Bun/nixfox-reborn
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Lots of css changes, html description, whathaveyou

Browse source
This commit is contained in:
Bun 2025-07-05 02:24:15 -04:00
parent 2a815643c0
commit 34e7f5aa95
24 changed files with 558 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

18
content/_index.md
View file

@ -1,29 +1,33 @@
+++ +++
title = "the nixfox den" title = "the nixfox den"
description = "the main homepage for nixfox.ca"
template = "generic.html" template = "generic.html"
+++ +++
nixfox.ca is the home for both my personal projects as well as 'foss' services i host for myself and others. nixfox.ca is the home for both my personal projects as well as 'foss' services i host for myself and others.
everything here is being ran and operated by me, everything here is being ran and operated by me,
[monarch bun](@/blog/about_me.md). [monarch bun](@/info/about_me.md).
if you'd like to suggest anything for my site, have any problems with the services, or would like to get in contact with me for any reason, check out my [contact page](@/blog/contact.md)! if you'd like to suggest anything for my site, have any problems with the services, or would like to get in contact with me for any reason, check out my [contact page](@/info/contact.md)!
this domain was made primarily to host services for myself and others i find to be immensely useful. this domain was made primarily to host services for myself and others i find to be immensely useful.
[![qcc](https://adryd.com/static/buttons/queercomputerclub.png)](https://queercomputerclub.ca/) [![qcc](https://highway.eightyeightthirty.one/badge/823b1206e33f92474e42398b8f397e3d64cc2bc8f084c86fed994c231b15e1bd)](https://queercomputerclub.ca/)
[![msx](https://msx.horse/data/buttons/msx8831.gif)](https://msx.horse) [![msx](https://highway.eightyeightthirty.one/badge/5b7d4c742b4113fdcb5c7a64891b8b26c7f1663ae3985caf6b0f810ef6b67f45)](https://msx.horse)
[![zvava](https://zvava.org/images/buttons/zvava.org.png)](https://zvava.org) [![zvava](https://zvava.org/images/buttons/zvava.org.png)](https://zvava.org)
[![slonk](https://slonk.ing/img/88x31.webp)](https://slonk.ing) [![slonk](https://slonk.ing/img/88x31.webp)](https://slonk.ing)
[![auberylis](https://auberylis.moe/indexfiles/sitebuttons/auberylismoe.png)](https://auberylis.moe) [![auberylis](https://auberylis.moe/indexfiles/sitebuttons/auberylismoe.png)](https://auberylis.moe)
[![kibty](https://kibty.town/files/img/buttons/kibty.town-badge.gif)](https://kibty.town) [![kibty](https://kibty.town/files/img/buttons/kibty.town-badge.gif)](https://kibty.town)
[![serime](https://i.imgur.com/MdRjyyV.png)](https://serime.net) [![serime](https://i.imgur.com/MdRjyyV.png)](https://serime.net)
[![notnite](https://notnite.com/buttons/notnite.png)](https://notnite.com) [![notnite](https://notnite.com/buttons/notnite.png)](https://notnite.com)
[![nixos](https://ezri.pet/assets/img/badges/nixos.gif)](https://nixos.org/) <!--- tool buttons --> [![eightyeightthirtyone](https://eightyeightthirty.one/88x31.png)](https://eightyeightthirty.one)
[![beaujordan](/beaujordan8831.png)](https://discord.com/invite/hxMeJvWR3M)
[![nixos](https://ezri.pet/assets/img/badges/nixos.gif)](https://nixos.org/)<!--- tool buttons -->
[![nextcloud](https://cyber.dabamos.de/88x31/nextcloud.gif)](https://nextcloud.com) [![nextcloud](https://cyber.dabamos.de/88x31/nextcloud.gif)](https://nextcloud.com)
[![fedi](https://cyber.dabamos.de/88x31/neo-fedi.gif)](https://mastodon.social) [![fedi](https://cyber.dabamos.de/88x31/neo-fedi.gif)](https://mastodon.social)
[![firefox](https://cyber.dabamos.de/88x31/firefox3.gif)](https://www.mozilla.org/en-CA/firefox/new/) [![firefox](https://cyber.dabamos.de/88x31/firefox3.gif)](https://www.mozilla.org/en-CA/firefox/new/)
[![rss](https://cyber.dabamos.de/88x31/feed.gif)](/authors/aubun/atom.xml) [![rss](https://cyber.dabamos.de/88x31/feed.gif)](/authors/aubun/atom.xml)
![construction](https://lyra.horse/css-clicker/buttons/construction.gif) <!--- identity buttons --> ![enby](https://img3.pillowfort.social/posts/39de1781b76d_enby_bev.png)<!--- identity buttons -->
![enby](https://img3.pillowfort.social/posts/39de1781b76d_enby_bev.png) <!--- identity buttons -->
![pan](https://img3.pillowfort.social/posts/d1e4ff15a141_pan_bev.png) ![pan](https://img3.pillowfort.social/posts/d1e4ff15a141_pan_bev.png)
![construction](https://lyra.horse/css-clicker/buttons/construction.gif)<!--- fun ones -->
![teto](https://highway.eightyeightthirty.one/badge/eeb04beccd7bff068818fe0bbbac4da6793b467395d80c681b0ea675ada43833)

1
content/art/_index.md
View file

@ -1,5 +1,6 @@
+++ +++
title = "art and doodles" title = "art and doodles"
descriptions = "sometimes i do art and i will post it here"
sort_by = "date" sort_by = "date"
template = "blog.html" template = "blog.html"
page_template = "blog-page.html" page_template = "blog-page.html"

3
content/blog/_index.md
View file

@ -1,5 +1,6 @@
+++ +++
title = "the personal bunblogs" title = "the bunblogs"
description = "the main bunblogs, random rants or discussions about whatever the heck i want"
sort_by = "date" sort_by = "date"
template = "blog.html" template = "blog.html"
page_template = "blog-page.html" page_template = "blog-page.html"

2
content/blog/defense.md
View file

@ -7,7 +7,7 @@ description = "a little rant about my own defense mechanisms"
[taxonomies] [taxonomies]
authors = [ "aubun" ] authors = [ "aubun" ]
tags = [ "rants", "personal" ] tags = [ "rants", "blog" ]
+++ +++
i have spent a lot of years playing both active and preemptive emotional defense. i have spent a lot of years playing both active and preemptive emotional defense.

4
content/blog/games.md
View file

@ -8,7 +8,7 @@ description = "a list of absolute bangers"
[taxonomies] [taxonomies]
authors = [ "aubun" ] authors = [ "aubun" ]
tags = [ "info", "games" ] tags = [ "blog", "games", "linkdump" ]
+++ +++
thanks for checking out my little list! i have a very opinionated set of favorites, and will likely update this list as i find more. thanks for checking out my little list! i have a very opinionated set of favorites, and will likely update this list as i find more.
@ -29,4 +29,4 @@ and of course, two of my favorite which don't fit into those categories:
- [portal](https://store.steampowered.com/app/400/Portal). not much more to say - [portal](https://store.steampowered.com/app/400/Portal). not much more to say
- [clustertruck](https://store.steampowered.com/app/397950/Clustertruck), this one's just fun - [clustertruck](https://store.steampowered.com/app/397950/Clustertruck), this one's just fun
if you have any games you'd think i'd like, please get in [contact](@/blog/contact.md) with me! if you have any games you'd think i'd like, please get in [contact](@/info/contact.md) with me!

2
content/blog/inspiration.md
View file

@ -7,7 +7,7 @@ description = "websites and tools i'm inspired by!"
[taxonomies] [taxonomies]
authors = [ "aubun" ] authors = [ "aubun" ]
tags = [ "personal" ] tags = [ "blog", "linkdump" ]
+++ +++
having a hard time keeping track of all the pages and links i've encountered and been inspired by and liked while making this webpage, so i may as well put them here! having a hard time keeping track of all the pages and links i've encountered and been inspired by and liked while making this webpage, so i may as well put them here!

1
content/hardware/_index.md
View file

@ -1,5 +1,6 @@
+++ +++
title = "my hardware chicanery" title = "my hardware chicanery"
description = "describing and showing hardware i use"
sort_by = "date" sort_by = "date"
template = "blog.html" template = "blog.html"
page_template = "blog-page.html" page_template = "blog-page.html"

1
content/images/_index.md
View file

@ -1,5 +1,6 @@
+++ +++
title = "silly little images" title = "silly little images"
description = "images i take and such"
sort_by = "date" sort_by = "date"
template = "blog.html" template = "blog.html"
page_template = "blog-page.html" page_template = "blog-page.html"

7
content/info/_index.md Normal file
View file

@ -0,0 +1,7 @@
+++
title = "basic info page"
description = "info pages about aubun"
sort_by = "date"
template = "blog.html"
page_template = "blog-page.html"
+++

5
content/blog/about_me.md → content/info/about_me.md
View file

@ -8,7 +8,7 @@ description = "a page all about me!"
[taxonomies] [taxonomies]
authors = [ "aubun" ] authors = [ "aubun" ]
tags = [ "info", "personal" ] tags = [ "info" ]
+++ +++
hello, i'm aubun, or just bun for short! hello, i'm aubun, or just bun for short!
@ -19,7 +19,8 @@ which i am quite fond of :3
- prefered name: bun, aubun - prefered name: bun, aubun
- nickname: monarch - nickname: monarch
- pronouns: they/them - pronouns: they/them
- contact: [the big beautiful blog post!](@/blog/contact.md) - born: july 12, 2004
- contact: [my big beautiful blog post](@/info/contact.md)
now, i'd like to use this page to share some of my interests! now, i'd like to use this page to share some of my interests!

5
content/blog/contact.md → content/info/contact.md
View file

@ -1,13 +1,14 @@
+++ +++
title = "contact info and socials" title = "contact info and socials"
date = 2025-07-01T23:45:15-04:00 date = 2025-07-01T23:45:15-04:00
updated = 2025-07-03T22:52:38-04:00
authors = [ "aubun" ] authors = [ "aubun" ]
description = "my contact details" description = "my contact details"
[taxonomies] [taxonomies]
authors = [ "aubun" ] authors = [ "aubun" ]
tags = [ "info", "personal" ] tags = [ "info" ]
+++ +++
i'm not on too many platforms, i'm not on too many platforms,
@ -28,3 +29,5 @@ which i'm active on from time to time.
- **🐦 twitter:** [viceebun](https://x.com/viceebun) - **🐦 twitter:** [viceebun](https://x.com/viceebun)
- **🎮 steam:** [viceebun](https://steamcommunity.com/id/viceebun) - **🎮 steam:** [viceebun](https://steamcommunity.com/id/viceebun)
- **🎵 spotify:** [bun](https://open.spotify.com/user/31vdhyhqi3kw7f6n6hgddu44mm5a) - **🎵 spotify:** [bun](https://open.spotify.com/user/31vdhyhqi3kw7f6n6hgddu44mm5a)
if you would like to refer to my pubkeys for any reason, check [here](@/info/keys.md).

16
content/info/keys.md Normal file
View file

@ -0,0 +1,16 @@
+++
title = "security keys"
date = 2025-07-03T22:36:13-04:00
updated = 2025-07-05T02:11:31-04:00
authors = [ "aubun" ]
description = "my security keys and such"
[taxonomies]
authors = [ "aubun" ]
tags = [ "info" ]
+++
i'm not too diligent about keeping everything encrypted, but i try to keep my ssh pubkeys for things like git and my servers pretty well.
while the key itself might change, you will always be able to find my latest pubkey [here](/aubun.pub).

3
content/nixfox/_index.md
View file

@ -1,5 +1,6 @@
+++ +++
title = "nixfox updates" title = "nixfox news"
description = "all blogposts directly relating to nixfox and nixfox.ca"
sort_by = "date" sort_by = "date"
template = "blog.html" template = "blog.html"
page_template = "blog-page.html" page_template = "blog-page.html"

10
content/nixfox/julywebsite.md
View file

@ -1,6 +1,7 @@
+++ +++
title = "new website!" title = "new website!"
date = 2025-07-02 date = 2025-07-02
updated = 2025-07-05T01:53:03-04:00
authors = [ "aubun" ] authors = [ "aubun" ]
description = "rebuilding the nixfox site" description = "rebuilding the nixfox site"
@ -13,3 +14,12 @@ tags = [ "software", "nixfox" ]
hello everyone! if anyone had previously seen this website, you may notice that this is now a very different page! hello everyone! if anyone had previously seen this website, you may notice that this is now a very different page!
for the first time, i have decided to sit down and properly attack some html and css (as well as some evil javascript) head-on to create a landing page i can be proud of. for the first time, i have decided to sit down and properly attack some html and css (as well as some evil javascript) head-on to create a landing page i can be proud of.
for this website, i have decided to use [zola](https://www.getzola.org) as my framework.
i chose a static page generator because databases horrify me, and i'd prefer to have all the code available in [one git repo](https://git.nixfox.ca/Bun/nixfox-reborn.git).
this has allowed me to maintain using entirely custom html and css (aka, no templates), without the hassle of maintaining a database! yes yes, alas, no comments. perhaps those will be implemented later.
while many things are still to come, eg, pagination, galleries, more photos and artwork, i believe this site finally lays the foundation for a stable home for both nixfox and my blogging going forward.
stay tuned for what's next!

1
content/software/_index.md
View file

@ -1,5 +1,6 @@
+++ +++
title = "software and such" title = "software and such"
description = "blogs about specific software i use"
sort_by = "date" sort_by = "date"
template = "blog.html" template = "blog.html"
page_template = "blog-page.html" page_template = "blog-page.html"

350
content/uwu.md Normal file
View file

@ -0,0 +1,350 @@
+++
title = "uwu easter egg"
description = "a little easter egg for those who nose"
template = "generic.html"
+++
**uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo
uwu owo**

66
sass/sidebar.scss
View file

@ -8,7 +8,7 @@
} }
#sidebar { #sidebar {
width: 8em; width: 7.5em;
height: 100%; height: 100%;
top: 0; top: 0;
left: 0; left: 0;
@ -32,7 +32,8 @@
.sb_link { .sb_link {
margin: 0.5em; margin: 0.5em;
padding: 0.5em; padding: 0.3em;
margin-left: 15px;
color:#ffffff; color:#ffffff;
font-size:16px; font-size:16px;
text-decoration: none; text-decoration: none;
@ -51,7 +52,7 @@
margin-right: auto; margin-right: auto;
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
max-width: calc(100% - 1.2em); max-width: calc(100% - 2em);
} }
.sb_img img { .sb_img img {
@ -81,6 +82,65 @@
color: var(--text-inv-color); color: var(--text-inv-color);
} }
.sidebaricontoggle {
color: var(--elm-inv-bg-color);
position: fixed;
outline: 3px solid;
z-index: 99;
top: 95%;
right: 25px;
height: 0px;
width: 0px;
visibility: hidden;
cursor: crosshair;
opacity: 0.3;
}
.sidebaricontoggle:hover {
color: var(--link-color);
opacity: 1;
}
input[type="checkbox"]:checked ~ #sidebar {
transform: translatex(0);
}
input[type=checkbox] {
box-sizing: border-box;
display: none;
}
input[type=checkbox]:checked ~ .sidebaricontoggle {
box-sizing: border-box;
color: var(--link-color);
}
@media (max-width: 600px) {
#sidebar {
width: 100%;
transform: translateX(-100%);
}
.sb_segment {
text-align: center;
}
.sb_img {
max-width: calc(60% - 2em);
}
.sb_img img {
max-width: calc(60% - 2em);
}
.sidebaricontoggle {
visibility: visible;
height: 35px;
width: 35px;
}
}
.personal { color:#fc3f5b; } .personal { color:#fc3f5b; }
.nixfox { color:#2abafc; } .nixfox { color:#2abafc; }

38
sass/style.scss
View file

@ -1,4 +1,6 @@
// Setup stuff // Setup stuff
@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono');
* { * {
font-family: 'IBM Plex Mono', monospace; font-family: 'IBM Plex Mono', monospace;
transition: 0.3s; transition: 0.3s;
@ -65,37 +67,44 @@ a:hover {
position: relative; position: relative;
width: 60%; width: 60%;
max-width: 45em; max-width: 45em;
min-width: 45em;
margin: auto; margin: auto;
top: 2em; top: 2em;
left: 6.5em; left: 6em;
padding: 3em; padding: 3em;
font-size: 16px; font-size: 16px;
} }
span {
display:inline-block;
font-size: 14px;
}
.blocktitle { .blocktitle {
font-weight: bold; font-weight: bold;
background-color: var(--elm-inv-bg-color); background-color: var(--elm-inv-bg-color);
color: var(--text-inv-color); color: var(--text-inv-color);
} }
@media (max-width: 1200px) { @media (max-width: 1100px) {
body { body {
margin: 0; padding: 0;
padding-bottom: 1.2em; margin-left: 13em;
} }
#main { #main {
width: 70%; position: static;
padding: 0;
top: 0;
font-size: 15px;
}
.container { width: 100%;
max-width: 35em; max-width: 40em;
min-width: 0;
font-size: 15px;
padding: 0;
margin: 0;
} }
[data-theme="light"] { [data-theme="light"] {
@ -107,6 +116,13 @@ a:hover {
} }
} }
@media (max-width: 600px) {
body {
padding: 2em;
margin-left: 0;
}
}
li { li {
list-style-type: square; list-style-type: square;
padding-bottom: 0.5em; padding-bottom: 0.5em;

1
static/aubun.pub Normal file
View file

@ -0,0 +1 @@
ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIE17CtOBL2xR7xelq2HjAqESJVhNtKQe9ZCECKVx0LSO

BIN
static/beaujordan8831.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.2 KiB

BIN
static/favicon.ico Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

17
templates/base.html
View file

@ -6,22 +6,29 @@
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="UTF-8"> <meta charset="UTF-8">
<!-- Stylesheets --> <!-- Stylesheets and favicon-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/style.css"> <link rel="stylesheet" href="/style.css">
<link rel="stylesheet" href="/sidebar.css"> <link rel="stylesheet" href="/sidebar.css">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<!-- Page preview -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.nixfox.ca">
<meta property="og:title" content="{%- if section.title %}{{ section.title }}{%- endif -%}{%- if page.title %}{{ page.title }}{%- endif -%}">
<meta property="og:description" content="{%- if section.description %}{{ section.description }}{%- endif -%}{%- if page.description %}{{ page.description }}{%- endif -%}">
<!-- Prevent page flashing -->
<script type="text/javascript" src="/nofade.js"></script> <script type="text/javascript" src="/nofade.js"></script>
<title>nixfox den</title> <title>nixfox den</title>
</head> </head>
<input type="checkbox" class="opensidebarmenu" id="opensidebarmenu">
<label for="opensidebarmenu" class="sidebaricontoggle"></label>
<body class="preload"> <body class="preload">
{% include "sidebar.html" %} {% include "sidebar.html" %}
<button type="button" class="sidebar-toggle" id="sidebar-toggle" aria-pressed="false"></button>
<div id="main" class="column"> <div id="main" class="column">
<div class="container"> <div class="container">
{% block content %} {% endblock content %} {% block content %} {% endblock content %}

16
templates/generic.html
View file

@ -2,7 +2,19 @@
{% block content %} {% block content %}
<h1 class="blocktitle"> <h1 class="blocktitle">
{{ section.title }} {%- if section.title %}
{{ section.title }}
{%- endif -%}
{%- if page.title %}
{{ page.title }}
{%- endif -%}
</h1> </h1>
{{ section.content | safe }} {%- if section.content %}
{{ section.content | safe }}
{%- endif -%}
{%- if page.content %}
{{ page.content | safe }}
{%- endif -%}
{% endblock content %} {% endblock content %}

47
templates/sidebar.html
View file

@ -4,28 +4,33 @@
<button type="button" class="theme-toggle" data-theme-toggle aria-label="Toggle to dark"></button> <button type="button" class="theme-toggle" data-theme-toggle aria-label="Toggle to dark"></button>
<script src="/darkmode.js"> </script> <script src="/darkmode.js"> </script>
<div class="sb_header personal"><b>personal</b></div> <div class="sb_segment">
<a href="/blog" class="sb_link pers">📰 blog</a><br> <div class="sb_header personal"><b>personal</b></div>
<a href="/art" class="sb_link pers">🎨 art</a><br> <a href="/info" class="sb_link pers">ℹ️ info</a><br>
<a href="/images" class="sb_link pers">🖼️ images</a><br> <a href="/blog" class="sb_link pers">📰 blog</a><br>
<a href="/hardware" class="sb_link pers">🖥️ hardware</a><br> <a href="/art" class="sb_link pers">🎨 art</a><br>
<a href="/software" class="sb_link pers">💾 software</a><br> <a href="/images" class="sb_link pers">🖼️ images</a><br>
<a href="/tags" class="sb_link pers">🔎 all tags</a><br> <a href="/hardware" class="sb_link pers">🖥️ hardware</a><br>
<a href="/software" class="sb_link pers">💾 software</a><br>
<a href="/tags" class="sb_link pers">🔎 all tags</a><br>
</div>
<br> <br>
<div class="sb_header nixfox"><b>nixfox</b></div> <div class="sb_segment">
<a href="/nixfox" class="sb_link fox">📰 news</a><br> <div class="sb_header nixfox"><b>nixfox</b></div>
<a href="https://uptime.nixfox.ca/status/nixfox" class="sb_link fox">⬆️ uptime</a><br> <a href="/nixfox" class="sb_link fox">📰 news</a><br>
<a href="https://mail.nixfox.ca" class="sb_link fox">✉️ email</a><br> <a href="https://uptime.nixfox.ca/status/nixfox" class="sb_link fox">⬆️ uptime</a><br>
<a href="https://files.nixfox.ca" class="sb_link fox">☁️ nextcloud</a><br> <a href="https://mail.nixfox.ca" class="sb_link fox">✉️ email</a><br>
<a href="https://pass.nixfox.ca" class="sb_link fox">🔒 vaultwarden</a><br> <a href="https://files.nixfox.ca" class="sb_link fox">☁️ nextcloud</a><br>
<a href="https://git.nixfox.ca" class="sb_link fox">🗄️ forgejo</a><br> <a href="https://pass.nixfox.ca" class="sb_link fox">🔒 vaultwarden</a><br>
<a href="https://hedgedoc.nixfox.ca" class="sb_link fox">🗒️ hedgedoc</a><br> <a href="https://git.nixfox.ca" class="sb_link fox">🗄️ forgejo</a><br>
<a href="https://jelly.nixfox.ca" class="sb_link fox">📼 jellyfin</a><br> <a href="https://hedgedoc.nixfox.ca" class="sb_link fox">🗒️ hedgedoc</a><br>
<a href="https://live.nixfox.ca" class="sb_link fox">📹 owncast</a><br> <a href="https://jelly.nixfox.ca" class="sb_link fox">📼 jellyfin</a><br>
<a href="https://radio.nixfox.ca" class="sb_link fox">📻 icecast</a><br> <a href="https://live.nixfox.ca" class="sb_link fox">📹 owncast</a><br>
<a href="https://chat.nixfox.ca" class="sb_link fox">💬 matrix</a><br> <a href="https://radio.nixfox.ca" class="sb_link fox">📻 icecast</a><br>
<a href="https://tor.nixfox.ca" class="sb_link fox">🗃️ transmission</a><br> <a href="https://chat.nixfox.ca" class="sb_link fox">💬 matrix</a><br>
<a href="https://git.nixfox.ca/Bun/nixfox-reborn.git" class="sb_link fox">💽 page code</a><br> <a href="https://tor.nixfox.ca" class="sb_link fox">🗃️ transmission</a><br>
<a href="https://git.nixfox.ca/Bun/nixfox-reborn.git" class="sb_link fox">💽 page code</a><br>
</div>
</div> </div>