diff --git a/html/assets/style.css b/html/assets/style.css index ba734f5..e999987 100644 --- a/html/assets/style.css +++ b/html/assets/style.css @@ -13,7 +13,6 @@ :root { --accent-color: #b4befe; - --accent-color-dark: #9198cd; --text-color: #b8c0ff; --background-color: #191724; } @@ -27,7 +26,7 @@ body { } p { - font-size: 18px; + font-size: 16px; color: var(--text-color); } @@ -47,20 +46,15 @@ footer { } footer p { - font-size: 14px; + font-size: 10px; } /* Custom classes */ .box { - width: min(80%, 1400px); + width: min(1400px, 90%); margin-inline: auto; } -.title { - font-size: 18px; - font-weight: bolder; -} - .invert { background-color: var(--text-color); color: var(--background-color); @@ -97,89 +91,3 @@ 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;} -} diff --git a/html/index.html b/html/index.html index bd114d1..545ea7a 100644 --- a/html/index.html +++ b/html/index.html @@ -8,52 +8,40 @@ -
- -
-
-
- Pixelated.sh -
-
- Home - World - Haven - Archives -
-
-
-

About

+
+ +
+

About

- A collective of services hosted by the fops called Bo.
- Powered by a cozy ecosystem of creatures since 2024.
- Open for all mutuals of Bo to join and explore.
+ A collective of services hosted by queers, for queers.
+ Powered by a cozy ecosystem of creatures since 2024.
+ All home-brewed and mixed with plenty of foxgirl love & energy.

-

Services

+

Services

- > Pixelated World: Our Sharkey instance. Social
- > Pixelated Haven: Our Nextcloud instance. Cloud
- > Pixelated Archives: Our Forgejo instance. Code
- > Pixelated Unity: Our Minecraft server. Games
+ > Pixelated World: Our self-hosted Sharkey instance. Social
+ > Pixelated Haven: Our self-hosted Nextcloud instance. Cloud
+ > Pixelated Archives: Our self-hosted Forgejo instance. Code
+ > Pixelated Unity: Our self-hosted Minecraft server. Games

-

Maintainer(s)

+

Maintainer(s)

> Bo⋆˚✿˖° (she/they) Maintainer of infrastructure

-

Contact

+

Contact

Do you have any questions, inqueries, or have feedback?
- Please reach out to us at:
+ Please contact a maintainer, or reach out to us at:
> E-Mail: info@pixelated.sh
> Fediverse: @pixelated@floss.social
We look forward to hearing from you!
@@ -61,7 +49,7 @@

-

:3

+

:3