website: more updates

- Make doc pages black - Make textareas monospace - Add URL to source code
Fysh-Fyve · Oct 4, 2024 · 2d6f04a · 2d6f04a
1 parent 51c3e86
commit 2d6f04a
Show file tree

Hide file tree

Showing 7 changed files with 43 additions and 36 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -6,15 +6,15 @@
 </head>
 <body>
   {{- block "all" . }}
-  <header>
+  <header id="header">
     {{- block "header" . }}
       {{ partial "header.html" . }}
     {{- end }}
   </header>
-  <main>
+  <main id="main-block">
     {{ block "main" . }}{{ end }}
   </main>
-  <footer>
+  <footer id="footer">
     {{- block "footer" . }}
       {{ partial "footer.html" . }}
     {{- end }}

diff --git a/pkg/website/layouts/partials/footer.html b/pkg/website/layouts/partials/footer.html
@@ -1 +1 @@
-<p>Copyright {{ now.Year }}. All rights reserved.</p>
+<!-- <p>Copyright {{ now.Year }}. All rights reserved.</p> -->
diff --git a/pkg/website/layouts/partials/header.html b/pkg/website/layouts/partials/header.html
@@ -1,2 +1,4 @@
-<h1>{{ site.Title }}</h1>
+<nav class="corner-nav"></nav>
+  <a href="/"><code>&gt;&lt;fysh&gt;</code>
+</nav>
 {{ partial "menu.html" (dict "menuID" "main" "page" .) }}
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<p>Copyright {{ now.Year }}. All rights reserved.</p>
		<!-- <p>Copyright {{ now.Year }}. All rights reserved.</p> -->