darl & light

css/index.css

@@ -4,7 +4,7 @@
 /*! purgecss end ignore */
 
 @import "tailwindcss/base";
-@import "layout.css";
+
 @import "tailwindcss/components";
 @import "admonition.css";
 @import "tailwindcss/utilities";
@@ -363,7 +363,7 @@ background-color:#5596f5 !important;
     shadow
     border-gray-400
     capitalize
-    bg-gray-200
+    /* bg-gray-200 */
   }
   .my-header h4{
     color:#9f9f9f;
@@ -439,7 +439,7 @@ background-color:#5596f5 !important;
 } */
 
 button :is(:where(p)) {
-  color: #ddd;
+  /* color: #ddd; */
   font-weight: 400;
 }
 

static/js/custom.js

@@ -6,7 +6,7 @@ var isMobile = width < 1024;
 function toggleMenu(button) {
   if (displayedMenu === button.id.split("-")[0]) {
     button.className = button.className.replace(
-      " text-gray-800 bg-stone-200 sm:bg-transparent",
+      " text-gray-800 sm:bg-transparent",
       " text-gray-900"
     );
     hideMenu(button.id.split("-")[0]);
@@ -23,7 +23,7 @@ function toggleMenu(button) {
     );
     button.className = button.className.replace(
       " text-gray-900",
-      " text-gray-800 bg-stone-200 sm:bg-transparent"
+      " text-gray-800 sm:bg-transparent"
     );
     displayedMenu = button.id.split("-")[0];
   }

templates/partials/head.html

@@ -38,6 +38,8 @@
     {%endif%}
     <meta name="twitter:card" content="summary">
     {% endblock title %}
+    <!-- CSS/SCSS -->
+    <link rel="stylesheet" href="{{ get_url(path='css/index.css', trailing_slash=false, cachebust=true) | safe }}">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/brands.min.css">
     <!-- Cookie Consent by https://www.FreePrivacyPolicy.com -->
@@ -110,8 +112,6 @@
     <!-- Windows 8, IE 10 -->
     <!-- Windows 8.1 and up, IE 11 -->
     <!-- **** CONCLUSION, favicons **** -->
-    <!-- CSS/SCSS -->
-    <link rel="stylesheet" href="{{ get_url(path='css/index.css', trailing_slash=false, cachebust=true) | safe }}">
     <style>
     .space-x-10>:not([hidden])~:not([hidden]){
       margin-left: calc(1.5rem*calc(1 - var(--tw-space-x-reverse)))!important;

templates/partials/why/hero.html

@@ -1,9 +1,9 @@
 <div class="relative isolate overflow-hidden bg-transparent">
     <div class="px-6 lg:pt-32 mt-12 pt-24 lg:pb-24 pb-12 sm:px-6 lg:px-8">
       <div class="mx-auto max-w-4xl text-center">
-        <h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-4xl fade-in">The Internet Needs an Upgrade</h2>
+        <h2 class="text-balance font-normal tracking-tight lg:text-6xl text-5xl fade-in">The Internet Needs an Upgrade</h2>
-        <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light text-gray-200 fade-in">The Internet brings the world together, yet much of it is now concentrated in the hands of a few powerful corporations. This wasn't its original intent. <br>The Internet was envisioned as a decentralized, open space.<br>A tool for freedom, collaboration, and equal access for all.</p>
+        <p class="semigray mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-light fade-in">The Internet brings the world together, yet much of it is now concentrated in the hands of a few powerful corporations. This wasn't its original intent. <br>The Internet was envisioned as a decentralized, open space.<br>A tool for freedom, collaboration, and equal access for all.</p>
-        <p class="mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-medium text-gray-200 fade-in">ThreeFold has invented a new Data, Network, and Cloud system<br> 
+        <p class="semigray mx-auto mt-6 max-w-3xl text-pretty lg:text-xl text-lg font-medium fade-in">ThreeFold has invented a new Data, Network, and Cloud system<br> 
           as an engine for an upgraded Web4 Internet.</p>
         <div class="mt-12 flex items-center justify-center gap-x-6">