Add logo

project.el

@@ -54,9 +54,21 @@
     (when (and i (stringp i))
       i)))
 
+(defun logo ()
+  (concat
+   "<div id=\"logo\">"
+   "<svg width=\"5em\" viewBox=\"0 0 64 64\">"
+   "<circle cx=\"32\" cy=\"32\" r=\"30\" stroke=\"var(--b2)\" stroke-width=\"2\" fill=\"var(--b03)\"/>"
+   "<circle cx=\"32\" cy=\"32\" r=\"12\" stroke=\"var(--r)\" stroke-width=\"2\" fill=\"var(--o)\"/>"
+   "<circle cx=\"32\" cy=\"32\" r=\"6\" stroke-width=\"0\" fill=\"var(--y)\"/>"
+   "<ellipse cx=\"32\" cy=\"14\" rx=\"14\" ry=\"8\" stroke-width=\"0\" fill=\"var(--b3)\"/>"
+   "</svg>"
+   "</div>"))
+
 (defun org-blog-preamble (info)
   "Pre-amble for whole blog."
   (concat
+   (logo)
    "<div class=\"content\">"
    "<h1>"
    (format "%s" (car (plist-get info :title)))

src/about-me.org

@@ -20,8 +20,6 @@
 </span>
 </nav>@@
 
-#+INCLUDE: ../logo-svg.org
-
 #+begin_notes
 *Sorry for the late reply.*
 

src/css/mk.css

@@ -3,21 +3,21 @@
 */
 /* Fonts */
 :root {
-    --lh: 17px;
+    --lh: 22px;
 }
 
 body {
-    font-size: 15px;
+    font-size: 18px;
     font-family: sans-serif;
     line-height: var(--lh);
     min-height: 100vh;
 }
 code {
-    font-size: 13px;
+    font-size: 15px;
 }
 pre {
     line-height: 1em;
-    font-size: 12px;
+    font-size: 14px;
 }
 blockquote pre {
     line-height: var(--lh);
@@ -128,6 +128,7 @@ h6::before {
 hr {
     border: 0;
 }
+#logo { text-align: center; }
 #preamble h1, #preamble h2 {
     margin-top: 0;
     margin-bottom: .5em;
@@ -191,10 +192,10 @@ figure, .figure {
     margin-top: var(--lh);
 }
 .timestamp-wrapper {
-    font-size: 12px;
+    font-size: 14px;
 }
 .todo, .done {
-    font-size: 12px;
+    font-size: 14px;
     font-weight: bold;
     padding: 1px 1ex;
 }
@@ -258,7 +259,7 @@ li .keywords {
     --rbg: var(--b2);
     --fg0: var(--b0);
     --fg: var(--b02);
-    --rfg: var(--b03);
+    --rfg: #000;
     --hl: var(--v);
 }
 
@@ -272,7 +273,7 @@ body {
     color: var(--fg);
 }
 h1, h2, h3, h4, h5, h6 {
-    color: var(--rbg)
+    color: var(--rfg);
 }
 a {
     color: var(--hl);
@@ -324,9 +325,6 @@ thead, tr:hover {
     background: var(--rbg);
     color: var(--rfg);
 }
-h1, h2, h3, h4, h5, h6 {
-    color: var(--rfg);
-}
 table, td, th {
     border-color: var(--fg0);
 }

src/index.org

@@ -20,8 +20,6 @@
 </span>
 </nav>@@
 
-#+INCLUDE: ../logo-svg.org
-
 #+MACRO: br @@html:<br/><br/>@@
 
 Welcome to my personal website.