diff --git a/404.html b/404.html index 66c6bc6..c38bdc6 100644 --- a/404.html +++ b/404.html @@ -57,6 +57,6 @@ a:hover { let's go back home, shall we?

if you believe you've reached this page in error, feel free to contact me.

- + \ No newline at end of file diff --git a/_drafts/cheesecake.html b/_drafts/cheesecake.html deleted file mode 100644 index d72df0b..0000000 --- a/_drafts/cheesecake.html +++ /dev/null @@ -1,66 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - {{ page.title }} - - - - {{ content }} - - - - - - - - - - \ No newline at end of file diff --git a/_drafts/cheesecake/index.html b/_drafts/cheesecake/index.html deleted file mode 100644 index eda7535..0000000 --- a/_drafts/cheesecake/index.html +++ /dev/null @@ -1,192 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Cheesecake - - - - - - - - - - - - -
- -
-
- -  Cheesecake - - - - -
-
- - -
-
- sample -
-
-
- -
- -
-
- -  Links - - - - -
-
- - -
- -
-
- - - - A cheesecake. - -
- -
-
- -  Example Div - - - - -
-
- - -
-
- - -

Element Showcase

- Text. -

Header 2

- Text. -

Header 3

- Text. - -

I hope you have fun with this layout! -

- - - - - - - - - - - - - - -
Cell 1Cell 2
Description 1Description 2
Description 3Description 4
- - -
    -
  • Cheesecake!
    • -
  • Shortcake!
    • -
  • All the cake!
    • -
- -
-
- - - \ No newline at end of file diff --git a/_drafts/cheesecake_style.css b/_drafts/cheesecake_style.css deleted file mode 100644 index 8863e3e..0000000 --- a/_drafts/cheesecake_style.css +++ /dev/null @@ -1,175 +0,0 @@ -/* This is a free layout for anyone to use! -All I ask is that you keep this credit in-tact, or that you put my website link -(https://nonkiru.art) somewhere on your site. - -Otherwise, edit this as much as you'd like! - -Last Updated: 8th December 2024 */ - -/* These are the default colour codes for the layout. -Changing the colour code here will update it for any element that uses it. */ -:root { - /* Default: Pink */ - --primary: #ffc9c6; - - /* Default: Light Pink */ - --primary_light: #ffedeb; - - /* Default: Dark Pink */ - --primary_dark: #ee918c; - - /* Default: White */ - --secondary: #fefbf5; - - /* Default: Brown */ - --tertiary: #ad4944; - - /* Default: Blue */ - --link: #2453d4; -} - -body { - background: var(--secondary); - background-image: url(/img/cheesecake/bg.gif); - color: var(--tertiary); - font-size: 16px; - font-family: MS Gothic, Verdana, sans-serif; - line-height: 18px; -} - -/* Link Styling */ -a { - color: var(--link); - /* Adds a smooth effect to link hover. */ - transition: 0.1s all ease-in-out; -} - -a:hover { - color: var(--primary_dark); -} - -/* Header Styling */ -h1 { - display: block; - font-size: 18px; - margin-top: 5px; - margin-bottom: 10px; - margin-left: 0; - margin-right: 0; - font-weight: bold; -} - -h2 { - display: block; - font-size: 17px; - margin-top: 3px; - margin-bottom: 7px; - margin-left: 0; - margin-right: 0; - font-weight: bold; -} - -h3 { - display: block; - font-size: 16px; - margin-top: 5px; - margin-bottom: 3px; - margin-left: 0; - margin-right: 0; - font-weight: bold; -} - -/* Table Styling */ -table { - border-collapse: collapse; - width: 100%; -} - -table td, table th { - border: 1px solid var(--primary); - padding: 4px; -} - -table th { - text-align: left; - background-color: var(--primary_light); -} - -/* List Styling */ -ul { - list-style-image: url('/img/cheesecake/heart_bullet.gif'); - list-style-position: inside; - margin: 5px; - padding: 0; -} - -.container { - background: var(--secondary); - border: 1px solid var(--tertiary); - border-radius: 2px; - width: 800px; - box-shadow: 2px 2px 0px var(--primary); - margin: 5px auto; - cursor: move; -} - -.box { - border: 1px solid var(--primary); - padding: 5px; -} - -.box_header { - border: 1px solid var(--primary); - background-color: var(--primary_light); - height: 20px; - padding: 5px; - /* This centers the text vertically. */ - line-height: 20px; -} - -/* Changes the brightness of the fake buttons on hover. Also changes the cursor. */ -.box_header img:hover { - filter: brightness(103%); - cursor: pointer; -} - -/* Darkens and saturates the buttons on click. Also changes the cursor. */ -.box_header img:active { - filter: brightness(97%) saturate(125%); - cursor: pointer; -} - -/* Mobile Support */ -@media only screen and (max-width: 890px) { - .container { - position: static; - width: 100%; - margin: unset; - margin-bottom: 5px; - } -} - -footer { - font-size: 1.5em; - clear: both; - text-align: right; - margin: auto; - position:sticky; - padding-right: 10px; - bottom: 15px; - } - - @media screen and (max-width: 700px) { - footer { - font-size: 2em; - } - footer a { - background-color: var(--link); - opacity: 0.25; - border-radius: .25em; - padding: .8rem; - } - footer a:hover { - opacity: 1; - } - } \ No newline at end of file diff --git a/_layouts/2col-notitle.html b/_layouts/2col-notitle.html index a9fb6d2..aa4aa9f 100644 --- a/_layouts/2col-notitle.html +++ b/_layouts/2col-notitle.html @@ -3,11 +3,11 @@ πŸ‘πŸŒ™ - + - + {% include layout/sidebar.html %} @@ -29,11 +29,11 @@ {% endif %} - + - + {% if page.url contains "now"%} - + diff --git a/_layouts/2col-welcome.html b/_layouts/2col-welcome.html index 50a281c..d3b6b24 100644 --- a/_layouts/2col-welcome.html +++ b/_layouts/2col-welcome.html @@ -3,11 +3,11 @@ πŸ‘πŸŒ™ - - + + - + {% include layout/sidebar.html %} @@ -15,16 +15,16 @@

{{ page.title }}

pastel music notes - + sun-smudged peach moon softer than an ice cream cone in june pastel music notes
{{ content }} - + - + diff --git a/_layouts/2col.html b/_layouts/2col.html index ece2834..7af7855 100644 --- a/_layouts/2col.html +++ b/_layouts/2col.html @@ -3,11 +3,11 @@ πŸ‘πŸŒ™ - + - + {% include layout/sidebar.html %} @@ -50,11 +50,11 @@ {% endif %} - + - + {% if page.url contains "now"%} - + diff --git a/_pages/aboutme.md b/_pages/aboutme.md index b127d02..ab44339 100644 --- a/_pages/aboutme.md +++ b/_pages/aboutme.md @@ -9,7 +9,7 @@ show_footer: true
mana's fedicard
-## manahear mana pronounce their namehear mana meow +## manahear mana pronounce their namehear mana meow - **also known as**: momo, peach, makky, pulilith, hitsuji - **identities**: [sapphic](https://lgbtqia.wiki/wiki/Sapphic) [demipansexual](https://lgbtqia.wiki/wiki/Demipansexual); [gender](https://lgbtqia.wiki/wiki/Petalkitty) [is](https://lgbtqia.wiki/wiki/Cutecoric) [confusing](https://lgbtqia.wiki/wiki/Genderfae) - **pronouns**: she/they @@ -109,4 +109,4 @@ OMG> AKR+++ BTAm+++ CCS++ CHOm+ CBB- DBZ-- EXS%+ FLCL%- FB% FY% 999> GITS++ G080 - *omg cat sandwitch......* ― cheri - *whoa! a lil mew mew!* ― epsi - \ No newline at end of file + \ No newline at end of file diff --git a/mana.mp3 b/mana.mp3 deleted file mode 100644 index 21d67c2..0000000 --- a/mana.mp3 +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:2107461bfbc471409689b2745a58da92a63e725149c135065104f98da4c42ee1 -size 8448 diff --git a/menu.js b/menu.js deleted file mode 100644 index bbdda06..0000000 --- a/menu.js +++ /dev/null @@ -1,54 +0,0 @@ -/* Toggle between showing and hiding the navigation menu links when the user clicks on the hamburger menu / bar icon */ -function myFunction() { - var x = document.getElementById("myLinks"); - if (x.style.display === "block") { - x.style.display = "none"; - } else { - x.style.display = "block"; - } -} - -function toggleSubmenu(event) { - event.preventDefault(); // Prevent the default anchor click behavior - var submenu = event.target.nextElementSibling; // Get the submenu - - if (submenu.style.display === "block") { - submenu.style.display = "none"; - } else { - submenu.style.display = "block"; - } -} - -// Function to keep the menu open based on the current URL -function setActiveMenu() { - const currentUrl = window.location.pathname; // Get current URL path - const menuItems = document.querySelectorAll('.menu a'); - - menuItems.forEach(item => { - // Check if the current item is the active one - if (item.getAttribute('href') === currentUrl) { - item.classList.add('active'); // Add active class to the current link - const submenu = item.closest('.submenu'); // Get the closest submenu of this item - - // If there's a submenu, show it - if (submenu) { - submenu.style.display = 'block'; // Open the submenu - const parentMenuItem = submenu.previousElementSibling; // Get the parent menu item - if (parentMenuItem) { - parentMenuItem.classList.add('active'); // Highlight the parent item - } - } - } else if (item.closest('.submenu') && item.getAttribute('href') === currentUrl) { - // If this is a submenu item, add active class to the submenu item - item.classList.add('active'); - -// Find the parent menu item and open the submenu -const parentMenuItem = item.closest('.menu-item'); -parentMenuItem.querySelector('.submenu-toggle').classList.add('active'); // Highlight parent item -const parentSubmenu = parentMenuItem.querySelector('.submenu'); // Get the submenu -if (parentSubmenu) { - parentSubmenu.style.display = 'block'; // Open parent submenu -} -} -}); -} \ No newline at end of file diff --git a/moji.js b/moji.js deleted file mode 100644 index fa41dd1..0000000 --- a/moji.js +++ /dev/null @@ -1,2 +0,0 @@ -var mojis = ["(γƒŽγƒ»βˆ€γƒ»)γƒŽοΈ΅ ┻━┻", "(βŽΛƒα†ΊΛ‚)πŸ’¦", "ο½‘γ‚œ(ο½€Π”Β΄)γ‚œο½‘", "(γƒŽΰ² η›Šΰ² )γƒŽοΈ΅ ┻━┻", "αƒš(ΰ² η›Šΰ² αƒš", "(Β΄;Ο‰;ο½€)", "ｑο½₯οΎŸβ€™(*/η›ŠοΌΌ*) β€˜οΎŸο½₯ｑ", "(β•₯α†Ίβ•₯οΌ›)", "(β—žβ€Έβ—ŸοΌ›)", ".Λšβ€§ΒΊΒ·(ΰΈ…Ο‰ΰΈ…*)β€§ΒΊΒ·Λš.", "(*ﾉω・*)πŸ’¦", "( β—•α΄—β—•)γ£βœ‚β•°β‹ƒβ•―", "ｑ*ﾟ+.*.ｑ(っ ᐛ )γ£βœ‚β•°β‹ƒβ•―"] -document.getElementById("mojis").innerText = mojis[Math.floor(Math.random() * mojis.length)]; \ No newline at end of file diff --git a/mya.mp3 b/mya.mp3 deleted file mode 100644 index 1b5cd29..0000000 --- a/mya.mp3 +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:b60f13dd57041a7e42e34787da7128be754fbbdad821aeae8f1b91e59b6d50a0 -size 6361 diff --git a/peachmoon.mp3 b/peachmoon.mp3 deleted file mode 100644 index 8bb5b76..0000000 --- a/peachmoon.mp3 +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:101d4fa4141900b14bd98adbf456ad91b9e6e142e4ae6791a851d2157015bc55 -size 1940093 diff --git a/profile.js b/profile.js deleted file mode 100644 index 87593b0..0000000 --- a/profile.js +++ /dev/null @@ -1,16 +0,0 @@ -function getRandomImage() { - - var images = ['/img/picrew/058.png', '/img/picrew/057.jpg', '/img/picrew/056.png', '/img/picrew/055.png', '/img/picrew/053.png', '/img/picrew/052.jpg', '/img/picrew/050.png', '/img/picrew/048.png', '/img/picrew/045.png', '/img/picrew/043.jpg', '/img/picrew/042.png', '/img/picrew/039.png', '/img/picrew/037.png', '/img/picrew/036.png', '/img/picrew/030.jpg', '/img/picrew/029.png', '/img/picrew/028.png', '/img/picrew/010.png', '/img/picrew/007.png', '/img/picrew/005.png', '/img/picrew/004.png', '/img/picrew/003.png']; - var image = images[Math.floor(Math.random()*images.length)]; - - return image; - - } - - function displayRandomImage() { - - var htmlImage = document.getElementById("randomImage"); - htmlImage.src = getRandomImage(); - - } - displayRandomImage(); \ No newline at end of file diff --git a/scrobble.js b/scrobble.js deleted file mode 100644 index 4108df6..0000000 --- a/scrobble.js +++ /dev/null @@ -1,9 +0,0 @@ -let user = 'ameiro'; -let url = 'https://lastfm-last-played.biancarosa.com.br/' + user + '/latest-song'; -let song = document.querySelector('#song'); -fetch(url) - .then(function (response) { - return response.json() - }).then(function (json) { - song.innerHTML = json['track']['name'] + ' - ' + json['track']['artist']['#text']; - }); \ No newline at end of file diff --git a/soundbite.js b/soundbite.js deleted file mode 100644 index da2f6b0..0000000 --- a/soundbite.js +++ /dev/null @@ -1,3 +0,0 @@ -function playAudio(url) { - new Audio(url).play(); - } \ No newline at end of file diff --git a/style.css b/style.css deleted file mode 100644 index b731b87..0000000 --- a/style.css +++ /dev/null @@ -1,837 +0,0 @@ -:root { - --bgColor: #FFFAFC; - --fgColor: #6e5854; - --metaColor: #FFEFF1; - --headColor: #E05969; - --linkColor: #BC2F3F; - --hovColor: #e3868f; - --bgSelect: #3a2930; - --sidebarUrl: url("/img/theme/peach.jpeg") repeat; - background-color: white; - background-size: 10px 10px; - background-image: - linear-gradient(to right, #FFEFF1 1px, transparent 1px), - linear-gradient(to bottom, #FFEFF1 1px, transparent 1px); - --bullet: url("/img/theme/kingluludeer_peach.png"); - --theme-image: url("/img/theme/kittea_paws.gif"); /* credit: https://www.deviantart.com/kittea-paws/art/kitten-floating-away-with-balloons-886993258 */ -} - -@media (prefers-color-scheme: dark) { - :root { - --bgColor: #000040; - --fgColor: #D8DAFF; - --metaColor: #141C36; - --headColor: #A0A8F4; - --linkColor: #FF72F7; - --hovColor: #6BB6E5; - --bgSelect: #6c7086; - --sidebarUrl: url("/img/theme/stars.gif") repeat; - background-color: #030314; - background-size: 10px 10px; - background-image: - linear-gradient(to right, #1C1736 1px, transparent 1px), - linear-gradient(to bottom, #1C1736 1px, transparent 1px); - --bullet: url("/img/theme/pastelstar.gif"); - --theme-image: url("/img/theme/spaaace.gif"); - } - - ul.update { - list-style-image: url("/img/theme/upup.gif"); - } - - @font-face { - font-family: vcr; - src: url("/fonts/vcr.ttf") - } - @font-face { - font-family: loveletter; - src: url("/fonts/loveletter.ttf") - } - @font-face { - font-family: starlight; - src: url("/fonts/starlight.ttf") - } - @font-face { - font-family: pixelegance; - src: url("/fonts/pixelegance.ttf") - } - - html { - font: .9rem 'vcr', monospace; - line-height: 1.25rem; - } - - h1 { - font: 3.8em loveletter, monospace; - } - - h2 { - font: bold 2.75em pixelegance, monospace; - line-height: 2.5rem; - padding-top: .5rem; - } - - h3 { - font: 2.2em starlight, monospace; - line-height: 2rem; - padding: .9rem 0; - } - - h4 { - font: bold 1.75rem pixelegance, monospace; - padding-top: 1rem; - margin: 0.1rem 0.1rem 0.1rem 1.5rem; - } - - code { - font: 1rem courier, monospace; - } -} - -@font-face { - font-family: Hez; - src: url("/fonts/Hezaedrus.ttf") -} -@font-face { - font-family: hylie; - src: url("/fonts/Hylie.otf") -} -@font-face { - font-family: obliviate; - src: url("/fonts/Obliviate.otf") -} -@font-face { - font-family: firstly; - src: url("/fonts/Firstly.otf") -} - -::-moz-selection { - color: var(--metaColor); - background: var(--bgSelect) -} - -::selection { - color: var(--fgColor); - background: var(--bgSelect) -} - -article { - display:inline-block; - margin-left: 220px; - padding: 1px 20px; - height: 100%; - width: calc(100% - 270px); -} - -nav { - text-align: center; - padding: 16px; - width: 200px; - background: var(--sidebarUrl); - position: fixed; - z-index: 1; - top: 0; - left: 0; - height: 100%; - align-content: center; - overflow: auto; - scrollbar-color: var(--hovColor) var(--bgColor); - scrollbar-width: thin; -} - -nav > * { - padding: .4rem .25rem; -} - -nav a { - color: var(--fgColor); - text-decoration: none; - padding: .4rem .25rem; -} - -nav a.active { - color: var(--linkColor); -} -nav a:hover:not(.active) { - color: var(--fgColor); -} - -@media screen and (max-width: 700px) { - nav { - width: 100%; - height: fit-content; - position: relative; - justify-items: center; - background-color: var(--metaColor); - padding: 0; - padding-bottom: 1rem; - } - article { - margin-left: 0; width: 94%; - } - .menu-toggle { - padding-bottom: 1rem; - } -} - -footer { - font-size: 1.5em; - clear: both; - text-align: right; - margin: auto; - position:sticky; - padding-right: 10px; - bottom: 15px; -} - -@media screen and (max-width: 700px) { - footer { - font-size: 2em; - } - footer a { - background-color: var(--metaColor); - opacity: 0.25; - border-radius: .25em; - padding: .8rem; - } - footer a:hover { - opacity: 1; - } -} - -.menu a { - display: block -} - -.submenu { - display: none; - text-decoration: none; - font-style: italic; - font-size: .8rem; -} - -.menu-item a:hover { - text-decoration: none; - color: var(--fgColor); - background-color: var(--bgSelect); -} - -.menu-toggle { - color: var(--linkColor) -} - -.menu-toggle, .menu { - text-decoration: none; -} - -@media (max-width: 640px) { - nav a { - padding: 1rem; - } - .menu { - display: none; - } -} - -.nav-icon { - display: flex; - justify-content:center; -} - -.nav-icon i { - padding: 8px; - vertical-align: middle; -} - -@media screen and (max-width: 700px) { - .menu-toggle { - padding-top: 2rem; - } - .nav-icon { - padding: .5rem; - } -} - -.peachmoon { - text-align: center; - font-size: .9em; - padding: 1em; -} - -.theme-image { - content: var(--theme-image); - float: left; - padding-right: .75rem; -} - -details a { - display: block; -} - -details { - padding: .5rem 0 0 0; -} - -summary { - text-align: center; -} - -details summary > * { - display: inline; -} - -@media screen and (max-width: 700px) { - details { - padding: .5rem 0; - } - details a { - padding: 1rem 0; - } -} - -html { - scrollbar-color: var(--hovColor) var(--bgColor); - scrollbar-width: thin; - font-size: 1em; - font-style: normal; - line-height: 1.2; - margin: auto; - overflow-wrap: break-word; - background: var(--bgUrl); - color: var(--fgColor); - font-family: 'Hez', monospace; -} - -img { - vertical-align: middle; -} - -p { - margin: 0rem 1.5rem 1rem 1.5rem; -} - -@media (max-width: 640px) { - p { - margin: 1rem .5rem; - } -} - -a { - text-decoration: none; - color: var(--linkColor) -} - -a:hover { - text-decoration: underline dashed 2px; - color: var(--hovColor) -} - -.ph { - font-size: 1em; - color: var(--linkColor); - fill: var(--fgColor); - background-color: transparent; - vertical-align: middle; -} - -h1 { - color: var(--headColor); - font: 3.8em hylie, cursive; - line-height: .8em; - padding-top: .35em; - margin: 0; - text-align: center; -} - -h2 { - color: var(--headColor); - font: 3.5em firstly, cursive; - font-weight: bold; - line-height: .7em; - margin: 0.1rem 0.1rem 0.1rem 1.25rem; - padding: .1rem 0; -} - -h3 { - color: var(--headColor); - font: 2.6em obliviate, cursive; - line-height: 2rem; - margin: 0.1rem 0.1rem 0.1rem 1.5rem; - padding: .4rem 0 .2rem; -} - -h4 { - color: var(--headColor); - font: bold 2.9rem firstly, cursive; - margin: 0.1rem 0.1rem 0.1rem 1.5rem; - padding-top: 1rem; - line-height: 2rem; -} - -ul { - list-style-image: var(--bullet); - font-size: 1em; - line-height: 1.3em; - margin: 0.1rem 0.1rem 0.1rem 1rem; - padding-left: 1.75rem; -} - -ul.fave { - list-style-image: url("/img/main/heart.png"); - padding-bottom: 0.75rem; -} - -ul p, ol p { - margin-left: 0 -} - -ol { - font-size: 1em; - line-height: 1.2em; - margin: 0.1rem 0.1rem 0.1rem 1.5rem; - padding-left: 0; -} - -ol li { - margin-left: 1.5rem; -} - -pre { - border: 1px solid var(--bgSelect); - background-color: var(--bgColor); - padding: 1rem; - margin: 0 2rem 0.75rem; - overflow-x: auto; - font: 1.1em monospace; - color: var(--fgColor); - white-space: pre-wrap; - word-break: break-word; - padding-bottom: 0.75rem; -} - -address { - margin-left: 1.5rem; - font-size: 0.9em; -} - -time { - font-size: 0.9em; -} - -dt { - font-weight:bold; - margin-left: 3em; -} - -dt::before { - content: "・" -} - -dd { - font-style:italic; - margin-left: 5em; - padding-bottom: .7em; -} - -figure img { - border-radius: 1em; - max-width: 100%; -} - -figure { - text-align: center; - align-content: center; - margin: 1em; -} - -figcaption { - font-size: .9em; - font-style: italic; - line-height: 1em; - margin: auto; - padding-top: .5em; - max-width: 550px; -} - -hr { - border: dashed 1px; - color: var(--hovColor); - width: 93%; - margin: 1em auto; -} - -hr.blog { - width: 36%; -} - -@media screen and (max-width: 700px) { - hr.blog { - width: 99%; - } -} - -.profile-img img { - max-width: 200px; - text-align: center; - border-radius: 100%; - padding: 0; -} - -.theme-switches{ - text-align: center; - display: inline-flex; - align-items: center; - justify-content: center; - flex-wrap: wrap; -} -.switch { - height: 1.5em; - width: 1.5em; - margin: 0.2em; - cursor: pointer; - display: flex; - align-items: center; - justify-content: center; - font-size: 1.25rem; - font-style: normal; -} -.switch:hover { - transform: scale(1.2); -} -@media screen and (max-width: 700px) { - .switch { - padding: 5px; - font-size: 2.5rem; - font-style: normal; - } -} - -.imgwall { - font-size: 0; - line-height: 0em; - image-rendering: pixelated; - text-align: center; -} - -.imgwall > img { - display: inline-block; -} - -#padded img { - padding: 1px; -} - -#nobutton { - font-size: 1rem; - display: inline-block; - vertical-align: middle; - padding: 1px; -} - -#userbox img { - image-rendering: auto; - vertical-align: middle; - margin: .1rem; - max-width: 239px; -} - -#stamp > img { - image-rendering: auto; - vertical-align: middle; - padding: 1px; -} - -#stamp { - margin: .5rem; -} - -#blinkies img, #blinkies > img { - max-width: 150px; -} - -#music { - text-align: center; -} - -#music a:hover { - text-decoration: none; -} - -.emote { - font-size: 0; - line-height: 0em; - text-align: center; -} - -.emote img { - display: inline-block; - padding: 1px; - width: 50px; -} - -.kaomoji { - background-color: var(--metaColor); - border-radius: 1em; - padding: 0.3em; - display: inline-flex; - vertical-align: center; - margin: 0.2em; -} - -.kaomoji:hover { - background-color: var(--hovColor) -} - -.center { - font-size: 0.9em; - image-rendering: pixelated; - text-align: center; - display: block; - justify-content: center; - align-items: center; -} - -.center a:hover { - text-decoration: none; -} - -.dotbox { - max-width: fit-content; - margin: 10px auto; - padding: 1rem; - border: var(--hovColor) dotted 2px; - border-radius: 1.5em; - background-color: var(--bgColor); - text-align: center; -} - -.dotbox ul { - display: inline-block; - text-align: left; - margin: auto; - list-style: none; -} - -#tag-cloud:hover { - text-decoration: none; -} - -#tag-cloud { - display:block; - text-align: center; - margin: auto; - font-family: firstly, cursive; - font-size: 1.5rem; - padding: 0; - border: dashed 1px; - color: var(--headColor); - background-color: var(--metaColor); - border-radius: 2rem; - width: fit-content; - padding: 0.25rem; -} - -#tag-cloud > * { - padding: 0.1rem 0.2rem; -} - -@media screen and (max-width: 700px) { - #tag-cloud > * { - padding: 0.25rem 0.25rem; - } - -} - -.site-tag a:hover { - text-decoration: none; - color: var(--headColor) -} - -.toc-list { - text-align: center; - justify-items: center; - margin: 0; - padding: .5em 0 0 0; -} - -#toc li { - display: inline-flex; -} - -#toc li::before { - content: url(/img/main/tinystar.gif); - padding-right: .5em; -} - -#toc li:last-child::after { - content: url(/img/main/tinystar.gif); - padding-left: .5em; -} - -.twocol { - display: flex; - gap: 10px; - flex-wrap: wrap; - justify-content: center; - align-items: center; -} - -.twocol > * { - margin: 1rem; -} - -.twocol ul { - list-style: none; - padding-left: 0; - margin: 0; -} - -.twocol .smolbox { - display: block; -} - -.smolbox { - padding: 0.5em; - background-color: var(--metaColor); - border: 1px dashed var(--hovColor); - border-radius: 1em; - max-width: fit-content; - text-align: left; - margin: auto; -} - -.threecol { - display: flex; - gap: 10px; - flex-wrap: wrap; - justify-content: center; - margin: auto; -} - -.threecol > * { - margin: .5rem; - max-width: calc(100% - .1rem); -} - -.threecol > p { - margin: 0; -} - -.threecol > .cover { - align-content: center; - text-align: right; - font-size: 1.25rem; -} - -@media screen and (max-width: 700px) { - .threecol { - justify-content: left; - width: calc(100% - .2rem); - } - .threecol > .cover > img { - width: calc(100% - .1rem); - } -} - -#statuscafe { - padding: .5em; - background-color: azure; - border: 1px solid midnightblue; -} -#statuscafe-username { - margin-bottom: .5em; -} -#statuscafe-content { - margin: 0 1em 0.5em 1em; -} - -.theme-credit { - display: inline-flex; - max-width: 95%; - gap: 10px; - align-items: center; - justify-content: center; - padding-top: .25rem; -} - -.theme-credit > * { - margin: auto; -} - -.theme-credit h4 { - padding: .1rem 0; -} - -.image-gallery { - width: 95%; - display: grid; - grid-template-columns: repeat(auto-fill,minmax(350px, 1fr)); - gap: 10px; - text-align: center; - padding-top: 1rem; -} - -.box { - width: 100%; - padding: 0; - margin: 0; -} - -.box img { - max-width: 380px -} - -@media (max-width: 640px) { - .box img { - max-width: 100% - } -} - -.img-gallery { - width: auto; - height: auto; - object-fit: cover; -} - -.masonry-container { - column-count: 4; /* Number of columns */ - column-gap: .5rem; /* Spacing between columns */ - margin: 0 auto; -} - -.masonry-container > * { - break-inside: avoid; /* Prevents items from breaking inside columns */ - margin-bottom: 10px; /* Space between items */ -} - -.masonry-item img { - max-width: 100%; - height: auto; /* Maintains aspect ratio */ - display: block; -} - -/* Responsive adjustments */ -@media (max-width: 1200px) { - .masonry-container { - column-count: 3; /* 3 columns on medium screens */ - } -} - -@media (max-width: 900px) { - .masonry-container { - column-count: 2; /* 2 columns on smaller screens */ - } -} - -@media (max-width: 640px) { - .masonry-container { - column-count: 1; /* 1 column on very small screens */ - } - .masonry-container p { - padding: 0; - margin: 0; - } - .masonry-container img { - width: calc(100% - .2rem); - } -} \ No newline at end of file diff --git a/theme.js b/theme.js deleted file mode 100644 index 34b4957..0000000 --- a/theme.js +++ /dev/null @@ -1,22 +0,0 @@ -window.addEventListener('load', function() { -var prefersDarkScheme = window.matchMedia !== undefined && window.matchMedia("(prefers-color-scheme: dark)").matches; -var DEFAULT_THEME = prefersDarkScheme ? 'moon' : 'peach'; -var THEMES = ["moon", "peach", "sakura", "honey"]; - -function setTheme(theme) { - if (THEMES.indexOf(theme) < 0) theme = DEFAULT_THEME; - document.getElementById('switcher-id').href = '/themes/' + theme + '.css'; - localStorage.setItem('style', theme); -} - -var savedTheme = localStorage.getItem('style'); -setTheme(savedTheme || DEFAULT_THEME); - -const switches = document.getElementsByClassName('switch'); -for (const el of switches) { - console.log(el); - el.addEventListener('click', () => { - setTheme(el.dataset.theme); - }); -} -}); \ No newline at end of file diff --git a/themes/honey.css b/themes/honey.css deleted file mode 100644 index bc53ded..0000000 --- a/themes/honey.css +++ /dev/null @@ -1,86 +0,0 @@ -:root { - --bgColor: #FEDF9E; - --fgColor: #5a4735; - --metaColor: #fce699; - --headColor: #705134; - --linkColor: #ec5800; - --hovColor: #d2691e; - --bgSelect: #E5C589; - background-color: #FEDF9E; - background-size: 10px 10px; - background-image: - linear-gradient(to right, #fdd37f 1px, transparent 1px), - linear-gradient(to bottom, #fdd37f 1px, transparent 1px); - --sidebarUrl: url("/img/theme/sunny_plaid_jonespatterns.jpg") repeat; - --bullet: url("/img/theme/crepe.gif"); - --theme-image: url("/img/theme/pickebicke.gif"); - } - - .peachmoon { - text-align: center; - font-size: .9em; - padding: 0.75rem 0 1em 0; - } - - ul.update { - list-style-image: url("/img/theme/new.gif"); - } - - @font-face { - font-family: pointfree; - src: url("/fonts/pointfree.ttf") - } - @font-face { - font-family: cheese; - src: url("/fonts/CheeseMatcha.otf") - } - @font-face { - font-family: kitto; - src: url("/fonts/kitto.otf"); - } - - html { - font: .85rem 'pointfree', monospace; - } - - img { - opacity: 0.9; - } - - h1 { - padding-top: 2.25rem; - padding-bottom: .25rem; - font: 4.25em 'obliviate', cursive; - letter-spacing: 0.25rem; - line-height: 3rem; - } - - h2 { - font: bold 2.8rem 'kitto', monospace; - line-height: 3rem; - padding-top: .5rem; - } - - h3 { - font: 2.8em 'cheese', monospace; - line-height: 3rem; - padding: .4rem 0 .2rem; - } - - h4 { - font: bold 2.9rem 'firstly', monospace; - line-height: 2rem; - padding-top: 1rem; - } - - code { - font: 1rem 'courier', monospace; - } - - .highlight { - padding: 0.5rem; - } - - .theme-credit { - padding-bottom: 0.5rem; - } \ No newline at end of file diff --git a/themes/moon.css b/themes/moon.css deleted file mode 100644 index 11d2bc6..0000000 --- a/themes/moon.css +++ /dev/null @@ -1,69 +0,0 @@ -:root { - --bgColor: #000040; - --fgColor: #D8DAFF; - --metaColor: #141C36; - --headColor: #A0A8F4; - --linkColor: #FF72F7; - --hovColor: #6BB6E5; - --bgSelect: #453355; - --sidebarUrl: url("/img/theme/stars.gif") repeat; - background-color: #030314; - background-size: 10px 10px; - background-image: - linear-gradient(to right, #1C1736 1px, transparent 1px), - linear-gradient(to bottom, #1C1736 1px, transparent 1px); - --bullet: url("/img/theme/pastelstar.gif"); - --theme-image: url("/img/theme/spaaace.gif"); - } - - ul.update { - list-style-image: url("/img/theme/upup.gif"); - } - - @font-face { - font-family: vcr; - src: url("/fonts/vcr.ttf") - } - @font-face { - font-family: loveletter; - src: url("/fonts/loveletter.ttf") - } - @font-face { - font-family: starlight; - src: url("/fonts/starlight.ttf") - } - @font-face { - font-family: pixelegance; - src: url("/fonts/pixelegance.ttf") - } - - html { - font: .9rem 'vcr', monospace; - line-height: 1.25rem; - } - - h1 { - font: 3.8em loveletter, monospace; - } - - h2 { - font: bold 2.75em pixelegance, monospace; - line-height: 2.5rem; - padding-top: .5rem; - } - - h3 { - font: 2.2em starlight, monospace; - line-height: 2rem; - padding: .9rem 0; - } - - h4 { - font: bold 1.75rem pixelegance, monospace; - padding-top: 1rem; - margin: 0.1vw 0.1vw 0.1vw 1.5vw; - } - - code { - font: 1rem courier, monospace; - } \ No newline at end of file diff --git a/themes/peach.css b/themes/peach.css deleted file mode 100644 index 80df79f..0000000 --- a/themes/peach.css +++ /dev/null @@ -1,25 +0,0 @@ -:root { - --bgColor: #FFFAFC; - --fgColor: #6e5854; - --metaColor: #FFEFF1; - --headColor: #E05969; - --linkColor: #BC2F3F; - --hovColor: #e3868f; - --bgSelect: #fab0b8; - --sidebarUrl: url("/img/theme/peach.jpeg") repeat; - --bullet: url("/img/theme/kingluludeer_peach.png"); - --theme-image: url("/img/theme/kittea_paws.gif"); - background-color: white; - background-size: 10px 10px; - background-image: - linear-gradient(to right, #FFEFF1 1px, transparent 1px), - linear-gradient(to bottom, #FFEFF1 1px, transparent 1px); - } - - ul.update { - list-style-image: url("/img/theme/loveup.gif"); - } - - .theme-credit { - padding-bottom: 0.5rem; - } \ No newline at end of file diff --git a/themes/sakura.css b/themes/sakura.css deleted file mode 100644 index 54c9357..0000000 --- a/themes/sakura.css +++ /dev/null @@ -1,50 +0,0 @@ -:root { - --bgColor: #F7DEE9; - --fgColor: #626865; - --metaColor: #F6E6E6; - --headColor: #6caecf; - --linkColor: #d36977; - --hovColor: #FF5686; - --bgSelect: #BAD4AF; - --sidebarUrl: url("/img/theme/zeudontumblr.png"); - background-color: var(--bgColor); - background-size: 10px 10px; - background-image: - linear-gradient(to right, #F2EAEA 1px, transparent 1px), - linear-gradient(to bottom, #F2EAEA 1px, transparent 1px); - --bullet: url("/img/theme/acrylliaDA-sakurabulletdark.png"); - --theme-image: url("img/theme/nyanberri.png"); - } - - @font-face { - font-family: dokidoki; - src: url("/fonts/DokiDoki.otf") - } - - html { - font: .9rem 'dokidoki', monospace; - } - - a:hover { - text-decoration: underline dotted 2px var(--hovColor); - } - - nav { - background-size: cover; - } - - ul.fave { - list-style-image: url("/img/theme/tamagotchininja_heart.gif"); - } - - ul.update { - list-style-image: url("/img/theme/pinkarrow.gif"); - } - - pre { - font: .8rem 'dokidoki', monospace; - } - - .theme-credit { - padding-bottom: 0.5rem; - } \ No newline at end of file