diff --git a/index.html b/index.html index 544cc727..083ba555 100755 --- a/index.html +++ b/index.html @@ -25,10 +25,10 @@ -

Title for the website that says OwlyFans.

+

Red text that is melting, it says «OwlyFans».


- 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. + 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.

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.

@@ -70,7 +70,7 @@

The title font was made thanks to Eevee's Doom Text Generator and is the Strife font.

-

The background used was made by Jonathan Gabel and was found via Wikimedia Commons.

+

Click here for info about the Winter theme.

Copyright 2021 - by Cass «Owly» Python, licensed under the FOPL-MDP V.1. Please see humans.html for full credit and thanks. Peace and love.

+

+
+

+

+τ +
+

+ + + + \ No newline at end of file diff --git a/odds/winter2024/owlyfans.png b/odds/winter2024/owlyfans.png new file mode 100644 index 00000000..31a345fd Binary files /dev/null and b/odds/winter2024/owlyfans.png differ diff --git a/odds/winter2024/plus_1flesh2_gl.png b/odds/winter2024/plus_1flesh2_gl.png new file mode 100644 index 00000000..dc47ad15 Binary files /dev/null and b/odds/winter2024/plus_1flesh2_gl.png differ diff --git a/odds/winter2024/plus_1flesh2_gl_og.png b/odds/winter2024/plus_1flesh2_gl_og.png new file mode 100644 index 00000000..fd89a8ea Binary files /dev/null and b/odds/winter2024/plus_1flesh2_gl_og.png differ diff --git a/odds/winter2024/pumpkin.png b/odds/winter2024/pumpkin.png new file mode 100644 index 00000000..8bb573ec Binary files /dev/null and b/odds/winter2024/pumpkin.png differ diff --git a/odds/winter2024/rw23_1.png b/odds/winter2024/rw23_1.png new file mode 100644 index 00000000..17e17cc2 Binary files /dev/null and b/odds/winter2024/rw23_1.png differ diff --git a/odds/winter2024/xenia_pumpkin.gif b/odds/winter2024/xenia_pumpkin.gif new file mode 100644 index 00000000..2019e9fd Binary files /dev/null and b/odds/winter2024/xenia_pumpkin.gif differ diff --git a/odds/winter2024/xenia_pumpkin0.png b/odds/winter2024/xenia_pumpkin0.png new file mode 100644 index 00000000..a260ba46 Binary files /dev/null and b/odds/winter2024/xenia_pumpkin0.png differ diff --git a/odds/winter2024/xenia_pumpkin1.png b/odds/winter2024/xenia_pumpkin1.png new file mode 100644 index 00000000..662f4aa9 Binary files /dev/null and b/odds/winter2024/xenia_pumpkin1.png differ diff --git a/odds/winter2024/xenia_pumpkin2.png b/odds/winter2024/xenia_pumpkin2.png new file mode 100644 index 00000000..662f4aa9 Binary files /dev/null and b/odds/winter2024/xenia_pumpkin2.png differ diff --git a/odds/winter2024/xenia_pumpkin3.png b/odds/winter2024/xenia_pumpkin3.png new file mode 100644 index 00000000..4c108073 Binary files /dev/null and b/odds/winter2024/xenia_pumpkin3.png differ diff --git a/odds/winter2024/xenia_pumpkin4.png b/odds/winter2024/xenia_pumpkin4.png new file mode 100644 index 00000000..3fc53b92 Binary files /dev/null and b/odds/winter2024/xenia_pumpkin4.png differ diff --git a/odds/winter2024/xenia_pumpkin5.png b/odds/winter2024/xenia_pumpkin5.png new file mode 100644 index 00000000..ce7bc5f7 Binary files /dev/null and b/odds/winter2024/xenia_pumpkin5.png differ diff --git a/odds/winter2024/xenia_pumpkin6.png b/odds/winter2024/xenia_pumpkin6.png new file mode 100644 index 00000000..b7c5ef06 Binary files /dev/null and b/odds/winter2024/xenia_pumpkin6.png differ diff --git a/odds/winter2024/xenia_pumpkin7.png b/odds/winter2024/xenia_pumpkin7.png new file mode 100644 index 00000000..f65aab7f Binary files /dev/null and b/odds/winter2024/xenia_pumpkin7.png differ diff --git a/odds/winter2024/xenia_pumpkin8.png b/odds/winter2024/xenia_pumpkin8.png new file mode 100644 index 00000000..42c31028 Binary files /dev/null and b/odds/winter2024/xenia_pumpkin8.png differ diff --git a/odds/xenia_girl/index.html b/odds/xenia_girl/index.html index 9c4d65bb..8e6a8402 100644 --- a/odds/xenia_girl/index.html +++ b/odds/xenia_girl/index.html @@ -38,7 +38,6 @@

/odds/xenia_girl

  • frame6.png
  • frame7.png
  • frame8.png
  • -
  • frame9.png
  • The frames of the GIF without the shadow:

    @@ -52,7 +51,6 @@

    /odds/xenia_girl

  • frame6_nobg.png
  • frame7_nobg.png
  • frame8_nobg.png
  • -
  • frame9_nobg.png
  • The frames of the GIF with the shadow:

    @@ -66,7 +64,6 @@

    /odds/xenia_girl

  • frame6_shadow.png
  • frame7_shadow.png
  • frame8_shadow.png
  • -
  • frame9_shadow.png
  • The GIF that Nick gave to me: xenia_wave.gif.

    diff --git a/style.css b/style.css index e13e3301..95a5c573 100755 --- 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; } } diff --git a/style_nobg.css b/style_nobg.css index cab564d1..3d263f6e 100644 --- a/style_nobg.css +++ b/style_nobg.css @@ -1,4 +1,6 @@ -/* See humans.txt for full thanks */ +/* 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 { max-width: 800px ; @@ -7,57 +9,65 @@ body { h1 { text-align: left ; -}/* LIGHT MODE */ +} + +/* LIGHT MODE */ :root { - --color: #0f0f0f; - --link-color: #3b0000; - --bg-color: hsl(204, 44%, 65%); + --color: #cc1b07; + --link-color: #96160b; + --bg-color: hsl(28.42, 76.88%, 66.08%); + background-size: auto; + background-repeat: auto; + background-position: center; + background-attachment: fixed; } + /* 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; + --color: #f0e68c; + --link-color: #ff4500; --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; } } @@ -67,6 +77,10 @@ body { color: var(--color); background-image: var(--bg-image); background-color: var(--bg-color); + background-size: auto; + background-repeat: auto; + background-position: center; + background-attachment: fixed; } /* unvisited link */ @@ -74,20 +88,14 @@ a:link { color: var(--link-color); } - .blackstar { - position:fixed; - bottom:151; - left:15%; -} - -/* This removed the underline for links */ +/* While this part was cool, I decided to get rid of it due to accessibility reasons, but what it did was remove the underlines for links a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } -a:active { text-decoration: underline; } +a:active { text-decoration: underline; } */ /* What font to use */ -h1, h2, h3, a, th, blockquote, ubuntu, center { +h1, h2, h3, a, li, th, br, ubuntu, p, blockquote, center { font-family: Ubuntu, "Noto Sans", "Liberation Sans", Helvetica, Arial, sans-serif; } @@ -95,10 +103,6 @@ pre, tt, xmp, ubuntu-mono { font-family: monospace, "Ubuntu Monospace", Courier; } -p { - font-family: Ubuntu, "Noto Sans", "Liberation Sans", Helvetica, Arial, sans-serif; -} - a { text-decoration: underline; } @@ -113,7 +117,7 @@ figure { display: block; margin: 0 auto; max-width: 95vw; - border: 1px solid #000; + border: 1px solid #999; background: #000; background: rgba(0, 0, 0, 0.5); width: min-content; @@ -155,6 +159,28 @@ uppercase,yell { color: inherit; } +/* Following taken from /accessibility/#autoplay part of the website */ +.flashing { + -webkit-filter: blur(5px); /* For Safari 6.0 - 9.0 */ + filter: blur(5px); +} + +.flashing:hover { + -webkit-filter: none; + filter: none; +} + +/* Following taken from /accessibility/#autoplay part of the website */ +.flashing { + -webkit-filter: blur(5px); /* For Safari 6.0 - 9.0 */ + filter: blur(5px); +} + +.flashing:hover { + -webkit-filter: none; + filter: none; +} + .tag { padding: 10px; border: 5px solid gray;