Browse Source

shit i made during class

master
crt 2 years ago
commit
7aa3b10de0
  1. 1
      README.md
  2. BIN
      assets/favicon.ico
  3. 2835
      assets/pico.css
  4. 65
      custom.css
  5. 67
      index.html

1
README.md

@ -0,0 +1 @@
Astralink uwu

BIN
assets/favicon.ico

2835
assets/pico.css
File diff suppressed because it is too large
View File

65
custom.css

@ -0,0 +1,65 @@
/* Global CSS variables */
:root {
--spacing-company: 3rem;
--font-weight: 400;
--border-radius: 0.25rem;
}
/* Typography */
h2,
h3,
hgroup > :last-child {
font-weight: 200;
}
small {
color: var(--muted-color);
}
/* Header */
.hero {
background-color: #390053;
/*background-image: url("assets/sascha-eremin-DNQ-M93tHmA-unsplash-3000x1000.jpg");*/
background-position: center;
background-size: cover;
}
header {
padding: var(--spacing-company) 0;
}
header hgroup > :last-child {
color: var(--h3-color);
}
header hgroup {
margin-bottom: var(--spacing-company);
}
/* Nav */
summary[role="link"].contrast:is([aria-current],:hover,:active,:focus) {
background-color: transparent;
color: var(--contrast-hover);
}
/* Main */
@media (min-width: 992px) {
main .grid {
grid-column-gap: var(--spacing-company);
grid-template-columns: auto 25%;
}
}
form.grid {
grid-row-gap: 0;
}
/* Aside nav */
aside img {
margin-bottom: 0.25rem;
}
aside p {
margin-bottom: var(--spacing-company);
line-height: 1.25;
}

67
index.html

@ -0,0 +1,67 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Astralink</title>
<meta name="description" content="Astralink is a project by 512mb to have a more reliable and more production ready setup of systems">
<link rel="shortcut icon" href="assetsfavicon.ico">
<link rel="canonical" href="https://astralink.org">
<!-- Pico.css -->
<link rel="stylesheet" href="assets/pico.css">
<link rel="stylesheet" href="custom.css">
</head>
<body>
<!-- Hero -->
<div class="hero" data-theme="dark">
<nav class="container-fluid">
<ul>
<li><a href="./index.html" class="contrast"><strong>Astralink</strong></a></li>
</ul>
<ul>
<li><a href="./index.html" role="button">Home</a></li>
<li>
<details role="list" dir="rtl">
<summary aria-haspopup="listbox" role="link" class="contrast">Theme</summary>
<ul role="listbox">
<li><a href="#" data-theme-switcher="auto">Auto</a></li>
<li><a href="#" data-theme-switcher="light">Light</a></li>
<li><a href="#" data-theme-switcher="dark">Dark</a></li>
</ul>
</details>
</li>
</ul>
</nav>
<header class="container">
<hgroup>
<h1>Astralink</h1>
<h2>Astralink is a project by 512mb to have a more reliable and more production ready setup of systems</h2>
</hgroup>
</header>
</div><!-- ./ Hero -->
<!-- Main -->
<main class="container">
<div class="grid">
<section>
<hgroup>
<h2>Why ?</h2>
<h3>2022-09-15</h3>
</hgroup>
<p>Over the years of running 512mb.org there have been many small mistakes that were made during the setup of various systems. Now these issues aren't crucial but fixing them would cause 512mb.org to be down. Since I myself heavily rely on 512mb.org for my daily tasks I can not let that happen hence why this will one of my side projects where I rebuilt everything on 512mb but better.</p>
<p>In short on this website you shall find a more reliable set of tools and services once project astralink has been started and fully realized.</p>
<p>- crt</p>
</section>
</div>
</main>
<footer class="container">
<small>2017-2022 512mb group / Astralink</small>
</footer>
<script src="../js/minimal-theme-switcher.js"></script>
</body>
</html>
Loading…
Cancel
Save