diff --git a/Makefile b/Makefile index 8b36002..4b44a41 100644 --- a/Makefile +++ b/Makefile @@ -9,11 +9,11 @@ ssg: .PHONY: ssg docs: ssg - rsync -vr ./docs/public/ hey@pgs.sh:/sish-local + rsync -vr ./docs/public/ pgs.sh:/sish-local .PHONY: docs docs-prod: ssg - rsync -vr ./docs/public/ hey@pgs.sh:/sish-prod + rsync -vr ./docs/public/ pgs.sh:/sish-prod .PHONY: docs-prod dev: diff --git a/docs/static/favicon-16x16.png b/docs/static/favicon-16x16.png deleted file mode 100644 index 9775c56..0000000 Binary files a/docs/static/favicon-16x16.png and /dev/null differ diff --git a/docs/static/favicon-32x32.png b/docs/static/favicon-32x32.png deleted file mode 100644 index eb91b35..0000000 Binary files a/docs/static/favicon-32x32.png and /dev/null differ diff --git a/docs/static/logo.png b/docs/static/logo.png new file mode 100644 index 0000000..a2ce1b3 Binary files /dev/null and b/docs/static/logo.png differ diff --git a/docs/static/logo.svg b/docs/static/logo.svg new file mode 100644 index 0000000..50d8319 --- /dev/null +++ b/docs/static/logo.svg @@ -0,0 +1,11 @@ + + + + diff --git a/docs/static/main.css b/docs/static/main.css index 16a25dd..cf082f4 100644 --- a/docs/static/main.css +++ b/docs/static/main.css @@ -1,77 +1,72 @@ -.visited { - color: var(--visited); +@media (prefers-color-scheme: light) { + .logo { stroke: #414558; fill: none; } } - -.sitemap { - width: 250px; +@media (prefers-color-scheme: dark) { + .logo { stroke: #f2f2f2; fill: none; } } -.post { - max-width: 700px; +.logo-sm svg { + width: 10px; + height: 10px; } -.container-xs { - max-width: 20em; - width: 100%; +.logo-md svg { + width: 25px; + height: 25px; } -.post-container { - display: flex; - gap: 1rem; - flex-direction: row-reverse; +.logo-lg svg { + width: 50px; + height: 50px; } -.hiw { - background-color: #282a36; +.divider { + width: 1px; + height: auto; + background-color: var(--grey-light); } -.link-alt-adj, -.link-alt-adj:visited, -.link-alt-adj:visited:hover, -.link-alt-adj:hover { - color: var(--link-color); - text-decoration: none; +.visited { + color: var(--visited); } -.link-alt-adj:visited:hover, -.link-alt-adj:hover { - text-decoration: underline; +.sitemap { + width: 250px; + flex: 0 0 250px; + margin: 0; + padding-bottom: 2rem !important; + overflow-y: auto; + height: calc(100vh - 3px - (3 * var(--line-height))); } -.link-alt-hover, -.link-alt-hover:visited, -.link-alt-hover:visited:hover, -.link-alt-hover:hover { - color: var(--hover); - text-decoration: none; +.post { + max-width: 600px; + height: calc(100vh - 3px - (3 * var(--line-height))); + overflow-y: auto; + padding-right: 20px; } -.link-alt-hover:visited:hover, -.link-alt-hover:hover { - text-decoration: underline; +.post-container { + max-width: 60rem; } -.link-alt, -.link-alt:visited, -.link-alt:visited:hover, -.link-alt:hover { - color: var(--white); - text-decoration: none; +.container-xs { + max-width: 20em; + width: 100%; } -.link-alt:visited:hover, -.link-alt:hover { - text-decoration: underline; +.hero { + padding: calc(var(--line-height) * 3) 0 0 0; } -.hero { - padding: 5rem 0; +.home-features pre { + margin: 0; } .features { display: grid; grid-template-columns: repeat(auto-fit, minmax(225px, 1fr)); - gap: 1rem; + gap: calc(var(--line-height) - 4px); } .features h3 { @@ -79,29 +74,7 @@ } .mk-nav { - padding: 1rem; -} - -.text-hdr { - color: var(--hover); -} - -.text-underline-hdr { - border-bottom: 3px solid var(--hover); - padding-bottom: 3px; -} - -.current { - background-color: var(--blockquote-bg) !important; - border-right: 5px solid var(--blockquote); -} - -.current a { - color: var(--white); -} - -.current-page a { - color: var(--white); + padding: var(--line-height); } .pager { @@ -115,11 +88,13 @@ } .sidebar-list { - padding: 0 0 0 1rem; + padding: 0 0 0 var(--line-height); } -.sidebar-list li { - margin: 0 0 0.5rem 0; +.post-group { + display: flex; + gap: 1rem; + flex-direction: row-reverse; } @media only screen and (max-width: 800px) { @@ -131,15 +106,20 @@ margin: 0; } - .post-container { + .post-group { display: block; } + .post { + height: 100%; + overflow-y: unset; + padding-right: 0; + } + .sitemap { - text-align: center; - -moz-column-count: 2; column-count: 2; width: 100%; + margin-bottom: calc(2 * var(--line-height)); } .sitemap-grid { @@ -147,11 +127,10 @@ } .mk-nav { - padding: 1rem 0; + padding: var(--line-height) 0; } - .sidebar-list { - padding: 0 0 0 0.6rem; - margin: 0; + .divider { + display: none; } } diff --git a/docs/tmpl/base.layout.tmpl b/docs/tmpl/base.layout.tmpl index 2c5837d..d41340a 100644 --- a/docs/tmpl/base.layout.tmpl +++ b/docs/tmpl/base.layout.tmpl @@ -6,8 +6,8 @@ - - + + diff --git a/docs/tmpl/home.page.tmpl b/docs/tmpl/home.page.tmpl index a92e925..53dc555 100644 --- a/docs/tmpl/home.page.tmpl +++ b/docs/tmpl/home.page.tmpl @@ -15,7 +15,7 @@

sish

-
Access localhost using https
+
Host public web services on localhost
GET STARTED
@@ -39,7 +39,7 @@

Fully managed service tuns.sh

-

We also manage an instance of sish so users don't have to worry about managing it.

+

We also manage an instance of sish so you can start using it immediately.

diff --git a/docs/tmpl/nav.partial.tmpl b/docs/tmpl/nav.partial.tmpl index 21937ac..e744fd0 100644 --- a/docs/tmpl/nav.partial.tmpl +++ b/docs/tmpl/nav.partial.tmpl @@ -1,6 +1,6 @@ {{define "nav"}}