exampleSite update

README.md

@@ -2,6 +2,10 @@
 
 [https://zzo-docs.vercel.app/zdoc](https://zzo-docs.vercel.app/zdoc)
 
+## Hugo Theme Zdoc
+
+Zdoc is a documentation theme for Hugo. It looks simple and provide many shortcodes. Also, you can make a blog with it.
+
 ## ❤️ Sponsor
 
 Your support will be of great help in maintaining the project.
@@ -18,6 +22,9 @@ Your support will be of great help in maintaining the project.
 * Responsive design
 * Fast code highlighting
 * Blog support
+* Table Of Contents(toc)
+* Code Tab
+* Blog
 
 ## Minimum Hugo version
 

assets/sass/layout/_grid.scss

@@ -56,7 +56,7 @@
 
 .sv { // single view
     display: grid;
-    grid-template-columns: minmax(630px, 960px) minmax(125px, 325px);
+    grid-template-columns: minmax(630px, 800px) minmax(125px, 325px);
     grid-template-rows: 1fr;
     grid-column-gap: 0px;
     grid-row-gap: 0px;

exampleSite/content/en/_index.md

@@ -1,30 +1,127 @@
 ---
-title: ZDoc
-description: Hugo ZDoc theme landing page
+title: Zdoc
+description: Hugo zdoc theme demo site
 date: 2020-01-26T04:15:05+09:00
 draft: false
-updatesBanner: "Banner -   [Hugo ZDoc theme](https://github.com/zzossig/hugo-theme-zdoc)   just arrived"
-landingImage: favicon/android-icon-192x192.png
-landingTitle:
-  - Hugo ZDoc theme
-landingText:
-  - Make a documentation with hugo zdoc theme!
-titleColor:
-textColor:
-spaceBetweenTitleText: 25
-buttons:
-  - link: docs/gettingstarted/quickstart
-    text: GET STARTED
-    color: primary
-  - link: https://github.com/zzossig/hugo-theme-zdoc
-    text: DOWNLOAD
-    color: default
-# shields:
-  # - link: https://github.com/zzossig/hugo-theme-zdoc
-  #   image: https://img.shields.io/github/forks/zzossig/hugo-theme-zdoc?label=Fork&style=social
-  #   alt: Hugo ZDoc theme github forks
-  # - link: https://github.com/zzossig/hugo-theme-zdoc
-  #   image: https://img.shields.io/github/stars/zzossig/hugo-theme-zdoc?label=Star&style=social
-  #   alt: Hugo ZDoc theme github stars
----
+# updatesBanner: "Banner -   [Hugo ZDoc theme](https://github.com/zzossig/hugo-theme-zdoc)   just arrived"
+landing:
+  height: 500
+  image: favicon/android-icon-192x192.png
+  title:
+    - Zdoc
+  text:
+    - Hugo zdoc theme demo site
+  titleColor:
+  textColor:
+  spaceBetweenTitleText: 25
+  buttons:
+    - link: docs
+      text: Explore Zdoc
+      color: primary
+  # backgroundImage: 
+  #   src: images/landscape.jpg
+  #   height: 600
+footer:
+  sections:
+    - title: General
+      links:
+        - title: Docs
+          link: https://gohugo.io/
+        - title: Learn
+          link: https://gohugo.io/
+        - title: Showcase
+          link: https://gohugo.io/
+        - title: Blog
+          link: https://gohugo.io/
+    - title: resources
+      links:
+        - title: GitHub
+          link: https://gohugo.io/
+        - title: Releases
+          link: https://gohugo.io/
+        - title: Spectrum
+          link: https://gohugo.io/
+        - title: Telemetry
+          link: https://gohugo.io/
+    - title: Features
+      links:
+        - title: GitHub
+          link: https://gohugo.io/
+        - title: Releases
+          link: https://gohugo.io/
+        - title: Spectrum
+          link: https://gohugo.io/
+        - title: Telemetry
+          link: https://gohugo.io/
+  contents: 
+    align: left
+    applySinglePageCss: false
+    markdown:
+      |
+      ## Zdoc docs
+      Copyright © 2020. All rights reserved.
 
+sections:
+  - bgcolor: teal
+    type: card
+    description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce id eleifend erat. Integer eget mattis augue. Suspendisse semper laoreet tortor sed convallis. Nulla ac euismod lorem"
+    header: 
+      title: Why Zdoc
+      hlcolor: "#8bc34a"
+      color: '#fff'
+      fontSize: 32
+      width: 220
+    cards:
+      - subtitle: Performance
+        subtitlePosition: center
+        description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce id eleifend erat. Integer eget mattis augue."
+        image: images/section/keyboard.png
+        color: white
+        button: 
+          name: Naver
+          link: https://gohugo.io/
+          size: large
+          target: _blank
+          color: 'white'
+          bgcolor: '#283593'
+      - subtitle: Reliability
+        subtitlePosition: center
+        description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce id eleifend erat. Integer eget mattis augue. Suspendisse semper laoreet tortor sed convallis. Nulla ac euismod lorem"
+        image: images/section/processor.png
+        color: white
+        button: 
+          name: Google
+          link: https://gohugo.io/
+          size: large
+          target: _blank
+          color: 'white'
+          bgcolor: '#283593'
+      - subtitle: Productivity
+        subtitlePosition: center
+        description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce id eleifend erat. Integer eget mattis augue. Suspendisse semper laoreet tortor sed convallis. Nulla ac euismod lorem"
+        image: images/section/root-server.png
+        color: white
+        button: 
+          name: Yahoo
+          link: https://gohugo.io/
+          size: large
+          target: _blank
+          color: 'white'
+          bgcolor: '#283593'
+  - bgcolor: DarkSlateBlue
+    type: normal
+    description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce id eleifend erat. Integer eget mattis augue. Suspendisse semper laoreet tortor sed convallis. Nulla ac euismod lorem"
+    header:
+      title: Build it with Zdoc
+      hlcolor: DarkKhaki
+      color: "#fff"
+      fontSize: 32
+      width: 340
+    body:
+      subtitle: Extensible and customizable.
+      subtitlePosition: left
+      description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce id eleifend erat. Integer eget mattis augue. Suspendisse semper laoreet tortor sed convallis. Nulla ac euismod lorem"
+      color: white
+      image: images/section/root-server.png
+      imagePosition: left
+---

exampleSite/content/en/blog/_index.md

@@ -23,7 +23,7 @@ header:
     imageSize: cover
     imageRepeat: no-repeat
     imagePosition: center
-    height: 370
+    height: 280
     paddingX: 50
     paddingY: 0
     align: center

exampleSite/content/en/blog/emoji-support.md

@@ -2,12 +2,18 @@
 author = "Hugo Authors"
 title = "Emoji Support"
 date = "2019-03-05"
-description = "Guide to emoji usage in Hugo"
+# description = "Guide to emoji usage in Hugo"
 tags = [
     "emoji",
 ]
+image = "images/mountains.jpg"
 +++
 
+Lorem est tota propiore conpellat pectoribus de
+pectora summo. Redit teque digerit hominumque toris verebor lumina non cervice
+subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc
+caluere tempus<!--more-->
+
 Emoji can be enabled in a Hugo project in a number of ways. 
 <!--more-->
 The [`emojify`](https://gohugo.io/functions/emojify/) function can be called directly in templates or [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes). 

exampleSite/content/en/blog/markdown-syntax.md

@@ -2,17 +2,20 @@
 author = "Hugo Authors"
 title = "Markdown Syntax Guide"
 date = "2019-03-11"
-description = "Sample article showcasing basic Markdown syntax and formatting for HTML elements."
+# description = "Sample article showcasing basic Markdown syntax and formatting for HTML elements."
 tags = [
     "markdown",
     "css",
     "html",
     "themes",
 ]
-tocLevels = ["h2", "h3", "h4", "h5"]
-
 +++
 
+Lorem est tota propiore conpellat pectoribus de
+pectora summo. Redit teque digerit hominumque toris verebor lumina non cervice
+subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc
+caluere tempus<!--more-->
+
 This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
 <!--more-->
 
@@ -37,12 +40,12 @@ Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sap
 
 The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
 
-### Blockquote without attribution
+#### Blockquote without attribution
 
 > Tiam, ad mint andaepu dandae nostion secatur sequo quae.
 > **Note** that you can use *Markdown syntax* within a blockquote.
 
-### Blockquote with attribution
+#### Blockquote with attribution
 
 > Don't communicate by sharing memory, share memory by communicating.</p>
 > — <cite>Rob Pike[^1]</cite>

exampleSite/content/en/blog/placeholder-text.md

@@ -2,17 +2,18 @@
 author = "Hugo Authors"
 title = "Placeholder Text"
 date = "2019-03-09"
-description = "Lorem Ipsum Dolor Si Amet"
+#description = "Lorem Ipsum Dolor Si Amet"
 tags = [
     "markdown",
     "text",
 ]
+image = "images/landscape.jpg"
 +++
 
 Lorem est tota propiore conpellat pectoribus de
-pectora summo. <!--more-->Redit teque digerit hominumque toris verebor lumina non cervice
+pectora summo. Redit teque digerit hominumque toris verebor lumina non cervice
 subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc
-caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis
+caluere tempus<!--more--> inhospita parcite confusaque translucet patri vestro qui optatis
 lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.
 
 1. Exierant elisi ambit vivere dedere

exampleSite/content/en/blog/rich-content.md

@@ -2,7 +2,7 @@
 author = "Hugo Authors"
 title = "Rich Content"
 date = "2019-03-10"
-description = "A brief description of Hugo Shortcodes"
+# description = "A brief description of Hugo Shortcodes"
 tags = [
     "shortcodes",
     "privacy",
@@ -10,7 +10,10 @@ tags = [
 image = "images/mountain.jpg"
 +++
 
-{{< featuredImage >}}
+Lorem est tota propiore conpellat pectoribus de
+pectora summo. Redit teque digerit hominumque toris verebor lumina non cervice
+subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc
+caluere tempus<!--more-->
 
 Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes) for rich content, along with a [Privacy Config](https://gohugo.io/about/hugo-and-gdpr/) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.
 <!--more-->

layouts/partials/comments/utterances.html

@@ -7,8 +7,11 @@
       var owner = JSON.parse({{ $owner | jsonify }});
       {{ $repo:= .Site.Params.utterances.repo }}
       var repo = JSON.parse({{ $repo | jsonify }});
+      {{ $baseTheme:= index .Site.Params.themeOptions 0 }}
+      var baseTheme = JSON.parse({{ $baseTheme | jsonify }});
       var localTheme = localStorage.getItem('theme');
-      var utterTheme = localTheme === "dark" || localTheme === "hacker" ? 'photon-dark' : localTheme === 'kimbie' ? 'github-dark-orange' : 'github-light'
+      var currentTheme = localTheme || baseTheme;
+      var utterTheme = currentTheme === "dark" ? 'photon-dark' : 'github-light'
 
       var myScript = document.createElement('script');
       myScript.setAttribute('src', 'https://utteranc.es/client.js');