From 742a152f6679b4cfd73bb0a2d6949bd42cb312af Mon Sep 17 00:00:00 2001 From: Pinapelz Date: Fri, 24 Oct 2025 01:23:43 -0700 Subject: adjust filepath for new nekoweb routing --- styles/bg.webp | Bin 19612 -> 0 bytes styles/border.webp | Bin 534 -> 0 bytes styles/clock.css | 43 ------ styles/projects.css | 76 ---------- styles/styles.css | 402 ---------------------------------------------------- 5 files changed, 521 deletions(-) delete mode 100644 styles/bg.webp delete mode 100644 styles/border.webp delete mode 100644 styles/clock.css delete mode 100644 styles/projects.css delete mode 100644 styles/styles.css (limited to 'styles') diff --git a/styles/bg.webp b/styles/bg.webp deleted file mode 100644 index 3ed366d..0000000 Binary files a/styles/bg.webp and /dev/null differ diff --git a/styles/border.webp b/styles/border.webp deleted file mode 100644 index 14dca4d..0000000 Binary files a/styles/border.webp and /dev/null differ diff --git a/styles/clock.css b/styles/clock.css deleted file mode 100644 index a69c22c..0000000 --- a/styles/clock.css +++ /dev/null @@ -1,43 +0,0 @@ -.clock-widget { - font-size: 2em; - color: #ff69b4; - text-align: center; - margin-top: 20px; - padding: 20px; - border: 2px dashed #ff69b4; - background: #ffe4e1; - border-radius: 15px; - box-shadow: 0 0 10px rgba(255, 105, 180, 0.5); - position: relative; - overflow: hidden; - animation: glitter 3s infinite alternate; - border-width:20px; - padding:10px; - border-style:solid; - border-image: url("https://foollovers.com/mat/plate/pl035-plate-j03.gif") 55 fill round; -} - -.clock-widget::before { - content: ''; - position: absolute; - top: -50%; - left: -50%; - width: 200%; - height: 200%; - background: linear-gradient(135deg, rgba(255, 105, 180, 0.2), rgba(255, 228, 225, 0.2)); - animation: rotate 6s linear infinite; -} - -.clock-widget span { - position: relative; - z-index: 1; -} - -@keyframes rotate { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(360deg); - } -} \ No newline at end of file diff --git a/styles/projects.css b/styles/projects.css deleted file mode 100644 index 5b00204..0000000 --- a/styles/projects.css +++ /dev/null @@ -1,76 +0,0 @@ -.projects-section { - margin-top: 20px; - padding: 10px; - background: #ffebf0; - border: solid #ffb6c1 2px; -} -.projects-section h3 { - color: #ff69b4; - text-shadow: 1px 1px 2px #fff; -} -.projects-section ul { - list-style-type: disc; - padding-left: 20px; -} -.projects-section ul li { - margin-bottom: 10px; -} - -.projects-section .image-container { - display: flex; - flex-wrap: wrap; - gap: 10px; -} -.projects-section .image-container img { - max-width: 100%; - height: auto; - cursor: pointer; - transition: transform 0.2s; -} -.projects-section .image-container img:hover { - transform: scale(1.05); -} - -.fullscreen-img { - display: none; - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.9); - justify-content: center; - align-items: center; - z-index: 1000; -} -.fullscreen-img img { - max-width: 90%; - max-height: 90%; -} - -@media (max-width: 768px) { - .projects-section { - padding: 5px; - } - - .projects-section h3 { - font-size: 1.5em; - } - - .projects-section ul { - padding-left: 10px; - } - - .projects-section ul li { - margin-bottom: 5px; - } - - .projects-section .image-container { - flex-direction: column; - align-items: center; - } - .projects-section .image-container img { - width: 100%; - height: auto; - } -} \ No newline at end of file diff --git a/styles/styles.css b/styles/styles.css deleted file mode 100644 index 005472e..0000000 --- a/styles/styles.css +++ /dev/null @@ -1,402 +0,0 @@ -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; -} -.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; -} - -.sidebar { - 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; -} - -.sidebar ul li { - margin-bottom: 2px; -} - -.sidebar ul li a { - color: #ff69b4; - text-decoration: none; -} - -.sidebar ul li a:hover { - text-decoration: underline; -} - -.content { - float: right; - width: 70%; - padding: 10px; -} -.footer { - clear: both; - text-align: center; - padding-top: 30px; - margin-top: 20px; - font-size: 0.8em; -} -a { - color: #ff69b4; - text-decoration: none; -} -a:hover { - text-decoration: underline; -} -.glitter { - 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; - } -} - -.border-img { - max-width: 100%; - border: solid #ff69b4 2px; -} - -marquee { - font-size: 1.2em; - color: #ff69b4; - margin-bottom: 10px; -} - -blink { - color: #ff1493; - animation: blinker 1.5s linear infinite; -} -@keyframes blinker { - 50% { - opacity: 0; - } -} - -.welcome-box { - 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; -} - -.general-section h3 { - color: #ff69b4; - text-shadow: 1px 1px 2px #fff; -} - -.general-section ul { - list-style-type: disc; - padding-left: 20px; - flex: 1; -} - -.general-section ul li { - margin-bottom: 10px; -} - -.contacts-section { - margin-top: 20px; - padding: 10px; - background: #ffe4e1; - border: solid #ffb6c1 2px; -} -.contacts-section h3 { - color: #ff69b4; - text-shadow: 1px 1px 2px #fff; -} -.contacts-section ul { - list-style-type: none; - padding: 0; -} -.contacts-section ul li { - 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; -} - -.discord-status img { - width: 50px; - height: 50px; - border-radius: 50%; - margin-right: 20px; -} - -.discord-status h2 { - font-size: 1.2rem; -} - -.discord-status p { - 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; - } -} - -.crazy-image:hover { - 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; -} - -.crazy-image:hover + .fullscreen-text { - opacity: 1; - visibility: visible; -} - -@media (max-width: 1024px) { - .container { - width: 90%; - } - - .main-content { - flex-direction: column; - } - - .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; - } -} - -.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; -} - -.music-player h3 { - color: #ff69b4; - text-shadow: 1px 1px 2px #fff; - margin-bottom: 10px; - text-align: center; -} - -.music-player audio { - width: 100%; -} - -.now-playing { - margin-top: 10px; - padding: 10px; - text-align: center; -} - -.now-playing h4 { - margin: 0; - font-size: 1.2em; -} - -.now-playing p { - margin: 5px 0; -} - -.header { - position: relative; - text-align: center; - font-size: 2em; - color: #ff69b4; - text-shadow: - 1px 1px 2px #fff, - 2px 2px 4px #ffa07a; - animation: glitter 3s infinite alternate; - overflow: hidden; -} - -.header-content { - position: relative; - z-index: 1; -} - -.header-animation { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - pointer-events: none; - z-index: -997; -} - -.header-animation img { - position: absolute; - width: 50px; - height: 50px; - opacity: 0.8; - animation: float 5s infinite ease-in-out; -} - -@keyframes float { - 0% { - transform: translateY(0); - } - 50% { - transform: translateY(-40px); - } - 100% { - transform: translateY(0); - } -} - -.random-image-container { - display: flex; - justify-content: center; - align-items: center; -} - -.random-image-container img { - max-width: 100%; - height: auto; - display: block; -} \ No newline at end of file -- cgit v1.2.3