Add and tweak some content yay

src/_includes/base.njk

@@ -10,7 +10,7 @@
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
     <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
 
-    <title>{{ title }}</title>
+    <title>{{ title }} - cheri.pink</title>
     <link  rel="stylesheet" href="/style.css">
 </head>
 
@@ -28,9 +28,9 @@
         </div>
         <div class="nav-right">
             <ul>
-                <li><a href="/about.html">about</a></li>
+                <li><a href="/about/">about me</a></li>
-                <li><a href="https://git.cheri.pink">git</a></li>
+                <li><a href="https://git.snug.moe/cheri">git</a></li>
-                <li><a href="https://live.cheri.pink">livestreams</a></li>
+                <li><a href="feed.rss">rss</a></li>
                 <li><a href="/posts/">posts</a></li>
             </ul>
         </div>
@@ -42,8 +42,11 @@
 
 	<footer>
 		<p>
-			Brought here with love &lt3.
+			Brought here with love <abbr title="heart symbol">&lt3</abbr> ...slowly but steadily...
-			Content licensed under <a rel="license" href="http://creativecommons.org/licenses/by-nc/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-nc/4.0/80x15.png" /></a>
+		</p>
+        <p>
+            -whatever licensing I will use but like all rights reserved for the contant and something fun and permissible for the code-
+            You can take a peek at the code on <a href="https://git.snug.moe/cheri/cheri.pink">snug.moe Forgejo</a>
         </p>
 	</footer>
 </body>

src/about.md

@@ -0,0 +1,28 @@
+---
+title: about... me???
+layout: base.njk
+---
+
+## A bit about me
+???
+
+I'm... someone...<br />
+Or... w-what do I write here? How does one describe themselves?
+
+Hmmm
+
+First off I'm a big nerd ok?
+I mean look at me you're reading my website.
+
+Like, enjoy tinkering with many many things.
+
+Maybe I should be saying things I'm into?
+
+* I have... a love-hate relationship with computers, I know a thing or two about them but there are definitely others who have knowledge I dream I had.
+<br /> I weirdly enjoy doing system administration, in consequence I like messing with software surrounding that too... yes I run Linux on my computers, you dork.
+
+* I also like tinkering with electronics in general when I get the chance to! - I know how to solder and allat.
+
+* I like them gamus!
+
+* Sometimes, but these days less often than I'd love to, I am drawing~ (mostly digitally).

src/feed.njk

@@ -1,5 +1,5 @@
 ---
-permalink: /feed.xml
+permalink: /feed.rss
 eleventyExcludeFromCollections: true
 ---
 <?xml version="1.0" encoding="utf-8"?>

src/hardware-software.md

@@ -0,0 +1,7 @@
+---
+title: How I computers - bip bup
+description: Some of the hardware and software I use. How I compute.
+layout: base.njk
+---
+
+# Work in progress LMAO. Come back later or something

src/index.md

@@ -1,40 +1,42 @@
 ---
-title: Hello thereee - cheri.pink
+title: Hello thereee
 layout: base.njk
 ---
 
-# My website woao
+# My website woao lmao
+<small>(yes it's finally here)</small>
 
 ### Hewwo, I'm Cheri
-### or.. Cherri, Cherii, Cherie .. is there any other? not sure.
+### or.. Cherri, Cherii, Cherie .. and possibly even more names.
+
 so..<br />
-Won't you come climb the cherry tree with me?<br />
+Why don't you come climb up the cherry tree with me?<br />
 Watch the plain from above...
 
-If the cherries are ripe taste some...
+Taste some cherries if they are ripe...
-<br /> maybe steal some for later too >:3
+<br /> ...maybe steal some for later too
 
-Or if the flowers are blooming vibe with them...
+Or admire the blooming flowers...
 
-#### if yes let's go :3
+Depends on the season, no?
 
---- 
+#### yes? let's go >:3
 
-## A bit about me
+(idk why you would want to read random text I put on here but I am flattered you do)
 
-I'm... someone...
+***
-Really now, how do I even describe myself?
 
-First off I'm a big nerd ok?
+<small> now what?
-I mean look at me you are reading my website.
+<br />hm.. how about this? </small>
 
-Maybe I should be saying things I'm into?
+## Some other pages yay
 
-* I have... a love-hate relationship with computers, I know a thing or two about them but there are definitely others who have knowledge I dream I had.
+[Some stuffs I do on the interwebs!](/things-i-do/)
-<br /> I weirdly enjoy doing system administration, in consequence I like messing with software surrounding that too... yes I run Linux on my computers, you dork.
 
-* I also like tinkering with electronics in general when I get the chance to!
+[How I computers - bip bup](/hardware-software/)
 
-* I like the gamus!
+Anyway
 
-* Sometimes, but these days way less often than I'd love to, I am drawing~ (mostly digitally)
+Enjoy... browsing around!
+
+There's also them bloggies on that button on top.

src/posts/test-post.md

@@ -19,3 +19,23 @@ Here is an [not pressed link](https://example.org)
 <p style="background: var(--link_h)">link_h</p>
 <p style="background: var(--bg_grey)">bg_grey</p>
 <p style="background: var(--dark_grey)">dark_grey</p>
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Et netus et malesuada fames ac turpis egestas integer eget. Elementum eu facilisis sed odio. Duis at consectetur lorem donec. In hac habitasse platea dictumst vestibulum rhoncus est pellentesque. Tempor id eu nisl nunc mi ipsum faucibus. Diam volutpat commodo sed egestas egestas fringilla phasellus faucibus. Fusce ut placerat orci nulla pellentesque. Vulputate dignissim suspendisse in est ante in nibh. Libero justo laoreet sit amet cursus sit amet. Orci nulla pellentesque dignissim enim sit amet. Feugiat in fermentum posuere urna. Fringilla est ullamcorper eget nulla facilisi etiam dignissim. Suspendisse ultrices gravida dictum fusce ut placerat orci nulla. Rhoncus mattis rhoncus urna neque viverra. Feugiat scelerisque varius morbi enim nunc faucibus a pellentesque sit. Viverra nam libero justo laoreet sit amet cursus. Bibendum arcu vitae elementum curabitur vitae. Amet mattis vulputate enim nulla aliquet porttitor lacus luctus accumsan.
+
+Euismod in pellentesque massa placerat duis ultricies lacus sed turpis. Nec dui nunc mattis enim ut tellus. Dictumst vestibulum rhoncus est pellentesque. Tellus in hac habitasse platea dictumst vestibulum. Aliquam purus sit amet luctus venenatis lectus magna fringilla urna. At augue eget arcu dictum. Augue mauris augue neque gravida in fermentum et sollicitudin. Aenean pharetra magna ac placerat vestibulum lectus. Ac tortor dignissim convallis aenean et tortor at. Sed euismod nisi porta lorem mollis aliquam ut porttitor. Nam aliquam sem et tortor consequat id porta. Ultricies tristique nulla aliquet enim tortor at. In metus vulputate eu scelerisque felis imperdiet. Porta lorem mollis aliquam ut porttitor leo a diam. In hac habitasse platea dictumst quisque. Blandit aliquam etiam erat velit. Massa id neque aliquam vestibulum morbi blandit cursus. Sit amet tellus cras adipiscing enim eu turpis egestas. Lacus suspendisse faucibus interdum posuere lorem ipsum.
+
+Interdum posuere lorem ipsum dolor. Nunc pulvinar sapien et ligula ullamcorper malesuada. Ut sem nulla pharetra diam sit amet nisl suscipit. Eget lorem dolor sed viverra. Molestie nunc non blandit massa enim nec dui nunc mattis. Proin fermentum leo vel orci porta. Nullam non nisi est sit. Morbi tempus iaculis urna id volutpat lacus laoreet non curabitur. Odio morbi quis commodo odio aenean. Natoque penatibus et magnis dis parturient montes nascetur. Vitae tempus quam pellentesque nec nam aliquam. Mi eget mauris pharetra et ultrices neque. Pharetra vel turpis nunc eget lorem dolor sed viverra. Praesent tristique magna sit amet purus gravida quis. Nisl pretium fusce id velit ut tortor pretium viverra suspendisse. Consequat mauris nunc congue nisi vitae. Enim eu turpis egestas pretium. Quam vulputate dignissim suspendisse in est ante in.
+
+Ullamcorper eget nulla facilisi etiam dignissim diam quis enim. Quis varius quam quisque id diam. Augue interdum velit euismod in pellentesque massa placerat duis. Enim ut sem viverra aliquet eget sit amet tellus cras. Adipiscing elit ut aliquam purus sit. Sed libero enim sed faucibus turpis in eu. Semper feugiat nibh sed pulvinar proin gravida hendrerit lectus. Egestas purus viverra accumsan in nisl. Vulputate enim nulla aliquet porttitor lacus luctus. Lobortis elementum nibh tellus molestie.
+
+Pharetra magna ac placerat vestibulum lectus mauris ultrices eros in. Sagittis vitae et leo duis. Congue quisque egestas diam in arcu cursus euismod quis viverra. Cursus sit amet dictum sit amet. Diam vel quam elementum pulvinar etiam non quam lacus. Amet venenatis urna cursus eget nunc scelerisque viverra. Aliquam id diam maecenas ultricies mi eget mauris pharetra. Nulla malesuada pellentesque elit eget gravida. Netus et malesuada fames ac. Enim nunc faucibus a pellentesque sit amet porttitor. Fringilla phasellus faucibus scelerisque eleifend donec pretium.
+
+Tortor aliquam nulla facilisi cras fermentum odio. Leo in vitae turpis massa sed elementum tempus egestas sed. Morbi non arcu risus quis varius quam quisque id. Et malesuada fames ac turpis egestas integer. Mollis aliquam ut porttitor leo a diam sollicitudin tempor. Pretium quam vulputate dignissim suspendisse in est ante in. Suspendisse sed nisi lacus sed viverra tellus in hac. Pharetra pharetra massa massa ultricies mi quis hendrerit dolor magna. Rutrum quisque non tellus orci ac auctor augue mauris. Viverra nibh cras pulvinar mattis nunc sed blandit. Cras tincidunt lobortis feugiat vivamus. Rhoncus est pellentesque elit ullamcorper. At imperdiet dui accumsan sit amet nulla facilisi. Massa id neque aliquam vestibulum morbi blandit cursus. Sit amet consectetur adipiscing elit ut aliquam. Libero justo laoreet sit amet. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi. Pharetra magna ac placerat vestibulum lectus mauris. Vitae justo eget magna fermentum.
+
+Pretium fusce id velit ut tortor pretium. Lectus mauris ultrices eros in cursus turpis massa tincidunt. Pretium quam vulputate dignissim suspendisse. Faucibus ornare suspendisse sed nisi lacus sed viverra tellus in. Purus in massa tempor nec. Cursus in hac habitasse platea dictumst quisque. Arcu cursus euismod quis viverra. Egestas erat imperdiet sed euismod nisi porta lorem mollis aliquam. Mattis pellentesque id nibh tortor id aliquet. Nulla malesuada pellentesque elit eget gravida cum sociis natoque. Euismod nisi porta lorem mollis aliquam ut porttitor. Urna porttitor rhoncus dolor purus non enim.
+
+Odio ut enim blandit volutpat maecenas. Interdum velit laoreet id donec ultrices tincidunt arcu non. Tincidunt tortor aliquam nulla facilisi cras fermentum. Ridiculus mus mauris vitae ultricies leo integer. Sagittis orci a scelerisque purus. Est lorem ipsum dolor sit amet consectetur. Fames ac turpis egestas sed tempus urna et. Accumsan sit amet nulla facilisi morbi tempus iaculis. Interdum velit euismod in pellentesque massa placerat duis. Felis eget nunc lobortis mattis aliquam faucibus purus. Maecenas pharetra convallis posuere morbi leo urna molestie at elementum. Ridiculus mus mauris vitae ultricies leo. Iaculis nunc sed augue lacus viverra.
+
+Et sollicitudin ac orci phasellus egestas tellus rutrum tellus pellentesque. Viverra vitae congue eu consequat. Purus in massa tempor nec feugiat nisl pretium. Vitae sapien pellentesque habitant morbi tristique senectus et. Tristique magna sit amet purus gravida quis blandit. Aliquam id diam maecenas ultricies. Ut tristique et egestas quis ipsum suspendisse. Tempor nec feugiat nisl pretium. Id interdum velit laoreet id donec ultrices tincidunt arcu. Aliquet sagittis id consectetur purus ut faucibus. Sit amet commodo nulla facilisi nullam vehicula ipsum a arcu. Vulputate enim nulla aliquet porttitor lacus luctus accumsan tortor posuere. Elit eget gravida cum sociis natoque penatibus. Tortor aliquam nulla facilisi cras fermentum. Varius vel pharetra vel turpis.
+
+Sodales ut etiam sit amet. Tortor condimentum lacinia quis vel eros donec ac odio. Aenean et tortor at risus. Ante in nibh mauris cursus. Urna cursus eget nunc scelerisque viverra mauris in. Tristique senectus et netus et malesuada fames ac. Id velit ut tortor pretium viverra suspendisse potenti nullam ac. Nec nam aliquam sem et tortor consequat. Lorem ipsum dolor sit amet consectetur adipiscing. Turpis egestas maecenas pharetra convallis posuere morbi. Eget nunc lobortis mattis aliquam faucibus purus in massa. Facilisis gravida neque convallis a cras semper auctor neque. Odio tempor orci dapibus ultrices in. Pretium vulputate sapien nec sagittis aliquam. Tortor posuere ac ut consequat semper viverra nam libero. Metus aliquam eleifend mi in nulla posuere sollicitudin aliquam ultrices. Pretium vulputate sapien nec sagittis aliquam malesuada. Nullam vehicula ipsum a arcu. Eget magna fermentum iaculis eu non. Cursus eget nunc scelerisque viverra mauris in.

src/resources/style.css

@@ -7,6 +7,7 @@ html {
 
 :root {
 	--bg: #ffecfd;
+	--bga: #ffecfd99;
 	--fg: #2c2c3b;
 	--link: #FF78C4;
 	--link_v: #f594fe;
@@ -16,14 +17,8 @@ html {
 }
 @media (prefers-color-scheme: dark) {
 	:root {
-	/* --bg: #312540;
-	--fg: #fde2ee;
-	--link: #f6bbd8;
-	--link_v: #c4799d;
-	--link_h: #eac2d1;
-	--bg_grey: #d23574;
-	--dark_grey: #c62163; */
 	--bg: #131021;
+	--bga: #13102199;
 	--fg: #F3FFFF;
 	--link: #5082FF;
 	--link_v: #656ae3;
@@ -45,7 +40,10 @@ body {
 	padding: 1em;
 	margin: auto;
 	max-width: 52em;
-	background: var(--bg);
+	background: linear-gradient(var(--bga), var(--bg)), url('/media/background.jpg');
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    background-size: cover;
 }
 
 a {
@@ -255,6 +253,11 @@ td {
 		content: " (" attr(href) ")";
 	}
 
+	abbr[title] {
+		border: none !important;
+		text-decoration: none !important;
+		cursor: inherit !important;
+	}
 	abbr[title]:after {
 		content: " (" attr(title) ")";
 	}
@@ -364,6 +367,10 @@ ul.articles li {
 }
 .content {
 	padding: 0.5em;
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+	border-radius: 5px;
+    background-color: var(--bg);
 }
 footer {
 	background-color: var(--bg_grey);
@@ -372,6 +379,10 @@ footer {
 	font-size: 13px;
 }
 
+footer a, footer a:visited {
+	color: var(--link_h);
+}
+
 .title {
 	border-bottom-width: 10px;
 	border-bottom-style: solid;

src/things-i-do.md

@@ -0,0 +1,30 @@
+---
+title: Some things I do!
+layout: base.njk
+---
+so...
+<br />oh right
+
+# there's... things I do!!!
+<small>you: woa cheri what u doing then?</small>
+<br />Eehehej, glad you asked!
+
+## Did you ever hear about [snug.moe](https://snug.moe)?
+How couldn't you ever hear about snug.moe??
+
+It is the coolest fediverse instance out there!
+There's a good chance you know me from there actually.
+
+But on the same domain there's also a Matrix and XMPP server...
+It's uhh multiple things. You can read about it all on [info.snug.moe](https://info.snug.moe) though!
+
+I've been running it for a while by now...
+
+Maybe writing a little blog post about how it came to be would be a nice idea... This is a note for myself yes.
+
+## Oh I am also.. **streaming sometimes**!!! That is on **[live.cheri.pink](https://live.cheri.pink)** :3.
+I-I don't know.. It's games most of the times but we'll see. I usually post on Fedi about my stream plans.
+
+And VODs are on my [Peertube channel](https://video.snug.moe/c/vib_streams/videos)
+
+why did I share this so openly aaaAAAA