summaryrefslogtreecommitdiff
path: root/_content/template.gohtml
diff options
context:
space:
mode:
authorShulhan <ms@kilabit.info>2024-11-07 10:13:28 +0700
committerShulhan <ms@kilabit.info>2024-11-07 10:13:28 +0700
commit006873cbdf62752a4cafb19b93d94b0d3f3c69b6 (patch)
treefc3e1b352cfec1142b85a48962feb873e4191176 /_content/template.gohtml
parent5565a286a8b464b91a5560e69249098137602193 (diff)
downloadkilabit.info-006873cbdf62752a4cafb19b93d94b0d3f3c69b6.tar.xz
_content: add style for dark mode
Diffstat (limited to '_content/template.gohtml')
-rw-r--r--_content/template.gohtml448
1 files changed, 32 insertions, 416 deletions
diff --git a/_content/template.gohtml b/_content/template.gohtml
index 499c9c6..43cf306 100644
--- a/_content/template.gohtml
+++ b/_content/template.gohtml
@@ -1,436 +1,52 @@
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
-
-<head>
+ <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#375EAB" />
{{- if .Metadata.description}}
<meta name="description" content="{{.Metadata.description}}" />
- {{- end}}
+ {{- end }}
<title>{{.Title}}</title>
- <style>
- @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;
- }
-
- body {
- color: black;
- font-family: Go, sans-serif;
- margin: 0 auto;
- width: 800px;
- font-size: 16px;
- }
-
- 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;
- }
- }
- </style>
-</head>
-
-<body>
- <img alt="" class="background" src="https://storage.googleapis.com/umum.kilabit.info/assets/images/maple-leaf-transparent-540.jpg" width="920" />
+ <link rel="stylesheet" href="/index.css" />
+ </head>
+ <body>
<div class="topbar">
- <div class="topbar-left">
- <div>
- <a href="https://kilabit.info">kilabit.info</a>
- </div>
+ <div class="topbar-left">
+ <div>
+ <a href="https://kilabit.info">kilabit.info</a>
</div>
+ </div>
- <div class="topbar-right">
- |
- <a href="/ama" target="_blank"> Ask Me Anything </a> |
- <a href="https://build.kilabit.info" target="_blank"> Build </a> |
- <a href="https://github.com/shuLhan" target="_blank"> GitHub </a> |
- <a rel="me" href="https://fosstodon.org/@shuLhan" target="_blank"> Mastodon </a> |
- <a href="https://sr.ht/~shulhan" target="_blank"> SourceHut </a>
- </div>
+ <div class="topbar-right">
+ |
+ <a href="/ama" target="_blank"> Ask Me Anything </a> |
+ <a href="https://build.kilabit.info" target="_blank"> Build </a> |
+ <a href="https://github.com/shuLhan" target="_blank"> GitHub </a> |
+ <a rel="me" href="https://fosstodon.org/@shuLhan" target="_blank">
+ Mastodon
+ </a>
+ |
+ <a href="https://sr.ht/~shulhan" target="_blank"> SourceHut </a>
+ </div>
</div>
<div class="page">
- <div class="container">{{.Body}}</div>
- <!-- .container -->
+ <div class="container">{{.Body}}</div>
+ <!-- .container -->
</div>
<!-- .page -->
<div class="footer">
- <div>
- Copyright 2007-2024, Shulhan &lt;ms@kilabit.info&gt;. All rights reserved.
- </div>
- <div>
- Powered by
- <a href="https://sr.ht/~shulhan/ciigo" target="_blank">ciigo</a>
- </div>
+ <div>
+ Copyright 2007-2024, Shulhan &lt;ms&#64;kilabit.info&gt;. All rights
+ reserved.
+ </div>
+ <div>
+ Powered by
+ <a href="https://sr.ht/~shulhan/ciigo" target="_blank">ciigo</a>
+ </div>
</div>
-</body>
-
+ </body>
</html>
generated by cgit v1.3 (git 2.53.0) at 2026-04-15 03:30:37 +0000