initial commit
sageclove
Tue, 31 Dec 2024 17:52:29 -0700
9 files changed,
393 insertions(+),
0 deletions(-)
A
assets/svg/logo-block-mono.svg
@@ -0,0 +1,115 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + width="512" + height="512" + viewBox="0 0 135.46667 135.46667" + version="1.1" + id="svg1" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <style + id="style15"> +#border { +} +#moons { } +#background { } +</style> + <defs + id="defs1"> + <clipPath + clipPathUnits="userSpaceOnUse" + id="clipPath1"> + <circle + style="display:none;fill:#000000;fill-opacity:1;stroke:none;stroke-width:2.76283;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:none;stroke-dashoffset:14.4;stroke-opacity:1;paint-order:fill markers stroke" + id="circle1" + cx="67.733337" + cy="37.041664" + r="16.933334" + d="M 84.666672,37.041664 A 16.933334,16.933334 0 0 1 67.733337,53.974998 16.933334,16.933334 0 0 1 50.800003,37.041664 16.933334,16.933334 0 0 1 67.733337,20.10833 16.933334,16.933334 0 0 1 84.666672,37.041664 Z" /> + <path + id="lpe_path-effect1" + style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:2.76283;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:none;stroke-dashoffset:14.4;stroke-opacity:1;paint-order:fill markers stroke" + class="powerclip" + d="M 45.800003,-1.6460228 H 89.666672 V 42.220646 H 45.800003 Z M 84.666672,37.041664 A 16.933334,16.933334 0 0 0 67.733337,20.10833 16.933334,16.933334 0 0 0 50.800003,37.041664 16.933334,16.933334 0 0 0 67.733337,53.974998 16.933334,16.933334 0 0 0 84.666672,37.041664 Z" /> + </clipPath> + </defs> + <g + id="layer1"> + <rect + style="display:none;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:4.23333;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:none;stroke-dashoffset:14.4;stroke-opacity:1;paint-order:fill markers stroke" + id="rect4" + width="135.46667" + height="135.46667" + x="0" + y="0" + ry="0.50714839" /> + <circle + style="fill:#57574e;fill-opacity:1" + id="background" + r="67.733337" + cy="67.733337" + cx="67.733337" /> + <g + id="border" + style="fill:#fafaee;fill-opacity:1"> + <path + style="color:#000000;display:inline;fill:#fafaee;fill-opacity:1;stroke-linecap:square;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" + d="m -22.953125,28.068359 c -17.358855,-0.51678 -34.691796,5.967188 -47.599609,18.875 -20.652501,20.6525 -24.861335,52.629785 -10.257813,77.923831 14.603522,25.29404 44.401442,37.63746 72.6132814,30.07812 C 20.014574,147.38597 39.650391,121.79689 39.650391,92.589844 v -2.195313 h -4.394532 v 2.195313 c 0,27.239646 -18.27837,51.061186 -44.5898434,58.111326 C -35.645458,157.75131 -63.386039,146.2621 -77.005859,122.67188 -90.62568,99.081653 -86.706648,69.312116 -67.445312,50.050781 -48.183977,30.789447 -18.41444,26.870413 5.1757812,40.490234 L 7.078125,41.587891 9.2753906,37.783203 7.3730469,36.685547 C -2.1122192,31.209225 -12.537812,28.378428 -22.953125,28.068359 Z" + id="path11" + transform="rotate(-60)" /> + <path + style="color:#000000;fill:#fafaee;fill-opacity:1;stroke-linecap:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" + d="m 26.986328,113.48047 a 1.5875001,1.5875001 0 0 0 -1.587891,1.58594 1.5875001,1.5875001 0 0 0 1.587891,1.58789 h 25.929688 a 1.5875001,1.5875001 0 0 0 1.58789,-1.58789 1.5875001,1.5875001 0 0 0 -1.58789,-1.58594 z" + id="path28" /> + <path + style="color:#000000;fill:#fafaee;fill-opacity:1;stroke-linecap:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" + d="m 82.550781,113.48047 a 1.5875001,1.5875001 0 0 0 -1.58789,1.58594 1.5875001,1.5875001 0 0 0 1.58789,1.58789 h 25.929689 a 1.5875001,1.5875001 0 0 0 1.58594,-1.58789 1.5875001,1.5875001 0 0 0 -1.58594,-1.58594 z" + id="path29" /> + <path + style="color:#000000;fill:#fafaee;fill-opacity:1;stroke-linecap:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" + d="m 78.316406,104.70898 a 1.5875001,1.5875001 0 0 0 -1.58789,1.5879 1.5875001,1.5875001 0 0 0 1.58789,1.58789 h 38.521484 a 1.5875001,1.5875001 0 0 0 1.58789,-1.58789 1.5875001,1.5875001 0 0 0 -1.58789,-1.5879 z" + id="path30" /> + <path + style="color:#000000;fill:#fafaee;fill-opacity:1;stroke-linecap:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" + d="m 18.628906,104.70898 a 1.5875001,1.5875001 0 0 0 -1.58789,1.5879 1.5875001,1.5875001 0 0 0 1.58789,1.58789 h 38.521485 a 1.5875001,1.5875001 0 0 0 1.58789,-1.58789 1.5875001,1.5875001 0 0 0 -1.58789,-1.5879 z" + id="path31" /> + <g + id="cactus" + style="display:inline;fill:#fafaee;fill-opacity:1;stroke-width:8.46667;stroke-dasharray:none"> + <path + style="color:#000000;fill:#fafaee;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" + d="m 82.550781,46.505859 a 4.233335,4.233335 0 0 0 -4.234375,4.234375 V 63.5 H 67.732422 A 4.233335,4.233335 0 0 0 63.5,67.732422 a 4.233335,4.233335 0 0 0 4.232422,4.234375 h 14.818359 a 4.2337584,4.2337584 0 0 0 4.232422,-4.234375 V 50.740234 a 4.233335,4.233335 0 0 0 -4.232422,-4.234375 z" + id="path6" /> + <path + style="color:#000000;fill:#fafaee;fill-opacity:1;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:14.4;-inkscape-stroke:none;paint-order:fill markers stroke" + d="m 52.916016,57.150391 a 4.233335,4.233335 0 0 0 -4.232422,4.232421 v 31.78711 a 4.2337584,4.2337584 0 0 0 4.232422,4.232422 h 14.816406 a 4.233335,4.233335 0 0 0 4.234375,-4.232422 4.233335,4.233335 0 0 0 -4.234375,-4.234375 H 57.150391 V 61.382812 a 4.233335,4.233335 0 0 0 -4.234375,-4.232421 z" + id="path7" /> + <path + style="fill:#fafaee;fill-opacity:1" + d="M 67.734375,32.988281 A 4.233335,4.233335 0 0 0 63.5,37.220703 v 90.185547 a 4.233335,4.233335 0 0 0 4.234375,4.23242 4.233335,4.233335 0 0 0 4.232422,-4.23242 V 37.220703 a 4.233335,4.233335 0 0 0 -4.232422,-4.232422 z" + id="path24" /> + </g> + </g> + <g + id="moons" + style="fill:#fafaee;fill-opacity:1"> + <path + style="fill:#fafaee;fill-opacity:1;stroke:none;stroke-width:2.76278;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:none;stroke-dashoffset:14.4;stroke-opacity:1;paint-order:fill markers stroke" + id="path4" + clip-path="url(#clipPath1)" + d="M 84.666672,20.287312 A 16.933334,16.933334 0 0 1 67.733337,37.220646 16.933334,16.933334 0 0 1 50.800003,20.287312 16.933334,16.933334 0 0 1 67.733337,3.3539772 16.933334,16.933334 0 0 1 84.666672,20.287312 Z" /> + <path + id="ellipse12" + style="fill:#fafaee;fill-opacity:1;stroke-width:2.78336;stroke-linecap:square;stroke-dashoffset:14.4;paint-order:fill markers stroke" + transform="rotate(90)" + d="m 15.805798,-91.01667 a 4.2332811,4.2333336 0 0 1 -2.116641,3.666174 4.2332811,4.2333336 0 0 1 -4.2332812,0 4.2332811,4.2333336 0 0 1 -2.1166405,-3.666174" /> + <path + id="path12" + style="fill:#fafaee;fill-opacity:1;stroke-width:2.78336;stroke-linecap:square;stroke-dashoffset:14.4;paint-order:fill markers stroke" + transform="matrix(0,1,1,0,0,0)" + d="m 15.805798,44.450001 a 4.2332811,4.2333336 0 0 1 -2.116641,3.666174 4.2332811,4.2333336 0 0 1 -4.2332812,0 4.2332811,4.2333336 0 0 1 -2.1166405,-3.666174" /> + </g> + </g> +</svg>
A
css/style.css
@@ -0,0 +1,20 @@
+:root { + --col-white: #fafaee; + --col-gray: #dbdbc3; + --col-black: #57574e; + + --col-blue: #214d78; + --col-purple: #8f3268; + --col-green: #746724; + --col-orange: #c77d17; + + --col-blue-l: #2f6dab; + --col-purple-l: #c2438d; + --col-green-l: #a69433; + --col-orange-l: #fa9d1c; + + --col-blue-t: #abd0ba; + --col-purple-t: #e7c4a4; + --col-green-t: #dcd9b0; + --col-orange-t: #efe2a9; +}
A
html/index.html
@@ -0,0 +1,244 @@
+<!DOCTYPE html> +<html> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width,initial-scale=1.0"> + <title>deserthorns</title> + <link rel="stylesheet" href="/css/style.css"> + <style> + html { + background: var(--col-white); + color: var(--col-black); + } + body { + margin: 1rem; + } + h1, + h2 { + font-style: italic; + } + hr { + border: 1px solid var(--col-gray); + } + a { + color: var(--col-blue-l); + } + .palette { + display: flex; + flex-direction: row; + } + .palette > div { + width: 3rem; + height: 3rem; + border-radius: 50%; + margin: 0.5rem; + } + .stripes > div { + height: 1rem; + } + .box { + width: 3rem; + height: 3rem; + border: 1px solid; + margin: 1rem; + } + .box.blue { + border-color: var(--col-blue); + background-color: var(--col-blue-t); + } + .box.purple { + border-color: var(--col-purple); + background-color: var(--col-purple-t); + } + .box.green { + border-color: var(--col-green); + background-color: var(--col-green-t); + } + .box.orange { + border-color: var(--col-orange); + background-color: var(--col-orange-t); + } + .txt-hl-blue { + background: var(--col-blue-t); + color: var(--col-blue); + } + + .txt-hl-purple { + background: var(--col-purple-t); + color: var(--col-purple); + } + + .txt-hl-green { + background: var(--col-green-t); + color: var(--col-green); + } + + .txt-hl-orange { + background: var(--col-orange-t); + color: var(--col-orange); + } + .header { + display: flex; + flex-direction: row; + } + .header .ident { + display: flex; + flex-direction: row; + } + .header .ident .name.mobile { + display: none; + align-self: center; + margin-left: 1rem; + } + .header .logo { + height: 5rem; + } + .header .name { + font-weight: bold; + font-size: 1.2rem; + margin-left: 2rem; + } + .header .links { + width: 100%; + } + .header ul { + padding: 0; + margin-left: 2rem; + margin-top: 0.5rem; + } + .header li { + font-size: 1rem; + list-style: none; + margin-top: 0.25rem; + } + .header li span { + padding: 0.1rem 0.25rem; + } + .header li span:hover { + color: var(--col-white); + background: var(--col-black); + cursor: pointer; + } + .header li.selected span{ + color: var(--col-white); + background: var(--col-black); + } + .header .columns { + display: flex; + flex-direction: row; + } + @media screen and (max-width: 600px) { + .header { + flex-direction: column; + } + .header .ident .name.mobile { + display: block; + } + .header .logo { + height: 3rem; + } + .header .links .name { + display: none; + } + .header .links .columns>ul:first-child { + margin-left: 0; + } + } + </style> + </head> + <body> + <div class="header"> + <div class="ident"> + <img class="logo" src="/assets/svg/logo-block-mono.svg"> + <span class="name mobile">deserthorns</span> + </div> + <div class="links"> + <span class="name">deserthorns</span> + <div class="columns"> + <ul> + <li> + <span>creative</span> + <li> + <span>knowledge</span> + </li> + <li class="selected"> + <span>meta</span> + </li> + </ul> + <ul> + <li> + <span>about</span> + </li> + <li class="selected"> + <span>style</span> + </li> + <li> + <span>links + </span> + </li> + </ul> + </div> + </div> + </div> + <h1>Style</h1> + <h2>Colors - Dark</h2> + <strong>Uses:</strong> borders, highlighted text, decoration + <div class="palette"> + <div style="background: var(--col-blue);"></div> + <div style="background: var(--col-purple);"></div> + <div style="background: var(--col-green);"></div> + <div style="background: var(--col-orange);"></div> + </div> + <hr> + <h2>Colors - Light</h2> + <strong>Uses:</strong> colored text + <div class="palette"> + <div style="background: var(--col-blue-l);"></div> + <div style="background: var(--col-purple-l);"></div> + <div style="background: var(--col-green-l);"></div> + <div style="background: var(--col-orange-l);"></div> + </div> + <hr> + <h2>Colors - Tints</h2> + <strong>Uses:</strong> text highlights, contrast areas/cards + <div class="palette"> + <div style="background: var(--col-blue-t);"></div> + <div style="background: var(--col-purple-t);"></div> + <div style="background: var(--col-green-t);"></div> + <div style="background: var(--col-orange-t);"></div> + </div> + <hr> + <h2>Contrasts</h2> + <strong>Uses:</strong> text, structure, contrast areas/cards + <div class="palette"> + <div style="background: var(--col-black);"></div> + <div style="background: var(--col-gray);"></div> + </div> + <hr> + <div class="palette"> + <div class="box blue"></div> + <div class="box purple"></div> + <div class="box green"></div> + <div class="box orange"></div> + </div> + <p> + Text with <span style="color: var(--col-blue-l)">colors</span> and <span style="color: var(--col-purple-l)">colors</span> and <span style="color: var(--col-orange-l)">colors</span> and <span style="color: var(--col-green-l)">colors</span>. + </p> + <p> + Text with highlight <span class="txt-hl-blue">colors</span> and <span class="txt-hl-purple">colors</span> and <span class="txt-hl-green">colors</span> and <span class="txt-hl-orange">colors</span>. + </p> + <p> + Text with an <a href="https://deserthorns.net">inline link</a> in it. + </p> + <pre> +Preformatted text... +<span style="color: var(--col-orange)">...with color!</span> + </pre> + <pre style="background-color: var(--col-gray);"> +// Code block +public foo() { + return "bar"; +} +</pre> + </body> +</html>
A
pull.sh
@@ -0,0 +1,3 @@
+#!/bin/bash + +rsync -e "ssh -i /home/sage/.ssh/kiko" -r sage@deserthorns.net:/var/www/ $(pwd)/
A
push.sh
@@ -0,0 +1,3 @@
+#!/bin/bash + +rsync -e "ssh -i /home/sage/.ssh/kiko" -r $(pwd)/ sage@deserthorns.net:/var/www/