purplebored/purplebored.pl
1
0
Fork 1
Code Issues Pull Requests Actions Activity

Bug fixes and a shit ton of new content!

Browse Source
This commit is contained in:
Purplebored
2024-05-04 17:48:04 +02:00
parent ee75f1590e
commit cf4678a6df
54 changed files with 1445 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
oldprojects/first_website/backgroumd.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 236 KiB

54
oldprojects/first_website/donations.html Normal file
View File

@@ -0,0 +1,54 @@
<!doctype html>
<html>
<head>
<title>Donate 2 Me if you really want too</title>
<meta name="description" content="Donate using cryptocurrencies">
<meta name="keywords" content="donate, crypto, dogecoin, dash, bitcoincash, litecoin,">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" type="image/png" href="favicon.png">
</head>
<body>
<div class="container">
<h1 class="gradient-text">Donate using Cryptocurrencies</h1>
<p class="gradient-text">Please use one of the following addresses to donate:</p>
<ul class="crypto-list">
<li>
<img src="icons/dogecoin.png" alt="Dogecoin">
<p>Dogecoin: DONT </p>
</li>
<li>
<img src="icons/Monero.png" alt="Monero">
<p>Monero: NUH UH </p>
</li>
<li>
<img src="icons/dash.png" alt="Dash">
<p>Dash: NOPE</p>
</li>
<li>
<img src="icons/litecoin.png" alt="Litecoin">
<p>Litecoin:NOOO</p>
</li>
<li>
<img src="icons/bitcoincash.png" alt="Bitcoin Cash">
<p>Bitcoin Cash: Holy</p>
</li>
</ul>
<p><a href="index.html">RETURN ME TO INDEX.HTML I DONT WANT TO BE HERE :SOB:.</a></p>
</div>
<footer class="site-footer">
<ul class="footer-links">
<li><a href="mailto:niko@hrzn.email" target="_blank"><img class="icon" src="footicons/email.svg" alt="Email icon"> Email</a></li>
<li><a href="https://discord.gg/sXDsDUKMY8" target="_blank"><img class="icon" src="footicons/discord.svg" alt="Discord icon"> Discord</a></li>
<li><a href="https://social.vivaldi.net/@PurpleBored" target="_blank"><img class="icon" src="footicons/mastodon.svg" alt="Mastodon icon"> Mastodon</a></li>
<li><a href="https://codeberg.org/Purplebored" target="_blank"><img class="icon" src="footicons/codeberg.svg" alt="Codeberg icon"> Codeberg</a></li>
<li><a href="https://github.com/PurpleBored" target="_blank"><img class="icon" src="footicons/github.svg" alt="GitHub icon"> GitHub</a></li>
<li><a href="https://codeberg.org/PurpleBored/PrupleBoredsPersonalWebsite" target="_blank"><img class="icon" src="footicons/codeberg.svg" alt="Codeberg icon"> Source Code</a></li>
</ul>
</footer>
</body>
</html>

318
oldprojects/first_website/easter.html Normal file
View File

@@ -0,0 +1,318 @@
<!doctype html>
<!--Snake Code By WebDevTrick (https://webdevtrick.com)-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>You found the hidden snake game!</title>
<link rel="shortcut icon" type="image/png" href="favicon.png">
<link rel="stylesheet" href="style.css">
<style>
body {
background-image: url('backgroumd.png');
background-size: cover;
}
canvas {
display: block;
position: absolute;
border: 5px solid #009BFF;
margin: auto;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
</style>
</head>
<body>
<audio autoplay id="my-audio" src="hl2.mp3" type="audio/mp3"></audio>
<div class="controls">
<button id="play-pause-button" class="play-pause-button">Play</button>
<input id="volume-slider" class="volume-slider" type="range" min="0" max="1" step="0.01" value="0.5">
</div>
<script>
const audio = document.getElementById("my-audio");
const playPauseButton = document.getElementById("play-pause-button");
const volumeSlider = document.getElementById("volume-slider");
playPauseButton.addEventListener("click", function() {
if (audio.paused) {
audio.play();
playPauseButton.textContent = "Pause";
} else {
audio.pause();
playPauseButton.textContent = "Play";
}
});
volumeSlider.addEventListener("input", function() {
audio.volume = volumeSlider.value;
});
</script>
<center><h1 class="gradient-text">You found the hidden easter egg congrats🥳</h1>
<script>
var audio = new Audio('hl2.mp3');
audio.play();
</script>
<script>
var
COLS = 26,
ROWS = 26,
EMPTY = 0,
SNAKE = 1,
FRUIT = 2,
LEFT = 0,
UP = 1,
RIGHT = 2,
DOWN = 3,
KEY_LEFT = 37,
KEY_UP = 38,
KEY_RIGHT = 39,
KEY_DOWN = 40,
canvas,
ctx,
keystate,
frames,
score;
grid = {
width: null,
height: null,
_grid: null,
init: function(d, c, r) {
this.width = c;
this.height = r;
this._grid = [];
for (var x=0; x < c; x++) {
this._grid.push([]);
for (var y=0; y < r; y++) {
this._grid[x].push(d);
}
}
},
set: function(val, x, y) {
this._grid[x][y] = val;
},
get: function(x, y) {
return this._grid[x][y];
}
}
snake = {
direction: null,
last: null,
_queue: null,
init: function(d, x, y) {
this.direction = d;
this._queue = [];
this.insert(x, y);
},
insert: function(x, y) {
this._queue.unshift({x:x, y:y});
this.last = this._queue[0];
},
remove: function() {
return this._queue.pop();
}
};
function setFood() {
var empty = [];
for (var x=0; x < grid.width; x++) {
for (var y=0; y < grid.height; y++) {
if (grid.get(x, y) === EMPTY) {
empty.push({x:x, y:y});
}
}
}
var randpos = empty[Math.round(Math.random()*(empty.length - 1))];
grid.set(FRUIT, randpos.x, randpos.y);
}
function main() {
canvas = document.createElement("canvas");
canvas.width = COLS*20;
canvas.height = ROWS*20;
ctx = canvas.getContext("2d");
document.body.appendChild(canvas);
ctx.font = "12px Helvetica";
frames = 0;
keystate = {};
document.addEventListener("keydown", function(evt) {
keystate[evt.keyCode] = true;
});
document.addEventListener("keyup", function(evt) {
delete keystate[evt.keyCode];
});
init();
loop();
}
function init() {
score = 0;
grid.init(EMPTY, COLS, ROWS);
var sp = {x:Math.floor(COLS/2), y:ROWS-1};
snake.init(UP, sp.x, sp.y);
grid.set(SNAKE, sp.x, sp.y);
setFood();
}
function loop() {
update();
draw();
window.requestAnimationFrame(loop, canvas);
}
function update() {
frames++;
if (keystate[KEY_LEFT] && snake.direction !== RIGHT) {
snake.direction = LEFT;
}
if (keystate[KEY_UP] && snake.direction !== DOWN) {
snake.direction = UP;
}
if (keystate[KEY_RIGHT] && snake.direction !== LEFT) {
snake.direction = RIGHT;
}
if (keystate[KEY_DOWN] && snake.direction !== UP) {
snake.direction = DOWN;
}
if (frames%7 === 0) {
var nx = snake.last.x;
var ny = snake.last.y;
switch (snake.direction) {
case LEFT:
nx--;
break;
case UP:
ny--;
break;
case RIGHT:
nx++;
break;
case DOWN:
ny++;
break;
}
if (0 > nx || nx > grid.width-1 ||
0 > ny || ny > grid.height-1 ||
grid.get(nx, ny) === SNAKE
) {
return init();
}
if (grid.get(nx, ny) === FRUIT) {
score++;
setFood();
} else {
var tail = snake.remove();
grid.set(EMPTY, tail.x, tail.y);
}
grid.set(SNAKE, nx, ny);
snake.insert(nx, ny);
}
}
function draw() {
var tw = canvas.width/grid.width;
var th = canvas.height/grid.height;
for (var x=0; x < grid.width; x++) {
for (var y=0; y < grid.height; y++) {
switch (grid.get(x, y)) {
case EMPTY:
ctx.fillStyle = "#fff";
break;
case SNAKE:
ctx.fillStyle = "#333";
break;
case FRUIT:
ctx.fillStyle = "#009BFF";
break;
}
ctx.fillRect(x*tw, y*th, tw, th);
}
}
ctx.fillStyle = "#000";
ctx.fillText("SCORE: " + score, 10, canvas.height-10);
}
main();
</script>
<h2 class="gradient-text"><a href="index.html">Wanna go back to the main menu? Don't blame you. Click this text to go back.</a></h2>
<h2>Btw this snake game is taken from https://webdevtrick.com so yeah </h2>
<footer class="site-footer">
<ul class="footer-links">
<li><a href="mailto:niko@hrzn.email" target="_blank"><img class="icon" src="footicons/email.svg" alt="Email icon"> Email</a></li>
<li><a href="https://discord.gg/sXDsDUKMY8" target="_blank"><img class="icon" src="footicons/discord.svg" alt="Discord icon"> Discord</a></li>
<li><a href="https://social.vivaldi.net/@PurpleBored" target="_blank"><img class="icon" src="footicons/mastodon.svg" alt="Mastodon icon"> Mastodon</a></li>
<li><a href="https://codeberg.org/Purplebored" target="_blank"><img class="icon" src="footicons/codeberg.svg" alt="Codeberg icon"> Codeberg</a></li>
<li><a href="https://github.com/PurpleBored" target="_blank"><img class="icon" src="footicons/github.svg" alt="GitHub icon"> GitHub</a></li>
<li><a href="https://codeberg.org/PurpleBored/PrupleBoredsPersonalWebsite" target="_blank"><img class="icon" src="footicons/codeberg.svg" alt="Codeberg icon"> Source Code</a></li>
</ul>
</footer>
</body>
</html>

BIN
oldprojects/first_website/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 158 KiB

2
oldprojects/first_website/footicons/codeberg.svg Normal file
View File

@@ -0,0 +1,2 @@
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg fill="#000000" width="800px" height="800px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><path d="M11.955.49A12 12 0 0 0 0 12.49a12 12 0 0 0 1.832 6.373L11.838 5.928a.187.14 0 0 1 .324 0l10.006 12.935A12 12 0 0 0 24 12.49a12 12 0 0 0-12-12 12 12 0 0 0-.045 0zm.375 6.467 4.416 16.553a12 12 0 0 0 5.137-4.213z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 462 B

4
oldprojects/first_website/footicons/discord.svg Normal file
View File

@@ -0,0 +1,4 @@
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.59 5.88997C17.36 5.31997 16.05 4.89997 14.67 4.65997C14.5 4.95997 14.3 5.36997 14.17 5.69997C12.71 5.47997 11.26 5.47997 9.83001 5.69997C9.69001 5.36997 9.49001 4.95997 9.32001 4.65997C7.94001 4.89997 6.63001 5.31997 5.40001 5.88997C2.92001 9.62997 2.25001 13.28 2.58001 16.87C4.23001 18.1 5.82001 18.84 7.39001 19.33C7.78001 18.8 8.12001 18.23 8.42001 17.64C7.85001 17.43 7.31001 17.16 6.80001 16.85C6.94001 16.75 7.07001 16.64 7.20001 16.54C10.33 18 13.72 18 16.81 16.54C16.94 16.65 17.07 16.75 17.21 16.85C16.7 17.16 16.15 17.42 15.59 17.64C15.89 18.23 16.23 18.8 16.62 19.33C18.19 18.84 19.79 18.1 21.43 16.87C21.82 12.7 20.76 9.08997 18.61 5.88997H18.59ZM8.84001 14.67C7.90001 14.67 7.13001 13.8 7.13001 12.73C7.13001 11.66 7.88001 10.79 8.84001 10.79C9.80001 10.79 10.56 11.66 10.55 12.73C10.55 13.79 9.80001 14.67 8.84001 14.67ZM15.15 14.67C14.21 14.67 13.44 13.8 13.44 12.73C13.44 11.66 14.19 10.79 15.15 10.79C16.11 10.79 16.87 11.66 16.86 12.73C16.86 13.79 16.11 14.67 15.15 14.67Z" fill="#000000"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

4
oldprojects/first_website/footicons/email.svg Normal file
View File

@@ -0,0 +1,4 @@
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg fill="#000000" width="800px" height="800px" viewBox="0 0 1920 1920" xmlns="http://www.w3.org/2000/svg">
<path d="M1920 428.266v1189.54l-464.16-580.146-88.203 70.585 468.679 585.904H83.684l468.679-585.904-88.202-70.585L0 1617.805V428.265l959.944 832.441L1920 428.266ZM1919.932 226v52.627l-959.943 832.44L.045 278.628V226h1919.887Z" fill-rule="evenodd"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 487 B

19
oldprojects/first_website/footicons/github.svg Normal file
View File

@@ -0,0 +1,19 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>github [#142]</title>
<desc>Created with Sketch.</desc>
<defs>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Dribbble-Light-Preview" transform="translate(-140.000000, -7559.000000)" fill="#000000">
<g id="icons" transform="translate(56.000000, 160.000000)">
<path d="M94,7399 C99.523,7399 104,7403.59 104,7409.253 C104,7413.782 101.138,7417.624 97.167,7418.981 C96.66,7419.082 96.48,7418.762 96.48,7418.489 C96.48,7418.151 96.492,7417.047 96.492,7415.675 C96.492,7414.719 96.172,7414.095 95.813,7413.777 C98.04,7413.523 100.38,7412.656 100.38,7408.718 C100.38,7407.598 99.992,7406.684 99.35,7405.966 C99.454,7405.707 99.797,7404.664 99.252,7403.252 C99.252,7403.252 98.414,7402.977 96.505,7404.303 C95.706,7404.076 94.85,7403.962 94,7403.958 C93.15,7403.962 92.295,7404.076 91.497,7404.303 C89.586,7402.977 88.746,7403.252 88.746,7403.252 C88.203,7404.664 88.546,7405.707 88.649,7405.966 C88.01,7406.684 87.619,7407.598 87.619,7408.718 C87.619,7412.646 89.954,7413.526 92.175,7413.785 C91.889,7414.041 91.63,7414.493 91.54,7415.156 C90.97,7415.418 89.522,7415.871 88.63,7414.304 C88.63,7414.304 88.101,7413.319 87.097,7413.247 C87.097,7413.247 86.122,7413.234 87.029,7413.87 C87.029,7413.87 87.684,7414.185 88.139,7415.37 C88.139,7415.37 88.726,7417.2 91.508,7416.58 C91.513,7417.437 91.522,7418.245 91.522,7418.489 C91.522,7418.76 91.338,7419.077 90.839,7418.982 C86.865,7417.627 84,7413.783 84,7409.253 C84,7403.59 88.478,7399 94,7399" id="github-[#142]">
</path>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

2
oldprojects/first_website/footicons/mastodon.svg Normal file
View File

@@ -0,0 +1,2 @@
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg fill="#000000" width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M21.327 8.566c0-4.339-2.843-5.61-2.843-5.61-1.433-.658-3.894-.935-6.451-.956h-.063c-2.557.021-5.016.298-6.45.956 0 0-2.843 1.272-2.843 5.61 0 .993-.019 2.181.012 3.441.103 4.243.778 8.425 4.701 9.463 1.809.479 3.362.579 4.612.51 2.268-.126 3.541-.809 3.541-.809l-.075-1.646s-1.621.511-3.441.449c-1.804-.062-3.707-.194-3.999-2.409a4.523 4.523 0 0 1-.04-.621s1.77.433 4.014.536c1.372.063 2.658-.08 3.965-.236 2.506-.299 4.688-1.843 4.962-3.254.434-2.223.398-5.424.398-5.424zm-3.353 5.59h-2.081V9.057c0-1.075-.452-1.62-1.357-1.62-1 0-1.501.647-1.501 1.927v2.791h-2.069V9.364c0-1.28-.501-1.927-1.502-1.927-.905 0-1.357.546-1.357 1.62v5.099H6.026V8.903c0-1.074.273-1.927.823-2.558.566-.631 1.307-.955 2.228-.955 1.065 0 1.872.409 2.405 1.228l.518.869.519-.869c.533-.819 1.34-1.228 2.405-1.228.92 0 1.662.324 2.228.955.549.631.822 1.484.822 2.558v5.253z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
oldprojects/first_website/hl2.mp3 Normal file
View File

Binary file not shown.

BIN
oldprojects/first_website/icons/Monero.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 935 B

BIN
oldprojects/first_website/icons/bitcoincash.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
oldprojects/first_website/icons/copy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 163 B

BIN
oldprojects/first_website/icons/dash.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
oldprojects/first_website/icons/dogecoin.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 806 B

BIN
oldprojects/first_website/icons/litecoin.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 846 B

44
oldprojects/first_website/index.html Normal file
View File

@@ -0,0 +1,44 @@
<!doctype html>
<html>
<head>
<title>PurpleBored a epic 10/10 website</title>
<meta name="description" content="This is my first website ever so yeah">
<meta name="keywords" content="Purplbored Purplebright niko2077 niko@hrzn.email fun" >
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" type="image/png" href="favicon.png">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<h1 class="gradient-text">So yeah welcome to my shitty website<a href="easter.html">.</a></h1>
<p>This is my first normal website ever so please don't judge</p>
<p><a href="https://youtu.be/M9J6DKJXoKk?t=55" target="_blank" class="link" >I tried so hard And got so far But in the end It doesn't even
matter.</a></p>
<h2 class="gradient-text">About Me</h2>
<p>So Hi my name is Niko aka PurpleBored and I created this website as a learning project. I'm interested in
learning programing and web development and stuff and I hope to use this website to showcase my future projects.
(If there ever gonna be a future project)</p>
<p><a href="donations.html">Here is a way to donate to me (it aint worth it.).</a></p>
<h2 class="gradient-text">Contact Me</h2>
<p>Before You Contact me no i am not a femboy and furry and my email purplebright@cock.li </p>
<h2 class="gradient-text"><a href=portfolio.html>My Portfolio</a></h2>
<p>Yeah Click on "My Portfolio" to see my small portfolio</p>
</div>
<footer class="site-footer">
<ul class="footer-links">
<li><a href="mailto:niko@hrzn.email" target="_blank"><img class="icon" src="footicons/email.svg" alt="Email icon"> Email</a></li>
<li><a href="https://discord.gg/sXDsDUKMY8" target="_blank"><img class="icon" src="footicons/discord.svg" alt="Discord icon"> Discord</a></li>
<li><a href="https://social.vivaldi.net/@PurpleBored" target="_blank"><img class="icon" src="footicons/mastodon.svg" alt="Mastodon icon"> Mastodon</a></li>
<li><a href="https://codeberg.org/Purplebored" target="_blank"><img class="icon" src="footicons/codeberg.svg" alt="Codeberg icon"> Codeberg</a></li>
<li><a href="https://github.com/PurpleBored" target="_blank"><img class="icon" src="footicons/github.svg" alt="GitHub icon"> GitHub</a></li>
<li><a href="https://codeberg.org/PurpleBored/PrupleBoredsPersonalWebsite" target="_blank"><img class="icon" src="footicons/codeberg.svg" alt="Codeberg icon"> Source Code</a></li>
</ul>
</footer>
</body>
</html>

23
oldprojects/first_website/info.html Normal file
View File

@@ -0,0 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<title>=Info=</title>
<link rel="stylesheet" href="/style.css">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<div class="content-blog"> <!--Yes i am reusing my CSS everywhere-->
<a href="https://purplebored.pl/">Return to main site.</a></br>===INFO===
So this was my very first persoanl website / porfolio. I still think the site aged really well and I still very much like it. This site was made with the help of AI and google lol. </br>At first i did that site as a school project but then i realised that i actually kinda like doing it.</br>
I would personaly call this as the thing which got me into coding especialy some basic webdev.
After like a year or two i am realizing i did a lot of things wrong here like the easter egg where you could say i just straight up skidded.
<center><img src="/oldprojects/first_website/screenshot.jpg" alt="A screenshot from the website."></center>
<center>Screenshot from the project ^^</center>
</div>
<footer>
<a class="clean">Purplebored &copy; 2023-2024 </a> | <a href="https://codeberg.org/Purplebored" target="_blank">My Codeberg</a> | <a href="https://github.com/PurpleBored" target="_blank">My Github</a> | <a href="/contact.html/" target="_blank">Contact Me</a> | </pre>
</footer>>
</body>
</html>

41
oldprojects/first_website/portfolio.html Normal file
View File

@@ -0,0 +1,41 @@
<!doctype html>
<html>
<head>
<title>My Portfolio</title>
<meta name="description" content="This is my portfolio website">
<meta name="keywords" content="portfolio, projects, skills">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<h1 class="gradient-text">My Portfolio</h1>
<p>Welcome to my portfolio website where I showcase some of my projects and skills.(wich i have litelary none 😢 )</p>
<h2 class="gradient-text">Projects</h2>
<ul>
<li><a href="https://github.com/PurpleBored/Hummus-Desktop-App">Unofficial Hummus Desktop app written in electron</a></li>
<li><a href="https://github.com/PurpleBored/underground-desktop-client">Unoffical underground client written in electron 21(Written in electron 21 for that sweet windiws 7 compatibilty) </a></li>
<li><a href="https://github.com/PurpleBored/Methy-The-Discord-Bot">Methy discord Music Bot (broken rn)</a></li>
FUTURE ME HERE! ALL OF THESE PROJECTS ARE D E A D!
</ul>
<h2 class="gradient-text">Skills</h2>
<ul>
<li>None yet but i am learning C#</li>
</ul>
</div>
<footer class="site-footer">
<ul class="footer-links">
<li><a href="mailto:niko@hrzn.email" target="_blank"><img class="icon" src="footicons/email.svg" alt="Email icon"> Email</a></li>
<li><a href="https://discord.gg/sXDsDUKMY8" target="_blank"><img class="icon" src="footicons/discord.svg" alt="Discord icon"> Discord</a></li>
<li><a href="https://social.vivaldi.net/@PurpleBored" target="_blank"><img class="icon" src="footicons/mastodon.svg" alt="Mastodon icon"> Mastodon</a></li>
<li><a href="https://codeberg.org/Purplebored" target="_blank"><img class="icon" src="footicons/codeberg.svg" alt="Codeberg icon"> Codeberg</a></li>
<li><a href="https://github.com/PurpleBored" target="_blank"><img class="icon" src="footicons/github.svg" alt="GitHub icon"> GitHub</a></li>
<li><a href="https://codeberg.org/PurpleBored/PrupleBoredsPersonalWebsite" target="_blank"><img class="icon" src="footicons/codeberg.svg" alt="Codeberg icon"> Source Code</a></li>
</ul>
</footer>
</body>
</html>

BIN
oldprojects/first_website/screenshot.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 70 KiB

235
oldprojects/first_website/style.css Normal file
View File

@@ -0,0 +1,235 @@
:root {
height: 100%;
}
body {
font-family: 'Roboto', sans-serif;
height: 100%;
margin: 0;
padding: 0;
background-image: url("backgroumd.png");
background-repeat: no-repeat;
background-size: cover;
}
a {
color: #000000;
text-decoration: none;
}
a:hover {
color: #ff0062;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 50px;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
}
.gradient-text {
background: linear-gradient(45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: gradient 5s ease infinite;
}
.crypto-list li img[src="dogecoin.png"] {
height: 30px;
}
.crypto-list {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.crypto-list li {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.crypto-list img {
width: 30px;
margin-right: 10px;
}
.crypto-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
}
.crypto-list li {
margin: 0 20px;
text-align: center;
}
.crypto-list img {
max-width: 100%;
height: auto;
margin-bottom: 10px;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.gradient-text {
background-size: 400% 400%;
animation: gradient 15s ease infinite;
}
.site-footer {
background-color: transparent;
padding: 10px;
text-align: center;
position: fixed;
bottom: 0;
width: 100%;
opacity: 2.9;
}
.footer-links {
list-style-type: none;
margin: 0;
padding: 0;
}
.footer-links li {
display: inline;
}
.footer-links a {
color: #c5c2c2;
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(218, 211, 211, 0.5);
border-radius: 5px;
}
/* Navbar */
.navbar {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: transparent;
z-index: 9999;
}
.navbar ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: flex-end;
}
.navbar ul li {
margin: 10px;
}
.navbar ul li a {
text-decoration: none;
color: #fff;
font-size: 20px;
font-weight: bold;
}
.navbar ul li a:hover {
color: #fff;
}
.audio-player-controls {
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
}
.play-button {
background-color: #4CAF50;
color: rgba(255, 255, 255, 0.568);
border: none;
padding: 10px;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
margin-right: 10px;
}
.play-button:hover {
background-color: #969b96;
}
.volume-slider-container {
display: flex;
align-items: center;
margin-left: 10px;
}
.volume-slider-container label {
font-size: 14px;
margin-right: 5px;
}
.volume-slider {
-webkit-appearance: none;
width: 100px;
height: 5px;
background: #ddd;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
margin-left: 5px;
}
.volume-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 15px;
height: 15px;
background: #4CAF50;
cursor: pointer;
}
.volume-slider::-moz-range-thumb {
width: 15px;
height: 15px;
background: #4CAF50;
cursor: pointer;
}