fix: mobile navbar

README.md

@@ -34,8 +34,6 @@ external_links:
 > 
 > **BREAKING CHANGE:** HAM is currently being upgraded to Halfmoon 2.0, which introduce visual breaking changes. See <https://github.com/reinhart1010/HAM/issues/6>.
 
-{% youtube 0FKaIiRhUME %}
-
 HAM is a Jekyll-based boilerplate template for generating better, static wiki-style websites. HAM can be instantly used to build static wiki pages. But the best of all, the default theme of HAM can be easily customized to create more personalized wiki pages, unlike those from MediaWiki, for example.
 
 This project is built to replace the current, MediaWiki installation at <hackapedia.reinhart1010.id> after I found out difficult to create custom styles for it, while other, Git-based alternatives such as GitHub Wiki sucks (no, really) and may not support self-hosting on shared hosting providers.
@@ -68,6 +66,9 @@ We believe that everyone should be able to theme HAM websites according to their
 
 ### What HAM would be
 - [ ] Supporting Forem (DEV.to) liquid tags (YouTube embeds, Twitter posts, etc.)
+  - Actually, we are starting to support some of them with privacy-preserving options, like this YouTube embed below (we promised this would not be another rickroll).
+
+{% youtube 0FKaIiRhUME %}
 
 ## Usage
 ### For [GitHub Pages](https://pages.github.com)

_includes/ham/navbar.html

@@ -1,22 +1,18 @@
 <nav class="navbar navbar-expand-lg sticky-top" style="background-color: var(--bs-content-bg); border-bottom: var(--bs-border-width) solid var(--bs-content-border-color);">
   <div class="container-fluid">
-    <div class="btn-group d-md-none" role="group">
-      <button type="button" data-bs-toggle="offcanvas" data-bs-target="#_ham_sidebar" aria-controls="_ham_sidebar" class="btn btn-secondary">
-        <i class="bi bi-search" aria-hidden="true"></i>
-      </button>
-      <button type="button" data-bs-toggle="offcanvas" data-bs-target="#_ham_sidebar" aria-controls="_ham_sidebar" class="btn btn-secondary">
-        <i class="bi bi-list-nested me-1" aria-hidden="true"></i> Menu
+    <div class="d-md-none" role="group">
+      <button type="button" data-bs-toggle="offcanvas" data-bs-target="#_ham_sidebar" aria-controls="_ham_sidebar" aria-description="Open sidebar" class="btn btn-secondary btn-square">
+        <i class="bi bi-list-nested" aria-hidden="true"></i>
       </button>
     </div>
     <a class="navbar-brand" href="#">
       {% if site.ham.site_icon != null %}
         <img src="{{ site.ham.site_icon }}" alt="{{ site.title }}" width="24" height="24" class="d-inline-block align-text-top">
       {% endif %}{{ site.title }}
     </a>
-    <div class="btn-group d-md-none" role="group">
-      <button type="button" data-bs-toggle="collapse" data-bs-target="#_ham_settings" aria-controls="_ham_settings" class="btn btn-secondary">
-        <i class="bi bi-gear me-1" aria-hidden="true"></i>
-        <p>Settings</p>
+    <div class="d-md-none" role="group">
+      <button type="button" data-bs-toggle="collapse" data-bs-target="#_ham_settings" aria-controls="_ham_settings" aria-description="Open navigation menu" class="btn btn-secondary btn-square">
+        <i class="bi bi-three-dots" aria-hidden="true"></i>
       </button>
     </div>
     <div class="collapse navbar-collapse" id="_ham_settings">

jekyll-ham.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name          = "jekyll-ham"
-  spec.version       = "1.0.0"
+  spec.version       = "1.0.1"
   spec.authors       = ["Reinhart Previano Koentjoro"]
   spec.email         = ["[email protected]"]