pinapelz.moe - u found it

From ef9a5008f78fa40e5d9a07330e53c1de3906d38e Mon Sep 17 00:00:00 2001 From: Pinapelz Date: Wed, 16 Oct 2024 13:44:21 -0700 Subject: add blog rss feed to about --- about.html | 9 + index.html | 407 +++++++++++++++++++++++++------------------ styles/styles.css | 502 ++++++++++++++++++++++++++---------------------------- 3 files changed, 497 insertions(+), 421 deletions(-) diff --git a/about.html b/about.html index 78a436d..cc5506d 100644 --- a/about.html +++ b/about.html @@ -130,6 +130,15 @@ +

+ +

+

diff --git a/index.html b/index.html index f197fdd..b6b7a9a 100644 --- a/index.html +++ b/index.html @@ -1,172 +1,253 @@ - + - - - - pinapelz.moe - u found it - - - - - - - - - - -

- -

-

Navigation

-

-

Cute Anime GIF

+ + + pinapelz.moe - u found it + + + + + + + + + + +

+ +

+

Navigation

+

+

Cute Anime GIF

-

-

Contact Me

-

idk maybe you need to reach me for some reason

-

- Email: - pinapelz@moekyun.me -
X: @pinapelz
- Misskey: - @pinapelz@mk.arks.cafe -
Discord: @pinapelz

-

-

-

-

-

-

- -

-

-

+

+

Contact Me

+

idk maybe you need to reach me for some reason

+

+ Email: + pinapelz@moekyun.me +
+ X: @pinapelz +
+ Misskey: + @pinapelz@mk.arks.cafe +
Discord: @pinapelz

+

+

+

+

+

+

+ +

+

+

-

-

-

Welcome!

-

- Ahoy! Thanks for visiting! I thought the old Linktree - like site was pretty boring for a - .moe domain, so I took matters into my - own hands and "moeifyed" it! -

-

- Hope you enjoy your stay! - -

-

+

+

+

Welcome!

+

+ Ahoy! Thanks for visiting! I thought the + old Linktree like site was pretty boring for a + .moe domain, so I took + matters into my own hands and "moeifyed" it! +

+

+ Hope you enjoy your stay! + +

+

-

-

-

Patchwork Radio

-

-

-

Now Playing:

-

Loading... 123

-

plz be patient. radio might be down

- Powered by Patchwork Archive +

+

+

Patchwork Radio

+

+

+

Now Playing:

+

Loading... 123

+

+ plz be patient. radio might be down +

+ Powered by Patchwork Archive +

+

+

Patchwork Archive

+

Patchwork Archive

+

+ +

+

+

GitHub

+

+ nerdge programming
+ + open source stuff 🤓 +

+ github.com/pinapelz + +

+

+

Blog

+

+ random rambling
+ (sometimes technical stuff) +

+ + blog.pinapelz.com + +

+

+

Super Secret Link

+

+ mystery link for true vtuber degens
+ I'll change it from time to time +

+ + 🔒 https://moekyun.me/V8wPmz + +

+

-

-

Patchwork Archive

-

Patchwork Archive

-

- -

-

-

GitHub

-

nerdge programming
+ open source stuff 🤓

- github.com/pinapelz - -

- -

-

Blog

-

random rambling
- (sometimes technical stuff)

- - blog.pinapelz.com - -

-

-

Super Secret Link

-

mystery link for true vtuber degens
- I'll change it from time to time

- - 🔒 https://moekyun.me/V8wPmz - -

-

- -

-

+

+ + pinapelz.moe/ pinapelz.com / phase-tracker.com / + imisserinya.phase-tracker.com / patchwork.moekyun.me / + blog.pinapelz.com / signpost.pinapelz.com / + mojibaka.pinapelz.com / moekyun.me / + vtuber-captcha.moekyun.me / + - - pinapelz.moe/ pinapelz.com / phase-tracker.com / - imisserinya.phase-tracker.com / patchwork.moekyun.me / - blog.pinapelz.com / signpost.pinapelz.com / mojibaka.pinapelz.com / - moekyun.me / vtuber-captcha.moekyun.me / - - -

-

-

hit counter

- - -

-

- - \ No newline at end of file +

+

+

hit counter

+

+

+ + diff --git a/styles/styles.css b/styles/styles.css index 29b14f0..00368ec 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -1,378 +1,365 @@ body { - background: url("bg.webp"); - background-size: 100px 100px, 100% 100%; - font-family: "Courier New", monospace; - color: #333; - background-color: pink; - cursor: url("cursor.gif"), auto; + background: url("bg.webp"); + background-size: + 100px 100px, + 100% 100%; + font-family: "Courier New", monospace; + color: #333; + background-color: pink; + cursor: url("cursor.gif"), auto; } .container { - width: 80%; - margin: 0 auto; - padding: 20px; - border-width: 10px; - border-style: solid; - border-image: url("border.webp") 9 fill round; - z-index: -999; + width: 80%; + margin: 0 auto; + padding: 20px; + border-width: 10px; + border-style: solid; + border-image: url("border.webp") 9 fill round; + z-index: -999; } .sidebar { - float: left; - width: 25%; - padding: 10px; - margin-top: 30px; - border: solid #ffb6c1 2px; - background: #ffe4e1; - text-align: center; + float: left; + width: 25%; + padding: 10px; + margin-top: 30px; + border: solid #ffb6c1 2px; + background: #ffe4e1; + text-align: center; } .sidebar ul { - list-style-type: none; - padding: 0; - margin: 0; - text-align: center; + list-style-type: none; + padding: 0; + margin: 0; + text-align: center; } .sidebar ul li { - margin-bottom: 2px; + margin-bottom: 2px; } .sidebar ul li a { - color: #ff69b4; - text-decoration: none; + color: #ff69b4; + text-decoration: none; } .sidebar ul li a:hover { - text-decoration: underline; + text-decoration: underline; } .content { - float: right; - width: 70%; - padding: 10px; + float: right; + width: 70%; + padding: 10px; } .footer { - clear: both; - text-align: center; - padding-top: 30px; - margin-top: 20px; - font-size: 0.8em; + clear: both; + text-align: center; + padding-top: 30px; + margin-top: 20px; + font-size: 0.8em; } a { - color: #ff69b4; - text-decoration: none; + color: #ff69b4; + text-decoration: none; } a:hover { - text-decoration: underline; + text-decoration: underline; } .glitter { - color: #ff69b4; - font-weight: bold; - animation: glitter 3s infinite alternate; + color: #ff69b4; + font-weight: bold; + animation: glitter 3s infinite alternate; } @keyframes glitter { - 0% { - color: #ff69b4; - } - 25% { - color: #ff1493; - } - 50% { - color: #db7093; - } - 75% { - color: #ff69b4; - } - 100% { - color: #ffa07a; - } + 0% { + color: #ff69b4; + } + 25% { + color: #ff1493; + } + 50% { + color: #db7093; + } + 75% { + color: #ff69b4; + } + 100% { + color: #ffa07a; + } } .border-img { - max-width: 100%; - border: solid #ff69b4 2px; + max-width: 100%; + border: solid #ff69b4 2px; } marquee { - font-size: 1.2em; - color: #ff69b4; - margin-bottom: 10px; + font-size: 1.2em; + color: #ff69b4; + margin-bottom: 10px; } blink { - color: #ff1493; - animation: blinker 1.5s linear infinite; + color: #ff1493; + animation: blinker 1.5s linear infinite; } @keyframes blinker { - 50% { - opacity: 0; - } + 50% { + opacity: 0; + } } .welcome-box { - border-style: dashed; - border: 2px dashed #ff69b4; - padding: 20px; + border-style: dashed; + border: 2px dashed #ff69b4; + padding: 20px; } .general-section { - margin-top: 20px; - padding: 10px; - background: #ffebf0; - border: solid #ffb6c1 2px; - display: flex; - flex-direction: row; - justify-content: space-between; + margin-top: 20px; + padding: 10px; + background: #ffebf0; + border: solid #ffb6c1 2px; + display: flex; + flex-direction: row; + justify-content: space-between; } .general-section h3 { - color: #ff69b4; - text-shadow: 1px 1px 2px #fff; + color: #ff69b4; + text-shadow: 1px 1px 2px #fff; } .general-section ul { - list-style-type: disc; - padding-left: 20px; - flex: 1; + list-style-type: disc; + padding-left: 20px; + flex: 1; } .general-section ul li { - margin-bottom: 10px; + margin-bottom: 10px; } .contacts-section { - margin-top: 20px; - padding: 10px; - background: #ffe4e1; - border: solid #ffb6c1 2px; + margin-top: 20px; + padding: 10px; + background: #ffe4e1; + border: solid #ffb6c1 2px; } .contacts-section h3 { - color: #ff69b4; - text-shadow: 1px 1px 2px #fff; + color: #ff69b4; + text-shadow: 1px 1px 2px #fff; } .contacts-section ul { - list-style-type: none; - padding: 0; + list-style-type: none; + padding: 0; } .contacts-section ul li { - margin-bottom: 5px; + margin-bottom: 5px; } .discord-status { - display: flex; - align-items: center; - padding: 15px; - border-radius: 10px; - color: white; - transition: background-color 0.3s ease-in-out; - margin-top: 20px; - margin-bottom: 10px; - background: #7289da; + display: flex; + align-items: center; + padding: 15px; + border-radius: 10px; + color: white; + transition: background-color 0.3s ease-in-out; + margin-top: 20px; + margin-bottom: 10px; + background: #7289da; } .discord-status img { - width: 50px; - height: 50px; - border-radius: 50%; - margin-right: 20px; + width: 50px; + height: 50px; + border-radius: 50%; + margin-right: 20px; } .discord-status h2 { - font-size: 1.2rem; + font-size: 1.2rem; } .discord-status p { - font-size: 1rem; - opacity: 0.8; + font-size: 1rem; + opacity: 0.8; } @keyframes crazy-animation { - 0% { - transform: rotate(0deg) scale(1) translateX(0) skew(0deg) rotateY(0deg); - filter: hue-rotate(0deg) blur(0px); - opacity: 1; - } - 10% { - transform: rotate(30deg) scale(1.3) translateX(10px) skew(10deg) - rotateY(90deg); - filter: hue-rotate(50deg) blur(2px); - opacity: 0.8; - } - 25% { - transform: rotate(45deg) scale(1.5) translateX(20px) skew(-10deg) - rotateY(180deg); - filter: hue-rotate(120deg) blur(4px); - opacity: 0.6; - } - 50% { - transform: rotate(-45deg) scale(0.8) translateX(-30px) skew(15deg) - rotateY(270deg); - filter: hue-rotate(200deg) blur(6px); - opacity: 1; - } - 75% { - transform: rotate(90deg) scale(1.8) translateX(15px) skew(-15deg) - rotateY(360deg); - filter: hue-rotate(300deg) blur(3px); - opacity: 0.7; - } - 100% { - transform: rotate(0deg) scale(1) translateX(0) skew(0deg) rotateY(0deg); - filter: hue-rotate(360deg) blur(0px); - opacity: 1; - } + 0% { + transform: rotate(0deg) scale(1) translateX(0) skew(0deg) rotateY(0deg); + filter: hue-rotate(0deg) blur(0px); + opacity: 1; + } + 10% { + transform: rotate(30deg) scale(1.3) translateX(10px) skew(10deg) + rotateY(90deg); + filter: hue-rotate(50deg) blur(2px); + opacity: 0.8; + } + 25% { + transform: rotate(45deg) scale(1.5) translateX(20px) skew(-10deg) + rotateY(180deg); + filter: hue-rotate(120deg) blur(4px); + opacity: 0.6; + } + 50% { + transform: rotate(-45deg) scale(0.8) translateX(-30px) skew(15deg) + rotateY(270deg); + filter: hue-rotate(200deg) blur(6px); + opacity: 1; + } + 75% { + transform: rotate(90deg) scale(1.8) translateX(15px) skew(-15deg) + rotateY(360deg); + filter: hue-rotate(300deg) blur(3px); + opacity: 0.7; + } + 100% { + transform: rotate(0deg) scale(1) translateX(0) skew(0deg) rotateY(0deg); + filter: hue-rotate(360deg) blur(0px); + opacity: 1; + } } .crazy-image:hover { - animation: crazy-animation 3s ease-in-out infinite; + animation: crazy-animation 3s ease-in-out infinite; } .fullscreen-text { - top: 0; - left: 0; - color: black; - display: flex; - justify-content: center; - align-items: center; - font-size: 2em; - opacity: 0; - visibility: hidden; - transition: opacity 0.5s, visibility 0.5s; - z-index: 10; + top: 0; + left: 0; + color: black; + display: flex; + justify-content: center; + align-items: center; + font-size: 2em; + opacity: 0; + visibility: hidden; + transition: + opacity 0.5s, + visibility 0.5s; + z-index: 10; } .crazy-image:hover + .fullscreen-text { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } @media (max-width: 1024px) { - .container { - width: 90%; - } - - .main-content { - flex-direction: column; - } - .general-section { - flex-direction: column; - align-items: center; - } + .container { + width: 90%; + } - .general-section ul { - padding-left: 0; - } + .main-content { + flex-direction: column; + } - .sidebar, - .content { - width: 100%; - } + .sidebar, + .content { + width: 100%; + } } /* Media Queries for Mobile Devices */ @media (max-width: 768px) { - .container { - width: 100%; - padding: 10px; - } - .sidebar, - .content { - float: none; - width: 100%; - margin-top: 10px; - } - .header { - font-size: 1.5em; - } - .footer { - font-size: 0.7em; - } - .discord-status { - flex-direction: column; - align-items: flex-start; - } - .discord-status img { - margin-right: 0; - margin-bottom: 10px; - } - .discord-status h2 { - font-size: 1rem; - } - .discord-status p { - font-size: 0.9rem; - } + .container { + width: 100%; + padding: 10px; + } + .sidebar, + .content { + float: none; + width: 100%; + margin-top: 10px; + } + .header { + font-size: 1.5em; + } + .footer { + font-size: 0.7em; + } + .discord-status { + flex-direction: column; + align-items: flex-start; + } + .discord-status img { + margin-right: 0; + margin-bottom: 10px; + } + .discord-status h2 { + font-size: 1rem; + } + .discord-status p { + font-size: 0.9rem; + } } .center { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - text-align: center; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + text-align: center; } .music-player { - - margin-top: 20px; - padding: 10px; - background: #ffebf0; - border: dotted #ffb6c1 2px; - display: inline-block; - vertical-align: top; -} -.general-section { - flex-direction: column; - align-items: center; + margin-top: 20px; + padding: 10px; + background: #ffebf0; + border: dotted #ffb6c1 2px; + display: inline-block; + vertical-align: top; } -.general-section ul { - padding-left: 0; -} .music-player h3 { - color: #ff69b4; - text-shadow: 1px 1px 2px #fff; - margin-bottom: 10px; - text-align: center; + color: #ff69b4; + text-shadow: 1px 1px 2px #fff; + margin-bottom: 10px; + text-align: center; } .music-player audio { - width: 100%; + width: 100%; } .now-playing { - margin-top: 10px; - padding: 10px; - text-align: center; + margin-top: 10px; + padding: 10px; + text-align: center; } .now-playing h4 { - margin: 0; - font-size: 1.2em; + margin: 0; + font-size: 1.2em; } .now-playing p { - margin: 5px 0; + margin: 5px 0; } - - - .header { position: relative; text-align: center; font-size: 2em; color: #ff69b4; - text-shadow: 1px 1px 2px #fff, 2px 2px 4px #ffa07a; + text-shadow: + 1px 1px 2px #fff, + 2px 2px 4px #ffa07a; animation: glitter 3s infinite alternate; overflow: hidden; - } - - .header-content { +} + +.header-content { position: relative; z-index: 1; - } - - .header-animation { +} + +.header-animation { position: absolute; top: 0; left: 0; @@ -380,31 +367,30 @@ blink { height: 100%; pointer-events: none; z-index: -997; - } - - .header-animation img { +} + +.header-animation img { position: absolute; width: 50px; height: 50px; opacity: 0.8; animation: float 5s infinite ease-in-out; - } - - - @keyframes float { +} + +@keyframes float { 0% { - transform: translateY(0); + transform: translateY(0); } 50% { - transform: translateY(-40px); + transform: translateY(-40px); } 100% { - transform: translateY(0); + transform: translateY(0); } - } - - marquee { +} + +marquee { font-size: 1.2em; color: #ff69b4; margin-bottom: 10px; - } \ No newline at end of file +} -- cgit v1.2.3