add the blek! File page

content/projects/_index.md

@@ -31,6 +31,8 @@ win7sim,https://github.com/b1ek/win7-sim,NONE,false
 # The List
 
 ### 1. blek! File 🌠
+[Project page](/projects/file)
+
 It is supposed to be a file sharing platform, like [`0x0.st`](https://0x0.st), but with a funny GUI & extended functionality.
 
 My instance is running [here](https://file.blek.codes). Check the [git repo](https://git.blek.codes/blek/bfile) for other instances.

content/projects/file.md

@@ -0,0 +1,24 @@
++++
+template = 'custom/project.html'
+
+title = 'blek! File'
+description = 'A minute file sharing service'
+date = '2024-08-01'
+slug = 'file'
+year = 2024
+month = 1
+day = 8
+lang = 'en'
+
+[extra]
+git_repo = 'git.blek.codes/blek/bfile.git'
+demo_url = 'file.blek.codes'
+author = 'b1ek <me@blek.codes>'
+license = 'GPL-3.0-only'
++++
+
+It is supposed to be a file sharing platform, like [`0x0.st`](https://0x0.st), but with a funny GUI & extended functionality.
+
+Here's a screenshot if you don't want to open up the link:
+
+<img alt='ui screenshot' src='/content/file_ui.webp' height='975px' width='835px' />

templates/custom/project.html

@@ -0,0 +1,32 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>{{ page.title }}</h2>
+<noscript>
+    Your browser doesn't support JS. This is so cool!
+</noscript>
+
+<div class='proj-profile' style='text-align: left'>
+    <h2>Project summary</h2>
+    <ul>
+        <li>
+            Git repo: <a href='https://{{ page.extra.git_repo }}'>{{ page.extra.git_repo }}</a>
+        </li>
+        <li>
+            Online demo: <a href='https://{{ page.extra.demo_url }}'>{{ page.extra.demo_url }}</a>
+        </li>
+        <li>
+            Author: <code>{{ page.extra.author }}</code>
+        </li>
+        <li>
+            License: <code>{{ page.extra.license }}</code>
+        </li>
+    </ul>
+</div>
+
+<div class='md-content'>
+    {{ page.content | safe }}
+</div>
+
+{% endblock content %}