Fix profile image centering and OpenToonz icon

Author: YousefMohamd

_includes/layouts/base.njk

@@ -96,11 +96,11 @@
 
     <!-- Navbar on small screens -->
     <div class="w3-top w3-hide-large w3-hide-medium" id="myNavbar">
-      <div class="w3-bar w3-black w3-opacity w3-hover-opacity-off w3-center w3-small">
-        {%- for entry in collections.all | eleventyNavigation %}
-          <a href="{{ entry.url | url }}" class="w3-bar-item w3-button" style="width:20% !important">{{ entry.title }}</a>
-        {%- endfor %}
-      </div>
+    <div class="w3-bar w3-black w3-opacity w3-hover-opacity-off w3-center w3-small">
+     <a href="/#" class="w3-bar-item w3-button" style="width:25% !important">Home</a>
+     <a href="/#about" class="w3-bar-item w3-button" style="width:25% !important">About</a>
+     <a href="/projects/" class="w3-bar-item w3-button" style="width:25% !important">Projects</a>
+     <a href="/#contact" class="w3-bar-item w3-button" style="width:25% !important">Contact</a>
     </div>
 
     <div class="w3-padding-large" id="main">