commit 715fa3528de0f5a7ec3acfb8fbff68c812095270 Author: Purplebored Date: Thu Sep 14 23:51:57 2023 +0200 Initial Commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..485dee6 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.idea diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md new file mode 100644 index 0000000..caf5ad6 --- /dev/null +++ b/CONTRIBUTING.md @@ -0,0 +1,33 @@ +--- + +## Contributing + +Thank you for considering contributing to this project! If you find a typo or a bug, or if you have an idea for an improvement, we welcome your contributions. To ensure a smooth and collaborative process, please follow these guidelines: + +### Bug Reports and Feature Requests + +If you encounter a bug or have a feature request, please submit an issue on the [issue tracker](link-to-issue-tracker) with a clear and descriptive title and description. Include steps to reproduce the issue or a detailed explanation of the requested feature. + +### Pull Requests + +If you'd like to contribute code to fix a bug or implement a feature: + +1. Fork the repository and create your branch from `main`. +2. Ensure your code adheres to the project's coding conventions and style guide. +3. Include any necessary tests for your changes. +4. Make sure all existing tests pass successfully. +5. Submit a pull request describing the changes you've made. Provide a clear and concise explanation of the problem you're solving and the approach you've taken. + +### Quick Guide to Contributing + +1. Fork the repository and clone it to your local machine. +2. Install the dependencies outlined in the installation instructions. +3. Make your changes, following the coding conventions and guidelines. +4. Run the tests and ensure they pass without any failures. +5. Commit your changes with descriptive commit messages. +6. Push your changes to your forked repository. +7. Submit a pull request to the main repository, explaining the purpose and details of your changes. + +I appreciate your interest in contributing to my small website! Your contributions will be reviewed and, if accepted, merged into the main codebase. + +--- \ No newline at end of file diff --git a/README.txt b/README.txt new file mode 100644 index 0000000..8ef1f2a --- /dev/null +++ b/README.txt @@ -0,0 +1,44 @@ +-------------- +purplebored.pl +-------------- +Welcome to my personal website, located at https://purplebored.pl/ +This is a simple and goofy website that serves as my personal space on the internet. + +My Sites: +---------- +- Subdomain: cat.purplebored.pl + - A fun and simple website featuring random cat pictures! [Outdated] +- Subdomain: neko.purplebored.pl + - A clean and pleasant website with neko pictures, similar to the cat site. + +Catalog of Main Sites: +---------------------- +- Main Site: +https://purplebored.pl/ + +Contributing +------------ +Please read the contribution guidelines which are located in the "CONTRIBUTING.md" file before making any contributions to this project. + +License Information +------------------- +Licensed under the Apache License, Version 2.0 (the "License"); +you may not use this file except in compliance with the License. +You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software +distributed under the License is distributed on an "AS IS" BASIS, +WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +See the License for the specific language governing permissions and +limitations under the License. + +FAQ: +Q:Was this site written by AI? +A:Short answer no. Long answer somewhat i did used AI to write most of these comments and i did use AI to do some of the things like CSS but i wrote most of the site myself. +|------------------------------------------------------------------------| +| | +|This readme was almost fully written by AmiGGo Chatbot on gg.pl | +| | +|------------------------------------------------------------------------| diff --git a/assets/code.svg b/assets/code.svg new file mode 100644 index 0000000..834f553 --- /dev/null +++ b/assets/code.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/assets/codeberg.svg b/assets/codeberg.svg new file mode 100644 index 0000000..f2e4f47 --- /dev/null +++ b/assets/codeberg.svg @@ -0,0 +1,7 @@ + + \ No newline at end of file diff --git a/assets/discord.svg b/assets/discord.svg new file mode 100644 index 0000000..eca3bd3 --- /dev/null +++ b/assets/discord.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/assets/email.svg b/assets/email.svg new file mode 100644 index 0000000..2586034 --- /dev/null +++ b/assets/email.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/assets/github.svg b/assets/github.svg new file mode 100644 index 0000000..f5f82ef --- /dev/null +++ b/assets/github.svg @@ -0,0 +1,7 @@ + + \ No newline at end of file diff --git a/assets/gitlab.svg b/assets/gitlab.svg new file mode 100644 index 0000000..d3a88ff --- /dev/null +++ b/assets/gitlab.svg @@ -0,0 +1,7 @@ + + \ No newline at end of file diff --git a/assets/mastodon.svg b/assets/mastodon.svg new file mode 100644 index 0000000..0f83ccf --- /dev/null +++ b/assets/mastodon.svg @@ -0,0 +1,7 @@ + + \ No newline at end of file diff --git a/assets/matrix.svg b/assets/matrix.svg new file mode 100644 index 0000000..31429c7 --- /dev/null +++ b/assets/matrix.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/pfp.jpg b/assets/pfp.jpg new file mode 100644 index 0000000..c7b39a0 Binary files /dev/null and b/assets/pfp.jpg differ diff --git a/easteregg/1.css b/easteregg/1.css new file mode 100644 index 0000000..7705ed4 --- /dev/null +++ b/easteregg/1.css @@ -0,0 +1,32 @@ +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; + } \ No newline at end of file diff --git a/easteregg/1.html b/easteregg/1.html new file mode 100644 index 0000000..d36f5a8 --- /dev/null +++ b/easteregg/1.html @@ -0,0 +1,20 @@ + + + + + + + You found it #1 + + + +
+

Click anywhere to unmute

+
+ + + + + \ No newline at end of file diff --git a/easteregg/1.js b/easteregg/1.js new file mode 100644 index 0000000..040634b --- /dev/null +++ b/easteregg/1.js @@ -0,0 +1,10 @@ +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"; + }); + }); \ No newline at end of file diff --git a/easteregg/1.mp4 b/easteregg/1.mp4 new file mode 100644 index 0000000..1de6e7e Binary files /dev/null and b/easteregg/1.mp4 differ diff --git a/easteregg/1.png b/easteregg/1.png new file mode 100644 index 0000000..9c5dae3 Binary files /dev/null and b/easteregg/1.png differ diff --git a/fish.png b/fish.png new file mode 100644 index 0000000..c4f63b7 Binary files /dev/null and b/fish.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..c327d3b --- /dev/null +++ b/index.html @@ -0,0 +1,81 @@ + + + + + + + + + + + + + + + + + Niko :3 + + + + + + + + +
+ + + +

Hi, I'm Niko...

+
+
+ +
+

About Me

+

Hi, I am Niko. I currently live in Poland, and I am passionate about web development. I am currently learning HTML, JS, and CSS, and I have plans to expand my knowledge in the future. Some of my future interests include diving deeper into Linux servers, learning Go, and exploring many more exciting things. I'm enthusiastic about this journey and eager to explore the vast possibilities in the world of technology!

+

My Skills

+

Currently, I am learning JavaScript, but I do have some experience in making Discord bots using discord.js@13.

+

My Projects

+ +

Contact me

+

You can email me if you want at "purplebored@airmail.cc" or "n1kapl@protonmail.com"!

+
+
+ + + + + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..a3eceaf --- /dev/null +++ b/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/styles.css b/styles.css new file mode 100644 index 0000000..35dfa0a --- /dev/null +++ b/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