Merge pull request #71 from a-parris21/issue-69

FIXED Issue 69: Theme-box is now on the Home page header.
Diptenusarkar · Nov 22, 2022 · b6d9a00 · b6d9a00
2 parents 96f27d2 + ecff5eb
commit b6d9a00
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 5 deletions.
diff --git a/Website/Style/web/main_d485f_v1.css b/Website/Style/web/main_d485f_v1.css
@@ -133,7 +133,7 @@ li:not(:last-child) {
     z-index: 99999999;
     display: inline-block;
     margin-right: 1rem;
-    position: fixed;
+    /* position: fixed; */
     top: 50%;
     top: 50%;
     left: 2rem;

diff --git a/Website/Style/web/main_post_d485f_v1.css b/Website/Style/web/main_post_d485f_v1.css
@@ -179,7 +179,7 @@ th {
     z-index: 99999999;
     display: inline-block;
     margin-right: 1rem;
-    position: fixed;
+    /* position: fixed; */
     left: 2rem;
     top: 50%;
 }

diff --git a/index.html b/index.html
@@ -46,15 +46,15 @@
 </head>
 
 <body>
-    <div include-html="include/header.html" id="header_file"></div>
+    <!-- <div include-html="include/header.html" id="header_file"></div> -->
     <!-- <div include-html="include/themeSwitcher.html" id="themeSwitcher_file"></div> -->
-    <div class="theme__box">
+    <!-- <div class="theme__box">
         <select id="themeSwitcher">
             <option value="">Select One</option>
             <option value="theme-dark">Dark</option>
             <option value="theme-light">Light</option>
         </select>
-    </div>
+    </div> -->
     <!-- <header class="header">
         <nav class="nav">
             <a href="/" class="logo__top">HTML.ORG.IN</a>
@@ -87,6 +87,42 @@
         </select>
     </div> -->
 
+    <header class="header">      
+        <nav class="menu-wrap nav">
+            <a href="/" class="logo__top" style="color:#ff6d00;"><i class="bi bi-filetype-html"></i> HTML.ORG.IN </a>
+            <input type="checkbox" class="toggler">
+
+            <div class="hamburger">
+                <div></div>
+            </div>
+            <div class="menu">
+                <div>
+                    <div>
+                        <ol>
+                            <li><a href="/"><i class="bi bi-house-door"></i> Home</a></li>
+                            <li><a href="#"><i class="bi bi-bag-plus"></i> Tool</a></li>
+                            <li><a href="https://github.com/Diptenusarkar/html.org.in/"><i class="bi bi-github"></i> Edit
+                                </a>
+                            </li>
+                            <li><a href="https://github.com/sponsors/Diptenusarkar"><i class="bi bi-cash-stack"></i> Sponsor
+                                </a>
+                            </li>
+                            <li>
+                                <div class="theme__box">
+                                    <select id="themeSwitcher">
+                                        <option value="">Select One</option>
+                                        <option value="theme-dark">Dark</option>
+                                        <option value="theme-light">Light</option>
+                                    </select>
+                                </div>
+                            </li>
+                        </ol>
+                    </div>
+                </div>
+            </div>
+        </nav>
+    </header>
+
     <main class="main">
         <section class="main__html-component">
             <div class="main__html-componentBox">