Add some visual changes

SnarpleDev · May 1, 2024 · 0232665 · 0232665
1 parent fecd6a6
commit 0232665
Show file tree

Hide file tree

Showing 6 changed files with 39 additions and 11 deletions.
diff --git 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)
diff --git a/_layouts/main.html 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>
diff --git 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
@@ -1,6 +1,7 @@
 ---
 layout: post
 author: NotFenixio
+title: "Hello World"
 ---
 
 Hello, Jekyll! :)
diff --git 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
@@ -1,10 +1,16 @@
+---
+layout: main
+title: Home
+---
+
 <!DOCTYPE html>
 <html>
   <head>
     <meta charset="utf-8">
     <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>