74 lines
3.6 KiB
HTML
74 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- Define Open Graph meta tags for social media sharing -->
|
|
<meta property="og:url" content="https://purplebored.pl">
|
|
<meta property="og:image" content="https://purplebored.pl/assets/pfp.jpg">
|
|
<meta property="og:title" content="Epic Website..">
|
|
<meta property="og:description" content="Just my personal website :D">
|
|
<!-- Define keywords for SEO -->
|
|
<meta name="keywords" content="Poland, portfolio, purplebored, niko, purplebright, personal portfolio">
|
|
<!-- Set the favicon for the website -->
|
|
<link rel="icon" href="fish.png">
|
|
<!-- Set the character encoding and viewport -->
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<!-- Set the title of the page -->
|
|
<title>Niko :3</title>
|
|
<!-- Link the external CSS stylesheet -->
|
|
<link rel="stylesheet" href="styles.css">
|
|
<!-- Import the 'Titillium Web' font from Google Fonts -->
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200&display=swap');
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="popup" id="Popup">
|
|
<p>This website is still WIP (work in progress) (almost finished trust me bro) so the site may have out of date information or just look ugly af.</p>
|
|
<button onclick="closePopup()">aight aight!</button>
|
|
</div>
|
|
<!-- Header section -->
|
|
<header>
|
|
<!-- Dark mode toggle button -->
|
|
<button id="darkModeToggle">🌙 Toggle Dark Mode</button>
|
|
<!-- "Hi, I'm Niko" text with animated dots -->
|
|
<h1 class="animated-text">Hi, I'm Niko<span class="dots-animation">...</span></h1>
|
|
</header>
|
|
<main>
|
|
<!-- The big frame with all the things -->
|
|
<div class="frame">
|
|
<h2>About Me</h2>
|
|
<p>Hi i am Niko aka Purplebored i am Currently learning C# some Ruby and russian :D.</p>
|
|
<h2>My Skills</h2>
|
|
<p>BASIC html lmao</p>
|
|
<h2>My Projects</h2>
|
|
<li>
|
|
<h3>Neko.purplebored.pl</h3>
|
|
<p>A very cool site B) which uses the nekolife API.</p>
|
|
<p><a href="https://neko.purplebored.pl" target="_blank">Demo</a></p>
|
|
<p><a href="https://github.com/Purplebored/neko.purplebored.pl" target="_blank">neko.purplebored.pl Source Code</a></p>
|
|
</li>
|
|
</ul>
|
|
<h2>Contact me</h2>
|
|
<p>You can email me if you want at "n1ko@shitposting.expert"!</p>
|
|
</div>
|
|
</main>
|
|
<!-- Footer section -->
|
|
<footer class="site-footer">
|
|
<!-- Footer links -->
|
|
<ul class="footer-links">
|
|
<li><a href="mailto:n1ko@shitposting.expert" target="_blank"><img class="icon" src="assets/email.svg" alt="Email icon"> Email</a></li>
|
|
<li><a href="https://codeberg.org/Purplebored"><img class="icon" src="assets/codeberg.svg" alt="Codeberg icon"> Codeberg</a></li>
|
|
<li><a href="https://github.com/PurpleBored" target="_blank"><img class="icon" src="assets/github.svg" alt="GitHub icon"> GitHub</a></li>
|
|
<li><a href="https://gitlab.com/PurpleBored" target="_blank"><img class="icon" src="assets/gitlab.svg" alt="GitLab icon"> GitLab</a></li>
|
|
<li><a href="https://matrix.to/#/@purplebored:beeper.com" target="_blank"><img class="icon" src="assets/matrix.svg" alt="Matrix icon">Matrix</a></li>
|
|
<li><a href="https://github.com/PurpleBored/My-Personal-Website" target="_blank"><img class="icon" src="assets/code.svg" alt="Source code icon">Source code</a> </li>
|
|
</ul>
|
|
<!-- Footer text -->
|
|
<p id="footer">Made with 💜 by Niko aka PurpleBored.</p>
|
|
<!-- JavaScript script -->
|
|
<script src="script.js"></script>
|
|
</footer>
|
|
</body>
|
|
</html>
|
|
<!-- HTML File by Purplebored. https://purplebored.pl --> |