change directory structure & new blog post
This commit is contained in:
onomanapeia
parent
f8b0961bb9
commit
24f3cbaf63
17 changed files with 1263 additions and 0 deletions
26
_posts/2025-01-09-akeome.md
Normal file
26
_posts/2025-01-09-akeome.md
Normal file
|
|
@ -0,0 +1,26 @@
|
||||||
|
---
|
||||||
|
layout: 2col
|
||||||
|
title: "あけおめ～♪"
|
||||||
|
date: 2025-01-09
|
||||||
|
tags: girlblogging
|
||||||
|
show_blog_footer: true
|
||||||
|
---
|
||||||
|
明けましておめでとうございます～♪！ Happy new year, everyone~♪!
|
||||||
|
|
||||||
|
2024 was...a lot. I feel like overall, it was an ok year, especially compared to years like 2020, but no year is without its ups and downs.
|
||||||
|
|
||||||
|
2024 was the year I began this website! We went through three major design iterations, and I'm planning on a fourth soon (yes I like how the site currently looks, but the carbon output has increased and so I want to make it both more accessible, and also work on sustainability; ALSO I get bored easily and am constantly ).
|
||||||
|
|
||||||
|
I started journaling again, after not having journaled regularly since I was a teenager, and I gathered a sizeable collection of washi tape and stickers, and even a few notebooks! I acquired many pens in my search for a pen that was comfortable enough for me to write with for a long time, and landed on fountain pens as a concept. I broke two jinhaos, both of my pink ones... {% emoji crydance %}
|
||||||
|
|
||||||
|
I gathered a small collection of inks and began mixing my own fountain pen inks! I quit playing the MMO i had dedicated much of my time to the past three years (FFXIV), and I started therapy up again. I got closer with two important friends, and cut out one toxic one about halfway through the year.
|
||||||
|
|
||||||
|
I became more comfortable with myself, started practicing more self-compassion, learned to stand up for myself, and spent more time looking after myself instead of focusing all of my attention onto others. It was hard, and at times, it felt borderline narcissistic, but I learned that was because of how I'd been raised, and not because I was a narcissist.
|
||||||
|
|
||||||
|
In 2025, I'm looking forward to doing more art, trying out more makeup looks and maybe even really zeroing in on a personal style, makeup-wise. I'm looking forward to picking sewing back up and dipping my toes into music production.
|
||||||
|
|
||||||
|
I want to read more, draw more, finish some crochet projects, and continue to re-evaluate the things I do and have in my life and continue [konmari](https://en.wikipedia.org/wiki/Marie_Kondo#KonMari_method)-ing things and practices that no longer serve me, and tidy up my life and my home in 2025.
|
||||||
|
|
||||||
|
there's a lot of things about this and the next few years that will be really challenging for me, as an american, but I really hope I'll get through it ok and that even if nothing else gets any better, then at least my relationship with myself and my relationships with people will continue to improve.
|
||||||
|
|
||||||
|
Thank you for joining me on this adventure this past year, anyone who is reading this now, and may your 2025 bring you joy!!
|
||||||
6
_posts/updates/2025-01-09-title.md
Normal file
6
_posts/updates/2025-01-09-title.md
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
---
|
||||||
|
date: 2025-01-09
|
||||||
|
title: "site update"
|
||||||
|
collection: updates
|
||||||
|
---
|
||||||
|
new [blog post]({% link _posts/2025-01-09-akeome.md %})!
|
||||||
86
css/honey.css
Normal file
86
css/honey.css
Normal file
|
|
@ -0,0 +1,86 @@
|
||||||
|
: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;
|
||||||
|
}
|
||||||
49
css/main.css
Normal file
49
css/main.css
Normal file
|
|
@ -0,0 +1,49 @@
|
||||||
|
/* preloads */
|
||||||
|
@font-face {
|
||||||
|
font-family: pixelegance;
|
||||||
|
src: url("/fonts/pixelegance.ttf")
|
||||||
|
}
|
||||||
|
|
||||||
|
/* main color theme */
|
||||||
|
:root {
|
||||||
|
--boxbg: ;
|
||||||
|
--text: ;
|
||||||
|
--primary: ;
|
||||||
|
--secondary: ;
|
||||||
|
--accent: ;
|
||||||
|
--link: ;
|
||||||
|
--linkhover: ;
|
||||||
|
--highlight: ;
|
||||||
|
--dark: ;
|
||||||
|
--gridbg: ;
|
||||||
|
--gridline: ;
|
||||||
|
}
|
||||||
|
/* dark mode */
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
:root {
|
||||||
|
--boxbg: ;
|
||||||
|
--text: ;
|
||||||
|
--primary: ;
|
||||||
|
--secondary: ;
|
||||||
|
--accent: ;
|
||||||
|
--link: ;
|
||||||
|
--linkhover: ;
|
||||||
|
--highlight: ;
|
||||||
|
--gridbg: ;
|
||||||
|
--gridline: ;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid {
|
||||||
|
background-image:
|
||||||
|
linear-gradient(to right, var(--gridbg) 1px, transparent 1px),
|
||||||
|
linear-gradient(to bottom, var(--gridline) 1px, transparent 1px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.spoiler {
|
||||||
|
background-color: var(--dark);
|
||||||
|
}
|
||||||
|
|
||||||
|
.spoiler:hover {
|
||||||
|
background-color: inherit;
|
||||||
|
}
|
||||||
69
css/moon.css
Normal file
69
css/moon.css
Normal file
|
|
@ -0,0 +1,69 @@
|
||||||
|
: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;
|
||||||
|
}
|
||||||
25
css/peach.css
Normal file
25
css/peach.css
Normal file
|
|
@ -0,0 +1,25 @@
|
||||||
|
: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;
|
||||||
|
}
|
||||||
50
css/sakura.css
Normal file
50
css/sakura.css
Normal file
|
|
@ -0,0 +1,50 @@
|
||||||
|
: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;
|
||||||
|
}
|
||||||
837
css/style.css
Normal file
837
css/style.css
Normal file
|
|
@ -0,0 +1,837 @@
|
||||||
|
: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);
|
||||||
|
}
|
||||||
|
}
|
||||||
54
js/menu.js
Normal file
54
js/menu.js
Normal file
|
|
@ -0,0 +1,54 @@
|
||||||
|
/* 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
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
2
js/moji.js
Normal file
2
js/moji.js
Normal file
|
|
@ -0,0 +1,2 @@
|
||||||
|
var mojis = ["(ノ・∀・)ノ︵ ┻━┻", "(⁎˃ᆺ˂)💦", "｡゜(｀Д´)゜｡", "(ノಠ益ಠ)ノ︵ ┻━┻", "ლ(ಠ益ಠლ", "(´;ω;｀)", "｡･ﾟ’(*/益＼*) ‘ﾟ･｡", "(╥ᆺ╥；)", "(◞‸◟；)", ".˚‧º·(ฅωฅ*)‧º·˚.", "(*ﾉω・*)💦", "( ◕ᴗ◕)っ✂╰⋃╯", "｡*ﾟ+.*.｡(っ ᐛ )っ✂╰⋃╯"]
|
||||||
|
document.getElementById("mojis").innerText = mojis[Math.floor(Math.random() * mojis.length)];
|
||||||
16
js/profile.js
Normal file
16
js/profile.js
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
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();
|
||||||
9
js/scrobble.js
Normal file
9
js/scrobble.js
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
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'];
|
||||||
|
});
|
||||||
3
js/soundbite.js
Normal file
3
js/soundbite.js
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
function playAudio(url) {
|
||||||
|
new Audio(url).play();
|
||||||
|
}
|
||||||
22
js/theme.js
Normal file
22
js/theme.js
Normal file
|
|
@ -0,0 +1,22 @@
|
||||||
|
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 = '/css/' + 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);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
3
music/mana.mp3
Normal file
3
music/mana.mp3
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
version https://git-lfs.github.com/spec/v1
|
||||||
|
oid sha256:2107461bfbc471409689b2745a58da92a63e725149c135065104f98da4c42ee1
|
||||||
|
size 8448
|
||||||
3
music/mya.mp3
Normal file
3
music/mya.mp3
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
version https://git-lfs.github.com/spec/v1
|
||||||
|
oid sha256:b60f13dd57041a7e42e34787da7128be754fbbdad821aeae8f1b91e59b6d50a0
|
||||||
|
size 6361
|
||||||
3
music/peachmoon.mp3
Normal file
3
music/peachmoon.mp3
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
version https://git-lfs.github.com/spec/v1
|
||||||
|
oid sha256:101d4fa4141900b14bd98adbf456ad91b9e6e142e4ae6791a851d2157015bc55
|
||||||
|
size 1940093
|
||||||
Loading…
Add table
Reference in a new issue