From 2d6f04a7011ef76d11c5ff5b060c79094c552b49 Mon Sep 17 00:00:00 2001 From: Charles Ancheta <55412395+cbebe@users.noreply.github.com> Date: Thu, 3 Oct 2024 19:06:09 -0600 Subject: [PATCH] website: more updates - Make doc pages black - Make textareas monospace - Add URL to source code --- pkg/website/assets/css/main.css | 44 +++++++++++-------- .../assets/css/opening/interpreter.css | 2 + pkg/website/assets/css/opening/opening.css | 11 ++--- pkg/website/hugo.toml | 10 ++--- pkg/website/layouts/_default/baseof.html | 6 +-- pkg/website/layouts/partials/footer.html | 2 +- pkg/website/layouts/partials/header.html | 4 +- 7 files changed, 43 insertions(+), 36 deletions(-) diff --git a/pkg/website/assets/css/main.css b/pkg/website/assets/css/main.css index 1fa9ce5..9244e14 100644 --- a/pkg/website/assets/css/main.css +++ b/pkg/website/assets/css/main.css @@ -1,23 +1,12 @@ -/* body { - color: #222; - font-family: sans-serif; - line-height: 1.5; - margin: 1rem; - max-width: 768px; -} */ - -header { - border-bottom: 1px solid #222; - margin-bottom: 1rem; -} - -footer { - border-top: 1px solid #222; - margin-top: 1rem; +*, +:root { + margin: 0; + padding: 0; + box-sizing: border-box; } a { - color: #00e; + color: #4fff64; text-decoration: none; } @@ -37,18 +26,35 @@ nav.corner-nav a { animation: glow 1s ease infinite alternate; } -main#main { +main#main, main#main-block, header#header, footer#footer { background-color: black; color: white; +} + +main#main { text-align: center; padding: 4rem; } main#main a { - color: #4fff64; font-weight: bold; } +main#main-block { + padding-left: 4rem; + padding-right: 4rem; + flex: 1; +} + +html, body { + height: 100%; +} + +body { + display: flex; + flex-direction: column; +} + @keyframes glow { from { color: #4fff64a3; diff --git a/pkg/website/assets/css/opening/interpreter.css b/pkg/website/assets/css/opening/interpreter.css index 0b8e158..6115503 100644 --- a/pkg/website/assets/css/opening/interpreter.css +++ b/pkg/website/assets/css/opening/interpreter.css @@ -6,9 +6,11 @@ web-interpreter.interpreter { web-interpreter textarea.input { height: 50vh; resize: vertical; + font-family: monospace; } web-interpreter textarea.output { height: 20vh; resize: vertical; + font-family: monospace; } diff --git a/pkg/website/assets/css/opening/opening.css b/pkg/website/assets/css/opening/opening.css index c38726f..8c78ef0 100644 --- a/pkg/website/assets/css/opening/opening.css +++ b/pkg/website/assets/css/opening/opening.css @@ -1,13 +1,6 @@ /* best seen at 1500px or less */ /* based on animation by Ted McDonald https://codepen.io/tedmcdo/pen/PqxKXg */ -*, -:root { - margin: 0; - padding: 0; - box-sizing: border-box; -} - :root { --fysh: 8vw; } @@ -21,6 +14,10 @@ body, position: relative; } +body { + display: inline; +} + .og-fysh { text-decoration: none; color: #333; diff --git a/pkg/website/hugo.toml b/pkg/website/hugo.toml index 4519e3a..cb58425 100644 --- a/pkg/website/hugo.toml +++ b/pkg/website/hugo.toml @@ -5,16 +5,16 @@ markup.goldmark.renderer.unsafe = true minify.minifyOutput = true -[[menus.main]] -name = 'Home' -pageRef = '/' -weight = 10 - [[menus.main]] name = 'Docs' pageRef = '/docs' weight = 20 +[[menus.main]] +name = 'Source' +url = 'https://github.com/Fysh-Fyve/fysh' +weight = 20 + # [[menus.main]] # name = 'Tags' # pageRef = '/tags' diff --git a/pkg/website/layouts/_default/baseof.html b/pkg/website/layouts/_default/baseof.html index e07538e..0ea799f 100644 --- a/pkg/website/layouts/_default/baseof.html +++ b/pkg/website/layouts/_default/baseof.html @@ -6,15 +6,15 @@ {{- block "all" . }} -
+ -
+
{{ block "main" . }}{{ end }}
-