minimal start

2020-06-09 01:42:19 +02:00 · 2020-06-09 01:42:19 +02:00 · 41dfeba8c6
commit 41dfeba8c6
parent ff971a5b43
1 changed files with 82 additions and 0 deletions
--- a/startpage-minimal/index.html
+++ b/startpage-minimal/index.html
@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>Startpage</title>
+    <style>
+        html {
+            align-items: center;
+            color: #313131;
+            display: flex;
+            font: 22px "Courier New", Courier, monospace;
+            height: 100%;
+            justify-content: center;
+            margin: 0;
+        }
+
+        body {
+            display: flex;
+            margin: 1em;
+            padding: 1em;
+        }
+
+        h1 {
+            font-size: 2em;
+            grid-column: 1 / -1;
+            margin: 0;
+            text-align: center;
+        }
+
+        a {
+            color: inherit;
+            text-decoration: none;
+        }
+
+        a:focus,
+        a:hover {
+            color: #1d81b2
+        }
+
+        nav {
+            display: grid;
+            grid-row-gap: 1em;
+            grid-template-columns: 1fr 1fr;
+            margin: 0 1em;
+            min-width: 24em;
+            padding: 1em 0;
+        }
+
+        ul {
+            list-style-type: none;
+            margin: 0;
+            padding: 0;
+            white-space: nowrap;
+        }
+
+        li:first-child {
+            font-weight: bold;
+            line-height: 2em;
+        }
+
+        img {
+            border: 2px solid #313131;
+            height: auto;
+
+        }
+    </style>
+</head>
+
+<body>
+    <nav>
+        <h1>Geht so</h1>
+        <ul>
+            <li>General</li>
+            <li><a href="https://reddit.com/r/startpages">/r/startpages</a></li>
+            <li><a href="https://reddit.com/r/unixporn">/r/unixporn</a></li>
+            <li><a href="https://reddit.com/r/sffpc">/r/sffpc</a></li>
+        </ul>
+    </nav>
+    <img src="https://i.ibb.co/3TP4CJt/cosy.png">
+</body>
+
+</html>