diff options
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/blog.css | 278 | ||||
| -rw-r--r-- | assets/font/JetBrainsMono-Regular.woff2 | bin | 0 -> 92164 bytes | |||
| -rw-r--r-- | assets/image/arch.svg | 1 | ||||
| -rw-r--r-- | assets/image/email.svg | 1 | ||||
| -rw-r--r-- | assets/image/git.svg | 1 | ||||
| -rw-r--r-- | assets/image/rss.svg | 1 | ||||
| -rw-r--r-- | assets/image/website.svg | 1 |
7 files changed, 283 insertions, 0 deletions
diff --git a/assets/css/blog.css b/assets/css/blog.css new file mode 100644 index 0000000..de80799 --- /dev/null +++ b/assets/css/blog.css @@ -0,0 +1,278 @@ +:root +{ + --term-fg: #b5aba8; + --term-bg: #2b2b2b; + --term-black: #515151; + --term-red: #cc6666; + --term-green: #b5bd68; + --term-yellow: #f0c674; + --term-blue: #81a2be; + --term-magenta: #b294bb; + --term-cyan: #8abeb7; + --term-white: #b5aba8; +} + +@font-face { + font-family: "jetbrains-mono"; + src: url("/assets/font/JetBrainsMono-Regular.woff2"); +} + +html { + font-family: "jetbrains-mono", serif; + font-variant-ligatures: none; +} + +header, .icon-text { + display: flex; + flex-flow: row; + align-items: center; +} + +.icon-text { + margin-top: 0.2rem; + margin-bottom: 0.2rem; +} + +.icon-text > :first-child { + margin-right: 0.3rem; +} + +header { + margin-top: 0rem; + margin-bottom 1rem; +} + +header div { + flex: 1; +} + +header span { + flex: 0.2; +} + +.blog-title { + margin-top: 0rem; +} + +.ascii-art { + font-size: 0.6rem; + white-space: pre; +} + +hr { + width: 90%; + color: var(--term-black); +} + +.nobr, +.icon-text p, +.icon-text span { + white-space: nowrap; +} + +.force-wrap p, .force-wrap { + word-wrap: break-word; +} + +.code-block, +.code-block-wrap { + border-style: solid; + border-color: var(--term-white); + border-width: 0.1rem; + padding: 0.7rem; +} + +.code-block { + overflow-x: auto; +} + +figure { + margin-left: 0; + margin-right: 0; +} + +figcaption { + text-align: center; + color: var(--term-fg); +} + +h1 { + font-size: 2rem; + margin-top: 2rem; +} + +h2 { + font-size: 1.5rem; + margin-top: 1.5rem; +} + +h3 { + font-size: 1.2rem; + margin-top: 1.2rem; +} + +p { + font-size: 1rem; + margin-top: 0.8rem; +} + +.code-block p, +.code-block-wrap p { + margin: 0; +} + +.code-block p { + white-space: pre; +} + +body { + background-color: var(--term-bg); +} + +p, h1, h2, h3 { + color: var(--term-fg); + margin-bottom: 0.8rem; +} + +h2.index-title { + margin-top: 0.8rem; +} + +img +{ + max-width: 100%; + max-height: 100%; + border-style: solid; + border-color: var(--term-black); + border-width: 0.1rem; + width: 100%; +} + +.svg-icon { + max-width: 1.5rem; + max-height: 1.5rem; + border: none; + width: 1.5rem; + height: 1.5rem; +} + +a.dont-bother { + color: var(--term-fg); + font-weight: normal; +} + +a.dont-bother:hover { + text-decoration: none; +} + +strong { + color: var(--term-yellow); +} + +a { + font-weight: bold; + color: var(--term-blue); + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +a.posts-listing-link:hover :is(h2, h3) +{ + text-decoration: underline; +} + +@media (min-width: 768px) { + main { + border-width: 0.15rem; + border-color: var(--term-black); + border-style: none solid none solid; + } +} + +main :is(h1, h2, h3) { + color: var(--term-yellow); + margin-top: 2rem; +} + +.other_post { + display: flex; + flex-flow: row; + align-items: center; + margin: 2rem 0rem; + gap: 1rem; +} + +.other_post div { + flex: 1; +} + +.other_post img { + max-width: 100%; + max-height: 100%; +} + +.first-element { + margin-top: 0; +} + +.last-element { + margin-bottom: 0; +} + +div.huge-vertical-spacer-at-the-bottom { + height: 10rem; +} + +@media (max-width: 767px) { + div.sidebar-spacing { + height: 10rem; + } +} + +div.blog-content-spacer { + height: 2rem; +} + +/* Extra "terminal" colors */ +.fg { + color: var(--term-fg); +} + +.bg { + color: var(--term-bg); +} + +.black { + color: var(--term-black); +} + +.red { + color: var(--term-red); +} + +.green { + color: var(--term-green); +} + +.yellow { + color: var(--term-yellow); +} + +.blue { + color: var(--term-blue); +} + +.magenta { + color: var(--term-magenta); +} + +.cyan { + color: var(--term-cyan); +} + +.white { + color: var(--term-white); +} diff --git a/assets/font/JetBrainsMono-Regular.woff2 b/assets/font/JetBrainsMono-Regular.woff2 Binary files differnew file mode 100644 index 0000000..40da427 --- /dev/null +++ b/assets/font/JetBrainsMono-Regular.woff2 diff --git a/assets/image/arch.svg b/assets/image/arch.svg new file mode 100644 index 0000000..2d7e87a --- /dev/null +++ b/assets/image/arch.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#1793d1" d="M12 2c-.89 2.18-1.43 3.61-2.42 5.73c.61.64 1.35 1.39 2.56 2.24c-1.3-.54-2.19-1.07-2.85-1.63C8 11 6.03 14.75 2 22c3.17-1.83 5.63-2.96 7.92-3.39c-.1-.42-.16-.88-.15-1.36v-.1c.05-2.03 1.11-3.59 2.36-3.48c1.25.1 2.22 1.83 2.17 3.87c-.01.38-.05.75-.12 1.09c2.26.44 4.69 1.56 7.82 3.37c-.62-1.14-1.17-2.16-1.69-3.13c-.81-.64-1.7-1.48-3.46-2.37c1.21.3 2.08.66 2.76 1.07C14.26 7.62 13.83 6.3 12 2"/></svg>
\ No newline at end of file diff --git a/assets/image/email.svg b/assets/image/email.svg new file mode 100644 index 0000000..ed4c824 --- /dev/null +++ b/assets/image/email.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#f0c674" d="M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2zm-2 0l-8 5l-8-5zm0 12H4V8l8 5l8-5z"/></svg> diff --git a/assets/image/git.svg b/assets/image/git.svg new file mode 100644 index 0000000..304ecff --- /dev/null +++ b/assets/image/git.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f34f29" d="M124.737 58.378L69.621 3.264c-3.172-3.174-8.32-3.174-11.497 0L46.68 14.71l14.518 14.518c3.375-1.139 7.243-.375 9.932 2.314c2.703 2.706 3.461 6.607 2.294 9.993l13.992 13.993c3.385-1.167 7.292-.413 9.994 2.295c3.78 3.777 3.78 9.9 0 13.679a9.673 9.673 0 0 1-13.683 0a9.68 9.68 0 0 1-2.105-10.521L68.574 47.933l-.002 34.341a9.7 9.7 0 0 1 2.559 1.828c3.778 3.777 3.778 9.898 0 13.683c-3.779 3.777-9.904 3.777-13.679 0c-3.778-3.784-3.778-9.905 0-13.683a9.7 9.7 0 0 1 3.167-2.11V47.333a9.6 9.6 0 0 1-3.167-2.111c-2.862-2.86-3.551-7.06-2.083-10.576L41.056 20.333L3.264 58.123a8.133 8.133 0 0 0 0 11.5l55.117 55.114c3.174 3.174 8.32 3.174 11.499 0l54.858-54.858a8.135 8.135 0 0 0-.001-11.501"/></svg>
\ No newline at end of file diff --git a/assets/image/rss.svg b/assets/image/rss.svg new file mode 100644 index 0000000..3554b8a --- /dev/null +++ b/assets/image/rss.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#f34f29" d="M6.18 15.64a2.18 2.18 0 0 1 2.18 2.18C8.36 19 7.38 20 6.18 20C5 20 4 19 4 17.82a2.18 2.18 0 0 1 2.18-2.18M4 4.44A15.56 15.56 0 0 1 19.56 20h-2.83A12.73 12.73 0 0 0 4 7.27zm0 5.66a9.9 9.9 0 0 1 9.9 9.9h-2.83A7.07 7.07 0 0 0 4 12.93z"/></svg> diff --git a/assets/image/website.svg b/assets/image/website.svg new file mode 100644 index 0000000..809a2ac --- /dev/null +++ b/assets/image/website.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#f0c674" d="M16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2m-5.15 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95a8.03 8.03 0 0 1-4.33 3.56M14.34 14H9.66c-.1-.66-.16-1.32-.16-2s.06-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2M12 19.96c-.83-1.2-1.5-2.53-1.91-3.96h3.82c-.41 1.43-1.08 2.76-1.91 3.96M8 8H5.08A7.92 7.92 0 0 1 9.4 4.44C8.8 5.55 8.35 6.75 8 8m-2.92 8H8c.35 1.25.8 2.45 1.4 3.56A8 8 0 0 1 5.08 16m-.82-2C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2M12 4.03c.83 1.2 1.5 2.54 1.91 3.97h-3.82c.41-1.43 1.08-2.77 1.91-3.97M18.92 8h-2.95a15.7 15.7 0 0 0-1.38-3.56c1.84.63 3.37 1.9 4.33 3.56M12 2C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2"/></svg> |
