Compare commits
3 commits
d3d0398191
...
0e8ef91a9f
Author | SHA1 | Date | |
---|---|---|---|
0e8ef91a9f | |||
8730bdd969 | |||
ce5ebe8474 |
2 changed files with 84 additions and 1 deletions
36
index.html
36
index.html
|
@ -3,8 +3,42 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>landing</title>
|
<title>landing</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="style.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
<div class="wrapper">
|
||||||
|
<div id="header">
|
||||||
|
<header>
|
||||||
|
<h1>zoner.work</h1>
|
||||||
|
<p><a href="https://status.zoner.work">Status Page</a></p>
|
||||||
|
</header>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
<div id="linkblock">
|
||||||
|
<h3>social</h3>
|
||||||
|
<p><a href="https://zoner.work">Sharkey</a></p>
|
||||||
|
<p><a href="https://wf.zoner.work">Writefreely</a></p>
|
||||||
|
<p><a href="https://m.zoner.work">Matrix</a></p>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
<div id="linkblock">
|
||||||
|
<h3>a/v</h3>
|
||||||
|
<p><a href="https://inv.zoner.work">Invidious</a></p>
|
||||||
|
</div>
|
||||||
|
<hr>
|
||||||
|
<div id="linkblock">
|
||||||
|
<h3>utility</h3>
|
||||||
|
<p><a href="https://nc.zoner.work">Nextcloud</a></p>
|
||||||
|
<p><a href="https://search.zoner.work">SearXNG</a></p>
|
||||||
|
<p><a href="https://git.zoner.work">Forgejo</a></p>
|
||||||
|
</div>
|
||||||
|
<div id="description">
|
||||||
|
<hr>
|
||||||
|
<p>zoner.work is a network of hosted services and community spaces administrated by <a href="https://zoner.work/@fen">fennel kora</a>.
|
||||||
|
this network's purpose is to maintain inclusive, safe spaces for those who need them that stand apart from a corporatized, centralized web.</p>
|
||||||
|
<p>All account-based services are open to registration by invite. Please reach out to fen for details. Sharkey is open for public registrations,
|
||||||
|
though accounts will still require systematic approval.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
49
style.css
Normal file
49
style.css
Normal file
|
@ -0,0 +1,49 @@
|
||||||
|
body {
|
||||||
|
background-image: url("https://i.zoner.work/firefish/kyushu.jpg");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-size: cover;
|
||||||
|
font-family: sans-serif;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wrapper {
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row wrap;
|
||||||
|
margin-top: 150px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
width: 50%;
|
||||||
|
padding:2em;
|
||||||
|
background-color: #0D1117;
|
||||||
|
border-radius: 40px;
|
||||||
|
box-shadow: 3px 3px 5px #111111;
|
||||||
|
justify-content: space-around;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
padding: 0px;
|
||||||
|
margin: 0.8em;
|
||||||
|
font-size: 0.9em
|
||||||
|
}
|
||||||
|
|
||||||
|
.linkblock {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color: orangered
|
||||||
|
}
|
||||||
|
|
||||||
|
#description {
|
||||||
|
order: 6;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
margin: 2em;
|
||||||
|
}
|
Loading…
Reference in a new issue