🔖 Release v1.1.0

2021-11-06 17:55:02 +11:00
48 changed files with 3004 additions and 1839 deletions
--- a/.github/FUNDING.yml
+++ b/.github/FUNDING.yml
@ -0,0 +1 @@
+github: jpanther
--- a/.github/ISSUE_TEMPLATE/bug-report.yml
+++ b/.github/ISSUE_TEMPLATE/bug-report.yml
@ -0,0 +1,47 @@
+name: 🐛 Bug Report
+description: Report a new problem encountered using the theme
+labels: [bug]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to fill out this bug report! Before proceeding, please check that a similar issue has not already been reported. [View open issues](https://github.com/jpanther/lynx/issues)
+  - type: textarea
+    id: what-happened
+    attributes:
+      label: What happened?
+      description: Describe the issue and how to reproduce it, including what you expected to happen.
+    validations:
+      required: true
+  - type: input
+    id: theme-version
+    attributes:
+      label: Theme version
+      description: What version of the theme are you using?
+      placeholder: eg. v1.1.0
+    validations:
+      required: true
+  - type: input
+    id: hugo-version
+    attributes:
+      label: Hugo version
+      description: What version of Hugo are you using?
+      placeholder: eg. v0.86.1
+    validations:
+      required: true
+  - type: dropdown
+    id: browsers
+    attributes:
+      label: What browsers are you seeing the problem on?
+      multiple: true
+      options:
+        - Firefox
+        - Chrome
+        - Safari
+        - Microsoft Edge
+  - type: textarea
+    id: logs
+    attributes:
+      label: Relevant Hugo log output
+      description: Please copy and paste any relevant Hugo log output. This will be automatically formatted into code, so no need for backticks.
+      render: shell
--- a/.github/ISSUE_TEMPLATE/config.yml
+++ b/.github/ISSUE_TEMPLATE/config.yml
@ -0,0 +1,8 @@
+blank_issues_enabled: true
+contact_links:
+  - name: 💡 Feature Request
+    url: https://github.com/jpanther/lynx/discussions
+    about: Request and discuss enhancements using GitHub Discussions
+  - name: 🙋‍♀️ Question
+    url: https://github.com/jpanther/lynx/discussions
+    about: Please ask and answer general questions using GitHub Discussions
--- a/.github/ISSUE_TEMPLATE/i18n-issue.yml
+++ b/.github/ISSUE_TEMPLATE/i18n-issue.yml
@ -0,0 +1,45 @@
+name: 💬 i18n Issue
+description: Report an issue with i18n or translations
+labels: [i18n]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to fill out this issue report!
+  - type: input
+    id: language
+    attributes:
+      label: Language
+      description: Which language are you using?
+      placeholder: eg. English
+    validations:
+      required: true
+  - type: textarea
+    id: issue
+    attributes:
+      label: What's the issue?
+      description: Describe the translation issue and how to reproduce it.
+    validations:
+      required: true
+  - type: input
+    id: theme-version
+    attributes:
+      label: Theme version
+      description: What version of the theme are you using?
+      placeholder: eg. v1.1.0
+    validations:
+      required: true
+  - type: input
+    id: hugo-version
+    attributes:
+      label: Hugo version
+      description: What version of Hugo are you using?
+      placeholder: eg. v0.86.1
+    validations:
+      required: true
+  - type: textarea
+    id: logs
+    attributes:
+      label: Relevant Hugo log output
+      description: Please copy and paste any relevant Hugo log output. This will be automatically formatted into code, so no need for backticks.
+      render: shell
--- a/.github/labeller.yml
+++ b/.github/labeller.yml
@ -0,0 +1,6 @@
+i18n:
+  - i18n/*
+
+documentation:
+  - "*.md"
+  - exampleSite/content/*
--- a/.github/workflows/gh-pages.yml
+++ b/.github/workflows/gh-pages.yml
@ -0,0 +1,35 @@
+name: GitHub Pages
+
+on:
+  push:
+    branches:
+      - stable
+
+jobs:
+  build-deploy:
+    runs-on: ubuntu-20.04
+    concurrency:
+      group: ${{ github.workflow }}-${{ github.ref }}
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+        with:
+          submodules: true
+          fetch-depth: 0
+
+      - name: Setup Hugo
+        uses: peaceiris/actions-hugo@v2
+        with:
+          hugo-version: "latest"
+
+      - name: Build
+        working-directory: ./exampleSite
+        run: hugo --minify --themesDir ../.. --baseURL https://jpanther.github.io/lynx/
+
+      - name: Deploy
+        uses: peaceiris/actions-gh-pages@v3
+        if: ${{ github.ref == 'refs/heads/stable' }}
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_branch: gh-pages
+          publish_dir: ./exampleSite/public
--- a/.github/workflows/label.yml
+++ b/.github/workflows/label.yml
@ -0,0 +1,17 @@
+name: Labeller
+
+on: [pull_request_target]
+
+jobs:
+  label:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pull-requests: write
+
+    steps:
+      - name: Label
+        uses: actions/labeler@v3
+        with:
+          repo-token: "${{ secrets.GITHUB_TOKEN }}"
+          configuration-path: .github/labeller.yml
--- a/.github/workflows/test-build.yml
+++ b/.github/workflows/test-build.yml
@ -0,0 +1,24 @@
+name: Test Build
+
+on: [push, pull_request]
+
+jobs:
+  build:
+    runs-on: ubuntu-20.04
+    concurrency:
+      group: ${{ github.workflow }}-${{ github.ref }}
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+        with:
+          submodules: true
+          fetch-depth: 0
+
+      - name: Setup Hugo
+        uses: peaceiris/actions-hugo@v2
+        with:
+          hugo-version: "latest"
+
+      - name: Build
+        working-directory: ./exampleSite
+        run: hugo --minify --themesDir ../.. --baseURL https://jpanther.github.io/lynx/
--- a/.gitignore
+++ b/.gitignore
@ -1,23 +1,145 @@
+
+# Created by https://www.toptal.com/developers/gitignore/api/node,
+# Edit at https://www.toptal.com/developers/gitignore?templates=node,
+
 ### Node ###
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
 # Dependency directories
 node_modules/
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+web_modules/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+.env.production
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+out
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and not Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+
+# yarn v2
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
+
+### Node Patch ###
+# Serverless Webpack directories
+.webpack/
+
+# End of https://www.toptal.com/developers/gitignore/api/node,
+
+# Created by https://www.toptal.com/developers/gitignore/api/hugo
+# Edit at https://www.toptal.com/developers/gitignore?templates=hugo

 ### Hugo ###
 # Generated files by hugo
-**/public/
-**/resources/_gen/
+/public/
+/resources/_gen/
+.hugo_build.lock

 # Executable may be added to repository
 hugo.exe
 hugo.darwin
 hugo.linux

-# Temporary lock file while building
-.hugo_build.lock
-
-### Congo ###
-# Lighthouse generated output
-.lighthouseci
-
-# Project specific files
-TODO
+# End of https://www.toptal.com/developers/gitignore/api/hugo
--- a/.prettierignore
+++ b/.prettierignore
@ -1,3 +0,0 @@
-/assets/css/compiled/
-
-/layouts/_default/_markup/*.html
--- a/.prettierrc
+++ b/.prettierrc
@ -1,11 +1,8 @@
 {
-  "plugins": ["prettier-plugin-go-template", "prettier-plugin-tailwindcss"],
-  "goTemplateBracketSpacing": true,
  "htmlWhitespaceSensitivity": "css",
  "printWidth": 100,
  "singleQuote": false,
  "tabWidth": 2,
-  "useTabs": false,
  "trailingComma": "es5",
  "overrides": [
    {
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -1,92 +1,12 @@
 # Changelog

-All notable changes to Lynx will be documented in this file. Things that need particular attention when upgrading from a prior version are marked ⚠️.
+All notable changes to this project will be documented in this file.

 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

 ## [Unreleased]

-## [1.4.0] - 2024-05-01
-
-### Added
-
- Support for Bandcamp, Bluesky, Spotify and Threads
- Support for X (Twitter) ([#107](https://github.com/jpanther/lynx/pull/107))
-
-### Changed
-
- ⚠️ Author param block in site config moved to `params.author` to align with recent deprecations in the Hugo project
- Upgrade to Tailwind v3.4.3 ([#138](https://github.com/jpanther/lynx/pull/138))
- Upgrade to Typography v0.5.11 ([#137](https://github.com/jpanther/lynx/pull/137))
-
-## [1.3.1] - 2023-09-10
-
-### Changed
-
- Upgrade to Tailwind v3.3.3 ([#77](https://github.com/jpanther/lynx/pull/77))
- Upgrade to Typography v0.5.10 ([#90](https://github.com/jpanther/lynx/pull/90))
-
-## [1.3.0] - 2023-06-04
-
-### Added
-
- Support for Stack Exchange and Stack Overflow ([#52](https://github.com/jpanther/lynx/pull/52))
-
-### Changed
-
- Updated GitLab icon
- Upgrade to Tailwind v3.3.2 ([#74](https://github.com/jpanther/lynx/pull/74))
-
-### Fixed
-
- Error building site when using Hugo v0.112.0 or later ([#73](https://github.com/jpanther/lynx/issues/73))
-
-## [1.2.4] - 2023-01-18
-
-### Changed
-
- Upgrade to Typography v0.5.9 ([#41](https://github.com/jpanther/lynx/pull/41))
-
-## [1.2.3] - 2023-01-09
-
-### Changed
-
- Updated Mastodon link colour in line with branding changes ([#36](https://github.com/jpanther/lynx/pull/36))
-
-## [1.2.2] - 2022-11-22
-
-### Changed
-
- Upgrade to Tailwind v3.2.4 ([#30](https://github.com/jpanther/lynx/pull/30))
- Upgrade to Typography v0.5.8 ([#23](https://github.com/jpanther/lynx/pull/23), [#27](https://github.com/jpanther/lynx/pull/27))
-
-## [1.2.1] - 2022-08-19
-
-### Changed
-
- Upgrade to Tailwind v3.1.8 ([#12](https://github.com/jpanther/lynx/pull/12), [#18](https://github.com/jpanther/lynx/pull/18))
- Upgrade to Typography v0.5.4 ([#16](https://github.com/jpanther/lynx/pull/16))
-
-### Fixed
-
- Home link not pointing to correct URL when site deployed in a sub-directory
-
-## [1.2.0] - 2022-06-17
-
-### Added
-
- Support for new author `headline` parameter
- Automatic author image resizing when image is provided as a Hugo asset
- Alt text to author image ([#8](https://github.com/jpanther/lynx/pull/8))
- Expanded Emoji support in page titles
-
-### Changed
-
- Upgrade to Tailwind v3.1.3 and Typography v0.5.2
- Adjusted contrast of certain text to improve accessibility
- All CSS is now bundled into a single file for better performance
-
 ## [1.1.0] - 2021-11-06

 ### Added
@ -113,14 +33,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Fathom Analytics and Google Analytics support
 - Favicons support

-[Unreleased]: https://github.com/jpanther/lynx/compare/v1.4.0...HEAD
-[1.4.0]: https://github.com/jpanther/lynx/compare/v1.3.1...v1.4.0
-[1.3.1]: https://github.com/jpanther/lynx/compare/v1.3.0...v1.3.1
-[1.3.0]: https://github.com/jpanther/lynx/compare/v1.2.4...v1.3.0
-[1.2.4]: https://github.com/jpanther/lynx/compare/v1.2.3...v1.2.4
-[1.2.3]: https://github.com/jpanther/lynx/compare/v1.2.2...v1.2.3
-[1.2.2]: https://github.com/jpanther/lynx/compare/v1.2.1...v1.2.2
-[1.2.1]: https://github.com/jpanther/lynx/compare/v1.2.0...v1.2.1
-[1.2.0]: https://github.com/jpanther/lynx/compare/v1.1.0...v1.2.0
+[unreleased]: https://github.com/jpanther/lynx/compare/v1.1.0...HEAD
 [1.1.0]: https://github.com/jpanther/lynx/compare/v1.0.0...v1.1.0
 [1.0.0]: https://github.com/jpanther/lynx/releases/tags/v1.0.0
--- a/README.md
+++ b/README.md
@ -2,15 +2,16 @@

 Lynx is designed to be a simple links page powered by [Hugo](https://gohugo.io). It's built using Tailwind CSS and inspired by services like LinkTree.

-🌏 [Demo site](https://jpanther.github.io/lynx/)
-🐛 [Bug reports & issues](https://github.com/jpanther/lynx/issues)
+🌏 [Demo site](https://jpanther.github.io/lynx/)  
+🐛 [Bug reports & issues](https://github.com/jpanther/lynx/issues)  
 💡 [Questions & feature requests](https://github.com/jpanther/lynx/discussions)

 ![Screenshot](https://raw.githubusercontent.com/jpanther/lynx/stable/images/screenshot.png)

 ## Features

- Fully responsive layout built with Tailwind CSS 3.0
+- Built with Tailwind CSS JIT for minified stylesheets without any excess code
+- Fully responsive layout
 - Dark mode (auto-switching based upon browser)
 - SVG icons from FontAwesome 5
 - HTML and Emoji support
@ -71,7 +72,7 @@ Acceptable link parameters are:
 - `title` = the HTML title of the link

 ```toml
-[params.author]
+[author]
 links = {
   # Simple link
   { github = "https://github.com/jpanther/lynx" }
--- a/assets/avatar.jpeg
+++ b/assets/avatar.jpeg
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
--- a/assets/css/main.css
+++ b/assets/css/main.css
@ -1,4 +1,4 @@
-/*! Lynx v1.4.0 | MIT License | https://github.com/jpanther/lynx */
+/*! Lynx v1.1.0 | MIT License | https://github.com/jpanther/lynx */

@tailwind base;
@tailwind components;
@ -11,7 +11,7 @@

 /* Links */
 .link {
-  @apply bg-primary-700 text-white hover:brightness-90;
+  @apply text-white bg-primary-700 hover:brightness-90;
 }

 .link-amazon {
@ -21,13 +21,6 @@
 .link-apple {
  background-color: #333;
 }
-.link-bandcamp {
-  background-color: #1da0c3;
-}
-.link-bluesky {
-  background: #0084ff;
-  background: linear-gradient(2.35619rad, #5a72fa 0%, #0084ff 100%);
-}
 .link-codepen {
  background-color: #1e1f26;
 }
@ -76,7 +69,7 @@
  background-color: #0077b5;
 }
 .link-mastodon {
-  background-color: #6364ff;
+  background-color: #338cd4;
 }
 .link-medium {
  background-color: #00ab6c;
@ -110,18 +103,12 @@
  background-color: #ff8800;
  background: linear-gradient(120deg, #ff8800, #ff3300);
 }
-.link-spotify {
-  background-color: #1db954;
-}
 .link-steam {
  background-color: #000;
 }
 .link-telegram {
  background-color: #25a3e1;
 }
-.link-threads {
-  background-color: #000;
-}
 .link-tiktok {
  background-color: #fe2d55;
 }
@ -132,29 +119,20 @@
  background-color: #9146ff;
 }
 .link-twitter {
-  background-color: rgb(63, 136, 222);
+  background-color: #1da1f2;
 }
 .link-whatsapp {
  background-color: #45d82c;
  background: linear-gradient(120deg, #12990b, #45d82c);
 }
-.link-x {
-  background-color: #000;
-}
 .link-youtube {
  background-color: #ff0000;
 }
-.link-stack-exchange {
-  background-color: #0095ff;
-}
-.link-stack-overflow {
-  background-color: #f48024;
-}

 /* -- Chroma Highlight -- */
 /* Background */
 .prose .chroma {
-  @apply rounded-md bg-neutral-50 text-neutral-700 dark:bg-neutral-700 dark:text-neutral-200;
+  @apply rounded-md text-neutral-700 bg-neutral-50 dark:bg-neutral-700 dark:text-neutral-200;
 }

@tailwind utilities;
--- a/assets/icons/bandcamp.svg
+++ b/assets/icons/bandcamp.svg
@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="currentColor" d="M256 8C119 8 8 119 8 256S119 504 256 504 504 393 504 256 393 8 256 8zm48.2 326.1h-181L207.9 178h181z"/></svg>
--- a/assets/icons/bluesky.svg
+++ b/assets/icons/bluesky.svg
@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="currentColor" d="M407.8 294.7c-3.3-.4-6.7-.8-10-1.3c3.4 .4 6.7 .9 10 1.3zM288 227.1C261.9 176.4 190.9 81.9 124.9 35.3C61.6-9.4 37.5-1.7 21.6 5.5C3.3 13.8 0 41.9 0 58.4S9.1 194 15 213.9c19.5 65.7 89.1 87.9 153.2 80.7c3.3-.5 6.6-.9 10-1.4c-3.3 .5-6.6 1-10 1.4C74.3 308.6-9.1 342.8 100.3 464.5C220.6 589.1 265.1 437.8 288 361.1c22.9 76.7 49.2 222.5 185.6 103.4c102.4-103.4 28.1-156-65.8-169.9c-3.3-.4-6.7-.8-10-1.3c3.4 .4 6.7 .9 10 1.3c64.1 7.1 133.6-15.1 153.2-80.7C566.9 194 576 75 576 58.4s-3.3-44.7-21.6-52.9c-15.8-7.1-40-14.9-103.2 29.8C385.1 81.9 314.1 176.4 288 227.1z"/></svg>
--- a/assets/icons/gitlab.svg
+++ b/assets/icons/gitlab.svg
@ -1 +1 @@
-<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="gitlab" class="svg-inline--fa fa-gitlab fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M503.5 204.6L502.8 202.8L433.1 21.02C431.7 17.45 429.2 14.43 425.9 12.38C423.5 10.83 420.8 9.865 417.9 9.57C415 9.275 412.2 9.653 409.5 10.68C406.8 11.7 404.4 13.34 402.4 15.46C400.5 17.58 399.1 20.13 398.3 22.9L351.3 166.9H160.8L113.7 22.9C112.9 20.13 111.5 17.59 109.6 15.47C107.6 13.35 105.2 11.72 102.5 10.7C99.86 9.675 96.98 9.295 94.12 9.587C91.26 9.878 88.51 10.83 86.08 12.38C82.84 14.43 80.33 17.45 78.92 21.02L9.267 202.8L8.543 204.6C-1.484 230.8-2.72 259.6 5.023 286.6C12.77 313.5 29.07 337.3 51.47 354.2L51.74 354.4L52.33 354.8L158.3 434.3L210.9 474L242.9 498.2C246.6 500.1 251.2 502.5 255.9 502.5C260.6 502.5 265.2 500.1 268.9 498.2L300.9 474L353.5 434.3L460.2 354.4L460.5 354.1C482.9 337.2 499.2 313.5 506.1 286.6C514.7 259.6 513.5 230.8 503.5 204.6z"></path></svg>
+<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="gitlab" class="svg-inline--fa fa-gitlab fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M105.2 24.9c-3.1-8.9-15.7-8.9-18.9 0L29.8 199.7h132c-.1 0-56.6-174.8-56.6-174.8zM.9 287.7c-2.6 8 .3 16.9 7.1 22l247.9 184-226.2-294zm160.8-88l94.3 294 94.3-294zm349.4 88l-28.8-88-226.3 294 247.9-184c6.9-5.1 9.7-14 7.2-22zM425.7 24.9c-3.1-8.9-15.7-8.9-18.9 0l-56.6 174.8h132z"></path></svg>
--- a/assets/icons/spotify.svg
+++ b/assets/icons/spotify.svg
@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z"/></svg>
--- a/assets/icons/stack-exchange.svg
+++ b/assets/icons/stack-exchange.svg
@ -1 +0,0 @@
-<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="stack-exchange" class="svg-inline--fa fa-stack-exchange fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M17.7 332.3h412.7v22c0 37.7-29.3 68-65.3 68h-19L259.3 512v-89.7H83c-36 0-65.3-30.3-65.3-68v-22zm0-23.6h412.7v-85H17.7v85zm0-109.4h412.7v-85H17.7v85zM365 0H83C47 0 17.7 30.3 17.7 67.7V90h412.7V67.7C430.3 30.3 401 0 365 0z"/></svg>
--- a/assets/icons/stack-overflow.svg
+++ b/assets/icons/stack-overflow.svg
@ -1 +0,0 @@
-<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="stack-overflow" class="svg-inline--fa fa-stack-overflow fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M290.7 311L95 269.7 86.8 309l195.7 41zm51-87L188.2 95.7l-25.5 30.8 153.5 128.3zm-31.2 39.7L129.2 179l-16.7 36.5L293.7 300zM262 32l-32 24 119.3 160.3 32-24zm20.5 328h-200v39.7h200zm39.7 80H42.7V320h-40v160h359.5V320h-40z"/></svg>
--- a/assets/icons/threads.svg
+++ b/assets/icons/threads.svg
@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M331.5 235.7c2.2 .9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6V256v-.2C17 184.3 33.6 127.2 65.9 86.2C102.2 40.1 156.2 16.5 226.4 16h.3c70.3 .5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8H227c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6 .4 99.9 39.5 103.7 107.7l-.2 .2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6 .1-14.4 .4c-42.9 2.4-57.2 23.2-56.2 41.8l-.1 .1z"/></svg>
--- a/assets/icons/x.svg
+++ b/assets/icons/x.svg
@ -1 +0,0 @@
-<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="x" class="svg-inline--fa fa-x fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>
--- a/config.toml
+++ b/config.toml
@ -1,22 +1,54 @@
 # baseURL = "https://your_domain.com/"
-languageCode = "zh-cn"
-defaultContentLanguage = "zh-cn"
+languageCode = "en"
+defaultContentLanguage = "en"

-title = "xiushen"
+title = "Lynx"
 # copyright = "Copy, _right?_ :thinking_face:"

 enableEmoji = true
 disableKinds = ["taxonomy", "term"]

-[params.author]
-  name = "xiushen"
-  headline = "有趣的灵魂只此一人"
-  image = "avatar.jpeg"
+[author]
+  # name = "Your name here"
+  # image = "img/author.jpg"  # path relative to static directory

  links = [
-    { email = "mailto:alyenc@outlook.com" },
-    { github = "https://github.com/alyenc" },
-    { gitlab = "https://gitlab.com/alyenc" }
+    # { email = "mailto:hello@your_domain.com" },
+    # { link = "https://link-to-some-website.com/" },
+    # { amazon = "https://www.amazon.com/hz/wishlist/ls/wishlist-id" },
+    # { apple = "https://www.apple.com" },
+    # { codepen = "https://codepen.io/username" },
+    # { dev = "https://dev.to/username" },
+    # { discord = "https://discord.gg/invitecode" },
+    # { dribbble = "https://dribbble.com/username" },
+    # { facebook = "https://facebook.com/username" },
+    # { flickr = "https://www.flickr.com/photos/username/" },
+    # { foursquare = "https://foursquare.com/username" },
+    # { github = "https://github.com/username" },
+    # { gitlab = "https://gitlab.com/username" },
+    # { google = "https://www.google.com/" },
+    # { instagram = "https://instagram.com/username" },
+    # { keybase = "https://keybase.io/username" },
+    # { kickstarter = "https://www.kickstarter.com/profile/username" },
+    # { lastfm = "https://lastfm.com/user/username" },
+    # { linkedin = "https://linkedin.com/in/username" },
+    # { mastodon = "https://mastodon.instance/@username" },
+    # { medium = "https://medium.com/username" },
+    # { microsoft = "https://www.microsoft.com/" },
+    # { patreon = "https://www.patreon.com/username" },
+    # { pinterest = "https://pinterest.com/username" },
+    # { reddit = "https://reddit.com/user/username" },
+    # { slack = "https://workspace.url/team/userid" },
+    # { snapchat = "https://snapchat.com/add/username" },
+    # { soundcloud = "https://soundcloud.com/username" },
+    # { steam = "https://steamcommunity.com/profiles/userid" },
+    # { telegram = "https://t.me/username" },
+    # { tiktok = "https://tiktok.com/@username" },
+    # { tumblr = "https://username.tumblr.com" },
+    # { twitch = "https://twitch.tv/username" },
+    # { twitter = "https://twitter.com/username" },
+    # { whatsapp = "https://wa.me/phone-number" },
+    # { youtube = "https://youtube.com/username" },
  ]

 [module]
--- a/exampleSite/assets/css/custom.css
+++ b/exampleSite/assets/css/custom.css
@ -0,0 +1,9 @@
+.link-font-awesome {
+  background: rgb(131, 58, 180);
+  background: linear-gradient(
+    90deg,
+    rgba(131, 58, 180, 1) 0%,
+    rgba(253, 29, 29, 1) 50%,
+    rgba(252, 176, 69, 1) 100%
+  );
+}
--- a/exampleSite/assets/icons/font-awesome.svg
+++ b/exampleSite/assets/icons/font-awesome.svg
@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="font-awesome-flag" class="svg-inline--fa fa-font-awesome-flag fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M448 48V384c-63 23-82 32-119 32-63 0-87-32-150-32-20 0-36 4-51 8V328c15-4 31-8 51-8 63 0 87 32 150 32 20 0 35-3 55-9V135c-20 6-35 9-55 9-63 0-87-32-150-32-51 0-75 21-115 29V448a31.6 31.6 0 0 1-32 32A31.6 31.6 0 0 1 0 448V64A31.6 31.6 0 0 1 32 32 31.6 31.6 0 0 1 64 64V77c40-8 64-29 115-29 63 0 87 32 150 32C366 80 385 71 448 48Z"></path></svg>
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@ -0,0 +1,23 @@
+theme = "lynx"
+title = "Lynx"
+
+enableEmoji = true
+disableKinds = ["taxonomy", "term"]
+
+[author]
+  name = "Lynx"
+  image = "author.jpg"
+  links = [
+    { link = { href = "https://github.com/jpanther/lynx/blob/stable/README.md", text = "View the readme", icon = "github" } },
+    { link = { href = "styles/", text = "All the link styles", target = "_self" } },
+    { github = "https://github.com/jpanther/lynx" },
+    { twitter = "https://twitter.com/jpanther" },
+    { font-awesome = { href = "https://fontawesome.com/", text = "FontAwesome" } },
+  ]
+
+[markup.highlight]
+  noClasses = false
+
+[markup.goldmark]
+[markup.goldmark.renderer]
+  unsafe = true
--- a/exampleSite/content/_index.md
+++ b/exampleSite/content/_index.md
@ -0,0 +1,5 @@
+---
+description: "This is a demo of the Lynx theme for Hugo."
+---
+
+A simple links theme for Hugo built with Tailwind CSS.
--- a/exampleSite/content/styles.md
+++ b/exampleSite/content/styles.md
@ -0,0 +1,45 @@
+---
+title: Link styles
+---
+
+These are all the built-in link styles available in Lynx. Don't forget that you can also create your own styles --- check the [readme](https://github.com/jpanther/lynx/blob/stable/README.md) for more details.
+<br><br>
+
+</section>
+<section class="flex flex-col flex-wrap min-w-full mt-4 sm:min-w-0">
+{{< link email >}}
+{{< link link >}}
+{{< link amazon >}}
+{{< link apple >}}
+{{< link codepen >}}
+{{< link dev >}}
+{{< link discord >}}
+{{< link dribbble >}}
+{{< link facebook >}}
+{{< link flickr >}}
+{{< link foursquare >}}
+{{< link github >}}
+{{< link gitlab >}}
+{{< link google >}}
+{{< link instagram >}}
+{{< link keybase >}}
+{{< link kickstarter >}}
+{{< link lastfm >}}
+{{< link linkedin >}}
+{{< link mastodon >}}
+{{< link medium >}}
+{{< link microsoft >}}
+{{< link patreon >}}
+{{< link pinterest >}}
+{{< link reddit >}}
+{{< link slack >}}
+{{< link snapchat >}}
+{{< link soundcloud >}}
+{{< link steam >}}
+{{< link telegram >}}
+{{< link tiktok >}}
+{{< link tumblr >}}
+{{< link twitch >}}
+{{< link twitter >}}
+{{< link whatsapp >}}
+{{< link youtube >}}
--- a/exampleSite/layouts/shortcodes/link.html
+++ b/exampleSite/layouts/shortcodes/link.html
@ -0,0 +1,8 @@
+<a
+  class="link link-{{ .Get 0 }} sm:px-24 min-w-full py-2 mb-3 text-lg rounded text-center"
+  href="#"
+  onclick="navigator.clipboard.writeText({{ .Get 0 }})"
+>
+  <span class="mr-1">{{ partial "icon.html" (.Get 0) }}</span>
+  {{ .Get 0 }}
+</a>
--- a/exampleSite/static/author.jpg
+++ b/exampleSite/static/author.jpg
--- a/i18n/en.yaml
+++ b/i18n/en.yaml
@ -1,8 +1,6 @@
 link:
  amazon: Amazon
  apple: Apple
-  bandcamp: Bandcamp
-  bluesky: Bluesky
  codepen: CodePen
  dev: DEV
  discord: Discord
@ -31,19 +29,14 @@ link:
  slack: Slack
  snapchat: Snapchat
  soundcloud: Soundcloud
-  spotify: Spotify
  steam: Steam
  telegram: Telegram
-  threads: Threads
  tiktok: TikTok
  tumblr: Tumblr
  twitch: Twitch
  twitter: Twitter
  whatsapp: WhatsApp
-  x: 𝕏
  youtube: YouTube
-  stack-exchange: Stack Exchange
-  stack-overflow: Stack Overflow

 nav:
  home: Home
--- a/i18n/fr.yaml
+++ b/i18n/fr.yaml
@ -1,8 +1,6 @@
 link:
  amazon: Amazon
  apple: Apple
-  bandcamp: Bandcamp
-  bluesky: Bluesky
  codepen: CodePen
  dev: DEV
  discord: Discord
@ -31,16 +29,13 @@ link:
  slack: Slack
  snapchat: Snapchat
  soundcloud: Soundcloud
-  spotify: Spotify
  steam: Steam
  telegram: Telegram
-  threads: Threads
  tiktok: TikTok
  tumblr: Tumblr
  twitch: Twitch
  twitter: Twitter
  whatsapp: WhatsApp
-  x: 𝕏
  youtube: YouTube

 # nav:
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@ -1,8 +1,8 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="{{ with .Site.LanguageCode }}{{ . }}{{ else }}en{{ end }}">
  {{- partial "head.html" . -}}
  <body
-    class="bg-neutral m-auto flex h-screen max-w-7xl flex-col px-6 text-lg leading-7 text-neutral-900 sm:px-14 md:px-24 lg:px-32 dark:bg-neutral-800 dark:text-white"
+    class="flex flex-col h-screen px-6 m-auto text-lg leading-7 bg-neutral text-neutral-900 sm:px-14 md:px-24 lg:px-32 dark:bg-neutral-800 dark:text-white max-w-7xl"
  >
    <main class="flex-grow">{{- block "main" . }}{{- end }}</main>
    {{- partial "footer.html" . -}}
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@ -1,14 +1,14 @@
 {{ define "main" }}
-  <article class="mt-10 flex flex-col items-center justify-center">
+  <article class="flex flex-col items-center justify-center mt-10">
    <nav class="place-self-start">
-      <a href="{{ "" | relURL }}" class="text-neutral-500">&larr; {{ i18n "nav.home" }}</a>
+      <a href="{{ "/" | relURL }}" class="text-neutral-500">&larr; {{ i18n "nav.home" }}</a>
    </nav>
    <header>
-      <h1 class="mb-6 mt-2 text-center text-4xl font-extrabold text-neutral-800 dark:text-white">
+      <h1 class="mt-2 mb-6 text-4xl font-extrabold text-center text-neutral-800 dark:text-white">
        {{ .Title | emojify }}
      </h1>
    </header>
-    <section class="prose dark:prose-invert">
+    <section class="prose dark:prose-light">
      {{ .Content | emojify }}
    </section>
  </article>
--- a/layouts/index.html
+++ b/layouts/index.html
@ -1,39 +1,18 @@
 {{ define "main" }}
-  <article class="mt-10 flex h-full flex-col items-center justify-center text-center">
-    <header class="mb-3 flex flex-col items-center">
-      {{ with .Site.Params.Author.image }}
-        {{ $src := . }}
-        {{ $resource := "" }}
-        {{ if $.Page.Resources.GetMatch $src }}
-          {{ $resource = $.Page.Resources.GetMatch $src }}
-        {{ else if resources.GetMatch $src }}
-          {{ $resource = resources.Get $src }}
-        {{ end }}
-        {{ with $resource }}
-          {{ $src = (.Fill "288x288").RelPermalink }}
-        {{ end }}
-        <img
-          class="mb-2 h-36 w-36 rounded-full"
-          width="144"
-          height="144"
-          alt="{{ $.Site.Params.Author.name | default "Author" }}"
-          src="{{ $src }}"
-        />
+  <article class="flex flex-col items-center justify-center h-full mt-10 text-center">
+    <header class="flex flex-col items-center mb-3">
+      {{ with .Site.Author.image }}
+        <img class="mb-2 rounded-full w-36 h-36" src="{{ . | relURL }}" />
      {{ end }}
      <h1 class="text-4xl font-extrabold dark:text-white">
-        {{ .Params.title | default .Site.Params.Author.name | default .Site.Title | emojify }}
+        {{ .Params.title | default .Site.Author.name | default .Site.Title | emojify }}
      </h1>
-      {{ with .Site.Params.Author.headline }}
-        <h2 class="text-xl text-neutral-500 dark:text-neutral-400">
-          {{ . | markdownify | emojify }}
-        </h2>
-      {{ end }}
      {{ with .Content }}
-        <section class="prose pt-5 dark:prose-invert">{{ . | emojify }}</section>
+        <section class="pt-5 prose dark:prose-light">{{ . | emojify }}</section>
      {{ end }}
    </header>
-    {{ with .Site.Params.Author.links }}
-      <div class="mt-4 flex min-w-full flex-col flex-wrap sm:min-w-0">
+    {{ with .Site.Author.links }}
+      <div class="flex flex-col flex-wrap min-w-full mt-4 sm:min-w-0">
        {{ range $links := . }}
          {{ range $type, $data := $links }}
            {{ $href := $data }}
@ -49,7 +28,7 @@
              {{ with $data.title }}{{ $title = . }}{{ end }}
            {{ end }}
            <a
-              class="link link-{{ $type }} mb-3 min-w-full rounded py-2 text-lg sm:px-24"
+              class="link link-{{ $type }} sm:px-24 min-w-full py-2 mb-3 text-lg rounded"
              href="{{ $href }}"
              target="{{ $target }}"
              {{ with $title }}title="{{ . }}"{{ end }}
--- a/layouts/partials/analytics.html
+++ b/layouts/partials/analytics.html
@ -1,6 +1,10 @@
-{{ if hugo.IsProduction }}
+{{ if not .Site.IsServer }}
  {{ with .Site.Params.fathomAnalytics.site }}
-    <script defer src="https://cdn.usefathom.com/script.js" data-site="{{ . }}"></script>
+    {{ if isset $.Site.Params.fathomanalytics "domain" }}
+      <script defer src="https://{{ $.Site.Params.fathomanalytics.domain }}/script.js" data-site="{{ . }}"></script>
+    {{ else }}
+      <script defer src="https://cdn.usefathom.com/script.js" data-site="{{ . }}"></script>
+    {{ end }}
  {{ end }}
  {{ template "_internal/google_analytics.html" . }}
 {{ end }}
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@ -1,7 +1,7 @@
 <footer class="py-10">
  <div class="text-center">
    {{/* Copyright */}}
-    <p class="text-sm text-neutral-500 dark:text-neutral-400">
+    <p class="text-sm text-neutral-400 dark:text-neutral-500">
      {{- with .Site.Copyright }}
        {{ . | emojify | markdownify }}
      {{- else }}
@ -12,11 +12,11 @@
    </p>
    {{/* Theme attribution */}}
    {{ if .Site.Params.attribution | default true }}
-      <p class="text-xs text-neutral-500 dark:text-neutral-400">
-        {{ $hugo := printf `<a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
+      <p class="text-xs text-neutral-300 dark:text-neutral-600">
+        {{ $hugo := printf `<a class="hover:underline hover:underline-primary-300 hover:text-primary-400"
          href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a>`
        }}
-        {{ $lynx := printf `<a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-lynx" target="_blank" rel="noopener noreferrer">Lynx</a>` }}
+        {{ $lynx := printf `<a class="hover:underline hover:underline-primary-300 hover:text-primary-400" href="https://git.io/hugo-lynx" target="_blank" rel="noopener noreferrer">Lynx</a>` }}
        {{ i18n "footer.powered_by" (dict "Hugo" $hugo "Lynx" $lynx) | safeHTML }}
      </p>
    {{ end }}
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@ -10,8 +10,8 @@
    <title>{{ .Site.Title }}</title>
    <meta name="title" content="{{ .Site.Title }}" />
  {{- else -}}
-    <title>{{ .Title | emojify }} &middot; {{ .Site.Title | emojify }}</title>
-    <meta name="title" content="{{ .Title | emojify }} &middot; {{ .Site.Title | emojify }}" />
+    <title>{{ .Title }} &middot; {{ .Site.Title }}</title>
+    <meta name="title" content="{{ .Title }} &middot; {{ .Site.Title }}" />
  {{- end }}
  {{/* Metadata */}}
  {{ with .Params.Description -}}
@ -32,21 +32,25 @@
  {{ range .AlternativeOutputFormats -}}
    {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .RelPermalink $.Site.Title | safeHTML }}
  {{ end -}}
-  {{/* Asset bundles */}}
-  {{ $assets := newScratch }}
-  {{ $cssMain := resources.Get "css/compiled/main.css" }}
-  {{ $assets.Add "css" (slice $cssMain) }}
-  {{ $cssCustom := resources.Get "css/custom.css" }}
-  {{ if $cssCustom }}
-    {{ $assets.Add "css" (slice $cssCustom) }}
-  {{ end }}
-  {{ $bundleCSS := $assets.Get "css" | resources.Concat "css/main.bundle.css" | resources.Minify | resources.Fingerprint "sha512" }}
+  {{/* Styles */}}
+  {{ $mainCSS := resources.Get "css/compiled/main.css" }}
+  {{ $mainStyles := $mainCSS | resources.Minify | resources.Fingerprint "sha512" }}
  <link
    type="text/css"
    rel="stylesheet"
-    href="{{ $bundleCSS.RelPermalink }}"
-    integrity="{{ $bundleCSS.Data.Integrity }}"
+    href="{{ $mainStyles.RelPermalink }}"
+    integrity="{{ $mainStyles.Data.Integrity }}"
  />
+  {{ $customCSS := resources.Get "css/custom.css" }}
+  {{ if $customCSS }}
+    {{ $customStyles := $customCSS | resources.Minify | resources.Fingerprint "sha512" }}
+    <link
+      type="text/css"
+      rel="stylesheet"
+      href="{{ $customStyles.RelPermalink }}"
+      integrity="{{ $customStyles.Data.Integrity }}"
+    />
+  {{ end }}
  {{/* Icons */}}
  {{ if templates.Exists "partials/favicons.html" }}
    {{ partialCached "favicons.html" .Site }}
@ -84,7 +88,7 @@
    {{ end }}
  {{ end }}
  {{/* Analytics */}}
-  {{ partialCached "analytics.html" . }}
+  {{ partialCached "analytics.html" .Site }}
  {{/* Extend head - eg. for custom analytics scripts, etc. */}}
  {{ if templates.Exists "partials/extend-head.html" }}
    {{ partialCached "extend-head.html" .Site }}
--- a/layouts/partials/icon.html
+++ b/layouts/partials/icon.html
@ -1,6 +1,6 @@
 {{ $icon := resources.Get (print "icons/" . ".svg") }}
 {{ if $icon }}
-  <span class="icon relative inline-block align-text-bottom">
+  <span class="relative inline-block align-text-bottom icon">
    {{ $icon.Content | safeHTML }}
  </span>
 {{ end }}
--- a/layouts/shortcodes/icon.html
+++ b/layouts/shortcodes/icon.html
@ -1,4 +1,4 @@
-<span class="icon relative inline-block align-text-bottom">
+<span class="relative inline-block align-text-bottom icon">
  {{ $icon := resources.Get (printf "icons/%s.svg" ($.Get 0)) }}
  {{ if $icon }}
    {{ $icon.Content | safeHTML }}
--- a/lighthouserc.js
+++ b/lighthouserc.js
@ -1,15 +0,0 @@
-module.exports = {
-  ci: {
-    collect: {
-      startServerCommand: "npm run example -- --disableLiveReload --minify",
-      startServerReadyPattern: "Web Server is available",
-      url: ["http://localhost:8008/lynx/"],
-      settings: {
-        skipAudits: ["uses-text-compression", "uses-long-cache-ttl"],
-      },
-    },
-    upload: {
-      target: "temporary-public-storage",
-    },
-  },
-};
--- a/netlify.toml
+++ b/netlify.toml
@ -1,18 +0,0 @@
-[build]
-  command = "cd exampleSite && hugo --gc --minify -D -b $URL"
-  publish = "exampleSite/public"
-
-[build.environment]
-HUGO_VERSION = "0.118.2"
-HUGO_THEMESDIR = "../.."
-HUGO_THEME = "repo"
-TZ = "Australia/Melbourne"
-
-[context.production.environment]
-HUGO_ENV = "production"
-
-[context.deploy-preview]
-command = "cd exampleSite && hugo --gc --minify -D -b $DEPLOY_PRIME_URL"
-
-[context.branch-deploy]
-command = "cd exampleSite && hugo --gc --minify -D -b $DEPLOY_PRIME_URL"
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -1,12 +1,11 @@
 {
  "name": "hugo-lynx-theme",
-  "version": "1.4.0",
+  "version": "1.1.0",
  "description": "Lynx theme for Hugo",
  "scripts": {
    "dev": "NODE_ENV=development ./node_modules/tailwindcss/lib/cli.js -i ./assets/css/main.css -o ./assets/css/compiled/main.css --jit -w",
    "build": "NODE_ENV=production ./node_modules/tailwindcss/lib/cli.js -i ./assets/css/main.css -o ./assets/css/compiled/main.css --jit",
-    "example": "hugo server --source exampleSite --themesDir ../.. --buildDrafts -b http://localhost/lynx/ -p 8008",
-    "lighthouse": "lhci autorun"
+    "example": "hugo server --source exampleSite --themesDir ../.. --buildDrafts -b http://localhost/lynx/ -p 8008"
  },
  "repository": {
    "type": "git",
@ -25,10 +24,9 @@
  },
  "homepage": "https://github.com/jpanther/lynx#readme",
  "devDependencies": {
-    "@tailwindcss/typography": "^0.5.11",
-    "prettier": "^3.2.5",
-    "prettier-plugin-go-template": "^0.0.15",
-    "prettier-plugin-tailwindcss": "^0.5.14",
-    "tailwindcss": "^3.4.3"
+    "@tailwindcss/typography": "^0.4.1",
+    "prettier": "^2.4.1",
+    "prettier-plugin-go-template": "^0.0.11",
+    "tailwindcss": "^2.2.19"
  }
 }
--- a/static/site.webmanifest
+++ b/static/site.webmanifest
@ -1,11 +1 @@
-{
-  "name": "Lynx",
-  "short_name": "Lynx",
-  "icons": [
-    { "src": "/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" },
-    { "src": "/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" }
-  ],
-  "theme_color": "#ffffff",
-  "background_color": "#ffffff",
-  "display": "standalone"
-}
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
--- a/tailwind.config.js
+++ b/tailwind.config.js
@ -1,12 +1,15 @@
 const colors = require("tailwindcss/colors");

 module.exports = {
-  content: [
-    "./layouts/**/*.html",
-    "./content/**/*.{html,md}",
-    "./themes/lynx/layouts/**/*.html",
-    "./themes/lynx/content/**/*.{html,md}",
-  ],
+  mode: "jit",
+  purge: {
+    content: [
+      "./layouts/**/*.html",
+      "./content/**/*.{html,md}",
+      "./themes/lynx/layouts/**/*.html",
+      "./themes/lynx/content/**/*.{html,md}",
+    ],
+  },
  darkMode: "media",
  theme: {
    colors: {
@ -17,84 +20,164 @@ module.exports = {
    extend: {
      typography: (theme) => ({
        DEFAULT: {
-          css: {
-            "--tw-prose-body": theme("colors.neutral.700"),
-            "--tw-prose-headings": theme("colors.neutral.800"),
-            "--tw-prose-lead": theme("colors.neutral.500"),
-            "--tw-prose-links": theme("colors.primary.700"),
-            "--tw-prose-bold": theme("colors.neutral.900"),
-            "--tw-prose-counters": theme("colors.neutral.800"),
-            "--tw-prose-bullets": theme("colors.neutral.500"),
-            "--tw-prose-hr": theme("colors.neutral.200"),
-            "--tw-prose-quotes": theme("colors.neutral.700"),
-            "--tw-prose-quote-borders": theme("colors.primary.200"),
-            "--tw-prose-captions": theme("colors.neutral.500"),
-            "--tw-prose-code": theme("colors.primary.700"),
-            "--tw-prose-pre-code": theme("colors.neutral.700"),
-            "--tw-prose-pre-bg": theme("colors.neutral.50"),
-            "--tw-prose-th-borders": theme("colors.neutral.500"),
-            "--tw-prose-td-borders": theme("colors.neutral.300"),
-            "--tw-prose-invert-body": theme("colors.neutral.300"),
-            "--tw-prose-invert-headings": theme("colors.neutral.50"),
-            "--tw-prose-invert-lead": theme("colors.neutral.500"),
-            "--tw-prose-invert-links": theme("colors.primary.400"),
-            "--tw-prose-invert-bold": theme("colors.neutral.DEFAULT"),
-            "--tw-prose-invert-counters": theme("colors.neutral.400"),
-            "--tw-prose-invert-bullets": theme("colors.neutral.600"),
-            "--tw-prose-invert-hr": theme("colors.neutral.500"),
-            "--tw-prose-invert-quotes": theme("colors.neutral.200"),
-            "--tw-prose-invert-quote-borders": theme("colors.primary.900"),
-            "--tw-prose-invert-captions": theme("colors.neutral.400"),
-            "--tw-prose-invert-code": theme("colors.primary.400"),
-            "--tw-prose-invert-pre-code": theme("colors.neutral.200"),
-            "--tw-prose-invert-pre-bg": theme("colors.neutral.700"),
-            "--tw-prose-invert-th-borders": theme("colors.neutral.500"),
-            "--tw-prose-invert-td-borders": theme("colors.neutral.700"),
-            a: {
-              textDecoration: "underline",
-              textDecorationColor: theme("colors.primary.300"),
-              fontWeight: "500",
-              "&:hover": {
-                color: theme("colors.neutral.DEFAULT"),
-                textDecoration: "none",
-                backgroundColor: theme("colors.primary.600"),
-                borderRadius: "0.09rem",
+          css: [
+            {
+              color: theme("colors.neutral.700"),
+              a: {
+                color: theme("colors.primary.700"),
+                textDecoration: "underline",
+                textDecorationColor: theme("colors.primary.300"),
+                fontWeight: "500",
+                "&:hover": {
+                  backgroundColor: theme("colors.primary.600"),
+                  borderRadius: "0.09rem",
+                  color: theme("colors.white"),
+                  textDecoration: "none",
+                },
+              },
+              strong: {
+                color: theme("colors.neutral.900"),
+              },
+              "ol > li::before": {
+                color: theme("colors.neutral.800"),
+              },
+              "ul > li::before": {
+                backgroundColor: theme("colors.neutral.500"),
+              },
+              hr: {
+                borderColor: theme("colors.neutral.200"),
+              },
+              blockquote: {
+                color: theme("colors.neutral.800"),
+                borderLeftColor: theme("colors.primary.200"),
+              },
+              h1: {
+                color: theme("colors.neutral.800"),
+                position: "relative",
+              },
+              h2: {
+                color: theme("colors.neutral.800"),
+                position: "relative",
+              },
+              h3: {
+                color: theme("colors.neutral.800"),
+                position: "relative",
+              },
+              h4: {
+                color: theme("colors.neutral.800"),
+                position: "relative",
+              },
+              code: {
+                color: theme("colors.primary.800"),
+              },
+              "pre code": {
+                color: theme("colors.neutral.700"),
+              },
+              pre: {
+                color: theme("colors.neutral.700"),
+                backgroundColor: theme("colors.neutral.50"),
+              },
+              "pre code": {
+                color: theme("colors.neutral.700"),
+              },
+              thead: {
+                color: theme("colors.neutral.800"),
+                borderBottomColor: theme("colors.neutral.500"),
+              },
+              "tbody tr": {
+                borderBottomColor: theme("colors.neutral.300"),
+              },
+              kbd: {
+                backgroundColor: theme("colors.neutral.200"),
+                padding: "0.1rem 0.4rem",
+                borderRadius: "0.25rem",
+                fontSize: "0.9rem",
+                fontWeight: "600",
+              },
+              mark: {
+                backgroundColor: theme("colors.primary.200"),
+                padding: "0.1rem 0.2rem",
+                borderRadius: "0.12rem",
              },
            },
-            "a code": {
-              color: "var(--tw-prose-code)",
-            },
-            kbd: {
-              backgroundColor: theme("colors.neutral.200"),
-              padding: "0.1rem 0.4rem",
-              borderRadius: "0.25rem",
-              fontSize: "0.9rem",
-              fontWeight: "600",
-            },
-            mark: {
-              color: theme("colors.neutral.800"),
-              backgroundColor: theme("colors.primary.200"),
-              padding: "0.1rem 0.2rem",
-              borderRadius: "0.12rem",
-            },
-          },
+          ],
        },
-        invert: {
-          css: {
-            a: {
-              textDecorationColor: theme("colors.neutral.600"),
+        light: {
+          css: [
+            {
+              color: theme("colors.neutral.400"),
+              a: {
+                color: theme("colors.primary.400"),
+                textDecorationColor: theme("colors.neutral.500"),
+              },
+              strong: {
+                color: theme("colors.white"),
+              },
+              "ol > li::before": {
+                color: theme("colors.neutral.400"),
+              },
+              "ul > li::before": {
+                backgroundColor: theme("colors.neutral.600"),
+              },
+              hr: {
+                borderColor: theme("colors.neutral.500"),
+              },
+              blockquote: {
+                color: theme("colors.neutral.200"),
+                borderLeftColor: theme("colors.primary.900"),
+              },
+              h1: {
+                color: theme("colors.white"),
+              },
+              h2: {
+                color: theme("colors.white"),
+              },
+              h3: {
+                color: theme("colors.white"),
+              },
+              h4: {
+                color: theme("colors.white"),
+              },
+              "figure figcaption": {
+                color: theme("colors.neutral.400"),
+              },
+              code: {
+                color: theme("colors.primary.500"),
+              },
+              "a code": {
+                color: theme("colors.white"),
+              },
+              pre: {
+                color: theme("colors.neutral.200"),
+                backgroundColor: theme("colors.neutral.700"),
+              },
+              "pre code": {
+                color: theme("colors.neutral.200"),
+              },
+              thead: {
+                color: theme("colors.white"),
+                borderBottomColor: theme("colors.neutral.500"),
+              },
+              "tbody tr": {
+                borderBottomColor: theme("colors.neutral.700"),
+              },
+              kbd: {
+                backgroundColor: theme("colors.neutral.700"),
+                color: theme("colors.neutral.300"),
+              },
+              mark: {
+                backgroundColor: theme("colors.primary.400"),
+              },
            },
-            kbd: {
-              color: theme("colors.neutral.200"),
-              backgroundColor: theme("colors.neutral.700"),
-            },
-            mark: {
-              backgroundColor: theme("colors.primary.400"),
-            },
-          },
+          ],
        },
      }),
    },
  },
+  variants: {
+    extend: {
+      typography: ["dark"],
+    },
+  },
  plugins: [require("@tailwindcss/typography")],
 };
				`@ -1 +0,0 @@`
				`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="currentColor" d="M256 8C119 8 8 119 8 256S119 504 256 504 504 393 504 256 393 8 256 8zm48.2 326.1h-181L207.9 178h181z"/></svg>`
				`@ -1 +0,0 @@`
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="currentColor" d="M407.8 294.7c-3.3-.4-6.7-.8-10-1.3c3.4 .4 6.7 .9 10 1.3zM288 227.1C261.9 176.4 190.9 81.9 124.9 35.3C61.6-9.4 37.5-1.7 21.6 5.5C3.3 13.8 0 41.9 0 58.4S9.1 194 15 213.9c19.5 65.7 89.1 87.9 153.2 80.7c3.3-.5 6.6-.9 10-1.4c-3.3 .5-6.6 1-10 1.4C74.3 308.6-9.1 342.8 100.3 464.5C220.6 589.1 265.1 437.8 288 361.1c22.9 76.7 49.2 222.5 185.6 103.4c102.4-103.4 28.1-156-65.8-169.9c-3.3-.4-6.7-.8-10-1.3c3.4 .4 6.7 .9 10 1.3c64.1 7.1 133.6-15.1 153.2-80.7C566.9 194 576 75 576 58.4s-3.3-44.7-21.6-52.9c-15.8-7.1-40-14.9-103.2 29.8C385.1 81.9 314.1 176.4 288 227.1z"/></svg>
				`@ -1 +0,0 @@`
				`<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="stack-exchange" class="svg-inline--fa fa-stack-exchange fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M17.7 332.3h412.7v22c0 37.7-29.3 68-65.3 68h-19L259.3 512v-89.7H83c-36 0-65.3-30.3-65.3-68v-22zm0-23.6h412.7v-85H17.7v85zm0-109.4h412.7v-85H17.7v85zM365 0H83C47 0 17.7 30.3 17.7 67.7V90h412.7V67.7C430.3 30.3 401 0 365 0z"/></svg>`
				`@ -0,0 +1 @@`
				<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="font-awesome-flag" class="svg-inline--fa fa-font-awesome-flag fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M448 48V384c-63 23-82 32-119 32-63 0-87-32-150-32-20 0-36 4-51 8V328c15-4 31-8 51-8 63 0 87 32 150 32 20 0 35-3 55-9V135c-20 6-35 9-55 9-63 0-87-32-150-32-51 0-75 21-115 29V448a31.6 31.6 0 0 1-32 32A31.6 31.6 0 0 1 0 448V64A31.6 31.6 0 0 1 32 32 31.6 31.6 0 0 1 64 64V77c40-8 64-29 115-29 63 0 87 32 150 32C366 80 385 71 448 48Z"></path></svg>