Complete redesign #2

Merged
n merged 4 commits from tui into main 2025-03-17 01:28:07 -05:00
25 changed files with 274 additions and 950 deletions

View file

@ -1,12 +0,0 @@
<!DOCTYPE html>
<head>
<title>everypizza.im</title>
<link rel="stylesheet" href="https://everypizza.im/index.css">
</head>
<body>
<div class="center">
<h2>Stub page</h2>
</div>
</body>

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.6 KiB

View file

@ -1,96 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="74.0mm"
height="52.0mm"
viewBox="0 0 74.0 52.0"
id="SVGRoot"
version="1.1"
xml:space="preserve"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
sodipodi:docname="logo.dark.svg"
inkscape:export-filename="logo.dark.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
inkscape:document-units="mm"
inkscape:zoom="2.8596286"
inkscape:cx="138.82922"
inkscape:cy="98.089661"
id="namedview1"
pagecolor="#505050"
bordercolor="#ffffff"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="1"
inkscape:deskcolor="#505050"
inkscape:window-width="1920"
inkscape:window-height="1008"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer2"
inkscape:export-bgcolor="#ffffff00" /><defs
id="defs1"><rect
x="92.669376"
y="52.454364"
width="180.44302"
height="33.570793"
id="rect2" /><rect
x="91.270593"
y="50.705885"
width="180.09332"
height="42.313187"
id="rect1" /></defs><g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"><text
xml:space="preserve"
transform="scale(0.26458333)"
id="text1"
style="text-align:start;writing-mode:lr-tb;direction:ltr;white-space:pre;shape-inside:url(#rect1);display:inline;fill:#ffffff" /><text
xml:space="preserve"
transform="matrix(0.26458333,0,0,0.26458333,0,8.2553542)"
id="text2"
style="text-align:start;writing-mode:lr-tb;direction:ltr;white-space:pre;shape-inside:url(#rect2);display:inline;fill:#ffffff"><tspan
x="92.669922"
y="75.973057"
id="tspan5"><tspan
style="font-size:26.6667px;font-family:'Atkinson Hyperlegible Mono';-inkscape-font-specification:'Atkinson Hyperlegible Mono, @wght=700';font-variation-settings:'wght' 700"
id="tspan2">EVERYPIZZA</tspan></tspan></text><text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.7611px;font-family:'Atkinson Hyperlegible Next';-inkscape-font-specification:'Atkinson Hyperlegible Next, @wght=700';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;font-variation-settings:'wght' 700;text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#ffffff;stroke-width:0.264583"
x="59.770287"
y="34.418804"
id="text3"><tspan
sodipodi:role="line"
id="tspan3"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.7611px;font-family:'Atkinson Hyperlegible Next';-inkscape-font-specification:'Atkinson Hyperlegible Next, @wght=200';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;font-variation-settings:'wght' 200;stroke-width:0.264583;fill:#ffffff"
x="59.770287"
y="34.418804">.im</tspan></text></g><g
inkscape:groupmode="layer"
id="layer2"
inkscape:label="Layer 2"><g
style="fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"
id="g1"
transform="matrix(1.1605507,0,0,1.1605507,-0.6037569,12.07391)"><path
d="m 12,14 -1,1"
id="path1"
style="stroke:#ffffff;stroke-opacity:1" /><path
d="M 13.75,18.25 12.5,19.67"
id="path2"
style="stroke:#ffffff;stroke-opacity:1" /><path
d="M 17.775,5.654 A 15.68,15.68 0 0 0 5.654,17.774"
id="path3"
style="stroke:#ffffff;stroke-opacity:1" /><path
d="M 18.8,9.3 A 3.990614,3.990614 0 0 0 20.9,17"
id="path4"
style="stroke:#ffffff;stroke-opacity:1" /><path
d="m 21.964,20.732 a 1,1 0 0 1 -1.232,1.232 l -18,-5 A 1,1 0 0 1 2.037,15.732 19.68,19.68 0 0 1 15.732,2.037 1,1 0 0 1 16.964,2.732 Z"
id="path5"
style="stroke:#ffffff;stroke-opacity:1" /></g></g></svg>

Before

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7 KiB

View file

@ -1,90 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="74.0mm"
height="52.0mm"
viewBox="0 0 74.0 52.0"
id="SVGRoot"
version="1.1"
xml:space="preserve"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
sodipodi:docname="logo.svg"
inkscape:export-filename="logo.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
inkscape:document-units="mm"
inkscape:zoom="2.8596286"
inkscape:cx="138.82922"
inkscape:cy="98.089661"
id="namedview1"
pagecolor="#505050"
bordercolor="#ffffff"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="1"
inkscape:deskcolor="#505050"
inkscape:window-width="1920"
inkscape:window-height="1008"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" /><defs
id="defs1"><rect
x="92.669376"
y="52.454364"
width="180.44302"
height="33.570793"
id="rect2" /><rect
x="91.270593"
y="50.705885"
width="180.09332"
height="42.313187"
id="rect1" /></defs><g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"><text
xml:space="preserve"
transform="scale(0.26458333)"
id="text1"
style="fill:#000000;text-orientation:auto;text-align:start;writing-mode:lr-tb;direction:ltr;white-space:pre;shape-inside:url(#rect1)" /><text
xml:space="preserve"
transform="matrix(0.26458333,0,0,0.26458333,0,8.2553542)"
id="text2"
style="text-align:start;writing-mode:lr-tb;direction:ltr;white-space:pre;shape-inside:url(#rect2);fill:#000000"><tspan
x="92.669922"
y="75.973057"
id="tspan5"><tspan
style="font-size:26.6667px;font-family:'Atkinson Hyperlegible Mono';-inkscape-font-specification:'Atkinson Hyperlegible Mono, @wght=700';font-variation-settings:'wght' 700"
id="tspan2">EVERYPIZZA</tspan></tspan></text><text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.7611px;font-family:'Atkinson Hyperlegible Next';-inkscape-font-specification:'Atkinson Hyperlegible Next, @wght=700';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;font-variation-settings:'wght' 700;text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#000000;stroke-width:0.264583"
x="59.770287"
y="34.418804"
id="text3"><tspan
sodipodi:role="line"
id="tspan3"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7.7611px;font-family:'Atkinson Hyperlegible Next';-inkscape-font-specification:'Atkinson Hyperlegible Next, @wght=200';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;font-variation-settings:'wght' 200;stroke-width:0.264583"
x="59.770287"
y="34.418804">.im</tspan></text></g><g
inkscape:groupmode="layer"
id="layer2"
inkscape:label="Layer 2"><g
style="fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round"
id="g1"
transform="matrix(1.1605507,0,0,1.1605507,-0.6037569,12.07391)"><path
d="m 12,14 -1,1"
id="path1" /><path
d="M 13.75,18.25 12.5,19.67"
id="path2" /><path
d="M 17.775,5.654 A 15.68,15.68 0 0 0 5.654,17.774"
id="path3" /><path
d="M 18.8,9.3 A 3.990614,3.990614 0 0 0 20.9,17"
id="path4" /><path
d="m 21.964,20.732 a 1,1 0 0 1 -1.232,1.232 l -18,-5 A 1,1 0 0 1 2.037,15.732 19.68,19.68 0 0 1 15.732,2.037 1,1 0 0 1 16.964,2.732 Z"
id="path5" /></g></g></svg>

Before

Width:  |  Height:  |  Size: 4.1 KiB

53
site/assets/style.css Normal file
View file

@ -0,0 +1,53 @@
@font-face {
font-family: "Atkinson Hyperlegible Mono WOFF2;
src: url('/assets/fonts/AtkinsonHyperlegibleMono-Regular.woff2');
}
@font-face {
font-family: "Atkinson Hyperlegible Mono TTF;
src: url('/assets/fonts/Fixedsys Excelsior/AtkinsonHyperlegibleMono-Regular.ttf');
}
@media (min-width: 1000px) {
body {
width: 70%;
}
}
body {
background-color: black;
margin: auto;
color: white;
font-family: Atkinson Hyperlegible Mono WOFF2, Atkinson Hyperlegible Mono TTF, monospace;
}
.main {
background-color: black;
font-size: 18px;
}
.nav {
font-size: 20px;
padding-left: 5px;
padding-right: 5px;
background-color: hotpink;
}
.nav a {
color: black;
text-decoration: none;
}
.nav > .current {
background-color: white;
color: black;
}
a:hover {
color: darkblue;
}
a {
color: dodgerblue;
text-decoration: none;
}

View file

@ -1,34 +0,0 @@
<!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="content">
<a class="link link-large" href="index.html">← Back to homepage</a>
<h2>
Contact
</h2>
<hr>
Please use one of these:
<br>
<ul>
<li>
<a class="link" href="xmpp:nyx@everypizza.im">XMPP/Jabber</a>
</li>
<br>
<li>
<a class="link" href="matrix:u/n:everypizza.im">Matrix</a>
</li>
<br>
<li>
<a class="link" href="mailto:me@everypizza.im">Email</a>
</li>
<br>
</ul>
</div>
</body>

47
site/contact.xht Normal file
View file

@ -0,0 +1,47 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>MiDGARD</title>
<link rel="stylesheet" href="/assets/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<div class="header">
<pre>
███████╗██╗ ██╗███████╗██████╗ ██╗ ██╗██████╗ ██╗███████╗███████╗ █████╗ ██╗███╗ ███╗
██╔════╝██║ ██║██╔════╝██╔══██╗╚██╗ ██╔╝██╔══██╗██║╚══███╔╝╚══███╔╝██╔══██╗ ██║████╗ ████║
█████╗ ██║ ██║█████╗ ██████╔╝ ╚████╔╝ ██████╔╝██║ ███╔╝ ███╔╝ ███████║ ██║██╔████╔██║
██╔══╝ ╚██╗ ██╔╝██╔══╝ ██╔══██╗ ╚██╔╝ ██╔═══╝ ██║ ███╔╝ ███╔╝ ██╔══██║ ██║██║╚██╔╝██║
███████╗ ╚████╔╝ ███████╗██║ ██║ ██║ ██║ ██║███████╗███████╗██║ ██║██╗██║██║ ╚═╝ ██║
╚══════╝ ╚═══╝ ╚══════╝╚═╝ ╚═╝ ╚═╝ ╚═╝ ╚═╝╚══════╝╚══════╝╚═╝ ╚═╝╚═╝╚═╝╚═╝ ╚═╝
</pre>
<div class="nav">
<a href="/index.xht">HOME</a>
<a href="/rules.xht">RULES</a>
<a href="/services.xht">SERVICES</a>
<a href="/contact.xht" class="current">CONTACT</a>
</div>
</div>
<div class="main">
<p>
To contact the admin, XMPP is usually the fastest. Please use
<a href="xmpp:nyx@everypizza.im">nyx@everypizza.im</a>. It also has Matrix:
<a href="matrix:u/n:everypizza.im">@n:everypizza.im</a>, fedi:
<a href="https://sharkey.everypizza.im/@me/">@me@sharkey.everypizza.im</a>, and if all
else fails, email: <a href="mailto:me@everypizza.im">me@everypizza.im</a>.
</p>
</div>
<div class="footer">
<p>
This design is <del>stolen from</del> inspired by Midgard, on
<a href="http://[300:5506:25eb:d0d9::]/">Yggdrasil</a> and
<a href="http://midgardmvjfdvespsrfr3fmcyjwmnqhvsmiea7wqoyrrn5rpzp6zo5ad.onion/">Tor</a>.
</p>
</div>
</body>
</html>

View file

@ -1,37 +0,0 @@
<!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>

View file

@ -1,195 +0,0 @@
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Mono:ital,wght@0,200..800;1,200..800&family=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&display=swap');
.center {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
will-change: transform;
animation: blurIn 500ms ease-in-out;
}
body, html {
height: 100%;
}
.content {
will-change: transform;
animation: blurIn 500ms ease-in-out;
}
@media (prefers-color-scheme: dark) {
body {
animation: fadeIn 500ms ease-in-out;
background-color: black;
color: white;
margin: 1em auto;
padding: 1em;
max-width: 50em;
}
.button {
display:inline-block;
padding:10px 24px;
margin:2px;
border-radius:24px;
background-color:#1b1b1b;
color:#ffffff;
text-decoration:none;
font-size:16px;
margin-bottom:16px;
box-shadow:inset 0 0.0625rem 0 rgb(255 255 255 / 0.1);
transition: 0.3s ease-out;
}
.button-white {
background-color:#ffffff;
color:#000000
}
.button:hover {
background-color:#ffffff;
color:#000000;
}
.link {
color: #ffffff;
background-color: #1b1b1b;
font-size: 0.9em;
text-decoration: none;
border-radius: 6px;
padding: 0.2em 0.7em;
transition: 0.2s;
}
.link-large {
margin-bottom:16px;
padding:10px 24px;
margin:2px;
border-radius: 30px
}
.link:hover {
color: #000000;
background-color: #ffffff;
}
}
@media (prefers-color-scheme: light) {
body {
animation: fadeIn 500ms ease-in-out;
background-color: white;
color: black;
margin: 1em auto;
padding: 1em;
max-width: 50em;
}
.button {
display:inline-block;
padding:10px 24px;
margin:2px;
border-radius:24px;
background-color: #ebebeb;
color: black;
text-decoration:none;
font-size:16px;
margin-bottom:16px;
box-shadow:inset 0 0.0625rem 0 rgb(255 255 255 / 0.1);
transition: 0.3s ease-out;
}
.button-white {
background-color: black;
color: white
}
.button:hover {
background-color: black;
color: white;
}
.link {
color: black;
background-color: #ebebeb;
font-size: 0.9em;
text-decoration: none;
border-radius: 6px;
padding: 0.2em 0.7em;
transition: 0.2s;
}
.link-large {
margin-bottom:16px;
padding:10px 24px;
margin:2px;
border-radius: 30px
}
.link:hover {
color: white;
background-color: black;
}
}
h1, h2, h3, h4, h5, h6 {
font-family: "Atkinson Hyperlegible Mono", monospace;
font-weight: 600
}
small {
font-weight: 200
}
* {
font-family: "Atkinson Hyperlegible Next", sans-serif;
font-weight: 400
}
b {
font-weight: 600 !important;
}
hr.less-important {
border-top: 1px dotted;
}
@keyframes fadeIn {
from {
opacity:0;
}
to {
opacity:1;
}
}
@keyframes blurIn {
from {
filter: blur(0.2rem);
}
to {
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;
}

View file

@ -1,114 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<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="banner-image">
<div class="banner-text">
<h1>everypizza.im</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>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>
</html>

47
site/index.xht Normal file
View file

@ -0,0 +1,47 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>EveryPizza IM</title>
<link rel="stylesheet" href="/assets/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<div class="header">
<pre>
███████╗██╗ ██╗███████╗██████╗ ██╗ ██╗██████╗ ██╗███████╗███████╗ █████╗ ██╗███╗ ███╗
██╔════╝██║ ██║██╔════╝██╔══██╗╚██╗ ██╔╝██╔══██╗██║╚══███╔╝╚══███╔╝██╔══██╗ ██║████╗ ████║
█████╗ ██║ ██║█████╗ ██████╔╝ ╚████╔╝ ██████╔╝██║ ███╔╝ ███╔╝ ███████║ ██║██╔████╔██║
██╔══╝ ╚██╗ ██╔╝██╔══╝ ██╔══██╗ ╚██╔╝ ██╔═══╝ ██║ ███╔╝ ███╔╝ ██╔══██║ ██║██║╚██╔╝██║
███████╗ ╚████╔╝ ███████╗██║ ██║ ██║ ██║ ██║███████╗███████╗██║ ██║██╗██║██║ ╚═╝ ██║
╚══════╝ ╚═══╝ ╚══════╝╚═╝ ╚═╝ ╚═╝ ╚═╝ ╚═╝╚══════╝╚══════╝╚═╝ ╚═╝╚═╝╚═╝╚═╝ ╚═╝
</pre>
<div class="nav">
<a href="/index.xht" class="current">HOME</a>
<a href="/rules.xht">RULES</a>
<a href="/services.xht">SERVICES</a>
<a href="/contact.xht">CONTACT</a>
</div>
</div>
<div class="main">
<p>
Hi! everypizza.im is a collection of privacy-respecting services offered for the community for free.
Originally, these services were gonna be private. Then someone asked for an account, and then it went
"public by request". Now, we have the resources to deal with spam and can make these services public for
all to use.
</p>
<p>
For now, most things are clearnet only. We're working on getting stuff on Tor, Yggdrasil, and I2P.
</p>
</div>
<div class="footer">
<p>
This design is <del>stolen from</del> inspired by Midgard, on
<a href="http://[300:5506:25eb:d0d9::]/">Yggdrasil</a> and
<a href="http://midgardmvjfdvespsrfr3fmcyjwmnqhvsmiea7wqoyrrn5rpzp6zo5ad.onion/">Tor</a>.
</p>
</div>
</body>
</html>

View file

@ -1,158 +0,0 @@
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Mono:ital,wght@0,200..800;1,200..800&family=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&display=swap');
.center {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
will-change: transform;
animation: blurIn 500ms ease-in-out;
}
.content {
will-change: transform;
animation: blurIn 500ms ease-in-out;
}
@media (prefers-color-scheme: dark) {
body {
animation: fadeIn 500ms ease-in-out;
background-color: black;
color: white;
margin: 1em auto;
padding: 1em;
max-width: 50em;
}
.button {
display:inline-block;
padding:10px 24px;
margin:2px;
border-radius:24px;
background-color:#1b1b1b;
color:#ffffff;
text-decoration:none;
font-size:16px;
margin-bottom:16px;
box-shadow:inset 0 0.0625rem 0 rgb(255 255 255 / 0.1);
transition: 0.3s ease-out;
}
.button-white {
background-color:#ffffff;
color:#000000
}
.button:hover {
background-color:#ffffff;
color:#000000;
}
.link {
color: #ffffff;
background-color: #1b1b1b;
font-size: 0.9em;
text-decoration: none;
border-radius: 6px;
padding: 0.2em 0.7em;
transition: 0.2s;
}
.link-large {
margin-bottom:16px;
padding:10px 24px;
margin:2px;
border-radius: 30px
}
.link:hover {
color: #000000;
background-color: #ffffff;
}
}
@media (prefers-color-scheme: light) {
body {
animation: fadeIn 500ms ease-in-out;
background-color: white;
color: black;
margin: 1em auto;
padding: 1em;
max-width: 50em;
}
.button {
display:inline-block;
padding:10px 24px;
margin:2px;
border-radius:24px;
background-color: #ebebeb;
color: black;
text-decoration:none;
font-size:16px;
margin-bottom:16px;
box-shadow:inset 0 0.0625rem 0 rgb(255 255 255 / 0.1);
transition: 0.3s ease-out;
}
.button-white {
background-color: black;
color: white
}
.button:hover {
background-color: black;
color: white;
}
.link {
color: black;
background-color: #ebebeb;
font-size: 0.9em;
text-decoration: none;
border-radius: 6px;
padding: 0.2em 0.7em;
transition: 0.2s;
}
.link-large {
margin-bottom:16px;
padding:10px 24px;
margin:2px;
border-radius: 30px
}
.link:hover {
color: white;
background-color: black;
}
}
h1, h2, h3 {
font-family: "Atkinson Hyperlegible Mono", monospace;
font-weight: 600
}
small {
font-weight: 200
}
* {
font-family: "Atkinson Hyperlegible Next", sans-serif;
font-weight: 400
}
@keyframes fadeIn {
from {
opacity:0;
}
to {
opacity:1;
}
}
@keyframes blurIn {
from {
filter: blur(0.2rem);
}
to {
filter: blur(0rem);
}
}

View file

@ -1,48 +0,0 @@
<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="content">
<a class="link link-large" href="/services.html">← Back to services</a>
<h2>
Matrix homeserver info
</h2>
<hr>
<p>
The Matrix homeserver is under a dynamic IP, so conduwuit servers will have federation problems at times.
Addtionally, 1 homeserver (transfem(dot)dev) has <b>intentionally</b> blocked federation with us due to interpersonal conflicts.
A few very large rooms are banned on the server.
</p>
<hr class="less-important">
<p>
Additionally, for the safety of our users, we have blocked some servers. For transparency reasons, here's the list:
<details>
<summary>
Blocked servers
</summary>
<ul>
<li>
Every domain owned by June
<details>
<summary>
Reasoning
</summary>
The domains make the admin and some users uncomfortable.
</details>
</li>
<li>
sulian.eu
<details>
<summary>
Reasoning
</summary>
Server administrator was being excessively disruptive.
</details>
</li>
</ul>
</details>
</div>
</body>

View file

@ -1,32 +0,0 @@
<!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="content">
<a class="link link-large" href="index.html">← Back to homepage</a>
<h2>
Rules
</h2>
<hr>
<ol>
<li>
Assume good intent in others' actions.
</li>
<li>
Do not use unnecessary resources.
</li>
<li>
Be kind to other users.
</li>
<li>
Follow United States and Texas law.
</li>
</ol>
</div>
</body>

47
site/rules.xht Normal file
View file

@ -0,0 +1,47 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>EveryPizza IM</title>
<link rel="stylesheet" href="/assets/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<div class="header">
<pre>
███████╗██╗ ██╗███████╗██████╗ ██╗ ██╗██████╗ ██╗███████╗███████╗ █████╗ ██╗███╗ ███╗
██╔════╝██║ ██║██╔════╝██╔══██╗╚██╗ ██╔╝██╔══██╗██║╚══███╔╝╚══███╔╝██╔══██╗ ██║████╗ ████║
█████╗ ██║ ██║█████╗ ██████╔╝ ╚████╔╝ ██████╔╝██║ ███╔╝ ███╔╝ ███████║ ██║██╔████╔██║
██╔══╝ ╚██╗ ██╔╝██╔══╝ ██╔══██╗ ╚██╔╝ ██╔═══╝ ██║ ███╔╝ ███╔╝ ██╔══██║ ██║██║╚██╔╝██║
███████╗ ╚████╔╝ ███████╗██║ ██║ ██║ ██║ ██║███████╗███████╗██║ ██║██╗██║██║ ╚═╝ ██║
╚══════╝ ╚═══╝ ╚══════╝╚═╝ ╚═╝ ╚═╝ ╚═╝ ╚═╝╚══════╝╚══════╝╚═╝ ╚═╝╚═╝╚═╝╚═╝ ╚═╝
</pre>
<div class="nav">
<a href="/index.xht">HOME</a>
<a href="/rules.xht" class="current">RULES</a>
<a href="/services.xht">SERVICES</a>
<a href="/contact.xht">CONTACT</a>
</div>
</div>
<div class="main">
<p>
Our rules are pretty light. It's the least possible to help us achive our goals
and not get us in legal trouble.
</p>
<p>
You may not use everypizza.im services to break Texas or US law. Brute-forcing passwords,
DDoSing, unnecessarily using system resources, "pentesting", etc. is strictly forbidden.
If you see abusive content on our services, <i>please</i> report it.
</p>
</div>
<div class="footer">
<p>
This design is <del>stolen from</del> inspired by Midgard, on
<a href="http://[300:5506:25eb:d0d9::]/">Yggdrasil</a> and
<a href="http://midgardmvjfdvespsrfr3fmcyjwmnqhvsmiea7wqoyrrn5rpzp6zo5ad.onion/">Tor</a>.
</p>
</div>
</body>
</html>

View file

@ -1,83 +0,0 @@
<!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="content">
<a class="link link-large" href="index.html">← Back to homepage</a>
<h2>
Services
</h2>
<hr>
<ul>
<li>
<a class="link" href="https://element.everypizza.im">Element</a> (external or local account)
</li>
<br>
<li>
<a class="link" href="https://admin.everypizza.im">Synapse-Admin</a> (external or local account, only works if you administrate a homeserver)
</li>
<br>
<li>
<a class="link" href="https://git.everypizza.im">Forgejo</a> (public!)
</li>
<br>
<li>
<a class="link" href="https://matrix.everypizza.im">Matrix (Synapse)</a> (ask for an account, but please read this <a class="link" href="/matrix">info</a> first!)
</li>
<br>
<li>
<a class="link" href="https://thelounge.everypizza.im">The Lounge</a> (ask for an account!)
</li>
<br>
<li>
<a class="link" href="https://sharkey.everypizza.im">Sharkey</a> (ask for an account!)
</li>
<br>
<li>
<a class="link" href="https://friendica.everypizza.im">Friendica</a> (you may ask for an account, but the phpmailer addon isn't working so it'll take a bit to get your password. please put a Matrix ID or Jabber ID in the registration reason box.)
</li>
<br>
<li>
<a class="link" href="https://dash.everypizza.im">Grafana</a> (private)
</li>
<br>
<li>
<a class="link" href="https://penpot.everypizza.im">Penpot</a> (private)
</li>
<br>
<li>
<a class="link" href="https://photos.everypizza.im">Immich</a> (private)
</li>
</ul>
<hr>
<h3>
Non-HTTP
</h3>
<ul>
<li>
Yggdrasil - tcp://ygg.everypizza.im:9441, tcp://99.10.221.198:9441, or tcp://[2600:1702:4caa:ac10::26]:9441 (publicly accessible)
</li>
<br>
<li>
XMPP (Prosody) (private)
</li>
</ul>
<h3>
Non-working :(
</h3>
<small>
Services that aren't working currently.
</small>
<ul>
<li>
<a class="link" href="https://cinny.everypizza.im">Cinny</a> (Files in wrong spots, can't figure out how to fix)
</li>
</ul>
</div>
</body>

80
site/services.xht Normal file
View file

@ -0,0 +1,80 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>EveryPizza IM</title>
<link rel="stylesheet" href="/assets/style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<div class="header">
<pre>
███████╗██╗ ██╗███████╗██████╗ ██╗ ██╗██████╗ ██╗███████╗███████╗ █████╗ ██╗███╗ ███╗
██╔════╝██║ ██║██╔════╝██╔══██╗╚██╗ ██╔╝██╔══██╗██║╚══███╔╝╚══███╔╝██╔══██╗ ██║████╗ ████║
█████╗ ██║ ██║█████╗ ██████╔╝ ╚████╔╝ ██████╔╝██║ ███╔╝ ███╔╝ ███████║ ██║██╔████╔██║
██╔══╝ ╚██╗ ██╔╝██╔══╝ ██╔══██╗ ╚██╔╝ ██╔═══╝ ██║ ███╔╝ ███╔╝ ██╔══██║ ██║██║╚██╔╝██║
███████╗ ╚████╔╝ ███████╗██║ ██║ ██║ ██║ ██║███████╗███████╗██║ ██║██╗██║██║ ╚═╝ ██║
╚══════╝ ╚═══╝ ╚══════╝╚═╝ ╚═╝ ╚═╝ ╚═╝ ╚═╝╚══════╝╚══════╝╚═╝ ╚═╝╚═╝╚═╝╚═╝ ╚═╝
</pre>
<div class="nav">
<a href="/index.xht">HOME</a>
<a href="/rules.xht">RULES</a>
<a href="/services.xht" class="current">SERVICES</a>
<a href="/contact.xht">CONTACT</a>
</div>
</div>
<div class="main">
<p>
Here's all the public services we have! To prevent spam, you need an email to register on almost all.
For a few of these, you need to ask for an account.
</p>
<p>
<ul>
<li>
Matrix: Runs Synapse. Our first and most popular service. Clearnet only, properly delegated.
Register at our Matrix Authentication Service instance:
<a href="https://mxauth.everypizza.im/register/password">clearnet</a>.
</li>
<li>
Synapse-Admin: A tool for managing Synapse. Only works if you administrate a homeserver, but it's
not locked to any specific homeserver. Available on
<a href="http://synadmfz45wvcq45yxx2pyscozosqtddeabicv27hbqkjuga5iwkgxad.onion/">Tor</a> and
<a href="https://admin.everypizza.im/">clearnet</a>.
</li>
<li>
Forgejo: Git hosting software. It's a fork of Gitea, and is written in Go. Git SSH is enabled on
port 2222. Available on <a href="https://git.everypizza.im/">clearnet</a>.
</li>
<li>
Prosody: XMPP implementation in Lua. We have in-band registration, so you can register in most
clients. Available on clearnet at everypizza.im.
</li>
<li>
Element: Most feature-complete Matrix client. Also pretty bloated. Avaliable on
<a href="http://elemeej6geolie4i3fvp5vdqarg4qjcpd3vwdshje7od7tinplsg7kyd.onion/">Tor</a> and
<a href="https://element.everypizza.im/">clearnet</a>.
</li>
<li>
Sharkey: Fediverse software based on Misskey, written in Node.JS. Very bloated. Please ask for an
account if you want one! Avaliable on <a href="https://sharkey.everypizza.im/">clearnet</a>.
</li>
<li>
Cinny: Another Matrix client, Discord-like. Has less features than Element, although it has some
things that Element doesn't like custom emoji. (We have an emoji pack room at #emoji:everypizza.im!)
Avaliable on <a href="http://cinny6ftbsw77nqe7w6lsvsi7vjlrocg4vybm2rx6qwfl5kjrweyvmqd.onion/">Tor</a>
and <a href="https://cinny.everypizza.im/">clearnet</a>.
</li>
</ul>
</p>
</div>
<div class="footer">
<p>
This design is <del>stolen from</del> inspired by Midgard, on
<a href="http://[300:5506:25eb:d0d9::]/">Yggdrasil</a> and
<a href="http://midgardmvjfdvespsrfr3fmcyjwmnqhvsmiea7wqoyrrn5rpzp6zo5ad.onion/">Tor</a>.
</p>
</div>
</body>
</html>

View file

@ -1,39 +0,0 @@
<!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="content">
<a class="link link-large" href="index.html">← Back to homepage</a>
<h2>
System information
</h2>
<hr>
<ul>
<li>
CPU: Intel(R) Core(TM) i5-4590 (4) @ 3.70 GHz
</li>
<br>
<li>
GPU: Intel Xeon E3-1200 v3/4th Gen Core Processor Integrated Graphics Controller @ 1.15 GHz [Integrated]
</li>
<br>
<li>
Disk (/): 231.88 GiB - btrfs
</li>
<br>
<li>
OS: Arch Linux x86_64
</li>
<br>
<li>
Connection: 500Mbps up/down, WiFi
</li>
</ul>
</div>
</body>

View file

@ -1,12 +0,0 @@
<!DOCTYPE html>
<head>
<title>everypizza.im</title>
<link rel="stylesheet" href="https://everypizza.im/index.css">
</head>
<body>
<div class="center">
<h2>Stub page</h2>
</div>
</body>