updated CSS and style

build.sh

@@ -1,3 +1,13 @@
 #!/usr/bin/env bash
 
-emacs --load project.el --eval '(progn (delete-directory org-publish-timestamp-directory t) (org-publish "blog" nil) (evil-quit))'
+emacs \
+  --load project.el \
+  --eval "(progn (org-publish \"blog\" t) (evil-quit))"
+
+echo "Update file size"
+./update-file-size.sh
+echo "Gen themes clones"
+./dup-for-themes.sh
+echo "Building RSS"
+./mkrss.sh
+echo "RSS Built"

dup-for-themes.sh

@@ -17,11 +17,12 @@ else
 fi
 
 for fic in $filelist; do
-    if echo $fic|egrep -- '-(mk|sci|modern).html$'>/dev/null; then
+    if echo $fic|egrep -- '-(mk|min|sci|modern).html$'>/dev/null; then
         continue
     fi
     print -n -- "$fic "
     cat $fic | perl -p -e 's#href="/css/mk.css"#href="/css/sci.css"#' > ${fic:r}-sci.html
+    cat $fic | perl -p -e 's#href="/css/mk.css"#href="/css/min.css"#' > ${fic:r}-min.html
     cat $fic | perl -p -e 's#href="/css/mk.css"#href="/css/modern.css"#' > ${fic:r}-modern.html
     print "[OK]"
 done

project.el

@@ -53,7 +53,6 @@
   "Pre-amble for whole blog."
   (concat
    "<div class=\"content\">"
-   (menu '("<a href=\"#postamble\">↓ bottom ↓</a>"))
    (when-let ((date (plist-get info :date)))
      (format "<span class=\"article-date\">%s</span>"
              (format-time-string "%Y-%m-%d"
@@ -155,6 +154,12 @@
           "#+AUTHOR: " author-name "\n"
           "#+EMAIL: " author-email "\n"
           "#+DESCRIPTION: " descr "\n"
+          "@@html:<navigation>"
+          "<a href=\"/index.html\">Home</a> | "
+          "<a href=\"/archive.html\">Posts</a> | "
+          "<a href=\"/slides.html\">Slides</a> | "
+          "<a href=\"/about-me.html\">About</a>"
+          "</navigation><br/>@@"
           (mapconcat (lambda (li) (format "%s" (car li)))
                      (seq-filter #'car (cdr list))
                      "\n")))
@@ -186,6 +191,7 @@
 
                            "<div id=\"labels\">"
                            "<div class=\"content\">"
+                           "<a id=\"h\" href=\"/index.html\">her.esy.fun</a> - "
                            "<label for=\"l\">light</label>"
                            " / "
                            "<label for=\"d\">dark</label>"

src/css/min.css

@@ -133,6 +133,7 @@ figure, .figure {
 #content,.content {
     max-width: 46em;
     margin: 0 auto;
+    padding: 0 1em;
 }
 #content:last-child, .notes *:last-child, blockquote *:last-child {
     margin-bottom: 0;
@@ -234,6 +235,9 @@ figure, .figure {
         filter: sepia(100%) hue-rotate(182deg) saturate(0.6);
     }
 }
+#h {
+    float: left;
+}
 #labels {
     width: 100%;
     text-align: right;

src/css/mk.css

@@ -175,8 +175,9 @@ figure, .figure {
     margin: 1em 0;
 }
 #content,.content {
-    max-width: 46em;
+    max-width: 48em;
     margin: 0 auto;
+    padding: 0 1em;
 }
 #content:last-child, .notes *:last-child, blockquote *:last-child {
     margin-bottom: 0;
@@ -278,9 +279,13 @@ figure, .figure {
         filter: sepia(100%) hue-rotate(182deg) saturate(0.6);
     }
 }
+#h {
+    float: left;
+}
 #labels {
     width: 100%;
     text-align: right;
+    margin-bottom: 1em;
 }
 #labels label {
     text-decoration: underline;

src/css/modern.css

@@ -178,6 +178,7 @@ figure, .figure {
 #content,.content {
     max-width: 46em;
     margin: 0 auto;
+    padding: 0 1em;
 }
 #content:last-child, .notes *:last-child, blockquote *:last-child {
     margin-bottom: 0;
@@ -279,6 +280,9 @@ figure, .figure {
         filter: sepia(100%) hue-rotate(182deg) saturate(0.6);
     }
 }
+#h {
+    float: left;
+}
 #labels {
     width: 100%;
     text-align: right;
@@ -539,7 +543,9 @@ figure, .figure {
 body,.main {
     background: var(--bg);
     color: var(--fg);
-    min-height: 100vh;
+}
+.main {
+    padding-top:1em;
 }
 ::selection, .main ::selection,
 ::-moz-selection, .main ::-moz-selection {

src/css/sci.css

@@ -178,6 +178,7 @@ figure, .figure {
 #content,.content {
     max-width: 46em;
     margin: 0 auto;
+    padding: 0 1em;
 }
 #content:last-child, .notes *:last-child, blockquote *:last-child {
     margin-bottom: 0;
@@ -279,9 +280,13 @@ figure, .figure {
         filter: sepia(100%) hue-rotate(182deg) saturate(0.6);
     }
 }
+#h {
+    float: left;
+}
 #labels {
     width: 100%;
     text-align: right;
+    margin-bottom: 1em;
 }
 #labels label {
     text-decoration: underline;

src/index.org

@@ -8,6 +8,13 @@
 #+OPTIONS: H:5
 #+STARTUP: showeverything
 
+@@html:<navigation>
+<a href="/index.html">Home</a> |
+<a href="/archive.html">Posts</a> |
+<a href="/slides.html">Slides</a> |
+<a href="/about-me.html">About</a>
+</navigation>@@
+
 #+INCLUDE: ../logo-svg.org
 
 Welcome to my personal website.

src/posts/new-blog.org

@@ -256,7 +256,7 @@ a function used to transform org files to HTML, etc...
   (setq rss-title "Subscribe to articles")
   (setq publish-rss-dir publish-dir)
   (setq publish-rss-img (concat domainname "/rss.png"))
-  (setq css-path "/css/minimalist.css")
+  (setq css-path "/css/min.css")
   (setq author-name "John Doe")
   (setq author-email "john@doe.com")
 
@@ -546,7 +546,7 @@ Here is the full code:
   (setq rss-title "Subscribe to articles")
   (setq publish-rss-dir publish-dir)
   (setq publish-rss-img (concat domainname "/rss.png"))
-  (setq css-path "/css/minimalist.css")
+  (setq css-path "/css/min.css")
   (setq author-name "John Doe")
   (setq author-email "john@doe.com")