start work on a new homepage

This commit is contained in:
Nyx 2025-03-15 22:55:44 -05:00
parent fc1df799f6
commit 80315772d9
3 changed files with 84 additions and 0 deletions

55
site/index-new.html Normal file
View file

@ -0,0 +1,55 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Every Pizza Instant Messaging</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<div class="banner-image">
<div class="banner-text">
<h1>Every Pizza Instant Messaging</h1>
</div>
<div class="banner-bottom-right">
"Berninabahn zwischen Lagalb und Ospizio Bernina im Winter" is in the <a href="https://commons.wikimedia.org/wiki/File:Berninabahn_zwischen_Lagalb_und_Ospizio_Bernina_im_Winter.jpg" class="link">public domain.</a>
</div>
</div>
<div style="text-align: center;">
<h2>About Us</h2>
</div>
<p>
everypizza.im is a collection of services hosted by Nyx, mostly revolving around communication.
</p>
<div style="text-align: center;">
<h2>Join Us</h2>
</div>
<p>
We don't really have an "official chat". However, the most active chat hosted on our services is <a href="https://matrix.to/#/#wave:everypizza.im" class="link">Wavesmiley HQ</a>.
</p>
<div style="text-align: center;">
<h2>Services</h2>
</div>
<p>
We host a lot of services. Our most popular is Matrix, at <a href="https://matrix.everypizza.im/" class="link">matrix.everypizza.im</a>. We're running Synapse.
There's also a Sharkey at <a href="https://sharkey.everypizza.im/" class="link">sharkey.everypizza.im</a>. Sometimes, we'll set up temporary services to test stuff out.
</p>
<h3>
All services
</h3>
<p>
<h4>
Public
</h4>
<ul>
<li>
<a href="https://mxauth.everypizza.im/register/password" class="link">
Matrix
</a>
<a></a>
PRsody
</li>
</ul>
</p>
</body>
</html>

View file

@ -10,6 +10,10 @@
animation: blurIn 500ms ease-in-out;
}
body, html {
height: 100%;
}
.content {
will-change: transform;
animation: blurIn 500ms ease-in-out;
@ -164,3 +168,28 @@ hr.less-important {
filter: blur(0rem);
}
}
.banner-image {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("Berninabahn_zwischen_Lagalb_und_Ospizio_Bernina_im_Winter.jxl");
height: 50%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.banner-text {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
}
.banner-bottom-right {
position: absolute;
bottom: 8px;
right: 16px;
color: white;
}