visuals, new post

posts/my-first-article/post_frontmatter.toml

@@ -2,7 +2,7 @@ title = 'Welcommeeee :3'
 file_name = 'my-first-article'
 description = 'about this blog and stuff'
 tags = ["Casual"]
-posted = '22/08/2022'
+posted = '2024. sept. 30.'
 estimated_reading_time = 1
 author = 'IMK' # feel free to swap with your own name
 order = 1

posts/test1/post.md

@@ -1,21 +0,0 @@
-# WELCOME TO MY BLOG!!!
-
-So uh the plan is to update this blog as often as possible as I learn more about rust :3
-
-Don't expect me to word posts professionally as this is intended to be more of something where I can turn off my mind and write my thoughts down.
-
-## I aim to post daily though so that's cool
-
-also this blog was made with a random tutorial from The Medium so yeahhhhhhh I can barely understand the codebase or whatever the fancy term for the source code is
-
-so uhh have fun and stuff :3
-
-P.S. I go by IMK, IMKJET on most places (and IMKTHECOOL[x] rarely), It's like capitalized usually but I honestly don't give a fuckkkkkk
-
-1. number
-2. list
-3. test
-
-- unsorted
-- yeahhh
-

posts/test1/post_frontmatter.toml

@@ -1,9 +0,0 @@
-title = 'unpinned therefore should be at the bottom'
-file_name = 'test1'
-description = 'about this blog and stuff'
-tags = ["Casual"]
-posted = '22/08/2022'
-estimated_reading_time = 1
-author = 'IMK' # feel free to swap with your own name
-order = 1
-pinned = false

posts/update1/post.md

@@ -0,0 +1,10 @@
+# So uh this is the second post
+
+I have update the website adding the ability for me to pin posts at the top
+though the welcome post will be probably the only post pinned (for the forseable future)
+
+also I have made tags for posts visible (they were a thing on the back end, they were just not on the frontend for some reason lmao)
+
+I might work on stylizing the website tomorrow because this monochrome is borrrinngggg
+
+That's all for today

posts/update1/post_frontmatter.toml

@@ -0,0 +1,9 @@
+title = 'Website Update: Pins, Tags'
+file_name = 'update1'
+description = 'new features'
+tags = ["Website update"]
+posted = '2024. oct. 01.'
+estimated_reading_time = 1
+author = 'IMK'
+order = 1
+pinned = false

static/assets/pin.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
+    <g transform="matrix(1,0,0,1,-1.8253,-1.45008)">
+        <g transform="matrix(1,0,0,1,-0.0218037,0.202677)">
+            <path d="M2.679,5.714L5.185,8.22L6.542,6.863L5.916,6.236L6.751,5.401L7.377,6.028L9.152,4.253L6.646,1.747L4.872,3.522L5.498,4.149L4.663,4.984L4.036,4.357L2.679,5.714Z" style="fill:white;stroke:white;stroke-width:1px;"/>
+        </g>
+        <path d="M2.325,8.711L3.211,7.197L3.875,7.788L2.325,8.711Z" style="fill:none;stroke:white;stroke-width:1px;"/>
+    </g>
+</svg>

static/css/index.css

@@ -13,7 +13,7 @@ a {
 }
 
 .pinned-true {
-	text-align: right;
+	float:right;
 }
 
 a:link{
@@ -25,9 +25,9 @@ a:visited{
 }
 
 a.return{
+	float: right;
 	font-size: 2.5vw;
 	font-weight:bold;
-	
 }
 
 hr
@@ -57,7 +57,7 @@ article li {
 }
 
 article ul {
- list-style-image: url("/static/assets/bullet.svg")
+ list-style-image: url("/static/assets/bullet.svg");
 }
 
 div.post {

templates/home.html

@@ -7,7 +7,8 @@
     {% for fm in posts %}
     <a class="mb-3" href="/posts/{{fm.file_name}}">
         <div class="post">
-		<h2 class="text-2xl font-semibold hover:underline">  {{fm.title}}</h2><p class="pinned-{{fm.pinned}}">!!</p>
+        <img class="pinned-{{fm.pinned}}" src="/static/assets/pin.svg" alt="PIN" style="max-width:1.5%;height:auto;"/>
+		<h2 class="text-2xl font-semibold hover:underline">  {{fm.title}}</h2>
 	    <hr>
             <ul>
                 <li>On: {{fm.posted}}</li>

templates/post.html

@@ -3,9 +3,10 @@
 {% block title %}{{ meta_data.title }} | by {{ meta_data.author }} {% endblock title %}
 
 {% block header %}
-<div class="relative mt-2 ml-4 flex w-full justify-center">
 <a class="return" href="/">ℵ₁ | IMK's BLOG</a>
+<div class="relative mt-2 ml-4 flex w-full justify-center">
     <p class="title">{{ meta_data.title }}</p>
+    <p>{{meta_data.description}}</p>
     <hr>
 </div>
 {% endblock header %}
@@ -19,8 +20,8 @@
 {% endblock content %}
 
 {% block footer %}
-	<hr>
     <div class="flex w-full h-full justify-center items-center">
 	<img src="/static/assets/signature.svg" alt="IMK (signature)" style="max-width:2%;height:auto;">
+    <hr>
     </div>
 {% endblock footer %}