From 02326652779f0750a1c1db1e20daa2bf9d44f034 Mon Sep 17 00:00:00 2001
From: NotFenixio <103071021+NotFenixio@users.noreply.github.com>
Date: Wed, 1 May 2024 14:44:13 +0200
Subject: [PATCH] Add some visual changes

---
 README.md                       |  4 +---
 _layouts/main.html              | 20 ++++++++++++++++++++
 _layouts/post.html              | 10 +++++++---
 _posts/2024-05-01-helloworld.md |  1 +
 blog.html                       |  7 +++----
 index.html                      |  8 +++++++-
 6 files changed, 39 insertions(+), 11 deletions(-)
 create mode 100644 _layouts/main.html
diff --git a/README.md b/README.md
index 47c34af..2d63d7b 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,2 @@
 # snazzle-updatesite
-Snazzle updates site repo (as requested by juniper, redstonescratch)
-
-website coming in afew days
+Snazzle updates site repo (as requested by juniper, redstonescratch)
\ No newline at end of file
diff --git a/_layouts/main.html b/_layouts/main.html
new file mode 100644
index 0000000..81cb3b9
--- /dev/null
+++ b/_layouts/main.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>{{ page.title }}</title>
+    <link rel="stylesheet" href="{{ '/assets/css/styles.css' | relative_url }}">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
+  </head>
+  <body>
+    <nav>
+      {% for item in site.data.navigation %}
+        <a href="{{ item.link }}" {% if page.url == item.link %}class="current"{% endif %}>{{ item.name }}</a>
+      {% endfor %}
+    </nav>
+    <h1 class="font-[Poppins]">{{ page.title }}</h1>
+  </body>
+</html>
\ No newline at end of file
diff --git a/_layouts/post.html b/_layouts/post.html
index 6d5b53d..8769115 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -1,6 +1,5 @@
 ---
 layout: post
-title: "Hello World!!"
 ---
 
 <!DOCTYPE html>
@@ -11,9 +10,14 @@
     <link rel="stylesheet" href="{{ '/assets/css/styles.css' | relative_url }}">
   </head>
   <body>
+    <nav>
+      {% for item in site.data.navigation %}
+        <a href="{{ item.link }}" {% if page.url == item.link %}class="current"{% endif %}>{{ item.name }}</a>
+      {% endfor %}
+    </nav>
 
-    <h1>{{ page.title }}</h1>
-    <p>{{ page.date | date_to_string }} - {{ page.author }}</p>
+    <h1 class="title">{{ page.title }}</h1>
+    <p class="author">by {{ page.author }}</p> <p class="date">{{ page.date | date_to_string }}</p>
 
     {{ content }}
   </body>
diff --git a/_posts/2024-05-01-helloworld.md b/_posts/2024-05-01-helloworld.md
index f0b1681..b6e7133 100644
--- a/_posts/2024-05-01-helloworld.md
+++ b/_posts/2024-05-01-helloworld.md
@@ -1,6 +1,7 @@
 ---
 layout: post
 author: NotFenixio
+title: "Hello World"
 ---
 
 Hello, Jekyll! :)
\ No newline at end of file
diff --git a/blog.html b/blog.html
index e7d1509..858d5b2 100644
--- a/blog.html
+++ b/blog.html
@@ -1,7 +1,8 @@
 ---
-layout: post
-title: Blog
+layout: main
+title: "Latest posts from SnarpleDev"
 ---
+
 <!DOCTYPE html>
 <html>
   <head>
@@ -10,12 +11,10 @@
     <title></title>
     <meta name="description" content="">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="{{ '/assets/css/styles.css' | relative_url }}">
   </head>
   <body>
   </body>
 </html>
-<h1>Latest posts from SnarpleDev</h1>
 
 <ul>
   {% for post in site.posts %}
diff --git a/index.html b/index.html
index a41b921..5ec9b6b 100644
--- a/index.html
+++ b/index.html
@@ -1,3 +1,8 @@
+---
+layout: main
+title: Home
+---
+
 <!DOCTYPE html>
 <html>
   <head>
@@ -5,6 +10,7 @@
     <title>Home</title>
   </head>
   <body>
-    <h1>Hello there!</h1>
+    <img class="logo" src="https://avatars.githubusercontent.com/u/151100541?s=500"></img>
+    <h1 class="">We are SnarpleDev, a [ficticional] company building products like Voyager and Snazzle.</h1>
   </body>
 </html>
\ No newline at end of file
