Set up Hugo

Set up the Hugo static site generator with a new custom theme,
generating exactly what we have right now.
This commit is contained in:
2022-05-26 18:10:44 +02:00
parent e77a7184d3
commit 5a05ef1d98
27 changed files with 225 additions and 6 deletions

View File

@@ -0,0 +1,12 @@
{
"links": [
{
"rel": "urn:xmpp:alt-connections:xbosh",
"href": "https://xmpp.kosmos.org:5443/bosh"
},
{
"rel": "urn:xmpp:alt-connections:websocket",
"href": "wss://xmpp.kosmos.org:5443/ws"
}
]
}

91
public/css/style.css Normal file
View File

@@ -0,0 +1,91 @@
* {
margin: 0;
padding: 0;
}
body, html {
box-sizing: border-box;
height: 100%;
font-size: 16px;
}
*, *:before, *:after {
box-sizing: inherit;
}
body {
background-color: #fff;
color: #232323;
font-family: 'Open Sans', sans-serif;
text-rendering: optimizeLegibility;
text-align: center;
}
html, body, #wrapper {
min-height: 100%;
}
#wrapper {
min-height: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
header {
height: 100%;
max-width: 90%;
margin: 0 auto 10vh;
text-align: center;
}
header h1 {
display: inline-block;
margin-bottom: 2rem;
margin-right: -0.25em; /* fix trailing space from letter-spacing */
font-size: 7vw;
font-weight: 700;
letter-spacing: 0.5em;
text-transform: uppercase;
background: #232323 url(https://kredits.kosmos.org/img/bg-947d3bf6bb15a1a3b07afcba4c307690.jpg);
background-size: cover;
background-repeat: no-repeat;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
header h2 {
font-weight: 300;
font-size: 1.4rem;
}
main {
width: 768px;
max-width: 90%;
text-align: left;
}
main p {
line-height: 1.6em;
margin-bottom: 1em;
}
.hidden {
display: none !important;
}
@media screen and (max-width: 760px) {
header {
margin-top: 4rem;
}
header h1 {
font-size: 8vw;
}
footer {
margin-bottom: 4rem;
}
}

BIN
public/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

49
public/index.html Normal file
View File

@@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="generator" content="Hugo 0.99.1" />
<meta charset="utf-8">
<title>Kosmos</title>
<meta content='width=device-width, minimum-scale=1.0, maximum-scale=1.0' name='viewport'>
<link href='https://assets.kosmos.org/fonts/open-sans/open-sans.css' rel='stylesheet'>
<link href="/css/style.css" rel="stylesheet" />
</head>
<body>
<div id="wrapper">
<header>
<h1>Kosmos</h1>
<h2>Group communication for the 21st century</h2>
</header>
<main>
<p>
We are an open co-operative of people, who are developing a free,
open-source, and user-centric alternative to centralized group chat
platforms, based on widely used protocols and standards.
</p>
<p>
We also develop a system for rewarding contributors and enabling
governance based on contributions, called Kredits, which we started
using in production recently.
</p>
<p>
You can find all relevant information and further links in our
<a href="https://wiki.kosmos.org">wiki</a>.
We collaborate on source code on
<a href="https://github.com/67P" rel="me">GitHub</a>
as well as our own
<a href="https://gitea.kosmos.org/kosmos" rel="me">Gitea</a>.
For announcements and other news, you can follow us on the
<a href="https://kosmos.social/@kosmos" rel="me">fediverse</a>
(recommended) or on
<a href="https://twitter.com/KosmosHQ" rel="me">Twitter</a>.
</p>
<p class="hidden">
For status and incident updates regarding Kosmos infrastructure, please follow
<a href="https://kosmos.social/@ops" rel="me">ops@kosmos.social</a>.
</p>
</main>
<footer>
</footer>
</div>
</body>
</html>