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;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue