-
-
-
- =Purplebored=
+
+
+
+
+
+ =Stuff i use=
+
+
+
+
+
+
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.
- - -Contact me
-You can email me if you want at "n1ko@shitposting.expert"!
+ + + + + + + + + +
+ _____ _ _ _
+ | __ \ | | | | | |
+ | |__) | _ _ __ _ __ | | ___| |__ ___ _ __ ___ __| |
+ | ___/ | | | '__| '_ \| |/ _ \ '_ \ / _ \| '__/ _ \/ _` |
+ | | | |_| | | | |_) | | __/ |_) | (_) | | | __/ (_| |
+ |_| \__,_|_| | .__/|_|\___|_.__/ \___/|_| \___|\__,_|
+ | |
+ |_|
+
+
+
+
-
-
-
-
+
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/old b/old
new file mode 160000
index 0000000..f3b3b20
--- /dev/null
+++ b/old
@@ -0,0 +1 @@
+Subproject commit f3b3b20fed5502ba4ae611f850886dbb1e515939
diff --git a/script.js b/script.js
index a3eceaf..b716527 100644
--- a/script.js
+++ b/script.js
@@ -1,49 +1,16 @@
-// 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)';
+// Time Widget.
+function updateTime() {
+ const now = new Date();
+ const options = {
+ timeZone: 'Europe/Warsaw',
+ hour: 'numeric',
+ minute: 'numeric',
+ second: 'numeric',
+ hour12: false
+ };
+ const timeString = now.toLocaleTimeString('en-US', options);
+ document.getElementById('time').textContent = timeString;
}
-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
+updateTime();
+setInterval(updateTime, 1000);
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..88e9b06
--- /dev/null
+++ b/style.css
@@ -0,0 +1,92 @@
+body {background-color: #000;}
+/* Ascii logo */
+.ascii-logo {
+ font-family: monospace;
+ white-space: pre;
+ color: #a57ae9;
+ top: 50px;
+}
+/* End of Ascii logo */
+
+/* time widget */
+.time-widget {
+ position: fixed;
+ top: 50px;
+ right: 10px;
+ transform: translateY(-50%);
+ background-color: black;
+ color: #a57ae9;
+ padding: 10px;
+ border: 2px solid white;
+ width: 100px;
+ text-align: center;
+ font-family: monospace;
+}
+
+#time {
+ font-size: 14px;
+}
+
+#location {
+ font-size: 12px;
+}
+/* End of time widget */
+
+/*Content of the website ig no idea how to name this lmfao*/
+.content1 {
+ font-family: monospace;
+ white-space: pre;
+ color: #a57ae9;
+ top: 25px;
+}
+/* End of the content thingy */
+
+/*Code to make footer look cool and ncie :D*/
+footer {
+ font-family: monospace;
+ position: fixed;
+ text-align: center;
+ bottom: 0;
+ width: 100%;
+ padding: 1em;
+ color: white;
+ text-decoration: none;
+}
+/* End of the code which makes the footer look nice :( */
+
+/* Makes hyerpinks not look ugly */
+a {
+ text-decoration: none;
+ color: #6200ff;
+}
+/* End of hyperlink styling */
+
+/* SICK Ascii logo */
+.ascii-logo-blog {
+ font-family: monospace;
+ white-space: pre;
+ color: #a57ae9;
+ top: 50px;
+ display: flex;
+ justify-content: center;
+}
+/* End of SICK Ascii logo */
+
+/*Blog Content 1 (Yes there is a second one of these and yes ik that i am terible and naming shit*/
+.content-blog {
+ font-family: monospace;
+ white-space: pre;
+ color: #a57ae9;
+ top: 25px;
+ font-size: large;
+}
+/* End of the Blog content thingy */
+/*Blog Content 2 (This is mostly for the content of the blogs like the blog posts themself */
+.content-blog-2{
+ font-family: monospace;
+ white-space: pre;
+ color: #a57ae9;
+ top: 25px;
+ font-size: large;
+}
+/* End of the Blog content 2thingy */
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
diff --git a/things.html b/things.html
new file mode 100644
index 0000000..9633657
--- /dev/null
+++ b/things.html
@@ -0,0 +1,21 @@
+
+
+
+ ===About Me===
+Hi welcome to my crappy website (the code behind the website looks even worse turst me). I am Niko aka Purplebored I love to troll and spread missinformation online (but not here no missinfomation here!!). +I mostly just shitpost sometimes i try to learn programing but it never works out the most i know is just a lil bit of HTML JS and CSS and some C# and CPP (VERY basic C++ and C# lmfao). (I am also Polish so my English skill aint too good! If you see a typo you can just let me know about it or make the change yourself on Github or Codeberg) +Wanna go to my Old site? (No idea why this is a lot better!) In that case just go Here! +I am planning to add some random content to this website like some small reviews or some software recomandations nothing special really just yet another personal website. + +
===Shit i self host=== btw this cool dark purple is a hyperlink ^^
+My Private Pastebin instance (Very cool!) +My Private Zerobin instance (Privte Bin but older) +A LibreSpeed instance using a Polish server located in Warsaw. +===Content=== (That's the reviews and recomandations and shit i use)
+Software and things i use +My Blog (Nothing on it yet) +===My Projects===
I am not cooking rn so nothing here!
+
+
+
+
\ No newline at end of file
Return to main site.===Cool Software===
+So Yeah this is a list of services and software i use this are just my personal opinions. +Mullvad VPN - In my opinion the best VPN on the market. +Airvpn - In my opinion the best VPN for torrenting.(This link HAS a reff link. If you want no reff link go to airvpn.org) +qBittorrent - My Favorite torrent client it's fast and efficent prob the best one out there! +