Finished posts

CloudCannon · Mar 2, 2021 · 12b1cfb · 12b1cfb
1 parent 9374114
commit 12b1cfb
Show file tree

Hide file tree

Showing 5 changed files with 62 additions and 88 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -10,7 +10,7 @@
     {% else %}
       <title>CawCannon</title>
     {% endif %}
-    <link rel="stylesheet" href="css/style.css">
+    <link rel="stylesheet" href="/css/style.css">
     <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Prompt:wght@700&display=swap" rel="stylesheet">
   </head>
 <body class="page">

diff --git a/_layouts/post.html b/_layouts/post.html
@@ -0,0 +1,23 @@
+---
+layout: default
+---
+<div class="b-hero">
+    <img class="b-hero__image" src="{{ page.image }}">
+    <div class="b-hero__info">
+        <h1 class="b-hero__title">{{ page.title }}</h1>
+        <div class="b-hero__author-date">
+            <span>Written by: {{ page.author }}</span>
+            <span>{{ page.date | date: "%b %d, %Y" }}</span>
+            <div class="tag-group">
+                {% for tag in page.tags %}
+                <div class="tag">
+                    <span class="tag-text">
+                    <a href="#">{{ tag }}</a>
+                    </span>
+                </div>
+                {% endfor %}
+            </div>
+        </div>
+    </div>
+</div>
+{{ content }}
diff --git a/blog.html b/blog.html
@@ -0,0 +1,21 @@
+---
+layout: default
+title: Blog Page
+---
+<h1 class="col-header dark-orange">All posts</h1>
+{% for post in site.posts %}
+<div class="post-preview">
+    <img class="post-preview__left" src="{{ post.image }}">
+    <div class="post-preview__right">
+        <a class="preview-title" href="{{ post.url }}">{{ post.title }}</a>
+        <span>{{ post.date | date: "%b %d, %Y" }}</span>
+        <div class="tag-group">
+            {% for tag in post.tags %}
+            <div class="tag"><span class="tag-text">{{ tag }}</span></div>
+            {% endfor %}
+        </div>
+    </div>
+</div>
+{% endfor %}
+
+
diff --git a/index.html b/index.html
@@ -7,4 +7,21 @@ <h2 class="heading-secondary dark-blue">Latest posts</h2>
 <div class="includes-grid">
   {% include youtube.html youtube_id="7W7hEUGtv4U" %}
   {% include youtube.html youtube_id="E3a88_SjJR0" %}
+</div>
+
+<p class="featured">Featured posts</p>
+<h2 class="heading-secondary dark-blue">Latest posts</h2>
+
+<div class="post-row">
+{% for post in site.posts %}
+  <div class="post-front">
+    <img class="post-front__image" src="{{ post.image }}">
+    <a class="preview-title" href="{{ post.url }}">{{ post.title }}</a>
+    <div class="tag-group"> 
+      {% for tag in post.tags %}
+      <div class="tag"><span class="tag-text">{{ tag }}</span></div>
+      {% endfor %}
+    </div>
+  </div>
+  {% endfor %}
 </div>
diff --git a/posts.txt b/posts.txt