initialize hugoplate

exampleSite/.editorconfig

@@ -0,0 +1,14 @@
+; https://editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+indent_style = space
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

exampleSite/.gitignore

@@ -0,0 +1,15 @@
+Thumbs.db
+.DS_Store
+.dist
+.tmp
+.sass-cache
+npm-debug.log
+node_modules
+builds
+package-lock.json
+public
+resources
+.hugo_build.lock
+jsconfig.json
+hugo_stats.json
+go.sum

exampleSite/.jshintrc

@@ -0,0 +1,59 @@
+{
+  "maxerr": 50,
+  "bitwise": true,
+  "camelcase": false,
+  "curly": true,
+  "eqeqeq": true,
+  "forin": true,
+  "freeze": true,
+  "immed": true,
+  "indent": 2,
+  "latedef": true,
+  "newcap": false,
+  "noarg": true,
+  "noempty": true,
+  "nonbsp": true,
+  "nonew": true,
+  "plusplus": false,
+  "undef": true,
+  "unused": false,
+  "strict": true,
+  "maxparams": false,
+  "maxdepth": 4,
+  "maxstatements": false,
+  "maxcomplexity": false,
+  "maxlen": 400,
+  "browser": true,
+  "devel": true,
+  "asi": false,
+  "boss": false,
+  "debug": false,
+  "eqnull": false,
+  "es3": false,
+  "es5": false,
+  "esversion": 12,
+  "moz": false,
+  "evil": true,
+  "expr": true,
+  "funcscope": false,
+  "globalstrict": false,
+  "iterator": false,
+  "lastsemic": false,
+  "laxbreak": false,
+  "laxcomma": false,
+  "loopfunc": true,
+  "multistr": true,
+  "noyield": false,
+  "notypeof": false,
+  "proto": false,
+  "scripturl": false,
+  "shadow": false,
+  "sub": false,
+  "supernew": false,
+  "validthis": false,
+  "globals": {
+    "jQuery": false,
+    "google": false,
+    "$": false
+  }
+}

exampleSite/.prettierrc

@@ -0,0 +1,12 @@
+{
+  "overrides": [
+    {
+      "files": ["*.html"],
+      "options": {
+        "parser": "go-template",
+        "goTemplateBracketSpacing": true,
+        "bracketSameLine": true
+      }
+    }
+  ]
+}

exampleSite/assets/scss/custom.scss

@@ -0,0 +1 @@
+// Add your own custom styles here

exampleSite/config.toml

@@ -0,0 +1,85 @@
+# DON'T REMOVE THIS FILE.
+# This file is for render site varibles and plugins
+#
+# The actual configuration files are stored in the `config/_default/` folder.
+
+
+######################### site variables ##############################
+# customize your color and font from here.
+[params.colors.default.theme_color]
+primary = "#121212"
+body = "#fff"
+border = "#eaeaea"
+theme_light = "#f6f6f6"
+theme_dark = ""
+
+[params.colors.default.text_color]
+default = "#444444"
+dark = "#040404"
+light = "#717171"
+
+[params.colors.darkmode.theme_color]
+primary = "#fff"
+body = "#1c1c1c"
+border = "#3E3E3E"
+theme_light = "#222222"
+theme_dark = ""
+
+[params.colors.darkmode.text_color]
+default = "#B4AFB6"
+dark = "#fff"
+light = "#B4AFB6"
+
+[params.fonts.font_family]
+primary = "Heebo:wght@400;600"
+primary_type = "sans-serif"
+secondary = "Signika:wght@500;700"
+secondary_type = "sans-serif"
+
+[params.fonts.font_size]
+base = "16"    # default is 16px
+scale = "1.25" # default is "majorThird": 1.25
+
+
+############################# Plugins ##############################
+
+# CSS Plugins
+[[params.plugins.css]]
+link = "plugins/swiper/swiper-bundle.css"
+[[params.plugins.css]]
+link = "plugins/glightbox/glightbox.css"
+[[params.plugins.css]]
+link = "plugins/font-awesome/v6/brands.css"
+[[params.plugins.css]]
+link = "plugins/font-awesome/v6/solid.css"
+[[params.plugins.css]]
+link = "plugins/font-awesome/v6/icons.css"
+# [[params.plugins.css]]
+# link = "plugins/themify-icons/icons.css"
+
+# JS Plugins
+# [[params.plugins.js]]
+# link = "plugins/jquery/jquery.js"
+[[params.plugins.js]]
+link = "js/search.js"
+[[params.plugins.js]]
+link = "plugins/swiper/swiper-bundle.js"
+[[params.plugins.js]]
+link = "plugins/glightbox/glightbox.js"
+[[params.plugins.js]]
+link = "js/gallery-slider.js"
+[[params.plugins.js]]
+link = "js/accordion.js"
+[[params.plugins.js]]
+link = "js/tab.js"
+[[params.plugins.js]]
+link = "js/modal.js"
+[[params.plugins.js]]
+link = "plugins/cookie.js"
+[[params.plugins.js]]
+link = "plugins/lazy-loader.js"
+[[params.plugins.js]]
+link = "https://cpwebassets.codepen.io/assets/embed/ei.js"
+attributes = "async"
+[[params.plugins.js]]
+link = "plugins/youtube-lite.js"

exampleSite/config/_default/config.toml

@@ -0,0 +1,101 @@
+######################## default configuration ####################
+baseURL = "https://hugoplate.netlify.app/"
+title = "Hugoplate"
+theme = ["hugoplate"]
+# Default time zone for time stamps; use any valid tz database name: https://en.wikipedia.org/wiki/List_of_tz_database_time_zones#List
+timeZone = "UTC"
+# post pagination
+paginate = "2" # see https://gohugo.io/extras/pagination/
+# post excerpt
+summaryLength = "10" # see https://gohugo.io/content-management/excerpts/
+# google analytics
+googleAnalytics = "" # example: UA-123-45, for more info, read the article https://support.google.com/analytics/answer/1008080?hl=en
+# disqus short name
+disqusShortname = "themefisher-template" # we use disqus to show comments in blog posts . To install disqus please follow this tutorial https://portfolio.peter-baumgartner.net/2017/09/10/how-to-install-disqus-on-hugo/
+# disable language
+disableLanguages = [] # example: ["fr"] for disable french language. see https://gohugo.io/content-management/multilingual/
+hasCJKLanguage = false #  If hasCJKLanguage true, auto-detect Chinese/Japanese/Korean Languages in the content. see: https://gohugo.io/getting-started/configuration/#hascjklanguage
+
+
+########################## Permalinks ############################
+[permalinks]
+"pages" = "/:slugorfilename/"
+
+
+############################# Modules ############################
+[module]
+[[module.mounts]]
+source = "assets"
+target = "assets"
+
+[[module.mounts]]
+source = "hugo_stats.json"
+target = "assets/watching/hugo_stats.json"
+
+
+############################# Build ##############################
+[build]
+writeStats = true
+
+[[build.cachebusters]]
+source = "assets/watching/hugo_stats\\.json"
+target = "style\\.css"
+
+
+############################# Outputs ############################
+[outputs]
+home = ["HTML", "RSS", "WebAppManifest", "SearchIndex"]
+
+############################# Imaging ############################
+[imaging]
+# See https://github.com/disintegration/imaging
+# Default JPEG or WebP quality setting. Default is 75.
+quality = 90
+resampleFilter = "lanczos"
+
+############################ Caches ##############################
+[caches]
+[caches.images]
+dir = ":resourceDir/_gen"
+maxAge = "720h"
+
+[caches.assets]
+dir = ":resourceDir/_gen"
+maxAge = "720h"
+
+
+############################ Markup ##############################
+[markup]
+[markup.goldmark.renderer]
+unsafe = true
+
+[markup.highlight]
+style = 'monokai' # see https://xyproto.github.io/splash/docs/all.html
+
+[markup.tableOfContents]
+startLevel = 2
+endLevel = 5
+ordered = true
+
+
+########################### Media types ###########################
+[mediaTypes]
+[mediaTypes."application/manifest+json"]
+suffixes = ["webmanifest"]
+
+[mediaTypes."text/netlify"]
+delimiter = ""
+suffixes = [""]
+
+
+########################### Output Format ##########################
+[outputFormats]
+[outputFormats.WebAppManifest]
+mediaType = "application/manifest+json"
+rel = "manifest"
+
+[outputFormats.SearchIndex]
+mediaType = "application/json"
+baseName = "searchindex"
+isPlainText = true
+notAlternative = true

exampleSite/config/_default/languages.toml

@@ -0,0 +1,6 @@
+################ English language ##################
+[en]
+languageName = "En"
+languageCode = "en-us"
+contentDir = "content/english"
+weight = 1

exampleSite/config/_default/menus.en.toml

@@ -0,0 +1,69 @@
+############# English navigation ##############
+
+# main menu
+[[main]]
+name = "Home"
+url = "/"
+weight = 1
+
+[[main]]
+name = "About"
+url = "about/"
+weight = 2
+
+[[main]]
+name = "Elements"
+url = "elements/"
+weight = 3
+
+[[main]]
+weight = 4
+name = "Pages"
+hasChildren = true
+
+  [[main]]
+  parent = "Pages"
+  name = "Blog"
+  url = "blog/"
+
+  [[main]]
+  parent = "Pages"
+  name = "Contact"
+  url = "contact/"
+
+  [[main]]
+  parent = "Pages"
+  name = "Authors"
+  url = "authors/"
+
+  [[main]]
+  parent = "Pages"
+  name = "Search"
+  url = "search/"
+
+  [[main]]
+  parent = "Pages"
+  name = "Categories"
+  url = "categories/"
+
+  [[main]]
+  parent = "Pages"
+  name = "404 Page"
+  url = "404/"
+
+
+# footer menu
+[[footer]]
+name = "About"
+url = "about/"
+weight = 1
+
+[[footer]]
+name = "Elements"
+url = "elements/"
+weight = 2
+
+[[footer]]
+name = "Privacy Policy"
+url = "privacy-policy/"
+weight = 3

exampleSite/config/_default/module.toml

@@ -0,0 +1,93 @@
+[hugoVersion]
+extended = true
+min = "0.112.3"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/search"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/pwa"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/images"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/videos"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/icons/font-awesome"
+
+# [[imports]]
+# path = "github.com/gethugothemes/hugo-modules/icons/themify-icons"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/gzip-caching"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/adsense"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/accordion"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/table-of-contents"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/tab"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/modal"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/gallery-slider"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/components/preloader"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/components/social-share"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/components/cookie-consent"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/components/custom-script"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/components/render-link"
+
+# [[imports]]
+# path = "github.com/gethugothemes/hugo-modules/components/valine-comment"
+
+# [[imports]]
+# path = "github.com/gethugothemes/hugo-modules/components/crisp-chat"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/shortcodes/button"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/shortcodes/codepen"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/shortcodes/notice"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/seo-tools/basic-seo"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/seo-tools/site-verifications"
+
+[[imports]]
+path = "github.com/gethugothemes/hugo-modules/seo-tools/google-tag-manager"
+
+# [[imports]]
+# path = "github.com/gethugothemes/hugo-modules/seo-tools/baidu-analytics"
+
+# [[imports]]
+# path = "github.com/gethugothemes/hugo-modules/seo-tools/matomo-analytics"
+
+# [[imports]]
+# path = "github.com/gethugothemes/hugo-modules/seo-tools/plausible-analytics"
+
+# [[imports]]
+# path = "github.com/gethugothemes/hugo-modules/seo-tools/counter-analytics"

exampleSite/config/_default/params.toml

@@ -0,0 +1,119 @@
+#################### default parameters ################################
+# favicon
+favicon = "images/favicon.png"
+# logo
+logo = "images/logo.png"
+logo_darkmode = "images/logo-darkmode.png"
+# use `px` or `x` with logo_width, example: "100px".
+# Note: logo_width is not work with .svg file
+logo_width = "160px"
+logo_height = "32px"
+# if logo_webp set false, will not generate WEBP version of logo | default is true
+logo_webp = true
+# logo text will only show when logo is missing.
+logo_text = "Hugoplate"
+# navbar fixed to top
+navbar_fixed = true
+# theme-mode
+theme_switcher = true
+theme_default = "dark" # available options [light/dark/system]
+# Main Sections
+mainSections = ["blog"]
+# image gallery shortcode
+image_gallery = true
+# contact form action
+contact_form_action = "#" # contact form works with [https://airform.io/] or [https://formspree.io]
+# google tag manager, see https://developers.google.com/tag-manager/
+google_tag_manager = "" # example: G-XXXXXXXXXX
+google_adsense = ""     # example: ca-pub-xxxxxxxxxxxxxxxx
+# custom script on header, example: custom_script= "<script>console.log(\"Hello World\")</script>"
+custom_script = ""
+# copyright
+copyright = "Designed & Developed by [Zeon Studio](https://zeon.studio)"
+
+# Preloader
+[preloader]
+enable = true
+preloader = "" # use jpg, png, svg or gif format.
+
+# Navigation button
+[navigation_button]
+enable = true
+label = "get a quote"
+link = "contact"
+
+# search
+[search]
+enable = true
+primary_color = "#121212"
+include_sections = ["blog"]
+show_image = true
+show_description = true
+show_tags = true
+show_categories = true
+
+
+# seo meta data for OpenGraph / Twitter Card
+[metadata]
+keywords = ["Boilerplate", "Hugo"]
+description = "Hugo & Tailwindcss Starter"
+author = "zeon.studio"
+image = "images/og-image.png"
+
+
+# site verifications
+[site_verification]
+google = ""   # Your verification code
+bing = ""     # Your verification code
+baidu = ""    # Your verification code
+facebook = "" # Your verification code
+mastodon = "" # Your verification code
+
+# cookies
+[cookies]
+enable = true
+expire_days = 60
+content = "This site uses cookies. By continuing to use this website, you agree to their use."
+button = "I Accept"
+
+######################## sidebar widgets #########################
+[widgets]
+sidebar = ["categories", "tags"]
+
+############################# social site ########################
+[[social]]
+name = "facebook"
+icon = "fab fa-facebook" # fontawesome icon pack : https://fontawesome.com/icons/
+link = "#"
+
+[[social]]
+name = "twitter"
+icon = "fab fa-twitter" # fontawesome icon pack : https://fontawesome.com/icons/
+link = "#"
+
+[[social]]
+name = "mastodon"
+icon = "fab fa-mastodon" # fontawesome icon pack : https://fontawesome.com/icons/
+link = "#"
+
+[[social]]
+name = "instagram"
+icon = "fab fa-instagram" # fontawesome icon pack : https://fontawesome.com/icons/
+link = "#"
+
+
+# google map
+[google_map]
+enable = false
+map_api_key = "AIzaSyCcABaamniA6OL5YvYSpB3pFMNrXwXnLwU"
+map_latitude = "51.5223477"
+map_longitude = "-0.1622023"
+map_marker = "images/marker.png"
+
+
+# Subscription
+[subscription]
+enable = false
+# mailchimp subsciption
+mailchimp_form_action = "https://gmail.us4.list-manage.com/subscribe/post?u=463ee871f45d2d93748e77cad&amp;id=a0a2c6d074" # replace this url with yours
+mailchimp_form_name = "b_463ee871f45d2d93748e77cad_a0a2c6d074"     

exampleSite/content/english/_index.md

@@ -0,0 +1,53 @@
+---
+# Banner
+banner:
+  title: "The Ultimate Starter Template You Need To Start Your Hugo Project"
+  content: "Hugoplate is a free starter template built with Hugo and TailwindCSS, providing everything you need to jumpstart your Hugo project and save valuable time."
+  image: "/images/banner.png"
+  button:
+    enable: true
+    label: "Get Started For Free"
+    link: "https://github.com/zeon-studio/hugoplate"
+
+# Features
+features:
+  - title: "What's Included in Hugoplate"
+    image: "/images/service-1.png"
+    content: "Hugoplate is a comprehensive starter template that includes everything you need to get started with your Hugo project. What's Included in Hugoplate"
+    bulletpoints:
+      - "10+ Pre-build pages"
+      - "95+ Google Pagespeed Score"
+      - "Build with Hugo and TailwindCSS for easy and customizable styling"
+      - "Fully responsive on all devices"
+      - "SEO-optimized for better search engine rankings"
+      - "**Open-source and free** for personal and commercial use"
+    button:
+      enable: false
+      label: "Get Started Now"
+      link: "#"
+
+  - title: "Discover the Key Features Of Hugo"
+    image: "/images/service-2.png"
+    content: "Hugo is an all-in-one web framework for building fast, content-focused websites. It offers a range of exciting features for developers and website creators. Some of the key features are:"
+    bulletpoints:
+      - "Zero JS, by default: No JavaScript runtime overhead to slow you down."
+      - "Customizable: Tailwind, MDX, and 100+ other integrations to choose from."
+      - "UI-agnostic: Supports React, Preact, Svelte, Vue, Solid, Lit and more."
+    button:
+      enable: true
+      label: "Get Started Now"
+      link: "https://github.com/zeon-studio/hugoplate"
+
+  - title: "The Top Reasons to Choose Hugo for Your Hugo Project"
+    image: "/images/service-3.png"
+    content: "With Hugo, you can build modern and content-focused websites without sacrificing performance or ease of use."
+    bulletpoints:
+      - "Instantly load static sites for better user experience and SEO."
+      - "Intuitive syntax and support for popular frameworks make learning and using Hugo a breeze."
+      - "Use any front-end library or framework, or build custom components, for any project size."
+      - "Built on cutting-edge technology to keep your projects up-to-date with the latest web standards."
+    button:
+      enable: false
+      label: ""
+      link: ""
+---

exampleSite/content/english/authors/_index.md

@@ -0,0 +1,3 @@
+---
+title: "Authors"
+---

exampleSite/content/english/authors/john-doe.md

@@ -0,0 +1,12 @@
+---
+title: John Doe
+email: johndoe@email.com
+image: "/images/avatar.png"
+description: this is meta description
+social:
+  facebook: https://www.facebook.com/
+  twitter: https://www.twitter.com/
+  instagram: https://www.instagram.com/
+---
+
+lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr navigation et dolore magna aliqua.

exampleSite/content/english/authors/sam-wilson.md

@@ -0,0 +1,12 @@
+---
+title: Sam Wilson
+email: samwilson@email.com
+image: "/images/avatar.png"
+description: this is meta description
+social:
+  facebook: https://www.facebook.com/
+  twitter: https://www.twitter.com/
+  instagram: https://www.instagram.com/
+---
+
+lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr navigation et dolore magna aliqua.

exampleSite/content/english/authors/william-jacob.md

@@ -0,0 +1,12 @@
+---
+title: William Jacob
+email: williamjacob@email.com
+image: "/images/avatar.png"
+description: this is meta description
+social:
+  facebook: https://www.facebook.com/
+  twitter: https://www.twitter.com/
+  instagram: https://www.instagram.com/
+---
+
+lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr navigation et dolore magna aliqua.

exampleSite/content/english/blog/_index.md

@@ -0,0 +1,5 @@
+---
+title: "Blog Posts"
+meta_title: ""
+description: "this is meta description"
+---

exampleSite/content/english/blog/post-1.md

@@ -0,0 +1,23 @@
+---
+title: "How to build an Application with modern Technology"
+meta_title: ""
+description: "this is meta description"
+date: 2022-04-04T05:00:00Z
+image: "/images/image-placeholder.png"
+categories: ["Application", "Data"]
+author: "John Doe"
+tags: ["nextjs", "tailwind"]
+draft: false
+---
+
+Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+## Creative Design
+
+Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!

exampleSite/content/english/blog/post-2.md

@@ -0,0 +1,23 @@
+---
+title: "How to build an Application with modern Technology"
+meta_title: ""
+description: "this is meta description"
+date: 2022-04-04T05:00:00Z
+image: "/images/image-placeholder.png"
+categories: ["Technology", "Data"]
+author: "Sam Wilson"
+tags: ["technology", "tailwind"]
+draft: false
+---
+
+Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+## Creative Design
+
+Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!

exampleSite/content/english/blog/post-3.md

@@ -0,0 +1,23 @@
+---
+title: "How to build an Application with modern Technology"
+meta_title: ""
+description: "this is meta description"
+date: 2022-04-04T05:00:00Z
+image: "/images/image-placeholder.png"
+categories: ["Software"]
+author: "John Doe"
+tags: ["software", "tailwind"]
+draft: false
+---
+
+Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+## Creative Design
+
+Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!

exampleSite/content/english/blog/post-4.md

@@ -0,0 +1,23 @@
+---
+title: "How to build an Application with modern Technology"
+meta_title: ""
+description: "this is meta description"
+date: 2022-04-04T05:00:00Z
+image: "/images/image-placeholder.png"
+categories: ["Architecture"]
+author: "John Doe"
+tags: ["silicon", "technology"]
+draft: false
+---
+
+Nemo vel ad consectetur namut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+## Creative Design
+
+Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque blandit euismod.
+
+> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo vel ad consectetur ut aperiam. Itaque eligendi natus aperiam? Excepturi repellendus consequatur quibusdam optio expedita praesentium est adipisci dolorem ut eius!

exampleSite/content/english/pages/404.md

@@ -0,0 +1,13 @@
+---
+title: "Page Not Found"
+meta_title: ""
+description: "this is meta description"
+image: "/images/404.png"
+draft: false
+
+# don't create a separete page
+_build:
+  render: "never"
+---
+
+Hugoplate is a free starter template built with Hugo and TailwindCSS, providing everything you need to jumpstart your HTML project and save valuable time.

exampleSite/content/english/pages/about.md

@@ -0,0 +1,10 @@
+---
+title: "Hey, I am John Doe!"
+meta_title: "About"
+description: "this is meta description"
+image: "/images/avatar.png"
+layout: "about"
+draft: false
+---
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis illum nesciunt commodi vel nisi ut alias excepturi ipsum, totam, labore tempora, odit ex iste tempore sed. Fugit voluptatibus perspiciatis assumenda nulla ad nihil, omnis vel, doloremque sit quam autem optio maiores, illum eius facilis et quo consectetur provident dolor similique! Enim voluptatem dicta expedita veritatis repellat dolorum impedit, provident quasi at.

exampleSite/content/english/pages/contact.md

@@ -0,0 +1,7 @@
+---
+title: "Contact"
+meta_title: ""
+description: "this is meta description"
+layout: "contact"
+draft: false
+---

exampleSite/content/english/pages/elements.md

@@ -0,0 +1,243 @@
+---
+title: "Elements"
+meta_title: ""
+# meta description
+description: "This is meta description"
+# save as draft
+draft: false
+---
+
+{{< toc >}}
+
+Here is an example of headings. You can use this heading by the following markdown rules. For example: use `#` for heading 1 and use `######` for heading 6.
+
+# Heading 1
+
+## Heading 2
+
+### Heading 3
+
+#### Heading 4
+
+##### Heading 5
+
+###### Heading 6
+
+<hr>
+
+### Emphasis
+
+The emphasis, aka italics, with _asterisks_ or _underscores_.
+
+Strong emphasis, aka bold, with **asterisks** or **underscores**.
+
+The combined emphasis with **asterisks and _underscores_**.
+
+Strike through uses two tildes. ~~Scratch this.~~
+
+<hr>
+
+### Button
+
+{{< button label="Button" link="/" style="solid" >}}
+
+<hr>
+
+### Link
+
+[I'm an inline-style link](https://www.google.com)
+
+[I'm an inline-style link with title](https://www.google.com "Google's Homepage")
+
+[I'm a reference-style link][Arbitrary case-insensitive reference text]
+
+[I'm a relative reference to a repository file](../blob/master/LICENSE)
+
+[You can use numbers for reference-style link definitions][1]
+
+Or leave it empty and use the [link text itself].
+
+URLs and URLs in angle brackets will automatically get turned into links.
+<http://www.example.com> or <http://www.example.com> and sometimes
+example.com (but not on Github, for example).
+
+Some text to show that the reference links can follow later.
+
+[arbitrary case-insensitive reference text]: https://www.themefisher.com
+[1]: https://gethugothemes.com
+[link text itself]: https://www.getjekyllthemes.com
+
+<hr>
+
+### Paragraph
+
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
+
+<hr>
+
+### Ordered List
+
+1. List item
+2. List item
+3. List item
+4. List item
+5. List item
+
+<hr>
+
+### Unordered List
+
+- List item
+- List item
+- List item
+- List item
+- List item
+
+<hr>
+
+### Notice
+
+{{< notice "note" >}}
+This is a simple note.
+{{< /notice >}}
+
+{{< notice "tip" >}}
+This is a simple tip.
+{{< /notice >}}
+
+{{< notice "info" >}}
+This is a simple info.
+{{< /notice >}}
+
+{{< notice "warning" >}}
+This is a simple warning.
+{{< /notice >}}
+
+<hr>
+
+### Tab
+
+{{< tabs >}}
+{{< tab "Tab 1" >}}
+
+#### Did you come here for something in particular?
+
+Did you come here for something in particular or just general Riker-bashing? And blowing into maximum warp speed, you appeared for an instant to be in two places at once. We have a saboteur aboard. We know you’re dealing in stolen ore. But I wanna talk about the assassination attempt on Lieutenant Worf.
+
+{{< /tab >}}
+
+{{< tab "Tab 2" >}}
+
+#### I wanna talk about the assassination attempt
+
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+{{< /tab >}}
+
+{{< tab "Tab 3" >}}
+
+#### We know you’re dealing in stolen ore
+
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
+
+{{< /tab >}}
+{{< /tabs >}}
+
+<hr>
+
+### Accordions
+
+{{< accordion "Why should you need to do this?" >}}
+
+- Lorem ipsum dolor sit amet consectetur adipisicing elit.
+- Lorem ipsum dolor sit amet consectetur adipisicing elit.
+- Lorem ipsum dolor sit amet consectetur
+
+{{< /accordion >}}
+
+{{< accordion "How can I adjust Horizontal centering" >}}
+
+- Lorem ipsum dolor sit amet consectetur adipisicing elit.
+- Lorem ipsum dolor sit amet consectetur adipisicing elit.
+- Lorem ipsum dolor sit amet consectetur
+
+{{< /accordion >}}
+
+{{< accordion "Should you use Negative margin?" >}}
+
+- Lorem ipsum dolor sit amet consectetur adipisicing elit.
+- Lorem ipsum dolor sit amet consectetur adipisicing elit.
+- Lorem ipsum dolor sit amet consectetur
+
+{{< /accordion >}}
+
+<hr>
+
+### Code and Syntax Highlighting
+
+This is an `Inline code` sample.
+
+```javascript
+var s = "JavaScript syntax highlighting";
+alert(s);
+```
+
+```python
+s = "Python syntax highlighting"
+print s
+```
+
+<hr>
+
+### Blockquote
+
+> Did you come here for something in particular or just general Riker-bashing? And blowing into maximum warp speed, you appeared for an instant to be in two places at once.
+
+<hr>
+
+### Codepen
+
+{{< codepen id="QWvKwmq" theme="light" height="600" >}}
+
+<hr>
+
+### Tables
+
+| Tables        |      Are      |  Cool |
+| ------------- | :-----------: | ----: |
+| col 3 is      | right-aligned | $1600 |
+| col 2 is      |   centered    |   $12 |
+| zebra stripes |   are neat    |    $1 |
+
+<hr>
+
+### Image
+
+{{< image src="images/image-placeholder.png" caption="" alt="alter-text" height="" width="" position="center" command="fill" option="q100" class="img-fluid" title="image title"  webp="false" >}}
+
+<hr>
+
+### Gallery
+
+{{< gallery dir="images/gallery" class="" height="400" width="400" webp="true" command="Fit" option="" zoomable="true" >}}
+<hr>
+
+### Slider
+
+{{< slider dir="images/gallery" class="max-w-[600px] ml-0" height="400" width="400" webp="true" command="Fit" option="" zoomable="true" >}}
+
+<hr>
+
+### Youtube video
+
+{{< youtube ResipmZmpDU >}}
+
+<hr>
+
+### Custom video
+
+{{< video src="https://www.w3schools.com/html/mov_bbb.mp4" width="100%" height="auto" autoplay="false" loop="false" muted="false" controls="true" class="rounded-lg" >}}

exampleSite/content/english/pages/privacy-policy.md

@@ -0,0 +1,30 @@
+---
+title: "Privacy"
+meta_title: ""
+description: "this is meta description"
+draft: false
+---
+
+#### Responsibility of Contributors
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed
+
+pretium, aliquam sit. Praesent elementum magna amet, tincidunt eros, nibh in leo. Malesuada purus, lacus, at aliquam suspendisse tempus. Quis tempus amet, velit nascetur sollicitudin. At sollicitudin eget amet in. Eu velit nascetur sollicitudin erhdfvssfvrgss eget viverra nec elementum. Lacus, facilisis tristique lectus in.
+
+#### Gathering of Personal Information
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus. Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed
+
+#### Protection of Personal- Information
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat quisque aliquam sagittis. Sem turpis sed viverra massa gravida pharetra. Non dui dolor potenti eu dignissim fusce. Ultrices amet, in curabitur a arcu a lectus morbi id. Iaculis erat sagittis in tortor cursus.
+
+Molestie urna eu tortor, erat scelerisque eget. Nunc hendrerit sed interdum lacus. Lorem quis viverra sed
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus, donec nunc eros, ullamcorper id feugiat
+
+#### Privacy Policy Changes
+
+1. Sll the Themefisher items are designed to be with the latest , We check all
+2. comments that threaten or harm the reputation of any person or organization
+3. personal information including, but limited to, email addresses, telephone numbers
+4. Any Update come in The technology Customer will get automatic Notification.

exampleSite/content/english/sections/call-to-action.md

@@ -0,0 +1,14 @@
+---
+enable: true
+title: "Ready to build your next project with Hugo?"
+image: "/images/call-to-action.png"
+description: "Experience the future of web development with Hugoplate and Hugo. Build lightning-fast static sites with ease and flexibility."
+button:
+  enable: true
+  label: "Get Started Now"
+  link: "https://github.com/zeon-studio/hugoplate"
+
+# don't create a separete page
+_build:
+  render: "never"
+---

exampleSite/content/english/sections/testimonial.md

@@ -0,0 +1,31 @@
+---
+enable: true
+title: "What Users Are Saying About Hugoplate"
+description: "Don't just take our word for it - hear from some of our satisfied users!  Check out some of our testimonials below to see what others are saying about Hugoplate."
+
+# Testimonials
+testimonials:
+  - name: "Marvin McKinney"
+    designation: "Web Designer"
+    avatar: "/images/avatar-sm.png"
+    content: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui iusto illo molestias, assumenda expedita commodi inventore non itaque molestiae voluptatum dolore, facilis sapiente, repellat veniam."
+
+  - name: "Marvin McKinney"
+    designation: "Web Designer"
+    avatar: "/images/avatar-sm.png"
+    content: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui iusto illo molestias, assumenda expedita commodi inventore non itaque molestiae voluptatum dolore, facilis sapiente, repellat veniam."
+
+  - name: "Marvin McKinney"
+    designation: "Web Designer"
+    avatar: "/images/avatar-sm.png"
+    content: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui iusto illo molestias, assumenda expedita commodi inventore non itaque molestiae voluptatum dolore, facilis sapiente, repellat veniam."
+
+  - name: "Marvin McKinney"
+    designation: "Web Designer"
+    avatar: "/images/avatar-sm.png"
+    content: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui iusto illo molestias, assumenda expedita commodi inventore non itaque molestiae voluptatum dolore, facilis sapiente, repellat veniam."
+
+# don't create a separete page
+_build:
+  render: "never"
+---

exampleSite/go.mod

@@ -0,0 +1,29 @@
+module hugoplate.netlify.app
+
+go 1.20
+
+require (
+	github.com/gethugothemes/hugo-modules/accordion v0.0.0-20230525102148-b021562ad2b0 // indirect
+	github.com/gethugothemes/hugo-modules/adsense v0.0.0-20230525102148-b021562ad2b0 // indirect
+	github.com/gethugothemes/hugo-modules/components/cookie-consent v0.0.0-20230525102148-b021562ad2b0 // indirect
+	github.com/gethugothemes/hugo-modules/components/custom-script v0.0.0-20230525102148-b021562ad2b0 // indirect
+	github.com/gethugothemes/hugo-modules/components/preloader v0.0.0-20230525102148-b021562ad2b0 // indirect
+	github.com/gethugothemes/hugo-modules/components/render-link v0.0.0-20230525102148-b021562ad2b0 // indirect
+	github.com/gethugothemes/hugo-modules/components/social-share v0.0.0-20230525102148-b021562ad2b0 // indirect
+	github.com/gethugothemes/hugo-modules/gallery-slider v0.0.0-20230525102148-b021562ad2b0 // indirect
+	github.com/gethugothemes/hugo-modules/gzip-caching v0.0.0-20230525102148-b021562ad2b0 // indirect
+	github.com/gethugothemes/hugo-modules/icons/font-awesome v0.0.0-20230525102148-b021562ad2b0 // indirect
+	github.com/gethugothemes/hugo-modules/images v0.0.0-20230525102148-b021562ad2b0 // indirect
+	github.com/gethugothemes/hugo-modules/modal v0.0.0-20230525102148-b021562ad2b0 // indirect
+	github.com/gethugothemes/hugo-modules/pwa v0.0.0-20230525102148-b021562ad2b0 // indirect
+	github.com/gethugothemes/hugo-modules/search v0.0.0-20230525102148-b021562ad2b0 // indirect
+	github.com/gethugothemes/hugo-modules/seo-tools/basic-seo v0.0.0-20230525102148-b021562ad2b0 // indirect
+	github.com/gethugothemes/hugo-modules/seo-tools/google-tag-manager v0.0.0-20230525102148-b021562ad2b0 // indirect
+	github.com/gethugothemes/hugo-modules/seo-tools/site-verifications v0.0.0-20230525102148-b021562ad2b0 // indirect
+	github.com/gethugothemes/hugo-modules/shortcodes/button v0.0.0-20230525102148-b021562ad2b0 // indirect
+	github.com/gethugothemes/hugo-modules/shortcodes/codepen v0.0.0-20230525102148-b021562ad2b0 // indirect
+	github.com/gethugothemes/hugo-modules/shortcodes/notice v0.0.0-20230525102148-b021562ad2b0 // indirect
+	github.com/gethugothemes/hugo-modules/tab v0.0.0-20230525102148-b021562ad2b0 // indirect
+	github.com/gethugothemes/hugo-modules/table-of-contents v0.0.0-20230525102148-b021562ad2b0 // indirect
+	github.com/gethugothemes/hugo-modules/videos v0.0.0-20230525102148-b021562ad2b0 // indirect
+)

exampleSite/i18n/en.yaml

@@ -0,0 +1,32 @@
+- id: read_more
+  translation: Read More
+
+- id: send
+  translation: Send
+
+- id: related_posts
+  translation: Related Posts
+
+- id: categories
+  translation: Categories
+
+- id: tags
+  translation: Tags
+
+- id: toc
+  translation: Table of Contents
+
+- id: share
+  translation: Share
+
+- id: back_to_home
+  translation: Back To Home
+
+- id: search_input_placeholder
+  translation: Search Post ..
+
+- id: no_results_for
+  translation: No results for
+
+- id: empty_search_results_placeholder
+  translation: Type something to search..

exampleSite/netlify.toml

@@ -0,0 +1,17 @@
+[build]
+publish = "public"
+command = "yarn build"
+
+[build.environment]
+HUGO_VERSION = "0.112.3"
+GO_VERSION = "1.19.4"
+HUGO_BASEURL = "/"
+
+[[headers]]
+for = "/*" # This defines which paths this specific [[headers]] block will cover.
+
+[headers.values]
+X-Frame-Options = "DENY"
+X-XSS-Protection = "1; mode=block"
+Referrer-Policy = "same-origin"
+Strict-Transport-Security = "max-age=31536000; includeSubDomains; preload"

exampleSite/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "hugoplate",
+  "description": "hugo tailwindcss boilerplate",
+  "version": "1.0.0",
+  "license": "MIT",
+  "author": "zeon.studio",
+  "scripts": {
+    "dev": "cd exampleSite; hugo server 2> /dev/null || hugo server --themesDir ../..",
+    "test": "cd exampleSite; hugo server --disableFastRender --navigateToChanged --templateMetrics --templateMetricsHints --verbose --verboseLog --buildDrafts --buildExpired --buildFuture --watch --forceSyncStatic -e production --minify 2> /dev/null || hugo server --themesDir ../.. --disableFastRender --navigateToChanged --templateMetrics --templateMetricsHints --verbose --verboseLog --buildDrafts --buildExpired --buildFuture --watch --forceSyncStatic -e production --minify",
+    "build": "cd exampleSite; hugo --gc --minify --templateMetrics --templateMetricsHints --verbose --verboseLog --buildDrafts --buildExpired --buildFuture --forceSyncStatic 2> /dev/null || hugo --themesDir ../.. --gc --minify --templateMetrics --templateMetricsHints --verbose --verboseLog --buildDrafts --buildExpired --buildFuture --forceSyncStatic",
+    "update-modules": "hugo mod clean && hugo mod get -u ./... && hugo mod tidy",
+    "format": "prettier -w ."
+  },
+  "devDependencies": {
+    "@fullhuman/postcss-purgecss": "^5.0.0",
+    "@tailwindcss/forms": "^0.5.3",
+    "@tailwindcss/typography": "^0.5.9",
+    "autoprefixer": "^10.4.14",
+    "postcss": "^8.4.23",
+    "postcss-cli": "^10.1.0",
+    "prettier": "^2.8.8",
+    "prettier-plugin-go-template": "0.0.13",
+    "prettier-plugin-tailwindcss": "^0.3.0",
+    "tailwind-bootstrap-grid": "^5.0.1",
+    "tailwindcss": "^3.3.2",
+    "toml": "^3.0.0"
+  }
+}

exampleSite/postcss.config.js

@@ -0,0 +1,41 @@
+const purgecss = {
+  content: ["./hugo_stats.json"],
+  defaultExtractor: (content) => {
+    const elements = JSON.parse(content).htmlElements;
+    return [
+      ...(elements.tags || []),
+      ...(elements.classes || []),
+      ...(elements.ids || []),
+    ];
+  },
+  safelist: [
+    /^swiper-/,
+    /^lb-/,
+    /^gl/,
+    /^go/,
+    /^gc/,
+    /^gs/,
+    /^gi/,
+    /^desc/,
+    /^zoom/,
+    /^:is/,
+    /^dark/,
+    /dark/,
+    /show/,
+    /dragging/,
+    /fullscreen/,
+    /loaded/,
+    /visible/,
+    /current/,
+    /active/,
+  ],
+};
+
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    "@fullhuman/postcss-purgecss":
+      process.env.HUGO_ENVIRONMENT === "production" ? purgecss : false,
+    autoprefixer: process.env.HUGO_ENVIRONMENT === "production" ? {} : false,
+  },
+};

exampleSite/tailwind.config.js

@@ -0,0 +1,101 @@
+const toml = require("toml");
+const fs = require("fs");
+const getConfig = fs.readFileSync("config.toml", "utf8");
+const theme = JSON.parse(JSON.stringify(toml.parse(getConfig)));
+
+let font_base = Number(theme.params.fonts.font_size.base.replace("px", ""));
+let font_scale = Number(theme.params.fonts.font_size.scale);
+let h6 = font_base / font_base;
+let h5 = h6 * font_scale;
+let h4 = h5 * font_scale;
+let h3 = h4 * font_scale;
+let h2 = h3 * font_scale;
+let h1 = h2 * font_scale;
+let fontPrimary, fontPrimaryType, fontSecondary, fontSecondaryType;
+if (theme.params.fonts.font_family.primary) {
+  fontPrimary = theme.params.fonts.font_family.primary
+    .replace(/\+/g, " ")
+    .replace(/:[ital,]*[ital@]*[wght@]*[0-9,;]+/gi, "");
+  fontPrimaryType = theme.params.fonts.font_family.primary_type;
+}
+if (theme.params.fonts.font_family.secondary) {
+  fontSecondary = theme.params.fonts.font_family.secondary
+    .replace(/\+/g, " ")
+    .replace(/:[ital,]*[ital@]*[wght@]*[0-9,;]+/gi, "");
+  fontSecondaryType = theme.params.fonts.font_family.secondary_type;
+}
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ['./hugo_stats.json'],
+  safelist: [{ pattern: /^swiper-/ }],
+  darkMode: "class",
+  theme: {
+    screens: {
+      sm: "540px",
+      md: "768px",
+      lg: "1024px",
+      xl: "1280px",
+      "2xl": "1536px",
+    },
+    container: {
+      center: true,
+      padding: "2rem",
+    },
+    extend: {
+      colors: {
+        text: theme.params.colors.default.text_color.default,
+        light: theme.params.colors.default.text_color.light,
+        dark: theme.params.colors.default.text_color.dark,
+        primary: theme.params.colors.default.theme_color.primary,
+        secondary: theme.params.colors.default.theme_color.secondary,
+        body: theme.params.colors.default.theme_color.body,
+        border: theme.params.colors.default.theme_color.border,
+        "theme-light": theme.params.colors.default.theme_color.theme_light,
+        "theme-dark": theme.params.colors.default.theme_color.theme_dark,
+        darkmode: {
+          text: theme.params.colors.darkmode.text_color.default,
+          light: theme.params.colors.darkmode.text_color.light,
+          dark: theme.params.colors.darkmode.text_color.dark,
+          primary: theme.params.colors.darkmode.theme_color.primary,
+          secondary: theme.params.colors.darkmode.theme_color.secondary,
+          body: theme.params.colors.darkmode.theme_color.body,
+          border: theme.params.colors.darkmode.theme_color.border,
+          "theme-light": theme.params.colors.darkmode.theme_color.theme_light,
+          "theme-dark": theme.params.colors.darkmode.theme_color.theme_dark,
+        },
+      },
+      fontSize: {
+        base: font_base + "px",
+        h1: h1 + "rem",
+        "h1-sm": h1 * 0.8 + "rem",
+        h2: h2 + "rem",
+        "h2-sm": h2 * 0.8 + "rem",
+        h3: h3 + "rem",
+        "h3-sm": h3 * 0.8 + "rem",
+        h4: h4 + "rem",
+        h5: h5 + "rem",
+        h6: h6 + "rem",
+      },
+      fontFamily: {
+        primary: [fontPrimary, fontPrimaryType],
+        secondary: [fontSecondary, fontSecondaryType],
+      },
+    },
+  },
+  plugins: [
+    require("@tailwindcss/typography"),
+    require("@tailwindcss/forms"),
+    require("tailwind-bootstrap-grid")({
+      generateContainer: false,
+      gridGutterWidth: "2rem",
+      gridGutters: {
+        1: "0.25rem",
+        2: "0.5rem",
+        3: "1rem",
+        4: "1.5rem",
+        5: "3rem",
+      },
+    }),
+  ],
+};

exampleSite/vercel-build.sh

@@ -0,0 +1,20 @@
+#!/bin/bash
+
+# default versions
+if [ -z $GO_VERSION ]; then GO_VERSION='1.19.3'; fi
+if [ -z $HUGO_VERSION ]; then HUGO_VERSION='0.112.3'; fi
+
+# install Go
+curl -sSOL https://dl.google.com/go/go${GO_VERSION}.linux-amd64.tar.gz
+tar -C /usr/local -xzf go${GO_VERSION}.linux-amd64.tar.gz
+export PATH=$PATH:/usr/local/go/bin
+
+# install Hugo
+echo "Installing Hugo $HUGO_VERSION..."
+curl -sSOL https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_Linux-64bit.tar.gz
+tar -xzf hugo_extended_${HUGO_VERSION}_Linux-64bit.tar.gz
+hugo version
+
+# run Hugo
+echo "Running Hugo..."
+hugo --gc --minify

exampleSite/vercel.json

@@ -0,0 +1,11 @@
+{
+  "builds": [
+    {
+      "src": "vercel-build.sh",
+      "use": "@vercel/static-build",
+      "config": {
+        "distDir": "public"
+      }
+    }
+  ]
+}