💄 (pages): Added a blog page

theobori-cafe · Jun 5, 2024 · dd94051 · dd94051
1 parent 2232b4a
commit dd94051
Show file tree

Hide file tree

Showing 7 changed files with 61 additions and 29 deletions.
diff --git a/_includes/blogpage.liquid b/_includes/blogpage.liquid
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <meta name="Description" content="Arpit Batra" />
+    <title>{{ title }}</title>
+    <link rel="stylesheet" href="../styles/homepage.css" />
+  </head>
+  <body>
+
+    <div class="container">
+      {{ content }}
+    </div>
+
+    <div class="container">
+      <h2 class="category">Blog posts</h2>
+      <ul class="posts">
+        {% for post in collections.posts reversed %}
+        <li class="post">
+          <span class="post-title">
+            {% if post.data.externalLink %}
+            <a href="{{ post.data.externalLink }}" target="__blank">{{ post.data.title }}</a>
+            {% else %}
+            <a href="{{ post.url }}">{{ post.data.title }}</a>
+            {% endif %}
+          </span>
+          <span class="post-date">
+            {{ post.date | date: '%b %Y' | downcase }}
+          </span>
+        </li>
+        {% endfor %}
+      </ul>
+    </div>
+
+    <div class="container back-link">
+      <a href="/">← Back</a>
+    </div>
+  </body>
diff --git a/_includes/blogpost.liquid b/_includes/blogpost.liquid
@@ -20,7 +20,7 @@
       <h1 class="title">{{ title }}</h1>
       <div class="content">{{ content }}</div>
       <div class="back-link">
-        <a href="/">← Back</a>
+        <a href="/blog">← Back</a>
       </div>
     </div>
   </body>

diff --git a/_includes/homepage.liquid b/_includes/homepage.liquid
@@ -13,26 +13,6 @@
     <div class="container">
       {{ content }}
     </div>
-
-    <div class="container">
-      <h2 class="category">Posts</h2>
-      <ul class="posts">
-        {% for post in collections.posts reversed %}
-        <li class="post">
-          <span class="post-title">
-            {% if post.data.externalLink %}
-            <a href="{{ post.data.externalLink }}" target="__blank">{{ post.data.title }}</a>
-            {% else %}
-            <a href="{{ post.url }}">{{ post.data.title }}</a>
-            {% endif %}
-          </span>
-          <span class="post-date">
-            {{ post.date | date: '%b %Y' | downcase }}
-          </span>
-        </li>
-        {% endfor %}
-      </ul>
-    </div>
 
     <div class="container">
       <center>
@@ -45,13 +25,13 @@
               height="20px"
             />
           </a>
-        </div>
+        {% comment %} </div> {% endcomment %}
 
-        <div>
+        {% comment %} <div> {% endcomment %}
             <a title="250KB Club page" href="https://250kb.club/theobori-cafe">
             <img
               alt="badge: proud member of the 250KB Club"
-              src="https://250kb.club/color_badge_dark.png"
+              src="https://250kb.club/simple_badge_bright.png"
               height="20px"
             />
           </a>

diff --git a/blog.md b/blog.md
@@ -0,0 +1,12 @@
+---
+layout: blogpage.liquid
+title: Blog
+---
+
+<h2 class="category category-home ">Why has this blog been created ?</h2>
+
+Simply to document the things that interest me. Writing them forces me to be more precise and to understand and go deeper into certain concepts.
+&nbsp;
+Below you can find posts about some projects I did. I also archive what I do and I make some of my notes public.
+
+<!-- posts are below -->
diff --git a/index.md b/index.md
@@ -5,15 +5,15 @@ title: Théo Bori
 
 <h2 class="category category-home ">Hi, I'm Théo</h2>
 
-&nbsp;
 I support F(L)OSS and pubnixes values, I love UNIX systems.
 I'm an Arch Linux enthusiast.
 &nbsp;
 Everything I make is open source and available on [GitHub](https://github.com/theobori) and [Gitea](https://git.theobori.cafe/nagi).
 I also have a [CTFtime](https://ctftime.org/user/67138) and a [LinkedIn](https://www.linkedin.com/in/theo-bori) profile.
 &nbsp;
-Currently I'm maintaining [teedata.net](https://teedata.net) ([skins.tw](https://skins.tw) until 2024).
-I offer free [services](https://services.theobori.cafe) that respect privacy.
+Currently I'm maintaining [teedata.net](https://teedata.net) ([skins.tw](https://skins.tw) until 2024) and I offer free [services](https://services.theobori.cafe) that respect privacy.
+&nbsp;
+If you're interested you can have a look at [my blog posts](/blog).
 
 <h2 class="category category-home ">Contact</h2>
 

diff --git a/posts/terraform_chaos_teeworlds.md b/posts/terraform_chaos_teeworlds.md
@@ -22,7 +22,7 @@ ec_output_level 2
 
 These are prefixed with `ec_` because they are associated with the `econ` server. This configuration binds a TCP port which will expose the Telnet protocol-based econ server.
 
-Through the latter, we'll be able to retrieve events from the Teeworlds server, such as a message sent, a player killed or a flag captured!
+Through the latter, we'll be able to retrieve events from the Teeworlds server, such as a message sent, a player killed or a flag captured !
 
 &nbsp;
 

diff --git a/posts/tinychip.md b/posts/tinychip.md
@@ -5,7 +5,7 @@ date: "2023-03-08"
 
 I wanted to learn the basics of emulator development and emulation in general. So I decided to make a CHIP-8 emulator.
 
-In fact it's a misuse of language to say that it's an "emulator" because CHIP-8 is a language, so we should rather say "interpreter".
+In fact it's a misuse of language to say that it's an `emulator` because CHIP-8 is a language, so we should rather say `interpreter`.
 
 ## How does it works ?
-Original file line number
+Diff line change
@@ Expand Up / @@ -22,7 +22,7 @@ ec_output_level 2 @@
     These are prefixed with `ec_` because they are associated with the `econ` server. This configuration binds a TCP port which will expose the Telnet protocol-based econ server.
-    Through the latter, we'll be able to retrieve events from the Teeworlds server, such as a message sent, a player killed or a flag captured!
+    Through the latter, we'll be able to retrieve events from the Teeworlds server, such as a message sent, a player killed or a flag captured !
     &nbsp;
@@ Expand Down @@