diff --git a/old/assets/code.svg b/old/assets/code.svg new file mode 100644 index 0000000..834f553 --- /dev/null +++ b/old/assets/code.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/old/assets/codeberg.svg b/old/assets/codeberg.svg new file mode 100644 index 0000000..f2e4f47 --- /dev/null +++ b/old/assets/codeberg.svg @@ -0,0 +1,7 @@ + + \ No newline at end of file diff --git a/old/assets/discord.svg b/old/assets/discord.svg new file mode 100644 index 0000000..eca3bd3 --- /dev/null +++ b/old/assets/discord.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/old/assets/email.svg b/old/assets/email.svg new file mode 100644 index 0000000..2586034 --- /dev/null +++ b/old/assets/email.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/old/assets/github.svg b/old/assets/github.svg new file mode 100644 index 0000000..f5f82ef --- /dev/null +++ b/old/assets/github.svg @@ -0,0 +1,7 @@ + + \ No newline at end of file diff --git a/old/assets/gitlab.svg b/old/assets/gitlab.svg new file mode 100644 index 0000000..d3a88ff --- /dev/null +++ b/old/assets/gitlab.svg @@ -0,0 +1,7 @@ + + \ No newline at end of file diff --git a/old/assets/mastodon.svg b/old/assets/mastodon.svg new file mode 100644 index 0000000..0f83ccf --- /dev/null +++ b/old/assets/mastodon.svg @@ -0,0 +1,7 @@ + + \ No newline at end of file diff --git a/old/assets/matrix.svg b/old/assets/matrix.svg new file mode 100644 index 0000000..31429c7 --- /dev/null +++ b/old/assets/matrix.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/old/assets/pfp.jpg b/old/assets/pfp.jpg new file mode 100644 index 0000000..c7b39a0 Binary files /dev/null and b/old/assets/pfp.jpg differ diff --git a/old/easteregg/1.css b/old/easteregg/1.css new file mode 100644 index 0000000..ee73656 --- /dev/null +++ b/old/easteregg/1.css @@ -0,0 +1,33 @@ +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/old/easteregg/1.html b/old/easteregg/1.html new file mode 100644 index 0000000..ed95e63 --- /dev/null +++ b/old/easteregg/1.html @@ -0,0 +1,21 @@ + + + + + + + You found it #1 + + + +
+

Click anywhere to unmute

+
+ + + + + + \ No newline at end of file diff --git a/old/easteregg/1.js b/old/easteregg/1.js new file mode 100644 index 0000000..6939e83 --- /dev/null +++ b/old/easteregg/1.js @@ -0,0 +1,11 @@ +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/old/easteregg/1.mp4 b/old/easteregg/1.mp4 new file mode 100644 index 0000000..1de6e7e Binary files /dev/null and b/old/easteregg/1.mp4 differ diff --git a/old/easteregg/1.png b/old/easteregg/1.png new file mode 100644 index 0000000..9c5dae3 Binary files /dev/null and b/old/easteregg/1.png differ diff --git a/old/fish.png b/old/fish.png new file mode 100644 index 0000000..c4f63b7 Binary files /dev/null and b/old/fish.png differ diff --git a/old/fonts/JetBrainsMono-Italic-VariableFont_wght.ttf b/old/fonts/JetBrainsMono-Italic-VariableFont_wght.ttf new file mode 100644 index 0000000..914e323 Binary files /dev/null and b/old/fonts/JetBrainsMono-Italic-VariableFont_wght.ttf differ diff --git a/old/fonts/JetBrainsMono-VariableFont_wght.ttf b/old/fonts/JetBrainsMono-VariableFont_wght.ttf new file mode 100644 index 0000000..d73994a Binary files /dev/null and b/old/fonts/JetBrainsMono-VariableFont_wght.ttf differ diff --git a/old/fonts/JetBrainsMono[wght].ttf b/old/fonts/JetBrainsMono[wght].ttf new file mode 100644 index 0000000..b60e77f Binary files /dev/null and b/old/fonts/JetBrainsMono[wght].ttf differ diff --git a/old/fonts/Mona-Sans.ttf b/old/fonts/Mona-Sans.ttf new file mode 100644 index 0000000..446c86d Binary files /dev/null and b/old/fonts/Mona-Sans.ttf differ diff --git a/old/fonts/PixelNES.ttf b/old/fonts/PixelNES.ttf new file mode 100644 index 0000000..b200219 Binary files /dev/null and b/old/fonts/PixelNES.ttf differ diff --git a/old/fonts/Pixel_NES.eot b/old/fonts/Pixel_NES.eot new file mode 100644 index 0000000..6105e67 Binary files /dev/null and b/old/fonts/Pixel_NES.eot differ diff --git a/old/fonts/Pixel_NES.svg b/old/fonts/Pixel_NES.svg new file mode 100644 index 0000000..b0e90ac --- /dev/null +++ b/old/fonts/Pixel_NES.svg @@ -0,0 +1,455 @@ + + + + +Created by FontForge 20110222 at Thu Oct 31 05:10:14 2013 + By www-data +Pixel NES (c) (Neale Davidson). 2011. All Rights Reserved + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/old/fonts/Pixel_NES.woff b/old/fonts/Pixel_NES.woff new file mode 100644 index 0000000..4d3cc5d Binary files /dev/null and b/old/fonts/Pixel_NES.woff differ diff --git a/old/fonts/static/JetBrainsMono-Bold.ttf b/old/fonts/static/JetBrainsMono-Bold.ttf new file mode 100644 index 0000000..b748437 Binary files /dev/null and b/old/fonts/static/JetBrainsMono-Bold.ttf differ diff --git a/old/fonts/static/JetBrainsMono-BoldItalic.ttf b/old/fonts/static/JetBrainsMono-BoldItalic.ttf new file mode 100644 index 0000000..0091142 Binary files /dev/null and b/old/fonts/static/JetBrainsMono-BoldItalic.ttf differ diff --git a/old/fonts/static/JetBrainsMono-ExtraBold.ttf b/old/fonts/static/JetBrainsMono-ExtraBold.ttf new file mode 100644 index 0000000..88eab2f Binary files /dev/null and b/old/fonts/static/JetBrainsMono-ExtraBold.ttf differ diff --git a/old/fonts/static/JetBrainsMono-ExtraBoldItalic.ttf b/old/fonts/static/JetBrainsMono-ExtraBoldItalic.ttf new file mode 100644 index 0000000..85e67db Binary files /dev/null and b/old/fonts/static/JetBrainsMono-ExtraBoldItalic.ttf differ diff --git a/old/fonts/static/JetBrainsMono-ExtraLight.ttf b/old/fonts/static/JetBrainsMono-ExtraLight.ttf new file mode 100644 index 0000000..1f73714 Binary files /dev/null and b/old/fonts/static/JetBrainsMono-ExtraLight.ttf differ diff --git a/old/fonts/static/JetBrainsMono-ExtraLightItalic.ttf b/old/fonts/static/JetBrainsMono-ExtraLightItalic.ttf new file mode 100644 index 0000000..745b58e Binary files /dev/null and b/old/fonts/static/JetBrainsMono-ExtraLightItalic.ttf differ diff --git a/old/fonts/static/JetBrainsMono-Italic.ttf b/old/fonts/static/JetBrainsMono-Italic.ttf new file mode 100644 index 0000000..5b484dd Binary files /dev/null and b/old/fonts/static/JetBrainsMono-Italic.ttf differ diff --git a/old/fonts/static/JetBrainsMono-Light.ttf b/old/fonts/static/JetBrainsMono-Light.ttf new file mode 100644 index 0000000..296186f Binary files /dev/null and b/old/fonts/static/JetBrainsMono-Light.ttf differ diff --git a/old/fonts/static/JetBrainsMono-LightItalic.ttf b/old/fonts/static/JetBrainsMono-LightItalic.ttf new file mode 100644 index 0000000..399ede7 Binary files /dev/null and b/old/fonts/static/JetBrainsMono-LightItalic.ttf differ diff --git a/old/fonts/static/JetBrainsMono-Medium.ttf b/old/fonts/static/JetBrainsMono-Medium.ttf new file mode 100644 index 0000000..ad31fbd Binary files /dev/null and b/old/fonts/static/JetBrainsMono-Medium.ttf differ diff --git a/old/fonts/static/JetBrainsMono-MediumItalic.ttf b/old/fonts/static/JetBrainsMono-MediumItalic.ttf new file mode 100644 index 0000000..4f499f2 Binary files /dev/null and b/old/fonts/static/JetBrainsMono-MediumItalic.ttf differ diff --git a/old/fonts/static/JetBrainsMono-Regular.ttf b/old/fonts/static/JetBrainsMono-Regular.ttf new file mode 100644 index 0000000..02bc07e Binary files /dev/null and b/old/fonts/static/JetBrainsMono-Regular.ttf differ diff --git a/old/fonts/static/JetBrainsMono-SemiBold.ttf b/old/fonts/static/JetBrainsMono-SemiBold.ttf new file mode 100644 index 0000000..c3adfd3 Binary files /dev/null and b/old/fonts/static/JetBrainsMono-SemiBold.ttf differ diff --git a/old/fonts/static/JetBrainsMono-SemiBoldItalic.ttf b/old/fonts/static/JetBrainsMono-SemiBoldItalic.ttf new file mode 100644 index 0000000..62d58ad Binary files /dev/null and b/old/fonts/static/JetBrainsMono-SemiBoldItalic.ttf differ diff --git a/old/fonts/static/JetBrainsMono-Thin.ttf b/old/fonts/static/JetBrainsMono-Thin.ttf new file mode 100644 index 0000000..6a6a556 Binary files /dev/null and b/old/fonts/static/JetBrainsMono-Thin.ttf differ diff --git a/old/fonts/static/JetBrainsMono-ThinItalic.ttf b/old/fonts/static/JetBrainsMono-ThinItalic.ttf new file mode 100644 index 0000000..33a23d7 Binary files /dev/null and b/old/fonts/static/JetBrainsMono-ThinItalic.ttf differ diff --git a/old/fonts/static/Pixel_NES.eot b/old/fonts/static/Pixel_NES.eot new file mode 100644 index 0000000..6105e67 Binary files /dev/null and b/old/fonts/static/Pixel_NES.eot differ diff --git a/old/fonts/static/Pixel_NES.ttf b/old/fonts/static/Pixel_NES.ttf new file mode 100644 index 0000000..b200219 Binary files /dev/null and b/old/fonts/static/Pixel_NES.ttf differ diff --git a/old/fonts/static/Pixel_NES.woff b/old/fonts/static/Pixel_NES.woff new file mode 100644 index 0000000..4d3cc5d Binary files /dev/null and b/old/fonts/static/Pixel_NES.woff differ diff --git a/old/index.html b/old/index.html new file mode 100644 index 0000000..bbe40e6 --- /dev/null +++ b/old/index.html @@ -0,0 +1,74 @@ + + + + + + + + + + + + + + + + + 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/old/script.js b/old/script.js new file mode 100644 index 0000000..a3eceaf --- /dev/null +++ b/old/script.js @@ -0,0 +1,49 @@ +// 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/old/styles.css b/old/styles.css new file mode 100644 index 0000000..35dfa0a --- /dev/null +++ b/old/styles.css @@ -0,0 +1,282 @@ +/* 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