fix header banner gap

lerina · May 18, 2024 · d4f1322 · d4f1322
1 parent 9c737d0
commit d4f1322
Show file tree

Hide file tree

Showing 6 changed files with 45 additions and 16 deletions.
diff --git a/README.md b/README.md
@@ -9,6 +9,11 @@
 
 ## REM:
 
+header-includes:
+ <meta name="keywords" content="Rust,Wasm,Workshop,Talk, OPTIMAL, IMPACT" />
+ <meta name="description" content="Rust Programming Workshop and Wasm Development" />
+ <meta property="og:image" content="./img/writing.jpg" />
+
 ### Pandoc
 
 { attribute1="value1" attribute2="value2"}
@@ -18,9 +23,10 @@ ex:
 
 ### Github markdown
 This is not working any more
-
 [Hello, world!]{:target="_blank" rel="noopener"}
 
+also: rel="noopener" not needed as of 2022
+
 ### Favicon 
 
 Browser favicons - 16x16  

diff --git a/css/vpkely.css b/css/vpkely.css
@@ -10,7 +10,7 @@
     --color-bg: linear-gradient(45deg, #ffaf00, #c30000);
                             saffron&deep_orange. #f2f0ee; electric purple #bb02ff);
     */
-    -color-bg: linear-gradient(45deg, rgba(206,223,240, 0.4),rgba(239,222,205,0.7));
+    --color-bg: linear-gradient(45deg, rgba(206,223,240, 0.4),rgba(239,222,205,0.7));
     --color-bg-secondary: #c3c3c3;  /*#e9e9e9;*/
     --color-link: #2c2d2f; /*#49545f;*/
     --color-secondary: #e9920d; /*#920de9;*/
@@ -32,6 +32,32 @@
     --width-content: 1080px;
 }
 
+html[data-theme='light'] {
+    --color-accent: #118bee15;
+    --color-bg: linear-gradient(45deg, rgba(206,223,240, 0.4),rgba(239,222,205,0.7));
+    --color-bg-secondary: #c3c3c3;  /*#e9e9e9;*/
+    --color-link: #2c2d2f; /*#49545f;*/
+    --color-secondary: #e9920d; /*#920de9;*/
+    --color-secondary-accent: #920de90b;
+    --color-shadow: #f4f4f4;
+    --color-table: #118bee;
+    --color-text: #000;
+    --color-text-secondary: #666;
+}
+
+html[data-theme='dark'] {
+        --color-accent: #0097fc4f;
+        --color-bg: #333;
+        --color-bg-secondary: #555;
+        --color-link: #0097fc;
+        --color-secondary: #a5b9e9; /*#e20de9;*/
+        --color-secondary-accent: #417aad4f; /*#e20de94f;*/
+        --color-shadow: #bbbbbb20;
+        --color-table: #0097fc;
+        --color-text: #f7f7f7;
+        --color-text-secondary: #aaa;
+}
+
 /* <html color-mode="user"> if browser is in darkmode this will kick in*/
 @media (prefers-color-scheme: dark) {
     :root[color-mode="user"] {

diff --git a/demo/index.html b/demo/index.html
@@ -57,6 +57,7 @@ <h1 class="title">The Demo Scene</h1>
 <style>
 :root{--color-bg: linear-gradient(45deg, #fafafa,#f3f3f3);}
 nav {margin-bottom:-3em; }
+section {min-height: 100vh;}
 </style>
 <script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
 <main>

diff --git a/demo/index.md b/demo/index.md
@@ -8,6 +8,7 @@ keywords: [Rust, Wasm, Webassembly]
 <style>
 :root{--color-bg: linear-gradient(45deg, #fafafa,#f3f3f3);}
 nav {margin-bottom:-3em; }
+section {min-height: 100vh;}
 </style>
 <script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
 

diff --git a/index.html b/index.html
@@ -1,10 +1,10 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" color-mode="user" lang="" xml:lang="">
+<html xmlns="http://www.w3.org/1999/xhtml" color-mode="" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
   <meta name="generator" content="pandoc" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
-  <title>OPTIMAL: Services</title>
+  <title>Razafy: Services</title>
   <style>
     code{white-space: pre-wrap;}
     span.smallcaps{font-variant: small-caps;}
@@ -23,13 +23,12 @@
     .display.math{display: block; text-align: center; margin: 0.5rem auto;}
   </style>
   <link rel="stylesheet" href="https://lerina.github.io/css/landing_min.css" />
-  <meta name="keywords" content="Rust,Wasm,Workshop,Talk, OPTIMAL, IMPACT" /><br />
-  <meta name="description" content="Rust Programming Workshop and Wasm Development" /><br />
   <meta property="og:image" content="./img/writing.jpg" />
+  <meta name="description" content="Secure Code Practician: Rust programming with webassembly" />
 </head>
 <body>
 <header id="title-block-header">
-<h1 class="title">OPTIMAL: Services</h1>
+<h1 class="title">Razafy: Services</h1>
 </header>
 <div class="bg">
 
@@ -45,7 +44,7 @@ <h1 class="title">OPTIMAL: Services</h1>
 </p>
 </div>
 </header>
-<p><br></p>
+<br>
 <div class="card card-wide"
 style="background-image: url(&#39;./img/optimal_trek.png&#39;); background-size: cover; height:420px">
 <sup>leading the way to lean and secure code</sup>

diff --git a/index.md b/index.md
@@ -1,11 +1,9 @@
 ---
-title: "OPTIMAL: Services"
-header-includes:
-        <meta name="keywords" content="Rust,Wasm,Workshop,Talk, OPTIMAL, IMPACT" />
-        <meta name="description" content="Rust Programming Workshop and Wasm Development" />
-        <meta property="og:image" content="./img/writing.jpg" />
+header-includes: |
+    <meta property="og:image" content="./img/writing.jpg" />
+    <meta name="description" content="Secure Code Practician: Rust programming with webassembly" />
+title: "Razafy: Services"
 ---
-
 <div class="bg"></div>
 <main>
 <header style="padding:1em 1em;">
@@ -16,10 +14,8 @@ leads the way to bring secure and fast app development in the Indian Ocean Neigh
 </div>
 </header>
 <br>
-
 <div class="card card-wide"
 style="background-image: url('./img/optimal_trek.png'); background-size: cover; height:420px"><sup>leading the way to lean and secure code</sup></div>
-
 <br>
 <div class="greetings"><p class="drop fancySerif">Our Services</p></div>