_content: add style for dark mode

1 files changed, 486 insertions, 0 deletions

diff --git a/_content/index.css b/_content/index.css
new file mode 100644
index 0000000..5564d81
--- /dev/null
+++ b/_content/index.css
@@ -0,0 +1,486 @@
+@font-face {
+  font-display: swap;
+  font-family: "Go";
+  src:
+    local("Go Regular"),
+    local("GoRegular"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoRegular.woff2")
+      format("woff2"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoRegular.woff")
+      format("woff"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoRegular.ttf")
+      format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "Go";
+  src:
+    local("Go Bold"),
+    local("Go-Bold"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/Go-Bold.woff2")
+      format("woff2"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/Go-Bold.woff")
+      format("woff"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/Go-Bold.ttf")
+      format("truetype");
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "Go";
+  src:
+    local("Go Italic"),
+    local("Go-Italic"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/Go-Italic.woff2")
+      format("woff2"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/Go-Italic.woff")
+      format("woff"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/Go-Italic.ttf")
+      format("truetype");
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "Go";
+  src:
+    local("Go Bold Italic"),
+    local("Go-BoldItalic"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/Go-BoldItalic.woff2")
+      format("woff2"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/Go-BoldItalic.woff")
+      format("woff"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/Go-BoldItalic.ttf")
+      format("truetype");
+  font-weight: bold;
+  font-style: italic;
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "Go";
+  src:
+    local("Go Medium"),
+    local("GoMedium"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoMedium.woff2")
+      format("woff2"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoMedium.woff")
+      format("woff"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoMedium.ttf")
+      format("truetype");
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "Go";
+  src:
+    local("Go Medium Italic"),
+    local("GoMedium-Italic"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoMedium-Italic.woff2")
+      format("woff2"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoMedium-Italic.woff")
+      format("woff"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoMedium-Italic.ttf")
+      format("truetype");
+  font-weight: 500;
+  font-style: italic;
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "Go Mono";
+  src:
+    local("Go Mono"),
+    local("GoMono"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoMono.woff2")
+      format("woff2"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoMono.woff")
+      format("woff"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoMono.ttf")
+      format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "Go Mono";
+  src:
+    local("Go Mono Bold Italic"),
+    local("GoMono-BoldItalic"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoMono-BoldItalic.woff2")
+      format("woff2"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoMono-BoldItalic.woff")
+      format("woff"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoMono-BoldItalic.ttf")
+      format("truetype");
+  font-weight: bold;
+  font-style: italic;
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "Go Mono";
+  src:
+    local("Go Mono Italic"),
+    local("GoMono-Italic"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoMono-Italic.woff2")
+      format("woff2"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoMono-Italic.woff")
+      format("woff"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoMono-Italic.ttf")
+      format("truetype");
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "Go Mono";
+  src:
+    local("Go Mono Bold"),
+    local("GoMono-Bold"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoMono-Bold.woff2")
+      format("woff2"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoMono-Bold.woff")
+      format("woff"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoMono-Bold.ttf")
+      format("truetype");
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "Go Smallcaps";
+  src:
+    local("Go Smallcaps Italic"),
+    local("GoSmallcaps-Italic"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoSmallcaps-Italic.woff2")
+      format("woff2"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoSmallcaps-Italic.woff")
+      format("woff"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoSmallcaps-Italic.ttf")
+      format("truetype");
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "Go Smallcaps";
+  src:
+    local("Go Smallcaps"),
+    local("GoSmallcaps"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoSmallcaps.woff2")
+      format("woff2"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoSmallcaps.woff")
+      format("woff"),
+    url("https://storage.googleapis.com/umum.kilabit.info/assets/fonts/go/GoSmallcaps.ttf")
+      format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+
+:root {
+  --dark-anchor: #00cdff;
+  --dark-bg-editor-line: #173740;
+  --dark-bg-mono: #12414d;
+  --dark-bg-topbar: #207e95;
+  --dark-bg: #002b36;
+  --dark-border: #035064;
+  --dark-fg-gray: #76888a;
+  --dark-fg: #b4c5c7;
+}
+
+body {
+  color-scheme: light dark;
+  color: black;
+  font-family: Go, sans-serif;
+  font-size: 16px;
+  margin: 0 auto;
+  width: 800px;
+}
+
+code {
+  font-family: "Go Mono", monospace;
+}
+
+div {
+  margin: 0;
+  padding: 0;
+}
+
+a {
+  text-decoration: none;
+}
+
+blockquote {
+  border-left: solid 4px darkgray;
+  padding-left: 1em;
+  color: darkgreen;
+}
+
+h1 {
+  font-size: 28px;
+  border-bottom: 1px solid grey;
+  padding-bottom: 8px;
+}
+
+h2 {
+  background-color: lightblue;
+  font-size: 22px;
+}
+
+h3,
+h4 {
+  font-size: 16px;
+}
+
+h3::before {
+  content: "§ ";
+}
+
+h4::before {
+  content: "§§ ";
+}
+
+h5::before {
+  content: "§§§ ";
+}
+
+h2,
+h3,
+h4,
+h5 {
+  border-bottom: 1px solid grey;
+  padding: 6px;
+  color: black;
+}
+
+img,
+video {
+  margin: 0 10px;
+}
+
+pre {
+  background-color: #eee;
+  border-radius: 4px;
+  border: 1px solid #ccc;
+  display: block;
+  font-size: 16px;
+  font-family: "Go Mono", monospace;
+  margin: 0 0 10px 20px;
+  overflow: auto;
+  padding: 9.5px;
+  word-break: break-all;
+  word-wrap: break-word;
+}
+
+img.background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  opacity: 0.05;
+  width: 920px;
+  margin: 0 0;
+}
+
+.topbar-left,
+.topbar-right {
+  margin-top: 1rem;
+}
+
+.topbar-left {
+  font-size: 24px;
+  font-weight: bold;
+  display: inline-block;
+}
+
+.topbar-left a {
+  text-decoration: none;
+}
+
+.topbar-left a:visited {
+  color: black;
+}
+
+.topbar-info {
+  font-size: 12px;
+  font-weight: normal;
+  font-family: "Go Mono", monospace;
+}
+
+.topbar-right {
+  display: inline-block;
+  text-align: right;
+}
+
+.topbar-right img {
+  width: 40px;
+}
+
+.page {
+  margin: 24px 0px;
+}
+
+.quoteblock .attribution {
+  text-align: right;
+  margin-right: 56px;
+}
+
+.container .meta {
+  font-style: italic;
+  margin: 1.25rem;
+}
+
+.footer {
+  text-align: center;
+  color: #666;
+  font-size: 0.875rem;
+  margin: 1rem 0;
+}
+
+/** Custom classes for asciidoc */
+#toctitle {
+  display: none;
+}
+
+#toc li {
+  list-style: none;
+}
+
+#toc ul .sectlevel1 {
+  padding: 0px;
+  margin: 4px;
+}
+
+#toc ul .sectlevel2 {
+  margin: 4px;
+}
+
+#footer {
+  clear: both;
+  margin-top: 1em;
+}
+
+.admonitionblock {
+  border: 1px solid #ddd;
+}
+
+.admonitionblock .icon {
+  background-color: aliceblue;
+  border-right: 1px solid #ddd;
+  margin: 0px;
+  padding: 8px;
+}
+
+.admonitionblock .content {
+  margin: 0px;
+  padding: 8px;
+}
+
+.right {
+  float: right;
+}
+
+.left {
+  float: left;
+}
+
+.sect1,
+.sect2 {
+  clear: both;
+}
+
+@media only screen and (max-width: 960px) {
+  body {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
+
+  .topbar {
+    padding: 0 1.5em;
+  }
+
+  .topbar-left,
+  .topbar-right {
+    width: 100%;
+    display: block;
+    text-align: left;
+  }
+
+  .page {
+    padding: 0 1.5em;
+  }
+
+  .footer {
+    text-align: left;
+    padding: 0 1.5em;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  html,
+  body {
+    background-color: var(--dark-bg);
+  }
+  body,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    color: var(--dark-fg);
+  }
+  a,
+  a:link,
+  a:visited {
+    color: var(--dark-anchor);
+  }
+  blockquote,
+  input,
+  pre,
+  textarea {
+    background-color: var(--dark-bg-mono);
+    color: var(--dark-fg);
+  }
+  .page > .container,
+  .page > .playground,
+  .topbar {
+    border-color: var(--dark-border);
+  }
+  h2,
+  .playground > .actions,
+  .topbar {
+    background-color: var(--dark-bg-topbar);
+    color: var(--dark-fg);
+  }
+  .topbar .top-heading a {
+    color: var(--dark-fg);
+  }
+  #output,
+  .wui_editor {
+    background-color: var(--dark-bg-mono) !important;
+    color: var(--dark-fg) !important;
+    font-size: 0.9rem;
+  }
+  .wui_editor_line_number {
+    background-color: var(--dark-bg-editor-line) !important;
+    color: var(--dark-fg-gray) !important;
+  }
+  .footer {
+    color: var(--dark-fg-gray);
+  }
+}