From 3dceb99740507a06c4587f939d6cd47c5a0156f6 Mon Sep 17 00:00:00 2001
From: Rok Garbas <rok@garbas.si>
Date: Thu, 2 Jul 2020 15:00:54 +0200
Subject: [PATCH] add burger icon to show collapsed navbar when on mobile
 (#111)

---
 src/Main.elm | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/Main.elm b/src/Main.elm
index a1c6a4b..c1785eb 100644
--- a/src/Main.elm
+++ b/src/Main.elm
@@ -8,6 +8,7 @@ import Html
     exposing
         ( Html
         , a
+        , button
         , div
         , footer
         , header
@@ -19,11 +20,13 @@ import Html
         )
 import Html.Attributes
     exposing
-        ( class
+        ( attribute
+        , class
         , classList
         , href
         , id
         , src
+        , type_
         )
 import Page.Home
 import Page.Options
@@ -278,7 +281,17 @@ view model =
                 [ div [ class "navbar navbar-static-top" ]
                     [ div [ class "navbar-inner" ]
                         [ div [ class "container" ]
-                            [ a [ class "brand", href "https://nixos.org" ]
+                            [ button
+                                [ type_ "button"
+                                , class "btn btn-navbar"
+                                , attribute "data-toggle" "collapse"
+                                , attribute "data-target" ".nav-collapse"
+                                ]
+                                [ span [ class "icon-bar" ] []
+                                , span [ class "icon-bar" ] []
+                                , span [ class "icon-bar" ] []
+                                ]
+                            , a [ class "brand", href "https://nixos.org" ]
                                 [ img [ src "https://nixos.org/logo/nix-wiki.png", class "logo" ] []
                                 ]
                             , div [ class "nav-collapse collapse" ]