From ea058a851098bf81cb645249e02d26a8c253db90 Mon Sep 17 00:00:00 2001
From: "Gabriel A. Giovanini" <mail@gabrielgio.me>
Date: Sun, 8 May 2022 21:47:45 +0200
Subject: ref: Add embded rust and router

- Use embed rust to load and resolve file from `content/post` folder, so
the whole process is a bit more dynamic.

- Add router to to resolve the path. It is the first step to try to get
the code a bit cleaner.
---
 templates/header.html        |  4 +---
 templates/index.html         |  2 +-
 templates/pico.min.css       | 55 +++++++-------------------------------------
 templates/post.html          |  9 +++++---
 templates/simple_header.html |  4 +---
 5 files changed, 17 insertions(+), 57 deletions(-)

(limited to 'templates')

diff --git a/templates/header.html b/templates/header.html
index e55cebe..1005e66 100644
--- a/templates/header.html
+++ b/templates/header.html
@@ -4,9 +4,7 @@
             <li><strong>Yet Another Blog</strong></li>
         </ul>
         <ul>
-            <li><a class="secondary">Posts</a></li>
-            <li><a class="secondary">Projects</a></li>
-            <li><a class="secondary">Resume</a></li>
+            <li><a href="https://gitlab.com/gabrielgio/cv/-/raw/main/cv.pdf?inline=false" class="secondary">Resume</a></li>
         </ul>
     </nav>
     <hgroup>
diff --git a/templates/index.html b/templates/index.html
index 3558e06..6d0c139 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -9,7 +9,7 @@
     <section>
         <ul>
         <% for p in &posts { %>
-            <li><a href="/post/<%- p.0 %>"><%- p.1 %></a></li>
+            <li><a href="/posts/<%- p %>"><%- p %></a></li>
         <% } %>
         </ul>
     </section>
diff --git a/templates/pico.min.css b/templates/pico.min.css
index 1179471..7713ba9 100644
--- a/templates/pico.min.css
+++ b/templates/pico.min.css
@@ -325,7 +325,7 @@ b, strong {
     font-weight: bolder
 }
 
-address, blockquote, dl, figure, form, ol, p, pre, table, ul {
+address, blockquote, dl, figure, form, ol, p, table, ul {
     margin-top: 0;
     margin-bottom: var(--typography-spacing-vertical);
     color: var(--color);
@@ -336,7 +336,7 @@ address, blockquote, dl, figure, form, ol, p, pre, table, ul {
 
 [role=link], a {
     --color: var(--primary);
-    --background-color: transparent;
+    ckground-color: transparent;
     outline: 0;
     background-color: var(--background-color);
     color: var(--color);
@@ -413,7 +413,7 @@ h6 {
     --color: var(--h6-color)
 }
 
-:where(address,blockquote,dl,figure,form,ol,p,pre,table,ul) ~ :is(h1,h2,h3,h4,h5,h6) {
+:where(address,blockquote,dl,figure,form,ol,p,table,ul) ~ :is(h1,h2,h3,h4,h5,h6) {
     margin-top: var(--typography-spacing-vertical)
 }
 
@@ -454,7 +454,7 @@ p {
 }
 
 ul li {
-    list-style: none
+    list-style: square;
 }
 
 mark {
@@ -503,63 +503,24 @@ fieldset legend, label {
     padding: 0
 }
 
-code, kbd, pre, samp {
+kbd,  samp {
     font-size: 0.875em;
     font-family: var(--font-family)
 }
 
-pre {
-    -ms-overflow-style: scrollbar;
-    overflow: auto
-}
-
-code, kbd, pre {
+kbd {
     border-radius: var(--border-radius);
-    background: var(--code-background-color);
+    background: var(--eode-background-color);
     color: var(--code-color);
     font-weight: var(--font-weight);
     line-height: initial
 }
 
-code, kbd {
+ kbd {
     display: inline-block;
     padding: 0.375rem 0.5rem
 }
 
-pre {
-    display: block;
-    margin-bottom: var(--spacing);
-    overflow-x: auto
-}
-
-pre > code {
-    display: block;
-    padding: var(--spacing);
-    background: 0 0;
-    font-size: 14px;
-    line-height: var(--line-height)
-}
-
-code b {
-    color: var(--code-tag-color);
-    font-weight: var(--font-weight)
-}
-
-code i {
-    color: var(--code-property-color);
-    font-style: normal
-}
-
-code u {
-    color: var(--code-value-color);
-    text-decoration: none
-}
-
-code em {
-    color: var(--code-comment-color);
-    font-style: normal
-}
-
 kbd {
     background-color: var(--code-kbd-background-color);
     color: var(--code-kbd-color);
diff --git a/templates/post.html b/templates/post.html
index 68211c1..410cfbf 100644
--- a/templates/post.html
+++ b/templates/post.html
@@ -1,13 +1,16 @@
 <!DOCTYPE html>
 <html data-theme="light" lang="en">
 <head>
-  <% include!("head.html"); %>
+    <% include!("head.html"); %>
 </head>
 <body>
 <% include!("simple_header.html"); %>
 <main class="container">
-  <%- content %>
-</section>
+    <%- content %>
+    </section>
 </main>
 </body>
+
+<script>
+</script>
 </html>
diff --git a/templates/simple_header.html b/templates/simple_header.html
index 0132334..4382df4 100644
--- a/templates/simple_header.html
+++ b/templates/simple_header.html
@@ -4,9 +4,7 @@
             <li><strong><a href="/">Yet Another Blog</a></strong></li>
         </ul>
         <ul>
-            <li><a class="secondary">Posts</a></li>
-            <li><a class="secondary">Projects</a></li>
-            <li><a class="secondary">Resume</a></li>
+            <li><a href="https://gitlab.com/gabrielgio/cv/-/raw/main/cv.pdf?inline=false" class="secondary">Resume</a></li>
         </ul>
     </nav>
 </header>
-- 
cgit v1.2.3