From ee510ff529df49bf9d9c5e4d86f99032bb81162b Mon Sep 17 00:00:00 2001 From: Arslaan Pathan Date: Fri, 17 Jul 2026 22:56:41 +1200 Subject: Create a fastfetch, fill in the homepage, add placeholder projects section, create assets/images --- content/blog/test.md | 12 ++ content/projects/_index.md | 6 + static/assets/images/Arslaan Pathan.svg | 128 +++++++++++++++++++++ static/style.css | 192 +++++++++++++++++++++++++++++++- templates/base.html | 1 + templates/header.html | 8 +- templates/index.html | 16 +++ templates/project.html | 10 ++ templates/projects-page.html | 9 ++ 9 files changed, 376 insertions(+), 6 deletions(-) create mode 100644 content/projects/_index.md create mode 100644 static/assets/images/Arslaan Pathan.svg create mode 100644 templates/project.html create mode 100644 templates/projects-page.html diff --git a/content/blog/test.md b/content/blog/test.md index 3173690..8034961 100644 --- a/content/blog/test.md +++ b/content/blog/test.md @@ -2,3 +2,15 @@ title = "Blog post test" date = 2026-07-17 +++ + +# Test blog post + +```shell +echo "Codeblocks" +``` + +`smaller codeblocks` + +Testing testing 123 chicken nuggets not 3 + +Yellow text. diff --git a/content/projects/_index.md b/content/projects/_index.md new file mode 100644 index 0000000..b0a2818 --- /dev/null +++ b/content/projects/_index.md @@ -0,0 +1,6 @@ ++++ +title = "Projects" +sort_by = "weight" +template = "project.html" +page_template = "projects-page.html" ++++ diff --git a/static/assets/images/Arslaan Pathan.svg b/static/assets/images/Arslaan Pathan.svg new file mode 100644 index 0000000..4c8699d --- /dev/null +++ b/static/assets/images/Arslaan Pathan.svg @@ -0,0 +1,128 @@ + diff --git a/static/style.css b/static/style.css index defd54a..647aee5 100644 --- a/static/style.css +++ b/static/style.css @@ -1,5 +1,193 @@ body { background: #1e1e2f; - color: #eee; - font-family: sans-serif; + color: #cdd6f4; + font-family: 'TypoPRO Fantasque Sans Mono', 'Fantasque Sans Mono', 'Arial', 'Helvetica', sans-serif; + font-style: normal; + font-size: 1.1rem; +} + +.container { + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; + margin: 0 auto; + padding: 0; + padding-top: 30px; + max-width: 70vw; +} + +.hey h1 { + margin: 0; + padding: 0; +} + +.hey h3 { + font-weight: 200; +} + +.yellow { + color: #f9e2af; +} + +.purple { + color: #cba6f7; +} + +.white { + color: #cdd6f4; +} + +.green { + color: #a6e3a1; +} + +.pink { + color: #f5c2e7; +} + +.rosewater { + color: #f5e0dc; +} + +.flamingo { + color: #f2cdcd; +} + +.red { + color: #f38ba8; +} + +.maroon { + color: #eba0ac; +} + +.peach { + color: #fab387; +} + +.teal { + color: #94e2d5; +} + +.sky { + color: #89dceb; +} + +.sapphire { + color: #74c7ec; +} + +.blue { + color: #89b4fa; +} + +.lavender { + color: #b4befe; +} + +.bold { + font-weight: 600; +} + +.italic { + font-style: italic; +} + +.underline { + text-decoration: underline; +} + +nav a.active { + text-decoration: underline; + text-underline-offset: 4px; + color: #f9e2af; +} + +.header-inner a { + text-decoration: none; +} +.header-inner { + display: flex; + justify-content: space-between; + align-items: center; + max-width: 800px; + margin: 0 auto; + padding: 1.5rem 20px; + border-bottom: 1px solid #eee; +} + +pre, code { + font-family: 'TypoPRO Fantasque Sans Mono', 'Fantasque Sans Mono', monospace; + background: #181825; + color: #cdd6f4; + padding: 0.1rem 0.3rem; + border-radius: 4px; + border: 1px solid #313244; + font-size: 0.95em; + text-align: left; +} + +pre { + padding: 1rem; + overflow-x: auto; + border-left: 4px solid #f9e2af; +} + +pre code { + background: transparent; + border: none; + padding: 0; +} + +.wrap { + white-space: pre-wrap; + word-wrap: break-word; + overflow-x: hidden; + overflow-y: auto; + max-height: 600px; +} + +a { + color: #f9e2af; +} + +.fastfetch-image { + width: 200px; + height: auto; + display: block; + border-radius: 4px; +} + +.fastfetch-text p { + margin: 0; + padding: 0; +} + +.fastfetch-row { + display: flex; + align-items: center; + gap: 1.5rem; + margin-top: 0.5rem; +} + +.fastfetch-image { + width: 250px; + height: auto; + border-radius: 8px; + flex-shrink: 0; +} + +.fastfetch-text { + flex: 1; +} + +@media (max-width: 1000px) { + .fastfetch-row { + flex-direction: column !important; + } + + .fastfetch-image { + width: 70%; + } } diff --git a/templates/base.html b/templates/base.html index a9bd296..086f5fc 100644 --- a/templates/base.html +++ b/templates/base.html @@ -4,6 +4,7 @@ Arslaan Pathan + diff --git a/templates/header.html b/templates/header.html index b81c946..ef38e96 100644 --- a/templates/header.html +++ b/templates/header.html @@ -1,12 +1,12 @@

- arslaan@thinkpad-e16-void:~ + arslaan@thinkpad-e16-void:~

diff --git a/templates/index.html b/templates/index.html index b547a2f..de90683 100644 --- a/templates/index.html +++ b/templates/index.html @@ -5,4 +5,20 @@

Hey, I'm Arslaan!

I’m a 13-year-old developer exploring systems programming, Linux, FOSS, reverse-engineering, jailbreaking, and a bit of embedded systems.

+ +

+$ fastfetch
+
+
+	
+	
+		I like computer science, writing stories (sometimes), Linux, FOSS (Free Open-Source Software), hacking, reverse-engineering and iOS jailbreaking. My favorite colour is yellow, and my favorite genre of music is Hyperpop, particularly Hyperpop-Digicore & Hyperpop-Glitchcore. I work on various projects in low-level development, system programming, and hardware hacking. I'm also active in Hack Club, a community of over 100,000+ teens around the world who code together. Come join the Slack and say hi!
+		I mainly use Void Linux on my ThinkPad E16 Gen 3 (Intel Core Ultra 7 255H) with the bspwm tiling window manager along with picom, polybar, rofi, i3lock-color, sxhkd, and more. Currently, my dotfiles are not available on Git, but hopefully that will change in the near future. My favorite games are osu!, Minecraft and Stick Fight: The Game. I’ve been programming and tinkering with devices since somewhere around the age of six. What originally got me into programming was looking at my old iPad 2 (which I still have as of 2025, seven years later - it's now jailbroken with EtasonJB because I felt like it) and saying – “how are these apps made?”
+		Feel free to explore my projects, stories, and achievements, and thanks for stopping by!
+	
+
+
+
+

+ {% endblock content %} diff --git a/templates/project.html b/templates/project.html new file mode 100644 index 0000000..4653d1c --- /dev/null +++ b/templates/project.html @@ -0,0 +1,10 @@ +{% extends "base.html" %} + +{% block content %} +

{{ section.title }}

+

{{ page.title }}

+{% endblock content %} diff --git a/templates/projects-page.html b/templates/projects-page.html new file mode 100644 index 0000000..9902bb6 --- /dev/null +++ b/templates/projects-page.html @@ -0,0 +1,9 @@ +{% extends "base.html" %} + +{% block content %} +

+ {{ page.title }} +

+

{{ page.date }}

+{{ page.content | safe }} +{% endblock content %} -- cgit v1.2.3