aboutsummaryrefslogtreecommitdiff
path: root/embedded_css.go
diff options
context:
space:
mode:
authorShulhan <ms@kilabit.info>2026-01-23 15:33:13 +0700
committerShulhan <ms@kilabit.info>2026-01-24 07:11:24 +0700
commit62c2e03409e8f7bc6f3f20df36603344afaf2b3a (patch)
tree0235899db041244ecabc754ca636d7bbd651d1e0 /embedded_css.go
parent8970c0fef45c87c183a27f8a66d9620fdb6daa1e (diff)
downloadciigo-62c2e03409e8f7bc6f3f20df36603344afaf2b3a.tar.xz
all: embed CSS and index HTML template using memfs
Previously, with direct embed, every time we change the CSS or index template, we need to restart the "ciigo serve" command. Using memfs make us easy to update and see the changes directly, without restarting the server.
Diffstat (limited to 'embedded_css.go')
-rw-r--r--embedded_css.go270
1 files changed, 0 insertions, 270 deletions
diff --git a/embedded_css.go b/embedded_css.go
deleted file mode 100644
index 4e10014..0000000
--- a/embedded_css.go
+++ /dev/null
@@ -1,270 +0,0 @@
-// SPDX-FileCopyrightText: 2020 Shulhan <ms@kilabit.info>
-// SPDX-License-Identifier: GPL-3.0-or-later
-
-package ciigo
-
-import "html/template"
-
-var _embeddedCSS *template.CSS
-
-func embeddedCSS() *template.CSS {
- if _embeddedCSS != nil {
- return _embeddedCSS
- }
-
- var css = template.CSS(`
-body {
- margin: 0;
- font-family: 'Go', Arial, sans-serif;
- background-color: #fff;
- line-height: 1.3;
- text-align: center;
- color: #222;
-}
-pre,
-code {
- font-family: 'Go Mono', Menlo, monospace;
- font-size: 0.875rem;
-}
-pre {
- line-height: 1.4;
- overflow-x: auto;
- background: #efefef;
- padding: 0.625rem;
- border-radius: 0.3125rem;
-}
-a {
- color: #007d9c;
- text-decoration: none;
-}
-a:hover {
- text-decoration: underline;
-}
-
-p,
-li {
- max-width: 50rem;
- word-wrap: break-word;
-}
-li p {
- margin: 2px;
-}
-p,
-pre,
-ul,
-ol {
- margin: 1.25rem;
-}
-
-h1,
-h2,
-h3,
-h4 {
- margin: 1.25rem 0 1.25rem;
- padding: 0;
- color: #007d9c;
- font-weight: bold;
-}
-h1 {
- font-size: 1.75rem;
- line-height: 1;
-}
-h1 .text-muted {
- color: #777;
-}
-h2 {
- clear: right;
- font-size: 1.25rem;
- background: #e0ebf5;
- padding: 0.5rem;
- line-height: 1.25;
- font-weight: normal;
- overflow: auto;
- overflow-wrap: break-word;
-}
-h2 a {
- font-weight: bold;
-}
-h3 {
- font-size: 1.25rem;
- line-height: 1.25;
- overflow: auto;
- overflow-wrap: break-word;
-}
-h3,
-h4 {
- margin: 1.25rem 0.3125rem;
-}
-h4 {
- font-size: 1rem;
-}
-
-h2 > span,
-h3 > span {
- float: right;
- margin: 0 25px 0 0;
- font-weight: normal;
- color: #5279c7;
-}
-
-dl {
- margin: 1.25rem;
-}
-dt {
- font-weight: bold
-}
-dd {
- margin: 0 0 0 1.25rem;
-}
-
-/**
- * Custom classes for pages
- */
-
-.admonitionblock > table {
- border-collapse: separate;
- border: 0;
- background: none;
- width: 100%;
-}
-.admonitionblock > table td.icon {
- text-align: center;
- width: 120px;
-}
-.admonitionblock > table td.icon img {
- max-width: none;
-}
-.admonitionblock > table td.icon .title {
- font-weight: bold;
- font-family: "Go","Open Sans","DejaVu Sans",sans-serif;
- text-transform: uppercase;
-}
-.admonitionblock > table td.content {
- padding-left: 1.125em;
- padding-right: 1.25em;
- border-left: 1px solid #dddddf;
- word-wrap: anywhere;
-}
-.admonitionblock > table td.content>:last-child>:last-child {
- margin-bottom: 0;
-}
-.admonitionblock.note td.icon {
- background-color: whitesmoke;
-}
-.admonitionblock.tip td.icon {
- background-color: azure;
-}
-.admonitionblock.important td.icon {
- background-color: honeydew;
-}
-.admonitionblock.caution td.icon {
- background-color: lavenderbush;
-}
-.admonitionblock.warning td.icon {
- background-color: mistyrose;
-}
-
-.topbar {
- background: #e0ebf5;
- height: 4rem;
- overflow: hidden;
-}
-
-.topbar .top-heading,
-.topbar .menu {
- padding: 1.313rem 0;
- font-size: 1.25rem;
- font-weight: normal;
-}
-.topbar .top-heading {
- float: left;
-}
-.topbar .top-heading a {
- color: #222;
- text-decoration: none;
-}
-
-.top-heading .header-logo {
- height: 2rem;
- width: 5.125rem;
-}
-
-.topbar .menu {
- float: right;
-}
-.topbar .menu a {
- margin: 0.625rem 0.125rem;
- padding: 0.625rem;
- color: white;
- background: #007d9c;
- border: 0.0625rem solid #007d9c;
- border-radius: 5px;
-}
-.topbar .menu form {
- display: inline-block;
-}
-
-.page {
- width: 100%;
-}
-
-.page > .container,
-.topbar > .container,
-.footer > .container {
- margin-left: auto;
- margin-right: auto;
- padding: 0 1.25rem;
- max-width: 59.38rem;
-}
-
-.page > .container {
- text-align: left;
-}
-
-.container .meta {
- font-style: italic;
- margin: 1.25rem;
-}
-
-.footer {
- text-align: center;
- color: #666;
- font-size: 0.875rem;
- margin: 2.5rem 0;
-}
-
-.ulist li .paragraph {
- margin-bottom: 1em;
-}
-
-.ulist li .paragraph {
- margin-bottom: 1em;
-}
-
-/** Custom classes */
-#toctitle {
- display: none;
-}
-#toc li {
- list-style: none;
-}
-#toc ul .sectlevel1 {
- padding: 0px;
-}
-#toc ul .sectlevel1,
-#toc ul .sectlevel2,
-#toc ul .sectlevel3,
-#toc ul .sectlevel4,
-#toc ul .sectlevel5 {
- margin: 4px;
-}
-
-@media screen and (max-width: 992px) {
- #toc {
- all: unset;
- }
-}
-`)
- _embeddedCSS = &css
- return _embeddedCSS
-}