Made the website into a docker container

This commit is contained in:
Bo⋆˚✿˖° 2024-11-12 12:15:32 +01:00
parent 6f8fbaf32a
commit 3eaef2ab70
8 changed files with 35 additions and 0 deletions

Binary file not shown.

0
www/assets/js/index.js Normal file
View file

72
www/assets/style.css Normal file
View file

@ -0,0 +1,72 @@
/*
Pixelated.sh
Copyright (c) 2024 FreedTapestry21
*/
@font-face {
font-family: 'Jetbrains Mono';
src: local(''),
url('./fonts/jbmono.woff2')
}
:root {
--accent-color: #e7c6ff;
--text-color: #b8c0ff;
--background-color: #191724;
}
html {
font-family: 'Jetbrains Mono';
}
body {
background-color: var(--background-color);
}
p {
font-size: 18px;
color: var(--text-color);
}
a {
font-weight: bolder;
color: var(--text-color);
text-decoration: none;
}
a:hover {
background-color: var(--text-color);
color: var(--background-color);
}
footer {
text-align: center;
}
footer p {
font-size: 10px;
}
/* Custom classes */
.invert {
background-color: var(--text-color);
color: var(--background-color);
}
.psst {
font-style: italic;
font-size: 14px;
}
.tag {
font-style: italic;
font-size: 15px;
user-select: none;
}
.no-select {
user-select: none;
}

52
www/index.html Normal file
View file

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Pixelated</title>
<link rel="stylesheet" href="assets/style.css">
<link rel="icon" type="image/x-icon" href="https://mirror.pixelated.sh/icons/pixelated/logo-512.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no">
</head>
<body>
<div>
<div style="text-align: center;">
<img height="100vh" src="https://mirror.pixelated.sh/icons/pixelated/logo-512.png"></img>
</div>
<p class="invert">About</p>
<p>
Making the world a better place, day by day. <br>
A community focused on the development of open-source software (OSS). <br>
Welcome to Pixelated, we hope you enjoy your stay! <br>
</p>
</div>
<div>
<p class="invert">Services</p>
<p>
<a href="https://social.pixelated.sh" target="_blank">> Sharkey: Our self-hosted fediverse instance.</a> <span class="tag">Social, Self-hosted</span><br>
<a href="https://cloud.pixelated.sh" target="_blank">> Nextcloud: Our self-hosted Nextcloud instance.</a> <span class="tag">Cloud, Self-hosted</span><br>
<a href="https://codeberg.org/pixelated" target="_blank">> Codeberg: Here you'll find all our Git repositories.</a> <span class="tag">Code</span><br>
<a href="https://mirror.pixelated.sh/docs/services/MINECRAFT" target="_blank">> Minecraft: Our self-hosted Minecraft: Java edition server.</a> <span class="tag">Games, Self-hosted</span><br>
</p>
</div>
<div>
<p class="invert">Members</p>
<p>
<a href="https://freed.place" target="_blank">> FreedTapestry21 (they/them)</a> <span class="tag">Founder and maintainer of Pixelated</span>
</p>
</div>
<div>
<p class="invert">Contact</p>
<p>
Do you have any questions, inqueries, or have feedback? <br>
Please reach out to us at <a href="mailto:info@pixelated.sh" target="_blank">info@pixelated.sh</a>. <br>
We look forward to hearing from you! <br>
<br>
<span class="psst">psst; make sure to check out our <a href="https://floss.social/@pixelated" target="_blank" rel="me">official Fediverse account</a>!</span> <br>
</p>
</div>
<footer>
<p><a href="LICENSE" target="_blank">Copyright (c) 2024 FreedTapestry21</a><span class="no-select"> | </span><a href="https://mirror.pixelated.sh/docs/global/PRIVACY" target="_blank">Privacy policy</a></p>
</footer>
</body>
</html>