start work on a new homepage
This commit is contained in:
parent
fc1df799f6
commit
80315772d9
3 changed files with 84 additions and 0 deletions
Binary file not shown.
55
site/index-new.html
Normal file
55
site/index-new.html
Normal 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>
|
|
@ -10,6 +10,10 @@
|
||||||
animation: blurIn 500ms ease-in-out;
|
animation: blurIn 500ms ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body, html {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
will-change: transform;
|
will-change: transform;
|
||||||
animation: blurIn 500ms ease-in-out;
|
animation: blurIn 500ms ease-in-out;
|
||||||
|
@ -164,3 +168,28 @@ hr.less-important {
|
||||||
filter: blur(0rem);
|
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;
|
||||||
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue