59 lines
2.0 KiB
HTML
59 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" href="typewriter.css" />
|
|
<link rel="icon" type="image/x-icon" href="Assets/blobcat_engineer.svg">
|
|
<title>HermitCollective.net</title>
|
|
<style>
|
|
div.container {
|
|
min-width: 1rem;
|
|
}
|
|
div.item-list {
|
|
overflow-x: scroll;
|
|
overflow-y: hidden;
|
|
display: flex;
|
|
gap: 2em;
|
|
}
|
|
div.item-list > div {
|
|
min-width: 90%;
|
|
min-height: fit-content;
|
|
margin: 1em;
|
|
}
|
|
a {
|
|
color: #b30000;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<script type="application/javascript" src="https://no-chromium.org/popup.js"></script>
|
|
<div class="container">
|
|
<p class="first_line">Welcome to HermitCollective</p>
|
|
<p class="second_line">We are still work in progress...</p>
|
|
</div>
|
|
<div style="text-align: center;">
|
|
<p class="other_line"> Members </p>
|
|
<div class="item-list" full-width>
|
|
<div>
|
|
<a href="https://hertog.hermitcollective.net" target="_blank">
|
|
<img src="Assets/Members/hertog.svg" alt="The logo/portrait of member Hertog" style="width:200px;height:200px;">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<p class="other_line"> Services </p>
|
|
<div class="item-list" full-width>
|
|
<div>
|
|
<a href="https://cloud.hermitcollective.net">
|
|
<img src="Assets/Services/nextcloud.svg" alt="The nextcloud logo with blobcats poking their heads through" style="width:200px;height:200px;">
|
|
</a>
|
|
<a href="https://feeds.hermitcollective.net">
|
|
<img src="Assets/Services/rss.svg" alt="A blobcat meowing rss streams into the sky" style="width:200px;height:200px;">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|