Home Explore Help
Register Sign In
wang2365
/
cupper-hugo-theme
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Nav menu

Zachary Betz 6 years ago
parent
dc06f040ec
commit
ac614e6ab5
6 changed files with 34 additions and 76 deletions
Unified View Show Diff Stats
  1. 12 15
      exampleSite/config.toml
  2. 5 11
      exampleSite/content/_index.md
  3. 16 49
      layouts/_default/baseof.html
  4. 1 1
      layouts/_default/list.html
  5. 0 0
      layouts/post/li.html
  6. 0 0
      layouts/post/single.html

+ 12 - 15
exampleSite/config.toml
View File 

@@ -5,10 +5,9 @@ theme = "cupper-hugo-theme"
 
 googleAnalytics = "UA-123456789-1"
 
 googleAnalytics = "UA-123456789-1"
 
 
 
 # Uncomment below to enable syntax highlighting
 
 # Uncomment below to enable syntax highlighting
 
-# pygmentsCodefences = true
 
-# pygmentsCodefencesGuessSyntax = true
 
 # For more styles see https://xyproto.github.io/splash/docs/all.html 
 # For more styles see https://xyproto.github.io/splash/docs/all.html 
-# pygmentsStyle = "pygments"
 
+# pygmentsCodefences = true
 
+# pygmentsStyle = "algol"
 
 
 
 [taxonomies]
 
 [taxonomies]
 
   tag = "tags"
 
   tag = "tags"
 
@@ -17,32 +16,30 @@ googleAnalytics = "UA-123456789-1"
 
   post = "/:filename/"
 
   post = "/:filename/"
 
 
 
 [menu]
 
 [menu]
 
-  [[menu.main]]
 
+  [[menu.nav]]
 
     name = "Home"
 
     name = "Home"
 
     url = "/"
 
     url = "/"
 
     weight = 1
 
     weight = 1
 
-  [[menu.main]]
 
+  [[menu.nav]]
 
     name = "Blog"
 
     name = "Blog"
 
     url = "/post/"
 
     url = "/post/"
 
     weight = 2
 
     weight = 2
 
-  [[menu.main]]
 
+  [[menu.nav]]
 
     name = "Tags"
 
     name = "Tags"
 
     url = "/tags/"
 
     url = "/tags/"
 
     weight = 3
 
     weight = 3
 
-  [[menu.main]]
 
+  [[menu.nav]]
 
     name = "About"
 
     name = "About"
 
     url = "/about/"
 
     url = "/about/"
 
     weight = 4
 
     weight = 4
 
-  [[menu.main]]
 
+  [[menu.nav]]
 
     name = "RSS"
 
     name = "RSS"
 
     url = "/index.xml"
 
     url = "/index.xml"
 
     weight = 5
 
     weight = 5
 
 
 
 [params]
 
 [params]
 
-  description = "Documentation for the **Cupper** documentation builder, built with **Cupper** itself."
 
-  footerText = "Made with [Hugo](https://gohugo.io/) & TODO"
 
-  hideFooter = false
 
-  # Keep?
 
-  codePenUser = "Heydon"
 
-  # TODO link to date format docs page 
-  dateFormat = "Jan 2, 2006"
 
+  # description = "An accessibility-friendly Hugo theme, ported from the [original Cupper](https://github.com/ThePacielloGroup/cupper) project."
 
+  footer = "Made with [Hugo](https://gohugo.io/). Themed by [Cupper](https://github.com/zwbetz-gh/cupper-hugo-theme). Deployed to [Netlify](https://www.netlify.com/)."
 
+  # For more date formats see https://gohugo.io/functions/format/
 
+  dateFormat = "Jan 2, 2006"
 
+  codePenUser = "TODO"

+ 5 - 11
exampleSite/content/_index.md
View File 

@@ -1,18 +1,12 @@
 
 +++
 
 +++
 
 date = "2017-06-26T18:27:58+01:00"
 
 date = "2017-06-26T18:27:58+01:00"
 
-title = "The Cupper Documentation Builder"
 
+title = "Home"
 
 +++
 
 +++
 
 
 
-Welcome to **Cupper**: a documentation builder for inclusive designers and those trying to be inclusive designers. These are **Cupper's** docs, but they are also an example of a site built with **Cupper**. Here are some of its features:
 
+Welcome to **Cupper**: An accessibility-friendly Hugo theme, ported from the [original Cupper](https://github.com/ThePacielloGroup/cupper) project. Here are some of its features:
 
 
 
 {{% ticks %}}
 
 {{% ticks %}}
 
-* Built with [Hugo](https://gohugo.io/), so easy to structure content and fast to compile it
 
-* Available to read offline, as a [Progressive Web App](https://developers.google.com/web/progressive-web-apps/)
 
-* Include encapsulated live demos, inline with your markdown, [using Shadow DOM](https://www.smashingmagazine.com/2017/07/pattern-libraries-in-markdown/)
 
-* Quickly include WCAG and [Inclusive Design Principles](http://inclusivedesignprinciples.org/) references
 
-* A responsive, screen reader and keyboard accessible static site as output
 
-* Automated Github Pages deployment
 
-* Includes a single-page printable version suitable for PDF conversion
 
+* Responsive
 
+* Screen reader and keyboard accessible
 
+* TODO
 
 {{% /ticks %}}
 
 {{% /ticks %}}
 
-
 
-To get started, take a look at {{% pattern "Installation" %}}.

+ 16 - 49
layouts/_default/baseof.html
View File 

@@ -38,11 +38,9 @@
 
     {{ end }}
 
     {{ end }}
 
   </head>
 
   </head>
 
   <body>
 
   <body>
 
-    {{ if ne .Type "print-version" }}
 
-      <a href="#main">skip to content</a>
 
-    {{ end }}
 
+    <a href="#main">skip to content</a>
 
     {{ partial "svg.html" . }}
 
     {{ partial "svg.html" . }}
 
-    <div class="wrapper {{ if eq .Type "print-version" }}print-version{{ end }}">
 
+    <div class="wrapper">
 
         <header class="intro-and-nav" role="banner">
 
         <header class="intro-and-nav" role="banner">
 
           <div>
 
           <div>
 
             <div class="intro">
 
             <div class="intro">
 
@@ -51,21 +49,8 @@
 
               </a>
 
               </a>
 
               <p class="library-desc">
 
               <p class="library-desc">
 
                 {{ .Site.Params.Description | markdownify }}
 
                 {{ .Site.Params.Description | markdownify }}
 
-                {{ if ne .Type "print-version" }}
 
-                  <a class="print" href="{{ "print-version" | absURL }}">
 
-                    <svg viewBox="0 0 35 45" aria-hidden="true" focusable="false">
 
-                      <use xlink:href="#doc"></use>
 
-                    </svg>Print version
 
-                 {{ end }}
 
                </a>
 
                </a>
 
               </p>
 
               </p>
 
-              {{ if eq .Type "print-version" }}
 
-                <p class="toc-link">
 
-                  <span aria-hidden="true">&#x2193;</span>
 
-                  <a href="#toc">Table of contents</a>
 
-                  <span aria-hidden="true">&#x2193;</span>
 
-                </p>
 
-              {{ end }}
 
             </div>
 
             </div>
 
             {{ block "nav" . }}
 
             {{ block "nav" . }}
 
               <nav id="patterns-nav" class="patterns" role="navigation">
 
               <nav id="patterns-nav" class="patterns" role="navigation">
 
@@ -77,37 +62,20 @@
 
                   Menu
 
                   Menu
 
                 </button>
 
                 </button>
 
                 {{ $current := . }}
 
                 {{ $current := . }}
 
-                {{ range $.Site.Home.Sections }}
 
-                  <ul id="patterns-list">
 
-                    {{ range .Pages.ByWeight }}
 
-                      <li class="pattern">
 
-                        <a href="{{ .RelPermalink }}" {{ if eq $current.Permalink .Permalink  }}aria-current="page"{{ end }}>
 
-                          <svg class="bookmark-icon" aria-hidden="true" focusable="false" viewBox="0 0 40 50">
 
-                            <use xlink:href="#bookmark"></use>
 
-                          </svg>
 
-                          <span class="text">{{ .Title }}</span>
 
-                        </a>
 
-                      </li>
 
-                    {{ end }}
 
-                    {{ range .Sections.ByWeight }}
 
-                      <li>
 
-                        <h3>{{ .Title }}</h3>
 
-                        <ul>
 
-                          {{ range .Pages.ByWeight }}
 
-                            <li class="pattern">
 
-                              <a href="{{ .RelPermalink }}" {{ if eq $current.Title .Title  }}aria-current="page"{{ end }}>
 
-                                <svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50" focusable="false">
 
-                                  <use xlink:href="#bookmark"></use>
 
-                                </svg>
 
-                                <span class="text">{{ .Title }}</span>
 
-                              </a>
 
-                            </li>
 
-                          {{ end }}
 
-                        </ul>
 
-                      </li>
 
-                    {{ end }}
 
-                  </ul>
 
+                <ul id="patterns-list">
 
+                {{ range .Site.Menus.nav }}
 
+                  <li class="pattern">
 
+                    {{ $active := or ($current.IsMenuCurrent "nav" .) ($current.HasMenuCurrent "nav" .) }}
 
+                    {{/*  TODO highlight Blog nav item when on post pages  */}}
 
+                    <a href="{{ .URL }}" {{ if $active }}aria-current="page"{{ end }}>
 
+                      <svg class="bookmark-icon" aria-hidden="true" focusable="false" viewBox="0 0 40 50">
 
+                        <use xlink:href="#bookmark"></use>
 
+                      </svg>
 
+                      <span class="text">{{ .Name }}</span>
 
+                    </a>
 
+                  </li>
 
                 {{ end }}
 
                 {{ end }}
 
+                </ul>
 
               </nav>
 
               </nav>
 
             {{ end }}
 
             {{ end }}
 
           </div>
 
           </div>
 
@@ -123,8 +91,7 @@
 
                 <span aria-hidden="true"></span>
 
                 <span aria-hidden="true"></span>
 
               </label>
 
               </label>
 
             </div>
 
             </div>
 
-            Powered by <strong>Cupper</strong>, a <strong>The Paciello Group</strong> project.<br>
 
-            For general enquiries, contact us on info@paciellogroup.com.
 
+            {{ .Site.Params.footer | markdownify }}
 
           </footer>
 
           </footer>
 
         </div>
 
         </div>
 
       </div>
 
       </div>

+ 1 - 1
layouts/_default/list.html
View File 

@@ -5,7 +5,7 @@
 
     </h1>
 
     </h1>
 
     <ul class="patterns-list">
 
     <ul class="patterns-list">
 
       {{ range .Data.Pages }}
 
       {{ range .Data.Pages }}
 
-          {{ .Render "li"}}
 
+          {{ .Render "li" }}
 
       {{ end }}
 
       {{ end }}
 
     </ul>
 
     </ul>
 
   </main>
 
   </main>

+ 0 - 0
layouts/patterns/li.html → layouts/post/li.html
View File


+ 0 - 0
layouts/patterns/single.html → layouts/post/single.html
View File