From 62c2e03409e8f7bc6f3f20df36603344afaf2b3a Mon Sep 17 00:00:00 2001
From: Shulhan <ms@kilabit.info>
Date: Fri, 23 Jan 2026 15:33:13 +0700
Subject: 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.
---
 embedded_css.go | 270 --------------------------------------------------------
 1 file changed, 270 deletions(-)
 delete mode 100644 embedded_css.go

(limited to 'embedded_css.go')

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
-}
-- 
cgit v1.3