first files m8

misopog · Mar 15, 2023 · 366a489 · 366a489
1 parent 333ad57
commit 366a489
Show file tree

Hide file tree

Showing 2 changed files with 142 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en" class="classes">
+
+  <head>
+  <title>~</title>
+    <link rel="stylesheet" href="style.css">
+
+</head>
+<body>
+  <nav>
+    <h1>cd ~/</h1>
+    <ul>
+      <li>general</li>
+      <li><a href="https://youtube.com/">yt</a></li>
+      <li><a href="https://github.com/">gh</a></li>
+      <li><a href="https://www.tilde.zone/">mastodon</a></li>
+      <li><a href="https://ebay.com/">ebay</a></li>
+
+    </ul>
+
+    <ul>
+      <li>4chin</li>
+      <li><a href="https://4chan.org">4chan</a></li>
+      <li><a href="https://boards.4chan.org/wg/catalog">/wg/</a></li>
+      <li><a href="https://4chan.org/b/">/b/</a></li>
+      <li><a href="https://4chan.org/g/">/g/</a></li>
+
+    </ul>
+
+    <ul>
+      <li>reddit</li>
+      <li><a href="https://www.reddit.com/r/unixporn/">r/unixporn</a></li>
+      <li><a href="https://www.reddit.com/r/thinkpad/">r/thinkpad</a></li>
+      <li><a href="https://www.reddit.com/r/archlinux/">r/archlinux</a></li>
+      <li><a href="https://www.reddit.com/r/shitposting/">r/shitposting</a></li>
+
+      <form action="https://searx.be/" method="GET">
+  <input autofocus
+         name="q"
+         type="search"
+         placeholder="searx">
+</form>
+
+    </ul>
+
+    <ul>
+      <li>piracy</li>
+      <li><a href="https://1337x.to/">1337x</a></li>
+      <li><a href="https://www.nyaa.si/">nyaa</a></li>
+      <li><a href="https://sktorrent.to/">skt</a></li>
+      <li><a href="https://www.reddit.com/r/freemediaheckyeah">fmhy</a></li>
+
+    </ul>
+
+  </nav>
+
+
+</body>
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,83 @@
+@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap');
+
+html {
+      background-color: #101010;
+      align-items: center;
+      color: #ebdbb2;
+      display: flex;
+      font-family: 'Ubuntu Mono', monospace;
+      font-size: 25px;
+      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;
+      color: #a0a0a0;
+    }
+
+    a {
+      color: #f7f7f7;
+      text-decoration: none;
+    }
+
+    a:focus,
+    a:hover {
+      color: #a9b1d6;
+    }
+
+    nav {
+      display: grid;
+      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;
+      color: #525252;
+    }
+
+    img {
+      border: 2px solid #ebdbb2;
+      height: auto;
+      object-fit: cover;
+      object-position: 50% 100%;
+      width: 10em;
+    }
+
+input {
+  background-color: unset;
+  font: 16px 'Ubuntu Mono', monospace;
+  color: #868686;
+  height: 100%;
+  width: 100%;
+  border-top-style: hidden;
+  border-bottom-style: soild;
+  border-left-style: hidden;
+  border-right-style: hidden;
+  border-bottom-color: #252525;
+  text-align: center;
+  margin-top: 50px;
+  outline: 0;
+  padding-bottom: 0.5em;
+}