diff options
| author | Arslaan Pathan <[email protected]> | 2026-07-17 22:56:41 +1200 |
|---|---|---|
| committer | Arslaan Pathan <[email protected]> | 2026-07-17 22:56:41 +1200 |
| commit | ee510ff529df49bf9d9c5e4d86f99032bb81162b (patch) | |
| tree | 7cecb71371a7e047e2eac318b862efe99dda8552 /templates | |
| parent | f411bc46a2e535d0404f4b50bbb5c55c1fe8eb59 (diff) | |
| download | arslaancodes-ee510ff529df49bf9d9c5e4d86f99032bb81162b.tar.xz arslaancodes-ee510ff529df49bf9d9c5e4d86f99032bb81162b.zip | |
Create a fastfetch, fill in the homepage, add placeholder projects section, create assets/images
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/base.html | 1 | ||||
| -rw-r--r-- | templates/header.html | 8 | ||||
| -rw-r--r-- | templates/index.html | 16 | ||||
| -rw-r--r-- | templates/project.html | 10 | ||||
| -rw-r--r-- | templates/projects-page.html | 9 |
5 files changed, 40 insertions, 4 deletions
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 @@ <meta charset="utf-8"> <title>Arslaan Pathan</title> <link rel="stylesheet" href="/style.css"> + <link href="https://cdn.jsdelivr.net/npm/@typopro/[email protected]/TypoPRO-FantasqueSansMono.min.css" rel="stylesheet"> </head> <body> 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 @@ <header> <div class="header-inner"> <div class="site-title"> - <a href="/">arslaan@thinkpad-e16-void:~</a> + <a href="/"><span class="pink">arslaan</span><span class="white">@</span><span class="yellow">thinkpad-e16-void</span><span class="white">:</span><span class="green bold">~</span></a> </div> <nav> - <a href="/">home</a> - <a href="/projects">projects</a> - <a href="/blog">blog</a> + <a href="/" class="{% if current_path == '/' %}active{% else %}purple{% endif %}">home</a> + <a href="/projects" class="{% if current_path is starting_with('/projects') %}active{% else %}purple{% endif %}">projects</a> + <a href="/blog" class="{% if current_path is starting_with('/blog') %}active{% else %}purple{% endif %}">blog</a> </nav> </div> </header> 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 @@ <h1 class="pre-title">Hey, I'm Arslaan!</h1> <h3 class="title">I’m a 13-year-old developer exploring systems programming, Linux, FOSS, reverse-engineering, jailbreaking, and a bit of embedded systems.</h3> </div> + +<pre class="fastfetch wrap"> +<span class="white">$ </span><span class="green">fastfetch</span> + +<div class="fastfetch-row"> + <img src="/assets/images/Arslaan Pathan.svg" alt="Arslaan Pathan Logo" class="fastfetch-image"> + <div class="fastfetch-text"> + <p>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 <a target="_blank" href="https://hackclub.com">Hack Club</a>, a community of over 100,000+ teens around the world who code together. Come join the Slack and say hi!</p> + <p>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 <a target="_blank" href="https://etasonjb.tihmstar.net">EtasonJB</a> because I felt like it) and saying – “how are these apps made?”</p> + <p>Feel free to explore my projects, stories, and achievements, and thanks for stopping by!</p> + </div> + +</div> + +</pre> + {% 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 %} +<h1 class="title">{{ section.title }}</h1> +<ul> + {% for page in section.pages %} + <li><a href="{{ page.permalink | safe }}">{{ page.title }}</a></li> + {% endfor %} +</ul> +{% 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 %} +<h1 class="title"> + {{ page.title }} +</h1> +<p class="subtitle"><strong>{{ page.date }}</strong></p> +{{ page.content | safe }} +{% endblock content %} |