Tried changing the post layout

legoraft · Sep 25, 2024 · 5a6aaac · 5a6aaac
1 parent 85dcab6
commit 5a6aaac
Show file tree

Hide file tree

Showing 6 changed files with 32 additions and 4 deletions.
diff --git a/_config.yml b/_config.yml
@@ -8,6 +8,8 @@ defaults:
       path: ""
     values:
       layout: "default"
+
+excerpt_separator: <!--more-->
 
 plugins:
   - jekyll-feed

diff --git a/_posts/2024-05-17-power-of-github-actions.md b/_posts/2024-05-17-power-of-github-actions.md
@@ -4,7 +4,7 @@ title: "The power of github actions"
 categories: misc
 ---
 
-I've recently started using Github actions a lot more due to my new ongoing project called [stagnant](https://github.com/legoraft/stagnant). This static site generator allows you to create a statically generated blog site (mainly to use with github pages). I wanted to create a project in rust for a long time to learn a bit more about the language. The best way to do that is by building something you'd actually use, so you'll work on it.
+I've recently started using Github actions a lot more due to my new ongoing project called [stagnant](https://github.com/legoraft/stagnant). <!--more--> This static site generator allows you to create a statically generated blog site (mainly to use with github pages). I wanted to create a project in rust for a long time to learn a bit more about the language. The best way to do that is by building something you'd actually use, so you'll work on it.
 
 Now on to Github actions. When I started on this project, I just wanted to be able to upload the built site (which resides in a `site` directory) to a github pages site and be able to browse the site from github pages. A lot of these static site generators use github actions for this and I chose to take a look at [mdbook](https://github.com/rust-lang/mdBook), which had quite a clear workflow to do this. After some fiddling around with this (it took 14 commits to get it working) I realised that I was using a MacOS build on a workflow that ran on a Linux container.
 

diff --git a/_sass/body.scss b/_sass/body.scss
@@ -7,11 +7,31 @@
 
 h1.posttitle {
     font-size: 1.5rem;
+    margin: 1rem 0;
+}
+
+ul.postlist {
+    list-style: none;
+    margin: 0 1rem;
+
+    li {
+        display: flex;
+    }
+}
+
+span.date {
+    color: $unfocused;
+    margin-right: 1.5rem;
+    font-size: 0.9rem;
 }
 
 a.postlink {
     color: inherit;
     text-decoration: none;
+    font-weight: bold;
+
+    display: flex;
+    flex-direction: column;
 
     &:hover {
         text-decoration: underline;

diff --git a/_sass/header.scss b/_sass/header.scss
@@ -2,11 +2,12 @@
 
 header {
     height: 64px;
-    max-width: 100%;
+    max-width: 80%;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 0 64px;
+    margin: auto;
     color: $foreground;
 }
 

diff --git a/_sass/variables.scss b/_sass/variables.scss
@@ -1,5 +1,6 @@
 $background: #FDFFFC;
 $foreground: #0D1321;
+$unfocused: #70798F;
 $accent: #AB92BF;
 
 * {

diff --git a/index.md b/index.md
@@ -5,10 +5,14 @@ title: Home
 
 <h1 class="posttitle">Posts</h1>
 
-<ul>
+<ul class="postlist">
   {% for post in site.posts %}
     <li>
-      <h2><a class="postlink" href="{{ post.url }}">{{ post.title }}</a></h2>
+      <span class="date">{{ post.date | date_to_string }}</span>
+      <a class="postlink" href="{{ post.url }}">
+        <h3>{{ post.title }}</h3>
+        <p>{{ post.excerpt }}</p>
+      </a>
     </li>
   {% endfor %}
 </ul>