~arcade/nebula: aye - sourcehut git

5 files changed, 40 insertions(+), 3 deletions(-)

M bin/helix
D docs/CNAME
A docs/rndm/dithering.html
M docs/rndm/stickers.html
M docs/static/stylesheet.css

M bin/helix => bin/helix +0 -0

D docs/CNAME => docs/CNAME +0 -1

@@ 1,1 0,0 @@
-raleighwi.se>
\ No newline at end of file

A docs/rndm/dithering.html => docs/rndm/dithering.html +38 -0

@@ 0,0 1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Dithering - rndm</title>
+    <meta charset="utf-8" />
+    <link rel="icon" href="" />
+    <link rel="stylesheet" href="/static/stylesheet.css" />
+    <meta name="description" content="Arcade's digital home" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    
+  </head>
+  <body>
+    <main>
+      <div class="titlebar">
+        <h2>
+          <a href="/"> ~/rndm/dithering.md </a>
+          
+        </h2>
+      </div>
+      <div class="content"><h1>UWU</h1>
+</div>
+    </main>
+
+    <div class="widgets">
+      <img src="/static/pan_bev.png" />
+      <img src="/static/trans_bev.png" />
+      <img src="/static/enby_bev.png" />
+
+      <img src="/static/anow.gif" />
+      <img src="/static/antiNFT.gif" />
+
+      <img src="/static/linux-p.gif" />
+      <img src="/static/pensquid.gif" />
+    </div>
+
+     
+  </body>
+</html><
\ No newline at end of file

M docs/rndm/stickers.html => docs/rndm/stickers.html +1 -1

@@ 1,7 1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <title>stickers</title>
+    <title>Stickers - Random Thoughts</title>
     <meta charset="utf-8" />
     <link rel="icon" href="" />
     <link rel="stylesheet" href="/static/stylesheet.css" />

M docs/static/stylesheet.css => docs/static/stylesheet.css +1 -1

@@ 1,1 1,1 @@
-:root { --border-color: #002b36; --border-acent-color: #2aa198; --shadow-color: #657b83; --background-color: #fdf6e3; --main-background-color: #fff; --text-color: black; --code-color: #eee8d5; scrollbar-color: var(--border-acent-color) var(--background-color); } ::-webkit-scrollbar { color: var(--border-acent-color); background: var(--background-color); } body { background-color: var(--background-color); font-family: serif; } main { margin: auto; width: 50%; background-color: var(--main-background-color); color: var(--text-color); border: 2px solid var(--border-color); padding: 0; box-shadow: 5px 5px 0px 0px var(--shadow-color); margin-bottom: 3rem; position: relative; } main h1 { font-size: 230%; } main { font-size: 115%; } main iframe { position: absolute; bottom: 0; left: 0; } main hr { border: 1px solid var(--border-acent-color); } main blockquote { border-left-width: 2px; border-left-style: solid; border-left-color: var(--border-acent-color); padding-left: 20px; margin-left: 20px; } main pre { padding: 3px; border-radius: 3px; background-color: var(--code-color); } .imgcontainer { border: 2px solid var(--border-acent-color); box-shadow: 5px 5px 0px 0px var(--shadow-color); padding-top: 15px; margin-left: 10px; float: right; text-align: center; margin-bottom: 10px; } main h2 { text-align: center; } .imgcontainer img { border-top: 2px solid var(--border-acent-color); max-width: 100%; } main .imgcontainer p { color: #1f6161; /* a11y */ } .titlebar { padding: 0; padding-left: 10px; padding-right: 10px; /* border on bottom */ border-bottom: 2px solid var(--border-color); line-height: 80%; font-size: x-small; } .titlebar a { text-decoration: none; color: var(--text-color); } .titlebar h2 { text-align: left; } .titlebar { align-self: left; } .ai { float: right; } .content { padding: 0px 10px 10px 10px; } .main-iframe { margin: auto; width: 50%; background-color: var(--main-background-color); color: var(--text-color); border: 2px solid var(--border-color); padding: 0; height: 100px; box-shadow: 5px 5px 0px 0px var(--shadow-color); margin-bottom: 3rem; position: relative; } .widgets { margin: auto; width: 50%; background-color: var(--main-background-color); color: var(--text-color); border: 2px solid var(--border-color); padding: 0; max-height: 31px; box-shadow: 5px 5px 0px 0px var(--shadow-color); margin-bottom: 1rem; margin-top: -2rem; position: relative; } @media screen and (max-width: 800px) { main { width: 95%; min-height: 95vh; } .main-iframe { width: 95%; } .widgets { width: 95%; height: calc(31 * 2); max-height: calc(31*3); } .imgcontainer { width: 90%; width: 50%; margin-left: 0; margin: 0 auto; } :root { scrollbar-width: 5px; } } @media screen and (min-width: 800px) { .imgcontainer { max-width: 25%; } }>
\ No newline at end of file
+:root { --border-color: #002b36; --border-acent-color: #2aa198; --shadow-color: #657b83; --background-color: #fdf6e3; --main-background-color: #fff; --text-color: black; --code-color: #eee8d5; scrollbar-color: var(--border-acent-color) var(--background-color); } ::-webkit-scrollbar { color: var(--border-acent-color); background: var(--background-color); } body { background-color: var(--background-color); font-family: serif; } main { margin: auto; width: 50%; background-color: var(--main-background-color); color: var(--text-color); border: 2px solid var(--border-color); padding: 0; box-shadow: 5px 5px 0px 0px var(--shadow-color); margin-bottom: 3rem; position: relative; } main h1 { font-size: 230%; } main { font-size: 115%; } main iframe { position: absolute; bottom: 0; left: 0; } main hr { border: 1px solid var(--border-acent-color); } main blockquote { border-left-width: 2px; border-left-style: solid; border-left-color: var(--border-acent-color); padding-left: 20px; margin-left: 20px; } main pre { padding: 3px; border-radius: 3px; background-color: var(--code-color); } .imgcontainer { border: 2px solid var(--border-acent-color); box-shadow: 5px 5px 0px 0px var(--shadow-color); padding-top: 15px; margin-left: 10px; float: right; text-align: center; margin-bottom: 10px; } main h2 { text-align: center; } .imgcontainer img { border-top: 2px solid var(--border-acent-color); max-width: 100%; } main .imgcontainer p { color: #1f6161; /* a11y */ } .titlebar { padding: 0; padding-left: 10px; padding-right: 10px; /* border on bottom */ border-bottom: 2px solid var(--border-color); line-height: 80%; font-size: x-small; } .titlebar a { text-decoration: none; color: var(--text-color); } .titlebar h2 { text-align: left; } .titlebar { align-self: left; } .ai { float: right; } .content { padding: 0px 10px 10px 10px; } .main-iframe { margin: auto; width: 50%; background-color: var(--main-background-color); color: var(--text-color); border: 2px solid var(--border-color); padding: 0; height: 100px; box-shadow: 5px 5px 0px 0px var(--shadow-color); margin-bottom: 3rem; position: relative; } .widgets { margin: auto; width: 50%; background-color: var(--main-background-color); color: var(--text-color); border: 2px solid var(--border-color); padding: 0; box-shadow: 5px 5px 0px 0px var(--shadow-color); margin-bottom: 1rem; margin-top: -2rem; position: relative; } @media screen and (max-width: 800px) { main { width: 95%; min-height: 95vh; } .main-iframe { width: 95%; } .widgets { width: 95%; max-height: calc(31*3); } .imgcontainer { width: 90%; width: 50%; margin-left: 0; margin: 0 auto; } :root { scrollbar-width: 5px; } } @media screen and (min-width: 800px) and (max-width: 1000px) { main { width: 80%; min-height: 95vh; } .main-iframe { width: 80%; } .widgets { width: 80%; max-height: calc(31*3); } .imgcontainer { width: 80%; width: 50%; margin-left: 0; margin: 0 auto; } } @media screen and (min-width: 800px) { .widgets { max-height: 31px; } .imgcontainer { max-width: 25%; } }<
\ No newline at end of file