From 0cd2eb163c5dc68c77acf9e0bc2714b798f31039 Mon Sep 17 00:00:00 2001
From: gws <glennws@pm.me>
Date: Thu, 14 Nov 2024 09:22:56 +0100
Subject: [PATCH] blog style

---
 content/blog/entry2.md | 88 ++++++++++++++++++++++++++++++++++++++++++
 sass/cards.scss        |  6 +++
 sass/style.scss        | 13 +++++++
 templates/section.html |  4 +-
 4 files changed, 109 insertions(+), 2 deletions(-)
 create mode 100644 content/blog/entry2.md

diff --git a/content/blog/entry2.md b/content/blog/entry2.md
new file mode 100644
index 0000000..1151648
--- /dev/null
+++ b/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!
diff --git a/sass/cards.scss b/sass/cards.scss
index f79a410..b29bfae 100644
--- a/sass/cards.scss
+++ b/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;
+  }
+
 }
 
 
diff --git a/sass/style.scss b/sass/style.scss
index ce86419..e4e5dc7 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -89,4 +89,17 @@ a.more:hover {
   pre {
     border-radius: 1em;
   }
+}
+
+ul {
+  list-style: none;
+}
+
+li.blog {
+  margin-bottom: 1.5em;
+  cursor: pointer;
+}
+
+.article-body {
+  padding: 0;
 }
\ No newline at end of file
diff --git a/templates/section.html b/templates/section.html
index 97c644f..aae315d 100644
--- a/templates/section.html
+++ b/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>