commit 07a597a01e0a3ade38c1d7d55bc999ec586fad93
parent 050208abb13921c72a4f9215125050222b69213b
Author: William <x@linear.codes>
Date: Fri, 13 Dec 2024 13:16:35 -0500
Going linear and adding the old css from linear.codes
Diffstat:
| M | about.html | | | 101 | ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------- |
| M | style.css | | | 170 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++------------ |
2 files changed, 233 insertions(+), 38 deletions(-)
diff --git a/about.html b/about.html
@@ -1,17 +1,90 @@
<!DOCTYPE html>
<html>
- <head>
- <title>~/ABOUT</title>
- <meta charset="utf8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="style.css" type="text/css">
- <link media="screen" title="index" charset="utf-8">
- <link rel="icon" href="favicon.ico">
- </head>
- <body>
- <pre>
- <pre class="left">
- <p>About WRPR.US</p>
- </pre>
- </body>
+ <head>
+ <!--<html lang="en">-->
+ <title>~/About</title>
+ <meta charset="utf8">
+ <link rel="stylesheet" type='text/css' href="style.css">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+<div class="wrapper">
+<pre class="title">
+<!-- <div class="title">-->
+ ___ ___ ________ _______ ________ ________
+|\ \ |\ \ |\ ___ \ |\ ___ \ |\ __ \ |\ __ \
+\ \ \ \ \ \ \ \ \\ \ \ \ \ __/| \ \ \|\ \ \ \ \|\ \
+ \ \ \ \ \ \ \ \ \\ \ \ \ \ \_|/__ \ \ __ \ \ \ _ _\
+ \ \ \____ \ \ \ \ \ \\ \ \ \ \ \_|\ \ \ \ \ \ \ \ \ \\ \|
+ \ \_______\ \ \__\ \ \__\\ \__\ \ \_______\ \ \__\ \__\ \ \__\\ _\
+ \|_______| \|__| \|__| \|__| \|_______| \|__|\|__| \|__|\|__|</pre>
+ <nav>
+ <p class="separator"></p>
+ <div class="midcolor">
+ <a href="index.html">/Home</a> ·
+ <a href="/about.html">/About</a> ·
+ <a href="/contact.html">/Contact</a>
+ <!--a href="gemini://linear.codes">/Gemini</a> ·
+ <a href="http://by4wypredg7f6ymqglown4yvsrdaru5umrxofduxjul5umynpo3qiqyd.onion">/Onion</a> ·
+ <a href="https://searx.linear.codes">/Searx</a>
+ <a href="flightlog.html">/Flight_Log</a> -->
+ <p class="separator"></p>
+ </nav>
+ <h3 class="left">
+ <div class="tops">
+ </div>
+ <body>
+ <div class="tops">
+ <h3>Other Links.</h3>
+ </div>
+ <body>
+ <div class="ll">
+ ·<a href="gemini://linear.codes">/Gemini Capsule</a>
+ </div>
+ <div class="ll">
+ ·<a href="http://linear.i2p">/I2P Eepsite</a>
+ </div>
+
+ <div class="ll">
+ ·<a href="http://by4wypredg7f6ymqglown4yvsrdaru5umrxofduxjul5umynpo3qiqyd.onion">/Onion</a>
+ </div>
+ <div class="ll">
+ ·<a href="https://searx.linear.codes">/Searx</a>
+ </div>
+ <div class="l3">
+ <p>BTC:</p>
+ <code><strong>bc1qdvk8nvw95t066cxq73w4ewfp8kahr84u2wgza5</strong></code>
+ </div>
+ <a href="pix/btc.png">
+ <img class="qr" src="pix/btc.png">
+ </a>
+
+
+ <div class="tops">
+ <h3>About this Site.</h3>
+ </div>
+ <div class="ll"> <p>
+ This site was written in vanilla HTML and CSS; made to load as fast as possible, on any device, on nearly any connection.</p>
+
+ <h4>Privacy.</h4>
+ <p>
+ This site respects user privacy, there are no trackers, tracers, cookies or JavaScript of any kind. (Except on the SearXNG instance.)
+ </p>
+
+ <p><i>Site Last Updated: 09/28/22</i></p>
+ <footer>
+ <footer class="left">
+ <div class="tops">
+ <a href="https://linear.codes">/Home</a>
+ </div>
+ <!-- <div class="l3">
+ <p>BTC:</p>
+ <code><strong>bc1qdvk8nvw95t066cxq73w4ewfp8kahr84u2wgza5</strong></code>
+ </div>
+ <a href="pix/btc.png">
+ <img class="qr" src="pix/btc.png">
+ </a>-->
+ </footer>
+
+ </body>
+
</html>
diff --git a/style.css b/style.css
@@ -1,27 +1,149 @@
:root {
- --bg:#ffffff;
- --head:#000000;
- --hover:#e10032
-}
-
-body {
- font-family: sans-serif;
- font-size: 12px;
- background-color: var(--bg);
- color: var(--head);
- margin: auto;
-}
-p { margin: auto }
-a:link { color: var(--head) }
-a:visited { color: var(--hover) }
-a:hover { color: var(--hover) }
-.left { text-align: left }
-.greentext { color: #008700 }
-.right { text-align: right }
-code { color: var(--hover) }
-.logo {
- width: 50px;
+ --bg:#151b25;
+ --head:#dbe8e1;
+ --hover:#e10032
+}
+
+html{
+ font-family: monospace;
+ background-color: var(--bg);
+ font-weight: 400;
+ color: var(--head);
+ max-width: 520px ;
+ font-size:16px ;
+ text-align: center ;
+ margin: auto ;
+}
+
+body {
+ background-color: var(--bg);
+ font-family: monospace;
+ margin-bottom: 100px;
+ font-weight: 400;
+/* font-size: 16px;*/
+}
+
+.title {
+ white-space: pre ;
+ margin: auto ;
+ text-align: center ;
+ font-size: 8px;
+ max-width: 520px;
+}
+
+
+footer {
+ text-align: center;
+ color: var(--head) ;
+}
+
+
+a {
+ color: var(--head) ;
+}
+
+a:hover {
+ color: var(--hover) ;
+}
+
+
+li {
+ float: center;
+}
+
+li a {
+ display: block;
+ color: #c8c8c8;
+ text-align: center;
+ padding: 10px, 15px;
text-decoration: none;
- border-bottom: unset;
- background: unset !important;
+}
+
+li a:hover {
+ background-color: #111;
+}
+
+.ll {
+ font-size: 14px ;
+ line-height: 1.3em ;
+ max-width: 422px;
+ margin: 10 ;
+ text-align: left ;
+}
+
+.l2 {
+ font-size: large ;
+ line-height:1.3em ;
+ max-width: 600px ;
+ margin: auto ;
+}
+
+.l3 {
+ font-size: 14px ;
+ line-height: 1.3em ;
+ max-width: 660 ;
+ margin: auto ;
+}
+.left {
+ text-align: left;
+}
+
+.small {
+ font-size: 0.6vw;
+}
+
+.qr {
+ max-width: 100px;
+ padding: 10px;
+ border: medium none;
+ align: center;
+}
+
+
+code {
+ overflow-x:auto;
+ overflow-y:auto;
+ padding:0px;
+ min-width:600;
+ background-color: var(--head); !important;
+ font-size:14px!important;
+ margin-bottom:10px;
+ color: var(--bg);
+ line-height: 1.3em;
+}
+/*code {
+ color: var(--bg);
+}*/
+
+.midcolor {
+ color: var(--head);
+ text-align: center;
+}
+
+
+
+.separator {
+ text-align: center;
+ white-space: nowrap;
+ overflow-x: hidden;
+ margin-top: 8px;
+ margin-bottom: 8px;
+ overflow-x: hidden;
+ border-top: 1px dashed var(--head);
+}
+
+@media only screen and (max-width: 800px) {
+ /*GENERAL ELEMENTS*/
+ /*CLASSES*/
+ .wrapper {
+ width: 100%;
+ /*font-size: 4vw;*/
+ }
+
+ .title {
+ font-size: 0.8vw;
+ }
+ .tops{
+ font-size: 2.5vw;
+ }
}
