redesign
This commit is contained in:
parent
80315772d9
commit
7000406005
5 changed files with 151 additions and 95 deletions
|
|
@ -1,3 +0,0 @@
|
||||||
# everypizza.im-2
|
|
||||||
|
|
||||||
A WIP redesign of everypizza.im.
|
|
||||||
|
|
@ -1,55 +0,0 @@
|
||||||
<!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>
|
|
||||||
37
site/index-old.html
Normal file
37
site/index-old.html
Normal file
|
|
@ -0,0 +1,37 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>everypizza.im</title>
|
||||||
|
<link rel="stylesheet" href="index.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="center">
|
||||||
|
<picture>
|
||||||
|
<source srcset="assets/logo.png" media="(prefers-color-scheme: light)"/>
|
||||||
|
<source srcset="assets/logo.dark.png" media="(prefers-color-scheme: dark)"/>
|
||||||
|
<img src="assets/logo.png"/>
|
||||||
|
</picture>
|
||||||
|
<h2>
|
||||||
|
Welcome!
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
These are some services we host. <br>
|
||||||
|
<small>
|
||||||
|
Any of them may go down at any time.
|
||||||
|
</small>
|
||||||
|
</p>
|
||||||
|
<br>
|
||||||
|
<a class="button" href="contact">Contact</a>
|
||||||
|
<a class="button" href="rules">Rules</a>
|
||||||
|
<a class="button" href="https://status.everypizza.im/status/">Status</a>
|
||||||
|
<a class="button" href="sysinfo">System Info</a>
|
||||||
|
<a class="button button-white" href="services">Services →</a>
|
||||||
|
<br>
|
||||||
|
<small>
|
||||||
|
Design is heavily inspired by <a class="link" href="https://telepath.im/">telepath.im</a>.
|
||||||
|
</small>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
@ -129,7 +129,7 @@ body, html {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
font-family: "Atkinson Hyperlegible Mono", monospace;
|
font-family: "Atkinson Hyperlegible Mono", monospace;
|
||||||
font-weight: 600
|
font-weight: 600
|
||||||
}
|
}
|
||||||
|
|
|
||||||
131
site/index.html
131
site/index.html
|
|
@ -1,37 +1,114 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>everypizza.im</title>
|
<title>everypizza.im</title>
|
||||||
<link rel="stylesheet" href="index.css">
|
<link rel="stylesheet" href="index.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="center">
|
<div class="banner-image">
|
||||||
<picture>
|
<div class="banner-text">
|
||||||
<source srcset="assets/logo.png" media="(prefers-color-scheme: light)"/>
|
<h1>everypizza.im</h1>
|
||||||
<source srcset="assets/logo.dark.png" media="(prefers-color-scheme: dark)"/>
|
|
||||||
<img src="assets/logo.png"/>
|
|
||||||
</picture>
|
|
||||||
<h2>
|
|
||||||
Welcome!
|
|
||||||
</h2>
|
|
||||||
<p>
|
|
||||||
These are some services we host. <br>
|
|
||||||
<small>
|
|
||||||
Any of them may go down at any time.
|
|
||||||
</small>
|
|
||||||
</p>
|
|
||||||
<br>
|
|
||||||
<a class="button" href="contact">Contact</a>
|
|
||||||
<a class="button" href="rules">Rules</a>
|
|
||||||
<a class="button" href="https://status.everypizza.im/status/">Status</a>
|
|
||||||
<a class="button" href="sysinfo">System Info</a>
|
|
||||||
<a class="button button-white" href="services">Services →</a>
|
|
||||||
<br>
|
|
||||||
<small>
|
|
||||||
Design is heavily inspired by <a class="link" href="https://telepath.im/">telepath.im</a>.
|
|
||||||
</small>
|
|
||||||
</div>
|
</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>services</h2>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
we host a few services, hoping to host more soon. 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">
|
||||||
|
synapse (matrix)
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
prosody (xmpp, point your client to everypizza.im - we have in-band registration!)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://git.everypizza.im/" class="link">
|
||||||
|
forgejo
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://element.everypizza.im/" class="link">
|
||||||
|
element
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://Cinny.everypizza.im/" class="link">
|
||||||
|
cinny
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://admin.everypizza.im/" class="link">
|
||||||
|
synapse-Admin
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h4>
|
||||||
|
open by request
|
||||||
|
</h4>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="https://sharkey.everypizza.im/" class="link">
|
||||||
|
sharkey
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h4>
|
||||||
|
temporary services
|
||||||
|
</h4>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="https://smithereen.everypizza.im/" class="link">
|
||||||
|
smithereen
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</p>
|
||||||
|
<div style="text-align: center;">
|
||||||
|
<h2>contact</h2>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
matrix: @n:everypizza.im
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
xmpp: nyx@everypizza.im
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
email: me@everypizza.im
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
fedi: me@sharkey.everypizza.im
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</p>
|
||||||
|
<footer>
|
||||||
|
<small>
|
||||||
|
made with love | <a href="https://status.everypizza.im/" class="link">status</a>
|
||||||
|
</small>
|
||||||
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Add table
Reference in a new issue