develop HTML and CSS core

Sup2point0 · May 2, 2024 · 2540337 · 2540337
1 parent 4d62fe7
commit 2540337
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 14 deletions.
diff --git a/quarkdown/resources/core.html b/quarkdown/resources/core.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 
-<!-- Quarkdown Core v1.6.2 -->
+<!-- Quarkdown Core v1.7.0 -->
 <html>
 
 <head>
@@ -23,7 +23,9 @@
     <ul>
       <div class="left">
         <li id="github-icon">
-          <img height="4em" src="https://github.com/Sup2point0/sup2point0.github.io/blob/sup/assets/github-icon.svg">
+          <a href="https://github.com/Sup2point0/Assort">
+            <img height="42rem" src="https://raw.githubusercontent.com/Sup2point0/sup2point0.github.io/sup/.assets/icons/github-light.svg">
+          </a>
         </li>
         <li id="assort">
           <a href="https://sup2point0.github.io/assort"> <div class="nav-cell"> Assort </div> </a>

diff --git a/quarkdown/resources/styles/essence.css b/quarkdown/resources/styles/essence.css
@@ -54,12 +54,18 @@ a:visited:hover {
 }
 
 nav {
-  --col-nav: rgba(0, 0, 0 / 20%);
+  --col-nav: rgb(0 0 0 / 69%);
+  /* width: 100%; */
 }
 
 nav ul {
+  position: fixed;
+  z-index: 2;
+  top: 0;
+  width: 96vw;
+  max-width: 100%;
   margin: 0;
-  padding: 0;
+  padding: 0.42rem 8rem 0.42rem 1rem;
   overflow: hidden;
   background-color: var(--col-nav);
   list-style-type: none;
@@ -68,16 +74,16 @@ nav ul li {
   display: inline;
 }
 
-nav ul li .left {
+nav ul .left li {
   float: left;
 }
-nav ul li .right {
+nav ul .right li {
   float: right;
 }
 
 .nav-cell {
   display: block;
-  padding: 1em;
+  padding: 0.69rem 1rem;
   color: #fff;
   transition: 0.2s ease-in-out;
 }

diff --git a/tests/nova.css b/tests/nova.css
@@ -4,7 +4,7 @@
  * source at <https://github.com/Sup2point0/supcode/blob/sup/resources/Nova/Nova.css>
  */
 
- :root {
+:root {
   --blue-nova: #4090f1;
   --blue-cresc: #c0f0ff;
   --blue-spirit: #70c7ff;

diff --git a/tests/test.html b/tests/test.html
@@ -4,7 +4,7 @@
 <html>
 
 <head>
-  <title> Testing </title>
+  <title> Testing | Tests | Quarkdown </title>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="https://github.com/Sup2point0/Assort/blob/origin/.assets/profiles/Purple Portal.png">
@@ -15,11 +15,13 @@
 
 <body style="--darkness: {darkness}">
 
-  <nav">
+  <nav>
     <ul>
       <div class="left">
         <li id="github-icon">
-          <img height="4em" src="https://github.com/Sup2point0/sup2point0.github.io/blob/sup/assets/github-icon.svg">
+          <a href="https://github.com/Sup2point0/Assort">
+            <img height="42rem" src="https://raw.githubusercontent.com/Sup2point0/sup2point0.github.io/sup/.assets/icons/github-light.svg">
+          </a>
         </li>
         <li id="assort">
           <a href="https://sup2point0.github.io/assort"> <div class="nav-cell"> Assort </div> </a>
@@ -40,16 +42,21 @@
   <article>
 
     <div id="header">
-      <p>Testing</p>
+      <h1>Testing the Tests</h1>
     </div>
 
     <div id="content">
-{content}
+      <h2>What is a test?</h2>
+      <p>The quick brown fox jumps over the lazy dog.</p>
+      <h2>But really, what is a test?</h2>
+      <p>The quick brown fox jumps over the lazy dog!</p>
+      <h3>Lorem Ipsum Ipsum Lorem</h3>
+      <p>TESTING TESTING TESTING</p>
     </div>
 
     <div id="footer">
       <p> by <a href="https://github.com/Sup2point0">Sup#2.0</a> </p>
-      <p> Auto-rendered by <a href="https://github.com/Sup2point0/Quarkdown">Quarkdown</a> v{version} </p>
+      <p> Auto-rendered by <a href="https://github.com/Sup2point0/Quarkdown">Quarkdown</a> v2.0.0 </p>
       <p> <a href="{source}">View on GitHub</a> </p>
     </div>