0919_2309

src/assets/icon.xc

@@ -0,0 +1,67 @@
+#
+#  ▀▄▀ █ █▀▀ █▀█
+#  █░█ █ █▄▄ █▄█
+#  ▁▁▁▁▁▁▁▁v0.7▁
+#
+## https://github.com/metaory/xico
+######################################
+##                               #######
+##  run with                     ######
+##                               #####
+##  xico -t src/assets/icons.xc  ####
+##                               ###
+###################################
+##################################
+
+set d 0
+set o 0
+set r 50
+set ff monospace
+set fw 500
+set fs 8em
+set fg #EE3322
+set fg #BB44AA
+set fg #6655FF
+set fg #FF4488
+
+pre src/assets
+
+set s 48
+put 􀑇 favicon.svg
+
+#
+# ╭────────────────────┬────────┬────────────────┬───────────────────────────────────────────────────────────────────────────────────╮
+# │ option             │ alias  │ default        │ type                                                                              │
+# ╞════════════════════╪════════╪════════════════╪═══════════════════════════════════════════════════════════════════════════════════╡
+# │ r_fill             │ bg     │ black          │ [ <hex-color> | <named-color> | <rgb()> | <rgba()> | <hsl()> <hsla()> | <lab()> ] │
+# │ r_width            ┆ w      ┆ 100            ┆ [ auto | <length> | <percentage> ]                                                │
+# │ r_height           │ h      │ 100            │ [ auto | <length> | <percentage> ]                                                │
+# │ r_opacity          ┆ o      ┆ 0.5            ┆ [ <number>(0,1) | <percentage> ]                                                  │
+# │ r_rx               │ r      │ 25             │ [ <length> | <percentage> | auto ]                                                │
+# │ r_ry               ┆ r      ┆ 25             ┆ [ <length> | <percentage> | auto ]                                                │
+# │ r_x                │        │ 0              │ [ <length> | <percentage> ]                                                       │
+# │ r_y                ┆        ┆ 0              ┆ [ <length> | <percentage> ]                                                       │
+# ├╌─╌╌╌─╌╌─╌─╌╌╌╌─┄╌──┼─╌╌─╌─╌─┼─╌╌─╌╌─╌─╌──────┼─╌╌─╌─╌─╌╌─╌─╌─╌╌─╌─╌──╌╌─╌─╌─╌╌─╌─╌──╌╌─╌─╌──╌╌─╌─╌─╌╌─╌─╌──╌╌─╌─╌─╌╌─╌─╌─────────┤
+# │ t_fill             │ fg     │ #3311FF        │ [ <hex-color> | <named-color> | <rgb()> | <rgba()> | <hsl()> <hsla()> | <lab()> ] │
+# │ t_font-family      ┆ ff     ┆ monospace      ┆ [ <family-name> | <generic-family> ]                                              │
+# │ t_font-weight      │ fw     │ bold           │ [ <normal | bold | bolder | lighter | <number> ]                                  │
+# │ t_font-size        ┆ fs     ┆ 8em            ┆ [ <absolute-size> | <relative-size> | <length-percentage> ]                       │
+# │ t_rotate           │ rotate │ 0              │ [ auto | auto-reverse | <number> ]                                                │
+# │ t_transform        │        │ translate(0,0) │ [ <transform-function> ]                                                          │
+# │ t_transform-origin ┆        ┆ center         ┆ [ <transform-origin> ]                                                            ┆
+# │ t_dx               │        │ 0              │ [ <length-percentage> | <number> ]                                                │
+# │ t_dy               ┆        ┆ 3.5            ┆ [ <length-percentage> | <number> ]                                                │
+# │ t_x                │ x      │ 50             │ [ <length> | <percentage> ]                                                       │
+# │ t_y                ┆ y      ┆ 50             ┆ [ <length> | <percentage> ]                                                       │
+# ╰────────────────────┴────────┴────────────────┴───────────────────────────────────────────────────────────────────────────────────╯
+# ╭─────────────────────┬───────┬─────────┬──────────────────────────────────╮
+# │ option              │ alias │ default │ type                             │
+# ╞═════════════════════╪═══════╪═════════╪══════════════════════════════════╡
+# │ background          ╎ xbg   ╎ black   ╎ [ <color> ]                      │
+# │ background-opacity  ╎ xbo   ╎ 0       ╎ [ <number>(0,1) | <percentage> ] │
+# │ size                ╎ s     ╎ 500     ╎ [ <number> ]                     │
+# │ delay               ╎ d     ╎ 3       ╎ [ <number> ]                     │
+# ╰─────────────────────┴───────┴─────────┴──────────────────────────────────╯
+
+
+# vim: ft=config:syntax=spec:commentstring=#%s:nowrap:nornu:nonu:nospell:nocul:nocuc

src/layouts/main.hbs

@@ -3,6 +3,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width" />
     <title>{{ title }}</title>
+    <link rel="icon" href="/src/assets/favicon.svg" sizes="any" type="image/svg+xml">
     <link rel="stylesheet" href="/src/styles/main.css">
     <link rel="stylesheet" href="/src/styles/legacy.css">
   </head>
@@ -21,7 +22,6 @@
       {{> components/certificates.hbs }}
       {{> components/publications.hbs }}
       {{> components/references.hbs }}
-      <!-- <img src="/src/assets/logo.png" style="margin-top: 1.5rem"> -->
     </main>
   </body>
 </html>

src/styles/legacy.css

@@ -1,129 +1,3 @@
-html,
-body,
-div,
-span,
-applet,
-object,
-iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-pre,
-a,
-abbr,
-acronym,
-address,
-big,
-cite,
-code,
-del,
-dfn,
-em,
-img,
-ins,
-kbd,
-q,
-s,
-samp,
-small,
-strike,
-strong,
-sub,
-sup,
-tt,
-var,
-b,
-u,
-i,
-center,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-form,
-label,
-legend,
-table,
-caption,
-tbody,
-tfoot,
-thead,
-tr,
-th,
-td,
-article,
-aside,
-canvas,
-details,
-embed,
-figure,
-figcaption,
-footer,
-header,
-hgroup,
-menu,
-nav,
-output,
-ruby,
-section,
-summary,
-time,
-mark,
-audio,
-video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font-size: 100%;
-  vertical-align: baseline;
-}
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-menu,
-nav,
-section {
-  display: block;
-}
-
-/* body { padding: 0 3em; margin: 0; } */
-
-ol,
-ul {
-  list-style: none;
-}
-
-blockquote,
-q {
-  quotes: none;
-}
-
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
-  content: none;
-}
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
 body::-webkit-scrollbar {
   display: none;
 }
@@ -824,52 +698,3 @@ section#interests ul.keywords li {
   font-size: 12px;
 }
 
-section.main-summary,
-section.project-item,
-section.work-item,
-.no-break-inside {
-  page-break-inside: avoid;
-}
-
-.auto-break-before {
-  page-break-before: auto;
-}
-
-.auto-break-after {
-  page-break-after: auto;
-}
-
-.no-break-before {
-  page-break-before: avoid;
-}
-
-.no-break-after {
-  page-break-after: avoid;
-}
-
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-header,
-ul.keywords li,
-span.url,
-a {
-  font-family: 'Monaspace Krypton', monospace, sans-serif;
-}
-
-blockquote {
-  font-family: 'Monaspace Radon', serif;
-}
-
-section {
-  font-family: 'Monaspace Argon', system-ui, sans-serif;
-}
-
-@page {
-  size: 210mm 297mm;
-  margin: 0;
-}

src/styles/main.css

@@ -1,4 +1,4 @@
-@import "https://cdn.jsdelivr.net/npm/simpledotcss@2.2.0/simple.min.css";
+/* @import "https://cdn.jsdelivr.net/npm/simpledotcss@2.2.0/simple.min.css"; */
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -141,6 +141,10 @@ img {
   opacity: 1;
 }
 
+body {
+  padding: 4em;
+}
+
 div.line-pattern {
   height: 16px;
   display: block;
@@ -156,9 +160,61 @@ div.line-pattern {
     height: 20px;
     background-size: 40px 30px;
   }
+
   &.lg {
     height: 30px;
     background-size: 61px 51px;
   }
 }
+
+section.main-summary,
+section.project-item,
+section.work-item,
+.no-break-inside {
+  page-break-inside: avoid;
+}
+
+.auto-break-before {
+  page-break-before: auto;
+}
+
+.auto-break-after {
+  page-break-after: auto;
+}
+
+.no-break-before {
+  page-break-before: avoid;
+}
+
+.no-break-after {
+  page-break-after: avoid;
+}
+
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+header,
+ul.keywords li,
+span.url,
+a {
+  font-family: 'Monaspace Krypton', monospace, sans-serif;
+}
+
+blockquote {
+  font-family: 'Monaspace Radon', serif;
+}
+
+section {
+  font-family: 'Monaspace Argon', system-ui, sans-serif;
+}
+
+@page {
+  size: 210mm 297mm;
+  margin: 0;
+}
+
 /* html { filter: invert(1); } */