config.toml

@@ -1,5 +1,5 @@
 # The URL the site will be built for
-base_url = "/"
+base_url = "https://cherrykitten.dev"
 title = "CherryKitten"
 
 compile_sass = true
@@ -27,13 +27,15 @@ highlight_theme = "rosepine"
 logo_text = "CherryKitten"
 
 menu_items = [
-    {name = "Home", url = "/"},
+    {name = "Home", url = "$BASE_URL"},
 
-    {name = "Blog", url = "/blog"},
+    {name = "About me", url = "$BASE_URL/about"},
 
-    {name = "CV", url = "/cv"},
+    {name = "Blog", url = "$BASE_URL/blog"},
 
-    {name = "Contact", url = "/contact"},
+    {name = "CV", url = "$BASE_URL/cv"},
+
+    {name = "Contact", url = "$BASE_URL/contact"},
 ]
 
 page_titles = "combined"

content/blog/birds.md

@@ -90,10 +90,10 @@ And remember, All Crows Are Beautiful, All Cops Are Bastards, and if you see a S
 
 Thank you for reading through all this. As a "thank you"-treat, here are some photos of my beautiful bird friends :3
 
-![Bill, a black crow, sitting on top of a railing with water in the background.](bill.jpg)
+![Bill, a black crow, sitting on top of a railing with water in the background.](/blog-assets/birds/bill.jpg)
 
-![A pigeon sitting on top of my paw, with a peanut in its beak.](one-pidgey.jpg)
+![A pigeon sitting on top of my paw, with a peanut in its beak.](/blog-assets/birds/one-pidgey.jpg)
 
-![Two pigeons sitting on top of my paws, held in a small cup shape, and eating.](two-pidgeys.jpg)
+![Two pigeons sitting on top of my paws, held in a small cup shape, and eating.](/blog-assets/birds/two-pidgeys.jpg)
 
-![A majestic swan in water, glistening in the sun.](swan.png)
+![A majestic swan in water, glistening in the sun.](/blog-assets/birds/swan.png)

content/gallery/_index.md

@@ -1,6 +0,0 @@
-+++
-paginate_by = 4
-sort_by = "date"
-template = "index.html"
-title = "Photo gallery"
-+++

content/gallery/test-2/index.md

@@ -1,10 +0,0 @@
-+++
-title = "Photo gallery Test photos number two"
-template = "gallery.html"
-date = 2024-06-07
-+++
-
-Another few photos for testing my new gallery layout
-
-{{ gallery() }}
-

content/gallery/test/index.md

@@ -1,10 +0,0 @@
-+++
-title = "Photo gallery Test photos"
-template = "gallery.html"
-date = 2024-06-06
-+++
-
-All photos shot on a phone camera over the last years.
-
-{{ gallery() }}
-

content/home.md

@@ -14,34 +14,6 @@ Welcome to my little website :3
 
 </div>
 
-## About Me
-
-I'm Sammy. A queer catgirl who loves working with computers.
-My pronouns are It/Its. **Only** It/Its.
-I love learning new things, trying out new technologies and exploring the unknown.
-
-My first little steps into the world of IT already started as a little kitten.
-At age 12, I started learning LUA and the basics of server infrastructure
-to host Gameservers with custom code for a video game I had been playing.
-
-Since then, I have been continuously expanding my knowledge in both programming and administration.
-
-The linux command line is my cozy place. I selfhost almost everything.
-From cloud storage and media streaming to password management and social media. I also **love** Open Source. I like
-contributing to Open Source-Software and building my own tools to share with the world.
-
-I am experienced in Web-Development with HTML, CSS, and JavaScript, including Frameworks like React, Vue.js, and Svelte,
-as well as Backend-Development with NodeJS and Rust. I also know Python, and am generally able to learn new programming
-languages well and understand them quickly, even if I haven't used them much before. For example, I have also worked
-with PHP and Java Code in the past. Like I said, I love learning new things.
-
-Besides all that computer stuff, I love sewing, especially making cute plushies. I also try to spend at least as much
-time outside in nature as I do inside in front of a computer screen. I love being around water and wild animals, I love
-walking through
-forests and listening to all the beautiful birdsongs.
-
-Sometimes I try to make music and visual arts, it might not be much yet, but it's fun to play around with.
-
 ```Rust
 ///I like to meow
 fn main() {

content/pages/CV.md

@@ -4,20 +4,22 @@ template = "page.html"
 path = "cv"
 aliases = ["CV"]
 +++
-<div class="cvintro">
 
-<p>Samantha Yilmaz</p>
+{% section() %}
-<p>Pronouns: It/Its</p>
 
-<div class="onlyprint">
+## Technical Skills
-<p>1997-03-25</p>
-<p>https://Cherrykitten.dev</p>
-<p>https://github.com/cherrykitten</p>
-<p>contact@cherrykitten.dev</p>
 
-</div>
+|                         |                                                                                                 |
-</div>
+| ----------------------- | ----------------------------------------------------------------------------------------------- |
+| Linux                   | NixOS, Arch Linux, Debian, RHEL                                                                 |
+| Monitoring              | Grafana + (Prometheus, Telegraf, InfluxDB), VictoraMetrics, Zabbix                              |
+| DevOps / Automation     | Ansible, Terraform, Vagrant, Git, Jenkins                                                       |
+| Networking              | VPN (IPSec, Wireguard, OpenVPN), Routing (RIP, OSPF, BGP)                                              |
+| Virtualization          | KVM/QEMU, Proxmox, Docker                                                                       |
+| Security                | Server-Hardening, Security Best Practices, Vulnerability Assessment, Encryption, GPG, LUKS, TLS |
+| Scripting & Programming | Rust, Python, JavaScript, Shell, HTML, CSS, Nix                                                 |
 
+{% end %}
 
 {% section() %}
 
@@ -53,11 +55,9 @@ Software-Development in Rust and Python.
 - Ansible
 - Rust
 - Python
-- Matrix, Synapse
-- Monitoring (Grafana + VictoriaMetrics, Loki, Prometheus)
-- Vulnerability Scanning & Assessments
 
 {% end %}
+
 {% section() %}
 
 ### Linux & DevOps Engineer
@@ -130,18 +130,3 @@ Containers
 - Redmine
 
 {% end %}
-
-{% section() %}
-
-## Technical Skills
-
-|                         |                                                                                                 |
-| ----------------------- | ----------------------------------------------------------------------------------------------- |
-| Linux                   | NixOS, Arch Linux, Debian, RHEL                                                                 |
-| Monitoring              | Grafana + (Prometheus, Telegraf, InfluxDB), VictoraMetrics, Zabbix                              |
-| DevOps / Automation     | Ansible, Terraform, Vagrant, Git, Jenkins                                                       |
-| Networking              | VPN (IPSec, Wireguard, OpenVPN), Routing (RIP, OSPF, BGP)                                       |
-| Virtualization          | KVM/QEMU, Proxmox, Docker                                                                       |
-| Security                | Server-Hardening, Security Best Practices, Vulnerability Assessment, Encryption, GPG, LUKS, TLS |
-| Scripting & Programming | Rust, Python, JavaScript, Shell, HTML, CSS, Nix                                                 |
-{% end %}

content/pages/about_me.md

@@ -0,0 +1,30 @@
++++
+title = "About Me"
+path = "about"
++++
+
+I'm Sammy. A queer catgirl who loves working with computers.
+My pronouns are It/Its. **Only** It/Its.
+I love learning new things, trying out new technologies and exploring the unknown.
+
+My first little steps into the world of IT already started as a little kitten.
+At age 12, I started learning LUA and the basics of server infrastructure
+to host Gameservers with custom code for a video game I had been playing.
+
+Since then, I have been continuously expanding my knowledge in both programming and administration.
+
+The linux command line is my cozy place. I selfhost almost everything.
+From cloud storage and media streaming to password management and social media. I also **love** Open Source. I like
+contributing to Open Source-Software and building my own tools to share with the world.
+
+I am experienced in Web-Development with HTML, CSS, and JavaScript, including Frameworks like React, Vue.js, and Svelte,
+as well as Backend-Development with NodeJS and Rust. I also know Python, and am generally able to learn new programming
+languages well and understand them quickly, even if I haven't used them much before. For example, I have also worked
+with PHP and Java Code in the past. Like I said, I love learning new things.
+
+Besides all that computer stuff, I love sewing, especially making cute plushies. I also try to spend at least as much
+time outside in nature as I do inside in front of a computer screen. I love being around water and wild animals, I love
+walking through
+forests and listening to all the beautiful birdsongs.
+
+Sometimes I try to make music and visual arts, it might not be much yet, but it's fun to play around with.

content/pages/contact.md

@@ -1,14 +1,12 @@
 +++
-title = "Contact & links"
+title = "Contact"
 path = "contact"
 +++
 
 ## You can find me in the following places:
 
-- [@sammy@cherrykitten.gay](https://cherrykitten.gay/@sammy) - My personal GoToSocial instance, which you can follow from anywhere on the Fediverse!
+- [@sammy@cherrykitten.gay](https://social.cherrykitten.dev/@sammy) - My personal GoToSocial instance, which you can follow from anywhere on the Fediverse!
 - [@sammy:cherrykitten.dev](https://matrix.to/#/@sammy:cherrykitten.dev) - My Matrix account, also on my own personal homeserver and reachable from any other matrix server!
 - [contact@cherrykitten.dev](mailto:contact@cherrykitten.dev) - You could even e-mail me! My public key for encrypted e-mails can be found [here](../cherrykitten.pgp).
-
+- [GitHub](https://github.com/CherryKitten) - For code and stuff
-## Various links
+- [Codeberg](https://codeberg.org/CherryKitten) - For code and stuff but cooler than GitHub
-- [GitHub](https://github.com/CherryKitten) - For code and stuff, you can sponsor me there, most repos are mirrored from [my personal Forgejo instance](https://git.cherrykitten.dev)
-- [Last.fm](https://www.last.fm/user/cherrrykitty) - If you want to know what music I've been listening to

sass/gallery.scss

@@ -1,26 +0,0 @@
-@import "variables";
-
-.gallery {
-  display: grid;
-  grid-auto-flow: row dense;
-  grid-auto-rows: 1fr;
-  grid-template-columns: 1fr 1fr 1fr;
-  gap: 2em 2em;
-
-  img {
-    max-width: 100%;
-  }
-}
-
-.gallery:has(img:hover) img:not(:hover) {
-  filter: brightness(0.5) contrast(0.5);
-}
-
-@media not (prefers-reduced-motion) {
-  .gallery img:hover {
-    position: relative;
-    border: 2px ridge var(--accent);
-    transform: scale(1.7) translate(0, 25px);
-    z-index: 200;
-  }
-}

sass/main.scss

@@ -13,11 +13,7 @@ html {
 body {
   margin: 0;
   padding: 0;
-  font-family:
+  font-family: Monaco, Consolas, Ubuntu Mono, monospace;
-    Monaco,
-    Consolas,
-    Ubuntu Mono,
-    monospace;
   font-size: 1rem;
   line-height: 1.54;
   background-color: var(--background);
@@ -31,8 +27,7 @@ body {
     font-size: 1rem;
   }
 }
-h1,
+h1, h2 {
-h2 {
   display: flex;
   align-items: center;
   font-weight: 500;
@@ -40,10 +35,7 @@ h2 {
   color: var(--accent2);
 }
 
-h3,
+h3, h4, h5, h6 {
-h4,
-h5,
-h6 {
   display: flex;
   align-items: center;
   font-weight: 400;
@@ -62,17 +54,17 @@ h2 {
   padding-bottom: 7px;
 }
 
+
 h3 {
   font-size: 1.2rem;
   font-weight: bolder;
 }
 
-h4,
+h4, h5, h6 {
-h5,
-h6 {
   font-size: 1.15rem;
 }
 
+
 a {
   color: inherit;
 }
@@ -150,16 +142,16 @@ code {
   background: var(--accent-alpha-20);
   padding: 1px 6px;
   margin: 0 2px;
-  font-size: 0.95rem;
+  font-size: .95rem;
 }
 
 pre {
   font-family: monospace;
   padding: 20px;
-  font-size: 0.95rem;
+  font-size: .95rem;
   overflow: auto;
-  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  border-top: 1px solid rgba(255, 255, 255, .1);
-  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+  border-bottom: 1px solid rgba(255, 255, 255, .1);
 
   @media (max-width: $phone-max-width) {
     white-space: pre-wrap;
@@ -184,7 +176,7 @@ blockquote {
   }
 
   &:before {
-    content: "”";
+    content: '”';
     font-family: Georgia, serif;
     font-size: 3.875rem;
     position: absolute;
@@ -205,7 +197,7 @@ blockquote {
   }
 
   p:before {
-    content: ">";
+    content: '>';
     display: block;
     position: absolute;
     left: -25px;
@@ -220,9 +212,7 @@ table {
   margin: 40px 0;
 }
 
-table,
+table, th, td {
-th,
-td {
   border: none;
   padding: 10px;
 }
@@ -235,8 +225,8 @@ td {
    border-bottom: 1px dotted var(--accent);
  }
 
-ul,
+
-ol {
+ul, ol {
   margin-left: 30px;
   padding: 0;
 
@@ -257,13 +247,12 @@ ol ol {
   display: flex;
   flex-direction: column;
   padding: 40px;
-  max-width: 75vw;
+  max-width: 864px;
   min-height: 100vh;
   margin: 0 auto;
 
   @media (max-width: $phone-max-width) {
     padding: 20px;
-    max-width: 864px;
   }
 }
 
@@ -282,35 +271,16 @@ hr {
   display: none;
 }
 
-.cvintro {
-  font-size: 0.7rem;
-  p {
-    padding: 0;
-    margin: 0;
-  }
-}
-
-.onlyprint {
-  display: none;
-}
-
 @media print {
   .section {
     break-inside: avoid-page;
-    padding-top: 0.5rem;
+    padding-top: 1rem;
-    font-size: 0.9rem;
   }
-  p,
+  p, table {
-  table {
     break-inside: avoid-page;
   }
-  td {
-    border: none;
-  }
   .noprint {
     display: none;
   }
-  .onlyprint {
-    display: initial;
-  }
 }
+

sass/style.scss

@@ -4,6 +4,5 @@
 @import 'logo';
 @import 'main';
 @import 'post';
-@import 'gallery';
 @import 'pagination';
 @import 'footer';

templates/404.html

@@ -10,7 +10,7 @@
 
 {% block content %}
 <div class="post">
-  <h1 class="post-title">{% block heading %}Nya?{% endblock heading %}</h1>
+  <h1 class="post-title">{% block heading %}Lost?{% endblock heading %}</h1>
-  <p>{% block message %}Oh no, This page does not exist. :({% endblock message %}</p>
+  <p>{% block message %}This page does not exist.{% endblock message %}</p>
 </div>
 {% endblock content %}

templates/gallery.html

@@ -1,13 +0,0 @@
-{% extends "index.html" %}
-
-{%- block title -%}
-{{ title_macros::title(page_title=page.title, main_title=config.title) }}
-{%- endblock -%}
-
-{% block content %}
-    <div class="post">
-        {{ post_macros::header(page=page) }}
-        {{ post_macros::content(page=page, summary=false) }}
-        {{ post_macros::earlier_later(page=page) }}
-    </div>
-{% endblock content %}

templates/index.html

@@ -28,7 +28,7 @@
 <body class="">
 <div class="container">
     {% block header %}
-    <header class="header noprint">
+    <header class="header">
         <div class="header__inner">
             <div class="header__logo">
                 {%- if config.logo_home_link %}
@@ -93,6 +93,13 @@
 
     {% block footer %}
     <footer class="footer noprint">
+        <div class="footer__inner">
+            <div class="copyright copyright--user">
+                 
+                <span>&copy; {{ date_macros::now_year() }} - CherryKitten</span><br>
+                 
+                <span onclick="alert('Nya!')">🐱</span></div>
+        </div>
         <div style="display: flex; margin-top: 1rem; justify-content: center;">
 
                 <span><a href="/impressum">Impressum</a></span>
@@ -106,7 +113,6 @@
               <img src="/buttons/antinft.gif" alt="Anti NFT">
               <img src="/buttons/acab.gif" alt="ACAB">
               <img src="/buttons/transnow2.gif" alt="Trans rights now">
-              <img src="/buttons/3ds.png" alt="3DS browser verified">
 
         </div>
     </footer>

templates/shortcodes/gallery.html

@@ -1,9 +0,0 @@
-<div class="gallery">
-  {% for asset in page.assets -%} {%- if asset is matching("[.](jpg|png)$") -%}
-  {% set image = resize_image(path=asset, width=960, height=720, op="fit") %}
-    <a href="{{ get_url(path=asset) }}" target="_blank">
-      <img src="{{ image.url }}" />
-    </a>
-  </label>
-  {%- endif %} {%- endfor %}
-</div>