Winter theme + misc updates

- Added a Winter/Halloween theme - Changed the CSS and added new images - Changed the background on Nightfall - Updated the Xenia GIF page to remove links that would lead to a 404 (whoops)
DynTylluan · Oct 15, 2024 · 624d48e · 624d48e
1 parent 64eb506
commit 624d48e
Show file tree

Hide file tree

Showing 56 changed files with 183 additions and 52 deletions.
diff --git a/index.html b/index.html
@@ -25,10 +25,10 @@
     <link rel="stylesheet" href="style.css">
 </head>
 <body>
-    <p><center><img src="odds/owlyfans_doom.png" width="504" height="48" style="image-rendering:pixelated" alt="Title for the website that says OwlyFans." title="Title for the website that says OwlyFans."></center></p>
+    <p><center><img src="odds/winter2024/owlyfans.png" width="504" height="48" style="image-rendering:pixelated" alt="Red text that is melting, it says &#xAB;OwlyFans&#xBB;." title="Red text that is melting, it says &#xAB;OwlyFans&#xBB;."></center></p>
     <hr>
 
-    <img src="odds/xenia_girl/frame0.png" onmouseover="this.src='odds/xenia_girl/nickisdoge_xenia.gif'" onmouseout="this.src='odds/xenia_girl/frame0.png'" width="318" height="505" style="image-rendering:pixelated" align="right" hspace="15" vspace="5" title="GIF of Xenia the Linux Foxgirl, who is an anthro fox with blonde hair, round glasses, and blonde hair. She is standing up and waving at you, the viewer. Artwork by Z.W.E.I. of locuz.net. All of the images on this website have alt text for the sake of people on screenreaders." alt="GIF of Xenia the Linux Foxgirl, who is an anthro fox with blonde hair, round glasses, and blonde hair. She is standing up and waving at you, the viewer. Artwork by Z.W.E.I. of locuz.net. All of the images on this website have alt text for the sake of people on screenreaders." />
+    <img src="odds/winter2024/xenia_pumpkin0.png" onmouseover="this.src='odds/winter2024/xenia_pumpkin.gif'" onmouseout="this.src='odds/winter2024/xenia_pumpkin0.png'" width="318" height="505" style="image-rendering:pixelated" align="right" hspace="15" vspace="5" title="GIF of Xenia the Linux Foxgirl, who is an anthro fox with blonde hair, round glasses, and blonde hair. She is standing up and waving at you, the viewer. Artwork by Z.W.E.I. of locuz.net. All of the images on this website have alt text for the sake of people on screenreaders." alt="GIF of Xenia the Linux Foxgirl, who is an anthro fox with blonde hair, round glasses, and blonde hair. She is standing up and waving at you, the viewer. Artwork by Z.W.E.I. of locuz.net. All of the images on this website have alt text for the sake of people on screenreaders." />
 
     <p>With howling throughout the trees, your hope slowly dies out as the rain starts to hit even harder upon your uncovered head. This was anything but friendly land that you had the misfortune to stumble upon after getting lost from your party. Your hunger grows as your body becomes weak, but just then a guardian angel comes to your aid, an angel in the form of a light shining from a log cabin window.</p>
 
@@ -70,7 +70,7 @@
 
     <p>The title font was made thanks to <a href="https://c.eev.ee/doom-text-generator">Eevee's <em>Doom Text Generator</em></a> and is the Strife font.</p>
 
-	<p>The background used was made by Jonathan Gabel and was found via <a href="https://commons.wikimedia.org/wiki/File:Sitelen_sitelen.png">Wikimedia Commons</a>.</p>
+	<p>Click <a href="/odds/winter2024">here for info about the Winter theme</a>.</p>
 
     <p>Copyright 2021 - <script type="text/javascript">
     var today = new Date();

diff --git a/nightfall/.backgroundnew.png.temp b/nightfall/.backgroundnew.png.temp
diff --git a/nightfall/backgroundnew.png b/nightfall/backgroundnew.png
diff --git a/nightfall/style.css b/nightfall/style.css
@@ -4,7 +4,7 @@
 body {
 	max-width: 800px ;
 	margin: auto ;
-	background: #170f1f url(background.png);
+	background: #170f1f url(backgroundnew.png);
 	color:#c7212b;
 }
 

diff --git a/odds/winter2024/.frame0_nobg.png.temp b/odds/winter2024/.frame0_nobg.png.temp
diff --git a/odds/winter2024/.frame1_nobg.png.temp b/odds/winter2024/.frame1_nobg.png.temp
diff --git a/odds/winter2024/.frame2_nobg.png.temp b/odds/winter2024/.frame2_nobg.png.temp
diff --git a/odds/winter2024/.frame3_nobg.png.temp b/odds/winter2024/.frame3_nobg.png.temp
diff --git a/odds/winter2024/.frame4_nobg.png.temp b/odds/winter2024/.frame4_nobg.png.temp
diff --git a/odds/winter2024/.frame5_nobg.png.temp b/odds/winter2024/.frame5_nobg.png.temp
diff --git a/odds/winter2024/.frame6_nobg.png.temp b/odds/winter2024/.frame6_nobg.png.temp
diff --git a/odds/winter2024/.frame7_nobg.png.temp b/odds/winter2024/.frame7_nobg.png.temp
diff --git a/odds/winter2024/.frame8_nobg.png.temp b/odds/winter2024/.frame8_nobg.png.temp
diff --git a/odds/winter2024/.glasses.png.temp b/odds/winter2024/.glasses.png.temp
diff --git a/odds/winter2024/.plus_1flesh2_gl.png.temp b/odds/winter2024/.plus_1flesh2_gl.png.temp
diff --git a/odds/winter2024/.plus_1flesh2_gl_og.png.temp b/odds/winter2024/.plus_1flesh2_gl_og.png.temp
diff --git a/odds/winter2024/.pumpkin.png.temp b/odds/winter2024/.pumpkin.png.temp
diff --git a/odds/winter2024/.rw23_1.png.temp b/odds/winter2024/.rw23_1.png.temp
diff --git a/odds/winter2024/.xenia_pumpkin0.png.temp b/odds/winter2024/.xenia_pumpkin0.png.temp
diff --git a/odds/winter2024/.xenia_pumpkin1.png.temp b/odds/winter2024/.xenia_pumpkin1.png.temp
diff --git a/odds/winter2024/.xenia_pumpkin2.png.temp b/odds/winter2024/.xenia_pumpkin2.png.temp
diff --git a/odds/winter2024/.xenia_pumpkin3.png.temp b/odds/winter2024/.xenia_pumpkin3.png.temp
diff --git a/odds/winter2024/.xenia_pumpkin4.png.temp b/odds/winter2024/.xenia_pumpkin4.png.temp
diff --git a/odds/winter2024/.xenia_pumpkin5.png.temp b/odds/winter2024/.xenia_pumpkin5.png.temp
diff --git a/odds/winter2024/.xenia_pumpkin6.png.temp b/odds/winter2024/.xenia_pumpkin6.png.temp
diff --git a/odds/winter2024/.xenia_pumpkin7.png.temp b/odds/winter2024/.xenia_pumpkin7.png.temp
diff --git a/odds/winter2024/.xenia_pumpkin8.png.temp b/odds/winter2024/.xenia_pumpkin8.png.temp
diff --git a/odds/winter2024/frame0_nobg.png b/odds/winter2024/frame0_nobg.png
diff --git a/odds/winter2024/frame1_nobg.png b/odds/winter2024/frame1_nobg.png
diff --git a/odds/winter2024/frame2_nobg.png b/odds/winter2024/frame2_nobg.png
diff --git a/odds/winter2024/frame3_nobg.png b/odds/winter2024/frame3_nobg.png
diff --git a/odds/winter2024/frame4_nobg.png b/odds/winter2024/frame4_nobg.png
diff --git a/odds/winter2024/frame5_nobg.png b/odds/winter2024/frame5_nobg.png
diff --git a/odds/winter2024/frame6_nobg.png b/odds/winter2024/frame6_nobg.png
diff --git a/odds/winter2024/frame7_nobg.png b/odds/winter2024/frame7_nobg.png
diff --git a/odds/winter2024/frame8_nobg.png b/odds/winter2024/frame8_nobg.png
diff --git a/odds/winter2024/glasses.png b/odds/winter2024/glasses.png
diff --git a/odds/winter2024/index.html b/odds/winter2024/index.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset=UTF-8>
+    <head>
+    <title>Meta: OwlyFans' Winter 2024 Theme | The Princess of The Night</title>
+	<meta charset="utf-8">
+    <meta itemprop="name"           content="OWLY.FANS">
+    <meta property="og:title"       content="OWLY.FANS">
+    <meta itemprop="description"    content="OWLY.FANS">
+    <meta name="description"        content="OWLY.FANS">
+    <meta property="og:description" content="OWLY.FANS">
+    <meta name="keywords"           content="owly, cass python, neocities, neozones, brit, uk, archive, site ran by a stud, england, wales">
+    <meta property="og:site_name"   content="Meta: OwlyFans' Winter 2024 Theme | OWLY.FANS">
+    <meta property="og:type"        content="website">
+    <meta property="og:image"       content="https://owly.fans/floppy.png">
+    <meta property="og:url"         content="https://owly.fans">
+    <meta name="referrer"           content="no-referrer-when-downgrade">
+	<a class="account-link" rel="me" href="https://digipres.club/@Owly"></a><a class="account-link" rel="me" href="https://comms.thedigitallancabin.net/cass"></a><link rel="me" href="https://github.com/DynTylluan"><link rel="me" href="https://github.com/NeoZones"><link rel="me" href="mailto:[email protected]"><link rel="me" href="https://owly.fans"><link rel="me" href="https://owlyfans.neocities.org"><meta content="#9B4F96" data-react-helmet="true" name="theme-color" />
+	<link rel="shortcut icon" type="image/x-icon" href="../../favicon.ico">
+    <link rel="stylesheet" href="../../style_nobg.css">
+    </head>
+    <body>
+<h1>Meta: OwlyFans' Winter 2024 Theme</h1>
+<hr>
+<p>Back in the bad old days of the 2000s, I was a Club Penguin addict. I'd get back home from school, boot up the family computer that was located in the dining room, and go on to my favorite website. I had hours of fun playing as a simple light blue penguin. One thing that I loved about Club Penguin was simply that the little town that the residents lived in would, at times, change the theme and put up little decorations. There would be an April Fools theme where everything became whacky, a St. Patrick's Day, Easter, and my favorrite: Halloween.</p>
+
+<h2>Resources Changed</h2>
+
+<h3>Background</h3>
+<p>The main background used on the website, <a href="../../bg.png"><tt>bg.png</tt></a>, has been updated to the one seen below:</p>
+
+<p><center><img src="plus_1flesh2_gl.png" title="Video game texture that shows a flesh-like image that is very red and dark." alt="Video game texture that shows a flesh-like image that is very red and dark."></center></p>
+
+<p>This has been edited from <a href="https://librequake.queer.sh">LibreQuake</a>. The original texture is seen below:</p>
+
+<p><center><img src="plus_1flesh2_gl_og.png" title="Video game texture shows a flesh-like image that is very red but is less dark than the last image." alt="Video game texture shows a flesh-like image that is very red but is less dark than the last image."></center></p>
+
+<p>If you are a light made user, then the background for you will be this wood texture, as taken from <a href="https://freedoom.github.io">Freedoom</a>. See <a href="https://github.com/freedoom/freedoom/blob/master/COPYING.adoc"><tt>COPYING.adoc</tt></a> for the license.</p>
+
+<p><center><img src="rw23_1.png" title="Texture that shows wooden planks from a bird's eye view.
+" alt="Texture that shows wooden planks from a bird's eye view.
+"></center></p>
+
+
+<h3>Xenia</h3>
+<p>The Xenia 3D model that is on the <a href="/">landing page</a> for the site (<a href="../../odds/xenia_girl">as found here</a>) has been replaced with one with a pumpkin on her head. The GIF itself is <a href="xenia_pumpkin.gif">located here</a>.</p>
+
+<p>The asset for the glasses is <a href="glasses.png">here</a> and the pumpkin PNG is <a href="pumpkin.png">here</a>. The pumpkin <a href="https://sketchfab.com/3d-models/pumpkin-6bf651b2080847628edba91ba203b14f">was made by CoRey</a> and is <a href="../../license/ccbync4_0">CC BY-NC 4.0</a>
+
+<p>The frames for the GIF without the blue shadow...</p>
+<ul>
+	<li><a href="frame0_nobg.png">frame0_nobg.png</a></li>
+	<li><a href="frame1_nobg.png">frame1_nobg.png</a></li>
+	<li><a href="frame2_nobg.png">frame2_nobg.png</a></li>
+	<li><a href="frame3_nobg.png">frame3_nobg.png</a></li>
+	<li><a href="frame4_nobg.png">frame4_nobg.png</a></li>
+	<li><a href="frame5_nobg.png">frame5_nobg.png</a></li>
+	<li><a href="frame6_nobg.png">frame6_nobg.png</a></li>
+	<li><a href="frame7_nobg.png">frame7_nobg.png</a></li>
+	<li><a href="frame8_nobg.png">frame8_nobg.png</a></li>
+</ul>
+
+<p>...and the frames with the shadow.</p>
+<ul>
+	<li><a href="xenia_pumpkin0.png">xenia_pumpkin0.png</a></li>
+	<li><a href="xenia_pumpkin1.png">xenia_pumpkin1.png</a></li>
+	<li><a href="xenia_pumpkin2.png">xenia_pumpkin2.png</a></li>
+	<li><a href="xenia_pumpkin3.png">xenia_pumpkin3.png</a></li>
+	<li><a href="xenia_pumpkin4.png">xenia_pumpkin4.png</a></li>
+	<li><a href="xenia_pumpkin5.png">xenia_pumpkin5.png</a></li>
+	<li><a href="xenia_pumpkin6.png">xenia_pumpkin6.png</a></li>
+	<li><a href="xenia_pumpkin7.png">xenia_pumpkin7.png</a></li>
+	<li><a href="xenia_pumpkin8.png">xenia_pumpkin8.png</a></li>
+</ul>
+
+<p>Credits for the original Xenia can be found <a href="../../odds/xenia_girl">on its folder page</a>.</p>
+
+<h3>CSS</h3>
+<p>The colors in the CSS have been changed. We took inspiration from «<a href="https://lospec.com/palette-list/lava-has-the-viscosity-of-ketchup">lava has the viscosity of ketchup Palette</a>» by <a href="https://182exe.online">182exe</a>. We also asked ChatGPT for colors (cringe, I know) and we used (most) of what it gave us.</p>
+
+<h3>Title text</h3>
+<p>On the landing page at the very top, we used text <a href="https://en.wikipedia.org/wiki/Strife_(1996_video_game)">from Strife</a> that shows the Owly.Fans words, <a href="../owlyfans_doom.png">the normal text</a>. was replaced by this, something that <a href="https://doomwiki.org">uses the Doom font</a>.</p>
+
+<p>This was made possible <a href="https://c.eev.ee/doom-text-generator">thanks to Eevee's work</a>.</p>
+
+<p><center><img src="owlyfans.png" width="504" height="48" style="image-rendering:pixelated" alt="Red text that is melting, it says &#xAB;OwlyFans&#xBB;." title="Red text that is melting, it says &#xAB;OwlyFans&#xBB;."></center></p>
+
+<p></p>
+<hr>
+<p>
+<p><strong>Want to support OwlyFans? <a href="/nft/">See our NFTs</a>!</strong></p> <p>Copyright 2021 - <script type="text/javascript">
+var today = new Date()
+var year = today.getFullYear()
+document.write(year)
+</script> by Cass &#xAB;Owly&#xBB; Python, licensed under the <a href="/license/fopl-mdp" title="The Freedom Owl Public License: Modifications, Distributions, and Private Use" alt="The Freedom Owl Public License: Modifications, Distributions, and Private Use">FOPL-MDP V.1</a>. Please see <a href="/humans.html">humans.html</a> for full credit and thanks. Peace and love.</p>
+<p></p>
+<font color="black"><center>&#x2605;</center></font>
+<p>
+<div style="text-align:right">
+<a href="http://bytemoth.nfshost.com/cd5k-net/tau">&tau;</a>
+</div>
+<p></p>
+	<script src="/script.js"></script>
+	<script src="/ruffle/ruffle.js"></script>
+    </body>
+</html>
diff --git a/odds/winter2024/owlyfans.png b/odds/winter2024/owlyfans.png
diff --git a/odds/winter2024/plus_1flesh2_gl.png b/odds/winter2024/plus_1flesh2_gl.png
diff --git a/odds/winter2024/plus_1flesh2_gl_og.png b/odds/winter2024/plus_1flesh2_gl_og.png
diff --git a/odds/winter2024/pumpkin.png b/odds/winter2024/pumpkin.png
diff --git a/odds/winter2024/rw23_1.png b/odds/winter2024/rw23_1.png
diff --git a/odds/winter2024/xenia_pumpkin.gif b/odds/winter2024/xenia_pumpkin.gif
diff --git a/odds/winter2024/xenia_pumpkin0.png b/odds/winter2024/xenia_pumpkin0.png
diff --git a/odds/winter2024/xenia_pumpkin1.png b/odds/winter2024/xenia_pumpkin1.png
diff --git a/odds/winter2024/xenia_pumpkin2.png b/odds/winter2024/xenia_pumpkin2.png
diff --git a/odds/winter2024/xenia_pumpkin3.png b/odds/winter2024/xenia_pumpkin3.png
diff --git a/odds/winter2024/xenia_pumpkin4.png b/odds/winter2024/xenia_pumpkin4.png
diff --git a/odds/winter2024/xenia_pumpkin5.png b/odds/winter2024/xenia_pumpkin5.png
diff --git a/odds/winter2024/xenia_pumpkin6.png b/odds/winter2024/xenia_pumpkin6.png
diff --git a/odds/winter2024/xenia_pumpkin7.png b/odds/winter2024/xenia_pumpkin7.png
diff --git a/odds/winter2024/xenia_pumpkin8.png b/odds/winter2024/xenia_pumpkin8.png
diff --git a/odds/xenia_girl/index.html b/odds/xenia_girl/index.html
@@ -38,7 +38,6 @@ <h1>/odds/xenia_girl</h1>
 	<li><a href="frame6.png">frame6.png</a></li>
 	<li><a href="frame7.png">frame7.png</a></li>
 	<li><a href="frame8.png">frame8.png</a></li>
-	<li><a href="frame9.png">frame9.png</a></li>
 </ul>
 
 <p>The frames of the GIF without the shadow:</p>
@@ -52,7 +51,6 @@ <h1>/odds/xenia_girl</h1>
 	<li><a href="frame6_nobg.png">frame6_nobg.png</a></li>
 	<li><a href="frame7_nobg.png">frame7_nobg.png</a></li>
 	<li><a href="frame8_nobg.png">frame8_nobg.png</a></li>
-	<li><a href="frame9_nobg.png">frame9_nobg.png</a></li>
 </ul>
 
 <p>The frames of the GIF <em>with</em> the shadow:</p>
@@ -66,7 +64,6 @@ <h1>/odds/xenia_girl</h1>
 	<li><a href="frame6_shadow.png">frame6_shadow.png</a></li>
 	<li><a href="frame7_shadow.png">frame7_shadow.png</a></li>
 	<li><a href="frame8_shadow.png">frame8_shadow.png</a></li>
-	<li><a href="frame9_shadow.png">frame9_shadow.png</a></li>
 </ul>
 
 <p>The GIF that Nick gave to me: <a href="xenia_wave.gif">xenia_wave.gif</a>.</p>

diff --git a/style.css b/style.css
@@ -1,3 +1,5 @@
+/* This started out as a Halloween theme, but honestly, having a Winter vibe to my site is kinda nice. I don't wanna be cringe, but I asked ChatCPT to pick the colors out for this CSS file, sorry! */
+
 /* See humans.html for full thanks */
 
 body {
@@ -11,10 +13,10 @@ h1 {
 
 /* LIGHT MODE */
 :root {
-    --color: #0f0f0f;
-    --link-color: #3b0000;
-    --bg-image: url(bg_light.png);
-    --bg-color: hsl(204, 44%, 65%);
+    --color: #cc1b07;
+    --link-color: #96160b;
+    --bg-image: url(odds/winter2024/rw23_1.png);
+    --bg-color: hsl(28.42, 76.88%, 66.08%);
     background-size: auto;
     background-repeat: auto;
     background-position: center;
@@ -23,51 +25,51 @@ h1 {
 
 /* unvisited link */
 a:link {
-    color: #975777;
+    color: #550f0a;
 }
 
 /* visited link */
 a:visited {
-    color: #13131f;
+    color: #da3c14;
 }
 
 /* mouse over link */
 a:hover {
-    color: #1313df;
+    color: #150b09;
 }
 
 /* selected link */
 a:active {
-    color: #37374b;
+    color: #28120e;
 }
 
 /* DARK MODE */
 @media (prefers-color-scheme: dark) {
     :root {
-        --color: #ffffff;
-        --link-color: #20bdec;
-        --bg-image: url(bg.png);
+        --color: #f0e68c;
+        --link-color: #ff4500;
+        --bg-image: url(odds/winter2024/plus_1flesh2_gl.png);
         --bg-color: hsl(30, 36%, 4%);
 }
 
 /* unvisited link */
 a:link {
-	color: #ffa8de;
+	color: #ff6347;
 }
 
 /* visited link */
 a:visited {
-	color: #ffc5a8;
+	color: #cd5c5c;
 }
 
 /* mouse over link */
 a:hover {
-	color: #7fbfff;
+	color: #ffcccb;
 }
 
 /* selected link */
 a:active {
-	color: #ffffff;
+	color: #ffdead;
 }
 }