Merge pull request #20 from neuracr/fix/#13

Updating nav bar version 1
neuracr · Mar 15, 2022 · 77533a3 · 77533a3
2 parents d45f497 + 5181f29
commit 77533a3
Show file tree

Hide file tree

Showing 20 changed files with 221 additions and 31 deletions.
diff --git a/docs/_layouts/base.html b/docs/_layouts/base.html
@@ -11,14 +11,22 @@
 
 <body>
   <div class="main">
-    <div class="main__title">{{site.title}}</div>
     <nav class="nav">
       <ul class="nav-list">
+        <li class="nav-list__item--left"><a href="/"><img src="/assets/images/neuracr.png" alt="N" class="logo"></a></li>
+        <li class="nav-list__title"><a href="/">Neuracr's Recipes</a></li>
         <li class="nav-list__item"><a href="/">Home</a></li>
         <li class="nav-list__item--disabled"><a href="/recipes/">Recipes</a></li>
         <li class="nav-list__item"><a href="/about">About</a></li>
-        <li class="nav-list__item--first-right" onclick="switchTheme()"><a>Theme</a></li>
-        <li class="nav-list__item--disabled nav-list__item--second-right"><a>Language</a></li>
+        <li class="nav-list__item--right" ><a href="#menu"><img src="/assets/icons/burger_icon_white.svg" alt="settings" class="logo"></a></li>
+        <div id="menu" class="menu">
+          <nav class="nav">
+            <ul class="nav-list">
+              <li class="nav-list__item--right nav-list__item--close" ><a href="#"><img src="/assets/icons/close_icon_white.svg" alt="settings" class="logo"></a></li>
+            </ul>
+          </nav>
+          <div class="menu__item" onclick="switchTheme()">Theme</div>
+          <div class="menu__item--disabled menu__item--last">Language</div>
       </ul>
     </nav>
     <!-- TODO CHANGE THAT-->

diff --git a/docs/assets/icons/burger_icon.svg b/docs/assets/icons/burger_icon.svg
diff --git a/docs/assets/icons/burger_icon_white.svg b/docs/assets/icons/burger_icon_white.svg
diff --git a/docs/assets/icons/close_icon.svg b/docs/assets/icons/close_icon.svg
diff --git a/docs/assets/icons/close_icon_white.svg b/docs/assets/icons/close_icon_white.svg
diff --git a/docs/assets/images/neuracr.png b/docs/assets/images/neuracr.png
diff --git a/docs/generated/css/style.css b/docs/generated/css/style.css