v0.3.0

* Support nested navbar * Implement default homepage layout * Adjust the purpose of bookcase layout * Remove catalog layout
kaiiiz · Feb 10, 2021 · 7c2d22f · 7c2d22f
2 parents c8f790c + 5d2e4ab
commit 7c2d22f
Show file tree

Hide file tree

Showing 68 changed files with 360 additions and 681 deletions.
diff --git a/README.md b/README.md
@@ -9,7 +9,7 @@
 </h2>
 
 <p align="center">
-  A clean, responsive and fully-customizable hugo theme
+  A clean, responsive, and programmer-friendly hugo theme
 </p>
 
 ## 💿 Installation
@@ -22,18 +22,20 @@ See [Configuration](https://kaiiiz.github.io/hugo-theme-graytr/configuration/)
 
 ## 🎁 Features
 
-**Multiple layouts is available:**
+**Multiple layouts:**
 
 * [Balloon](https://kaiiiz.github.io/hugo-theme-graytr/layouts/demo/balloon/)
 * [Bookcase](https://kaiiiz.github.io/hugo-theme-graytr/layouts/demo/bookcase/)
-* [Catalog](https://kaiiiz.github.io/hugo-theme-graytr/layouts/demo/catalog/)
 * [Gallery](https://kaiiiz.github.io/hugo-theme-graytr/layouts/demo/gallery/)
 
 **Responsive Layout**
 
+**Support Nested Menu**
+
 ## ❤️ Acknowledgement
 
 * [Hugo](https://gohugo.io/) for awesome CMS framework written by [golang](https://golang.org/)
 * [tailwindcss](https://tailwindcss.com/) for awesome utility-first CSS framework
-* Icons made by [Freepik](https://www.freepik.com) from [Flaticon](https://www.flaticon.com) ([Balloon](https://www.flaticon.com/free-icon/balloon_106616?term=ballon&page=1&position=40&page=1&position=40&related_id=106616), [Bookcase](https://www.flaticon.com/free-icon/bookcase_3780918?term=bookcase&page=1&position=8&page=1&position=8&related_id=3780918), [Catalogue](https://www.flaticon.com/free-icon/catalogue_3486568?term=catalogue&page=1&position=1&page=1&position=1&related_id=3486568), [Picture](https://www.flaticon.com/free-icon/picture_870392?term=museum&page=1&position=19&page=1&position=19&related_id=870392), [Vase](https://www.flaticon.com/free-icon/vase_3798619?related_id=3798619&origin=tag#), [List](https://www.flaticon.com/free-icon/list_3923539?term=list&page=1&position=24&page=1&position=24&related_id=3923539&origin=search))
+* Icons made by [Freepik](https://www.freepik.com) from [Flaticon](https://www.flaticon.com)
+* Material icons made by Google from [Material Design](https://material.io/resources/icons/)
 
diff --git a/assets/css/components/article.sass b/assets/css/components/article.sass
@@ -2,26 +2,26 @@
 article
   line-height: 1.7
 
-  *:first-child
+  > *:first-child
     @apply mt-0
 
-  *:last-child
+  > *:last-child
     @apply mb-0
 
   h1, h2, h3, h4, h5, h6
     @apply font-bold mt-8 mb-4
 
   h1
-    @apply text-3xl
+    @apply text-2xl
 
   h2
-    @apply text-2xl
+    @apply text-xl
 
   h3
-    @apply text-xl
+    @apply text-lg
 
   h4
-    @apply text-lg
+    @apply text-md
 
   h5
     @apply text-base

diff --git a/assets/css/components/header.sass b/assets/css/components/header.sass
@@ -32,5 +32,24 @@ header
     transform: rotate(45deg)
 
   #navbar_sm
-    @screen md
+    @screen xl
       display: none !important
+
+    ul ul
+      @apply ml-2
+
+  #navbar
+    .navbar-item-dropdown
+      @apply relative
+
+      .navbar-dropdown
+        @apply absolute rounded-sm hidden w-max shadow-xl bg-white z-50
+
+        li
+          @apply px-2.5 py-2 hover:bg-gray-100 hover:shadow-inner
+
+      &:hover > .navbar-dropdown
+        @apply block
+
+      &:hover
+        border-style: none !important
diff --git a/assets/css/components/overflow-indicator.sass b/assets/css/components/overflow-indicator.sass
diff --git a/assets/css/site.sass b/assets/css/site.sass
@@ -9,6 +9,5 @@ html
 @import "components/content"
 @import "components/article"
 @import "components/util"
-@import "components/overflow-indicator"
 
 /*! purgecss end ignore */
diff --git a/assets/css/tailwind.config.js b/assets/css/tailwind.config.js
@@ -2,13 +2,31 @@ module.exports = {
     theme: {
         extend: {},
         fill: theme => ({
-            'gray-500': theme('colors.gray.500')
-        })
+            'gray-400': theme('colors.gray.400'),
+            'gray-500': theme('colors.gray.500'),
+            'gray-600': theme('colors.gray.600'),
+            'gray-800': theme('colors.gray.800')
+        }),
+        fontSize: {
+            'xs': '.75rem',
+            'sm': '.875rem',
+            'base': '1rem',
+            'md': '1.125rem',
+            'lg': '1.25rem',
+            'xl': '1.35rem',
+            '2xl': '1.5rem',
+            '3xl': '1.875rem',
+            '4xl': '2.25rem',
+            '5xl': '3rem',
+            '6xl': '4rem',
+            '7xl': '5rem',     
+        }
     },
     variants: {
         extend: {
             margin: ['first', 'last'],
             fill: ['hover'],
+            borderWidth: ['hover'],
         }
     },
     plugins: []

diff --git a/assets/js/overflow-indicator.js b/assets/js/overflow-indicator.js
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
@@ -23,3 +23,78 @@ lineNumbersInTable = true
 noClasses = true
 style = "monokai"
 tabWidth = 4
+
+[taxonomies]
+category = "categories"
+tag = "tags"
+series = "series"
+
+[menu]
+  [[menu.navbar]]
+    identifier = "setup"
+    name = "Setup"
+    url = "/setup/"
+    weight = 1
+  [[menu.navbar]]
+    identifier = "configuration"
+    name = "Configuration"
+    url = "/configuration/"
+    weight = 2
+  [[menu.navbar]]
+    identifier = "changelog"
+    name = "Changelog"
+    url = "/changelog/"
+    weight = 3
+  [[menu.navbar]]
+    identifier = "layouts"
+    name = "Layouts"
+    url = "/layouts/"
+    weight = 4
+    [[menu.navbar]]
+      identifier = "demo"
+      name = "Demostration"
+      url = "/layouts/demo"
+      parent = "layouts"
+      weight = 1
+      [[menu.navbar]]
+        identifier = "balloon_demo"
+        name = "Balloon"
+        url = "/layouts/demo/balloon"
+        parent = "demo"
+        weight = 1
+      [[menu.navbar]]
+        identifier = "bookcase_demo"
+        name = "Bookcase"
+        url = "/layouts/demo/bookcase"
+        parent = "demo"
+        weight = 2
+      [[menu.navbar]]
+        identifier = "gallery_demo"
+        name = "Gallery"
+        url = "/layouts/demo/gallery"
+        parent = "demo"
+        weight = 3
+    [[menu.navbar]]
+      identifier = "docs"
+      name = "Documents"
+      url = "/layouts/docs"
+      parent = "layouts"
+      weight = 2
+      [[menu.navbar]]
+        identifier = "balloon_docs"
+        name = "Balloon"
+        url = "/layouts/docs/balloon"
+        parent = "docs"
+        weight = 1
+      [[menu.navbar]]
+        identifier = "bookcase_docs"
+        name = "Bookcase"
+        url = "/layouts/docs/bookcase"
+        parent = "docs"
+        weight = 2
+      [[menu.navbar]]
+        identifier = "gallery_docs"
+        name = "Gallery"
+        url = "/layouts/docs/gallery"
+        parent = "docs"
+        weight = 3
diff --git a/exampleSite/content/about/about-this-theme.md b/exampleSite/content/about/about-this-theme.md
@@ -14,6 +14,6 @@ gallery_statistic:
 
 At first, I only designed the prototype of the theme based on my personal needs, and then I gradually discovered that hugo's well-designed structure allows me to abstract my personal needs into generic theme and apply it in different scenarios.
 
-After a period of integration and testing, [hugo-theme-graytr](https://github.com/kaiiiz/hugo-theme-graytr) was born. This theme takes clean, responsiveness and highly customizablilty as philosophy. If you have any suggestions or improvements, feel free to open an issue or pull request on [github](https://github.com/kaiiiz/hugo-theme-graytr).
+After a period of integration and testing, [hugo-theme-graytr](https://github.com/kaiiiz/hugo-theme-graytr) was born. This theme takes clean, responsiveness and programmer-friendly as philosophy. If you have any suggestions or improvements, feel free to open an issue or pull request on [github](https://github.com/kaiiiz/hugo-theme-graytr).
 
 Hope this theme can let you experience the beauty of hugo. Enjoy!
diff --git a/exampleSite/content/about/acknowledgement.md b/exampleSite/content/about/acknowledgement.md
@@ -14,5 +14,5 @@ gallery_statistic:
 
 * [Hugo](https://gohugo.io/) for awesome CMS framework written by [golang](https://golang.org/)
 * [tailwindcss](https://tailwindcss.com/) for awesome utility-first CSS framework
-* Icons made by [Freepik](https://www.freepik.com) from [Flaticon](https://www.flaticon.com) ([Balloon](https://www.flaticon.com/free-icon/balloon_106616?term=ballon&page=1&position=40&page=1&position=40&related_id=106616), [Bookcase](https://www.flaticon.com/free-icon/bookcase_3780918?term=bookcase&page=1&position=8&page=1&position=8&related_id=3780918), [Catalogue](https://www.flaticon.com/free-icon/catalogue_3486568?term=catalogue&page=1&position=1&page=1&position=1&related_id=3486568), [Picture](https://www.flaticon.com/free-icon/picture_870392?term=museum&page=1&position=19&page=1&position=19&related_id=870392), [Vase](https://www.flaticon.com/free-icon/vase_3798619?related_id=3798619&origin=tag#), [List](https://www.flaticon.com/free-icon/list_3923539?term=list&page=1&position=24&page=1&position=24&related_id=3923539&origin=search))
-* Material Icons from [Google](https://material.io/resources/icons/) (Using [nightlight](https://material.io/resources/icons/?search=night&icon=nightlight&style=baseline), [sun](https://material.io/resources/icons/?search=sun&icon=brightness_5&style=baseline))
+* Icons made by [Freepik](https://www.freepik.com) from [Flaticon](https://www.flaticon.com)
+* Material icons made by Google from [Material Design](https://material.io/resources/icons/)
diff --git a/exampleSite/content/about/timeline.md b/exampleSite/content/about/timeline.md
@@ -12,5 +12,6 @@ gallery_statistic:
   value: value3
 ---
 
+* 2021/02/10 - v0.3.0 release
 * 2021/02/09 - v0.2.0 release
 * 2021/02/08 - v0.1.0 release
diff --git a/exampleSite/content/changelog.md b/exampleSite/content/changelog.md
@@ -1,29 +1,33 @@
 ---
 title: 'Changelog'
-menu:
-  navbar:
-    weight: -1
 toc: false
 ---
 
 ## Changelog
 
 ### TODO
 
-* Nested menu
 * Dark mode supported
 * Multilingual supported
 * Highlight.js integration
 * Advanced SEO (Open Graph, Twitter Card... etc)
-* Blog mode
 * Google Lighthouse
 * Code copy
 * Better math supported
+* Site Search
+* RSS
+
+### v0.3.0 - 2021/02/10
+
+* Support nested navbar
+* Implement default homepage layout
+* Adjust the purpose of bookcase layout
+* Remove catalog layout
 
 ### v0.2.0 - 2021/02/09
 
 * A better responsive navbar
-* Implement taxonomy and term page
+* Implement default taxonomy and term layout
 * Adjust article styles
 
 ### v0.1.0 - 2021/02/08