blog style

content/blog/entry2.md

@@ -0,0 +1,88 @@
++++
+title = "PlaceHolder"
+description = "A new Landing page for consuting services"
+date = 2024-11-11
++++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
+
+Duis aute irure
+dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+
+
+<!-- more -->
+
+# Why
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
+
+Duis aute irure
+dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+
+
+# How
+
+
+## SSG
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure...
+
+### zola
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure...
+
+
+
+## Markdown is Awsome
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
+
+```rust
+fn main() {
+  println!("Hello World!")
+}
+```
+
+
+## Hosting
+
+Cloudflare,  ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
+aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+pariatur. 
+
+## Nix
+
+Dev environment...
+
+# Whats next?
+
+
+## E-commerce
+
+I plan to setup some kind of e-commerce to sell merchindise.
+While fully intend this to a real store where you can buy stuff, the purpuse is mainly
+to drink my own wine so I dont poisen my clients. I.E test in production on myself, becouse maximum validity.
+
+## Showroom 
+
+I plan to make some kind wasm gallery of neat stuff.
+
+## Tutorials
+
+I love sharing my knowledge and teaching. I'm considering making tutorials in video format or perhaps articles or maybe asciicast with audio.
+
+
+## Stay tuned!

sass/cards.scss

@@ -26,6 +26,8 @@ main {
     margin-top: 1em;
   }
 
+  cursor: pointer;
+
   border: 3px solid var(--primary-text-color);
   border-radius: 25px;
   margin: 0 0 0 0;
@@ -108,6 +110,10 @@ main {
     margin-bottom: 20px;
   }
 
+  .footer {
+    cursor: default;
+  }
+
 }
 
 

sass/style.scss

@@ -90,3 +90,16 @@ a.more:hover {
     border-radius: 1em;
   }
 }
+
+ul {
+  list-style: none;
+}
+
+li.blog {
+  margin-bottom: 1.5em;
+  cursor: pointer;
+}
+
+.article-body {
+  padding: 0;
+}

templates/section.html

@@ -22,9 +22,9 @@
 {% block content %}
 <div class="content text margin-left:20vw; margin-right: 20vw;">
   <div class="heading-text">{{ section.title }}</div>
-  <ul>
+  <ul class="blog">
     {% for page in section.pages %}
-    <li>
+    <li class="blog card" hx-get="{{ page.permalink | safe }}">
       <div>
         <a href="{{ page.permalink | safe }}">
           <strong class="title article-title">{{ page.title }}</strong>