From c21a7a881a1899597e1643eba7a650e015d01619 Mon Sep 17 00:00:00 2001 From: Andrew Date: Sun, 15 Sep 2024 15:24:04 +0300 Subject: [PATCH] Minus minification --- index.html | 101 ++++++++++++++++- style.css | 280 +++++++++++++++++++++++++++++++++++++++++++++++- uses/index.html | 150 +++++++++++++++++++++++++- 3 files changed, 528 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 16e96f2..ed51981 100644 --- a/index.html +++ b/index.html @@ -1 +1,100 @@ -Andrew

Andrew he/him

Bilingual disabled socialist who can easily imagine the end of the world or the end of capitalism. Feminism is for everyone.

Nothing Personal

no-pe.netlify.app
Blog for larger thoughts, still of questionable value.
\ No newline at end of file + + + + + +Andrew + + + + + + + + + + + + + + + + + + + + +
+
+
+

Andrew he/him

+

Bilingual disabled socialist who can easily imagine the end of the world or the end of capitalism. Feminism is for everyone.

+
+ +
+
+
+
+ +
+

Nothing Personal

+
+
no-pe.netlify.app
+
Blog for larger thoughts, still of questionable value.
+
+
+ +
+ +
+ + diff --git a/style.css b/style.css index f55c695..1412d2c 100644 --- a/style.css +++ b/style.css @@ -1 +1,279 @@ -:root{--bgd:#222;--bgl:#ddd;--txl:#ccc;--txd:#333;--txa:#11d;--txh:#811;--txu:#440;--txw:#345;--upw:#e8e8e8;--upb:#595959;--upr:#cf7280;--icu:#070;--icw:#07c}@font-face{font-display:auto;font-family:Montserrat;font-style:normal;font-weight:400;src:url(fonts/montserrat-v26-latin-regular.woff2) format("woff2")}@font-face{font-display:auto;font-family:Montserrat;font-style:italic;font-weight:400;src:url(fonts/montserrat-v26-latin-italic.woff2) format("woff2")}@font-face{font-display:auto;font-family:Montserrat;font-style:normal;font-weight:700;src:url(fonts/montserrat-v26-latin-700.woff2) format("woff2")}@font-face{font-display:auto;font-family:Montserrat;font-style:italic;font-weight:700;src:url(fonts/montserrat-v26-latin-700italic.woff2) format("woff2")}*{position:relative;padding:0;margin:0;border:0;font:inherit;vertical-align:baseline;box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%;font-size:16px}body{font-family:Montserrat,sans-serif;line-height:2rem;font-size:1rem;min-height:100%}body,footer,header,main,section{display:flex;flex-flow:column;align-items:center;width:100%}header,main{flex-grow:1}header{justify-content:flex-end}header section{flex-flow:column-reverse;padding-top:3rem}section{gap:2rem;max-width:80rem;padding:1rem}main{justify-content:space-between}main section{align-items:flex-start}footer section{flex-flow:row wrap;justify-content:center;gap:0 4rem}footer article{display:flex;flex-flow:row wrap;justify-content:center;gap:0 .5rem}@media screen and (min-width:40rem){section{padding:2rem;justify-content:space-between}header section{flex-flow:row;align-items:flex-end}main section{flex-flow:row wrap}dt a em{margin-left:-1rem}}h2,h3,strong{font-weight:700}em{font-style:italic}dt em{font-style:normal}a{text-decoration:none}sup{position:relative;vertical-align:middle;font-size:.8rem;bottom:.5em}sup span{display:none}h1 sup{font-size:1rem}a span{text-decoration:underline}h1{font-size:2rem;line-height:4rem}h2{font-size:1.2rem}ul{list-style:none}ul li{padding-left:2rem;text-indent:-2rem}h1 span,ul li a,ul li span{white-space:nowrap}svg{vertical-align:bottom;height:auto;width:8rem}li svg{height:.75rem;width:auto;vertical-align:baseline;margin-right:.0625rem}@media screen and (min-width:60rem){svg{width:12rem}}header{color:var(--txl)}body{color:var(--txd)}a{color:var(--txa);text-decoration-color:var(--txa)}a:focus,a:hover{color:var(--txh);text-decoration-color:var(--txh)}span[title=Linux]{color:var(--txu)}span[title=Windows]{color:var(--txw)}body{background:var(--bgl)}header{background:var(--bgd)} \ No newline at end of file +/* +MARK: Variables +*/ + +:root { + /* background */ + --bgd: #222; /* dark background */ + --bgl: #ddd; /* light background */ + + /* text */ + --txl: #ccc; /* light text */ + --txd: #333; /* dark text */ + --txa: #11d; /* link */ + --txh: #811; /* link hover */ + --txu: #440; /* Linux */ + --txw: #345; /* Windows blue */ + + /* userpic */ + --upw: #e8e8e8; /* userpic white */ + --upb: #595959; /* userpic black */ + --upr: #cf7280; /* userpic red */ + + /* icons */ + --icu: #070; /* Linux green */ + --icw: #07c; /* Windows blue */ +} + + + +/* +MARK: Fonts +*/ + +@font-face { + font-display: auto; + font-family: "Montserrat"; + font-style: normal; + font-weight: 400; + src: url("fonts/montserrat-v26-latin-regular.woff2") format("woff2"); +} + +@font-face { + font-display: auto; + font-family: "Montserrat"; + font-style: italic; + font-weight: 400; + src: url("fonts/montserrat-v26-latin-italic.woff2") format("woff2"); +} + +@font-face { + font-display: auto; + font-family: "Montserrat"; + font-style: normal; + font-weight: 700; + src: url("fonts/montserrat-v26-latin-700.woff2") format("woff2"); +} + +@font-face { + font-display: auto; + font-family: "Montserrat"; + font-style: italic; + font-weight: 700; + src: url("fonts/montserrat-v26-latin-700italic.woff2") format("woff2"); +} + + + +/* +MARK: Base +*/ + +* { + position: relative; + padding: 0; + margin: 0; + border: 0; + font: inherit; + vertical-align: baseline; + box-sizing: border-box; +} +html { + -webkit-text-size-adjust: + 100%; + height: 100%; + font-size: 16px; +} +body { + font-family: "Montserrat", + sans-serif; + line-height: 2rem; + font-size: 1rem; + min-height: 100%; +} + + + +/* +MARK: Blocks +*/ + +body, +header, +main, +footer, +section { + display: flex; + flex-flow: column; + align-items: center; + width: 100%; +} +header, +main { + flex-grow: 1; +} +header { + justify-content: flex-end; +} +header section { + flex-flow: column-reverse; + padding-top: 3rem; +} +section { + gap: 2rem; + max-width: 80rem; + padding: 1rem; +} +main { + justify-content: space-between; +} +main section { + align-items: flex-start; +} +footer section { + flex-flow: row wrap; + justify-content: center; + gap: 0 4rem; +} +footer article { + display: flex; + flex-flow: row wrap; + justify-content: center; + gap: 0 .5rem; +} + + + +/* +MARK: Wide Blocks +*/ + +@media screen and (min-width:40rem) { + section { + padding: 2rem; + justify-content: space-between; + } + header section { + flex-flow: row; + align-items: flex-end; + } + main section { + flex-flow: row wrap; + } + dt a em { + margin-left: -1rem; + } +} + + + +/* +MARK: Text +*/ + +strong, +h2, +h3 { + font-weight: bold; +} +em { + font-style: italic; +} +dt em { + font-style: normal; +} +a { + text-decoration: none; +} +sup { + position: relative; + vertical-align: middle; + font-size: .8rem; + bottom: .5em; +} +sup span { + display: none; +} +h1 sup { + font-size: 1rem; +} +a span { + text-decoration: underline; +} +h1 { + font-size: 2rem; + line-height: 4rem; +} +h2 { + font-size: 1.2rem; +} +ul { + list-style: none; +} +ul li { + padding-left: 2rem; + text-indent: -2rem; +} +h1 span, +ul li a, +ul li span { + white-space: nowrap; +} + + + +/* +MARK: Images +*/ + +svg { + vertical-align: bottom; + height: auto; + width: 8rem; +} +li svg { + height: .75rem; + width: auto; + vertical-align: baseline; + margin-right: .0625rem; +} +@media screen and (min-width:60rem) { + svg { + width: 12rem; + } +} + + + +/* +MARK: Colors +*/ + +header { + color: var(--txl); +} +body { + color: var(--txd); +} +a { + color: var(--txa); + text-decoration-color: var(--txa); +} +a:hover, +a:focus { + color: var(--txh); + text-decoration-color: var(--txh); +} +span[title="Linux"] { + color: var(--txu); +} +span[title="Windows"] { + color: var(--txw); +} + +body { + background: var(--bgl); +} +header { + background: var(--bgd); +} diff --git a/uses/index.html b/uses/index.html index 782de24..6b0efb2 100644 --- a/uses/index.html +++ b/uses/index.html @@ -1 +1,149 @@ -Andrew /uses

Andrew /uses

What I stare at most of the time.

Hardware

  • Mini PC: ❖Chihiro Ryzen 5 5560U
  • Laptop: ❖Fio Pentium Silver N5030
  • Phone: Moto E5 Plus

Software

  • Web: Firefox, Gmail, Inoreader, DeepL Write
  • Dev: Hugo, Inkscape, VS Code
  • CLI: Konsole/Windows Terminal, Nushell, Oh My Posh

Gaming

  • PCs: ❖Chihiro, ⊞Nausicaä Ryzen 5 4500, Radeon RX 6600 XT
  • Consoles: Switch, 3DS, Vita, Series S
  • Gamepads: Flydigi Apex 4 & Vader 3 Pro, Steam Controller
\ No newline at end of file + + + + + +Andrew /uses + + + + + + + + + + + + + + + + + + + + +
+
+
+

Andrew /uses

+

What I stare at most of the time.

+
+ +
+
+
+
+
+

Hardware

+
    +
  • Mini PC: + + ❖ + + + + + + + + + + + Chihiro + Ryzen 5 5560U +
    • +
  • Laptop: + + ❖ + + Fio + Pentium Silver N5030 +
    • +
  • Phone: + Moto E5 Plus +
    • +
+
+
+

Software

+
    +
  • Web: + Firefox, + Gmail, + Inoreader, + DeepL Write +
    • +
  • Dev: + Hugo, + Inkscape, + VS Code +
    • +
  • CLI: + Konsole/Windows Terminal, + Nushell, + Oh My Posh +
    • +
+
+
+

Gaming

+
    +
  • PCs: + + ❖ + + Chihiro, + + ⊞ + + + + + + + + + + + + Nausicaä + + Ryzen 5 4500, Radeon RX 6600 XT +
    • +
  • Consoles: + Switch, + 3DS, + Vita, + Series S +
    • +
  • Gamepads: + Flydigi Apex 4 + & Vader 3 Pro, + Steam Controller +
    • +
+
+
+ +
+ +