about summary refs log tree commit diff
path: root/links
diff options
context:
space:
mode:
Diffstat (limited to 'links')
l---------links1
-rw-r--r--links/hero.css89
-rw-r--r--links/main.css527
-rw-r--r--links/~ssh16
4 files changed, 1 insertions, 632 deletions
diff --git a/links b/links
new file mode 120000
index 0000000..74f4e52
--- /dev/null
+++ b/links
@@ -0,0 +1 @@
+./site/links/
\ No newline at end of file
diff --git a/links/hero.css b/links/hero.css
deleted file mode 100644
index a28f835..0000000
--- a/links/hero.css
+++ /dev/null
@@ -1,89 +0,0 @@
-:root {
-  --body-spacing: 0;
-  --hero-width: 700px;
-  --hero-nav-width: calc(var(--hero-width) / 2);
-  --hero-section-width: calc((var(--hero-nav-width) / 2) - (var(--hero-section-border-width) / 2));
-  --hero-section-border-width: 1px;
-}
-
-body {
-  width: 100vw;
-  height: 100vh;
-
-  display: grid;
-  place-items: center;
-}
-
-main.hero {
-  display: grid;
-  place-items: center;
-}
-
-main.hero>img {
-  height: 33vh;
-  width: 66vw;
-}
-
-main.hero>nav {
-  width: calc(700px / 2);
-}
-
-main.hero>nav section {
-  display: block;
-  margin-left: 1rem;
-}
-
-main.hero>nav section+section {
-  margin-top: 15px;
-}
-
-main.hero>nav section.left {
-  margin-right: var(--hero-section-width);
-  text-align: end;
-
-  padding-right: 15px;
-  border-right: var(--hero-section-border-width) solid var(--fg);
-}
-
-main.hero>nav section.right {
-  margin-left: var(--hero-section-width);
-  text-align: start;
-
-  padding-left: 15px;
-  border-left: var(--hero-section-border-width) solid var(--fg);
-}
-
-main.hero ul,
-main.hero ol {
-  padding: 0;
-  margin: 0;
-}
-
-main.hero>nav li+li {
-  margin-top: 5px;
-}
-
-@media (pointer: coarse),
-(hover: none) {
-  main.hero {
-    [title] {
-      position: relative;
-      display: inline-flex;
-    }
-
-    [title]:focus::after {
-      content: attr(title);
-      position: absolute;
-      top: 3rem;
-      left: 1rem;
-      color: color-mix(in srgb, var(--fg) 90%, transparent);
-      background-color: color-mix(in srgb, var(--bg) 90%, transparent);
-      border: 1px solid;
-      text-wrap: nowrap;
-      width: min-content;
-      max-width: 100vw;
-      padding: 1px 5px;
-      z-index: 9999;
-    }
-  }
-}
diff --git a/links/main.css b/links/main.css
deleted file mode 100644
index 7467bf2..0000000
--- a/links/main.css
+++ /dev/null
@@ -1,527 +0,0 @@
-:root {
-  --black: #0f0f0f;
-  --white: WhiteSmoke;
-  --ac: MediumPurple;
-
-  --fg: var(--black);
-  --bg: var(--white);
-
-  --body-spacing: 45px;
-  --body-line-height: 1.3;
-  --body-inline-padding: 15px;
-
-  --dashed: 1px dashed color-mix(in srgb, var(--bg) 80%, var(--fg));
-}
-
-::selection {
-  background: var(--ac);
-  opacity: 1.0;
-  color: var(--black);
-  padding: 10px;
-}
-
-a {
-  color: var(--fg);
-
-}
-
-a:hover {
-  background: color-mix(in srgb, var(--ac) 40%, transparent);
-}
-
-body {
-  background: var(--bg);
-  color: var(--fg);
-  overflow-x: hidden;
-  font-family: var(--ff, sans-serif);
-  padding: var(--body-spacing);
-  margin: 0;
-}
-
-body>*+* {
-  margin-top: var(--body-spacing);
-}
-
-header {
-  display: flex;
-  gap: var(--body-spacing);
-  align-items: center;
-}
-
-header>* {
-  display: inline-block;
-}
-
-header a {
-  text-decoration: none;
-}
-
-header a img {
-  max-height: 55px;
-  vertical-align: bottom;
-}
-
-nav section {
-  display: inline-block;
-  line-height: var(--body-line-height);
-  vertical-align: top;
-}
-
-nav section+* {
-  margin-left: 1rem;
-}
-
-nav ul {
-  margin: 0;
-  padding: 0;
-}
-
-main {
-  clear: both;
-  max-width: 700px;
-  margin: 0 auto;
-}
-
-main>* {
-  margin-bottom: 30px
-}
-
-main blockquote {
-  margin-left: 0;
-  border-left: 1px dashed var(--fg);
-  padding-left: var(--body-inline-padding);
-}
-
-main>h1 {
-  font-size: 1.5rem;
-}
-
-main>h2 {
-  font-size: 1.3rem;
-}
-
-main>h3 {
-  font-size: 1.2rem;
-}
-
-main>h4 {
-  font-size: 1.1rem;
-}
-
-main p {
-  line-height: var(--body-line-height);
-  margin-top: 0;
-}
-
-figure {
-  margin: 0;
-  padding-bottom: var(--body-inline-padding);
-}
-
-figure > img {
-  max-height: 30vh;
-}
-
-figcaption {
-  text-align: end;
-  font-size: smaller;
-  padding: 2px
-}
-
-main hr {
-  border-color: color-mix(in srgb, var(--fg) 20%, var(--bg));
-  clear: both;
-}
-
-main img {
-  max-width: 100%;
-  object-fit: contain;
-}
-
-main>q {
-  max-width: 500px;
-  display: block;
-  margin-left: 30px;
-}
-
-main pre {
-  background: color-mix(in srgb, var(--bg) 95%, var(--fg));
-  border: var(--dashed);
-  padding: var(--body-inline-padding);
-  margin-bottom: 30px;
-  overflow-x: scroll;
-}
-
-main code {
-  font-family: monospace;
-}
-
-main p>code {
-  border: var(--dashed);
-  padding: 1px 4px;
-}
-
-main code comment {
-  color: #777
-}
-
-main ol,
-main ul {
-  margin-top: 0;
-  margin-bottom: 30px;
-  line-height: var(--body-line-height);
-}
-
-/*main ol li+*,*/
-/*main ul li+* {*/
-/*  margin-top: 1ex;*/
-/*}*/
-
-main ol li>p,
-main ul li>p {
-  margin: 0;
-}
-
-main ol {
-  list-style-type: decimal-leading-zero;
-}
-
-main ul {
-  list-style-type: square;
-}
-
-/* task list */
-
-main ul.task-list li {
-  list-style-type: none;
-  padding: 5px;
-}
-
-main ul.task-list li+* {
-  margin-top: 1ex;
-}
-
-main ul.task-list li:has(label:hover) {
-  padding: 4px;
-  background: color-mix(in srgb, var(--fg) 5%, transparent);
-  border: 1px solid color-mix(in srgb, var(--fg) 10%, transparent);
-}
-
-main ul.task-list li:has(input:checked) {
-  padding: 4px;
-  background: color-mix(in srgb, var(--ac) 10%, transparent);
-  border: 1px solid color-mix(in srgb, var(--ac) 20%, transparent);
-}
-
-main ul.task-list input {
-  margin: 0 1em 0 -2em;
-}
-
-/* table */
-
-main table img {
-  max-width: 100%;
-  display: block;
-  margin: 20px 0;
-}
-
-main table tr th {
-  text-align: start;
-  font-weight: bold
-}
-
-main table tr>* {
-  padding: 5px var(--body-inline-padding);
-  vertical-align: top;
-}
-
-/* date */
-
-main span.date {
-  font-family: monospace;
-  display: inline-block;
-  width: 100%;
-  text-align: end;
-}
-
-/* toc */
-
-main nav.table-of-contents {
-  /*max-width: 30ch;*/
-
-  position: sticky;
-  top: 1rem;
-
-  float: right;
-  margin-right: -22ch;
-}
-
-main nav.table-of-contents>ol {
-  list-style: inside disclosure-closed;
-}
-
-main nav.table-of-contents>ol>:first-child {
-  text-transform: none;
-  line-height: 2.0;
-}
-
-/* footnotes */
-
-main section#footnotes {
-  margin-bottom: 0;
-  font-size: smaller;
-}
-
-main section#footnotes hr {
-  display: none;
-}
-
-main .footnote-back {
-  margin-left: 1ch;
-}
-
-/* footer */
-
-footer {
-  font-size: 0.9rem;
-  border-top: 1px solid color-mix(in srgb, var(--fg) 20%, var(--bg));
-  padding-top: var(--body-spacing);
-  line-height: var(--body-line-height);
-  clear: both;
-}
-
-body>a[href="#top"]:last-child {
-  float: right;
-  margin-top: -2rem;
-}
-
-details[open]>*:not(summary) {
-  margin: 1ex 0 0 0;
-}
-
-/* modular */
-
-.col2 {
-  columns: 2
-}
-
-.capital {
-  text-transform: capitalize
-}
-
-.nocapital {
-  text-transform: unset !important;
-}
-
-.notice {
-  padding: var(--body-inline-padding);
-  border: 1px solid var(--ac);
-  background-color: color-mix(in srgb, var(--ac) 10%, var(--bg));
-  color: color-mix(in srgb, var(--fg) 90%, var(--bg));
-}
-
-.notice,
-.notice>* {
-  font-size: 0.8rem;
-}
-
-.notice h1 {
-  text-align: end;
-  font-size: 0.9rem;
-  text-transform: capitalize;
-}
-
-ul.nobull li {
-  list-style-type: none
-}
-
-.hidden {
-  display: none
-}
-
-.fullpage {
-  /*
-   * NOTE: 7rem = the height of header + footer, then the spacing between
-   *       header and content and footer and line and content
-   */
-  --header-and-footer-max-height: calc(7rem + (var(--body-spacing) * 3));
-
-  width: calc(100vw - (var(--body-spacing) * 2));
-  height: calc(100vh - (var(--body-spacing) * 2) - var(--header-and-footer-max-height));
-}
-
-/* puts child item into center */
-.centering {
-  display: grid;
-  place-items: center;
-}
-
-/* positions self in center */
-.center {
-  display: block;
-  margin: 0 auto;
-}
-
-.squish {
-  display: flex;
-  flex-flow: row wrap;
-}
-
-@media (max-width: 768px) {
-  .squish {
-    width: 100%;
-    padding: 0;
-  }
-}
-
-.squish>* {
-  max-width: 100%;
-  max-height: 100%;
-}
-
-.size-s {
-  max-height: 150px;
-}
-
-.size-m {
-  max-height: 220px;
-}
-
-.size-l {
-  max-height: 400px;
-}
-
-.float-l {
-  float: left;
-  padding-right: var(--body-inline-padding);
-}
-
-.float-r {
-  float: right;
-  padding-left: var(--body-inline-padding);
-}
-
-.cutout {
-  width: 100%;
-  max-height: 9rem;
-  object-fit: cover;
-  object-position: 0 50%;
-}
-
-:is(div, p):has(>.i) {
-  display: flex;
-  flex-flow: row wrap;
-  grid-gap: var(--body-inline-padding);
-}
-
-:is(div, p)>.i {
-  max-width: 100%;
-}
-
-/* theme */
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --fg: var(--white);
-    --bg: var(--black);
-  }
-
-  .mono {
-    filter: invert(1)
-  }
-}
-
-/* mobile */
-
-@media (max-width: 768px) {
-  :root {
-    --body-spacing: 25px;
-  }
-
-  main ul,
-  main ol {
-    padding: 0 var(--body-inline-padding);
-  }
-
-  main ul a,
-  main ol a {
-    line-height: 1.8;
-  }
-
-  main img {
-    max-width: 100%;
-  }
-
-  main nav.table-of-contents {
-    float: unset;
-    margin-right: unset;
-    position: unset;
-  }
-
-  main nav.table-of-contents>ol {
-    columns: 2;
-    list-style: outside disclosure-closed;
-  }
-
-  main nav.table-of-contents>ol>:first-child {
-    display: none;
-  }
-}
-
-@media (max-width: 320px) {}
-
-/* typography */
-
-:root {
-  --vf-grad: 0;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --vf-grad: -50;
-  }
-}
-
-html {
-  font-variation-settings: "GRAD" var(--vf-grad, 0);
-}
-
-main p {
-  text-decoration-skip-ink: auto;
-}
-
-main {
-  margin-block-start: var(--body-spacing);
-}
-
-main pre,
-main code,
-main var,
-main samp,
-main kbd,
-main h1,
-main h2,
-main h3,
-main h4,
-main h5,
-main h6 {
-  -webkit-hyphens: manual;
-  hyphens: manual;
-}
-
-h1 {
-  font-variant-numeric: lining-nums;
-  font-variant-ligatures: discretionary-ligatures;
-}
-
-td,
-math,
-time[datetime*=":"] {
-  font-variant-numeric: tabular-nums lining-nums slashed-zero;
-}
-
-iframe {
-  border: 0;
-  margin: 0;
-  padding: 0;
-}
diff --git a/links/~ssh b/links/~ssh
deleted file mode 100644
index 9619d1e..0000000
--- a/links/~ssh
+++ /dev/null
@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="utf-8">
-<meta http-equiv="refresh" content="0; url=https://meta.sr.ht/~robertgzr.keys">
-<meta name="fediverse:creator" content="@robertgzr@toot.berlin">
-<link rel="stylesheet" type="text/css" href="links/main.css">
-</head>
-<body>
-<noscript>Continue to <a href="https://meta.sr.ht/~robertgzr.keys">https://meta.sr.ht/~robertgzr.keys</a>.</noscript>
-<script>
-'use strict'
-window.location.replace("https://meta.sr.ht/~robertgzr.keys")
-</script>
-</body>
-</html>