Fixed active menu, margins for mobile, README

The page active menu is now selected, though still not for children.

Margin for mobile viewing is now fixed, so it's no longer touching the edges.

Updated README with boilerplate info on Sass changes with config.toml.

8 files changed, 44 insertions, 37 deletions

diff --git a/README.md b/README.md
index 8253202..76d7702 100644
--- a/README.md
+++ b/README.md
@@ -9,9 +9,8 @@ The name "Huey" was taken from the musician "Baby Huey". The record was on the m
 ## TODO
 This is the author's current TODO list for Huey. It won't impact your use of Huey. If you run into an issue and it's in the list, be assurred it's being looked into.
 
-- Current page in navigaiton
-- Current title + main page title
-- RSS (index.xml)
+- Children pages will show active for parent in menu
+
 
 ## Theme Configuration
 
@@ -72,17 +71,33 @@ theme = "huey"
 canonifyurls = true
 
 [params]
-    author = "Author's name goes here"
-    dateFormat = "January 2, 2006"
-    description = "This is a description of your site. This is also used in your site header metadata."
-    keywords = ""
-    email = "adam@adamwhitlock.com"
-
-    # Use your Font Awesome token here. Example token is fake, so please get your own.
-    fontawesomeToken = "018de52a07"
+  # General site metadata, used in header and other places
+  author = "Author's name goes here"
+  dateFormat = "January 2, 2006"
+  description = "This is a description of your site. This is also used in your site header metadata."
+  keywords = ""
+  email = "adam@adamwhitlock.com"
+
+  # Use your Font Awesome token here. Example token is fake, so please get your own.
+  fontawesomeToken = "018de52a07"
+
+  # Navigation, use Bulma options here
+  navbarStyle = "is-transparent" # Default is "is-transparent"
+  navbarTitleStyle = "has-text-black" # Default is "has-text-black"
+
+  # Override Bulma schemes with values
+  schemeMain = ""
+  link = "#000" # Default is blue
+  linkHover = "#000" # Default is darker-grey
+  footerBackground = "false" # Default is true
+  footerBackgroundColor = "false" # Default is #fafafa
+  navbarItemHoverColor = "#444" # Default is link color, which unchanged is blue
+  navbarItemColor = "#888" # Default is text color
+
+  # Set static directory locations and favicon
+  favicon = "favicon.ico"
+  staticDir = ['static']
 
-    favicon = "favicon.ico"
-    staticDir = ['static']
 
 [menu]
 
@@ -101,13 +116,6 @@ canonifyurls = true
   url = '/archive/'
   weight = 20
 
-[[menu.nav]]
-  identifier = 'contact'
-  name = 'Contact'
-  title = "Contact"
-  url = '/contact/'
-  weight = 30
-
 # Contacts
 
 [[ menu.social]]
@@ -144,6 +152,7 @@ canonifyurls = true
 
 Huey pages require that you specify a `type: pages` and `layout: page` for any page that's standalone (Examples: Contact, About Me). This will remove the "date" field from those pages, along with letting you specify an optional Font Awesome icon next to the page title. Unlike how Font Awesome icons are used in the configuration, you only need to put the short Font Awesome codes on your page front matter (the metadata at the top of a post).
 
+Specifying the `menu:nav` and `weight: weight-value`, as seen in the example, will ensure additional pages you create appear in navigation. If declared properly, the active page should be darker in the menu.
 
 Example Layout for Individual Page
 
@@ -156,6 +165,8 @@ url: /about/
 type: pages
 layout: page
 fa_icon: "fas fa-user"
+menu: nav
+weight: 20
 
 ---
 
diff --git a/assets/css/base/base.scss b/assets/css/base/base.scss
index 1d087cf..a8190b9 100644
--- a/assets/css/base/base.scss
+++ b/assets/css/base/base.scss
@@ -13,5 +13,4 @@ $footer-background-color: {{ .Site.Params.footerBackgroundColor | default "#fafa
 $navbar-item-hover-color: {{ .Site.Params.navbarItemHoverColor | default "$link;"}};
 $navbar-item-color: {{ .Site.Params.navbarItemColor | default "$text"}};
 
-
 @import "../bulma/";
\ No newline at end of file
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index f8402f9..c847a2b 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,5 +1,6 @@
 {{ define "main"}}
-  <div class="content is-normal">
+<main aria-role="main">
+  <div class="content is-normal mx-3">
       <p class="title is-3"><i class="fas fa-file"></i> {{.Page.Title}}</p>
       <p class="subtitle is-4">{{.Page.Description}}</p>
       {{ $dateFormat := .Site.Params.dateFormat | default "January 2, 2006"}}
@@ -8,4 +9,5 @@
       </p>
     {{ .Content }}
   </div>
+</main>
 {{ end }}
diff --git a/layouts/index.html b/layouts/index.html
index 68284ef..a34a773 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,17 +1,13 @@
 {{ define "main" }}
   <main aria-role="main">
-  <div class="homepage-content is-normal">
+  <div class="content is-normal mx-3">
       {{.Content}}
-  </div>
-  <div>
-    {{ range where (where .Site.RegularPages "Type" "blog") "File.Dir" "archive/" }}
+      {{ range where (where .Site.RegularPages "Type" "blog") "File.Dir" "archive/" }}
         <article>
           <div>
             <h2><a class="title is-3" href="{{ .RelPermalink }}"><i class="fas fa-file"></i> {{ .Title }}</a></h2>
-            <p></p>
           </div>
-          <p>&nbsp
-          </p>
+
           <p>
           {{ .Summary }}
           </p>
diff --git a/layouts/pages/archive.html b/layouts/pages/archive.html
index f5db684..ae34e8f 100644
--- a/layouts/pages/archive.html
+++ b/layouts/pages/archive.html
@@ -1,10 +1,11 @@
 {{ define "main"}}
   <main aria-role="main">
-  <p class="title is-3"><i class="fas fa-archive"></i> 
+
+
+  <div class="content mx-3">
+  <p class="title is-3"><i class="fas fa-archive"></i>
     {{.Page.Title}}
   </p>
-
-  <div class="content">
   {{ .Content }}
   </div>
   <ul class="fa-ul"> 
diff --git a/layouts/pages/contact.html b/layouts/pages/contact.html
index 7c327f3..5a01407 100644
--- a/layouts/pages/contact.html
+++ b/layouts/pages/contact.html
@@ -1,6 +1,6 @@
 {{ define "main"}}
   <main aria-role="main">
-  <div class="content is-normal">
+  <div class="content is-normal mx-3">
       <p class="title is-3">{{ if .Params.fa_icon }}<i class="{{ .Params.fa_icon }}"></i>{{ end }}
       {{.Page.Title}}
       <div class="contact">
diff --git a/layouts/pages/page.html b/layouts/pages/page.html
index 58c3f64..23f2795 100644
--- a/layouts/pages/page.html
+++ b/layouts/pages/page.html
@@ -1,6 +1,6 @@
 {{ define "main"}}
   <main aria-role="main">
-  <div class="content is-normal">
+  <div class="content is-normal mx-3">
       <p class="title is-3">{{ if .Params.fa_icon }}<i class="{{ .Params.fa_icon }}"></i>{{ end }}
         {{.Page.Title}}
       </p>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 82c5cd3..38118fb 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -11,13 +11,11 @@
   <div id="navbar-menu" class="navbar-menu">
     <div class="navbar-end">
         {{ range .Site.Menus.nav }}
-        <a class="navbar-item{{if or ($currentPage.IsMenuCurrent "nav" .) ($currentPage.HasMenuCurrent "nav" .) }}{{end}}" href="{{.URL}}"  >{{ .Name }}</a>
+        <a class="navbar-item{{if or ($currentPage.IsMenuCurrent "nav" .) ($currentPage.HasMenuCurrent "nav" .) }} is-active{{end}}" href="{{.URL}}"  >{{ .Name }}</a>
         {{ end }}
     </div>
   </div>
 </nav>
 
 
-
-
 <!-- is-active for navbar-menu class -->
\ No newline at end of file