diff --git a/assets/code.svg b/assets/code.svg deleted file mode 100644 index 834f553..0000000 --- a/assets/code.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - \ No newline at end of file diff --git a/assets/codeberg.svg b/assets/codeberg.svg deleted file mode 100644 index f2e4f47..0000000 --- a/assets/codeberg.svg +++ /dev/null @@ -1,7 +0,0 @@ - - \ No newline at end of file diff --git a/assets/discord.svg b/assets/discord.svg deleted file mode 100644 index eca3bd3..0000000 --- a/assets/discord.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - \ No newline at end of file diff --git a/assets/email.svg b/assets/email.svg deleted file mode 100644 index 2586034..0000000 --- a/assets/email.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - \ No newline at end of file diff --git a/assets/github.svg b/assets/github.svg deleted file mode 100644 index f5f82ef..0000000 --- a/assets/github.svg +++ /dev/null @@ -1,7 +0,0 @@ - - \ No newline at end of file diff --git a/assets/gitlab.svg b/assets/gitlab.svg deleted file mode 100644 index d3a88ff..0000000 --- a/assets/gitlab.svg +++ /dev/null @@ -1,7 +0,0 @@ - - \ No newline at end of file diff --git a/assets/mastodon.svg b/assets/mastodon.svg deleted file mode 100644 index 0f83ccf..0000000 --- a/assets/mastodon.svg +++ /dev/null @@ -1,7 +0,0 @@ - - \ No newline at end of file diff --git a/assets/matrix.svg b/assets/matrix.svg deleted file mode 100644 index 31429c7..0000000 --- a/assets/matrix.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/assets/pfp.jpg b/assets/pfp.jpg deleted file mode 100644 index c7b39a0..0000000 Binary files a/assets/pfp.jpg and /dev/null differ diff --git a/easteregg/1.css b/easteregg/1.css deleted file mode 100644 index ee73656..0000000 --- a/easteregg/1.css +++ /dev/null @@ -1,33 +0,0 @@ -html, body { - height: 100%; - margin: 0; - padding: 0; - overflow: hidden; - } - - video { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - object-fit: cover; - } - - .container { - position: relative; - z-index: 1; - text-align: center; - padding-top: 50px; - } - - #instruction { - position: fixed; - bottom: 20px; - left: 50%; - transform: translateX(-50%); - font-family: 'Noto Sans', sans-serif; - font-size: 24px; - color: white; - } -/* CSS code by Purplebored */ \ No newline at end of file diff --git a/easteregg/1.html b/easteregg/1.html deleted file mode 100644 index ed95e63..0000000 --- a/easteregg/1.html +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - - You found it #1 - - - -
-

Click anywhere to unmute

-
- - - - - - \ No newline at end of file diff --git a/easteregg/1.js b/easteregg/1.js deleted file mode 100644 index 6939e83..0000000 --- a/easteregg/1.js +++ /dev/null @@ -1,11 +0,0 @@ -document.addEventListener("DOMContentLoaded", function() { - var video = document.querySelector("video"); - var instruction = document.getElementById("instruction"); - - document.addEventListener("click", function() { - video.play(); - video.muted = false; - instruction.style.display = "none"; - }); - }); - // JS file by purplebored \ No newline at end of file diff --git a/easteregg/1.mp4 b/easteregg/1.mp4 deleted file mode 100644 index 1de6e7e..0000000 Binary files a/easteregg/1.mp4 and /dev/null differ diff --git a/easteregg/1.png b/easteregg/1.png deleted file mode 100644 index 9c5dae3..0000000 Binary files a/easteregg/1.png and /dev/null differ diff --git a/fish.png b/fish.png deleted file mode 100644 index c4f63b7..0000000 Binary files a/fish.png and /dev/null differ diff --git a/fonts/JetBrainsMono[wght].ttf b/fonts/JetBrainsMono[wght].ttf deleted file mode 100644 index b60e77f..0000000 Binary files a/fonts/JetBrainsMono[wght].ttf and /dev/null differ diff --git a/fonts/Mona-Sans.ttf b/fonts/Mona-Sans.ttf deleted file mode 100644 index 446c86d..0000000 Binary files a/fonts/Mona-Sans.ttf and /dev/null differ diff --git a/index.html b/index.html deleted file mode 100644 index bbe40e6..0000000 --- a/index.html +++ /dev/null @@ -1,74 +0,0 @@ - - - - - - - - - - - - - - - - - Niko :3 - - - - - - - - -
- - - -

Hi, I'm Niko...

-
-
- -
-

About Me

-

Hi i am Niko aka Purplebored i am Currently learning C# some Ruby and russian :D. I made this site for fun you can find the source code of it on my Github. I also host some stuff like a zerobin instance privatebin instance and linkstack instance!

-

My Skills

-

Baisc html and some Ruby and C# skills

-

My Projects

-
  • -

    Neko.purplebored.pl

    -

    A very cool site which uses the nekolife API.

    -

    Demo

    -

    neko.purplebored.pl Source Code

    -
  • - -

    Contact me

    -

    You can email me if you want at "n1ko@shitposting.expert"!

    -
    -
    - - - - - \ No newline at end of file diff --git a/script.js b/script.js deleted file mode 100644 index a3eceaf..0000000 --- a/script.js +++ /dev/null @@ -1,49 +0,0 @@ -// Dark mode toggle and autodetect code -const darkModeToggle = document.getElementById('darkModeToggle'); -const body = document.body; - -// Check user's preferred color scheme -const prefersDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches; - -// Apply the color mode based on users preference -if (prefersDarkMode) { - body.classList.add('dark-mode'); - darkModeToggle.textContent = '☀️ Toggle on Light Mode (Its Better trsut me)'; -} - -darkModeToggle.addEventListener('click', () => { - body.classList.toggle('dark-mode'); - - // Update button text to be worky worky - if (body.classList.contains('dark-mode')) { - darkModeToggle.textContent = '☀️ Toggle on Light Mode (Its Better trsut me)'; - } else { - darkModeToggle.textContent = '🌙 Toggle on Amoled Dark Mode'; - } -}); - -// Easter egg #1 -document.addEventListener('DOMContentLoaded', function() { - var easterEgg = document.getElementById('footer'); - - // Add a click event listener to the easter egg element - easterEgg.addEventListener('click', function() { - // Redirect to 1.html (easter egg) - window.location.href = 'easteregg/1.html'; - }); -}); - -// popup wip -document.addEventListener('DOMContentLoaded', function() { - setTimeout(function() { - var cookiePopup = document.getElementById('Popup'); - cookiePopup.style.display = 'block'; - }, 100); // Adjust the delay (in milliseconds) as per your preference -}); - -function closePopup() { - var cookiePopup = document.getElementById('Popup'); - cookiePopup.style.display = 'none'; -} - -// JS File by Purplebored. https://purplebored.pl \ No newline at end of file diff --git a/styles.css b/styles.css deleted file mode 100644 index 35dfa0a..0000000 --- a/styles.css +++ /dev/null @@ -1,282 +0,0 @@ -/* this css has been edited by so many ai things and me i am too scared too even touch it now lmao */ - -/* Set the font family, margin, padding, and background gradient for the body */ -body { - font-family: Arial, sans-serif; - margin: 0; - padding: 0; - background: linear-gradient(135deg, #aecbcf, #f5f5f5, #f0f0f0); - background-size: 200% 100%; - animation: gradient-animation 8s ease-in-out infinite; - min-height: 100vh; /* Ensure the body takes up at least the full viewport height */ - display: flex; - flex-direction: column; /* Arrange elements vertically */ - overflow-x: hidden; /* Hide horizontal scrollbar */ -} - -/* Define the keyframes for the gradient animation */ -@keyframes gradient-animation { - 0% { - background-position: 0% 50%; - } - 50% { - background-position: 100% 50%; - } - 100% { - background-position: 0% 50%; - } -} - -/* Customize the styles for the header */ -header { - background-color: transparent; - color: #fff; - padding: 20px; - text-align: center; -} - -/* Customize the styles for the main content area */ -main { - flex: 1; /* Allow the main content to grow and take remaining vertical space */ - padding: 20px; - text-align: center; -} - -/* Customize the styles for the frame */ -.frame { - display: inline-block; - padding: 10px; - border: 2px solid #000; - border-radius: 5px; - background-image: linear-gradient(45deg, #e2e2ff, #fff1e2, #e2e2ff); - background-size: 200% 200%; - animation: gradient-animation 4s ease-in-out infinite; -} - -/* Customize the styles for the heading */ -h2 { - margin-top: 30px; /* Adjust the spacing */ - font-family: 'Titillium Web', sans-serif; /* Use the same font as the animated text */ -} - -/* Customize the styles for the site footer */ -.site-footer { - background-color: transparent; - padding: 10px; - text-align: center; - width: 100%; - opacity: 0.9; - color: #000; /* Set the text color to black */ -} - -/* Customize the styles for the footer links */ -.footer-links { - list-style-type: none; - margin: 0; - padding: 0; -} - -.footer-links li { - display: inline; -} - -.footer-links a { - color: #000000; - text-decoration: none; - padding: 5px; -} - -.footer-links a:hover { - color: #302e2e; -} - -.icon { - width: 20px; - height: 20px; - margin-right: 5px; - vertical-align: middle; -} - -.footer-links a:hover { - color: #000; - background-color: rgba(0, 0, 0, 0.5); - border-radius: 5px; -} - -/* Define the keyframes for the dots animation */ -.dots-animation { - display: inline-block; - opacity: 0; - animation: dots-animation 1s steps(3) infinite; -} - -@keyframes dots-animation { - 0% { - opacity: 0; - } - 50% { - opacity: 1; - } - 100% { - opacity: 0; - } -} - -/* Customize the styles for the animated text */ -.animated-text { - font-size: 48px; - position: relative; - overflow: hidden; - white-space: nowrap; - font-family: 'Titillium Web', sans-serif; - color: #000; - /* Add frame styles */ - display: inline-block; - padding: 5px; - border: 2px solid #fff; - border-radius: 5px; - /* Add gradient animation styles */ - background-image: linear-gradient(45deg, #e2e2ff, #fff1e2, #e2e2ff); - background-size: 200% 200%; - animation: gradient-animation 4s ease-in-out infinite; -} - -/* Define the styles for dark mode */ -.dark-mode { - background: #000000; - color: #fff; -} - -.dark-mode header { - background-color: #080808; - color: #fff; -} - -.dark-mode main { - background-color: #080808; - color: #fff; -} - -.dark-mode .frame { - background-image: none; - border: 2px solid #ebd3d3; -} - -.dark-mode h2 { - color: #fff; -} - -.dark-mode .site-footer { - background-color: #080808; - color: #fff; -} - -.dark-mode .footer-links a { - color: #fff; -} - -.dark-mode .animated-text { - background-image: none; - background-color: #000000; - border-color: #fff; - color: #fff; -} - -/* Position the header and add a dark mode toggle button */ -header { - position: relative; -} - -#darkModeToggle { - position: absolute; - top: 10px; - right: 10px; - padding: 5px 10px; - border: none; - border-radius: 5px; - background-color: #4c2e72; - color: #000; - font-size: 16px; - font-weight: bold; - cursor: pointer; -} - -.project-button { - display: inline-block; - padding: 10px 20px; - background-color: #007bff; - color: #fff; - font-family: 'Titillium Web', sans-serif; - text-decoration: none; - border-radius: 4px; - transition: background-color 0.3s ease; -} - -.project-button:hover { - background-color: #0056b3; -} - -.popup { - display: none; - position: fixed; - bottom: 20px; - left: 50%; - transform: translateX(-50%); - background-color: #333; - color: #fff; - padding: 10px 20px; - border-radius: 8px; - box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); - z-index: 999; - font-family: 'Titillium', sans-serif; -} -.popup p { - margin: 0; - line-height: 1.5; -} -.popup a { - color: #007bff; - text-decoration: underline; -} -.popup button { - background-color: #007bff; - color: #fff; - border: none; - padding: 8px 16px; - border-radius: 4px; - cursor: pointer; - -} - -.project-list li h3 { - text-align: center; -} - -/* Remove list styles for the project list */ -.project-list { - list-style: none; - padding-left: 0; -} - -/* Add some spacing between projects */ -.project-list li { - margin-bottom: 20px; -} - -/* Add this CSS to remove the dots animation */ -.animated-text { - display: inline-block; - vertical-align: middle; -} - -.dots-animation { - display: none; -} - -/* Set the color of hyperlinks to a specific color */ -a { - color: #0000EE; /* Replace with the color you want */ - text-decoration: none; /* Optional: Removes underline on links */ -} - -/* CSS File by Purplebored. https://purplebored.pl. */ \ No newline at end of file