publish '.annot -> .fl-blue'

404.html

@@ -4,17 +4,18 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1">
     <title>Notes</title>
-    <meta name="generator" content="VuePress 1.6.0">
+    <meta name="generator" content="VuePress 1.9.7">
 
     <meta name="description" content="Notes">
     <meta name="apple-mobile-web-app-capable" content="yes">
-    <link rel="preload" href="/notes/assets/css/0.styles.d5c66c02.css" as="style"><link rel="preload" href="/notes/assets/js/app.5908c34b.js" as="script"><link rel="preload" href="/notes/assets/js/15.eeae3e55.js" as="script"><link rel="prefetch" href="/notes/assets/js/10.f3499ffa.js"><link rel="prefetch" href="/notes/assets/js/11.2d199652.js"><link rel="prefetch" href="/notes/assets/js/12.c5d4e9c5.js"><link rel="prefetch" href="/notes/assets/js/13.1dd82421.js"><link rel="prefetch" href="/notes/assets/js/14.1f221fd5.js"><link rel="prefetch" href="/notes/assets/js/16.e5f82b75.js"><link rel="prefetch" href="/notes/assets/js/17.a1023502.js"><link rel="prefetch" href="/notes/assets/js/18.1e7d344f.js"><link rel="prefetch" href="/notes/assets/js/19.817da871.js"><link rel="prefetch" href="/notes/assets/js/2.8f7a32b9.js"><link rel="prefetch" href="/notes/assets/js/20.a56e590a.js"><link rel="prefetch" href="/notes/assets/js/21.69534415.js"><link rel="prefetch" href="/notes/assets/js/22.09dfe03a.js"><link rel="prefetch" href="/notes/assets/js/23.caa92ca5.js"><link rel="prefetch" href="/notes/assets/js/24.818a85c4.js"><link rel="prefetch" href="/notes/assets/js/25.a58da66a.js"><link rel="prefetch" href="/notes/assets/js/26.af5935df.js"><link rel="prefetch" href="/notes/assets/js/27.b0333c44.js"><link rel="prefetch" href="/notes/assets/js/28.6503ddff.js"><link rel="prefetch" href="/notes/assets/js/29.4293f29b.js"><link rel="prefetch" href="/notes/assets/js/3.130d6c11.js"><link rel="prefetch" href="/notes/assets/js/30.551cbd5c.js"><link rel="prefetch" href="/notes/assets/js/31.85407732.js"><link rel="prefetch" href="/notes/assets/js/32.f1174215.js"><link rel="prefetch" href="/notes/assets/js/33.437157cd.js"><link rel="prefetch" href="/notes/assets/js/34.15542ecc.js"><link rel="prefetch" href="/notes/assets/js/35.f8f13fe4.js"><link rel="prefetch" href="/notes/assets/js/36.775aef30.js"><link rel="prefetch" href="/notes/assets/js/37.d6cb6d83.js"><link rel="prefetch" href="/notes/assets/js/38.5645d2e7.js"><link rel="prefetch" href="/notes/assets/js/39.cd531283.js"><link rel="prefetch" href="/notes/assets/js/4.6113757d.js"><link rel="prefetch" href="/notes/assets/js/40.44bffefa.js"><link rel="prefetch" href="/notes/assets/js/41.02f18ff7.js"><link rel="prefetch" href="/notes/assets/js/42.161f67cd.js"><link rel="prefetch" href="/notes/assets/js/43.c36d5119.js"><link rel="prefetch" href="/notes/assets/js/44.7f60bb75.js"><link rel="prefetch" href="/notes/assets/js/45.23ce4858.js"><link rel="prefetch" href="/notes/assets/js/46.a5dcb501.js"><link rel="prefetch" href="/notes/assets/js/47.13cf2ea9.js"><link rel="prefetch" href="/notes/assets/js/48.5db85305.js"><link rel="prefetch" href="/notes/assets/js/49.13def15e.js"><link rel="prefetch" href="/notes/assets/js/5.842f9796.js"><link rel="prefetch" href="/notes/assets/js/50.72c9fcc0.js"><link rel="prefetch" href="/notes/assets/js/51.ec409b6a.js"><link rel="prefetch" href="/notes/assets/js/52.3cf4fb83.js"><link rel="prefetch" href="/notes/assets/js/53.5a84cec3.js"><link rel="prefetch" href="/notes/assets/js/54.3e9cee12.js"><link rel="prefetch" href="/notes/assets/js/55.a0b90f45.js"><link rel="prefetch" href="/notes/assets/js/56.bbc5193f.js"><link rel="prefetch" href="/notes/assets/js/57.27caaed7.js"><link rel="prefetch" href="/notes/assets/js/58.2d2e7adc.js"><link rel="prefetch" href="/notes/assets/js/59.08b86018.js"><link rel="prefetch" href="/notes/assets/js/6.48da5f77.js"><link rel="prefetch" href="/notes/assets/js/7.de94f265.js"><link rel="prefetch" href="/notes/assets/js/8.58a33754.js"><link rel="prefetch" href="/notes/assets/js/9.86555e8a.js">
-    <link rel="stylesheet" href="/notes/assets/css/0.styles.d5c66c02.css">
+
+    <link rel="preload" href="/notes/assets/css/0.styles.60ecb326.css" as="style"><link rel="preload" href="/notes/assets/js/app.7fb664ce.js" as="script"><link rel="preload" href="/notes/assets/js/32.7dc85083.js" as="script"><link rel="prefetch" href="/notes/assets/js/10.1dfa7aae.js"><link rel="prefetch" href="/notes/assets/js/100.f72c053c.js"><link rel="prefetch" href="/notes/assets/js/101.ca84c20a.js"><link rel="prefetch" href="/notes/assets/js/102.cf13876d.js"><link rel="prefetch" href="/notes/assets/js/103.ee787583.js"><link rel="prefetch" href="/notes/assets/js/104.d018ea9a.js"><link rel="prefetch" href="/notes/assets/js/105.bbcbd1b1.js"><link rel="prefetch" href="/notes/assets/js/11.a46c7ced.js"><link rel="prefetch" href="/notes/assets/js/12.f7b414d9.js"><link rel="prefetch" href="/notes/assets/js/13.71d77855.js"><link rel="prefetch" href="/notes/assets/js/14.937f5218.js"><link rel="prefetch" href="/notes/assets/js/15.45ecf864.js"><link rel="prefetch" href="/notes/assets/js/16.338f7843.js"><link rel="prefetch" href="/notes/assets/js/17.99d0dc21.js"><link rel="prefetch" href="/notes/assets/js/18.7a01ab35.js"><link rel="prefetch" href="/notes/assets/js/19.2feeedce.js"><link rel="prefetch" href="/notes/assets/js/2.71c806c6.js"><link rel="prefetch" href="/notes/assets/js/20.d918ee7b.js"><link rel="prefetch" href="/notes/assets/js/21.82986b50.js"><link rel="prefetch" href="/notes/assets/js/22.b0757905.js"><link rel="prefetch" href="/notes/assets/js/23.921bc904.js"><link rel="prefetch" href="/notes/assets/js/24.288d6aa9.js"><link rel="prefetch" href="/notes/assets/js/25.70c92b62.js"><link rel="prefetch" href="/notes/assets/js/26.d8b3b43b.js"><link rel="prefetch" href="/notes/assets/js/27.4f3903f2.js"><link rel="prefetch" href="/notes/assets/js/28.902dbaee.js"><link rel="prefetch" href="/notes/assets/js/29.3deb033b.js"><link rel="prefetch" href="/notes/assets/js/3.8465ba19.js"><link rel="prefetch" href="/notes/assets/js/30.b36e8884.js"><link rel="prefetch" href="/notes/assets/js/31.fec58167.js"><link rel="prefetch" href="/notes/assets/js/33.e946ccc8.js"><link rel="prefetch" href="/notes/assets/js/34.3922fb0d.js"><link rel="prefetch" href="/notes/assets/js/35.ccec245a.js"><link rel="prefetch" href="/notes/assets/js/36.bf04b21a.js"><link rel="prefetch" href="/notes/assets/js/37.a2a61bfd.js"><link rel="prefetch" href="/notes/assets/js/38.d8e279ea.js"><link rel="prefetch" href="/notes/assets/js/39.c9da1f8c.js"><link rel="prefetch" href="/notes/assets/js/4.78b3d65f.js"><link rel="prefetch" href="/notes/assets/js/40.ecd0969b.js"><link rel="prefetch" href="/notes/assets/js/41.d895d699.js"><link rel="prefetch" href="/notes/assets/js/42.b1ab4d7d.js"><link rel="prefetch" href="/notes/assets/js/43.a8c2eadd.js"><link rel="prefetch" href="/notes/assets/js/44.29317652.js"><link rel="prefetch" href="/notes/assets/js/45.fc069068.js"><link rel="prefetch" href="/notes/assets/js/46.1c271511.js"><link rel="prefetch" href="/notes/assets/js/47.3b8c13e7.js"><link rel="prefetch" href="/notes/assets/js/48.a08c058b.js"><link rel="prefetch" href="/notes/assets/js/49.d8c1d61a.js"><link rel="prefetch" href="/notes/assets/js/5.ec3bee8c.js"><link rel="prefetch" href="/notes/assets/js/50.2ce15617.js"><link rel="prefetch" href="/notes/assets/js/51.ff2268fc.js"><link rel="prefetch" href="/notes/assets/js/52.fee861d9.js"><link rel="prefetch" href="/notes/assets/js/53.84e2921a.js"><link rel="prefetch" href="/notes/assets/js/54.4d72dc68.js"><link rel="prefetch" href="/notes/assets/js/55.109064e3.js"><link rel="prefetch" href="/notes/assets/js/56.b37fa7cb.js"><link rel="prefetch" href="/notes/assets/js/57.9c2a2e7d.js"><link rel="prefetch" href="/notes/assets/js/58.93bcace4.js"><link rel="prefetch" href="/notes/assets/js/59.0820fe49.js"><link rel="prefetch" href="/notes/assets/js/6.773bcde9.js"><link rel="prefetch" href="/notes/assets/js/60.f5df997b.js"><link rel="prefetch" href="/notes/assets/js/61.25cb4e79.js"><link rel="prefetch" href="/notes/assets/js/62.051aa758.js"><link rel="prefetch" href="/notes/assets/js/63.86548806.js"><link rel="prefetch" href="/notes/assets/js/64.7b4e206a.js"><link rel="prefetch" href="/notes/assets/js/65.9e44cd94.js"><link rel="prefetch" href="/notes/assets/js/66.e26fe17f.js"><link rel="prefetch" href="/notes/assets/js/67.e88c090f.js"><link rel="prefetch" href="/notes/assets/js/68.8b474706.js"><link rel="prefetch" href="/notes/assets/js/69.eebbdf3f.js"><link rel="prefetch" href="/notes/assets/js/7.22d1ded0.js"><link rel="prefetch" href="/notes/assets/js/70.de49f577.js"><link rel="prefetch" href="/notes/assets/js/71.db75ed0c.js"><link rel="prefetch" href="/notes/assets/js/72.b1aeee29.js"><link rel="prefetch" href="/notes/assets/js/73.0e8f6b0c.js"><link rel="prefetch" href="/notes/assets/js/74.a7643b30.js"><link rel="prefetch" href="/notes/assets/js/75.09387742.js"><link rel="prefetch" href="/notes/assets/js/76.96410dd6.js"><link rel="prefetch" href="/notes/assets/js/77.a6a007ac.js"><link rel="prefetch" href="/notes/assets/js/78.e09168dd.js"><link rel="prefetch" href="/notes/assets/js/79.46bd67d2.js"><link rel="prefetch" href="/notes/assets/js/8.eff1670d.js"><link rel="prefetch" href="/notes/assets/js/80.d3fa0fc3.js"><link rel="prefetch" href="/notes/assets/js/81.059a6d69.js"><link rel="prefetch" href="/notes/assets/js/82.ca9d5fb9.js"><link rel="prefetch" href="/notes/assets/js/83.202b1c03.js"><link rel="prefetch" href="/notes/assets/js/84.0165d1a0.js"><link rel="prefetch" href="/notes/assets/js/85.3c4ef38a.js"><link rel="prefetch" href="/notes/assets/js/86.042572a0.js"><link rel="prefetch" href="/notes/assets/js/87.b80c1596.js"><link rel="prefetch" href="/notes/assets/js/88.393d6b93.js"><link rel="prefetch" href="/notes/assets/js/89.4efbc21a.js"><link rel="prefetch" href="/notes/assets/js/9.ed7565fc.js"><link rel="prefetch" href="/notes/assets/js/90.6ae0d303.js"><link rel="prefetch" href="/notes/assets/js/91.634bf409.js"><link rel="prefetch" href="/notes/assets/js/92.115a25f5.js"><link rel="prefetch" href="/notes/assets/js/93.ef4e9325.js"><link rel="prefetch" href="/notes/assets/js/94.aed42468.js"><link rel="prefetch" href="/notes/assets/js/95.136d4830.js"><link rel="prefetch" href="/notes/assets/js/96.359a5987.js"><link rel="prefetch" href="/notes/assets/js/97.124a58fa.js"><link rel="prefetch" href="/notes/assets/js/98.2d1d4d6a.js"><link rel="prefetch" href="/notes/assets/js/99.19dff574.js">
+    <link rel="stylesheet" href="/notes/assets/css/0.styles.60ecb326.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><div class="theme-default-content"><h1>404</h1> <blockquote>How did we get here?</blockquote> <a href="/notes/" class="router-link-active">
       Take me home.
     </a></div></div><div class="global-ui"><!----></div></div>
-    <script src="/notes/assets/js/app.5908c34b.js" defer></script><script src="/notes/assets/js/15.eeae3e55.js" defer></script>
+    <script src="/notes/assets/js/app.7fb664ce.js" defer></script><script src="/notes/assets/js/32.7dc85083.js" defer></script>
   </body>
 </html>

_home.css

@@ -0,0 +1,139 @@
+main.home {
+    max-width: 800px;
+}
+
+main.home strong {
+    color: #888;
+    font-weight: bold;
+}
+
+#joshua-tree {
+    float: right;
+    width: 200px;
+    margin: 0.8em 0.2em 0.4em 1em;
+}
+
+@media (max-width: 719px) {
+    #joshua-tree {
+        float: none;
+        width: 100%;
+        margin: 0.5em 0 0;
+    }
+}
+
+hr {
+    height: 1px;
+    width: 100%;
+    background: linear-gradient(to right, #dadcdf, transparent 60%);
+    margin: 1em 0;
+    border: none;
+}
+
+/* SLOT MACHINE */
+
+#outer {
+    display: flex;
+    align-items: flex-start;
+    justify-content: center;
+}
+
+#outer>div:not(#slot-machine) {
+    line-height: 2;
+    margin-top: 32px;
+}
+
+#slot-machine {
+    position: relative;
+    height: 96px;
+    overflow: hidden;
+    text-align: center;
+    user-select: none;
+    padding: 0 1em;
+    margin-left: 0.6em;
+    margin-right: 0.6em;
+}
+
+#slot-machine::before {
+    position: absolute;
+    top: 32px;
+    left: 0;
+    height: 32px;
+    width: 100%;
+    content: "";
+    border: 1px solid #dfe1e5;
+    border-radius: 9px;
+    box-sizing: border-box;
+}
+
+#slot-machine::after {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    content: "";
+    /* background: linear-gradient(to bottom, white, transparent, white); */
+    /* For Safari compatibility */
+    background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0), white);
+}
+
+/* @media (prefers-color-scheme: dark) {
+    #slot-machine::after {
+        background: linear-gradient(to bottom, #333333, transparent, #333333);
+    }
+
+    body {
+        background: #333333;
+    }
+} */
+
+:root {
+    color-scheme: light;
+}
+
+#tiles {
+    position: relative;
+}
+
+#btn-group {
+    margin: 0 auto;
+    width: -moz-fit-content;
+    width: fit-content;
+}
+
+#btn-feelingLucky {
+    background-color: #f8f9fa;
+    border: 1px solid #f8f9fa;
+    border-radius: 4px;
+    margin: 11px 4px;
+    margin-right: 0;
+    padding: 0 16px;
+    line-height: 2;
+    font-size: 14px;
+    transition: border-color 0.5s ease-in;
+    transition: box-shadow 0.5s ease-in;
+}
+
+#btn-feelingLucky:hover {
+    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
+    border: 1px solid #dadce0;
+}
+
+#btn-feelingLucky:focus {
+    border: 1px solid #529cda;
+    outline: none;
+}
+
+#target {
+    transition: opacity 0.5s ease-in;
+    opacity: 0;
+    text-align: center;
+    font-size: 14px;
+    color: #a8a9aa;
+    user-select: none;
+    margin: 0 auto 1em;
+}
+
+#target>a {
+    color: #81B0D8;
+}