Pixelated/pixelated.sh
Pixelated/pixelated.sh
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

merge into: Pixelated:main
Branches Tags
Pixelated:main
Pixelated:v2.0
Pixelated:v1.1
Pixelated:v1.0
...
pull from: Pixelated:v2.0
Branches Tags
Pixelated:v2.0
Pixelated:v1.1
Pixelated:v1.0
Pixelated:main

No commits in common. "main" and "v2.0" have entirely different histories.
main ... v2.0

3 changed files with 27 additions and 143 deletions
Download patch file Download diff file Expand all files Collapse all files

98
html/assets/style.css
View file

@ -13,7 +13,6 @@
:root { :root {
--accent-color: #b4befe; --accent-color: #b4befe;
--accent-color-dark: #9198cd;
--text-color: #b8c0ff; --text-color: #b8c0ff;
--background-color: #191724; --background-color: #191724;
} }
@ -27,7 +26,7 @@ body {
} }
p { p {
font-size: 18px; font-size: 16px;
color: var(--text-color); color: var(--text-color);
} }
@ -47,20 +46,15 @@ footer {
} }
footer p { footer p {
font-size: 14px; font-size: 10px;
} }
/* Custom classes */ /* Custom classes */
.box { .box {
width: min(80%, 1400px); width: min(1400px, 90%);
margin-inline: auto; margin-inline: auto;
} }
.title {
font-size: 18px;
font-weight: bolder;
}
.invert { .invert {
background-color: var(--text-color); background-color: var(--text-color);
color: var(--background-color); color: var(--background-color);
@ -97,89 +91,3 @@ footer p {
.bold {font-weight: bold;} .bold {font-weight: bold;}
.no-background a:hover {background-color: transparent;} .no-background a:hover {background-color: transparent;}
/* Top bar */
.menu {
display: flex;
flex-direction: row;
justify-content: center;
background-color: var(--accent-color);
color: var(--background-color);
margin: auto;
width: min(80%, 1400px);
}
.menu a {
color: var(--background-color);
text-decoration: none;
user-select: none;
font-size: 20px;
}
.menu a:hover {
color: var(--accent-color);
background-color: var(--background-color);
}
.branding {text-align: left; width: 45%; padding: 10px;}
.index {text-align: right; width: 45%; padding: 10px;}
/* Mobile */
@media (max-width: 800px) {
p {font-size: 14px;}
footer p {
font-size: 10px;
}
.title {
font-size: 16px;
font-weight: bolder;
}
.psst {
font-style: italic;
font-size: 12px;
}
.tag {
font-style: italic;
font-size: 12px;
user-select: none;
}
.rule {
font-size: 12px;
font-weight: bold;
}
.box {
width: 90%;
margin-inline: auto;
}
.menu {
display: flex;
flex-direction: column;
justify-content: center;
background-color: var(--accent-color);
color: var(--background-color);
width: 90%;
}
.menu a {
color: var(--background-color);
text-decoration: none;
user-select: none;
font-size: 16px;
}
.branding {text-align: center; width: 100%;}
.index {text-align: center; background-color: var(--accent-color-dark); width: 100%; padding: 0px;}
}

44
html/index.html
View file

@ -8,52 +8,40 @@
<meta name="format-detection" content="telephone=no"> <meta name="format-detection" content="telephone=no">
</head> </head>
<body> <body>
<div class="center no-background">
<img src="https://mirror.pixelated.sh/icons/pixelated/logo-512.png" height="100px">
</div>
<div class="box menu">
<div class="branding">
<a href="/">Pixelated.sh</a>
</div>
<div class="index">
<a href="/">Home</a>
<a href="https://social.pixelated.sh" target="_blank">World</a>
<a href="https://cloud.pixelated.sh" target="_blank">Haven</a>
<a href="https://git.pixelated.sh" target="_blank">Archives</a>
</div>
</div>
<div class="box"> <div class="box">
<p class="invert title">About</p> <div class="center no-background">
<a href="/"><img height="100vh" src="https://mirror.pixelated.sh/icons/pixelated/logo-512.png"></img></a>
</div>
<p class="invert">About</p>
<p> <p>
A collective of services hosted by the fops called Bo. <br> A collective of services hosted by queers, for queers. <br>
Powered by a cozy ecosystem of creatures since 2024. <br> Powered by a cozy ecosystem of creatures since 2024. <br>
Open for all mutuals of Bo to join and explore. <br> All home-brewed and mixed with plenty of foxgirl love & energy. <br>
</p> </p>
</div> </div>
<div class="box"> <div class="box">
<p class="invert title">Services</p> <p class="invert">Services</p>
<p> <p>
<a href="https://social.pixelated.sh" target="_blank">> Pixelated World: Our Sharkey instance.</a> <span class="tag">Social</span><br> <a href="https://social.pixelated.sh" target="_blank">> Pixelated World: Our self-hosted Sharkey instance.</a> <span class="tag">Social</span><br>
<a href="https://cloud.pixelated.sh" target="_blank">> Pixelated Haven: Our Nextcloud instance.</a> <span class="tag">Cloud</span><br> <a href="https://cloud.pixelated.sh" target="_blank">> Pixelated Haven: Our self-hosted Nextcloud instance.</a> <span class="tag">Cloud</span><br>
<a href="https://git.pixelated.sh" target="_blank">> Pixelated Archives: Our Forgejo instance.</a> <span class="tag">Code</span><br> <a href="https://git.pixelated.sh" target="_blank">> Pixelated Archives: Our self-hosted Forgejo instance.</a> <span class="tag">Code</span><br>
<a href="/minecraft">> Pixelated Unity: Our Minecraft server.</a> <span class="tag">Games</span><br> <a href="/minecraft">> Pixelated Unity: Our self-hosted Minecraft server.</a> <span class="tag">Games</span><br>
</p> </p>
</div> </div>
<div class="box"> <div class="box">
<p class="invert title">Maintainer(s)</p> <p class="invert">Maintainer(s)</p>
<p> <p>
<a href="https://freed.place" target="_blank">> Bo&#x22C6;&#x2DA;&#x273F;&#x2D6;&#xB0; (she/they)</a> <span class="tag">Maintainer of infrastructure</span> <a href="https://freed.place" target="_blank">> Bo&#x22C6;&#x2DA;&#x273F;&#x2D6;&#xB0; (she/they)</a> <span class="tag">Maintainer of infrastructure</span>
</p> </p>
</div> </div>
<div class="box"> <div class="box">
<p class="invert title">Contact</p> <p class="invert">Contact</p>
<p> <p>
Do you have any questions, inqueries, or have feedback? <br> Do you have any questions, inqueries, or have feedback? <br>
Please reach out to us at: <br> Please contact a maintainer, or reach out to us at: <br>
<a href="mailto:info@pixelated.sh" target="_blank">> E-Mail: info@pixelated.sh</a> <br> <a href="mailto:info@pixelated.sh" target="_blank">> E-Mail: info@pixelated.sh</a> <br>
<a href="https://floss.social/@pixelated" target="_blank" rel="me">> Fediverse: @pixelated@floss.social</a> <br> <a href="https://floss.social/@pixelated" target="_blank" rel="me">> Fediverse: @pixelated@floss.social</a> <br>
We look forward to hearing from you! <br> We look forward to hearing from you! <br>
@ -61,7 +49,7 @@
</div> </div>
<div class="box"> <div class="box">
<p class="invert title">:3</p> <p class="invert">:3</p>
</div> </div>
<footer> <footer>

28
html/minecraft/index.html
View file

@ -8,23 +8,11 @@
<meta name="format-detection" content="telephone=no"> <meta name="format-detection" content="telephone=no">
</head> </head>
<body> <body>
<div class="center no-background"> <div class="box">
<img src="https://mirror.pixelated.sh/icons/pixelated/logo-512.png" height="100px"> <div class="center no-background">
</div> <a href="/"><img height="100vh" src="https://mirror.pixelated.sh/icons/pixelated/logo-512.png"></img></a>
<div class="box menu">
<div class="branding">
<a href="/">Pixelated.sh</a>
</div> </div>
<div class="index"> <p class="invert">Pixelated Unity</p>
<a href="/">Home</a>
<a href="https://social.pixelated.sh" target="_blank">World</a>
<a href="https://cloud.pixelated.sh" target="_blank">Haven</a>
<a href="https://git.pixelated.sh" target="_blank">Archives</a>
</div>
</div>
<div class="box">
<p class="invert title">Pixelated Unity</p>
<p>>> Join us at: <span class="bold">mc.pixelated.sh</span><span class="tag"> Java only</span></p> <p>>> Join us at: <span class="bold">mc.pixelated.sh</span><span class="tag"> Java only</span></p>
<p> <p>
A couple of worlds, gathered in one galaxy. <br> A couple of worlds, gathered in one galaxy. <br>
@ -34,7 +22,7 @@
</div> </div>
<div class="box"> <div class="box">
<p class="invert title">Worlds</p> <p class="invert">Worlds</p>
<p> <p>
>> World of Libertas: Absolute freedom, also known as the roughest world. <span class="tag">Public</span><br> >> World of Libertas: Absolute freedom, also known as the roughest world. <span class="tag">Public</span><br>
>> World of Aether: A world in which one ideology comes together. <span class="tag">Invite-only</span><br> >> World of Aether: A world in which one ideology comes together. <span class="tag">Invite-only</span><br>
@ -43,7 +31,7 @@
</div> </div>
<div class ="box"> <div class ="box">
<p class="invert title">Invites</p> <p class="invert">Invites</p>
<p> <p>
To gather information or get access to an invite-only world, <br> To gather information or get access to an invite-only world, <br>
please send a message to us through one of the ways described on our homepage. <br> please send a message to us through one of the ways described on our homepage. <br>
@ -52,7 +40,7 @@
</div> </div>
<div class="box"> <div class="box">
<p class="invert title">Rules</p> <p class="invert">Rules</p>
<p>By playing on Pixelated Unity, you are agreeing to respect these guidelines.</p> <p>By playing on Pixelated Unity, you are agreeing to respect these guidelines.</p>
<p> <p>
<span class="rule">>> Respect others</span> <br> <span class="rule">>> Respect others</span> <br>
@ -67,7 +55,7 @@
</div> </div>
<div class="box"> <div class="box">
<p class="invert title">:3</p> <p class="invert">:3</p>
</div> </div>
<footer> <footer>