74 lines
4.1 KiB
HTML
74 lines
4.1 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"> Update that later-->
|
|
<meta property="og:title" content="Epic Website\Portfolio.">
|
|
<meta property="og:description" content="Epic website people just don't trust me when I am saying that white mode is better on this site">
|
|
<!-- 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) 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. 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!</p>
|
|
<h2>My Skills</h2>
|
|
<p>Currently, I am learning JavaScript, but I do have some experience in making Discord bots using discord.js@13.</p>
|
|
<h2>My Projects</h2>
|
|
<li>
|
|
<h3>Neko.purplebored.pl</h3>
|
|
<p>A very cool site B).</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://codeberg.org/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 --> |