Compare commits
67 commits
| Author | SHA256 | Date | |
|---|---|---|---|
| ea50dd54d1 | |||
| 64e1d795e6 | |||
| f478591271 | |||
| 334241a391 | |||
| 01d9e00a56 | |||
| bb70e6405b | |||
| 1fecba6529 | |||
| dfcd499c31 | |||
| ea87dfdb50 | |||
| cddeac8304 | |||
| c3c4977f28 | |||
| a291ab8355 | |||
| 4142a7ba51 | |||
| 0168c5301a | |||
| efc8e9520f | |||
| 8cfca953e8 | |||
| 77816e728b | |||
| 32fa5ab246 | |||
| d6b640ca32 | |||
| 70bf1be853 | |||
| 5a014047cc | |||
| e72abde3da | |||
| 5bc4c4b6db | |||
| 38157b66be | |||
| 0690fa4d19 | |||
| 722a9d8c29 | |||
| 0d5519c4e9 | |||
| ecd8efc395 | |||
| ad463ec0bf | |||
| bd02ec313e | |||
| c991917d8a | |||
| 51cf3f5964 | |||
| 49b55d1764 | |||
| 683b050027 | |||
| d56b7a9f3b | |||
| 5f99767800 | |||
| 0261f456d7 | |||
| e00c7b3580 | |||
| 2f08967ee3 | |||
| 5ee156c198 | |||
| f3553bbac3 | |||
| 0fb2425357 | |||
| c20d8ba3d4 | |||
| 88f67b9105 | |||
| bebb58829c | |||
| a5a4d81e0c | |||
| 222056a536 | |||
| 7000406005 | |||
| 80315772d9 | |||
| fc1df799f6 | |||
| ebd13c1e57 | |||
| 4b04dfbe75 | |||
| 1d70620675 | |||
| 5efdfea879 | |||
| 193cb3fadf | |||
| 11acc952fc | |||
| 7b77fbdc0a | |||
| 37002d44af | |||
| 35013d70a8 | |||
| 5ac72ae1f3 | |||
| 4a10792516 | |||
| 3e656abe1e | |||
| 43f871777a | |||
| c40c060c6f | |||
| bfdf505a0e | |||
| ef33f01a0d | |||
| 419eab9691 |
27 changed files with 591 additions and 653 deletions
|
|
@ -1,3 +0,0 @@
|
|||
# everypizza.im-2
|
||||
|
||||
A WIP redesign of everypizza.im.
|
||||
148
fedi/index.css
148
fedi/index.css
|
|
@ -1,148 +0,0 @@
|
|||
.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;
|
||||
font-family: system-ui, sans-serif;
|
||||
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;
|
||||
font-family: system-ui, sans-serif;
|
||||
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-weight: normal;
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity:0;
|
||||
}
|
||||
to {
|
||||
opacity:1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes blurIn {
|
||||
from {
|
||||
filter: blur(0.2rem);
|
||||
}
|
||||
to {
|
||||
filter: blur(0rem);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<head>
|
||||
<title>everypizza.im</title>
|
||||
<link rel="stylesheet" href="index.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="center">
|
||||
<h2>Stub page</h2>
|
||||
</div>
|
||||
</body>
|
||||
5
site/.well-known/host-meta
Normal file
5
site/.well-known/host-meta
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<XRD xmlns='http://docs.oasis-open.org/ns/xri/xrd-1.0'>
|
||||
<Link href='https://everypizza.im:5281/http-bind' rel='urn:xmpp:alt-connections:xbosh' />
|
||||
<Link href='wss://everypizza.im:5281/xmpp-websocket' rel='urn:xmpp:alt-connections:websocket' />
|
||||
</XRD>
|
||||
12
site/.well-known/host-meta.json
Normal file
12
site/.well-known/host-meta.json
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
{
|
||||
"links": [
|
||||
{
|
||||
"rel": "urn:xmpp:alt-connections:xbosh",
|
||||
"href": "https://everypizza.im:5281/http-bind"
|
||||
},
|
||||
{
|
||||
"rel": "urn:xmpp:alt-connections:websocket",
|
||||
"href": "wss://everypizza.im:5281/xmpp-websocket"
|
||||
}
|
||||
]
|
||||
}
|
||||
3
site/.well-known/matrix/client
Normal file
3
site/.well-known/matrix/client
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"m.server": "matrix.everypizza.im:443"
|
||||
}
|
||||
3
site/.well-known/matrix/server
Normal file
3
site/.well-known/matrix/server
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"m.server": "matrix.everypizza.im:443"
|
||||
}
|
||||
14
site/.well-known/matrix/support
Normal file
14
site/.well-known/matrix/support
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
{
|
||||
"contacts": [
|
||||
{
|
||||
"email_address": "me@everypizza.im",
|
||||
"matrix_id": "@n:everypizza.im",
|
||||
"jabber_id": "xmpp:nyx@everypizza.im",
|
||||
"role": "m.role.admin"
|
||||
},
|
||||
{
|
||||
"email_address": "me@everypizza.im",
|
||||
"role": "m.role.security"
|
||||
}
|
||||
]
|
||||
}
|
||||
64
site/404.xht
Normal file
64
site/404.xht
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
<?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>
|
||||
_
|
||||
(_)
|
||||
_____ _____ _ __ _ _ _ __ _ __________ _
|
||||
/ _ \ \ / / _ \ '__| | | | '_ \| |_ /_ / _` |
|
||||
| __/\ V / __/ | | |_| | |_) | |/ / / / (_| |
|
||||
\___| \_/ \___|_| \__, | .__/|_/___/___\__,_|
|
||||
__/ | |
|
||||
|___/|_|
|
||||
|
||||
</pre>
|
||||
<div class="nav">
|
||||
<a href="/index.xht">GO HOME</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<h1>404 Not Found</h1>
|
||||
<p>
|
||||
The reader seems lost. Maybe the reader looking for our Matrix webclients,
|
||||
listed on our <a href="https://everypizza.im/services.xht">services page</a>.
|
||||
Or, maybe they're just exploring some of our sites. Maybe one of us made a mistake.
|
||||
If the reader thinks this is the case, please do
|
||||
<a href="https://everypizza.im/contact.xht">contact us</a>.
|
||||
</p>
|
||||
<p>
|
||||
The reader also might have gotten this page from going to a root backend domain. If so,
|
||||
there's nothing to see here.
|
||||
</p>
|
||||
<p>
|
||||
If the reader truly has no idea how they got here, then maybe they should listen to music.
|
||||
Here's a good song: <a href="https://inv.everypizza.im/watch?v=fzNMd3Tu1Zw">Energy by Elektronomia</a>.
|
||||
Another one: <a href="https://inv.everypizza.im/watch?v=DXAidGQUuns">Steady As She Goes by The Raconteurs</a>.
|
||||
Or, maybe they could just take a nap.
|
||||
</p>
|
||||
<p>
|
||||
<i>
|
||||
Well, what do I know? I'm just a webserver. I simply take files from folders and
|
||||
display them on users' screens.
|
||||
</i>
|
||||
</p>
|
||||
</div>
|
||||
<hr />
|
||||
<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>
|
||||
BIN
site/assets/fonts/AtkinsonHyperlegibleMono-Regular.ttf
Normal file
BIN
site/assets/fonts/AtkinsonHyperlegibleMono-Regular.ttf
Normal file
Binary file not shown.
BIN
site/assets/fonts/AtkinsonHyperlegibleMono-Regular.woff2
Normal file
BIN
site/assets/fonts/AtkinsonHyperlegibleMono-Regular.woff2
Normal file
Binary file not shown.
61
site/assets/style.css
Normal file
61
site/assets/style.css
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
@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;
|
||||
}
|
||||
|
||||
.new {
|
||||
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;
|
||||
}
|
||||
|
||||
hr {
|
||||
color: hotpink;
|
||||
}
|
||||
49
site/cannot_connect.xht
Normal file
49
site/cannot_connect.xht
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
<?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="https://everypizza.im/assets/style.css" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="header">
|
||||
<pre>
|
||||
_
|
||||
(_)
|
||||
_____ _____ _ __ _ _ _ __ _ __________ _
|
||||
/ _ \ \ / / _ \ '__| | | | '_ \| |_ /_ / _` |
|
||||
| __/\ V / __/ | | |_| | |_) | |/ / / / (_| |
|
||||
\___| \_/ \___|_| \__, | .__/|_/___/___\__,_|
|
||||
__/ | |
|
||||
|___/|_|
|
||||
|
||||
</pre>
|
||||
<div class="nav">
|
||||
<a href="/index.xht">GO HOME</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<h1>Unable to connect</h1>
|
||||
<p>
|
||||
Our webserver isn't able to reach the backend. We have presumably been notified and
|
||||
are hopefully working on it. We can't promise though, all of our team is within walking
|
||||
distance of each other and we can't stay awake 24/7 (as much as we would like to).
|
||||
</p>
|
||||
<i>
|
||||
I'm sorry I couldn't be of more help. I'm just a webserver, after all.
|
||||
</i>
|
||||
</div>
|
||||
<hr />
|
||||
<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>
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<head>
|
||||
<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>
|
||||
51
site/contact.xht
Normal file
51
site/contact.xht
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
<?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>
|
||||
_
|
||||
(_)
|
||||
_____ _____ _ __ _ _ _ __ _ __________ _
|
||||
/ _ \ \ / / _ \ '__| | | | '_ \| |_ /_ / _` |
|
||||
| __/\ V / __/ | | |_| | |_) | |/ / / / (_| |
|
||||
\___| \_/ \___|_| \__, | .__/|_/___/___\__,_|
|
||||
__/ | |
|
||||
|___/|_|
|
||||
|
||||
</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>
|
||||
<a href="/servers.xht">SERVERS</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>
|
||||
148
site/index.css
148
site/index.css
|
|
@ -1,148 +0,0 @@
|
|||
.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;
|
||||
font-family: system-ui, sans-serif;
|
||||
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;
|
||||
font-family: system-ui, sans-serif;
|
||||
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-weight: normal;
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity:0;
|
||||
}
|
||||
to {
|
||||
opacity:1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes blurIn {
|
||||
from {
|
||||
filter: blur(0.2rem);
|
||||
}
|
||||
to {
|
||||
filter: blur(0rem);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,29 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<head>
|
||||
<title>everypizza.im</title>
|
||||
<link rel="stylesheet" href="index.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="center">
|
||||
<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.html">Contact</a>
|
||||
<a class="button" href="rules.html">Rules</a>
|
||||
<a class="button" href="sysinfo.html">System Info</a>
|
||||
<a class="button button-white" href="services.html">Services →</a>
|
||||
<br>
|
||||
<small>
|
||||
Design is heavily inspired by <a class="link" href="https://telepath.im/">telepath.im</a>.
|
||||
</small>
|
||||
</div>
|
||||
</body>
|
||||
84
site/index.xht
Normal file
84
site/index.xht
Normal file
|
|
@ -0,0 +1,84 @@
|
|||
<?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>
|
||||
_
|
||||
(_)
|
||||
_____ _____ _ __ _ _ _ __ _ __________ _
|
||||
/ _ \ \ / / _ \ '__| | | | '_ \| |_ /_ / _` |
|
||||
| __/\ V / __/ | | |_| | |_) | |/ / / / (_| |
|
||||
\___| \_/ \___|_| \__, | .__/|_/___/___\__,_|
|
||||
__/ | |
|
||||
|___/|_|
|
||||
|
||||
</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>
|
||||
<a href="/servers.xht">SERVERS</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>
|
||||
In the future we plan to make our own services to host too! Currently, we're working on Toastbin (Pastebin
|
||||
alternative, to replace Pinnwand) and a few other projects to run on here. Feel free to suggest services too,
|
||||
as we're always open to trying new things!
|
||||
</p>
|
||||
<p>
|
||||
For now, a few things are clearnet only. We're working on getting the rest of the stuff on Tor and Yggdrasil.
|
||||
This site is mirrored to both of those:
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="http://[200:9121:df80:1c56:a40:252d:dba0:a9a]/">
|
||||
Yggdrasil
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://epim22cnhxerm2k4e3tmmjzyfzymzdemumj6uxaesjnu7tk5nwjnl7yd.onion/">
|
||||
Tor
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<p>
|
||||
<img src="https://media.everypizza.im/b/gaysite.gif" alt="This site is gay" />
|
||||
<img src="https://media.everypizza.im/b/free.gif" alt="Free Software" />
|
||||
<img src="https://media.everypizza.im/b/freestuff.gif" alt="Free Stuff" />
|
||||
<img src="https://media.everypizza.im/b/anybrowser.gif" alt="Any Damn Browser" />
|
||||
<img src="https://media.everypizza.im/b/wii.gif" alt="Nintendo Wii" />
|
||||
<img src="https://media.everypizza.im/b/gay.gif" alt="Rainbow flag" />
|
||||
<img src="https://media.everypizza.im/b/arch.gif" alt="Powered by Arch" />
|
||||
<img src="https://media.everypizza.im/b/nofuckingthanks.gif" alt="NFT No Fucking Thanks" />
|
||||
<img src="https://media.everypizza.im/b/everypizza.png" alt="EveryPizza" />
|
||||
</p>
|
||||
</div>
|
||||
<hr />
|
||||
<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>
|
||||
2
site/robots.txt
Normal file
2
site/robots.txt
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
User-Agent: *
|
||||
Disallow: /
|
||||
|
|
@ -1,30 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<head>
|
||||
<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>
|
||||
66
site/rules.xht
Normal file
66
site/rules.xht
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
<?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>
|
||||
_
|
||||
(_)
|
||||
_____ _____ _ __ _ _ _ __ _ __________ _
|
||||
/ _ \ \ / / _ \ '__| | | | '_ \| |_ /_ / _` |
|
||||
| __/\ V / __/ | | |_| | |_) | |/ / / / (_| |
|
||||
\___| \_/ \___|_| \__, | .__/|_/___/___\__,_|
|
||||
__/ | |
|
||||
|___/|_|
|
||||
|
||||
</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>
|
||||
<a href="/servers.xht">SERVERS</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. When possible, <i>please</i> try
|
||||
to solve small conflicts on your own. If a user is actively engaging in harassment or abuse towards you,
|
||||
it is very important that you report it to help us take down the harrassing content.
|
||||
</p>
|
||||
<p>
|
||||
Privacy is also important. When you access these services, the mininum possible is logged. For XMPP,
|
||||
the admins are sent a notification with your chosen username and that is it. For Sharkey, the software
|
||||
for some reason requires your IP used for registration to be logged. If you do not like this, you may
|
||||
use a VPN or service like Tor. Our disks also have full disk encryption. Data is only acessible by Nyx
|
||||
and 2 others it trusts with its life.
|
||||
</p>
|
||||
<p>
|
||||
While we try our best to keep services running as much as possible, outside factors can effect the stability
|
||||
of our services. As everything is self-hosted at home, <b>do not</b> store <i>vital</i> information on our
|
||||
services.
|
||||
</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>
|
||||
56
site/servers.xht
Normal file
56
site/servers.xht
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
<?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>
|
||||
_
|
||||
(_)
|
||||
_____ _____ _ __ _ _ _ __ _ __________ _
|
||||
/ _ \ \ / / _ \ '__| | | | '_ \| |_ /_ / _` |
|
||||
| __/\ V / __/ | | |_| | |_) | |/ / / / (_| |
|
||||
\___| \_/ \___|_| \__, | .__/|_/___/___\__,_|
|
||||
__/ | |
|
||||
|___/|_|
|
||||
|
||||
</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">CONTACT</a>
|
||||
<a href="/servers.xht" class="current">SERVERS</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<p>
|
||||
EveryPizza IM currently has 2 different servers: a Dell Optiplex 9020, hosting most of the things
|
||||
and a Rasberry Pi 4 with 4GB RAM hosting a private Jellyfin. Soon, the Pi will (hopefully) start hosting
|
||||
some simple PHP apps. The Dell server has an i5-4590, 16GB RAM, and a 230GB main SSD. Eventually, we'll
|
||||
get a large hard drive for storing media and such. The Pi is operating on a 128GB SD card.
|
||||
</p>
|
||||
<p>
|
||||
For operating systems, the Optiplex is running Arch Linux, so that the server can get the latest packages
|
||||
as fast as possible. As there's not many good rolling release distros that work on the Pi, the Pi is running
|
||||
Rasberry Pi OS Lite, essentially Debian with more stuff preinstalled. The Pi is currently using Caddy. The
|
||||
Optiplex is primarily using Caddy, and we're working on migrating everything over to Nginx to get better speeds
|
||||
and lower resource usage.
|
||||
</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>
|
||||
|
|
@ -1,54 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<head>
|
||||
<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> (ask for an account!)
|
||||
</li>
|
||||
<br>
|
||||
<li>
|
||||
<a class="link" href="https://matrix.everypizza.im">Matrix (Synapse)</a> (ask for an account!)
|
||||
</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://dash.everypizza.im">Grafana</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>
|
||||
</div>
|
||||
</body>
|
||||
121
site/services.xht
Normal file
121
site/services.xht
Normal file
|
|
@ -0,0 +1,121 @@
|
|||
<?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>
|
||||
_
|
||||
(_)
|
||||
_____ _____ _ __ _ _ _ __ _ __________ _
|
||||
/ _ \ \ / / _ \ '__| | | | '_ \| |_ /_ / _` |
|
||||
| __/\ V / __/ | | |_| | |_) | |/ / / / (_| |
|
||||
\___| \_/ \___|_| \__, | .__/|_/___/___\__,_|
|
||||
__/ | |
|
||||
|___/|_|
|
||||
|
||||
</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>
|
||||
<a href="/servers.xht">SERVERS</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>
|
||||
</p>
|
||||
<h3>SOCIALIZATION</h3>
|
||||
<p>
|
||||
The main point of EveryPizza IM.
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
Matrix: Runs Synapse. Our first and most popular service. Clearnet only, properly delegated.
|
||||
<del>Register at our Matrix Authentication Service instance:
|
||||
<a href="https://mxauth.everypizza.im/register/password">clearnet</a></del>.
|
||||
</li>
|
||||
<li>
|
||||
Prosody: XMPP implementation in Lua. <del>We have in-band registration, so you can register in most
|
||||
clients.</del> Available on clearnet at everypizza.im.
|
||||
</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>
|
||||
</ul>
|
||||
<h3>CODE</h3>
|
||||
<p>
|
||||
Services for the nerds.
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
Pinnwand: Anonymous pastebin. No accounts or tracking.
|
||||
Avaliable on <a href="http://pasteldnn4vc6hmtbzomgho3jd2xy2xpqxoh2g34efjsfaydrrj4s6qd.onion/">Tor</a>,
|
||||
<a href="http://[300:9121:df80:1c56::6420]/">Yggdrasil</a>, and
|
||||
<a href="https://pst.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<del>, and registration is open</del>. Available on
|
||||
<a href="https://git.everypizza.im/">clearnet</a>.
|
||||
</li>
|
||||
</ul>
|
||||
<h3>CLIENTS</h3>
|
||||
<p>
|
||||
Web-based UIs for things.
|
||||
</p>
|
||||
<ul>
|
||||
<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>
|
||||
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>
|
||||
<h3>GENERAL</h3>
|
||||
<ul>
|
||||
<li>
|
||||
Utilites: Small collection of utilites. <a href="https://git.everypizza.im/n/utils">Open source</a>.
|
||||
No account is needed. On <a href="https://tools.everypizza.im/">clearnet</a> and
|
||||
<a href="http://[300:9121:df80:1c56:7825:6b16:fbe:c409]/">Yggdrasil</a>.
|
||||
</li>
|
||||
<li>
|
||||
DICT server: Dictionary server. No account is needed. Available on everypizza.im port 2628.
|
||||
Also on [200:9121:df80:1c56:a40:252d:dba0:a9a], same port. Use the command
|
||||
"dict -h everypizza.im {word}" to search for a word. We have the WordNet,
|
||||
Moby Thesaurus II, and The Devil's Dictionary dictionaries.
|
||||
</li>
|
||||
</ul>
|
||||
<h3>PLANNED</h3>
|
||||
<p>
|
||||
We plan hosting a few more services in the future. Next up will probably be Element Call,
|
||||
a video conferencing program and maybe Mumble, for voice chat.
|
||||
</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>
|
||||
|
|
@ -1,37 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<head>
|
||||
<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>
|
||||
148
test/index.css
148
test/index.css
|
|
@ -1,148 +0,0 @@
|
|||
.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;
|
||||
font-family: system-ui, sans-serif;
|
||||
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;
|
||||
font-family: system-ui, sans-serif;
|
||||
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-weight: normal;
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity:0;
|
||||
}
|
||||
to {
|
||||
opacity:1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes blurIn {
|
||||
from {
|
||||
filter: blur(0.2rem);
|
||||
}
|
||||
to {
|
||||
filter: blur(0rem);
|
||||
}
|
||||
}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<head>
|
||||
<title>everypizza.im</title>
|
||||
<link rel="stylesheet" href="index.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="center">
|
||||
<h2>Stub page</h2>
|
||||
</div>
|
||||
</body>
|
||||
Loading…
Add table
Reference in a new issue