Updated content
This commit is contained in:
parent
fec55d7a7a
commit
6ae357e5b2
GPG key ID:
0664F1BDE43BA236
3 changed files with 143 additions and 27 deletions
|
|
@ -13,6 +13,7 @@
|
|||
|
||||
:root {
|
||||
--accent-color: #b4befe;
|
||||
--accent-color-dark: #9198cd;
|
||||
--text-color: #b8c0ff;
|
||||
--background-color: #191724;
|
||||
}
|
||||
|
|
@ -26,7 +27,7 @@ body {
|
|||
}
|
||||
|
||||
p {
|
||||
font-size: 16px;
|
||||
font-size: 18px;
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
|
|
@ -46,15 +47,20 @@ footer {
|
|||
}
|
||||
|
||||
footer p {
|
||||
font-size: 10px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* Custom classes */
|
||||
.box {
|
||||
width: min(1400px, 90%);
|
||||
width: min(80%, 1400px);
|
||||
margin-inline: auto;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 18px;
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
.invert {
|
||||
background-color: var(--text-color);
|
||||
color: var(--background-color);
|
||||
|
|
@ -91,3 +97,89 @@ footer p {
|
|||
.bold {font-weight: bold;}
|
||||
|
||||
.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;}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,40 +8,52 @@
|
|||
<meta name="format-detection" content="telephone=no">
|
||||
</head>
|
||||
<body>
|
||||
<div class="box">
|
||||
<div class="center no-background">
|
||||
<a href="/"><img height="100vh" src="https://mirror.pixelated.sh/icons/pixelated/logo-512.png"></img></a>
|
||||
<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>
|
||||
<p class="invert">About</p>
|
||||
<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">
|
||||
<p class="invert title">About</p>
|
||||
<p>
|
||||
A collective of services hosted by queers, for queers. <br>
|
||||
Powered by a cozy ecosystem of creatures since 2024. <br>
|
||||
All home-brewed and mixed with plenty of foxgirl love & energy. <br>
|
||||
A collective of services hosted by the fops called Bo. <br>
|
||||
Powered by a cozy ecosystem of creatures since 2024. <br>
|
||||
Open for all mutuals of Bo to join and explore. <br>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<p class="invert">Services</p>
|
||||
<p class="invert title">Services</p>
|
||||
<p>
|
||||
<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 self-hosted Nextcloud instance.</a> <span class="tag">Cloud</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 self-hosted Minecraft server.</a> <span class="tag">Games</span><br>
|
||||
<a href="https://social.pixelated.sh" target="_blank">> Pixelated World: Our 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://git.pixelated.sh" target="_blank">> Pixelated Archives: Our Forgejo instance.</a> <span class="tag">Code</span><br>
|
||||
<a href="/minecraft">> Pixelated Unity: Our Minecraft server.</a> <span class="tag">Games</span><br>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<p class="invert">Maintainer(s)</p>
|
||||
<p class="invert title">Maintainer(s)</p>
|
||||
<p>
|
||||
<a href="https://freed.place" target="_blank">> Bo⋆˚✿˖° (she/they)</a> <span class="tag">Maintainer of infrastructure</span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<p class="invert">Contact</p>
|
||||
<p class="invert title">Contact</p>
|
||||
<p>
|
||||
Do you have any questions, inqueries, or have feedback? <br>
|
||||
Please contact a maintainer, or reach out to us at: <br>
|
||||
Please reach out to us at: <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>
|
||||
We look forward to hearing from you! <br>
|
||||
|
|
@ -49,7 +61,7 @@
|
|||
</div>
|
||||
|
||||
<div class="box">
|
||||
<p class="invert">:3</p>
|
||||
<p class="invert title">:3</p>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
|
|
|
|||
|
|
@ -8,11 +8,23 @@
|
|||
<meta name="format-detection" content="telephone=no">
|
||||
</head>
|
||||
<body>
|
||||
<div class="box">
|
||||
<div class="center no-background">
|
||||
<a href="/"><img height="100vh" src="https://mirror.pixelated.sh/icons/pixelated/logo-512.png"></img></a>
|
||||
<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>
|
||||
<p class="invert">Pixelated Unity</p>
|
||||
<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">
|
||||
<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>
|
||||
A couple of worlds, gathered in one galaxy. <br>
|
||||
|
|
@ -22,7 +34,7 @@
|
|||
</div>
|
||||
|
||||
<div class="box">
|
||||
<p class="invert">Worlds</p>
|
||||
<p class="invert title">Worlds</p>
|
||||
<p>
|
||||
>> 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>
|
||||
|
|
@ -31,7 +43,7 @@
|
|||
</div>
|
||||
|
||||
<div class ="box">
|
||||
<p class="invert">Invites</p>
|
||||
<p class="invert title">Invites</p>
|
||||
<p>
|
||||
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>
|
||||
|
|
@ -40,7 +52,7 @@
|
|||
</div>
|
||||
|
||||
<div class="box">
|
||||
<p class="invert">Rules</p>
|
||||
<p class="invert title">Rules</p>
|
||||
<p>By playing on Pixelated Unity, you are agreeing to respect these guidelines.</p>
|
||||
<p>
|
||||
<span class="rule">>> Respect others</span> <br>
|
||||
|
|
@ -55,7 +67,7 @@
|
|||
</div>
|
||||
|
||||
<div class="box">
|
||||
<p class="invert">:3</p>
|
||||
<p class="invert title">:3</p>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue