Upload 127 files

.gitattributes

@@ -34,3 +34,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
 themes/hugo-brewm/images/screenshot.png filter=lfs diff=lfs merge=lfs -text
+images/screenshot.png filter=lfs diff=lfs merge=lfs -text

.github/workflows/hugo.yml

@@ -0,0 +1,78 @@
+# Workflow for building and deploying a Hugo site to GitHub Pages
+name: Deploy Hugo Site to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches:
+      - main
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+# Default to bash
+defaults:
+  run:
+    shell: bash
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-24.04-arm
+    env:
+      HUGO_VERSION: 0.143.1
+    steps:
+      - name: Install Hugo CLI
+        run: |
+          wget -O ${{ runner.temp }}/hugo.deb https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_linux-arm64.deb \
+          && sudo dpkg -i ${{ runner.temp }}/hugo.deb          
+      - name: Checkout
+        uses: actions/[email protected]
+        with:
+          submodules: recursive
+          fetch-depth: 0
+      - name: Setup Pages
+        id: pages
+        uses: actions/configure-pages@v5
+      - name: Install Node.js dependencies
+        run: "[[ -f package-lock.json || -f npm-shrinkwrap.json ]] && npm ci || true"
+      - name: Build with Hugo
+        env:
+          # For maximum backward compatibility with Hugo modules
+          HUGO_ENVIRONMENT: production
+          HUGO_ENV: production
+        run: |
+          hugo \
+            --gc \
+            --minify \
+            --baseURL "${{ steps.pages.outputs.base_url }}/" 
+      - name: Index pagefind
+        run: npx pagefind --source "./public"
+      - name: Upload artifact
+        uses: actions/[email protected]
+        with:
+          path: ./public
+
+  # Deployment job
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-24.04-arm
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/[email protected]

.github/workflows/hugo_exampleSite.yml

@@ -0,0 +1,80 @@
+# Sample workflow for building and deploying a Hugo site to GitHub Pages
+name: Deploy Hugo exampleSite to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches:
+      - main
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+# Default to bash
+defaults:
+  run:
+    shell: bash
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-24.04-arm
+    env:
+      HUGO_VERSION: 0.143.1
+    steps:
+      - name: Install Hugo CLI
+        run: |
+          wget -O ${{ runner.temp }}/hugo.deb https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_linux-arm64.deb \
+          && sudo dpkg -i ${{ runner.temp }}/hugo.deb          
+      - name: Checkout
+        uses: actions/[email protected]
+        with:
+          submodules: recursive
+          fetch-depth: 0
+      - name: Setup Pages
+        id: pages
+        uses: actions/configure-pages@v5
+      - name: Install Node.js dependencies
+        run: "[[ -f package-lock.json || -f npm-shrinkwrap.json ]] && npm ci || true"
+      - name: Build with Hugo
+        env:
+          # For maximum backward compatibility with Hugo modules
+          HUGO_ENVIRONMENT: production
+          HUGO_ENV: production
+        run: |
+          hugo \
+            --gc \
+            --minify \
+            --themesDir ../.. \
+            --source exampleSite \
+            --baseURL "${{ steps.pages.outputs.base_url }}/" 
+      - name: Index pagefind
+        run: npx pagefind --source "./exampleSite/public"
+      - name: Upload artifact
+        uses: actions/[email protected]
+        with:
+          path: ./exampleSite/public
+
+  # Deployment job
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-24.04-arm
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/[email protected]

.gitignore

@@ -1,3 +1,2 @@
-public
-resources
 .hugo_build.lock
+public

.gitlab-ci.yml

@@ -0,0 +1,45 @@
+# Use this template if you want to build your site with Gitlab pages.
+
+image:
+  name: golang:1.23.4-bookworm
+
+variables:
+  GIT_DEPTH: 0
+  GIT_STRATEGY: clone
+  GIT_SUBMODULE_STRATEGY: recursive
+  HUGO_VERSION: 0.143.1
+  NODE_VERSION: 23.x
+
+pages:
+  script:
+    # Install brotli
+    - apt-get update
+    - apt-get install -y brotli
+    # Install Dart Sass
+    # hugo-brewm don't use Dart Sass at the moment.
+    # - curl -LJO https://github.com/sass/dart-sass/releases/download/${DART_SASS_VERSION}/dart-sass-${DART_SASS_VERSION}-linux-x64.tar.gz
+    # - tar -xf dart-sass-${DART_SASS_VERSION}-linux-x64.tar.gz
+    # - cp -r dart-sass/ /usr/local/bin
+    # - rm -rf dart-sass*
+    # - export PATH=/usr/local/bin/dart-sass:$PATH
+    # Install Hugo
+    - curl -LJO https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_linux-amd64.deb
+    - apt-get install -y ./hugo_extended_${HUGO_VERSION}_linux-amd64.deb
+    - rm hugo_extended_${HUGO_VERSION}_linux-amd64.deb
+    # Install Node.js
+    - curl -fsSL https://deb.nodesource.com/setup_${NODE_VERSION} | bash -
+    - apt-get install -y nodejs
+    # Install Node.js dependencies
+    - "[[ -f package-lock.json || -f npm-shrinkwrap.json ]] && npm ci || true"
+    # Build
+    - hugo --gc --minify --baseURL ${CI_PAGES_URL}
+    # Index with PageFind
+    - npx pagefind --site "public"
+    # Compress
+    - find public -type f -regex '.*\.\(css\|html\|js\|txt\|xml\)$' -exec gzip -f -k {} \;
+    - find public -type f -regex '.*\.\(css\|html\|js\|txt\|xml\)$' -exec brotli -f -k {} \;
+  artifacts:
+    paths:
+      - public
+  rules:
+    - if: $CI_COMMIT_BRANCH == $CI_DEFAULT_BRANCH

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 Jimmy Cai
+Copyright (c) 2024 foxihd @ github.com
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

config.toml

@@ -0,0 +1,4 @@
+[module]
+  [module.hugoVersion]
+    extended = false
+    min = "0.135.0"

exampleSite/config/_default/hugo.toml

@@ -0,0 +1,213 @@
+## Base URL for the site
+baseURL = 'https://foxihd.github.io/hugo-brewm/'
+## Site title
+title = 'Example'
+## Use hugo-brewm theme
+theme = 'hugo-brewm'
+## Enable Git information for pages, (e.g. lastMod date information)
+enableGitInfo = true
+## Convert all URLs to absolute URLs
+canonifyURLs = true
+## Default language for content
+defaultContentLanguage = 'en'
+## Put default language in subdirectory
+defaultContentLanguageInSubdir = true
+## Show placeholder for missing translations
+enableMissingTranslationPlaceholders = true
+## Use sections for main menu
+# sectionPagesMenu = 'main'
+## Files to ignore when building site
+ignoreFiles = [ '\.redacted', '\.old','\.bak', '\.tmp', '\.swp', '\.DS_Store']
+## Errors to ignore in logs
+# ignoreLogs = ['err-youtube-remote']
+## Copyright notice
+copyright = 'Copyright 2025 (c) Foxxi'
+
+## Front matter field configurations
+[frontmatter]
+    ## Publication date fields
+    date = [':default']
+    ## Expiry date fields
+    expiryDate = ['expiryDate', 'unpublishdate', ':default']
+    ## Last modified date fields
+    lastmod = ['lastmod', ':default'] ## ":fileModTime"
+
+## Markup configuration
+[markup]
+
+    ## Table of contents settings
+    [markup.tableOfContents]
+        ## Minimum heading level to include
+        startLevel = 2
+        ## Maximum heading level to include
+        endLevel = 3
+        ## Use ordered list for TOC
+        ordered = false
+
+    ## Code highlighting settings
+    [markup.highlight]
+        ## Enable code fence highlighting
+        codeFences = true
+        ## Lines to highlight
+        hl_Lines = ""
+        ## Starting line number
+        lineNoStart = 1
+        ## Show line numbers
+        lineNos = false
+        ## Put line numbers in table
+        lineNumbersInTable = true
+        ## Use classes for styling
+        noClasses = false
+        ## Width of tab character
+        tabWidth = 4
+
+    ## Goldmark markdown processor settings
+    [markup.goldmark]
+        [markup.goldmark.renderer]
+            ## Allow HTML in markdown
+            unsafe = true
+
+## Sitemap configuration
+[sitemap]
+    ## Change frequency setting (will affect posts listings layout): 'always', 'hourly', 'daily', 'weekly', 'monthly', 'yearly', 'never'
+    # changeFreq = 'monthly'
+    ## Disable sitemap generation
+    # disable = false
+    ## Output filename
+    # filename = 'sitemap.xml'
+    ## Priority setting
+    # priority = -1
+
+## RSS configuration
+[services.rss]
+    ## Limit RSS item
+    limit = -1
+
+## Taxonomy configuration
+[taxonomies]
+    ## Category taxonomy
+    category = "categories"
+    ## Tag taxonomy
+    tag = "tags"
+    ## Series taxonomy
+    series = "series"
+
+## Site parameters
+[params]
+    ## Site title
+    title = "Example"
+    ## Site description
+    description = "An ExampleSite built with Hugo and Hugo-Brewm theme"
+    ## Copyright notice
+    copyright = "Copyright 2025 (c) Foxxi"
+    ## Enable extended metadata (social cards)
+    extMeta = true
+    ## Enable coffee metric
+    coffeeStat = true
+
+    ## Author information
+    [params.author]
+        ## site author's name
+        name = 'Author Name'
+        ## Author's email (will be used for RSS feed)
+        email = '[email protected]'
+        ## Co-authors information (optional)
+        coauthor = [
+            {name = "A.N. Other", bio = "This quick paragraph is written in site configuration (hugo.toml). Therefore, no markdown support. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."}
+        ]
+
+    ## Comments configuration
+    [params.comments]
+        ## Disable comments (disable fediverse comments)
+        disabled = false
+        ## Comment platform selection, currently only 'fediverse' is supported, further options to be determined
+        # platform = 'fediverse'
+
+    ## Fediverse integration settings
+    [params.fediverse]
+        ## Fediverse instance URL
+        # instance = 'example.com'
+        ## Fediverse username
+        # username = 'username'
+
+    ## Logo configuration
+    [params.logo]
+        ## Light mode logo mark
+        # logoMark = 'https://example.com/logoMark.svg'
+        ## Dark mode logo mark
+        # logoMarkDark = 'https://example.com/logoMarkDark.svg'
+        ## Enable logo type
+        logoType = true
+
+    ## Feed display settings
+    [params.feed]
+        ## Enable flowlines
+        flowlines = true
+        ## Limit number of flowlines
+        flowlinesLimit = 21
+    
+    ## Home page display settings
+    [params.home]
+        ## Enable slide carousel
+        disableSlide = false
+        ## Enable taxonomy listing carousel
+        disableListing = false
+
+    ## Post display settings
+    [params.posts]
+        ## Enable text justification
+        justifying = false
+        ## Disable paragraph indentation
+        noIndent = false
+        ## Show colophon section (including QR code)
+        colophon = true
+        ## disable redaction history
+        disableHistory = false
+        ## SHow related content
+        related = true
+        ## Show share buttons
+        share = true
+
+    ## Search configuration
+    [params.search]
+        ## Enable search functionality, use duckduckgo (no javascript)
+        enable = true
+        ## Use pagefind search when javascript enabled, currently only 'pagefind' is supported, further options to be determined
+        pagefind  = true
+
+    ## Typography settings
+    [params.typeface]
+        ## Use web safe fonts (will overide font selection below)
+        webSafe = false
+        ## Serif font selection
+        roman = 'crimson'
+        ## Sans-serif font selection
+        sans = 'inter'
+        ## use typeface stored in local server (pleaase download font's uri first)
+        localHost = false
+
+    ## Extended Metadata and  Social card configuration
+    [params.socialCard]
+        ## Enable twitter and opengraph social cards (same .params.extMeta setting)
+        enable = true
+        ## Default social card image
+        # image = "img/social-share.jpg" ## recommended resolution: 1200 x 630px
+
+        ## Enable Twitter cards
+        # twitter = true
+        ## Twitter creator handle
+        # twitterCreator = "@username"
+        ## Twitter site handle
+        # twitterSite = "@username"
+
+        ## Enable OpenGraph
+        # opengraph = true
+        ## Facebook App ID
+        # facebookAppID = "123456789"
+        ## Facebook Admin ID
+        # facebookAdmin = "USER_ID"
+
+        ## Schema.org (only meta, not fully supported)
+        # schema = true
+        ## JsonLD (cannot validate permalink)
+        # jsonLD = true

exampleSite/config/_default/languages.toml

@@ -0,0 +1,35 @@
+[en]
+    contentDir = 'content/en'
+    disabled = false
+    languageCode = 'en-GB'
+    languageDirection = 'ltr'
+    languageName = 'English'
+    [en.pagination]
+        disableAliases = false
+        pagerSize = 12
+        path = 'page'
+    [en.taxonomies]
+        author = 'author'
+        category = 'categories'
+        series = 'series'
+        tag = 'tags'
+
+[id]
+    contentDir = 'content/id'
+    disabled = false
+    languageCode = 'id-ID'
+    languageDirection = 'ltr'
+    languageName = 'Bahasa Indonesia'
+    [id.pagination]
+        disableAliases = false
+        pagerSize = 12
+        path = 'laman'
+    [id.params.feed]
+        flowlines = false
+
+[it]
+    contentDir = 'content/it'
+    disabled = false
+    languageCode = 'it-IT'
+    languageDirection = 'ltr'
+    languageName = 'Italian'

exampleSite/config/_default/menus.en.toml

@@ -0,0 +1,275 @@
+[[main]]
+  name       = 'Fork!'
+  identifier = 'fork'
+  weight     = 3
+  url        = 'https://github.com/foxihd/hugo-brewm'
+  pre        = 'github'
+
+[[main]]
+  name       = 'Series'
+  identifier = 'series'
+  pageRef    = '/series'
+  weight     = 1
+
+  [[main]]
+    name       = 'A Series'
+    identifier = 'series1'
+    pageRef    = '/'
+    parent     = 'series'
+    Post       = 'Example with post/description'
+
+  [[main]]
+    name       = 'Another series'
+    identifier = 'series2'
+    pageRef    = '/'
+    parent     = 'series'
+
+  [[main]]
+    name       = 'Sustainable Development'
+    identifier = 'series.sdg'
+    pageRef    = '/'
+    parent     = 'series'
+    Post       = 'Nested Menu example'
+
+    [[main]]
+      name       = 'No Poverty'
+      identifier = 'series.sdg.1'
+      pageRef    = '/'
+      parent     = 'series.sdg'
+
+    [[main]]
+      name       = 'Zero Hunger'
+      identifier = 'series.sdg.2'
+      pageRef    = '/'
+      parent     = 'series.sdg'
+
+    [[main]]
+      name       = 'Good Health and Well-being'
+      identifier = 'series.sdg.3'
+      pageRef    = '/'
+      parent     = 'series.sdg'
+
+    [[main]]
+      name       = 'Quality Education'
+      identifier = 'series.sdg.4'
+      pageRef    = '/'
+      parent     = 'series.sdg'
+
+    [[main]]
+      name       = 'Gender Equality'
+      identifier = 'series.sdg.5'
+      pageRef    = '/'
+      parent     = 'series.sdg'
+
+    [[main]]
+      name       = 'Clean Water and Sanitation'
+      identifier = 'series.sdg.6'
+      pageRef    = '/'
+      parent     = 'series.sdg'
+
+    [[main]]
+      name       = 'Affordable and Clean Energy'
+      identifier = 'series.sdg.7'
+      pageRef    = '/'
+      parent     = 'series.sdg'
+
+    [[main]]
+      name       = 'Decent Work and Economic Growth'
+      identifier = 'series.sdg.8'
+      pageRef    = '/'
+      parent     = 'series.sdg'
+
+    [[main]]
+      name       = 'Industry, Innovation and Infrastructure'
+      identifier = 'series.sdg.9'
+      pageRef    = '/'
+      parent     = 'series.sdg'
+
+    [[main]]
+      name       = 'Reduced Inequalities'
+      identifier = 'series.sdg.10'
+      pageRef    = '/'
+      parent     = 'series.sdg'
+
+    [[main]]
+      name       = 'Sustainable Cities and Communities'
+      identifier = 'series.sdg.11'
+      pageRef    = '/'
+      parent     = 'series.sdg'
+
+    [[main]]
+      name       = 'Responsible Consumption and Production'
+      identifier = 'series.sdg.12'
+      pageRef    = '/'
+      parent     = 'series.sdg'
+
+    [[main]]
+      name       = 'Climate Action'
+      identifier = 'series.sdg.13'
+      pageRef    = '/'
+      parent     = 'series.sdg'
+
+    [[main]]
+      name       = 'Life Below Water'
+      identifier = 'series.sdg.14'
+      pageRef    = '/'
+      parent     = 'series.sdg'
+
+    [[main]]
+      name       = 'Life on Land'
+      identifier = 'series.sdg.15'
+      pageRef    = '/'
+      parent     = 'series.sdg'
+
+    [[main]]
+      name       = 'Peace, Justice and Strong Institutions'
+      identifier = 'series.sdg.16'
+      pageRef    = '/'
+      parent     = 'series.sdg'
+
+    [[main]]
+      name       = 'Partnerships for the Goals'
+      identifier = 'series.sdg.17'
+      pageRef    = '/'
+      parent     = 'series.sdg'
+
+[[main]]
+  name       = 'Works'
+  identifier = 'works'
+  pageRef    = '/'
+  weight     = 2
+
+  [[main]]
+    name       = 'Commission'
+    identifier = 'commission'
+    pageRef    = '/'
+    parent     = 'works'
+    Post       = 'Example Menu'
+    weight     = 1
+
+  [[main]]
+    name       = 'Project'
+    identifier = 'project'
+    pageRef    = '/'
+    parent     = 'works'
+    Post       = 'My current projects'
+    weight     = 2
+
+  [[main]]
+    name       = 'Gallery'
+    identifier = 'gallery'
+    pageRef    = '/'
+    parent     = 'works'
+    Post       = 'Well, actually, silly stuff'
+    weight     = 3
+
+[[more]]
+  name       = 'Resources'
+  identifier = 'resources'
+  pageRef    = '/'
+  weight     = 3
+
+[[more]]
+  name       = 'About'
+  identifier = 'about'
+  pageRef    = '/'
+  weight     = 5
+
+  [[more]]
+  name       = 'Sustainability'
+  identifier = 'sustainability'
+  pageRef    = '/'
+  parent     = 'about'
+  weight     = 1
+
+  [[more]]
+  name       = 'Author'
+  identifier = 'author'
+  pageRef    = '/author'
+  parent     = 'about'
+  weight     = 2
+
+[[author-name]]
+  name       = ''
+  identifier = '@user-name'
+  pageRef    = '/'
+  weight     = 1
+  pre        = 'bluesky'
+
+[[author-name]]
+  identifier = 'discord'
+  pageRef    = '/'
+  weight     = 2
+  pre        = 'discord'
+
+[[author-name]]
+  name       = ''
+  identifier = 'mastodon'
+  pageRef    = '/'
+  weight     = 3
+  pre        = 'mastodon'
+
+[[more]]
+  name       = 'More Menu'
+  identifier = 'more.menu'
+  pageRef    = '/'
+  weight     = 99
+
+  [[more]]
+    name       = 'That'
+    identifier = 'more.menu.that'
+    parent     = 'more.menu'
+    pageRef    = '/'
+
+    [[more]]
+      name       = 'Never'
+      identifier = 'more.menu.that.never'
+      parent     = 'more.menu.that'
+      pageRef    = '/'
+
+      [[more]]
+        name       = 'Too'
+        identifier = 'more.menu.that.never.too'
+        parent     = 'more.menu.that.never'
+        pageRef    = '/'
+
+        [[more]]
+          name       = 'Deep'
+          identifier = 'more.menu.that.never.too.deep'
+          parent     = 'more.menu.that.never.too'
+          pageRef    = '/'
+
+[[footer]]
+  identifier = 'figma'
+  pageRef    = '/'
+  weight     = 1
+  name       = 'figma'
+  pre        = 'figma'
+
+[[footer]]
+  identifier = 'hashnode'
+  pageRef    = '/'
+  weight     = 2
+  name        = 'hashnode'
+  pre        = 'hashnode'
+
+[[footer]]
+  identifier = 'email'
+  pageRef    = '/'
+  weight     = 3
+  name       = 'email'
+  pre        = 'email'
+
+[[footer]]
+  identifier = 'linkedin'
+  pageRef    = '/'
+  weight     = 4
+  name        = 'linkedin'
+  pre        = 'linkedin'
+
+[[footer]]
+  identifier = 'karyakarsa'
+  pageRef    = '/'
+  weight     = 5
+  name        = 'karya karsa'
+  pre        = 'karyakarsa'

exampleSite/content/en/_index.md

@@ -0,0 +1,11 @@
+---
+cover: 'https://raw.githubusercontent.com/foxihd/hugo-et-hd/master/static/svg/flowlines/22.svg'
+---
+
+## Hero Section / Greeter
+
+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 nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+Integer nec posuere quam. Mauris et rhoncus lacus. Pellentesque non sem cursus, interdum nunc ut, efficitur magna. Maecenas consectetur ornare enim, nec tempus tellus vestibulum in. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum venenatis ex non auctor malesuada. Curabitur semper elit sit amet orci facilisis fermentum. Nullam consectetur risus eget leo rhoncus egestas. Suspendisse at diam congue, venenatis augue et, ornare lectus. Curabitur ac lorem ullamcorper, consequat justo at, scelerisque lacus. Vivamus ac erat mauris. Nullam ut nibh tincidunt, placerat magna nec, fermentum tortor. Fusce ut orci sed neque sagittis rhoncus. Morbi eleifend, mauris sit amet dignissim dignissim, mauris nisi tempus orci, a congue elit ex quis ex.
+
+--- Lorem Ipsum

exampleSite/content/en/author/A.N. Other/_index.md

@@ -0,0 +1,8 @@
+---
+title: 'A.N. Other'
+---
+
+## A.N. Other
+
+This author information is written in `content/en/author/A.N. Other/_index.md`.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

exampleSite/content/en/author/author-name/_index.md

@@ -0,0 +1,18 @@
+---
+title: 'Author Name'
+cover: 'https://upload.wikimedia.org/wikipedia/commons/4/4d/Cat_and_styrofoam_%E2%80%93_electrostatic_charge_%28235112299%29.jpg'
+flair: 'Available for hire (example flair)'
+---
+
+## Author Name
+
+This author information is written in `content/en/author/author-name/_index.md`.
+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 nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+[Original image](https://commons.wikimedia.org/wiki/File:Cat_demonstrating_static_cling_with_styrofoam_peanuts.jpg#/media/File:Cat_and_styrofoam_%E2%80%93_electrostatic_charge_(235112299).jpg) by <a rel="nofollow" class="external text" href="https://www.flickr.com/people/52798669@N00">Sean McGrath</a> from Saint John, NB, Canada - <a rel="nofollow" class="external text" href="https://www.flickr.com/photos/mcgraths/235112299/">Cooper and Styrofoam</a>, <a href="https://creativecommons.org/licenses/by/2.0" title="Creative Commons Attribution 2.0">CC BY 2.0</a>, <a href="https://commons.wikimedia.org/w/index.php?curid=37622131">Link</a>
+
+---
+
+The social icon below is configured in `menus.[lang].toml`.

exampleSite/content/en/footer.md

@@ -0,0 +1,15 @@
+---
+type: 'footer'
+weight: 1
+target: 'https://example.com'
+coffee: 2
+---
+
+<strong class="section-title">Foxx Edelweiss <i class="icon copyleft"></i> 2025</strong>
+
+Some rights reserved.
+
+<br>
+<strong class="section-title">Impressum</strong>
+
+Lorem ipsum dolor sit amet.

exampleSite/content/en/pin.md

@@ -0,0 +1,34 @@
+---
+type: 'slide'
+title: 'Pin'
+---
+
+This is a slide with `{{</* pin */>}}` shortcode.
+
+## Pin it as Showcase (Example)
+
+Section with `Pin` shortcode.
+The item order is column-based.
+If images are not square, the layout will displayed as masonry style.
+
+{{< pin "begin" >}}
+{{< pin img="https://raw.githubusercontent.com/foxihd/hugo-et-hd/master/static/svg/flowlines/1.svg" label="Item 1">}}
+{{< pin img="https://raw.githubusercontent.com/foxihd/hugo-et-hd/master/static/svg/flowlines/2.svg" label="Item 2">}}
+{{< pin img="https://raw.githubusercontent.com/foxihd/hugo-et-hd/master/static/svg/flowlines/3.svg" label="Item 3">}}
+{{< pin img="https://raw.githubusercontent.com/foxihd/hugo-et-hd/master/static/svg/flowlines/4.svg" label="Item 4">}}
+{{< pin img="https://raw.githubusercontent.com/foxihd/hugo-et-hd/master/static/svg/flowlines/5.svg" label="Item 5">}}
+{{< pin img="https://raw.githubusercontent.com/foxihd/hugo-et-hd/master/static/svg/flowlines/6.svg" label="Item 6">}}
+{{< pin "end" >}}
+
+## Pin it as Catalogue (Example)
+
+`{{</* pin */>}}` shortcode with `quote` parameter.
+
+{{< pin "begin" >}}
+{{< pin img="https://raw.githubusercontent.com/foxihd/hugo-et-hd/master/static/svg/flowlines/7.svg" label="Item 1" url="#my-ecommerce" quote="<s>$299</s> $199" >}}
+{{< pin img="https://raw.githubusercontent.com/foxihd/hugo-et-hd/master/static/svg/flowlines/8.svg" label="Item 2" url="#my-ecommerce" quote="<s>$399</s> $299" >}}
+{{< pin img="https://raw.githubusercontent.com/foxihd/hugo-et-hd/master/static/svg/flowlines/9.svg" label="Item 3" url="#my-ecommerce" quote="Get Quote" >}}
+{{< pin img="https://raw.githubusercontent.com/foxihd/hugo-et-hd/master/static/svg/flowlines/10.svg" label="Item 4" url="#my-ecommerce" quote="<s>$299</s> $199" >}}
+{{< pin img="https://raw.githubusercontent.com/foxihd/hugo-et-hd/master/static/svg/flowlines/11.svg" label="Item 5" url="#my-ecommerce" quote="<s>$399</s> $299" >}}
+{{< pin img="https://raw.githubusercontent.com/foxihd/hugo-et-hd/master/static/svg/flowlines/12.svg" label="Item 6" url="#my-ecommerce" quote="Out of stock" >}}
+{{< pin "end" >}}

exampleSite/content/en/post/_index.md

@@ -0,0 +1,4 @@
+---
+title: "Post"
+translationKey: post
+---

exampleSite/content/en/post/authoring-redaction-history.md

@@ -0,0 +1,35 @@
++++
+author = ["Author Name"]
+title = "Authoring The Redaction History"
+description = "How to set up the redaction history in Hugo Brewm theme"
+date = "2025-02-03"
+type = "post"
+draft = false
+translationKey = "history"
+coffee = 1
+tags = ["authoring", "redaction", "history"]
+categories = ["authoring"]
+history = [
+  {date = "2025-02-01", author = "Author Name", reviewer = "Reviewer Name", note = "Example"},
+  {date = "2025-02-02", author = "Author Name", editor = "Editor Name", note = "Addendum (example)"},
+  {date = "2025-02-03", note = "Errata (example)"},
+]
+toot = "https://infosec.exchange/@foxx/113979609651534969"
++++
+
+The redaction history functionality enables you to track and communicate content modifications to readers. 
+Within the post's front matter, you can specify details such as `editor`, `reviewer`, and include explanatory notes (`note`) about the changes made.
+This feature requires manual configuration in the post's front matter section.
+
+```toml
++++
+title = "Authoring The Redaction History"
+history = [
+    {date = "2025-02-01", author = "Author Name", reviewer = "Reviewer Name", note = "Example"},
+    {date = "2025-02-02", author = "Author Name", editor = "Editor Name", note = "Addendum (example)"},
+    {date = "2025-02-03", note = "Errata (example)"},
+    ]
++++
+```
+
+A chronological timeline displaying these information will appear under the article's information section, as demonstrated in this example post.

exampleSite/content/en/post/authoring-terms-entry.md

@@ -0,0 +1,44 @@
+---
+author : ['Author Name', 'A.N. Other']
+title: "Authoring Terms Entry"
+description: "How to set the cover and linking of terms entry in Hugo Brewm theme"
+date: 2025-02-03
+type: post
+draft: false
+translationKey: terms
+coffee: 1
+tags: ['authoring', 'cover', 'taxonomy', 'terms']
+categories: ['authoring']
+---
+
+You can change the cover of each terms entry by adding the `cover` parameter in `_index.md` under `[lang]\[taxonomies]\[terms]\`.
+For example, to set the cover of the term `configuration` in categories, add the parameter in `content\en\categories\configuration\_index.md`.
+
+```yaml
+---
+title: "Configuration"
+description: "Configuration description, this might be useful for HTML metadata"
+cover: "https://example.com/cover.png"
+translationKey: configuration
+---
+
+If something is written here, the text will be displayed as hero section.
+```
+
+To link the terms entry in another language, you can add the `translationKey` parameter.
+For example, if you want to link the terms entry in Indonesian, add the parameter in `content\id\categories\konfigurasi\_index.md`.
+
+```yaml
+---
+title: "Konfigurasi"
+description: "Deskripsi konfigurasi, ini bisa berguna untuk metadata HTML"
+cover: "https://example.com/cover.png"
+translationKey: configuration
+---
+
+Jika ada teks yang ditulis di sini, teks akan ditampilkan sebagai bagian hero.
+```
+
+The same way, you can set the cover of each terms entry for `series` and `author` taxonomies.
+After making these changes, rebuild your site to see the updated cover and translations in breadcrumbs.
+The cover will replace the flowlines images on taxonomies listing.

exampleSite/content/en/post/configure-discussion.md

@@ -0,0 +1,51 @@
+---
+author : ['Author Name']
+title: "Configure Discussion"
+description: "How to configure post discussion in Hugo Brewm theme"
+date: 2025-01-26
+lastmod: 2025-02-10
+type: post
+draft: false
+translationKey: discussion
+coffee: 1
+tags: ['configuration', 'discussion']
+categories: ['configuration']
+toot: "https://infosec.exchange/@foxx/113979609651534969"
+---
+
+## The New Method
+
+Simply paste your toot link in `toot` or `comments` parameter in the front matter.
+
+```yaml
+---
+toot: https://example.com/@example/12345678901234567890
+---
+```
+
+
+## 'The-Long' Method
+
+You can integrate discussions from you Fediverse instance to you article. To enable this feature, add the `fediverse` section to your front matter with the required `host`, `user`, and `post` parameters:
+
+```yaml
+---
+title: "Example"
+type: "post"
+fediverse:
+    host: fediverse.instance
+    user: user-name
+    post: 123456789012345678
+---
+```
+
+If you are single author, you can set the `host` and `user` parameter globally in the `config.toml` file:
+
+```toml
+[params]
+    [params.fediverse]
+    host = "example.com"
+    user = "username"
+```
+
+You might need to preview the article's permalink before sharing it on the Fediverse network to get post ID, or perform CI/CD twice.

exampleSite/content/en/post/configure-logo-and-accent-color.md

@@ -0,0 +1,55 @@
+---
+author : ['Author Name']
+title: "Configure Logo and Accent Color"
+description: "How to configure the Logo and Accent Color in Hugo Brewm theme"
+date: 2025-01-26
+lastmod: 2025-02-03
+type: post
+draft: false
+translationKey: logo
+coffee: 1
+tags: ['configuration', 'logo', 'color', 'accent']
+categories: ['configuration']
+---
+
+The Hugo Brewm theme allows you to easily configure your site's logo and accent color taylored to your brand. Follow these steps to set up your logo:
+
+## Change Color Accent
+
+To make the color accent align with your brand identity, you can customize the accent color in `custom.css` under `assets/css`.
+For example, in `exampleSite/assets/css/custom.css`:
+
+```css
+:root {
+    --ac-light: #36b;
+    --ac-dark: #fa1;
+}
+```
+
+## Adding Logo Image / Logomark Icon
+
+> Prepare your logo image
+>
+> - Create or prepare your logo image file (recommended formats: PNG or SVG)
+> - For best results, use an image with a transparent background
+> - Recommended dimensions: height of 50px to 70px
+> - You can also add dark mode version of your logo
+
+Configure the logo in your site configuration:
+
+```toml
+[params]
+    logoMark = 'https://example.com/logoMark.svg' 
+    logoMarkDark = 'https://example.com/logoMarkDark.svg' #optional
+```
+
+## Using Logo Type Preset
+
+If you prefer not to use an image logo, you can enable the built-in text-based logo by adding this setting:
+
+```toml
+[params]
+    logoType = true
+```
+
+After making these changes, rebuild your site to see the updated logo. The logo will automatically appear in the site's header and will be responsive across different device sizes.

exampleSite/content/en/post/configure-main-footer.md

@@ -0,0 +1,52 @@
+---
+author : ['Author Name']
+title: "Configure Main Footer"
+description: "How to configure the main footer in Hugo Brewm theme"
+date: 2025-01-26
+type: post
+draft: false
+translationKey: mainfooter
+coffee: 1
+tags: ['configuration', 'footer']
+categories: ['configuration']
+---
+
+The main footer in Hugo Brewm theme can be customized through several configuration options. Here's how to set up different components of the footer.
+
+## Configure Footer Title and Content
+
+To set up the main footer content, create a markdown file in your content directory with the following front matter:
+
+```yaml
+---
+type: footer
+title: "Your Main Footer Title"
+weight: 1
+---
+```
+
+You can then add your footer content below the front matter using markdown.
+Multiple footer sections can be created using different markdown files.
+
+## Configure Footer Menu Items
+
+Footer menu items can be configured in your site's config.toml file. Here's how to add menu items:
+
+```toml
+[[menu.footer]]
+    identifier = "github"       # Unique identifier for the menu item
+    name = "GitHub"             # Display name/tooltip
+    url = "https://github.com/" # Link URL
+    pre = "github"              # Icon
+```
+
+## Enable Coffee Stats
+
+If you want to display coffee statistics in your footer, enable it in your config.toml:
+
+```toml
+[params]
+    coffeeStat = true    # Set to false to disable
+```
+
+Every `coffee` parameter in your content frontmatter will be counted and displayed in the footer.

exampleSite/content/en/post/configure-menu.md

@@ -0,0 +1,247 @@
+---
+author : ['Author Name']
+title: "Configure Menu"
+description: "How to configure the menu in Hugo Brewm theme"
+date: 2025-01-26
+lastmod: 2025-02-04
+type: post
+draft: false
+translationKey: menus
+coffee: 1
+tags: ['configuration', 'menu']
+categories: ['configuration']
+---
+
+Learn how to configure menus in the Hugo Brewm theme using either `config.toml` or `menus[.lang].toml` files.
+
+## Menu Parameters
+
+- `identifier`: Unique identifier for each menu item
+- `name`: Text shown in the menu
+- `url`: External link destination
+- `pageRef`: Link to internal pages
+- `weight`: Menu item ordering (smaller numbers first)
+- `pre`: Icon placement
+- `post`: Description for the link
+- `parent`: Parent menu item reference
+
+## Adding Icons
+
+Add icons to your menu items with the `pre` parameter.
+
+```toml
+[[menu.main]]
+    identifier = "github"
+    name = "GitHub"
+    url = "https://github.com/"
+    pre = "github"
+```
+
+Here are all the supported list icons and their corresponding names that can be used when configuring your menu items:
+
+<ul class="column pin" role="presentation">
+  <li><i class="icon email"></i> email  </li>
+  <li><i class="icon rss"></i> rss  </li>
+  <li><i class="icon behance"></i> behance  </li>
+  <li><i class="icon bigcartel"></i> bigcartel  </li>
+  <li><i class="icon bitbucket"></i> bitbucket  </li>
+  <li><i class="icon blogger"></i> blogger  </li>
+  <li><i class="icon bluesky"></i> bluesky  </li>
+  <li><i class="icon bukalapak"></i> bukalapak  </li>
+  <li><i class="icon buymeacoffee"></i> buymeacoffee  </li>
+  <li><i class="icon clubhouse"></i> clubhouse  </li>
+  <li><i class="icon codepen"></i> codepen  </li>
+  <li><i class="icon creativefabrica"></i> creativefabrica  </li>
+  <li><i class="icon dailymotion"></i> dailymotion  </li>
+  <li><i class="icon dev"></i> dev  </li>
+  <li><i class="icon deviantart"></i> deviantart  </li>
+  <li><i class="icon digg"></i> digg  </li>
+  <li><i class="icon dribbble"></i> dribbble  </li>
+  <li><i class="icon ebay"></i> ebay  </li>
+  <li><i class="icon etsy"></i> etsy  </li>
+  <li><i class="icon facebook"></i> facebook  </li>
+  <li><i class="icon figma"></i> figma  </li>
+  <li><i class="icon flickr"></i> flickr  </li>
+  <li><i class="icon flipkart"></i> flipkart  </li>
+  <li><i class="icon github"></i> github  </li>
+  <li><i class="icon githubsponsors"></i> githubsponsors  </li>
+  <li><i class="icon gitlab"></i> gitlab  </li>
+  <li><i class="icon gnusocial"></i> gnusocial  </li>
+  <li><i class="icon goodreads"></i> goodreads  </li>
+  <li><i class="icon googlescholar"></i> googlescholar  </li>
+  <li><i class="icon gumroad"></i> gumroad  </li>
+  <li><i class="icon hackernews"></i> hackernews  </li>
+  <li><i class="icon hashnode"></i> hashnode  </li>
+  <li><i class="icon icon--500px"></i> icon–500px  </li>
+  <li><i class="icon instagram"></i> instagram  </li>
+  <li><i class="icon jsfiddle"></i> jsfiddle  </li>
+  <li><i class="icon karyakarsa"></i> karyakarsa  </li>
+  <li><i class="icon keybase"></i> keybase  </li>
+  <li><i class="icon keycdn"></i> keycdn  </li>
+  <li><i class="icon kickstarter"></i> kickstarter  </li>
+  <li><i class="icon kofi"></i> kofi  </li>
+  <li><i class="icon lazada"></i> lazada  </li>
+  <li><i class="icon liberapay"></i> liberapay  </li>
+  <li><i class="icon linkedin"></i> linkedin  </li>
+  <li><i class="icon mastodon"></i> mastodon  </li>
+  <li><i class="icon medium"></i> medium  </li>
+  <li><i class="icon olx"></i> olx  </li>
+  <li><i class="icon opencollective"></i> opencollective  </li>
+  <li><i class="icon openid"></i> openid  </li>
+  <li><i class="icon orcid"></i> orcid  </li>
+  <li><i class="icon patreon"></i> patreon  </li>
+  <li><i class="icon paypal"></i> paypal  </li>
+  <li><i class="icon peertube"></i> peertube  </li>
+  <li><i class="icon pinterest"></i> pinterest  </li>
+  <li><i class="icon pleroma"></i> pleroma  </li>
+  <li><i class="icon publons"></i> publons  </li>
+  <li><i class="icon quora"></i> quora  </li>
+  <li><i class="icon reddit"></i> reddit  </li>
+  <li><i class="icon researchgate"></i> researchgate  </li>
+  <li><i class="icon saweria"></i> saweria  </li>
+  <li><i class="icon sellfy"></i> sellfy  </li>
+  <li><i class="icon shopee"></i> shopee  </li>
+  <li><i class="icon shopify"></i> shopify  </li>
+  <li><i class="icon signal"></i> signal  </li>
+  <li><i class="icon snapchat"></i> snapchat  </li>
+  <li><i class="icon soundcloud"></i> soundcloud  </li>
+  <li><i class="icon stackexchange"></i> stackexchange  </li>
+  <li><i class="icon stackoverflow"></i> stackoverflow  </li>
+  <li><i class="icon stripe"></i> stripe  </li>
+  <li><i class="icon substack"></i> substack  </li>
+  <li><i class="icon telegram"></i> telegram  </li>
+  <li><i class="icon threads"></i> threads  </li>
+  <li><i class="icon tiktok"></i> tiktok  </li>
+  <li><i class="icon tokopedia"></i> tokopedia  </li>
+  <li><i class="icon tumblr"></i> tumblr  </li>
+  <li><i class="icon twitch"></i> twitch  </li>
+  <li><i class="icon twitter"></i> twitter  </li>
+  <li><i class="icon vimeo"></i> vimeo  </li>
+  <li><i class="icon vine"></i> vine  </li>
+  <li><i class="icon vk"></i> vk  </li>
+  <li><i class="icon wattpad"></i> wattpad  </li>
+  <li><i class="icon weibo"></i> weibo  </li>
+  <li><i class="icon whatsapp"></i> whatsapp  </li>
+  <li><i class="icon wikipedia"></i> wikipedia  </li>
+  <li><i class="icon wordpress"></i> wordpress  </li>
+  <li><i class="icon write-dot-as"></i> write-dot-as  </li>
+  <li><i class="icon x"></i> x  </li>
+  <li><i class="icon xing"></i> xing  </li>
+  <li><i class="icon xmpp"></i> xmpp  </li>
+  <li><i class="icon youtube"></i> youtube  </li>
+</ul>
+
+## Creating Nested Menus
+
+Create dropdown menus by using the `parent` parameter:
+
+```toml
+[[menu.main]]
+    identifier = "about"
+    name = "About"
+    pageRef = "/about"
+
+    [[menu.main]]
+        identifier = "about-author"
+        name = "Author"
+        pageRef = "/about/author"
+        parent = "about"
+```
+
+## Language Support
+
+There are four ways to add multi-language support to your menus:
+
+### 1. Using `menu.[menuID].params.lang`
+
+In `config.toml`:
+
+```toml
+[[menu.main]]
+    identifier = "about"
+    name = "About"
+    url = "/about/"
+    [menu.main.params]
+        lang = "en"
+
+[[menu.id.main]]
+    identifier = "about"
+    name = "Tentang"
+    url = "/tentang/"
+    [menu.main.params]
+        lang = "id"
+```
+
+### 2. Using `menu.[lang].[menuID]`
+
+In `config.toml`:
+
+```toml
+[[menu.en.main]]
+    identifier = "about"
+    name = "About"
+    url = "/about/"
+
+    [[menu.en.main]]
+        identifier = "about-author"
+        name = "Author"
+        pageRef = "/about/author"
+        parent = "about"
+
+[[menu.id.main]]
+    identifier = "about"
+    name = "Tentang"
+    url = "/tentang/"
+
+    [[menu.id.main]]
+        identifier = "about-author"
+        name = "Tentang Penyusun"
+        pageRef = "/tentang/penyusun"
+        parent = "about"
+```
+
+### 3. Using Separate Menu Files
+
+In `menus.en.toml`:
+
+```toml
+[[main]]
+    identifier = "about"
+    name = "About"
+    url = "/about/"
+
+    [[main]]
+        identifier = "about-author"
+        name = "Author"
+        pageRef = "/about/author"
+        parent = "about"
+```
+
+In `menus.id.toml`:
+
+```toml
+[[main]]
+    identifier = "about"
+    name = "Tentang"
+    url = "/tentang/"
+
+    [[menu.id.main]]
+        identifier = "about-author"
+        name = "Tentang Penyusun"
+        pageRef = "/tentang/penyusun"
+        parent = "about"
+```
+
+### 4. Using Front Matter in Markdown Files
+
+in `index[.lang].md` `_index[.lang].md` or `filename[.lang].md`
+
+```toml
+---
+title: "About Author"
+menus: 
+  main:
+    indetifier: about-author
+    parent: about
+---
+```

exampleSite/content/en/post/configure-pagefind.md

@@ -0,0 +1,42 @@
+---
+author : ['Author Name']
+title: "Configure Pagefind"
+description: "How to configure Pagefind in Hugo Brewm theme"
+date: 2025-01-26
+type: post
+draft: false
+translationKey: pagefind
+coffee: 1
+tags: ['configuration', 'pagefind']
+categories: ['configuration']
+---
+
+## Setting up search in Hugo configuration
+
+To enable search functionality, you'll need to modify your `config.toml` file. First, enable the search button using `.params.search`. Then activate `.params.pagefind`, if you skip this step, the theme will default to using DuckDuckGo instead.
+
+```toml
+[params]
+  search = true
+  pagefind = true
+```
+
+## Setting up post frontmatter
+
+To make post indexed, you'll need to set `type` to `post` to the frontmatter of each post.
+
+```yaml
+---
+title: "Post"
+type: post
+---
+```
+
+## Setting up your CI/CD pipeline
+
+To create the search index, add this command to your CI/CD pipeline's build step:
+
+```yaml
+- name: Index pagefind
+  run: npx pagefind --source "public"
+```

exampleSite/content/en/post/configure-slides.md

@@ -0,0 +1,55 @@
+---
+author : ['Author Name']
+title: "Configure Homepage Slides"
+description: "How to configure Homepage Slides section in Hugo Brewm theme"
+date: 2025-01-26
+type: post
+draft: false
+translationKey: slide
+coffee: 1
+tags: ['configuration', 'slide']
+categories: ['homepage']
+---
+
+## Setting up slide content
+
+The Hugo Brewm theme features a homepage slides section that showcases important content through an interactive carousel.
+{{< marginpar >}}You can add a `cover` parameter to add a slide cover; this parameter also changes the slide layout.{{< /marginpar >}}
+To create multiple slides, you'll need to make separate files containing this front matter structure:
+
+```yaml
+---
+type: slide
+title: "Slide Title"
+---
+```
+
+## Dedicated Shortcode for Slide Content
+
+### External RSS feeds
+
+The slides section can integrate content from external sources using the RSS shortcode.
+
+```yaml
+---
+type: slide
+title: "My post on example.com"
+---
+
+{{</* rss "https://example.com/feed.xml" */>}}
+```
+
+### Gallery with Masonry layout
+
+For a Pinterest-style layout, you can implement the pin shortcode as follows:
+
+```toml
+{{</* pin "begin" */>}}
+{{</* pin img="https://example.com/item1.jpg" url="https://example.com/item1" label="Item 1" */>}}
+{{</* pin img="https://example.com/item2.jpg" url="https://example.com/item2" label="Item 2" */>}}
+{{</* pin img="https://example.com/item3.jpg" url="https://example.com/item3" label="Item 3" */>}}
+{{</* pin img="https://example.com/item4.jpg" url="https://example.com/item4" label="Item 4" */>}}
+{{</* pin img="https://example.com/item5.jpg" url="https://example.com/item5" label="Item 5" */>}}
+{{</* pin img="https://example.com/item6.jpg" url="https://example.com/item6" label="Item 6" */>}}
+{{</* pin "end" */>}}
+```

exampleSite/content/en/post/markdown-test.md

@@ -0,0 +1,85 @@
+---
+author : ['Author Name']
+title: "Markdown Test"
+description: "Various sample Markdown test"
+date: 2025-01-26
+type: post
+draft: false
+translationKey: markdown
+coffee: 1
+tags: ['markdown']
+categories: ['test']
+toot: "https://infosec.exchange/@foxx/113979609651534969"
+---
+
+<span class="letterine"><i>T</i>his is example of span with letterine class.</span>
+You need set the `markup.goldmark.unsafe` and `markup.goldmark.renderer.unsafe` parameter in `config.toml` to write html directly, but this is not recommended.
+{{< marginpar >}}
+And this is marginpar. 
+**Bold text**,
+*Italic text*,
+***Bold and italic text***,
+~~Strikethrough text~~
+[Link text](https://example.com)
+---also works.
+{{< /marginpar >}}
+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 nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
+
+## Heading 2
+
+First paragraph will not indent.
+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 nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
+
+Second paragraph and after will indent.
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+> This is a blockquote
+>> Nested blockquote
+
+### Heading 3
+
+1. Ordered list item 1
+2. Ordered list item 2
+   - Nested unordered item
+   - Another nested item
+3. Ordered list item 3
+
+- Unordered list item
+- Another item
+  - Nested item
+  - Another nested item
+
+#### Heading 4
+
+![Image alt text](https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/Domestic_cat_sitting_by_door.jpg/640px-Domestic_cat_sitting_by_door.jpg)
+
+| Header 1 | Header 2 |
+|----------|----------|
+| Cell 1   | Cell 2   |
+| Cell 3   | Cell 4   |
+
+Task list:
+- [x] Completed task
+- [ ] Incomplete task
+
+##### Heading 5
+
+Here's some `inline code` and some ***combined*** formatting.
+
+Here's some block code:
+
+    // code block with four space
+    def hello_world():
+        print("Hello, World!")
+
+```js
+// Code block with syntax highlighting
+function greeting(name) {
+    return `Hello, ${name}!`;
+}
+```
+
+###### Heading 6 
+
+Heading level 6 will show as inline paragraph.
+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 nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

exampleSite/content/en/rss.md

@@ -0,0 +1,8 @@
+---
+type: 'slide'
+title: 'Hugo Release News'
+---
+
+This is a slide with RSS feed.
+
+{{< rss url="https://gohugo.io/news/index.xml" >}}

exampleSite/content/en/slide.md

@@ -0,0 +1,10 @@
+---
+type: 'slide'
+title: 'This is slide'
+cover: 'https://raw.githubusercontent.com/foxihd/hugo-et-hd/master/static/svg/flowlines/28.svg'
+weight: 1
+---
+
+This demonstrates an example of three slide item. The navigation will change when there are three or more slides.
+
+This is slide layout with cover image in frontmatter.

exampleSite/content/id/pos/_index.md

@@ -0,0 +1,4 @@
+---
+title: "Pos"
+translationKey: post
+---

exampleSite/content/id/pos/mengatur-diskusi.md

@@ -0,0 +1,34 @@
+---
+title: "Menambahkan Diskusi"
+description: "Cara menambahkan diskusi postingan di tema Hugo Brewm"
+date: 2025-01-26
+lastmod: 2025-02-03
+type: 'post'
+draft: false
+translationKey: discussion
+coffee: 1
+---
+
+Anda dapat mengintergasikan diskusi dari postingan Fediverse anda dengan artikel. Untuk mengaktifkan fitur ini, tambahkan bagian `fediverse` ke front matter Anda dengan parameter `host`, `user`, dan `post` yang diperlukan:
+
+```yaml
+---
+title: "Contoh"
+type: "post"
+fediverse:
+    host: fediverse.instance
+    user: user-name
+    post: 123456789012345678
+---
+```
+
+Jika Anda adalah penulis tunggal, Anda dapat mengatur parameter `host` dan `user` secara global di file `config.toml`:
+
+```toml
+[params]
+    [params.fediverse]
+    host = "example.com"
+    user = "username"
+```
+
+Anda mungkin perlu melihat pratinjau permalink artikel sebelum membagikannya di jaringan Fediverse, atau melakukan CI/CD dua kali.

exampleSite/content/id/pos/mengatur-entri-terms.md

@@ -0,0 +1,43 @@
+---
+title: "Mengatur Entri `Terms`"
+description: "Cara mengatur cover dan menghubungkan entri `terms` di tema Hugo Brewm"
+date: 2025-02-03
+type: post
+draft: false
+translationKey: terms
+coffee: 1
+tags: ['authoring', 'cover', 'taxonomy', 'terms']
+categories: ['authoring']
+---
+
+Anda dapat mengubah cover untuk setiap entry terms dengan menambahkan parameter `cover` di `_index.md` di bawah `[bahasa]\[taksonomi]\[terms]\`.
+Sebagai contoh, untuk mengatur cover dari term `kongigurasi` di categories, tambahkan parameter di `content\id\categories\konfigurasi\_index.md`.
+
+```yaml
+---
+title: "Konfigurasi"
+description: "Deskripsi konfigurasi, ini bisa berguna untuk metadata HTML"
+cover: "https://example.com/cover.png"
+translationKey: konfigurasi
+---
+
+Jika ada teks yang ditulis di sini, teks akan ditampilkan sebagai bagian hero.
+```
+
+Untuk menghubungkan entry terms dalam bahasa lain, Anda dapat menambahkan parameter `translationKey`.
+Sebagai contoh, jika Anda ingin menghubungkan entry terms dalam bahasa Indonesia, tambahkan parameter di `content\id\categories\konfigurasi\_index.md`.
+
+```yaml
+---
+title: "Configuration"
+description: "Configuration description, this might be useful for HTML metadata"
+cover: "https://example.com/cover.png"
+translationKey: konfigurasi
+---
+
+Jika ada teks yang ditulis di sini, teks akan ditampilkan sebagai bagian hero.
+```
+
+Dengan cara yang sama, Anda dapat mengatur cover untuk setiap entry terms untuk taksonomi `series` dan `author`.
+Setelah membuat perubahan ini, bangun ulang situs Anda untuk melihat pembaruan cover dan terjemahan di breadcrumbs.
+Cover akan menggantikan gambar flowlines pada daftar taksonomi.

exampleSite/content/id/pos/mengatur-footer-situs.md

@@ -0,0 +1,48 @@
+---
+title: "Mengatur Footer Utama"
+description: "Cara mengatur footer utama di tema Hugo Brewm"
+date: 2025-01-26
+draft: false
+translationKey: mainfooter
+coffee: 1
+---
+
+Footer utama di tema Hugo Brewm dapat disesuaikan melalui beberapa opsi konfigurasi. Berikut cara mengatur berbagai komponen footer.
+
+## Mengatur Judul dan Konten Footer
+
+Untuk mengatur konten footer utama, buat file markdown di direktori konten Anda dengan front matter berikut:
+
+
+---
+type: footer
+title: "Judul Footer Utama Anda"
+weight: 1
+---
+
+
+Anda kemudian dapat menambahkan konten footer di bawah front matter menggunakan markdown.
+Beberapa bagian footer dapat dibuat menggunakan file markdown yang berbeda.
+
+## Mengatur Item Menu Footer
+
+Item menu footer dapat dikonfigurasi di file config.toml situs Anda. Berikut cara menambahkan item menu:
+
+```toml
+[[menu.footer]]
+    identifier = "github"       # Pengenal unik untuk item menu
+    name = "GitHub"             # Nama tampilan/tooltip
+    url = "https://github.com/" # URL tautan
+    pre = "github"              # Ikon
+```
+
+## Mengaktifkan Statistik Kopi
+
+Jika Anda ingin menampilkan statistik kopi di footer Anda, aktifkan di config.toml:
+
+```toml
+[params]
+    coffeeStat = true    # Atur ke false untuk menonaktifkan
+```
+
+Setiap parameter `coffee` di frontmatter konten Anda akan dihitung dan ditampilkan di footer.

exampleSite/content/id/pos/mengatur-logo-dan-aksen-warna.md

@@ -0,0 +1,52 @@
+---
+title: "Mengatur Logo dan Aksen Warna"
+description: "Cara mengatur Logo di tema Hugo Brewm"
+date: 2025-01-26
+lastmod: 2025-02-03
+type: 'post'
+draft: false
+translationKey: logo
+coffee: 1
+---
+
+Tema Hugo Brewm memungkinkan Anda untuk dengan mudah mengatur logo dan aksen warna situs Anda. Ikuti langkah-langkah berikut untuk mengatur logo Anda:
+
+## Mengubah Aksen Warna
+
+Untuk membuat aksen warna sesuai dengan identitas merek Anda, Anda dapat menyesuaikan warna aksen di `custom.css` yang berada di dalam `assets/css`.
+Sebagai contoh, di `exampleSite/assets/css/custom.css`:
+
+```css
+:root {
+    --ac-light: #36b;
+    --ac-dark: #fa1;
+}
+```
+
+## Menambahkan Gambar Logo / Ikon LogoMark
+
+> Siapkan gambar logo Anda
+>
+> - Buat atau siapkan file gambar logo Anda (format yang disarankan: PNG atau SVG)
+> - Untuk hasil terbaik, gunakan gambar dengan latar belakang transparan
+> - Dimensi yang disarankan: tinggi 50px hingga 70px
+> - Anda juga dapat menambahkan versi mode gelap dari logo Anda
+
+Atur logo(mark) di konfigurasi situs Anda:
+
+```toml
+[params]
+    logoMark = 'https://example.com/logoMark.svg' 
+    logoMarkDark = 'https://example.com/logoMarkDark.svg' #opsional
+```
+
+## Menggunakan Preset Logo Type
+
+Jika Anda lebih suka tidak menggunakan logo gambar, Anda dapat mengaktifkan logo berbasis teks bawaan dengan menambahkan pengaturan ini:
+
+```toml
+[params]
+    logoType = true
+```
+
+Setelah membuat perubahan ini, bangun ulang situs Anda untuk melihat logo yang diperbarui. Logo akan secara otomatis muncul di header situs dan akan responsif di berbagai ukuran perangkat.

exampleSite/content/id/pos/mengatur-menu.md

@@ -0,0 +1,244 @@
+---
+title: "Mengatur Menu"
+description: "Cara mengatur menu di tema Hugo Brewm"
+date: 2025-01-26
+lastmod: 2025-02-04
+type: 'post'
+draft: false
+translationKey: menus
+coffee: 1
+---
+
+Pelajari cara mengatur menu di tema Hugo Brewm menggunakan file `config.toml` atau `menus[.lang].toml`.
+
+## Parameter Menu
+
+- `identifier`: Pengenal unik untuk setiap item menu
+- `name`: Teks yang ditampilkan di menu
+- `url`: Tujuan tautan eksternal
+- `pageRef`: Tautan ke halaman internal
+- `weight`: Pengurutan item menu (angka lebih kecil lebih dulu)
+- `pre`: Setel ikon
+- `post`: Deskripsi untuk tautan
+- `parent`: Referensi item menu induk
+
+## Menambahkan Ikon
+
+Tambahkan ikon ke item menu Anda dengan parameter `pre`.
+
+```toml
+[[menu.main]]
+    identifier = "github"
+    name = "GitHub"
+    url = "https://github.com/"
+    pre = "github"
+```
+
+Berikut adalah daftar ikon yang didukung beserta nama-namanya yang dapat digunakan saat mengkonfigurasi item menu Anda:
+
+<ul class="column pin" role="presentation">
+  <li><i class="icon email"></i> email  </li>
+  <li><i class="icon rss"></i> rss  </li>
+  <li><i class="icon behance"></i> behance  </li>
+  <li><i class="icon bigcartel"></i> bigcartel  </li>
+  <li><i class="icon bitbucket"></i> bitbucket  </li>
+  <li><i class="icon blogger"></i> blogger  </li>
+  <li><i class="icon bluesky"></i> bluesky  </li>
+  <li><i class="icon bukalapak"></i> bukalapak  </li>
+  <li><i class="icon buymeacoffee"></i> buymeacoffee  </li>
+  <li><i class="icon clubhouse"></i> clubhouse  </li>
+  <li><i class="icon codepen"></i> codepen  </li>
+  <li><i class="icon creativefabrica"></i> creativefabrica  </li>
+  <li><i class="icon dailymotion"></i> dailymotion  </li>
+  <li><i class="icon dev"></i> dev  </li>
+  <li><i class="icon deviantart"></i> deviantart  </li>
+  <li><i class="icon digg"></i> digg  </li>
+  <li><i class="icon dribbble"></i> dribbble  </li>
+  <li><i class="icon ebay"></i> ebay  </li>
+  <li><i class="icon etsy"></i> etsy  </li>
+  <li><i class="icon facebook"></i> facebook  </li>
+  <li><i class="icon figma"></i> figma  </li>
+  <li><i class="icon flickr"></i> flickr  </li>
+  <li><i class="icon flipkart"></i> flipkart  </li>
+  <li><i class="icon github"></i> github  </li>
+  <li><i class="icon githubsponsors"></i> githubsponsors  </li>
+  <li><i class="icon gitlab"></i> gitlab  </li>
+  <li><i class="icon gnusocial"></i> gnusocial  </li>
+  <li><i class="icon goodreads"></i> goodreads  </li>
+  <li><i class="icon googlescholar"></i> googlescholar  </li>
+  <li><i class="icon gumroad"></i> gumroad  </li>
+  <li><i class="icon hackernews"></i> hackernews  </li>
+  <li><i class="icon hashnode"></i> hashnode  </li>
+  <li><i class="icon icon--500px"></i> icon–500px  </li>
+  <li><i class="icon instagram"></i> instagram  </li>
+  <li><i class="icon jsfiddle"></i> jsfiddle  </li>
+  <li><i class="icon karyakarsa"></i> karyakarsa  </li>
+  <li><i class="icon keybase"></i> keybase  </li>
+  <li><i class="icon keycdn"></i> keycdn  </li>
+  <li><i class="icon kickstarter"></i> kickstarter  </li>
+  <li><i class="icon kofi"></i> kofi  </li>
+  <li><i class="icon lazada"></i> lazada  </li>
+  <li><i class="icon liberapay"></i> liberapay  </li>
+  <li><i class="icon linkedin"></i> linkedin  </li>
+  <li><i class="icon mastodon"></i> mastodon  </li>
+  <li><i class="icon medium"></i> medium  </li>
+  <li><i class="icon olx"></i> olx  </li>
+  <li><i class="icon opencollective"></i> opencollective  </li>
+  <li><i class="icon openid"></i> openid  </li>
+  <li><i class="icon orcid"></i> orcid  </li>
+  <li><i class="icon patreon"></i> patreon  </li>
+  <li><i class="icon paypal"></i> paypal  </li>
+  <li><i class="icon peertube"></i> peertube  </li>
+  <li><i class="icon pinterest"></i> pinterest  </li>
+  <li><i class="icon pleroma"></i> pleroma  </li>
+  <li><i class="icon publons"></i> publons  </li>
+  <li><i class="icon quora"></i> quora  </li>
+  <li><i class="icon reddit"></i> reddit  </li>
+  <li><i class="icon researchgate"></i> researchgate  </li>
+  <li><i class="icon saweria"></i> saweria  </li>
+  <li><i class="icon sellfy"></i> sellfy  </li>
+  <li><i class="icon shopee"></i> shopee  </li>
+  <li><i class="icon shopify"></i> shopify  </li>
+  <li><i class="icon signal"></i> signal  </li>
+  <li><i class="icon snapchat"></i> snapchat  </li>
+  <li><i class="icon soundcloud"></i> soundcloud  </li>
+  <li><i class="icon stackexchange"></i> stackexchange  </li>
+  <li><i class="icon stackoverflow"></i> stackoverflow  </li>
+  <li><i class="icon stripe"></i> stripe  </li>
+  <li><i class="icon substack"></i> substack  </li>
+  <li><i class="icon telegram"></i> telegram  </li>
+  <li><i class="icon threads"></i> threads  </li>
+  <li><i class="icon tiktok"></i> tiktok  </li>
+  <li><i class="icon tokopedia"></i> tokopedia  </li>
+  <li><i class="icon tumblr"></i> tumblr  </li>
+  <li><i class="icon twitch"></i> twitch  </li>
+  <li><i class="icon twitter"></i> twitter  </li>
+  <li><i class="icon vimeo"></i> vimeo  </li>
+  <li><i class="icon vine"></i> vine  </li>
+  <li><i class="icon vk"></i> vk  </li>
+  <li><i class="icon wattpad"></i> wattpad  </li>
+  <li><i class="icon weibo"></i> weibo  </li>
+  <li><i class="icon whatsapp"></i> whatsapp  </li>
+  <li><i class="icon wikipedia"></i> wikipedia  </li>
+  <li><i class="icon wordpress"></i> wordpress  </li>
+  <li><i class="icon write-dot-as"></i> write-dot-as  </li>
+  <li><i class="icon x"></i> x  </li>
+  <li><i class="icon xing"></i> xing  </li>
+  <li><i class="icon xmpp"></i> xmpp  </li>
+  <li><i class="icon youtube"></i> youtube  </li>
+</ul>
+
+## Membuat Menu Bertingkat
+
+Buat menu dropdown dengan menggunakan parameter `parent`:
+
+```toml
+[[menu.main]]
+    identifier = "about"
+    name = "Tentang"
+    pageRef = "/about"
+
+    [[menu.main]]
+        identifier = "about-author"
+        name = "Penulis"
+        pageRef = "/about/author"
+        parent = "about"
+```
+
+## Dukungan Bahasa
+
+Ada empat cara untuk menambahkan dukungan multi-bahasa ke menu Anda:
+
+### 1. Menggunakan `menu.[menuID].params.lang`
+
+Di `config.toml`:
+
+```toml
+[[menu.main]]
+    identifier = "about"
+    name = "About"
+    url = "/about/"
+    [menu.main.params]
+        lang = "en"
+
+[[menu.id.main]]
+    identifier = "about"
+    name = "Tentang"
+    url = "/tentang/"
+    [menu.main.params]
+        lang = "id"
+```
+
+### 2. Menggunakan `menu.[lang].[menuID]`
+
+Di `config.toml`:
+
+```toml
+[[menu.en.main]]
+    identifier = "about"
+    name = "About"
+    url = "/about/"
+
+    [[menu.en.main]]
+        identifier = "about-author"
+        name = "Author"
+        pageRef = "/about/author"
+        parent = "about"
+
+[[menu.id.main]]
+    identifier = "about"
+    name = "Tentang"
+    url = "/tentang/"
+
+    [[menu.id.main]]
+        identifier = "about-author"
+        name = "Tentang Penyusun"
+        pageRef = "/tentang/penyusun"
+        parent = "about"
+```
+
+### 3. Menggunakan File Menu Terpisah
+
+Di `menus.en.toml`:
+
+```toml
+[[main]]
+    identifier = "about"
+    name = "About"
+    url = "/about/"
+
+    [[main]]
+        identifier = "about-author"
+        name = "Author"
+        pageRef = "/about/author"
+        parent = "about"
+```
+
+Di `menus.id.toml`:
+
+```toml
+[[main]]
+    identifier = "about"
+    name = "Tentang"
+    url = "/tentang/"
+
+    [[menu.id.main]]
+        identifier = "about-author"
+        name = "Tentang Penyusun"
+        pageRef = "/tentang/penyusun"
+        parent = "about"
+```
+
+### 4. Menggunakan Front Matter di File Markdown
+
+di `index[.lang].md` `_index[.lang].md` atau `filename[.lang].md`
+
+```toml
+---
+title: "Tentang Penulis"
+menus: 
+  main:
+    indetifier: about-author
+    parent: about
+---
+```

exampleSite/content/id/pos/mengatur-pagefind.md

@@ -0,0 +1,39 @@
+---
+title: "Mengatur Pagefind"
+description: "Panduan untuk mengatur pencarian Pagefind di tema Hugo Brewm"
+date: 2025-01-26
+type: 'post'
+draft: false
+translationKey: pagefind
+coffee: 1
+---
+
+## Mengatur pencarian di konfigurasi Hugo
+
+Untuk mengaktifkan fungsi pencarian, Anda perlu memodifikasi file `config.toml`. Pertama, aktifkan tombol pencarian menggunakan `.params.search`. Kemudian aktifkan `.params.pagefind`, jika Anda melewatkan langkah ini, tema akan menggunakan DuckDuckGo sebagai default.
+
+```toml
+[params]
+  search = true
+  pagefind = true
+```
+
+## Mengatur frontmatter pos
+
+Untuk membuat pos terindeks, Anda perlu mengatur `type` menjadi `post` pada frontmatter setiap pos.
+
+```yaml
+---
+title: "Pos"
+type: post
+---
+```
+
+## Mengatur pipeline CI/CD
+
+Untuk membuat indeks pencarian, tambahkan perintah ini ke langkah build pipeline CI/CD Anda:
+
+```yaml
+- name: Index pagefind
+  run: npx pagefind --source "public"
+```

exampleSite/content/id/pos/mengatur-riwayat-redaksi.md

@@ -0,0 +1,33 @@
++++
+title = "Mengatur Riwayat Redaksi"
+description = "Cara mengatur riwayat redaksi di tema Hugo Brewm"
+date = "2025-02-03"
+type = "post"
+draft = false
+translationKey = "history"
+coffee = 1
+tags = ["authoring", "redaksi", "riwayat"]
+categories = ["authoring"]
+history = [
+  {date = "2025-02-01", author = "Nama Penulis", reviewer = "Nama Pengulas", note = "Contoh"},
+  {date = "2025-02-02", author = "Nama Penulis", editor = "Nama Editor", note = "Addendum (contoh)"},
+  {date = "2025-02-03", note = "Errata (contoh)"},
+]
++++
+
+Fungsi riwayat redaksi memungkinkan Anda untuk melacak dan mengkomunikasikan modifikasi konten kepada pembaca.
+Di dalam front matter artikel, Anda dapat menentukan detail seperti `editor`, `reviewer`, dan menyertakan catatan penjelasan (`note`) tentang perubahan yang dilakukan.
+Fitur ini memerlukan konfigurasi manual di bagian front matter artikel.
+
+```toml
++++
+title = "Mengatur Riwayat Redaksi"
+history = [
+    {date = "2025-02-01", author = "Nama Penulis", reviewer = "Nama Pengulas", note = "Contoh"},
+    {date = "2025-02-02", author = "Nama Penulis", editor = "Nama Editor", note = "Addendum (contoh)"},
+    {date = "2025-02-03", note = "Errata (contoh)"},
+    ]
++++
+```
+
+Garis waktu kronologis yang menampilkan informasi ini akan muncul di bawah bagian informasi artikel, seperti yang ditunjukkan dalam contoh artikel ini.

exampleSite/content/id/pos/mengatur-slide.md

@@ -0,0 +1,52 @@
+---
+title: "Mengatur Slide Beranda"
+description: "Cara mengatur Bagian Slide Beranda di tema Hugo Brewm"
+date: 2025-01-26
+type: 'post'
+draft: false
+translationKey: slide
+coffee: 1
+---
+
+## Menyiapkan konten slide
+
+Tema Hugo Brewm memiliki bagian slide beranda yang menampilkan konten penting melalui carousel interaktif.
+{{< marginpar >}}Anda dapat menambahkan parameter `cover` untuk menambahkan sampul slide; parameter ini juga mengubah tata letak slide.{{< /marginpar >}}
+Untuk membuat beberapa slide, Anda perlu membuat file terpisah yang berisi struktur front matter seperti ini:
+
+```yaml
+---
+type: slide
+title: "Judul Slide"
+---
+```
+
+## Shortcode Khusus untuk Konten Slide
+
+### Feed RSS eksternal
+
+Bagian slide dapat mengintegrasikan konten dari sumber eksternal menggunakan shortcode RSS.
+
+```yaml
+---
+type: slide
+title: "Postingan saya di example.com"
+---
+
+{{</* rss "https://example.com/feed.xml" */>}}
+```
+
+### Galeri dengan tata letak Masonry
+
+Untuk gallery dengan tata letak gaya Pinterest, Anda dapat mengimplementasikan shortcode pin seperti berikut:
+
+```toml
+{{</* pin "begin" */>}}
+{{</* pin img="https://example.com/item1.jpg" url="https://example.com/item1" label="Item 1" */>}}
+{{</* pin img="https://example.com/item2.jpg" url="https://example.com/item2" label="Item 2" */>}}
+{{</* pin img="https://example.com/item3.jpg" url="https://example.com/item3" label="Item 3" */>}}
+{{</* pin img="https://example.com/item4.jpg" url="https://example.com/item4" label="Item 4" */>}}
+{{</* pin img="https://example.com/item5.jpg" url="https://example.com/item5" label="Item 5" */>}}
+{{</* pin img="https://example.com/item6.jpg" url="https://example.com/item6" label="Item 6" */>}}
+{{</* pin "end" */>}}
+```

exampleSite/content/id/pos/tes-markdown.md

@@ -0,0 +1,81 @@
+---
+title: "Tes Markdown"
+description: "Berbagai contoh tes Markdown"
+date: 2025-01-26
+type: 'post'
+draft: false
+translationKey: markdown
+coffee: 1
+---
+
+<span class="letterine"><i>I</i>ni adalah contoh span dengan kelas letterine.</span>
+Anda perlu mengatur parameter `markup.goldmark.unsafe` dan `markup.goldmark.renderer.unsafe` di `config.toml` untuk menulis html secara langsung, tetapi ini tidak direkomendasikan.
+{{< marginpar >}}
+Dan ini adalah marginpar.
+**Teks tebal**,
+*Teks miring*,
+***Teks tebal dan miring***,
+~~Teks dicoret~~
+[Teks tautan](https://example.com)
+---juga berfungsi.
+{{< /marginpar >}}
+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 nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
+## Judul 2
+
+Paragraf pertama tidak akan menjorok.
+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 nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
+Paragraf kedua dan setelahnya akan menjorok.
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+> Ini adalah kutipan
+>> Kutipan bertumpuk
+
+### Judul 3
+
+1. Item daftar terurut 1
+2. Item daftar terurut 2
+   - Item tidak terurut bersarang
+   - Item bersarang lainnya
+3. Item daftar terurut 3
+
+- Item daftar tidak terurut
+- Item lainnya
+  - Item bersarang
+  - Item bersarang lainnya
+
+#### Judul 4
+
+![Teks alternatif gambar](https://upload.wikimedia.org/wikipedia/commons/thumb/6/65/Domestic_cat_sitting_by_door.jpg/640px-Domestic_cat_sitting_by_door.jpg)
+
+| Header 1 | Header 2 |
+|----------|----------|
+| Sel 1    | Sel 2    |
+| Sel 3    | Sel 4    |
+
+Daftar tugas:
+- [x] Tugas selesai
+- [ ] Tugas belum selesai
+
+##### Judul 5
+
+Ini adalah `kode dalam baris` dan beberapa pemformatan ***gabungan***.
+
+Ini adalah blok kode:
+
+    // blok kode dengan empat spasi
+    def hello_world():
+        print("Halo, Dunia!")
+
+```js
+// Blok kode dengan penyorotan sintaks
+function salam(nama) {
+    return `Halo, ${nama}!`;
+}
+```
+
+###### Judul 6
+
+Tingkat judul 6 akan ditampilkan sebagai paragraf dalam baris.
+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 nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

i18n/en.toml

@@ -0,0 +1,223 @@
+# Please feel free to contribute to additional translation.
+# Copy this file and rename it to your language code.
+# Then translate the values.
+[404PageNotFound]
+    other = "Page Not Found"
+[404Alert]
+    other = "This page intentionally redirect"
+[404ReturnHome]
+    other = "back to homepage"
+[accessibility]
+    other = "Accessibility"
+[accessTime]
+    other = "This page is accessed on"
+[allPosts]
+    other = "All posts"
+[appearance]
+    other = "Appearance"
+[articles]
+    one = "Article"
+    other = "Articles"
+[author]
+    one = "Author"
+    other = "Authors"
+[back]
+    other = "Go Back"
+[baselineStretch]
+    other = "Baseline Stretch"
+[bionRead]
+    other = "BionRead Mode"
+[breadcrumb]
+    other = "Breadcrumb"
+[buildTime]
+    other = "This page is built on"
+[bypass]
+    other = "Bypass Navigation"
+[categories]
+    one = "Category"
+    other = "Categories"
+[close]
+    other = "Close"
+[coffeeStat]
+    other = "Coffee Stat"
+[coffeeCount]
+    other = "Making this website has taken at least "
+[coffeeCountPost]
+    other = ", if not more."
+[colophon]
+    other = "Colophon"
+[colorPalette]
+    other = "Color Palette"
+[colorSettings]
+    other = "Color Settings"
+[comments]
+    other = "Discussion"
+[contrast]
+    other = "Contrast"
+[contrib]
+    other = "Contribute"
+[contribAskReader]
+    other = "Enjoy this article?"
+[contribAskReaderResponse]
+    other = "Awesome!"
+[contribAskReaderToContribute]
+    other = "You can also support me by making the following contributions:"
+[contribCoffeeStat]
+    other = "Did you know that"
+[contribCoffeeStatPost]
+    other = "helped me write this article?"
+[copy]
+    other = "Copy Url"
+[ctaComments]
+    other = "Join Discussion"
+[cup]
+    one = "Cup of coffee"
+    other = "Cups of coffee"
+[dark]
+    other = "Dark"
+[darkMode]
+    other = "Dark Mode"
+[date_long]
+    other = "January 2, 2006"
+[defaultColor]
+    other = "Default"
+[defaultContrast]
+    other = "Default"
+[deuteranopia]
+    other = "Deuteranopia"
+[discover]
+    other = "Discover Topics"
+[editedBy]
+    other = "Edited By"
+[email]
+    other = "Email"
+[featuredImg]
+    other = "Featured image"
+[fediverseIsLoading]
+    other = "Loading comments on Fediverse"
+[FediverseReplies]
+    one = "Reply"
+    other = "Replies"
+[FediverseReblogs]
+    one = "Reblog"
+    other = "Reblogs"
+[FediverseFavourites]
+    one = "Favourites"
+    other = "Favourites"
+[followRSS]
+    other = "Follow with RSS"
+[fontSize]
+    other = "Font Size"
+[home]
+    other = "home"
+[in]
+    other = "in"
+[inNewTab]
+    other = "in new tab"
+[keepInTouch]
+    other = "Let's keep in touch!"
+[lessContrast]
+    other = "Low"
+[light]
+    other = "Light"
+[main]
+    other = "Main Menu"
+[marginpar]
+    other = "Additional Notes"
+[menuControls]
+    other = "Accessibility Menu Controls"
+[modified]
+    other = "Modified"
+[monochrome]
+    other = "Monochrome"
+[more]
+    other = "More Menu"
+[moreContrast]
+    other = "High"
+[next]
+    other = "Next"
+[nav]
+    other = "Navigation"
+[noArticle]
+    other = "No articles to show."
+[noArticlePost]
+    other = "It appears that our author ran out of coffee... Keep calm, we'll brew one shortly!"
+[noComment]
+    other = "No comments to display."
+[noScript]
+    other = "Uh-oh... Javascript is disabled!"
+[noLocalStorage]
+    other = "LocalStorage is not available in your browser. Settings won't be saved."
+[note]
+    other = "Note"
+[on]
+    other = "On"
+[OpenDyslexic]
+    other = "Use OpenDyslexic Font"
+[pages]
+    one = "Page"
+    other = "Pages"
+[pagination]
+    other = "Pagination"
+[posts]
+    one = "Post"
+    other = "Posts"
+[postsBy]
+    other = "Post by"
+[postsOn]
+    other = "Posts on"
+[prev]
+    other = "Previous"
+[print]
+    other = "Print"
+[protanopia]
+    other = "Protanopia"
+[published]
+    other = "Published"
+[readingTime]
+    other = "Min read"
+[recent]
+    other = "Recent Posts"
+[redactionHistory]
+    other = "Redaction History"
+[redactionNotes]
+    other = "Some information might changes over time, we keep redaction up to date."
+[related]
+    other = "You might also like"
+[reset]
+    other = "Reset"
+[reviewedBy]
+    other = "Reviewed By"
+[save]
+    other = "Save"
+[search]
+    other = "Search"
+[seeAll]
+    other = "See all"
+[seeMore]
+    other = "Explore more topics"
+[section]
+    other = "Section"
+[selectLang]
+    other = "Language Selections"
+[series]
+    other = "Series"
+[share]
+    other = "Share"
+[shareOn]
+    other = "Share on"
+[switchLangTo]
+    other = "Switch Language to"
+[TableOfContents]
+    other = "Table of Contents"
+[tags]
+    one = "Tag"
+    other = "Tags"
+[toContent]
+    other = "Skip to Main Content"
+[toTop]
+    other = "To Content Top"
+[top-nav]
+    other = "Top Nav"
+[tritanopia]
+    other = "Tritanopia"

i18n/id.toml

@@ -0,0 +1,215 @@
+[404PageNotFound]
+    other = "Halaman Tidak Ditemukan"
+[404Alert]
+    other = "Halaman ini sengaja dialihkan"
+[404ReturnHome]
+    other = "kembali ke beranda"
+[accessibility]
+    other = "Aksesibilitas"
+[accessTime]
+    other = "Halaman ini diakses pada"
+[allPosts]
+    other = "Semua artikel"
+[appearance]
+    other = "Tampilan"
+[articles]
+    one = "Artikel"
+    other = "Artikel"
+[author]
+    one = "Penulis"
+    other = "Penulis"
+[back]
+    other = "Kembali"
+[baselineStretch]
+    other = "Jarak Baris"
+[bionRead]
+    other = "Mode BionRead"
+[breadcrumb]
+    other = "Jejak Navigasi"
+[buildTime]
+    other = "Halaman ini dibuat pada"
+[bypass]
+    other = "Lewati Navigasi"
+[categories]
+    one = "Kategori"
+    other = "Kategori"
+[close]
+    other = "Tutup"
+[coffeeStat]
+    other = "Statistik Kopi"
+[coffeeCount]
+    other = "Membuat situs web ini telah menghabiskan setidaknya "
+[coffeeCountPost]
+    other = ", jika tidak lebih."
+[colophon]
+    other = "Kolofon"
+[colorPalette]
+    other = "Palet Warna"
+[colorSettings]
+    other = "Pengaturan Warna"
+[comments]
+    other = "Diskusi"
+[contrib]
+    other = "Kontribusi"
+[contrast]
+    other = "Kontras"
+[contribAskReader]
+    other = "Suka dengan artikel ini?"
+[contribAskReaderResponse]
+    other = "Terima kasih!"
+[contribAskReaderToContribute]
+    other = "Anda juga dapat mendukung saya dengan memberikan kontribusi berikut:"
+[contribCoffeeStat]
+    other = "Tahukah Anda bahwa"
+[contribCoffeeStatPost]
+    other = "telah membantu saya menulis artikel ini?"
+[copy]
+    other = "Salin Tautan"
+[ctaComments]
+    other = "Bergabung dalam Diskusi"
+[cup]
+    other = "Cangkir kopi"
+[dark]
+    other = "Gelap"
+[darkMode]
+    other = "Mode Gelap"
+[date_long]
+    other = "2 January 2006"
+[defaultColor]
+    other = "Bawaan"
+[defaultContrast]
+    other = "Bawaan"
+[deuteranopia]
+    other = "Deuteranopia"
+[discover]
+    other = "Jelajahi Topik"
+[editedBy]
+    other = "Disunting Oleh"
+[email]
+    other = "Surel"
+[featuredImg]
+    other = "Gambar Unggulan"
+[fediverseIsLoading]
+    other = "Memuat komentar di Fediverse"
+[FediverseReplies]
+    other = "Balasan"
+[FediverseReblogs]
+    other = "Reblog"
+[FediverseFavourites]
+    other = "Favorit"
+[followRSS]
+    other = "Ikuti dengan RSS"
+[fontSize]
+    other = "Ukuran Font"
+[home]
+    other = "Beranda"
+[in]
+    other = "Dalam"
+[inNewTab]
+    other = "Di tab baru"
+[keepInTouch]
+    other = "Mari tetap terhubung!"
+[lessContrast]
+    other = "Rendah"
+[light]
+    other = "Terang"
+[main]
+    other = "Menu Utama"
+[marginpar]
+    other = "Catatan Tambahan"
+[menuControls]
+    other = "Kontrol Menu Aksesibilitas"
+[modified]
+    other = "Diubah"
+[monochrome]
+    other = "Monokrom"
+[more]
+    other = "Menu Lainnya"
+[moreContrast]
+    other = "Tinggi"
+[nav]
+    other = "Navigasi"
+[next]
+    other = "Selanjutnya"
+[noArticle]
+    other = "Tidak ada artikel untuk ditampilkan."
+[noArticlePost]
+    other = "Sepertinya penulis kami kehabisan kopi... Tetap santai, kami akan membuatnya segera!"
+[noComment]
+    other = "Tidak ada komentar untuk ditampilkan."
+[noScript]
+    other = "Ups... Javascript dinonaktifkan!"
+[noLocalStorage]
+    other = "LocalStorage tidak tersedia di browser Anda. Pengaturan tidak akan disimpan."
+[note]
+    other = "Catatan"
+[on]
+    other = "Pada"
+[OpenDyslexic]
+    other = "Gunakan Font OpenDyslexic"
+[pages]
+    one = "Halaman"
+    other = "Halaman"
+[pagination]
+    other = "Paginasi"
+[posts]
+    one = "Artikel"
+    other = "Artikel"
+[postsBy]
+    other = "Artikel oleh"
+[postsOn]
+    other = "Artikel pada"
+[prev]
+    other = "Sebelumnya"
+[print]
+    other = "Cetak"
+[protanopia]
+    other = "Protanopia"
+[published]
+    other = "Diterbitkan"
+[readingTime]
+    other = "Menit untuk baca"
+[recent]
+    other = "Artikel Terbaru"
+[redactionHistory]
+    other = "Riwayat Redaksi"
+[redactionNotes]
+    other = "Beberapa informasi mungkin berubah, kami menjaga redaksi tetap sejalan dengan perkembangan."
+[related]
+    other = "Artikel Terkait"
+[reset]
+    other = "Atur Ulang"
+[reviewedBy]
+    other = "Ditinjau Oleh"
+[save]
+    other = "Simpan"
+[search]
+    other = "Cari"
+[seeAll]
+    other = "Lihat semua"
+[seeMore]
+    other = "Jelajahi"
+[section]
+    other = "Bagian"
+[selectLang]
+    other = "Pilihan Bahasa"
+[series]
+    other = "Seri"
+[share]
+    other = "Bagikan"
+[shareOn]
+    other = "Bagikan di"
+[switchLangTo]
+    other = "Ganti Bahasa ke"
+[TableOfContents]
+    other = "Daftar Isi"
+[tags]
+    other = "Tag"
+[toContent]
+    other = "Langsung ke Konten Utama"
+[toTop]
+    other = "Ke Atas Konten"
+[top-nav]
+    other = "Navigasi Atas"
+[tritanopia]
+    other = "Tritanopia"

theme.toml

@@ -0,0 +1,28 @@
+name = "hugo-brewm"
+license = "MIT"
+licenselink = "https://github.com/foxihd/hugo-brewm/LICENSE"
+description = "A fine-brewed Hugo theme made open"
+homepage = "https://github.com/foxihd/hugo-brewm"
+demosite = "https://foxihd.github.io/hugo-brewm"
+tags = [
+    "archive",
+    "blog",
+    "dark",
+    "landing",
+    "light",
+    "minimal",
+    "multilingual",
+    "personal",
+    "responsive"
+    ]
+features = [
+    "accessibility",
+    "breadcrumbs",
+    "mastodon comments",
+    "search"
+    ]
+min_version = "0.135.0"
+
+[author]
+    name = "Foxx"
+    homepage = "https://foxx.ink"