Merge pull request #1977 from nunocoracao/dev

🔖 v2.84.0

.firebaserc

@@ -1,5 +0,0 @@
-{
-  "projects": {
-    "default": "blowfish-21fff"
-  }
-}

.github/workflows/build.yml

@@ -36,6 +36,13 @@ jobs:
           push_options: "--dry-run"
           file_pattern: "assets/lib/katex/*"
           commit_message: "📦 Update packaged KaTeX"
+      - name: Commit Mermaid changes
+        uses: stefanzweifel/git-auto-commit-action@v5
+        with:
+          branch: "${{ github.head_ref }}"
+          push_options: "--dry-run"
+          file_pattern: "assets/lib/mermaid/*"
+          commit_message: "📦 Update packaged Mermaid"
       - run: npm run build
       - name: Commit CSS changes
         uses: stefanzweifel/git-auto-commit-action@v5

.github/workflows/create-config-zip.yml

@@ -0,0 +1,21 @@
+name: Create ZIP
+on:
+  release:
+    types: [published]
+  workflow_dispatch:
+
+jobs:
+  zip:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - run: zip -r config-default.zip config/_default
+      - uses: actions/upload-artifact@v4
+        with:
+          name: config-default
+          path: config-default.zip
+      - name: Upload to release
+        uses: softprops/action-gh-release@v2
+        with:
+          files: config-default.zip
+          tag_name: ${{ github.event.release.tag_name }}

.github/workflows/firebase-preview.yml

@@ -1,38 +0,0 @@
-name: Deploy Preview to Firebase
-'on': pull_request
-jobs:
-  build_and_preview:
-    if: '${{ github.event.pull_request.head.repo.full_name == github.repository }}'
-    runs-on: ubuntu-latest
-    steps:
-      
-      - name: Hugo setup
-        uses: peaceiris/actions-hugo@v2.6.0
-        with: 
-          hugo-version: 0.120.4
-          extended: true
-        env:
-          ACTIONS_ALLOW_UNSECURE_COMMANDS: 'true'
-
-      - name: Check out code into the Go module directory
-        uses: actions/checkout@v4
-        with:
-          submodules: true  # Fetch Hugo themes (true OR recursive)
-          fetch-depth: 0    # Fetch all history for .GitInfo and .Lastmod
-
-      - name: Build with Hugo
-        env:
-          # For maximum backward compatibility with Hugo modules
-          HUGO_ENVIRONMENT: production
-          HUGO_ENV: production
-        run: |
-          hugo -E -F --minify -s exampleSite --themesDir ../.. -d ../public --baseURL https://blowfish.page
-
-      - name: Deploy preview
-        uses: FirebaseExtended/action-hosting-deploy@v0
-        with:
-          repoToken: '${{ secrets.GITHUB_TOKEN }}'
-          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_BLOWFISH_21FFF }}'
-          expires: 30d
-          channelId: preview-${{ github.event.number }}
-          projectId: blowfish-21fff

.github/workflows/firebase-production.yml

@@ -1,39 +0,0 @@
-name: Deploy Production to Firebase
-'on':
-  push:
-    branches:
-      - main
-jobs:
-  build_and_deploy:
-    runs-on: ubuntu-latest
-    steps:
-      
-      - name: Hugo setup
-        uses: peaceiris/actions-hugo@v2.6.0
-        with: 
-          hugo-version: 0.120.4
-          extended: true
-        env:
-          ACTIONS_ALLOW_UNSECURE_COMMANDS: 'true'
-
-      - name: Check out code into the Go module directory
-        uses: actions/checkout@v4
-        with:
-          submodules: true  # Fetch Hugo themes (true OR recursive)
-          fetch-depth: 0    # Fetch all history for .GitInfo and .Lastmod
-
-      - name: Build with Hugo
-        env:
-          # For maximum backward compatibility with Hugo modules
-          HUGO_ENVIRONMENT: production
-          HUGO_ENV: production
-        run: |
-          hugo -E -F --minify -s exampleSite --themesDir ../.. -d ../public --baseURL https://blowfish.page
-
-      - name: Deploy Production
-        uses: FirebaseExtended/action-hosting-deploy@v0
-        with:
-          repoToken: '${{ secrets.GITHUB_TOKEN }}'
-          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_BLOWFISH_21FFF }}'
-          channelId: live
-          projectId: blowfish-21fff

.github/workflows/hugo-version-update.yml

@@ -0,0 +1,53 @@
+name: Update Hugo version
+
+on:
+  schedule:
+    - cron: '0 6 * * *'
+
+  workflow_dispatch:
+
+jobs:
+  updateBlowfish:
+    runs-on: ubuntu-latest
+    steps:
+
+      - name: Check out code into the Go module directory
+        uses: actions/checkout@v4
+        with:
+          ref: dev
+          submodules: true  # Fetch Hugo themes (true OR recursive)
+          fetch-depth: 0    # Fetch all history for .GitInfo and .Lastmod
+
+      - name: Fetch release version
+        id: fetch-release
+        run: |
+          curl -sL https://api.github.com/repos/gohugoio/hugo/releases/latest | \
+          jq -r ".tag_name" > release-versions/hugo-latest.txt 
+
+      - name: Check for modified files
+        id: git-check
+        run: echo ::set-output name=modified::$([ -z "`git status --porcelain`" ] && echo "false" || echo "true")
+        
+      - name: Update config.toml
+        id: update-config
+        if: steps.git-check.outputs.modified == 'true'
+        run: |
+          cat release-versions/hugo-latest.txt | \
+          while read version; do sed -i'' -E "s/(max = \")[0-9]+\.[0-9]+\.[0-9]+(\")/\1${version#v}\2/g" config.toml; done 
+
+      - name: Create Pull Request
+        if: steps.git-check.outputs.modified == 'true'
+        uses: peter-evans/create-pull-request@v7
+        with:
+          commit-message: Update Hugo supported version
+          title: ⚙️ Update Hugo supported version
+          body: |
+            Updates [Hugo][1] support
+      
+            Auto-generated by [create-pull-request][2]
+      
+            [1]: https://github.com/gohugoio/hugo
+            [2]: https://github.com/peter-evans/create-pull-request
+          labels: dependencies, automated pr
+          branch: hugo-new-version
+          base: dev

.github/workflows/pages.yml

@@ -42,7 +42,7 @@ jobs:
           submodules: recursive
       - name: Setup Pages
         id: pages
-        uses: actions/configure-pages@v4
+        uses: actions/configure-pages@v5
       - name: Build with Hugo
         env:
           # For maximum backward compatibility with Hugo modules
@@ -51,7 +51,7 @@ jobs:
         run: |
           hugo --minify -s exampleSite --themesDir ../.. -d ../docs --baseURL https://nunocoracao.github.io/blowfish/
       - name: Upload artifact
-        uses: actions/upload-pages-artifact@v2
+        uses: actions/upload-pages-artifact@v3
         with:
           path: ./docs
 
@@ -65,4 +65,4 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v3
+        uses: actions/deploy-pages@v4

.github/workflows/stale.yml

@@ -18,7 +18,7 @@ jobs:
       pull-requests: write
 
     steps:
-    - uses: actions/stale@v8
+    - uses: actions/stale@v9
       with:
         repo-token: ${{ secrets.GITHUB_TOKEN }}
         stale-issue-message: 'This issue will be closed since it has been stale for 60 days.'

.github/workflows/test.yml

@@ -16,7 +16,7 @@ jobs:
           fetch-depth: 0
 
       - name: Setup Hugo
-        uses: peaceiris/actions-hugo@v2.6.0
+        uses: peaceiris/actions-hugo@v3.0.0
         with:
           hugo-version: "latest"
 

.gitignore

@@ -29,3 +29,6 @@ node_modules
 ._*
 .Spotlight-V100
 .Trashes
+.idea
+.Ulysses-Group.plist
+.Ulysses-Settings.plist

CONTRIBUTING.md

@@ -35,9 +35,9 @@
 - Indent using 2 spaces (soft tabs).
 - Put spaces between list items (ie. `[1, 2, 3]`, not `[1,2,3]`), around operators (ie. `1 + 1`, not `1+1`) and inside go templating tags (ie. `{{< alert >}}`, not `{{<alert>}}`).
 - Avoid code reuse in templates by extracting components into partials.
-- Layout code in a logical manner that prioritises readibility.
+- Layout code in a logical manner that prioritises readability.
 - Add comments when the intent of the code isn't immediately apparent or to break up large blocks of logic.
-- Use relative paths to assets without including the preceeding slash but, when referring to a folder, including a trailing slash (ie. `static/img/`, not `/static/img/` or `/static/img`).
+- Use relative paths to assets without including the preceding slash but, when referring to a folder, including a trailing slash (ie. `static/img/`, not `/static/img/` or `/static/img`).
 - Any static text must be referenced using the `i18n` methods and included in the localisation assets.
 - Commit often, preferring incremental changes rather than bundling everything into a single, large commit.
 

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2021 James Panther (https://jamespanther.com)
+Copyright (c) 2022 Nuno Coração (https://nunocoracao.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 in

README.id.md

@@ -0,0 +1,144 @@
+**[English](https://github.com/nunocoracao/blowfish/blob/main/README.md) | Indonesian | [简体中文](https://github.com/nunocoracao/blowfish/blob/main/README.zh-cn.md) | [日本語](https://github.com/nunocoracao/blowfish/blob/main/README.ja.md)**  
+
+# Blowfish  
+[![Netlify Status](https://api.netlify.com/api/v1/badges/6e5256d4-3148-4d69-879c-310341020fe9/deploy-status)](https://app.netlify.com/sites/snazzy-dango-efb2ec/deploys)
+[![Minimum Hugo Version](https://img.shields.io/static/v1?label=min-HUGO-version&message=0.87.0&color=blue&logo=hugo)](https://github.com/gohugoio/hugo/releases/tag/v0.87.0)
+[![GitHub](https://img.shields.io/github/license/nunocoracao/blowfish)](https://github.com/nunocoracao/blowfish/blob/main/LICENSE)
+[![Blowfish](https://img.shields.io/badge/Hugo--Themes-@Blowfish-blue)](https://themes.gohugo.io/themes/blowfish/)
+![code-size](https://img.shields.io/github/languages/code-size/nunocoracao/blowfish)
+
+Blowfish dirancang sebagai tema yang kuat dan ringan untuk [Hugo](https://gohugo.io). Tema ini dibuat menggunakan Tailwind CSS dengan desain yang bersih dan minimalis, yang mengutamakan konten Anda.  
+
+![Tangkapan layar Blowfish](https://github.com/nunocoracao/blowfish/blob/main/images/screenshot.png?raw=true)  
+
+🌏 [Situs demo](https://blowfish.page/)  
+📑 [Dokumentasi tema](https://blowfish.page/docs/)  
+💎 [Toko Merch](http://tee.pub/lic/qwSlWVBL5zc)  
+🐛 [Laporan bug & masalah](https://github.com/nunocoracao/blowfish/issues)  
+💡 [Pertanyaan & permintaan fitur](https://github.com/nunocoracao/blowfish/discussions)  
+
+<a href="https://www.buymeacoffee.com/nunocoracao" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Belikan Saya Kopi" style="height: 60px !important;width: 217px !important;" ></a>  
+<a target="_blank" href="http://tee.pub/lic/qwSlWVBL5zc"><img class="nozoom" src="https://img.buymeacoffee.com/button-api/?text=Toko Merch &emoji=💎&slug=nunocoracao&button_colour=5F7FFF&font_colour=ffffff&font_family=Lato&outline_colour=000000&coffee_colour=FFDD00" /></a>  
+
+## Fitur  
+
+- Tata letak responsif sepenuhnya dengan Tailwind CSS 3.0  
+- Beragam skema warna (atau sesuaikan sendiri)  
+- Mode gelap (paksa aktif/nonaktif atau otomatis dengan pengaturan pengguna)  
+- Konfigurasi yang sangat dapat disesuaikan  
+- Integrasi Firebase untuk mendukung data dinamis  
+- Penghitung tampilan & mekanisme suka  
+- Artikel terkait  
+- Beragam tata letak halaman utama  
+- Dukungan untuk banyak penulis  
+- Seri artikel  
+- Penyortiran artikel berdasarkan tanggal dan bobot  
+- Mode Zen untuk membaca artikel  
+- Fleksibel dengan berbagai jenis konten, taksonomi, dan menu  
+- Menu header dan footer  
+- Menu bersarang & sub-menu navigasi  
+- Daftar isi yang dapat digulir  
+- Dukungan untuk konten multibahasa termasuk bahasa RTL  
+- Kemampuan untuk menautkan ke artikel di situs web pihak ketiga  
+- Dukungan untuk beberapa shortcode seperti Galeri, Timeline, Kartu GitHub, dan Carousel  
+- Integrasi BuyMeACoffee  
+- Pencarian situs berbasis klien dengan Fuse.js  
+- Diagram dan visualisasi menggunakan Mermaid  
+- Grafik menggunakan Chart.js  
+- Integrasi TypeIt  
+- Sematan YouTube dengan peningkatan kinerja  
+- Notasi matematika menggunakan KaTeX  
+- Ikon SVG dari FontAwesome 6  
+- Pengubahan ukuran gambar otomatis menggunakan Hugo Pipes  
+- Anchor heading, daftar isi, salin kode, tombol, lencana, dan lainnya  
+- Dukungan HTML dan emoji dalam artikel 🎉  
+- SEO-friendly dengan tautan berbagi ke media sosial  
+- Dukungan untuk Fathom Analytics dan Google Analytics  
+- Dukungan RSS feed, favicon, dan komentar  
+- Kustomisasi tingkat lanjut dengan definisi warna dan gaya Tailwind yang sederhana  
+- Dioptimalkan untuk kinerja dan aksesibilitas dengan skor Lighthouse sempurna  
+- Dokumentasi lengkap dengan pembaruan rutin  
+
+---
+
+![Logo Blowfish](https://github.com/nunocoracao/blowfish/blob/main/logo.png?raw=true)  
+
+## Dokumentasi  
+
+Blowfish memiliki [dokumentasi lengkap](https://blowfish.page/docs/) yang mencakup semua aspek tema. Pastikan untuk [membaca dokumentasi](https://blowfish.page/docs/) guna mempelajari cara menggunakan tema dan fiturnya.  
+
+---
+
+## Instalasi  
+
+Blowfish mendukung beberapa metode instalasi - sebagai submodul git, Modul Hugo, atau instalasi manual sepenuhnya.  
+
+Instruksi terperinci untuk setiap metode dapat ditemukan dalam [dokumentasi instalasi](https://blowfish.page/docs/installation).  
+
+### Instalasi Cepat Menggunakan Blowfish Tools  
+
+> **Catatan:** Pastikan Anda sudah menginstal **Node.js**, **Git**, **Go**, dan **Hugo**, serta telah membuat proyek Hugo sebelum melanjutkan.  
+
+Kami baru saja meluncurkan alat CLI baru untuk membantu Anda memulai dengan Blowfish. Ini akan membuat proyek Hugo baru, menginstal tema, dan mengatur file konfigurasi tema untuk Anda.  
+
+Instal alat CLI secara global menggunakan npm (atau manajer paket lainnya):  
+```shell
+npm i -g blowfish-tools
+```
+
+Kemudian jalankan perintah berikut untuk memulai interaksi yang akan memandu Anda melalui proses pembuatan dan konfigurasi:  
+```shell
+blowfish-tools
+```
+
+Untuk membuat proyek Hugo baru dan menginstal tema sekaligus, gunakan:  
+```shell
+blowfish-tools new mynewsite
+```
+
+### Instalasi Cepat Menggunakan Git Submodules  
+
+> **Catatan:** Pastikan Anda sudah menginstal **Git**, **Go**, dan **Hugo**, serta telah membuat proyek Hugo sebelum melanjutkan.  
+
+1. Dari direktori proyek Anda, inisialisasi git:  
+   ```shell
+   git init
+   ```
+
+2. Konfigurasikan Blowfish sebagai submodul git:  
+   ```shell
+   git submodule add -b main https://github.com/nunocoracao/blowfish.git themes/blowfish
+   ```
+
+3. Hapus file `config.toml` di root proyek dan salin file `*.toml` dari tema ke dalam folder `config/_default/`.  
+
+4. Ikuti petunjuk [Memulai](https://blowfish.page/docs/getting-started/) untuk mengonfigurasi situs web Anda.  
+
+### Memperbarui Tema  
+
+Untuk memperbarui tema ke rilis terbaru, cukup jalankan perintah berikut di direktori proyek Anda:  
+```shell
+hugo mod get -u
+```
+
+Instruksi pembaruan selengkapnya tersedia dalam [dokumentasi instalasi](https://blowfish.page/docs/installation/#installing-updates).  
+
+---
+
+## Kontribusi  
+
+Blowfish akan terus berkembang seiring waktu. Jika Anda memiliki ide atau ingin melaporkan bug, silakan hubungi kami:  
+
+- 🐛 **Laporan bug & masalah:** Gunakan [GitHub Issues](https://github.com/nunocoracao/blowfish/issues)  
+- 💡 **Ide fitur baru:** Buat diskusi di [GitHub Discussions](https://github.com/nunocoracao/blowfish/discussions)  
+- 🙋‍♀️ **Pertanyaan umum:** Kunjungi [GitHub Discussions](https://github.com/nunocoracao/blowfish/discussions)  
+
+Jika Anda bisa memperbaiki bug atau menambahkan fitur baru, kontribusi dalam bentuk PR sangat dihargai. Pelajari lebih lanjut dalam [panduan kontribusi](https://github.com/nunocoracao/blowfish/blob/main/CONTRIBUTING.md).  
+
+---
+
+## Grafik Stargazers  
+
+[![Stargazers over time](https://starchart.cc/nunocoracao/blowfish.svg)](https://starchart.cc/nunocoracao/blowfish)  
+
+<a rel="me" href="https://masto.ai/@blowfish">Mastodon</a>

README.ja.md

@@ -0,0 +1,178 @@
+[English](https://github.com/nunocoracao/blowfish/blob/main/README.md) | [Indonesian](https://github.com/nunocoracao/blowfish/blob/main/README.id.md) | [简体中文](https://github.com/nunocoracao/blowfish/blob/main/README.zh-cn.md) | 日本語
+# Blowfish
+[![Netlify Status](https://api.netlify.com/api/v1/badges/6e5256d4-3148-4d69-879c-310341020fe9/deploy-status)](https://app.netlify.com/sites/snazzy-dango-efb2ec/deploys)
+[![Minimum Hugo Version](https://img.shields.io/static/v1?label=min-HUGO-version&message=0.87.0&color=blue&logo=hugo)](https://github.com/gohugoio/hugo/releases/tag/v0.87.0)
+[![GitHub](https://img.shields.io/github/license/nunocoracao/blowfish)](https://github.com/nunocoracao/blowfish/blob/main/LICENSE)
+[![Blowfish](https://img.shields.io/badge/Hugo--Themes-@Blowfish-blue)](https://themes.gohugo.io/themes/blowfish/)
+![code-size](https://img.shields.io/github/languages/code-size/nunocoracao/blowfish)
+
+Blowfishは[Hugo](https://gohugo.io)のために設計された強力で軽量なテーマです。Tailwind CSS を使用し、コンテンツを優先したクリーンでミニマルなデザインでが特徴です。
+
+![blowfish screenshot](https://github.com/nunocoracao/blowfish/blob/main/images/screenshot.png?raw=true)
+
+
+🌏 [デモサイト](https://blowfish.page/)  
+📑 [ドキュメント](https://blowfish.page/docs/)  
+💎 [グッズストア](http://tee.pub/lic/qwSlWVBL5zc)  
+🐛 [バグ報告と問題点](https://github.com/nunocoracao/blowfish/issues)  
+💡 [質問と機能リクエスト](https://github.com/nunocoracao/blowfish/discussions)
+
+
+
+<a href="https://www.buymeacoffee.com/nunocoracao" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>
+<a target="_blank" href="http://tee.pub/lic/qwSlWVBL5zc"><img class="nozoom" src="https://img.buymeacoffee.com/button-api/?text=Merch Store &emoji=💎&slug=nunocoracao&button_colour=5F7FFF&font_colour=ffffff&font_family=Lato&outline_colour=000000&coffee_colour=FFDD00" /></a>
+
+
+
+## 機能
+
+- Tailwind CSS 3.0 で構築された、完璧なレスポンシブデザイン
+- 複数の配色 (または、自分で完全にカスタマイズ可能)
+- ダークモード (強制オン/オフ か 自動選択・ユーザー切り替え)
+- 高度なカスタマイズが可能な設定
+- Firebase 連携で動的データをサポート
+- 閲覧数といいね機能
+- 関連記事
+- 複数のホームページレイアウト
+- 複数人の著者
+- シリーズ記事
+- 日付と価値付けによる記事の並べ替え
+- 記事を読むための Zen モード
+- あらゆるコンテンツタイプ、分類、メニューに柔軟に対応
+- ヘッダー/フッターメニュー
+- 階層化されたメニューとサブナビゲーションメニュー
+- スクロール可能な目次
+- RTL 言語を含む多言語コンテンツのサポート
+- サードパーティー ウェブサイトの投稿へのリンク
+- ギャラリー、タイムライン、GitHub カード、カルーセルなど、複数のショートコードに対応
+- Buy Me a Coffee 連携
+- Fuse.js を利用したクライアントサイドのサイト内検索
+- Mermaid を使用したダイアグラムや視覚化
+- Chart.js を使用したグラフ表示
+- TypeIt 連携
+- パフォーマンスを改善した YouTube 埋め込み
+- KaTeX を使用した数式表現
+- FontAwesome 6 の SVG アイコン
+- Hugo Pipes を使用した画像の自動リサイズ
+- アンカーリンク、目次、コードコピー、ボタン、バッジなど
+- 記事内での HTML と絵文字のサポート 🎉
+- ソーシャルメディアへの共有リンクを備えた SEO フレンドリーな設計
+- Fathom Analytics と Google Analytics のサポート
+- RSS フィード、ファビコン、コメント機能のサポート
+- Tailwind の色定義とスタイルを使った高度なカスタマイズ
+- Lighthouse で満点評価を獲得したパフォーマンスとアクセシビリティの最適化
+- 充実したドキュメントと定期的なアップデート
+
+---
+
+![blowfish logo](https://github.com/nunocoracao/blowfish/blob/main/logo.png?raw=true)
+
+## ドキュメント
+
+Blowfish には、テーマのあらゆる側面を網羅した[詳細なドキュメント](https://blowfish.page/docs/)があります。テーマの使い方や機能を詳しく知るために、必ず[ドキュメントを読んで](https://blowfish.page/docs/)ください。
+
+---
+
+## インストール
+
+Blowfish は、git サブモジュール、Hugo モジュール、または完全な手動インストールなど、いくつかのインストール方法をサポートしています。
+
+各方法の詳細な手順は、[インストール](https://blowfish.page/docs/installation)ドキュメントに記載されています。最も簡単なセットアップ方法については、ドキュメントを参照してください。以下にクイックスタートガイドを示します。git を使用している場合はサブモジュール、Hugo テーマのインストールに慣れている場合は Hugo モジュールを使用するのがおすすめです。
+
+### Blowfish Tools を使ったクイックスタート
+
+> **注意:**  **Node.js**、**Git**、**Go**、**Hugo** がインストールされていること、そして先に進む前に新しい Hugo プロジェクトが作成されていることを確認してください。
+
+Blowfish を使い始めるのに役立つ新しい CLI ツールをリリースしました。このツールは、新しい Hugo プロジェクトを作成し、テーマをインストールし、テーマ設定ファイルをセットアップします。まだベータ版なので、[問題を見つけたら報告してください](https://github.com/nunocoracao/blowfish-tools)。
+
+npm（または他のパッケージマネージャー）を使って CLI ツールをグローバルにインストールします:
+```shell
+npm i -g blowfish-tools
+```
+
+`blowfish-tools` コマンドを実行すると、対話形式でプロジェクトの作成と設定をガイドするツールが起動します。
+```shell
+blowfish-tools
+```
+
+`blowfish-tools new` コマンドを実行すると、新しい Hugo プロジェクトを作成し、テーマを一度にインストールすることもできます。詳細については、CLI のヘルプを参照してください。
+```shell
+blowfish-tools new mynewsite
+```
+
+### git サブモジュールを使ったクイックスタート
+
+> **注意:**  **Git**、**Go**、**Hugo** がインストールされていること、そして先に進む前に新しい Hugo プロジェクトが作成されていることを確認してください。
+
+1. プロジェクトディレクトリで、git を初期化します。
+
+   ```shell
+   git init
+   ```
+
+2. Blowfish を git サブモジュールとして設定します。
+
+   ```shell
+   git submodule add -b main https://github.com/nunocoracao/blowfish.git themes/blowfish
+   ```
+
+3. ウェブサイトのルートフォルダで、Hugo によって生成された `config.toml` ファイルを削除します。テーマから `*.toml` 設定ファイルをコピーして、`config/_default/` フォルダに保存します。
+
+   これらのテーマ設定ファイルは、Hugo キャッシュディレクトリにあります。または、GitHub から[コピーをダウンロード](https://github.com/nunocoracao/blowfish/releases/latest/download/config-default.zip)できます。
+
+4. [Getting Started](https://blowfish.page/docs/getting-started/) の手順に従って、ウェブサイトを設定します。
+
+### Hugo を使ったクイックスタート
+
+> **注意:**  **Go** と **Hugo** がインストールされていること、そして先に進む前に新しい Hugo プロジェクトが作成されていることを確認してください。
+
+1. プロジェクトディレクトリから、Hugo Modules を初期化します。
+
+   ```shell
+   hugo mod init github.com/<username>/<repo-name>
+   ```
+
+2. `config/_default/module.toml` を作成し、以下を追加します。
+
+   ```toml
+   [[imports]]
+   path = "github.com/nunocoracao/blowfish/v2"
+   ```
+
+3. `hugo server` を使用してサーバーを起動すると、テーマが自動的にダウンロードされます。
+
+4. ウェブサイトのルートフォルダにある、Hugo によって生成された `config.toml` ファイルを削除します。テーマの `*.toml` 設定ファイルを `config/_default/` フォルダにコピーします。
+
+   > **注意:** 上記で作成した `module.toml` ファイルを上書きしないでください！
+
+   これらのテーマ設定ファイルは、Hugo のキャッシュディレクトリにあります。または、GitHub から[コピーをダウンロード](https://github.com/nunocoracao/blowfish/releases/latest/download/config-default.zip)できます。
+
+5. [Getting Started](https://blowfish.page/docs/getting-started/) の手順に従って、ウェブサイトを設定します。
+
+### テーマのアップデートのインストール
+
+新しいリリースが公開されたら、Hugo を使ってテーマをアップデートできます。プロジェクトディレクトリから `hugo mod get -u` を実行するだけで、テーマは自動的に最新リリースにアップデートされます。
+
+詳細な[アップデート手順](https://blowfish.page/docs/installation/#installing-updates)はドキュメントに記載されています。
+
+---
+
+## 貢献
+
+Blowfish は時間とともに進化していく予定です。必要に応じて機能の追加や変更を続けていく予定です。
+
+問題や追加してほしい新機能の提案があれば、お気軽にご連絡ください。
+
+- 🐛 **バグ報告と問題点:** [GitHub Issues](https://github.com/nunocoracao/blowfish/issues) を使用してください
+- 💡 **新機能のアイデア:** [GitHub Discussions](https://github.com/nunocoracao/blowfish/discussions) でディスカッションを開始してください
+- 🙋‍♀️ **一般的な質問:** [GitHub Discussions](https://github.com/nunocoracao/blowfish/discussions) へ進んでください
+
+バグ修正や新機能の実装ができる方は、Pull Request を歓迎します。詳しくは[貢献ガイドライン](https://github.com/nunocoracao/blowfish/blob/main/CONTRIBUTING.md)をご覧ください。
+
+---
+
+## スター数の推移
+
+[![Stargazers over time](https://starchart.cc/nunocoracao/blowfish.svg)](https://starchart.cc/nunocoracao/blowfish)
+
+<a rel="me" href="https://masto.ai/@blowfish">Mastodon</a>

README.md

@@ -1,16 +1,15 @@
+English | [Indonesian](https://github.com/nunocoracao/blowfish/blob/main/README.id.md) | [简体中文](https://github.com/nunocoracao/blowfish/blob/main/README.zh-cn.md) | [日本語](https://github.com/nunocoracao/blowfish/blob/main/README.ja.md)
 # Blowfish
-
-<a href="https://www.buymeacoffee.com/nunocoracao" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>
-<a target="_blank" href="http://tee.pub/lic/qwSlWVBL5zc"><img class="nozoom" src="https://img.buymeacoffee.com/button-api/?text=Merch Store &emoji=💎&slug=nunocoracao&button_colour=5F7FFF&font_colour=ffffff&font_family=Lato&outline_colour=000000&coffee_colour=FFDD00" /></a>
-
-[![Deploy Production to Firebase](https://github.com/nunocoracao/blowfish/actions/workflows/firebase-production.yml/badge.svg)](https://github.com/nunocoracao/blowfish/actions/workflows/firebase-production.yml)
-[![Deploy Production to GitHub pages](https://github.com/nunocoracao/blowfish/actions/workflows/pages.yml/badge.svg)](https://github.com/nunocoracao/blowfish/actions/workflows/pages.yml)
+[![Netlify Status](https://api.netlify.com/api/v1/badges/6e5256d4-3148-4d69-879c-310341020fe9/deploy-status)](https://app.netlify.com/sites/snazzy-dango-efb2ec/deploys)
 [![Minimum Hugo Version](https://img.shields.io/static/v1?label=min-HUGO-version&message=0.87.0&color=blue&logo=hugo)](https://github.com/gohugoio/hugo/releases/tag/v0.87.0)
 [![GitHub](https://img.shields.io/github/license/nunocoracao/blowfish)](https://github.com/nunocoracao/blowfish/blob/main/LICENSE)
 [![Blowfish](https://img.shields.io/badge/Hugo--Themes-@Blowfish-blue)](https://themes.gohugo.io/themes/blowfish/)
 ![code-size](https://img.shields.io/github/languages/code-size/nunocoracao/blowfish)
 
-Blowfish is designed to be a powerful, lightweight theme for [Hugo](https://gohugo.io). It's built using Tailwind CSS with a clean and minimalist design that prioritises to your content. The theme is a fork of [Congo](https://github.com/jpanther/congo).
+Blowfish is designed to be a powerful, lightweight theme for [Hugo](https://gohugo.io). It's built using Tailwind CSS with a clean and minimalist design that prioritises to your content.
+
+![blowfish screenshot](https://github.com/nunocoracao/blowfish/blob/main/images/screenshot.png?raw=true)
+
 
 🌏 [Demo site](https://blowfish.page/)  
 📑 [Theme documentation](https://blowfish.page/docs/)  
@@ -18,7 +17,11 @@ Blowfish is designed to be a powerful, lightweight theme for [Hugo](https://gohu
 🐛 [Bug reports & issues](https://github.com/nunocoracao/blowfish/issues)  
 💡 [Questions & feature requests](https://github.com/nunocoracao/blowfish/discussions)
 
-![blowfish logo](https://github.com/nunocoracao/blowfish/blob/main/logo.png?raw=true)
+
+
+<a href="https://www.buymeacoffee.com/nunocoracao" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>
+<a target="_blank" href="http://tee.pub/lic/qwSlWVBL5zc"><img class="nozoom" src="https://img.buymeacoffee.com/button-api/?text=Merch Store &emoji=💎&slug=nunocoracao&button_colour=5F7FFF&font_colour=ffffff&font_family=Lato&outline_colour=000000&coffee_colour=FFDD00" /></a>
+
 
 
 ## Features
@@ -33,10 +36,13 @@ Blowfish is designed to be a powerful, lightweight theme for [Hugo](https://gohu
 - Multiple homepage layouts
 - Multiple authors
 - Series of articles
+- Date and weight based article sorting
+- Zen mode for article reading
 - Flexible with any content types, taxonomies and menus
 - Header and footer menus
 - Nested menus & sub-navigation menu
-- Multilingual content support inlcuding support for RTL languages
+- Scrollable table of contents
+- Multilingual content support including support for RTL languages
 - Ability to link to posts on third-party websites
 - Support for several shortcodes like Gallery, Timeline, GitHub cards, and Carousels
 - Buymeacoffee integration
@@ -44,6 +50,7 @@ Blowfish is designed to be a powerful, lightweight theme for [Hugo](https://gohu
 - Diagrams and visualisations using Mermaid
 - Charts using Chart.js
 - TypeIt integration
+- Youtube embeds with performance improvements
 - Mathematical notation using KaTeX
 - SVG icons from FontAwesome 6
 - Automatic image resizing using Hugo Pipes
@@ -58,6 +65,8 @@ Blowfish is designed to be a powerful, lightweight theme for [Hugo](https://gohu
 
 ---
 
+![blowfish logo](https://github.com/nunocoracao/blowfish/blob/main/logo.png?raw=true)
+
 ## Documentation
 
 Blowfish has [extensive documentation](https://blowfish.page/docs/) that covers all aspects of the theme. Be sure to [read the docs](https://blowfish.page/docs/) to learn more about how to use the theme and its features.
@@ -70,6 +79,27 @@ Blowfish supports several installation methods - as a git submodule, a Hugo Modu
 
 Detailed instructions for each method can be found in the [Installation](https://blowfish.page/docs/installation) docs. You should consult the documentation for the simplest setup experience. Below is a quick start guide using submodules if you are using git, or Hugo modules if you're already confident installing Hugo themes.
 
+### Quick start using Blowfish Tools
+
+> **Note:** Ensure you have **Node.js**, **Git**, **Go** and **Hugo** installed, and that you have created a new Hugo project before proceeding.
+
+We just launched a new CLI tool to help you get started with Blowfish. It will create a new Hugo project, install the theme and set up the theme configuration files for you. It's still in beta so please [report any issues you find](https://github.com/nunocoracao/blowfish-tools).
+
+Install the CLI tool globally using npm (or other package manager):
+```shell
+npm i -g blowfish-tools
+```
+
+Then run the command `blowfish-tools` to start an interactive run which will guide you through creation and configuration use-cases.
+```shell
+blowfish-tools
+```
+
+You can also run the command `blowfish-tools new` to create a new Hugo project and install the theme in one go. Check the CLI help for more information.
+```shell
+blowfish-tools new mynewsite
+```
+
 ### Quick start using git submodules
 
 > **Note:** Ensure you have **Git**, **Go**, and **Hugo** installed, and that you have created a new Hugo project before proceeding.
@@ -88,7 +118,7 @@ Detailed instructions for each method can be found in the [Installation](https:/
 
 3. In the root folder of your website, delete the `config.toml` file that was generated by Hugo. Copy the `*.toml` config files from the theme into your `config/_default/` folder.
 
-   You will find these theme config files in the Hugo cache directory, or [download a copy](https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/nunocoracao/blowfish/tree/main/config/_default) from GitHub.
+   You will find these theme config files in the Hugo cache directory, or [download a copy](https://github.com/nunocoracao/blowfish/releases/latest/download/config-default.zip) from GitHub.
 
 4. Follow the [Getting Started](https://blowfish.page/docs/getting-started/) instructions to configure your website.
 
@@ -111,11 +141,11 @@ Detailed instructions for each method can be found in the [Installation](https:/
 
 3. Start your server using `hugo server` and the theme will be downloaded automatically.
 
-4. In the root folder of your website, delete the `config.toml` file that was generated by Hugo. Copy the `*.toml` config files from the theme into your `config/_default/` folder.
+4. In the root folder of your website, delete the `hugo.toml` file that was generated by Hugo. Copy the `*.toml` config files from the theme into your `config/_default/` folder.
 
    > **Note:** Do not overwrite the `module.toml` file you created above!
-
-   You will find these theme config files in the Hugo cache directory, or [download a copy](https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/nunocoracao/blowfish/tree/main/config/_default) from GitHub.
+   
+   You will find these theme config files in the Hugo cache directory, or [download a copy](https://github.com/nunocoracao/blowfish/releases/latest/download/config-default.zip) from GitHub.
 
 5. Follow the [Getting Started](https://blowfish.page/docs/getting-started/) instructions to configure your website.
 

README.zh-cn.md

@@ -0,0 +1,175 @@
+[English](https://github.com/nunocoracao/blowfish/blob/main/README.md) | [Indonesian](https://github.com/nunocoracao/blowfish/blob/main/README.id.md) | 简体中文 | [日本語](https://github.com/nunocoracao/blowfish/blob/main/README.ja.md)
+# Blowfish
+[![Netlify Status](https://api.netlify.com/api/v1/badges/6e5256d4-3148-4d69-879c-310341020fe9/deploy-status)](https://app.netlify.com/sites/snazzy-dango-efb2ec/deploys)
+[![Minimum Hugo Version](https://img.shields.io/static/v1?label=min-HUGO-version&message=0.87.0&color=blue&logo=hugo)](https://github.com/gohugoio/hugo/releases/tag/v0.87.0)
+[![GitHub](https://img.shields.io/github/license/nunocoracao/blowfish)](https://github.com/nunocoracao/blowfish/blob/main/LICENSE)
+[![Blowfish](https://img.shields.io/badge/Hugo--Themes-@Blowfish-blue)](https://themes.gohugo.io/themes/blowfish/)
+![code-size](https://img.shields.io/github/languages/code-size/nunocoracao/blowfish)
+
+Blowfish 是一个轻量有力的 Hugo 主题。它使用 Tailwind CSS 构建，洁净而富有极简主义，是你网站内容载体的不二之选。  
+
+![blowfish screenshot](https://github.com/nunocoracao/blowfish/blob/main/images/screenshot.png?raw=true)
+
+
+🌏 [示例站点](https://blowfish.page/zh-cn/)  
+📑 [主题文档](https://blowfish.page/zh-cn/docs/)  
+💎 [周边商店](http://tee.pub/lic/qwSlWVBL5zc)  
+🐛 [Bug 问题报告](https://github.com/nunocoracao/blowfish/issues)  
+💡 [问答和功能需求](https://github.com/nunocoracao/blowfish/discussions)
+
+
+
+<a href="https://www.buymeacoffee.com/nunocoracao" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>
+<a target="_blank" href="http://tee.pub/lic/qwSlWVBL5zc"><img class="nozoom" src="https://img.buymeacoffee.com/button-api/?text=Merch Store &emoji=💎&slug=nunocoracao&button_colour=5F7FFF&font_colour=ffffff&font_family=Lato&outline_colour=000000&coffee_colour=FFDD00" /></a>
+
+
+
+## 特性
+
+- 使用 Tailwind CSS 3.0 构建全面响应式布局
+- 多种配色方案，亦可完全由你定义
+- 夜间模式支持（手动开启/关闭或根据用户设备自动切换）
+- 高度自主的配置方式
+- 集成 Firebase 以支持动态数据统计
+- 集成浏览次数统计和点赞机制
+- “相关文章”列表生成
+- 多种主页布局
+- 多作者模式支持
+- 可将文章整理成选集列表
+- 禅模式支持
+- 可灵活定义各种内容类型、分类标准和菜单
+- 页眉和页脚双重菜单可选
+- 支持嵌套菜单和子导航菜单
+- 支持多语言内容，包括 RTL 语言
+- 可链接到第三方网站上的帖子
+- 支持多种简码，如图库、时间轴、GitHub 卡片和图片灯箱
+- 支持 Buymeacoffee
+- 拥有由 Fuse.js 支持的客户端一侧网站搜索功能
+- 植入了基于 Mermaid 的图表功能
+- 植入了基于 Chart.js 的图表功能
+- 集成逼真的自动打字效果
+- 集成性能优化的 Youtube 卡片简码
+- 集成 KaTeX 的公式
+- 集成 FontAwesome 6 的矢量图标引用
+- 使用 Hugo Pipes 自动调整图像大小
+- 拥有标题锚点、目录、代码复制、按钮、分类徽章等功能
+- 文章内部支持 HTML 和 Emoji 🎉
+- 便于搜索引擎优化，文章可一键分享到社交媒体 
+- 支持 Fathom Analytics 和 Google Analytics
+- 支持 RSS 订阅、网站图标和评论功能
+- 可使用简单的 Tailwind 对颜色和样式进行高级定制
+- 优化了性能和可访问性，拥有极高的 Lighthouse 评分
+- 文档齐全，定期更新
+
+---
+
+![blowfish logo](https://github.com/nunocoracao/blowfish/blob/main/logo.png?raw=true)
+
+## 文档
+Blowfish 有 [全面的文档](https://blowfish.page/zh-cn/docs/)，覆盖主题的任何一个方面。 请确保 [阅读文档](https://blowfish.page/zh-cn/docs/) 以详细了解本主题有哪些功能。
+
+---
+
+## 安装
+
+Blowfish 支持多种安装方式，既能作为 git 子模块、Hugo 模块，也可完全手动安装。
+
+每种方法的详细说明都可以在 [安装](https://blowfish.page/zh-cn/docs/installation) 文档中找到。为了获得最简单的安装体验，请查阅文档。如果你使用的是 git，请阅读下面使用子模块的快速开始指南；如果你能安装 Hugo 主题，请阅读下面 Hugo 模块的快速开始指南。
+
+### 使用 Blowfish Tools 快速开始
+
+> **注：** 请确保你已安装 **Node.js**、 **Git**、 **Go** 和 **Hugo** ，且已经创建了一个 Hugo 工程。
+
+我们最新推出了一个新的 CLI 工具，帮助你开始使用 Blowfish。它将为你创建一个新的 Hugo 项目、安装主题并设置主题配置文件。它仍处于测试阶段，因此请 [报告你发现的任何问题](https://github.com/nunocoracao/blowfish-tools)。
+
+使用 npm（或其他软件包管理器）全局安装 CLI 工具：
+```shell
+npm i -g blowfish-tools
+```
+
+然后运行 "blowfish-tools "命令，开启一个交互式进程，引导你完成创建和配置。
+```shell
+blowfish-tools
+```
+
+你也可以运行命令 `blowfish-tools new` 来创建一个新的 Hugo 项目，并一次性安装主题。更多信息请查看 CLI 帮助。
+```shell
+blowfish-tools new mynewsite
+```
+
+### 使用 git 子模块快速开始
+
+> **注：** 请确保你已安装 **Node.js**、 **Git**、 **Go** 和 **Hugo** ，且已经创建了一个 Hugo 工程。
+
+1. 从你工程的所在目录初始化 git 仓库
+
+   ```shell
+   git init
+   ```
+
+2. 配置 Blowfish 作为 git 子模块
+
+   ```shell
+   git submodule add -b main https://github.com/nunocoracao/blowfish.git themes/blowfish
+   ```
+
+3. 在你网站的根目录中删除由 Hugo 自动生成的 `config.toml`文件，并把主题文件夹中的`*.toml`配置文件复制到你的 `config/_default/`文件夹中
+
+   你可在 Hugo 缓存目录中找到主题配置文件，或者也可以从[这里](https://github.com/nunocoracao/blowfish/releases/latest/download/config-default.zip)下载一份。
+
+4. 按照[入门指南](https://blowfish.page/zh-cn/docs/getting-started/)来配置你的网站
+
+### 使用 Hugo 快速开始
+
+> **注：** 确保你已经安装了 **Go** 和 **Hugo**，且已创建了一个 Hugo 工程。
+
+1. 从你工程的所在目录初始化 Hugo 模块
+
+   ```shell
+   hugo mod init github.com/<用户名>/<仓库名>
+   ```
+
+2. 新建 `config/_default/module.toml` 并写入以下内容:
+
+   ```toml
+   [[imports]]
+   path = "github.com/nunocoracao/blowfish/v2"
+   ```
+
+3. 运行 `hugo server` 启动你的本地服务器，本主题就会自动下载。
+
+4. 在你网站的根目录中删除由 Hugo 自动生成的 `config.toml`文件，并把主题文件夹中的`*.toml`配置文件复制到你的 `config/_default/`文件夹中
+
+   > **注** 不要覆盖之前的 `module.toml` ！
+
+   你可在 Hugo 缓存目录中找到主题配置文件，或者也可以从[这里](https://github.com/nunocoracao/blowfish/releases/latest/download/config-default.zip)下载一份。
+
+5. 按照[入门指南](https://blowfish.page/zh-cn/docs/getting-started/)来配置你的网站
+
+### Installing theme updates
+
+当新的主题版本发布，你可以在你网站的根目录使用 Hugo 命令`hugo mod get -u`来简单地把主题更新到最新版本。
+
+详细的[更新指南](https://blowfish.page/zh-cn/docs/installation/#%E6%9B%B4%E6%96%B0%E4%B8%BB%E9%A2%98)在文档中。
+
+---
+
+## 贡献
+
+Blowfish 将会持续进化。我打算不断增加功能，并按需进行修改。
+
+如有任何问题或对新功能的建议，请随时联系我。  
+
+- 🐛 **Bug 问题报告** 使用 [GitHub Issues](https://github.com/nunocoracao/blowfish/issues)
+- 💡 **发表关于新功能的想法：** 在 [GitHub Discussions](https://github.com/nunocoracao/blowfish/discussions) 发起讨论
+- 🙋‍♀️ **一般问题：** 查看 [GitHub Discussions](https://github.com/nunocoracao/blowfish/discussions)
+
+如果你有能力修补 Bug 或者实现新功能，欢迎提交 PR。[了解更多](https://github.com/nunocoracao/blowfish/blob/main/CONTRIBUTING.md).
+
+---
+
+## Star 数量统计
+
+[![Stargazers over time](https://starchart.cc/nunocoracao/blowfish.svg)](https://starchart.cc/nunocoracao/blowfish)
+
+<a rel="me" href="https://masto.ai/@blowfish">Mastodon</a>

assets/css/components/zen-mode.css

@@ -0,0 +1,16 @@
+#zen-mode-button {
+    cursor:pointer
+}
+
+.zen-mode {
+    position: relative;
+}
+
+body.zen-mode-enable {
+    #bmc-wbtn, .author {
+        display:none !important;
+    }
+}
+
+
+

assets/css/main.css

@@ -1,8 +1,9 @@
 /*! Blowfish | MIT License | https://github.com/nunocoracao/blowfish */
 
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import './components/zen-mode.css';
+
+@import "tailwindcss";
+@config "../../tailwind.config.js";
 
 body a,
 body button {
@@ -14,6 +15,11 @@ body button {
   @apply h-[1em] w-[1em];
 }
 
+/* Scale SVG logos to appropriate size */
+.logo svg {
+  @apply h-[5rem] w-[5rem];
+}
+
 /* Search */
 #search-query::-webkit-search-cancel-button,
 #search-query::-webkit-search-decoration,
@@ -22,19 +28,6 @@ body button {
   @apply hidden;
 }
 
-/* Hamburger menu */
-body:has(#menu-controller:checked) {
-  @apply overflow-y-hidden;
-}
-
-#menu-button:has(#menu-controller:checked) {
-  @apply invisible;
-}
-
-#menu-controller:checked~#menu-wrapper {
-  @apply visible opacity-100;
-}
-
 /* RTL support */
 .prose blockquote {
   @apply rtl:pr-4 rtl:border-l-0 rtl:border-r-4;
@@ -111,6 +104,28 @@ body:has(#menu-controller:checked) {
   @apply absolute opacity-5 -z-10;
 }
 
+/* Fix long KaTeX equations on mobile (see https://katex.org/docs/issues.html#css-customization) */
+.katex-display { overflow: auto hidden }
+
+/* Fix long tables breaking out of article on mobile */
+table {
+    display: block;
+    overflow: auto;
+}
+
+/* Fix long inline code sections breaking out of article on mobile */
+code {
+    word-wrap: break-word;         /* All browsers since IE 5.5+ */
+    overflow-wrap: break-word;     /* Renamed property in CSS3 draft spec */
+}
+
+/* Fix long URLs breaking out of article bounds on mobile */
+a {
+    word-break: break-word;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+}
+
 /* -- Chroma Highlight -- */
 /* Background */
 .prose .chroma {

assets/icons/bluesky.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256,232.562c-21.183,-41.196 -78.868,-117.97 -132.503,-155.834c-51.378,-36.272 -70.978,-29.987 -83.828,-24.181c-14.872,6.72 -17.577,29.554 -17.577,42.988c0,13.433 7.365,110.138 12.169,126.281c15.873,53.336 72.376,71.358 124.413,65.574c2.66,-0.395 5.357,-0.759 8.089,-1.097c-2.68,0.429 -5.379,0.796 -8.089,1.097c-76.259,11.294 -143.984,39.085 -55.158,137.972c97.708,101.165 133.908,-21.692 152.484,-83.983c18.576,62.291 39.972,180.718 150.734,83.983c83.174,-83.983 22.851,-126.674 -53.408,-137.969c-2.71,-0.302 -5.409,-0.667 -8.089,-1.096c2.732,0.337 5.429,0.702 8.089,1.096c52.037,5.785 108.54,-12.239 124.413,-65.574c4.804,-16.142 12.169,-112.847 12.169,-126.281c-0,-13.434 -2.705,-36.267 -17.577,-42.988c-12.85,-5.806 -32.45,-12.09 -83.829,24.181c-53.634,37.864 -111.319,114.635 -132.502,155.831Z"/></svg>

assets/icons/codeberg.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg fill="currentColor" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><path d="M11.955.49A12 12 0 0 0 0 12.49a12 12 0 0 0 1.832 6.373L11.838 5.928a.187.14 0 0 1 .324 0l10.006 12.935A12 12 0 0 0 24 12.49a12 12 0 0 0-12-12 12 12 0 0 0-.045 0zm.375 6.467 4.416 16.553a12 12 0 0 0 5.137-4.213z"/></svg>

assets/icons/edit.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M490.3 40.4C512.2 62.27 512.2 97.73 490.3 119.6L460.3 149.7L362.3 51.72L392.4 21.66C414.3-.2135 449.7-.2135 471.6 21.66L490.3 40.4zM172.4 241.7L339.7 74.34L437.7 172.3L270.3 339.6C264.2 345.8 256.7 350.4 248.4 353.2L159.6 382.8C150.1 385.6 141.5 383.4 135 376.1C128.6 370.5 126.4 361 129.2 352.4L158.8 263.6C161.6 255.3 166.2 247.8 172.4 241.7V241.7zM192 63.1C209.7 63.1 224 78.33 224 95.1C224 113.7 209.7 127.1 192 127.1H96C78.33 127.1 64 142.3 64 159.1V416C64 433.7 78.33 448 96 448H352C369.7 448 384 433.7 384 416V319.1C384 302.3 398.3 287.1 416 287.1C433.7 287.1 448 302.3 448 319.1V416C448 469 405 512 352 512H96C42.98 512 0 469 0 416V159.1C0 106.1 42.98 63.1 96 63.1H192z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152V424c0 48.6 39.4 88 88 88H360c48.6 0 88-39.4 88-88V312c0-13.3-10.7-24-24-24s-24 10.7-24 24V424c0 22.1-17.9 40-40 40H88c-22.1 0-40-17.9-40-40V152c0-22.1 17.9-40 40-40H200c13.3 0 24-10.7 24-24s-10.7-24-24-24H88z"/></svg>

assets/icons/expand.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="50px" height="50px">
+    <path fill="currentColor" d="M 12.980469 4 C 9.1204688 4 5.9804688 7.14 5.9804688 11 L 6 26 L 9.9804688 26 L 9.9804688 11 C 9.9804688 9.35 11.320469 8 12.980469 8 L 40.019531 8 C 41.679531 8 43.019531 9.35 43.019531 11 L 43.019531 39 C 43.019531 40.65 41.679531 42 40.019531 42 L 29 42 C 29 43.54 28.420938 44.94 27.460938 46 L 40.019531 46 C 43.879531 46 47.019531 42.86 47.019531 39 L 47.019531 11 C 47.019531 7.14 43.879531 4 40.019531 4 L 12.980469 4 z M 7 28 C 4.794 28 3 29.794 3 32 L 3 42 C 3 44.206 4.794 46 7 46 L 23 46 C 25.206 46 27 44.206 27 42 L 27 32 C 27 29.794 25.206 28 23 28 L 7 28 z M 7 32 L 23 32 L 23.001953 42 L 7 42 L 7 32 z"/>
+</svg>

assets/icons/forgejo.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 212 212" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="currentColor"><g style="opacity:.7"><path stroke-width="25" d="M64 174V76a50 50 0 0 1 50-50h20"/><circle stroke-width="15" cx="148" cy="26" r="18"/></g><path stroke-width="25" d="M64 174v-30a50 50 0 0 1 50-50h20"/><circle stroke-width="15" cx="148" cy="94" r="18"/><circle stroke-width="15" cx="64" cy="186" r="18"/></g></svg>

assets/icons/gitea.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="5.67 143.05 628.65 387.55"><path fill="currentColor" d="M115.912 143.075c-6.462 0-13.762.525-22.012 2.325-8.7 1.8-33.5 7.4-53.8 26.9C-4.9 212.4 6.6 276.2 8 285.8c1.7 11.7 6.9 44.2 31.7 72.5 45.8 56.1 144.4 54.8 144.4 54.8s12.1 28.9 30.6 55.5c25 33.1 50.7 58.9 75.7 62 63 0 188.9-.1 188.9-.1s12 .1 28.3-10.3c14-8.5 26.5-23.4 26.5-23.4S547 483 565 451.5c5.5-9.7 10.1-19.1 14.1-28 0 0 55.2-117.1 55.2-231.1-1.1-34.5-9.6-40.6-11.6-42.6-4.1-4.1-9.6-4-9.6-4s-117.2 6.6-177.9 8c-13.267.3-26.433.597-39.5.697l.1 117.002s57.4 24.202 83.1 40.102c3.7 2.3 10.2 6.798 12.9 14.398 2.1 6.1 2 13.101-1 19.301l-61 126.9c-6.2 12.7-21.4 18.1-33.9 12l-126.9-61c-12.5-6-17.9-21.2-11.8-33.8l61-126.9c6-12.5 21.2-17.9 33.8-11.8a5290.322 5290.322 0 0 0 27 12.954c0-36.449-.1-109.053-.1-109.053-29 .4-89.2-2.201-89.2-2.201s-141.4-7.1-156.8-8.5c-4.9-.3-10.525-.825-16.988-.825zm12.188 48.026s7.1 59.399 15.7 94.199c7.2 29.2 24.8 77.7 24.8 77.7s-26.1-3.1-43-9.1c-25.9-8.5-36.9-18.7-36.9-18.7S69.6 321.8 60 295.4c-16.5-44.2-1.4-71.2-1.4-71.2s8.4-22.5 38.5-30c13.8-3.7 31-3.1 31-3.1z"/><path fill="currentColor" d="M326.8 380.1c-8.2.1-15.4 5.8-17.3 13.8-1.9 8 2 16.3 9.1 20 7.7 4 17.5 1.8 22.7-5.4 5.1-7.1 4.3-16.9-1.8-23.1l24-49.1c1.5.1 3.7.2 6.2-.5 4.1-.9 7.1-3.6 7.1-3.6 4.2 1.8 8.6 3.8 13.2 6.1 4.8 2.4 9.3 4.9 13.4 7.3.9.5 1.8 1.1 2.8 1.9 1.6 1.3 3.4 3.1 4.7 5.5 1.9 5.5-1.9 14.9-1.9 14.9-2.3 7.6-18.4 40.6-18.4 40.6-8.1-.2-15.3 5-17.7 12.5-2.6 8.1 1.1 17.3 8.9 21.3 7.8 4 17.4 1.7 22.5-5.3 5-6.8 4.6-16.3-1.1-22.6 1.9-3.7 3.7-7.4 5.6-11.3 5-10.4 13.5-30.4 13.5-30.4.9-1.7 5.7-10.3 2.7-21.3-2.5-11.4-12.6-16.7-12.6-16.7-12.2-7.9-29.2-15.2-29.2-15.2s0-4.1-1.1-7.1c-1.1-3.1-2.8-5.1-3.9-6.3 4.7-9.7 9.4-19.3 14.1-29-4.1-2-8.1-4-12.2-6.1-4.8 9.8-9.7 19.7-14.5 29.5-6.7-.1-12.9 3.5-16.1 9.4-3.4 6.3-2.7 14.1 1.9 19.8l-24.6 50.4z"/></svg>

assets/icons/itch-io.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="235.452" width="261.728" viewBox="0 0 245.37069 220.73612"><path fill="currentColor" d="M31.99 1.365C21.287 7.72.2 31.945 0 38.298v10.516C0 62.144 12.46 73.86 23.773 73.86c13.584 0 24.902-11.258 24.903-24.62 0 13.362 10.93 24.62 24.515 24.62 13.586 0 24.165-11.258 24.165-24.62 0 13.362 11.622 24.62 25.207 24.62h.246c13.586 0 25.208-11.258 25.208-24.62 0 13.362 10.58 24.62 24.164 24.62 13.585 0 24.515-11.258 24.515-24.62 0 13.362 11.32 24.62 24.903 24.62 11.313 0 23.773-11.714 23.773-25.046V38.298c-.2-6.354-21.287-30.58-31.988-36.933C180.118.197 157.056-.005 122.685 0c-34.37.003-81.228.54-90.697 1.365zm65.194 66.217a28.025 28.025 0 0 1-4.78 6.155c-5.128 5.014-12.157 8.122-19.906 8.122a28.482 28.482 0 0 1-19.948-8.126c-1.858-1.82-3.27-3.766-4.563-6.032l-.006.004c-1.292 2.27-3.092 4.215-4.954 6.037a28.5 28.5 0 0 1-19.948 8.12c-.934 0-1.906-.258-2.692-.528-1.092 11.372-1.553 22.24-1.716 30.164l-.002.045c-.02 4.024-.04 7.333-.06 11.93.21 23.86-2.363 77.334 10.52 90.473 19.964 4.655 56.7 6.775 93.555 6.788h.006c36.854-.013 73.59-2.133 93.554-6.788 12.883-13.14 10.31-66.614 10.52-90.474-.022-4.596-.04-7.905-.06-11.93l-.003-.045c-.162-7.926-.623-18.793-1.715-30.165-.786.27-1.757.528-2.692.528a28.5 28.5 0 0 1-19.948-8.12c-1.862-1.822-3.662-3.766-4.955-6.037l-.006-.004c-1.294 2.266-2.705 4.213-4.563 6.032a28.48 28.48 0 0 1-19.947 8.125c-7.748 0-14.778-3.11-19.906-8.123a28.025 28.025 0 0 1-4.78-6.155 27.99 27.99 0 0 1-4.736 6.155 28.49 28.49 0 0 1-19.95 8.124c-.27 0-.54-.012-.81-.02h-.007c-.27.008-.54.02-.813.02a28.49 28.49 0 0 1-19.95-8.123 27.992 27.992 0 0 1-4.736-6.155zm-20.486 26.49l-.002.01h.015c8.113.017 15.32 0 24.25 9.746 7.028-.737 14.372-1.105 21.722-1.094h.006c7.35-.01 14.694.357 21.723 1.094 8.93-9.747 16.137-9.73 24.25-9.746h.014l-.002-.01c3.833 0 19.166 0 29.85 30.007L210 165.244c8.504 30.624-2.723 31.373-16.727 31.4-20.768-.773-32.267-15.855-32.267-30.935-11.496 1.884-24.907 2.826-38.318 2.827h-.006c-13.412 0-26.823-.943-38.318-2.827 0 15.08-11.5 30.162-32.267 30.935-14.004-.027-25.23-.775-16.726-31.4L46.85 124.08c10.684-30.007 26.017-30.007 29.85-30.007zm45.985 23.582v.006c-.02.02-21.863 20.08-25.79 27.215l14.304-.573v12.474c0 .584 5.74.346 11.486.08h.006c5.744.266 11.485.504 11.485-.08v-12.474l14.304.573c-3.928-7.135-25.79-27.215-25.79-27.215v-.006l-.003.002z"/></svg>

assets/icons/language.svg

@@ -0,0 +1,2 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
+    <path fill="currentColor" d="M0 128C0 92.7 28.7 64 64 64H256h48 16H576c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H320 304 256 64c-35.3 0-64-28.7-64-64V128zm320 0V384H576V128H320zM178.3 175.9c-3.2-7.2-10.4-11.9-18.3-11.9s-15.1 4.7-18.3 11.9l-64 144c-4.5 10.1 .1 21.9 10.2 26.4s21.9-.1 26.4-10.2l8.9-20.1h73.6l8.9 20.1c4.5 10.1 16.3 14.6 26.4 10.2s14.6-16.3 10.2-26.4l-64-144zM160 233.2L179 276H141l19-42.8zM448 164c11 0 20 9 20 20v4h44 16c11 0 20 9 20 20s-9 20-20 20h-2l-1.6 4.5c-8.9 24.4-22.4 46.6-39.6 65.4c.9 .6 1.8 1.1 2.7 1.6l18.9 11.3c9.5 5.7 12.5 18 6.9 27.4s-18 12.5-27.4 6.9l-18.9-11.3c-4.5-2.7-8.8-5.5-13.1-8.5c-10.6 7.5-21.9 14-34 19.4l-3.6 1.6c-10.1 4.5-21.9-.1-26.4-10.2s.1-21.9 10.2-26.4l3.6-1.6c6.4-2.9 12.6-6.1 18.5-9.8l-12.2-12.2c-7.8-7.8-7.8-20.5 0-28.3s20.5-7.8 28.3 0l14.6 14.6 .5 .5c12.4-13.1 22.5-28.3 29.8-45H448 376c-11 0-20-9-20-20s9-20 20-20h52v-4c0-11 9-20 20-20z"/></svg>

assets/icons/spotify.svg

@@ -0,0 +1 @@
+<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>

assets/icons/threads.svg

@@ -0,0 +1,2 @@
+<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>

assets/icons/xing.svg

@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Xing</title><path fill="currentColor" d="M18.188 0c-.517 0-.741.325-.927.66 0 0-7.455 13.224-7.702 13.657.015.024 4.919 9.023 4.919 9.023.17.308.436.66.967.66h3.454c.211 0 .375-.078.463-.22.089-.151.089-.346-.009-.536l-4.879-8.916c-.004-.006-.004-.016 0-.022L22.139.756c.095-.191.097-.387.006-.535C22.056.078 21.894 0 21.686 0h-3.498zM3.648 4.74c-.211 0-.385.074-.473.216-.09.149-.078.339.02.531l2.34 4.05c.004.01.004.016 0 .021L1.86 16.051c-.099.188-.093.381 0 .529.085.142.239.234.45.234h3.461c.518 0 .766-.348.945-.667l3.734-6.609-2.378-4.155c-.172-.315-.434-.659-.962-.659H3.648v.016z"/></svg>

assets/img/background.svg

@@ -0,0 +1,574 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+  style="margin:auto;background:rgba(NaN, NaN, NaN, 0);display:block;z-index:1;position:relative"
+  width="1084" height="322" preserveAspectRatio="xMidYMid" viewBox="0 0 1084 322">
+  <defs>
+    <pattern id="pid-0.7735807359934106" x="0" y="0" width="345.6" height="345.6"
+      patternUnits="userSpaceOnUse">
+      <g transform="scale(1.35)">
+        <g>
+          <line x1="237.6288884328494" x2="201.39714008747956" y1="119.05338354492488"
+            y2="155.28513189029474" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="237.6288884328494" x2="201.39714008747956" y1="-392.9466164550751"
+            y2="-356.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="493.6288884328494" x2="457.39714008747956" y1="-392.9466164550751"
+            y2="-356.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="749.6288884328494" x2="713.3971400874796" y1="-392.9466164550751"
+            y2="-356.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="237.6288884328494" x2="201.39714008747956" y1="-136.94661645507512"
+            y2="-100.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="493.6288884328494" x2="457.39714008747956" y1="-136.94661645507512"
+            y2="-100.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="749.6288884328494" x2="713.3971400874796" y1="-136.94661645507512"
+            y2="-100.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="237.6288884328494" x2="201.39714008747956" y1="119.05338354492488"
+            y2="155.28513189029474" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="493.6288884328494" x2="457.39714008747956" y1="119.05338354492488"
+            y2="155.28513189029474" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="749.6288884328494" x2="713.3971400874796" y1="119.05338354492488"
+            y2="155.28513189029474" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="244.43797352167968" x2="179.25167385613412" y1="196.21419032492787"
+            y2="261.40048999047343" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="244.43797352167968" x2="179.25167385613412" y1="-315.78580967507213"
+            y2="-250.59951000952657" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="500.4379735216797" x2="435.2516738561341" y1="-315.78580967507213"
+            y2="-250.59951000952657" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="756.4379735216796" x2="691.2516738561342" y1="-315.78580967507213"
+            y2="-250.59951000952657" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="244.43797352167968" x2="179.25167385613412" y1="-59.78580967507213"
+            y2="5.400489990473432" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="500.4379735216797" x2="435.2516738561341" y1="-59.78580967507213"
+            y2="5.400489990473432" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="756.4379735216796" x2="691.2516738561342" y1="-59.78580967507213"
+            y2="5.400489990473432" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="244.43797352167968" x2="179.25167385613412" y1="196.21419032492787"
+            y2="261.40048999047343" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="500.4379735216797" x2="435.2516738561341" y1="196.21419032492787"
+            y2="261.40048999047343" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="756.4379735216796" x2="691.2516738561342" y1="196.21419032492787"
+            y2="261.40048999047343" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="219.6724359102308" x2="209.2181431749452" y1="92.85808081141191"
+            y2="103.31237354669749" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="219.6724359102308" x2="209.2181431749452" y1="-419.1419191885881"
+            y2="-408.6876264533025" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="475.6724359102308" x2="465.2181431749452" y1="-419.1419191885881"
+            y2="-408.6876264533025" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="731.6724359102308" x2="721.2181431749452" y1="-419.1419191885881"
+            y2="-408.6876264533025" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="219.6724359102308" x2="209.2181431749452" y1="-163.14191918858808"
+            y2="-152.68762645330253" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="475.6724359102308" x2="465.2181431749452" y1="-163.14191918858808"
+            y2="-152.68762645330253" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="731.6724359102308" x2="721.2181431749452" y1="-163.14191918858808"
+            y2="-152.68762645330253" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="219.6724359102308" x2="209.2181431749452" y1="92.85808081141191"
+            y2="103.31237354669749" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="475.6724359102308" x2="465.2181431749452" y1="92.85808081141191"
+            y2="103.31237354669749" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="731.6724359102308" x2="721.2181431749452" y1="92.85808081141191"
+            y2="103.31237354669749" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="112.00565118011832" x2="71.15817744773324" y1="56.63419812919665"
+            y2="97.48167186158173" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="112.00565118011832" x2="71.15817744773324" y1="-455.36580187080335"
+            y2="-414.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="368.0056511801183" x2="327.15817744773324" y1="-455.36580187080335"
+            y2="-414.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="624.0056511801183" x2="583.1581774477332" y1="-455.36580187080335"
+            y2="-414.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="112.00565118011832" x2="71.15817744773324" y1="-199.36580187080335"
+            y2="-158.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="368.0056511801183" x2="327.15817744773324" y1="-199.36580187080335"
+            y2="-158.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="624.0056511801183" x2="583.1581774477332" y1="-199.36580187080335"
+            y2="-158.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="112.00565118011832" x2="71.15817744773324" y1="56.63419812919665"
+            y2="97.48167186158173" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="368.0056511801183" x2="327.15817744773324" y1="56.63419812919665"
+            y2="97.48167186158173" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="624.0056511801183" x2="583.1581774477332" y1="56.63419812919665"
+            y2="97.48167186158173" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="60.932966336476014" x2="49.388821076756514" y1="125.65681060957188"
+            y2="137.20095586929136" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="60.932966336476014" x2="49.388821076756514" y1="-386.3431893904281"
+            y2="-374.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="316.932966336476" x2="305.3888210767565" y1="-386.3431893904281"
+            y2="-374.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="572.932966336476" x2="561.3888210767565" y1="-386.3431893904281"
+            y2="-374.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="60.932966336476014" x2="49.388821076756514" y1="-130.3431893904281"
+            y2="-118.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="316.932966336476" x2="305.3888210767565" y1="-130.3431893904281"
+            y2="-118.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="572.932966336476" x2="561.3888210767565" y1="-130.3431893904281"
+            y2="-118.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="60.932966336476014" x2="49.388821076756514" y1="125.65681060957188"
+            y2="137.20095586929136" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="316.932966336476" x2="305.3888210767565" y1="125.65681060957188"
+            y2="137.20095586929136" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="572.932966336476" x2="561.3888210767565" y1="125.65681060957188"
+            y2="137.20095586929136" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="103.78310212459807" x2="35.08486945593138" y1="-2.328164446496814"
+            y2="66.37006822216988" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="103.78310212459807" x2="35.08486945593138" y1="-514.3281644464968"
+            y2="-445.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="359.7831021245981" x2="291.08486945593137" y1="-514.3281644464968"
+            y2="-445.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="615.783102124598" x2="547.0848694559314" y1="-514.3281644464968"
+            y2="-445.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="103.78310212459807" x2="35.08486945593138" y1="-258.3281644464968"
+            y2="-189.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="359.7831021245981" x2="291.08486945593137" y1="-258.3281644464968"
+            y2="-189.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="615.783102124598" x2="547.0848694559314" y1="-258.3281644464968"
+            y2="-189.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="103.78310212459807" x2="35.08486945593138" y1="-2.328164446496814"
+            y2="66.37006822216988" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="359.7831021245981" x2="291.08486945593137" y1="-2.328164446496814"
+            y2="66.37006822216988" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="615.783102124598" x2="547.0848694559314" y1="-2.328164446496814"
+            y2="66.37006822216988" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="103.78310212459807" x2="35.08486945593138" y1="253.67183555350317"
+            y2="322.3700682221699" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="211.69894364075495" x2="194.13528259328754" y1="166.21741462144607"
+            y2="183.78107566891347" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="211.69894364075495" x2="194.13528259328754" y1="-345.7825853785539"
+            y2="-328.21892433108655" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="467.6989436407549" x2="450.13528259328757" y1="-345.7825853785539"
+            y2="-328.21892433108655" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="723.6989436407549" x2="706.1352825932876" y1="-345.7825853785539"
+            y2="-328.21892433108655" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="211.69894364075495" x2="194.13528259328754" y1="-89.78258537855393"
+            y2="-72.21892433108653" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="467.6989436407549" x2="450.13528259328757" y1="-89.78258537855393"
+            y2="-72.21892433108653" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="723.6989436407549" x2="706.1352825932876" y1="-89.78258537855393"
+            y2="-72.21892433108653" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="211.69894364075495" x2="194.13528259328754" y1="166.21741462144607"
+            y2="183.78107566891347" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="467.6989436407549" x2="450.13528259328757" y1="166.21741462144607"
+            y2="183.78107566891347" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="723.6989436407549" x2="706.1352825932876" y1="166.21741462144607"
+            y2="183.78107566891347" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="44.012515207413756" x2="6.2920050630466875" y1="153.79537767995515"
+            y2="191.5158878243222" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="44.012515207413756" x2="6.2920050630466875" y1="-358.20462232004485"
+            y2="-320.4841121756778" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="300.01251520741374" x2="262.2920050630467" y1="-358.20462232004485"
+            y2="-320.4841121756778" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="556.0125152074138" x2="518.2920050630466" y1="-358.20462232004485"
+            y2="-320.4841121756778" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="44.012515207413756" x2="6.2920050630466875" y1="-102.20462232004485"
+            y2="-64.48411217567781" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="300.01251520741374" x2="262.2920050630467" y1="-102.20462232004485"
+            y2="-64.48411217567781" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="556.0125152074138" x2="518.2920050630466" y1="-102.20462232004485"
+            y2="-64.48411217567781" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="44.012515207413756" x2="6.2920050630466875" y1="153.79537767995515"
+            y2="191.5158878243222" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="300.01251520741374" x2="262.2920050630467" y1="153.79537767995515"
+            y2="191.5158878243222" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="556.0125152074138" x2="518.2920050630466" y1="153.79537767995515"
+            y2="191.5158878243222" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="105.49237048043514" x2="31.549625942354083" y1="123.41684480916788"
+            y2="197.35958934724894" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="105.49237048043514" x2="31.549625942354083" y1="-388.58315519083214"
+            y2="-314.64041065275103" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="361.49237048043517" x2="287.54962594235406" y1="-388.58315519083214"
+            y2="-314.64041065275103" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="617.4923704804352" x2="543.549625942354" y1="-388.58315519083214"
+            y2="-314.64041065275103" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="105.49237048043514" x2="31.549625942354083" y1="-132.58315519083212"
+            y2="-58.64041065275106" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="361.49237048043517" x2="287.54962594235406" y1="-132.58315519083212"
+            y2="-58.64041065275106" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="617.4923704804352" x2="543.549625942354" y1="-132.58315519083212"
+            y2="-58.64041065275106" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="105.49237048043514" x2="31.549625942354083" y1="123.41684480916788"
+            y2="197.35958934724894" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="361.49237048043517" x2="287.54962594235406" y1="123.41684480916788"
+            y2="197.35958934724894" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="617.4923704804352" x2="543.549625942354" y1="123.41684480916788"
+            y2="197.35958934724894" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <animateTransform attributeName="transform" type="translate" values="0 0;-256 256"
+            keyTimes="0;1" repeatCount="indefinite" dur="10s"></animateTransform>
+        </g>
+        <g>
+          <line x1="95.73622575770466" x2="50.085335235319484" y1="20.45659654328417"
+            y2="66.10748706566935" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="95.73622575770466" x2="50.085335235319484" y1="-491.54340345671585"
+            y2="-445.8925129343306" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="351.7362257577047" x2="306.08533523531946" y1="-491.54340345671585"
+            y2="-445.8925129343306" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="607.7362257577047" x2="562.0853352353195" y1="-491.54340345671585"
+            y2="-445.8925129343306" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="95.73622575770466" x2="50.085335235319484" y1="-235.54340345671582"
+            y2="-189.89251293433065" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="351.7362257577047" x2="306.08533523531946" y1="-235.54340345671582"
+            y2="-189.89251293433065" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="607.7362257577047" x2="562.0853352353195" y1="-235.54340345671582"
+            y2="-189.89251293433065" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="95.73622575770466" x2="50.085335235319484" y1="20.45659654328417"
+            y2="66.10748706566935" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="351.7362257577047" x2="306.08533523531946" y1="20.45659654328417"
+            y2="66.10748706566935" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="607.7362257577047" x2="562.0853352353195" y1="20.45659654328417"
+            y2="66.10748706566935" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="263.34308373797757" x2="226.59561736370148" y1="112.42933995479353"
+            y2="149.17680632906962" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="263.34308373797757" x2="226.59561736370148" y1="-399.57066004520647"
+            y2="-362.8231936709304" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="519.3430837379776" x2="482.5956173637015" y1="-399.57066004520647"
+            y2="-362.8231936709304" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="775.3430837379776" x2="738.5956173637014" y1="-399.57066004520647"
+            y2="-362.8231936709304" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="263.34308373797757" x2="226.59561736370148" y1="-143.57066004520647"
+            y2="-106.82319367093038" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="519.3430837379776" x2="482.5956173637015" y1="-143.57066004520647"
+            y2="-106.82319367093038" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="775.3430837379776" x2="738.5956173637014" y1="-143.57066004520647"
+            y2="-106.82319367093038" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="263.34308373797757" x2="226.59561736370148" y1="112.42933995479353"
+            y2="149.17680632906962" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="519.3430837379776" x2="482.5956173637015" y1="112.42933995479353"
+            y2="149.17680632906962" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="775.3430837379776" x2="738.5956173637014" y1="112.42933995479353"
+            y2="149.17680632906962" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="7.343083737977565" x2="-29.40438263629852" y1="112.42933995479353"
+            y2="149.17680632906962" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="29.5343611349199" x2="-26.261040392985034" y1="205.16777076655512"
+            y2="260.96317229446004" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="29.5343611349199" x2="-26.261040392985034" y1="-306.8322292334449"
+            y2="-251.03682770553996" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="285.5343611349199" x2="229.73895960701498" y1="-306.8322292334449"
+            y2="-251.03682770553996" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="541.5343611349199" x2="485.738959607015" y1="-306.8322292334449"
+            y2="-251.03682770553996" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="29.5343611349199" x2="-26.261040392985034" y1="-50.83222923344488"
+            y2="4.963172294460037" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="285.5343611349199" x2="229.73895960701498" y1="-50.83222923344488"
+            y2="4.963172294460037" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="541.5343611349199" x2="485.738959607015" y1="-50.83222923344488"
+            y2="4.963172294460037" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="29.5343611349199" x2="-26.261040392985034" y1="205.16777076655512"
+            y2="260.96317229446004" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="285.5343611349199" x2="229.73895960701498" y1="205.16777076655512"
+            y2="260.96317229446004" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="541.5343611349199" x2="485.738959607015" y1="205.16777076655512"
+            y2="260.96317229446004" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="235.025028503587" x2="173.48946106938683" y1="23.306929884424335"
+            y2="84.84249731862451" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="235.025028503587" x2="173.48946106938683" y1="-488.69307011557567"
+            y2="-427.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="491.025028503587" x2="429.48946106938683" y1="-488.69307011557567"
+            y2="-427.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="747.025028503587" x2="685.4894610693868" y1="-488.69307011557567"
+            y2="-427.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="235.025028503587" x2="173.48946106938683" y1="-232.69307011557567"
+            y2="-171.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="491.025028503587" x2="429.48946106938683" y1="-232.69307011557567"
+            y2="-171.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="747.025028503587" x2="685.4894610693868" y1="-232.69307011557567"
+            y2="-171.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="235.025028503587" x2="173.48946106938683" y1="23.306929884424335"
+            y2="84.84249731862451" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="491.025028503587" x2="429.48946106938683" y1="23.306929884424335"
+            y2="84.84249731862451" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="747.025028503587" x2="685.4894610693868" y1="23.306929884424335"
+            y2="84.84249731862451" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="225.00990918130768" x2="200.62370409686488" y1="210.1052181599721"
+            y2="234.4914232444149" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="225.00990918130768" x2="200.62370409686488" y1="-301.8947818400279"
+            y2="-277.50857675558507" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="481.00990918130765" x2="456.6237040968649" y1="-301.8947818400279"
+            y2="-277.50857675558507" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="737.0099091813076" x2="712.6237040968649" y1="-301.8947818400279"
+            y2="-277.50857675558507" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="225.00990918130768" x2="200.62370409686488" y1="-45.89478184002789"
+            y2="-21.508576755585096" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="481.00990918130765" x2="456.6237040968649" y1="-45.89478184002789"
+            y2="-21.508576755585096" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="737.0099091813076" x2="712.6237040968649" y1="-45.89478184002789"
+            y2="-21.508576755585096" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="225.00990918130768" x2="200.62370409686488" y1="210.1052181599721"
+            y2="234.4914232444149" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="481.00990918130765" x2="456.6237040968649" y1="210.1052181599721"
+            y2="234.4914232444149" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="737.0099091813076" x2="712.6237040968649" y1="210.1052181599721"
+            y2="234.4914232444149" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="171.55017713954658" x2="102.05334080042758" y1="78.55895711807653"
+            y2="148.05579345719553" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="171.55017713954658" x2="102.05334080042758" y1="-433.44104288192347"
+            y2="-363.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="427.5501771395466" x2="358.0533408004276" y1="-433.44104288192347"
+            y2="-363.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="683.5501771395466" x2="614.0533408004276" y1="-433.44104288192347"
+            y2="-363.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="171.55017713954658" x2="102.05334080042758" y1="-177.44104288192347"
+            y2="-107.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="427.5501771395466" x2="358.0533408004276" y1="-177.44104288192347"
+            y2="-107.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="683.5501771395466" x2="614.0533408004276" y1="-177.44104288192347"
+            y2="-107.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="171.55017713954658" x2="102.05334080042758" y1="78.55895711807653"
+            y2="148.05579345719553" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="427.5501771395466" x2="358.0533408004276" y1="78.55895711807653"
+            y2="148.05579345719553" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="683.5501771395466" x2="614.0533408004276" y1="78.55895711807653"
+            y2="148.05579345719553" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="258.4358284744095" x2="228.09906783279462" y1="10.646186924515469"
+            y2="40.98294756613034" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="258.4358284744095" x2="228.09906783279462" y1="-501.35381307548454"
+            y2="-471.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="514.4358284744095" x2="484.0990678327946" y1="-501.35381307548454"
+            y2="-471.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="770.4358284744095" x2="740.0990678327946" y1="-501.35381307548454"
+            y2="-471.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="258.4358284744095" x2="228.09906783279462" y1="-245.35381307548454"
+            y2="-215.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="514.4358284744095" x2="484.0990678327946" y1="-245.35381307548454"
+            y2="-215.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="770.4358284744095" x2="740.0990678327946" y1="-245.35381307548454"
+            y2="-215.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="258.4358284744095" x2="228.09906783279462" y1="10.646186924515469"
+            y2="40.98294756613034" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="514.4358284744095" x2="484.0990678327946" y1="10.646186924515469"
+            y2="40.98294756613034" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="770.4358284744095" x2="740.0990678327946" y1="10.646186924515469"
+            y2="40.98294756613034" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="2.4358284744095045" x2="-27.900932167205383" y1="10.646186924515469"
+            y2="40.98294756613034" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="35.41624886616098" x2="-5.966808810922494" y1="10.151780697595989"
+            y2="51.53483837467946" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="35.41624886616098" x2="-5.966808810922494" y1="-501.848219302404"
+            y2="-460.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="291.41624886616097" x2="250.0331911890775" y1="-501.848219302404"
+            y2="-460.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="547.416248866161" x2="506.0331911890775" y1="-501.848219302404"
+            y2="-460.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="35.41624886616098" x2="-5.966808810922494" y1="-245.848219302404"
+            y2="-204.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="291.41624886616097" x2="250.0331911890775" y1="-245.848219302404"
+            y2="-204.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="547.416248866161" x2="506.0331911890775" y1="-245.848219302404"
+            y2="-204.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="35.41624886616098" x2="-5.966808810922494" y1="10.151780697595989"
+            y2="51.53483837467946" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="291.41624886616097" x2="250.0331911890775" y1="10.151780697595989"
+            y2="51.53483837467946" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="547.416248866161" x2="506.0331911890775" y1="10.151780697595989"
+            y2="51.53483837467946" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="90.76285286976488" x2="72.92514980496989" y1="79.79001478147771"
+            y2="97.6277178462727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="90.76285286976488" x2="72.92514980496989" y1="-432.2099852185223"
+            y2="-414.37228215372727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="346.76285286976486" x2="328.9251498049699" y1="-432.2099852185223"
+            y2="-414.37228215372727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="602.7628528697649" x2="584.9251498049699" y1="-432.2099852185223"
+            y2="-414.37228215372727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="90.76285286976488" x2="72.92514980496989" y1="-176.2099852185223"
+            y2="-158.3722821537273" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="346.76285286976486" x2="328.9251498049699" y1="-176.2099852185223"
+            y2="-158.3722821537273" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="602.7628528697649" x2="584.9251498049699" y1="-176.2099852185223"
+            y2="-158.3722821537273" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="90.76285286976488" x2="72.92514980496989" y1="79.79001478147771"
+            y2="97.6277178462727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="346.76285286976486" x2="328.9251498049699" y1="79.79001478147771"
+            y2="97.6277178462727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="602.7628528697649" x2="584.9251498049699" y1="79.79001478147771"
+            y2="97.6277178462727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <animateTransform attributeName="transform" type="translate" values="0 0;-256 256"
+            keyTimes="0;1" repeatCount="indefinite" dur="5s"></animateTransform>
+        </g>
+        <g>
+          <line x1="93.6896305353637" x2="75.71575147590588" y1="83.83758835275793"
+            y2="101.81146741221576" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="93.6896305353637" x2="75.71575147590588" y1="-428.16241164724204"
+            y2="-410.18853258778427" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="349.6896305353637" x2="331.7157514759059" y1="-428.16241164724204"
+            y2="-410.18853258778427" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="605.6896305353637" x2="587.7157514759059" y1="-428.16241164724204"
+            y2="-410.18853258778427" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="93.6896305353637" x2="75.71575147590588" y1="-172.16241164724207"
+            y2="-154.18853258778424" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="349.6896305353637" x2="331.7157514759059" y1="-172.16241164724207"
+            y2="-154.18853258778424" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="605.6896305353637" x2="587.7157514759059" y1="-172.16241164724207"
+            y2="-154.18853258778424" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="93.6896305353637" x2="75.71575147590588" y1="83.83758835275793"
+            y2="101.81146741221576" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="349.6896305353637" x2="331.7157514759059" y1="83.83758835275793"
+            y2="101.81146741221576" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="605.6896305353637" x2="587.7157514759059" y1="83.83758835275793"
+            y2="101.81146741221576" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="207.24941141296466" x2="167.48134532138562" y1="234.55973050121918"
+            y2="274.3277965927982" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="207.24941141296466" x2="167.48134532138562" y1="-277.4402694987808"
+            y2="-237.67220340720178" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="463.24941141296466" x2="423.4813453213856" y1="-277.4402694987808"
+            y2="-237.67220340720178" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="719.2494114129647" x2="679.4813453213856" y1="-277.4402694987808"
+            y2="-237.67220340720178" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="207.24941141296466" x2="167.48134532138562" y1="-21.440269498780822"
+            y2="18.327796592798222" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="463.24941141296466" x2="423.4813453213856" y1="-21.440269498780822"
+            y2="18.327796592798222" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="719.2494114129647" x2="679.4813453213856" y1="-21.440269498780822"
+            y2="18.327796592798222" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="207.24941141296466" x2="167.48134532138562" y1="234.55973050121918"
+            y2="274.3277965927982" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="463.24941141296466" x2="423.4813453213856" y1="234.55973050121918"
+            y2="274.3277965927982" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="719.2494114129647" x2="679.4813453213856" y1="234.55973050121918"
+            y2="274.3277965927982" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="69.19671201083756" x2="20.15599089926107" y1="61.52941038272999"
+            y2="110.57013149430648" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="69.19671201083756" x2="20.15599089926107" y1="-450.47058961727"
+            y2="-401.42986850569355" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="325.1967120108376" x2="276.15599089926104" y1="-450.47058961727"
+            y2="-401.42986850569355" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="581.1967120108376" x2="532.155990899261" y1="-450.47058961727"
+            y2="-401.42986850569355" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="69.19671201083756" x2="20.15599089926107" y1="-194.47058961727"
+            y2="-145.42986850569352" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="325.1967120108376" x2="276.15599089926104" y1="-194.47058961727"
+            y2="-145.42986850569352" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="581.1967120108376" x2="532.155990899261" y1="-194.47058961727"
+            y2="-145.42986850569352" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="69.19671201083756" x2="20.15599089926107" y1="61.52941038272999"
+            y2="110.57013149430648" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="325.1967120108376" x2="276.15599089926104" y1="61.52941038272999"
+            y2="110.57013149430648" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="581.1967120108376" x2="532.155990899261" y1="61.52941038272999"
+            y2="110.57013149430648" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="153.36870174443493" x2="103.52218176454608" y1="129.93915864820679"
+            y2="179.78567862809564" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="153.36870174443493" x2="103.52218176454608" y1="-382.0608413517932"
+            y2="-332.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="409.36870174443493" x2="359.5221817645461" y1="-382.0608413517932"
+            y2="-332.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="665.3687017444349" x2="615.5221817645461" y1="-382.0608413517932"
+            y2="-332.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="153.36870174443493" x2="103.52218176454608" y1="-126.06084135179321"
+            y2="-76.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="409.36870174443493" x2="359.5221817645461" y1="-126.06084135179321"
+            y2="-76.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="665.3687017444349" x2="615.5221817645461" y1="-126.06084135179321"
+            y2="-76.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="153.36870174443493" x2="103.52218176454608" y1="129.93915864820679"
+            y2="179.78567862809564" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="409.36870174443493" x2="359.5221817645461" y1="129.93915864820679"
+            y2="179.78567862809564" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="665.3687017444349" x2="615.5221817645461" y1="129.93915864820679"
+            y2="179.78567862809564" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="49.20494471467643" x2="2.7142059537850685" y1="141.75997600855746"
+            y2="188.25071476944882" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="49.20494471467643" x2="2.7142059537850685" y1="-370.2400239914425"
+            y2="-323.7492852305512" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="305.20494471467646" x2="258.71420595378504" y1="-370.2400239914425"
+            y2="-323.7492852305512" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="561.2049447146765" x2="514.714205953785" y1="-370.2400239914425"
+            y2="-323.7492852305512" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="49.20494471467643" x2="2.7142059537850685" y1="-114.24002399144254"
+            y2="-67.74928523055118" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="305.20494471467646" x2="258.71420595378504" y1="-114.24002399144254"
+            y2="-67.74928523055118" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="561.2049447146765" x2="514.714205953785" y1="-114.24002399144254"
+            y2="-67.74928523055118" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="49.20494471467643" x2="2.7142059537850685" y1="141.75997600855746"
+            y2="188.25071476944882" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="305.20494471467646" x2="258.71420595378504" y1="141.75997600855746"
+            y2="188.25071476944882" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="561.2049447146765" x2="514.714205953785" y1="141.75997600855746"
+            y2="188.25071476944882" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="84.6808460539986" x2="32.68305955000314" y1="-7.711036017440037"
+            y2="44.28675048655542" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="84.6808460539986" x2="32.68305955000314" y1="-519.71103601744"
+            y2="-467.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="340.6808460539986" x2="288.6830595500031" y1="-519.71103601744"
+            y2="-467.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="596.6808460539986" x2="544.6830595500031" y1="-519.71103601744"
+            y2="-467.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="84.6808460539986" x2="32.68305955000314" y1="-263.71103601744005"
+            y2="-211.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="340.6808460539986" x2="288.6830595500031" y1="-263.71103601744005"
+            y2="-211.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="596.6808460539986" x2="544.6830595500031" y1="-263.71103601744005"
+            y2="-211.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="84.6808460539986" x2="32.68305955000314" y1="-7.711036017440037"
+            y2="44.28675048655542" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="340.6808460539986" x2="288.6830595500031" y1="-7.711036017440037"
+            y2="44.28675048655542" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="596.6808460539986" x2="544.6830595500031" y1="-7.711036017440037"
+            y2="44.28675048655542" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="84.6808460539986" x2="32.68305955000314" y1="248.28896398255995"
+            y2="300.28675048655543" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="225.38342310559023" x2="185.66602314192056" y1="109.68961591653738"
+            y2="149.40701588020704" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="225.38342310559023" x2="185.66602314192056" y1="-402.3103840834626"
+            y2="-362.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="481.3834231055902" x2="441.66602314192056" y1="-402.3103840834626"
+            y2="-362.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="737.3834231055903" x2="697.6660231419205" y1="-402.3103840834626"
+            y2="-362.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="225.38342310559023" x2="185.66602314192056" y1="-146.31038408346262"
+            y2="-106.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="481.3834231055902" x2="441.66602314192056" y1="-146.31038408346262"
+            y2="-106.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="737.3834231055903" x2="697.6660231419205" y1="-146.31038408346262"
+            y2="-106.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="225.38342310559023" x2="185.66602314192056" y1="109.68961591653738"
+            y2="149.40701588020704" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="481.3834231055902" x2="441.66602314192056" y1="109.68961591653738"
+            y2="149.40701588020704" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="737.3834231055903" x2="697.6660231419205" y1="109.68961591653738"
+            y2="149.40701588020704" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="172.83662370669697" x2="103.52581079778793" y1="164.45975635392284"
+            y2="233.77056926283188" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="172.83662370669697" x2="103.52581079778793" y1="-347.54024364607716"
+            y2="-278.2294307371681" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="428.83662370669697" x2="359.5258107977879" y1="-347.54024364607716"
+            y2="-278.2294307371681" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="684.836623706697" x2="615.5258107977879" y1="-347.54024364607716"
+            y2="-278.2294307371681" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="172.83662370669697" x2="103.52581079778793" y1="-91.54024364607716"
+            y2="-22.229430737168116" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="428.83662370669697" x2="359.5258107977879" y1="-91.54024364607716"
+            y2="-22.229430737168116" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="684.836623706697" x2="615.5258107977879" y1="-91.54024364607716"
+            y2="-22.229430737168116" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="172.83662370669697" x2="103.52581079778793" y1="164.45975635392284"
+            y2="233.77056926283188" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="428.83662370669697" x2="359.5258107977879" y1="164.45975635392284"
+            y2="233.77056926283188" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="684.836623706697" x2="615.5258107977879" y1="164.45975635392284"
+            y2="233.77056926283188" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="254.85435949520382" x2="240.10841684705935" y1="-1.209429949430282"
+            y2="13.536512698714214" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="254.85435949520382" x2="240.10841684705935" y1="-513.2094299494303"
+            y2="-498.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="510.8543594952038" x2="496.10841684705935" y1="-513.2094299494303"
+            y2="-498.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="766.8543594952039" x2="752.1084168470593" y1="-513.2094299494303"
+            y2="-498.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="254.85435949520382" x2="240.10841684705935" y1="-257.2094299494303"
+            y2="-242.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="510.8543594952038" x2="496.10841684705935" y1="-257.2094299494303"
+            y2="-242.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="766.8543594952039" x2="752.1084168470593" y1="-257.2094299494303"
+            y2="-242.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="254.85435949520382" x2="240.10841684705935" y1="-1.209429949430282"
+            y2="13.536512698714214" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="510.8543594952038" x2="496.10841684705935" y1="-1.209429949430282"
+            y2="13.536512698714214" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="766.8543594952039" x2="752.1084168470593" y1="-1.209429949430282"
+            y2="13.536512698714214" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="254.85435949520382" x2="240.10841684705935" y1="254.79057005056973"
+            y2="269.5365126987142" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <animateTransform attributeName="transform" type="translate" values="0 0;-256 256"
+            keyTimes="0;1" repeatCount="indefinite" dur="10.3333333333333335s"></animateTransform>
+        </g>
+      </g>
+    </pattern>
+  </defs>
+  <rect x="0" y="0" width="1084" height="322" fill="url(#pid-0.7735807359934106)"></rect>
+</svg>

assets/img/featured.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin:auto;background:rgba(NaN, NaN, NaN, 0);display:block;z-index:1;position:relative" width="1084" height="322" preserveAspectRatio="xMidYMid" viewBox="0 0 1084 322">
+  <defs>
+    <pattern id="pid-0.932876709489723" x="0" y="0" width="307.20000000000005" height="307.20000000000005" patternUnits="userSpaceOnUse">
+      <g transform="scale(1.2000000000000002)"><defs><g id="pat-0.13086180692764704"><polyline fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#93dbe9" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points=" -3,-2 16.5,15.5 31.5,0.5 63.5,32.5 48.5,47.5 31.5,32.5 -0.5,64.5 16.5,79.5 31.5,64.5 47.5,79.5 95.5,32.5 80.5,15.5 95.5,0.5 127.5,32.5 48.5,111.5 31.5,96.5 -0.5,128.5 16.5,143.5 31.5,127.5 63.5,160.5 80.5,143.5 63.5,128.5 159.5,32.5 144.5,15.5 159.5,0.5 175.5,16.5 192,0 208,16 224,0 256,32 240,48 224,32 207.501,48.501 223.5,64.5 207.5,80.5 176.5,47.5 144.5,80.5 159.5,96.5 175.5,80.5 191.5,96.5 159.5,128.5 127.5,96.5 95.5,127.5 111.5,143.5 127.5,127.5 175.5,176.5 159.5,192.5 127.5,160.5 111.5,176.5 95.5,160.5 63.5,192.5 31.5,160.5 16.5,175.5 31.999,191.483 0,224 16,240 32,225 64,256 80,240 64,224 79.667,208.333 95.5,192.5 111.5,207.5 95.5,224.5 111.5,239.5 127.5,256.5 143.5,240.5 127.5,224.5 143.5,208.5 175.5,240.5 191.5,224.5 175.5,208.5 207.5,176.5 224,160 208,144 191.998,160.998 175.5,144.5 207.5,112.5 240,80 256,96 223.5,128.5 256,160 239.5,176.5 256,192 240,208 224,192 207.5,208.5 223.5,224.5 207.5,240.5 223.5,256.5 240,240 259,259" stroke-dasharray="169.36095947265625 20.93225341796875 169.36095947265625 20.93225341796875 169.36095947265625 20.93225341796875 169.36095947265625 20.93225341796875 169.36095947265625 20.93225341796875 169.36095947265625 20.93225341796875 169.36095947265625 20.93225341796875 169.36095947265625 20.93225341796875 169.36095947265625 20.93225341796875 169.36095947265625 20.93225341796875 169.36095947265625 20.93225341796875 169.36095947265625 20.93225341796875 169.36095947265625 20.93225341796875 169.36095947265625 20.93225341796875 169.36095947265625 20.93225341796875">
+    <animate attributeName="stroke-dashoffset" keyTimes="0;1" values="0;190.293212890625" repeatCount="indefinite" dur="7.142857142857142s"></animate>
+  </polyline></g></defs><use xlink:href="#pat-0.13086180692764704" x="0" y="0"></use><use xlink:href="#pat-0.13086180692764704" x="-256" y="0"></use><use xlink:href="#pat-0.13086180692764704" x="256" y="0"></use><use xlink:href="#pat-0.13086180692764704" x="0" y="-256"></use><use xlink:href="#pat-0.13086180692764704" x="0" y="256"></use></g>
+    </pattern>
+  </defs>
+  <rect x="0" y="0" width="1084" height="322" fill="url(#pid-0.932876709489723)"></rect>
+  </svg>

assets/img/ripples.svg

@@ -0,0 +1,257 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin:auto;background:rgba(NaN, NaN, NaN, 0);display:block;z-index:1;position:relative" width="1084" height="322" preserveAspectRatio="xMidYMid" viewBox="0 0 1084 322">
+    <defs>
+      <pattern id="pid-0.2950529742247572" x="0" y="0" width="711.6800000000001" height="711.6800000000001" patternUnits="userSpaceOnUse">
+        <g transform="scale(2.7800000000000002)"><circle cx="180.39755796770348" cy="144.2104368598822" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;17.85434406280291" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-44.622752456562516s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-44.622752456562516s"></animate>
+    </circle><circle cx="16.825168708189995" cy="32.834595161139454" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;50.39487920677064" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-35.52246651250024s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-35.52246651250024s"></animate>
+    </circle><circle cx="272.82516870819" cy="32.834595161139454" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;50.39487920677064" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-35.52246651250024s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-35.52246651250024s"></animate>
+    </circle><circle cx="16.825168708189995" cy="288.8345951611395" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;50.39487920677064" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-35.52246651250024s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-35.52246651250024s"></animate>
+    </circle><circle cx="272.82516870819" cy="288.8345951611395" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;50.39487920677064" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-35.52246651250024s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-35.52246651250024s"></animate>
+    </circle><circle cx="133.7281341523537" cy="37.557212373233874" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;24.44944303845901" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-33.76558939460953s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-33.76558939460953s"></animate>
+    </circle><circle cx="9.311746119524932" cy="139.87259197506899" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;42.09217911991696" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-16.268240533907207s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-16.268240533907207s"></animate>
+    </circle><circle cx="265.3117461195249" cy="139.87259197506899" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;42.09217911991696" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-16.268240533907207s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-16.268240533907207s"></animate>
+    </circle><circle cx="228.8288862878399" cy="50.59785782429598" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;19.868262625397918" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-23.68489264848651s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-23.68489264848651s"></animate>
+    </circle><circle cx="77.20196271561525" cy="31.611804700405518" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;45.28258812229561" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-28.661787725688292s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-28.661787725688292s"></animate>
+    </circle><circle cx="77.20196271561525" cy="287.6118047004055" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;45.28258812229561" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-28.661787725688292s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-28.661787725688292s"></animate>
+    </circle><circle cx="153.86297348533364" cy="53.13721410068965" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;56.59657006893606" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-26.846959941207736s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-26.846959941207736s"></animate>
+    </circle><circle cx="153.86297348533364" cy="309.1372141006897" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;56.59657006893606" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-26.846959941207736s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-26.846959941207736s"></animate>
+    </circle><circle cx="238.25141956589107" cy="242.3948925366868" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;7.110432319564012" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-22.8377648779141s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-22.8377648779141s"></animate>
+    </circle><circle cx="171.29587360943597" cy="93.62941553592991" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;64.80517552507085" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-41.081630071778505s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-41.081630071778505s"></animate>
+    </circle><circle cx="33.7803997203791" cy="200.65918731382288" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;23.874060138252702" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-29.74940953893833s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-29.74940953893833s"></animate>
+    </circle><circle cx="171.68455092137125" cy="208.29640936292603" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;10.804694032911527" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-46.827942545330814s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-46.827942545330814s"></animate>
+    </circle><circle cx="79.4759072969399" cy="14.760241106300118" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;63.07191175406126" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-38.31065839827809s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-38.31065839827809s"></animate>
+    </circle><circle cx="79.4759072969399" cy="270.7602411063001" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;63.07191175406126" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-38.31065839827809s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-38.31065839827809s"></animate>
+    </circle><circle cx="34.30718832814177" cy="60.207260607353895" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;36.85782580252244" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-33.9202714458405s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-33.9202714458405s"></animate>
+    </circle><circle cx="290.30718832814176" cy="60.207260607353895" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;36.85782580252244" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-33.9202714458405s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-33.9202714458405s"></animate>
+    </circle><circle cx="141.57461629003254" cy="187.07605677907222" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;51.82556427519147" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-39.3497070269789s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-39.3497070269789s"></animate>
+    </circle><circle cx="89.86556463252813" cy="191.98681310799674" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;42.52162149867297" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-17.730611990382005s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-17.730611990382005s"></animate>
+    </circle><circle cx="135.68751640285163" cy="79.13898775934953" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;13.167119065627332" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-5.604152896601732s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-5.604152896601732s"></animate>
+    </circle><circle cx="222.37419164851048" cy="172.5138843825768" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;30.712438068878654" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-11.730564332626214s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-11.730564332626214s"></animate>
+    </circle><circle cx="65.37962957434202" cy="71.08214856672792" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;51.390991126295845" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-38.53817444257383s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-38.53817444257383s"></animate>
+    </circle><circle cx="146.90696443169887" cy="160.58661584710634" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;30.874027084269912" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-48.61529961868726s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-48.61529961868726s"></animate>
+    </circle><circle cx="20.6640150520578" cy="116.652000839832" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;20.32462575632799" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-16.94818532763218s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-16.94818532763218s"></animate>
+    </circle><circle cx="14.794147949099273" cy="178.87974595952937" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;62.66357119046049" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-22.398483724039195s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-22.398483724039195s"></animate>
+    </circle><circle cx="270.7941479490993" cy="178.87974595952937" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;62.66357119046049" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-22.398483724039195s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-22.398483724039195s"></animate>
+    </circle><circle cx="31.287373376921607" cy="70.1833739363135" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;15.295461964288506" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-13.161686681828998s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-13.161686681828998s"></animate>
+    </circle><circle cx="178.84317419706238" cy="167.34091291757605" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;62.162205555011425" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-23.327170625044392s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-23.327170625044392s"></animate>
+    </circle><circle cx="154.05316621664582" cy="55.033341833431564" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;39.67588542484934" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-15.452897657374963s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-15.452897657374963s"></animate>
+    </circle><circle cx="72.19223514179198" cy="135.19246311905093" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;20.804220090813203" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-45.51768235650617s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-45.51768235650617s"></animate>
+    </circle><circle cx="150.9364802116815" cy="160.51205929354626" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;36.57407641397833" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-28.280565367328037s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-28.280565367328037s"></animate>
+    </circle><circle cx="200.40953970115999" cy="54.21097279269783" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;18.303774190487488" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-16.214535605827784s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-16.214535605827784s"></animate>
+    </circle><circle cx="180.31885618742604" cy="242.78087924898603" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;11.71365962730546" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-33.612535536027956s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-33.612535536027956s"></animate>
+    </circle><circle cx="203.8062010106876" cy="232.68973192108191" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;5.455675580739268" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-11.86697370110249s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-11.86697370110249s"></animate>
+    </circle><circle cx="171.6066941076269" cy="48.04474014530398" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;38.59286259496349" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-29.250466319872224s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-29.250466319872224s"></animate>
+    </circle><circle cx="125.11525876384411" cy="149.77467373569812" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;46.62256816012656" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-10.699532836506153s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-10.699532836506153s"></animate>
+    </circle><circle cx="89.16772547042389" cy="100.43557995027065" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;50.90728701564909" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-20.057887262682318s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-20.057887262682318s"></animate>
+    </circle><circle cx="163.0802387343303" cy="125.70388388233474" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;60.89399699890593" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-29.04746538184899s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-29.04746538184899s"></animate>
+    </circle><circle cx="147.29969577601045" cy="40.152117547871356" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;50.17094951058618" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-8.699383046276775s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-8.699383046276775s"></animate>
+    </circle><circle cx="147.29969577601045" cy="296.15211754787134" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;50.17094951058618" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-8.699383046276775s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-8.699383046276775s"></animate>
+    </circle><circle cx="50.39439200506233" cy="147.3941729324677" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;50.69970142939741" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-17.544702694456348s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-17.544702694456348s"></animate>
+    </circle><circle cx="306.39439200506234" cy="147.3941729324677" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;50.69970142939741" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-17.544702694456348s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-17.544702694456348s"></animate>
+    </circle><circle cx="188.7139101584322" cy="210.7115210762685" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;29.504019948829963" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-32.532647237390165s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-32.532647237390165s"></animate>
+    </circle><circle cx="114.22207446357659" cy="124.76935492926279" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;11.986008541965333" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-16.917226446523447s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-16.917226446523447s"></animate>
+    </circle><circle cx="194.31954289149434" cy="166.65089356408262" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;20.194181381536055" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-30.020995894146097s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-30.020995894146097s"></animate>
+    </circle><circle cx="184.86541783077774" cy="44.886087590301756" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;56.99589341531981" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-36.60809296354671s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-36.60809296354671s"></animate>
+    </circle><circle cx="184.86541783077774" cy="300.88608759030177" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;56.99589341531981" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-36.60809296354671s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-36.60809296354671s"></animate>
+    </circle><circle cx="128.6294815429427" cy="20.412863761372066" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;58.14291539416182" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-38.6283523615141s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-38.6283523615141s"></animate>
+    </circle><circle cx="128.6294815429427" cy="276.4128637613721" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;58.14291539416182" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-38.6283523615141s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-38.6283523615141s"></animate>
+    </circle><circle cx="94.65360523910455" cy="237.65373752048882" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;10.872426017373087" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-17.286612875431295s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-17.286612875431295s"></animate>
+    </circle><circle cx="186.84577473379255" cy="4.291441103039755" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;50.03848537207753" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-30.97916037182813s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-30.97916037182813s"></animate>
+    </circle><circle cx="186.84577473379255" cy="260.29144110303974" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;50.03848537207753" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-30.97916037182813s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-30.97916037182813s"></animate>
+    </circle><circle cx="3.1171684515748126" cy="10.536170179400985" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;31.72037969636405" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-29.18270767825585s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-29.18270767825585s"></animate>
+    </circle><circle cx="259.1171684515748" cy="10.536170179400985" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;31.72037969636405" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-29.18270767825585s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-29.18270767825585s"></animate>
+    </circle><circle cx="3.1171684515748126" cy="266.536170179401" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;31.72037969636405" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-29.18270767825585s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-29.18270767825585s"></animate>
+    </circle><circle cx="259.1171684515748" cy="266.536170179401" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;31.72037969636405" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-29.18270767825585s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-29.18270767825585s"></animate>
+    </circle><circle cx="188.74527992387326" cy="21.78088381944502" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;24.62604013195285" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-15.60412108402891s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-15.60412108402891s"></animate>
+    </circle><circle cx="188.74527992387326" cy="277.780883819445" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;24.62604013195285" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-15.60412108402891s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-15.60412108402891s"></animate>
+    </circle><circle cx="25.856888539646313" cy="42.26884688505775" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;47.95560071224433" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-16.780876976602578s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-16.780876976602578s"></animate>
+    </circle><circle cx="281.8568885396463" cy="42.26884688505775" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;47.95560071224433" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-16.780876976602578s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-16.780876976602578s"></animate>
+    </circle><circle cx="25.856888539646313" cy="298.26884688505777" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;47.95560071224433" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-16.780876976602578s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-16.780876976602578s"></animate>
+    </circle><circle cx="281.8568885396463" cy="298.26884688505777" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;47.95560071224433" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-16.780876976602578s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-16.780876976602578s"></animate>
+    </circle><circle cx="80.07378641634132" cy="99.95189316646443" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;31.25308753538168" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-44.38933261009856s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-44.38933261009856s"></animate>
+    </circle><circle cx="115.28452115370486" cy="183.50469529806404" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;43.47190520350591" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-35.01262905715093s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-35.01262905715093s"></animate>
+    </circle><circle cx="178.06444021126137" cy="196.65069638203684" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;55.28300103432255" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-31.907669721653242s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-31.907669721653242s"></animate>
+    </circle><circle cx="44.16845143857357" cy="102.58764890706274" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;56.592641937222965" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-21.452416790316818s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-21.452416790316818s"></animate>
+    </circle><circle cx="300.1684514385736" cy="102.58764890706274" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;56.592641937222965" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-21.452416790316818s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-21.452416790316818s"></animate>
+    </circle><circle cx="79.90917564776078" cy="58.24933597303385" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;17.76697933939279" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-6.018058267098058s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-6.018058267098058s"></animate>
+    </circle><circle cx="99.51047224071066" cy="68.21685313096823" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;32.538025421938485" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-24.711449309412114s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-24.711449309412114s"></animate>
+    </circle><circle cx="170.23837150372032" cy="80.50555967618685" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;49.47798543600463" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-27.302250080429058s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-27.302250080429058s"></animate>
+    </circle><circle cx="146.82045516936643" cy="81.4540879579799" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;17.51784178229697" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-14.316475870551947s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-14.316475870551947s"></animate>
+    </circle><circle cx="85.89692843138472" cy="166.66227056758296" r="0" fill="none" stroke="#5e6fa3" stroke-width="8">
+      <animate attributeName="r" values="0;43.09830041436764" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-25.33233432848061s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-25.33233432848061s"></animate>
+    </circle><circle cx="177.2226960369944" cy="175.07899171519415" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;43.73555785023012" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-25.121497689569683s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-25.121497689569683s"></animate>
+    </circle><circle cx="216.86808064093213" cy="27.577527215605766" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;4.737877261879547" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-15.904900634836528s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-15.904900634836528s"></animate>
+    </circle><circle cx="110.04710192749121" cy="180.18493319620214" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;44.77556931875715" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-1.5780314591062772s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="25s" begin="-1.5780314591062772s"></animate>
+    </circle><circle cx="64.71846547185336" cy="75.44443893159085" r="0" fill="none" stroke="#93dbe9" stroke-width="8">
+      <animate attributeName="r" values="0;9.889551183237941" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-36.2183301855013s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-36.2183301855013s"></animate>
+    </circle><circle cx="40.659167565439354" cy="80.92354614012416" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;47.03611543920749" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-40.52530054760075s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-40.52530054760075s"></animate>
+    </circle><circle cx="296.65916756543936" cy="80.92354614012416" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;47.03611543920749" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-40.52530054760075s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="16.666666666666668s" begin="-40.52530054760075s"></animate>
+    </circle><circle cx="158.9398261520183" cy="96.5683673937937" r="0" fill="none" stroke="#689cc5" stroke-width="8">
+      <animate attributeName="r" values="0;9.89977495248037" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-2.5412705195820062s"></animate>
+      <animate attributeName="opacity" values="1;0" keyTimes="0;1" calcMode="spline" repeatCount="indefinite" keySplines="0 0.5 0.5 1" dur="12.5s" begin="-2.5412705195820062s"></animate>
+    </circle></g>
+      </pattern>
+    </defs>
+    <rect x="0" y="0" width="1084" height="322" fill="url(#pid-0.2950529742247572)"></rect>
+    </svg>

assets/img/traffic.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin:auto;background:rgba(NaN, NaN, NaN, 0);display:block;z-index:1;position:relative" width="1084" height="322" preserveAspectRatio="xMidYMid" viewBox="0 0 1084 322">
+  <defs>
+    <pattern id="pid-0.32277503320149736" x="0" y="0" width="322.56" height="322.56" patternUnits="userSpaceOnUse">
+      <g transform="scale(1.26)"><g> <line x1="12.8" y1="-268.8" x2="12.8" y2="-217.6" stroke="#d9dbee" stroke-width="21.6" stroke-linecap="round"></line> <line x1="12.8" y1="-12.8" x2="12.8" y2="38.400000000000006" stroke="#d9dbee" stroke-width="21.6" stroke-linecap="round"></line> <line x1="12.8" y1="243.2" x2="12.8" y2="294.4" stroke="#d9dbee" stroke-width="21.6" stroke-linecap="round"></line> <line x1="12.8" y1="-192" x2="12.8" y2="-140.8" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="12.8" y1="64" x2="12.8" y2="115.2" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="12.8" y1="320" x2="12.8" y2="371.2" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="12.8" y1="-115.19999999999999" x2="12.8" y2="-64" stroke="#5e6fa3" stroke-width="21.6" stroke-linecap="round"></line> <line x1="12.8" y1="140.8" x2="12.8" y2="192" stroke="#5e6fa3" stroke-width="21.6" stroke-linecap="round"></line> <line x1="12.8" y1="396.8" x2="12.8" y2="448" stroke="#5e6fa3" stroke-width="21.6" stroke-linecap="round"></line> <line x1="12.8" y1="-38.39999999999998" x2="12.8" y2="38.400000000000034" stroke="#d9dbee" stroke-width="21.6" stroke-linecap="round"></line> <line x1="12.8" y1="217.60000000000002" x2="12.8" y2="294.40000000000003" stroke="#d9dbee" stroke-width="21.6" stroke-linecap="round"></line> <line x1="12.8" y1="473.6" x2="12.8" y2="550.4000000000001" stroke="#d9dbee" stroke-width="21.6" stroke-linecap="round"></line> <animateTransform attributeName="transform" type="translate" repeatCount="indefinite" dur="50s" keyTimes="0;1" values="0 0;0 256"></animateTransform>
+  </g> <g> <line x1="38.400000000000006" y1="-243.2" x2="38.400000000000006" y2="-192" stroke="#b3b7e2" stroke-width="21.6" stroke-linecap="round"></line> <line x1="38.400000000000006" y1="12.8" x2="38.400000000000006" y2="64" stroke="#b3b7e2" stroke-width="21.6" stroke-linecap="round"></line> <line x1="38.400000000000006" y1="268.8" x2="38.400000000000006" y2="320" stroke="#b3b7e2" stroke-width="21.6" stroke-linecap="round"></line> <line x1="38.400000000000006" y1="-166.39999999999998" x2="38.400000000000006" y2="-115.19999999999999" stroke="#93dbe9" stroke-width="21.6" stroke-linecap="round"></line> <line x1="38.400000000000006" y1="89.60000000000001" x2="38.400000000000006" y2="140.8" stroke="#93dbe9" stroke-width="21.6" stroke-linecap="round"></line> <line x1="38.400000000000006" y1="345.6" x2="38.400000000000006" y2="396.8" stroke="#93dbe9" stroke-width="21.6" stroke-linecap="round"></line> <line x1="38.400000000000006" y1="-89.59999999999997" x2="38.400000000000006" y2="-12.799999999999955" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="38.400000000000006" y1="166.40000000000003" x2="38.400000000000006" y2="243.20000000000005" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="38.400000000000006" y1="422.40000000000003" x2="38.400000000000006" y2="499.20000000000005" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <animateTransform attributeName="transform" type="translate" repeatCount="indefinite" dur="16.666666666666668s" keyTimes="0;1" values="0 0;0 -256"></animateTransform>
+  </g> <g> <line x1="64" y1="-243.2" x2="64" y2="-192" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="64" y1="12.8" x2="64" y2="64" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="64" y1="268.8" x2="64" y2="320" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="64" y1="-166.39999999999998" x2="64" y2="-115.19999999999999" stroke="#d9dbee" stroke-width="21.6" stroke-linecap="round"></line> <line x1="64" y1="89.60000000000001" x2="64" y2="140.8" stroke="#d9dbee" stroke-width="21.6" stroke-linecap="round"></line> <line x1="64" y1="345.6" x2="64" y2="396.8" stroke="#d9dbee" stroke-width="21.6" stroke-linecap="round"></line> <line x1="64" y1="-89.59999999999997" x2="64" y2="-12.799999999999955" stroke="#191d3a" stroke-width="21.6" stroke-linecap="round"></line> <line x1="64" y1="166.40000000000003" x2="64" y2="243.20000000000005" stroke="#191d3a" stroke-width="21.6" stroke-linecap="round"></line> <line x1="64" y1="422.40000000000003" x2="64" y2="499.20000000000005" stroke="#191d3a" stroke-width="21.6" stroke-linecap="round"></line> <animateTransform attributeName="transform" type="translate" repeatCount="indefinite" dur="25s" keyTimes="0;1" values="0 0;0 -256"></animateTransform>
+  </g> <g> <line x1="89.60000000000001" y1="-243.2" x2="89.60000000000001" y2="-166.39999999999998" stroke="#5e6fa3" stroke-width="21.6" stroke-linecap="round"></line> <line x1="89.60000000000001" y1="12.8" x2="89.60000000000001" y2="89.60000000000001" stroke="#5e6fa3" stroke-width="21.6" stroke-linecap="round"></line> <line x1="89.60000000000001" y1="268.8" x2="89.60000000000001" y2="345.6" stroke="#5e6fa3" stroke-width="21.6" stroke-linecap="round"></line> <line x1="89.60000000000001" y1="-140.8" x2="89.60000000000001" y2="-89.6" stroke="#93dbe9" stroke-width="21.6" stroke-linecap="round"></line> <line x1="89.60000000000001" y1="115.2" x2="89.60000000000001" y2="166.4" stroke="#93dbe9" stroke-width="21.6" stroke-linecap="round"></line> <line x1="89.60000000000001" y1="371.2" x2="89.60000000000001" y2="422.4" stroke="#93dbe9" stroke-width="21.6" stroke-linecap="round"></line> <line x1="89.60000000000001" y1="-63.99999999999997" x2="89.60000000000001" y2="-12.799999999999955" stroke="#191d3a" stroke-width="21.6" stroke-linecap="round"></line> <line x1="89.60000000000001" y1="192.00000000000003" x2="89.60000000000001" y2="243.20000000000005" stroke="#191d3a" stroke-width="21.6" stroke-linecap="round"></line> <line x1="89.60000000000001" y1="448" x2="89.60000000000001" y2="499.20000000000005" stroke="#191d3a" stroke-width="21.6" stroke-linecap="round"></line> <animateTransform attributeName="transform" type="translate" repeatCount="indefinite" dur="16.666666666666668s" keyTimes="0;1" values="0 0;0 -256"></animateTransform>
+  </g> <g> <line x1="115.2" y1="-243.2" x2="115.2" y2="-217.6" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="115.2" y1="12.8" x2="115.2" y2="38.400000000000006" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="115.2" y1="268.8" x2="115.2" y2="294.4" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="115.2" y1="-192" x2="115.2" y2="-140.8" stroke="#93dbe9" stroke-width="21.6" stroke-linecap="round"></line> <line x1="115.2" y1="64" x2="115.2" y2="115.2" stroke="#93dbe9" stroke-width="21.6" stroke-linecap="round"></line> <line x1="115.2" y1="320" x2="115.2" y2="371.2" stroke="#93dbe9" stroke-width="21.6" stroke-linecap="round"></line> <line x1="115.2" y1="-115.19999999999999" x2="115.2" y2="-64" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="115.2" y1="140.8" x2="115.2" y2="192" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="115.2" y1="396.8" x2="115.2" y2="448" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="115.2" y1="-38.39999999999998" x2="115.2" y2="-12.799999999999983" stroke="#b3b7e2" stroke-width="21.6" stroke-linecap="round"></line> <line x1="115.2" y1="217.60000000000002" x2="115.2" y2="243.20000000000002" stroke="#b3b7e2" stroke-width="21.6" stroke-linecap="round"></line> <line x1="115.2" y1="473.6" x2="115.2" y2="499.20000000000005" stroke="#b3b7e2" stroke-width="21.6" stroke-linecap="round"></line> <animateTransform attributeName="transform" type="translate" repeatCount="indefinite" dur="25s" keyTimes="0;1" values="0 0;0 256"></animateTransform>
+  </g> <g> <line x1="140.8" y1="-243.2" x2="140.8" y2="-166.39999999999998" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="140.8" y1="12.8" x2="140.8" y2="89.60000000000001" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="140.8" y1="268.8" x2="140.8" y2="345.6" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="140.8" y1="-140.8" x2="140.8" y2="-115.19999999999999" stroke="#5e6fa3" stroke-width="21.6" stroke-linecap="round"></line> <line x1="140.8" y1="115.2" x2="140.8" y2="140.8" stroke="#5e6fa3" stroke-width="21.6" stroke-linecap="round"></line> <line x1="140.8" y1="371.2" x2="140.8" y2="396.8" stroke="#5e6fa3" stroke-width="21.6" stroke-linecap="round"></line> <line x1="140.8" y1="-89.59999999999997" x2="140.8" y2="-63.99999999999997" stroke="#93dbe9" stroke-width="21.6" stroke-linecap="round"></line> <line x1="140.8" y1="166.40000000000003" x2="140.8" y2="192.00000000000003" stroke="#93dbe9" stroke-width="21.6" stroke-linecap="round"></line> <line x1="140.8" y1="422.40000000000003" x2="140.8" y2="448" stroke="#93dbe9" stroke-width="21.6" stroke-linecap="round"></line> <line x1="140.8" y1="-38.39999999999998" x2="140.8" y2="-12.799999999999983" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="140.8" y1="217.60000000000002" x2="140.8" y2="243.20000000000002" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="140.8" y1="473.6" x2="140.8" y2="499.20000000000005" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <animateTransform attributeName="transform" type="translate" repeatCount="indefinite" dur="50s" keyTimes="0;1" values="0 0;0 256"></animateTransform>
+  </g> <g> <line x1="166.40000000000003" y1="-268.8" x2="166.40000000000003" y2="-192" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="166.40000000000003" y1="-12.8" x2="166.40000000000003" y2="64.00000000000001" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="166.40000000000003" y1="243.2" x2="166.40000000000003" y2="320" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="166.40000000000003" y1="-166.39999999999998" x2="166.40000000000003" y2="-89.59999999999997" stroke="#3b4368" stroke-width="21.6" stroke-linecap="round"></line> <line x1="166.40000000000003" y1="89.60000000000001" x2="166.40000000000003" y2="166.40000000000003" stroke="#3b4368" stroke-width="21.6" stroke-linecap="round"></line> <line x1="166.40000000000003" y1="345.6" x2="166.40000000000003" y2="422.40000000000003" stroke="#3b4368" stroke-width="21.6" stroke-linecap="round"></line> <line x1="166.40000000000003" y1="-63.99999999999997" x2="166.40000000000003" y2="64" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="166.40000000000003" y1="192.00000000000003" x2="166.40000000000003" y2="320" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="166.40000000000003" y1="448" x2="166.40000000000003" y2="576" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <animateTransform attributeName="transform" type="translate" repeatCount="indefinite" dur="50s" keyTimes="0;1" values="0 0;0 -256"></animateTransform>
+  </g> <g> <line x1="192.00000000000003" y1="-243.2" x2="192.00000000000003" y2="-166.39999999999998" stroke="#3b4368" stroke-width="21.6" stroke-linecap="round"></line> <line x1="192.00000000000003" y1="12.8" x2="192.00000000000003" y2="89.60000000000001" stroke="#3b4368" stroke-width="21.6" stroke-linecap="round"></line> <line x1="192.00000000000003" y1="268.8" x2="192.00000000000003" y2="345.6" stroke="#3b4368" stroke-width="21.6" stroke-linecap="round"></line> <line x1="192.00000000000003" y1="-140.8" x2="192.00000000000003" y2="-64" stroke="#93dbe9" stroke-width="21.6" stroke-linecap="round"></line> <line x1="192.00000000000003" y1="115.2" x2="192.00000000000003" y2="192" stroke="#93dbe9" stroke-width="21.6" stroke-linecap="round"></line> <line x1="192.00000000000003" y1="371.2" x2="192.00000000000003" y2="448" stroke="#93dbe9" stroke-width="21.6" stroke-linecap="round"></line> <line x1="192.00000000000003" y1="-38.39999999999998" x2="192.00000000000003" y2="-12.799999999999983" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="192.00000000000003" y1="217.60000000000002" x2="192.00000000000003" y2="243.20000000000002" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="192.00000000000003" y1="473.6" x2="192.00000000000003" y2="499.20000000000005" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <animateTransform attributeName="transform" type="translate" repeatCount="indefinite" dur="16.666666666666668s" keyTimes="0;1" values="0 0;0 -256"></animateTransform>
+  </g> <g> <line x1="217.60000000000002" y1="-243.2" x2="217.60000000000002" y2="-217.6" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="217.60000000000002" y1="12.8" x2="217.60000000000002" y2="38.400000000000006" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="217.60000000000002" y1="268.8" x2="217.60000000000002" y2="294.4" stroke="#689cc5" stroke-width="21.6" stroke-linecap="round"></line> <line x1="217.60000000000002" y1="-192" x2="217.60000000000002" y2="-140.8" stroke="#93dbe9" stroke-width="21.6" stroke-linecap="round"></line> <line x1="217.60000000000002" y1="64" x2="217.60000000000002" y2="115.2" stroke="#93dbe9" stroke-width="21.6" stroke-linecap="round"></line> <line x1="217.60000000000002" y1="320" x2="217.60000000000002" y2="371.2" stroke="#93dbe9" stroke-width="21.6" stroke-linecap="round"></line> <line x1="217.60000000000002" y1="-115.19999999999999" x2="217.60000000000002" y2="-64" stroke="#5e6fa3" stroke-width="21.6" stroke-linecap="round"></line> <line x1="217.60000000000002" y1="140.8" x2="217.60000000000002" y2="192" stroke="#5e6fa3" stroke-width="21.6" stroke-linecap="round"></line> <line x1="217.60000000000002" y1="396.8" x2="217.60000000000002" y2="448" stroke="#5e6fa3" stroke-width="21.6" stroke-linecap="round"></line> <line x1="217.60000000000002" y1="-38.39999999999998" x2="217.60000000000002" y2="-12.799999999999983" stroke="#5e6fa3" stroke-width="21.6" stroke-linecap="round"></line> <line x1="217.60000000000002" y1="217.60000000000002" x2="217.60000000000002" y2="243.20000000000002" stroke="#5e6fa3" stroke-width="21.6" stroke-linecap="round"></line> <line x1="217.60000000000002" y1="473.6" x2="217.60000000000002" y2="499.20000000000005" stroke="#5e6fa3" stroke-width="21.6" stroke-linecap="round"></line> <animateTransform attributeName="transform" type="translate" repeatCount="indefinite" dur="50s" keyTimes="0;1" values="0 0;0 256"></animateTransform>
+  </g> <g> <line x1="243.20000000000002" y1="-243.2" x2="243.20000000000002" y2="-166.39999999999998" stroke="#191d3a" stroke-width="21.6" stroke-linecap="round"></line> <line x1="243.20000000000002" y1="12.8" x2="243.20000000000002" y2="89.60000000000001" stroke="#191d3a" stroke-width="21.6" stroke-linecap="round"></line> <line x1="243.20000000000002" y1="268.8" x2="243.20000000000002" y2="345.6" stroke="#191d3a" stroke-width="21.6" stroke-linecap="round"></line> <line x1="243.20000000000002" y1="-140.8" x2="243.20000000000002" y2="-64" stroke="#93dbe9" stroke-width="21.6" stroke-linecap="round"></line> <line x1="243.20000000000002" y1="115.2" x2="243.20000000000002" y2="192" stroke="#93dbe9" stroke-width="21.6" stroke-linecap="round"></line> <line x1="243.20000000000002" y1="371.2" x2="243.20000000000002" y2="448" stroke="#93dbe9" stroke-width="21.6" stroke-linecap="round"></line> <line x1="243.20000000000002" y1="-38.39999999999998" x2="243.20000000000002" y2="-12.799999999999983" stroke="#d9dbee" stroke-width="21.6" stroke-linecap="round"></line> <line x1="243.20000000000002" y1="217.60000000000002" x2="243.20000000000002" y2="243.20000000000002" stroke="#d9dbee" stroke-width="21.6" stroke-linecap="round"></line> <line x1="243.20000000000002" y1="473.6" x2="243.20000000000002" y2="499.20000000000005" stroke="#d9dbee" stroke-width="21.6" stroke-linecap="round"></line> <animateTransform attributeName="transform" type="translate" repeatCount="indefinite" dur="25s" keyTimes="0;1" values="0 0;0 -256"></animateTransform>
+  </g></g>
+    </pattern>
+  </defs>
+  <rect x="0" y="0" width="1084" height="322" fill="url(#pid-0.32277503320149736)"></rect>
+  </svg>

assets/img/waves.svg

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin:auto;background:rgba(NaN, NaN, NaN, 0);display:block;z-index:1;position:relative" width="1084" height="322" preserveAspectRatio="xMidYMid" viewBox="0 0 1084 322">
+    <defs>
+      <pattern id="pid-0.1520523902861448" x="0" y="0" width="665.6" height="665.6" patternUnits="userSpaceOnUse">
+        <g transform="scale(2.6)"><path d="M -256 9.314285714285713 C -192 9.314285714285713 -192 2 -128 2 C -64 2 -64 9.314285714285713 2 9.314285714285713 C 64 9.314285714285713 64 2 128 2 C 192 2 192 9.314285714285713 256 9.314285714285713 L 384 384 L -384 384 L -384 9.314285714285713 Z" fill="none" stroke="#93dbe9" stroke-width="10" transform="translate(0 -36.57142857142857)">
+      <animateTransform attributeName="transform" type="translate" values="256 -36.57142857142857;0 -36.57142857142857;256 -36.57142857142857" keyTimes="0;0.5;1" dur="20s" repeatCount="indefinite" calcMode="spline" begin="0s" keySplines="0.5 0 0.5 1;0.5 0 0.5 1"></animateTransform>
+    </path><path d="M -256 9.314285714285713 C -192 9.314285714285713 -192 2 -128 2 C -64 2 -64 9.314285714285713 2 9.314285714285713 C 64 9.314285714285713 64 2 128 2 C 192 2 192 9.314285714285713 256 9.314285714285713 L 384 384 L -384 384 L -384 9.314285714285713 Z" fill="none" stroke="#689cc5" stroke-width="10" transform="translate(0 0)">
+      <animateTransform attributeName="transform" type="translate" values="0 0;256 0;0 0" keyTimes="0;0.5;1" dur="20s" repeatCount="indefinite" calcMode="spline" begin="-1.4285714285714284s" keySplines="0.5 0 0.5 1;0.5 0 0.5 1"></animateTransform>
+    </path><path d="M -256 9.314285714285713 C -192 9.314285714285713 -192 2 -128 2 C -64 2 -64 9.314285714285713 2 9.314285714285713 C 64 9.314285714285713 64 2 128 2 C 192 2 192 9.314285714285713 256 9.314285714285713 L 384 384 L -384 384 L -384 9.314285714285713 Z" fill="none" stroke="#5e6fa3" stroke-width="10" transform="translate(0 36.57142857142857)">
+      <animateTransform attributeName="transform" type="translate" values="256 36.57142857142857;0 36.57142857142857;256 36.57142857142857" keyTimes="0;0.5;1" dur="20s" repeatCount="indefinite" calcMode="spline" begin="-2.8571428571428568s" keySplines="0.5 0 0.5 1;0.5 0 0.5 1"></animateTransform>
+    </path><path d="M -256 9.314285714285713 C -192 9.314285714285713 -192 2 -128 2 C -64 2 -64 9.314285714285713 2 9.314285714285713 C 64 9.314285714285713 64 2 128 2 C 192 2 192 9.314285714285713 256 9.314285714285713 L 384 384 L -384 384 L -384 9.314285714285713 Z" fill="none" stroke="#3b4368" stroke-width="10" transform="translate(0 73.14285714285714)">
+      <animateTransform attributeName="transform" type="translate" values="0 73.14285714285714;256 73.14285714285714;0 73.14285714285714" keyTimes="0;0.5;1" dur="20s" repeatCount="indefinite" calcMode="spline" begin="-4.285714285714286s" keySplines="0.5 0 0.5 1;0.5 0 0.5 1"></animateTransform>
+    </path><path d="M -256 9.314285714285713 C -192 9.314285714285713 -192 2 -128 2 C -64 2 -64 9.314285714285713 2 9.314285714285713 C 64 9.314285714285713 64 2 128 2 C 192 2 192 9.314285714285713 256 9.314285714285713 L 384 384 L -384 384 L -384 9.314285714285713 Z" fill="none" stroke="#191d3a" stroke-width="10" transform="translate(0 109.71428571428571)">
+      <animateTransform attributeName="transform" type="translate" values="256 109.71428571428571;0 109.71428571428571;256 109.71428571428571" keyTimes="0;0.5;1" dur="20s" repeatCount="indefinite" calcMode="spline" begin="-5.7142857142857135s" keySplines="0.5 0 0.5 1;0.5 0 0.5 1"></animateTransform>
+    </path><path d="M -256 9.314285714285713 C -192 9.314285714285713 -192 2 -128 2 C -64 2 -64 9.314285714285713 2 9.314285714285713 C 64 9.314285714285713 64 2 128 2 C 192 2 192 9.314285714285713 256 9.314285714285713 L 384 384 L -384 384 L -384 9.314285714285713 Z" fill="none" stroke="#d9dbee" stroke-width="10" transform="translate(0 146.28571428571428)">
+      <animateTransform attributeName="transform" type="translate" values="0 146.28571428571428;256 146.28571428571428;0 146.28571428571428" keyTimes="0;0.5;1" dur="20s" repeatCount="indefinite" calcMode="spline" begin="-7.142857142857142s" keySplines="0.5 0 0.5 1;0.5 0 0.5 1"></animateTransform>
+    </path><path d="M -256 9.314285714285713 C -192 9.314285714285713 -192 2 -128 2 C -64 2 -64 9.314285714285713 2 9.314285714285713 C 64 9.314285714285713 64 2 128 2 C 192 2 192 9.314285714285713 256 9.314285714285713 L 384 384 L -384 384 L -384 9.314285714285713 Z" fill="none" stroke="#b3b7e2" stroke-width="10" transform="translate(0 182.85714285714286)">
+      <animateTransform attributeName="transform" type="translate" values="256 182.85714285714286;0 182.85714285714286;256 182.85714285714286" keyTimes="0;0.5;1" dur="20s" repeatCount="indefinite" calcMode="spline" begin="-8.571428571428571s" keySplines="0.5 0 0.5 1;0.5 0 0.5 1"></animateTransform>
+    </path><path d="M -256 9.314285714285713 C -192 9.314285714285713 -192 2 -128 2 C -64 2 -64 9.314285714285713 2 9.314285714285713 C 64 9.314285714285713 64 2 128 2 C 192 2 192 9.314285714285713 256 9.314285714285713 L 384 384 L -384 384 L -384 9.314285714285713 Z" fill="none" stroke="#93dbe9" stroke-width="10" transform="translate(0 219.42857142857142)">
+      <animateTransform attributeName="transform" type="translate" values="0 219.42857142857142;256 219.42857142857142;0 219.42857142857142" keyTimes="0;0.5;1" dur="20s" repeatCount="indefinite" calcMode="spline" begin="0s" keySplines="0.5 0 0.5 1;0.5 0 0.5 1"></animateTransform>
+    </path></g>
+      </pattern>
+    </defs>
+    <rect x="0" y="0" width="1084" height="322" fill="url(#pid-0.1520523902861448)"></rect>
+    </svg>

assets/js/appearance.js

@@ -76,14 +76,24 @@ var updateMeta = () => {
 {{ $secondaryLogo := resources.Get .Site.Params.SecondaryLogo }}
 {{ if and ($primaryLogo) ($secondaryLogo) }}
 var updateLogo = (targetAppearance) => {
-  var elems;
-  elems = document.querySelectorAll("img.logo")
+  var imgElems = document.querySelectorAll("img.logo");
+  var logoContainers = document.querySelectorAll("span.logo");
+  
   targetLogoPath = 
     targetAppearance == "{{ .Site.Params.DefaultAppearance }}" ?
     "{{ $primaryLogo.RelPermalink }}" : "{{ $secondaryLogo.RelPermalink }}"
-  for (const elem of elems) {
+  for (const elem of imgElems) {
     elem.setAttribute("src", targetLogoPath)
   }
+
+  {{ if eq $primaryLogo.MediaType.SubType "svg" }}
+  targetContent = 
+    targetAppearance == "{{ .Site.Params.DefaultAppearance }}" ?
+    `{{ $primaryLogo.Content | safeHTML }}` : `{{ $secondaryLogo.Content | safeHTML }}`
+  for (const container of logoContainers) {
+    container.innerHTML = targetContent;
+  }
+  {{ end }}
 }
 {{ end }}
 {{- end }}

assets/js/code.js

@@ -13,7 +13,7 @@ function createCopyButton(highlightDiv) {
 }
 
 async function copyCodeToClipboard(button, highlightDiv) {
-  const codeToCopy = highlightDiv.querySelector(":last-child > .chroma > code").innerText;
+  const codeToCopy = highlightDiv.querySelector(":last-child").innerText;
   try {
     result = await navigator.permissions.query({ name: "clipboard-write" });
     if (result.state == "granted" || result.state == "prompt") {

assets/js/mermaid.js

@@ -0,0 +1,20 @@
+function css(name) {
+  return "rgb(" + getComputedStyle(document.documentElement).getPropertyValue(name) + ")";
+}
+
+mermaid.initialize({
+  theme: "base",
+  themeVariables: {
+    background: css("--color-neutral"),
+    primaryColor: css("--color-primary-200"),
+    secondaryColor: css("--color-secondary-200"),
+    tertiaryColor: css("--color-neutral-100"),
+    primaryBorderColor: css("--color-primary-400"),
+    secondaryBorderColor: css("--color-secondary-400"),
+    tertiaryBorderColor: css("--color-neutral-400"),
+    lineColor: css("--color-neutral-600"),
+    fontFamily:
+      "ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif",
+    fontSize: "16px",
+  },
+});

assets/js/mobilemenu.js

@@ -0,0 +1,33 @@
+var menuButton = document.getElementById("menu-button");
+var menuCloseButton = document.getElementById("menu-close-button");
+var menuWrapper = document.getElementById("menu-wrapper");
+
+var menuOpen = false;
+
+var openMenu = function (e) {
+  if (!menuOpen) {
+    menuOpen = true;
+    document.body.style.overflowY = "hidden";
+    menuButton.style.visibility = "hidden";
+    menuWrapper.style.visibility = "visible";
+    menuWrapper.style.opacity = "1";
+    window.onbeforeunload = function (event) {
+      closeMenu()
+    }
+  }
+};
+
+var closeMenu = function (e) {
+  if (menuOpen) {
+    menuOpen = false;
+    document.body.style.overflowY = "auto";
+    menuButton.style.visibility = "visible";
+    menuWrapper.style.visibility = "hidden";
+    menuWrapper.style.opacity = "0";
+    window.onbeforeunload = function (event) { }
+    e.stopPropagation();
+  }
+}
+
+menuButton.addEventListener("click", openMenu);
+menuCloseButton.addEventListener("click", closeMenu);

assets/js/page.js

@@ -1,7 +1,9 @@
 var liked_page = false
+var id = oid ? oid.replaceAll("/", "-") : oid
+var id_likes = oid_likes ? oid_likes.replaceAll("/", "-") : oid_likes
 
 if (typeof auth !== 'undefined') {
-    var id = oid ? oid.replaceAll("/", "-") : oid
+    
     var viewed = localStorage.getItem(id);
 
     if (!viewed) {
@@ -28,7 +30,6 @@ if (typeof auth !== 'undefined') {
             });
     }
 
-    var id_likes = oid_likes ? oid_likes.replaceAll("/", "-") : oid_likes
     var liked = localStorage.getItem(id_likes);
 
     if (liked) {
@@ -97,7 +98,6 @@ function remove_like_article(id_likes) {
 }
 
 function process_article() {
-    var id_likes = oid_likes ? oid_likes.replaceAll("/", "-") : oid_likes
     if (!liked_page) {
         like_article(id_likes)
     } else {

assets/js/search.js

@@ -63,6 +63,19 @@ document.addEventListener("keydown", function (event) {
       }
     }
   }
+
+  // Enter to get to results
+  if (event.key == "Enter") {
+    if (searchVisible && hasResults) {
+      event.preventDefault();
+      if (document.activeElement == input) {
+        first.focus();
+      } else {
+        document.activeElement.click();
+      }
+    }
+  }
+
 });
 
 // Update search on each keypress
@@ -123,6 +136,12 @@ function buildIndex() {
         { name: "content", weight: 0.4 },
       ],
     };
+    /*var finalIndex = [];
+    for (var i in data) {
+      if(data[i].type != "users" && data[i].type != "tags" && data[i].type != "categories"){
+        finalIndex.push(data[i]);
+      }
+    }*/
     fuse = new Fuse(data, options);
     indexed = true;
   });
@@ -134,13 +153,23 @@ function executeQuery(term) {
 
   if (results.length > 0) {
     results.forEach(function (value, key) {
+      console.log(value.item.summary);
+      var html = value.item.summary;
+      var div = document.createElement("div");
+      div.innerHTML = html;
+      value.item.summary = div.textContent || div.innerText || "";
+      var title = value.item.externalUrl?  value.item.title + '<span class="text-xs ml-2 align-center cursor-default text-neutral-400 dark:text-neutral-500">'+value.item.externalUrl+'</span>' : value.item.title;
+      var linkconfig = value.item.externalUrl? 'target="_blank" rel="noopener" href="'+value.item.externalUrl+'"' : 'href="'+value.item.permalink+'"';
       resultsHTML =
         resultsHTML +
         `<li class="mb-2">
-          <a class="flex items-center px-3 py-2 rounded-md appearance-none bg-neutral-100 dark:bg-neutral-700 focus:bg-primary-100 hover:bg-primary-100 dark:hover:bg-primary-900 dark:focus:bg-primary-900 focus:outline-dotted focus:outline-transparent focus:outline-2" href="${value.item.permalink}" tabindex="0">
+          <a class="flex items-center px-3 py-2 rounded-md appearance-none bg-neutral-100 dark:bg-neutral-700 focus:bg-primary-100 hover:bg-primary-100 dark:hover:bg-primary-900 dark:focus:bg-primary-900 focus:outline-dotted focus:outline-transparent focus:outline-2" 
+          ${linkconfig} tabindex="0">
             <div class="grow">
-              <div class="-mb-1 text-lg font-bold">${value.item.title}</div>
-              <div class="text-sm text-neutral-500 dark:text-neutral-400">${value.item.section}<span class="px-2 text-primary-500">&middot;</span>${value.item.date}</span></div>
+              <div class="-mb-1 text-lg font-bold">
+                ${title}
+              </div>
+              <div class="text-sm text-neutral-500 dark:text-neutral-400">${value.item.section}<span class="px-2 text-primary-500">&middot;</span>${value.item.date? value.item.date : ""}</span></div>
               <div class="text-sm italic">${value.item.summary}</div>
             </div>
             <div class="ml-2 ltr:block rtl:hidden text-neutral-500">&rarr;</div>

assets/js/shortcodes/gallery.js

@@ -0,0 +1,22 @@
+function _getDefaultPackeryOptions() {
+    return {
+        percentPosition: true,
+        gutter: 5,
+        resize: true
+    };
+}
+
+(function init() {
+
+    $(window).on("load", function () {
+        let packeries = [];
+        let nodeGalleries = document.querySelectorAll('.gallery');
+
+        nodeGalleries.forEach(nodeGallery => {
+            // TODO : implement a reader of Packery configuration _getPackeryOptions; for example by reading data-attribute
+            let packery = new Packery(nodeGallery, _getDefaultPackeryOptions());
+            packeries.push(packery);
+        });
+        console.groupEnd();
+    });
+})();

assets/js/zen-mode.js

@@ -0,0 +1,63 @@
+function _toogleZenMode(zendModeButton) {
+  // Nodes selection
+  const body = document.querySelector('body');
+  const tocRight = document.querySelector('.toc-right');
+  const tocInside = document.querySelector('.toc-inside');
+  const articleContent = document.querySelector('.article-content');
+  const header = document.querySelector('#single_header');
+
+
+  // Add semantic class into body tag
+  body.classList.toggle('zen-mode-enable');
+
+  // Show/Hide 'toc right' and 'toc inside'
+  if (tocRight)
+    tocRight.classList.toggle('lg:block');
+  if (tocInside)
+    tocInside.classList.toggle('lg:hidden');
+
+  // Change width of article content
+  articleContent.classList.toggle('max-w-fit');
+  articleContent.classList.toggle('max-w-prose');
+
+  // Change width of article title
+  header.classList.toggle('max-w-full');
+  header.classList.toggle('max-w-prose');
+
+  // Read i18n title from data-attributes
+  const titleI18nDisable = zendModeButton.getAttribute('data-title-i18n-disable');
+  const titleI18nEnable = zendModeButton.getAttribute('data-title-i18n-enable');
+
+  if (body.classList.contains('zen-mode-enable')) {
+    // Persist configuration
+    //localStorage.setItem('blowfish-zen-mode-enabled', 'true');
+
+    // Change title to enable
+    zendModeButton.setAttribute('title', titleI18nEnable)
+    // Auto-scroll to title article
+    window.scrollTo(window.scrollX, header.getBoundingClientRect().top - 90);
+  } else {
+    //localStorage.setItem('blowfish-zen-mode-enabled', 'false');
+    zendModeButton.setAttribute('title', titleI18nDisable);
+    document.querySelector('body').scrollIntoView();
+  }
+}
+
+function _registerZendModeButtonClick(zendModeButton) {
+  zendModeButton.addEventListener('click', function (event) {
+    event.preventDefault();
+
+    // Toggle zen-mode
+    _toogleZenMode(zendModeButton);
+  });
+}
+
+(function init() {
+  window.addEventListener("DOMContentLoaded", (event) => {
+    // Register click on 'zen-mode-button' node element
+    const zendModeButton = document.getElementById('zen-mode-button');
+    if (zendModeButton !== null && zendModeButton !== undefined) {
+      _registerZendModeButtonClick(zendModeButton);
+    }
+  });
+})();

assets/lib/katex/auto-render.min.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("katex")):"function"==typeof define&&define.amd?define(["katex"],t):"object"==typeof exports?exports.renderMathInElement=t(require("katex")):e.renderMathInElement=t(e.katex)}("undefined"!=typeof self?self:this,(function(e){return function(){"use strict";var t={771:function(t){t.exports=e}},r={};function n(e){var i=r[e];if(void 0!==i)return i.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)};var i={};return function(){n.d(i,{default:function(){return s}});var e=n(771),t=n.n(e),r=function(e,t,r){for(var n=r,i=0,a=e.length;n<t.length;){var o=t[n];if(i<=0&&t.slice(n,n+a)===e)return n;"\\"===o?n++:"{"===o?i++:"}"===o&&i--,n++}return-1},a=/^\\begin{/,o=function(e,t){for(var n,i=[],o=new RegExp("("+t.map((function(e){return e.left.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&")})).join("|")+")");-1!==(n=e.search(o));){n>0&&(i.push({type:"text",data:e.slice(0,n)}),e=e.slice(n));var l=t.findIndex((function(t){return e.startsWith(t.left)}));if(-1===(n=r(t[l].right,e,t[l].left.length)))break;var d=e.slice(0,n+t[l].right.length),s=a.test(d)?d:e.slice(t[l].left.length,n);i.push({type:"math",data:s,rawData:d,display:t[l].display}),e=e.slice(n+t[l].right.length)}return""!==e&&i.push({type:"text",data:e}),i},l=function(e,r){var n=o(e,r.delimiters);if(1===n.length&&"text"===n[0].type)return null;for(var i=document.createDocumentFragment(),a=0;a<n.length;a++)if("text"===n[a].type)i.appendChild(document.createTextNode(n[a].data));else{var l=document.createElement("span"),d=n[a].data;r.displayMode=n[a].display;try{r.preProcess&&(d=r.preProcess(d)),t().render(d,l,r)}catch(e){if(!(e instanceof t().ParseError))throw e;r.errorCallback("KaTeX auto-render: Failed to parse `"+n[a].data+"` with ",e),i.appendChild(document.createTextNode(n[a].rawData));continue}i.appendChild(l)}return i},d=function e(t,r){for(var n=0;n<t.childNodes.length;n++){var i=t.childNodes[n];if(3===i.nodeType){for(var a=i.textContent,o=i.nextSibling,d=0;o&&o.nodeType===Node.TEXT_NODE;)a+=o.textContent,o=o.nextSibling,d++;var s=l(a,r);if(s){for(var f=0;f<d;f++)i.nextSibling.remove();n+=s.childNodes.length-1,t.replaceChild(s,i)}else n+=d}else 1===i.nodeType&&function(){var t=" "+i.className+" ";-1===r.ignoredTags.indexOf(i.nodeName.toLowerCase())&&r.ignoredClasses.every((function(e){return-1===t.indexOf(" "+e+" ")}))&&e(i,r)}()}},s=function(e,t){if(!e)throw new Error("No element provided to render");var r={};for(var n in t)t.hasOwnProperty(n)&&(r[n]=t[n]);r.delimiters=r.delimiters||[{left:"$$",right:"$$",display:!0},{left:"\\(",right:"\\)",display:!1},{left:"\\begin{equation}",right:"\\end{equation}",display:!0},{left:"\\begin{align}",right:"\\end{align}",display:!0},{left:"\\begin{alignat}",right:"\\end{alignat}",display:!0},{left:"\\begin{gather}",right:"\\end{gather}",display:!0},{left:"\\begin{CD}",right:"\\end{CD}",display:!0},{left:"\\[",right:"\\]",display:!0}],r.ignoredTags=r.ignoredTags||["script","noscript","style","textarea","pre","code","option"],r.ignoredClasses=r.ignoredClasses||[],r.errorCallback=r.errorCallback||console.error,r.macros=r.macros||{},d(e,r)}}(),i=i.default}()}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("katex")):"function"==typeof define&&define.amd?define(["katex"],t):"object"==typeof exports?exports.renderMathInElement=t(require("katex")):e.renderMathInElement=t(e.katex)}("undefined"!=typeof self?self:this,(function(e){return function(){"use strict";var t={757:function(t){t.exports=e}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,r),i.exports}r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)};var o={};r.d(o,{default:function(){return p}});var i=r(757),a=r.n(i);const l=function(e,t,n){let r=n,o=0;const i=e.length;for(;r<t.length;){const n=t[r];if(o<=0&&t.slice(r,r+i)===e)return r;"\\"===n?r++:"{"===n?o++:"}"===n&&o--,r++}return-1},s=/^\\begin{/;var d=function(e,t){let n;const r=[],o=new RegExp("("+t.map((e=>e.left.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&"))).join("|")+")");for(;n=e.search(o),-1!==n;){n>0&&(r.push({type:"text",data:e.slice(0,n)}),e=e.slice(n));const o=t.findIndex((t=>e.startsWith(t.left)));if(n=l(t[o].right,e,t[o].left.length),-1===n)break;const i=e.slice(0,n+t[o].right.length),a=s.test(i)?i:e.slice(t[o].left.length,n);r.push({type:"math",data:a,rawData:i,display:t[o].display}),e=e.slice(n+t[o].right.length)}return""!==e&&r.push({type:"text",data:e}),r};const c=function(e,t){const n=d(e,t.delimiters);if(1===n.length&&"text"===n[0].type)return null;const r=document.createDocumentFragment();for(let e=0;e<n.length;e++)if("text"===n[e].type)r.appendChild(document.createTextNode(n[e].data));else{const o=document.createElement("span");let i=n[e].data;t.displayMode=n[e].display;try{t.preProcess&&(i=t.preProcess(i)),a().render(i,o,t)}catch(o){if(!(o instanceof a().ParseError))throw o;t.errorCallback("KaTeX auto-render: Failed to parse `"+n[e].data+"` with ",o),r.appendChild(document.createTextNode(n[e].rawData));continue}r.appendChild(o)}return r},f=function(e,t){for(let n=0;n<e.childNodes.length;n++){const r=e.childNodes[n];if(3===r.nodeType){let o=r.textContent,i=r.nextSibling,a=0;for(;i&&i.nodeType===Node.TEXT_NODE;)o+=i.textContent,i=i.nextSibling,a++;const l=c(o,t);if(l){for(let e=0;e<a;e++)r.nextSibling.remove();n+=l.childNodes.length-1,e.replaceChild(l,r)}else n+=a}else if(1===r.nodeType){const e=" "+r.className+" ";-1===t.ignoredTags.indexOf(r.nodeName.toLowerCase())&&t.ignoredClasses.every((t=>-1===e.indexOf(" "+t+" ")))&&f(r,t)}}};var p=function(e,t){if(!e)throw new Error("No element provided to render");const n={};for(const e in t)t.hasOwnProperty(e)&&(n[e]=t[e]);n.delimiters=n.delimiters||[{left:"$$",right:"$$",display:!0},{left:"\\(",right:"\\)",display:!1},{left:"\\begin{equation}",right:"\\end{equation}",display:!0},{left:"\\begin{align}",right:"\\end{align}",display:!0},{left:"\\begin{alignat}",right:"\\end{alignat}",display:!0},{left:"\\begin{gather}",right:"\\end{gather}",display:!0},{left:"\\begin{CD}",right:"\\end{CD}",display:!0},{left:"\\[",right:"\\]",display:!0}],n.ignoredTags=n.ignoredTags||["script","noscript","style","textarea","pre","code","option"],n.ignoredClasses=n.ignoredClasses||[],n.errorCallback=n.errorCallback||console.error,n.macros=n.macros||{},f(e,n)};return o=o.default}()}));

assets/lib/lite-youtube-embed/lite-yt-embed.css

@@ -0,0 +1,95 @@
+lite-youtube {
+    background-color: #000;
+    position: relative;
+    display: block;
+    contain: content;
+    background-position: center center;
+    background-size: cover;
+    cursor: pointer;
+    max-width: 720px;
+}
+
+/* gradient */
+lite-youtube::before {
+    content: attr(data-title);
+    display: block;
+    position: absolute;
+    top: 0;
+    /* Pixel-perfect port of YT's gradient PNG, using https://github.com/bluesmoon/pngtocss plus optimizations */
+    background-image: linear-gradient(180deg, rgb(0 0 0 / 67%) 0%, rgb(0 0 0 / 54%) 14%, rgb(0 0 0 / 15%) 54%, rgb(0 0 0 / 5%) 72%, rgb(0 0 0 / 0%) 94%);
+    height: 99px;
+    width: 100%;
+    font-family: "YouTube Noto",Roboto,Arial,Helvetica,sans-serif;
+    color: hsl(0deg 0% 93.33%);
+    text-shadow: 0 0 2px rgba(0,0,0,.5);
+    font-size: 18px;
+    padding: 25px 20px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    box-sizing: border-box;
+}
+
+lite-youtube:hover::before {
+    color: white;
+}
+
+/* responsive iframe with a 16:9 aspect ratio
+    thanks https://css-tricks.com/responsive-iframes/
+*/
+lite-youtube::after {
+    content: "";
+    display: block;
+    padding-bottom: calc(100% / (16 / 9));
+}
+lite-youtube > iframe {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    border: 0;
+}
+
+/* play button */
+lite-youtube > .lty-playbtn {
+    display: block;
+    /* Make the button element cover the whole area for a large hover/click target… */
+    width: 100%;
+    height: 100%;
+    /* …but visually it's still the same size */
+    background: no-repeat center/68px 48px;
+    /* YT's actual play button svg */
+    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
+    position: absolute;
+    cursor: pointer;
+    z-index: 1;
+    filter: grayscale(100%);
+    transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
+    border: 0;
+}
+
+lite-youtube:hover > .lty-playbtn,
+lite-youtube .lty-playbtn:focus {
+    filter: none;
+}
+
+/* Post-click styles */
+lite-youtube.lyt-activated {
+    cursor: unset;
+}
+lite-youtube.lyt-activated::before,
+lite-youtube.lyt-activated > .lty-playbtn {
+    opacity: 0;
+    pointer-events: none;
+}
+
+.lyt-visually-hidden {
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    overflow: hidden;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  }

assets/lib/lite-youtube-embed/lite-yt-embed.js

@@ -0,0 +1,238 @@
+/**
+ * A lightweight youtube embed. Still should feel the same to the user, just MUCH faster to initialize and paint.
+ *
+ * Thx to these as the inspiration
+ *   https://storage.googleapis.com/amp-vs-non-amp/youtube-lazy.html
+ *   https://autoplay-youtube-player.glitch.me/
+ *
+ * Once built it, I also found these:
+ *   https://github.com/ampproject/amphtml/blob/master/extensions/amp-youtube (👍👍)
+ *   https://github.com/Daugilas/lazyYT
+ *   https://github.com/vb/lazyframe
+ */
+class LiteYTEmbed extends HTMLElement {
+    connectedCallback() {
+        this.videoId = this.getAttribute('videoid');
+
+        let playBtnEl = this.querySelector('.lty-playbtn');
+        // A label for the button takes priority over a [playlabel] attribute on the custom-element
+        this.playLabel = (playBtnEl && playBtnEl.textContent.trim()) || this.getAttribute('playlabel') || 'Play';
+
+        this.dataset.title = this.getAttribute('title') || "";
+
+        /**
+         * Lo, the youtube poster image!  (aka the thumbnail, image placeholder, etc)
+         *
+         * See https://github.com/paulirish/lite-youtube-embed/blob/master/youtube-thumbnail-urls.md
+         */
+        if (!this.style.backgroundImage) {
+          this.style.backgroundImage = `url("https://i.ytimg.com/vi/${this.videoId}/hqdefault.jpg")`;
+          this.upgradePosterImage();
+        }
+
+        // Set up play button, and its visually hidden label
+        if (!playBtnEl) {
+            playBtnEl = document.createElement('button');
+            playBtnEl.type = 'button';
+            playBtnEl.classList.add('lty-playbtn');
+            this.append(playBtnEl);
+        }
+        if (!playBtnEl.textContent) {
+            const playBtnLabelEl = document.createElement('span');
+            playBtnLabelEl.className = 'lyt-visually-hidden';
+            playBtnLabelEl.textContent = this.playLabel;
+            playBtnEl.append(playBtnLabelEl);
+        }
+
+        this.addNoscriptIframe();
+
+        // for the PE pattern, change anchor's semantics to button
+        if(playBtnEl.nodeName === 'A'){
+            playBtnEl.removeAttribute('href');
+            playBtnEl.setAttribute('tabindex', '0');
+            playBtnEl.setAttribute('role', 'button');
+            // fake button needs keyboard help
+            playBtnEl.addEventListener('keydown', e => {
+                if( e.key === 'Enter' || e.key === ' ' ){
+                    e.preventDefault();
+                    this.activate();
+                }
+            });
+        }
+
+        // On hover (or tap), warm up the TCP connections we're (likely) about to use.
+        this.addEventListener('pointerover', LiteYTEmbed.warmConnections, {once: true});
+        this.addEventListener('focusin', LiteYTEmbed.warmConnections, {once: true});
+
+        // Once the user clicks, add the real iframe and drop our play button
+        // TODO: In the future we could be like amp-youtube and silently swap in the iframe during idle time
+        //   We'd want to only do this for in-viewport or near-viewport ones: https://github.com/ampproject/amphtml/pull/5003
+        this.addEventListener('click', this.activate);
+
+        // Chrome & Edge desktop have no problem with the basic YouTube Embed with ?autoplay=1
+        // However Safari desktop and most/all mobile browsers do not successfully track the user gesture of clicking through the creation/loading of the iframe,
+        // so they don't autoplay automatically. Instead we must load an additional 2 sequential JS files (1KB + 165KB) (un-br) for the YT Player API
+        // TODO: Try loading the the YT API in parallel with our iframe and then attaching/playing it. #82
+        this.needsYTApi = this.hasAttribute("js-api") || navigator.vendor.includes('Apple') || navigator.userAgent.includes('Mobi');
+    }
+
+    /**
+     * Add a <link rel={preload | preconnect} ...> to the head
+     */
+    static addPrefetch(kind, url, as) {
+        const linkEl = document.createElement('link');
+        linkEl.rel = kind;
+        linkEl.href = url;
+        if (as) {
+            linkEl.as = as;
+        }
+        document.head.append(linkEl);
+    }
+
+    /**
+     * Begin pre-connecting to warm up the iframe load
+     * Since the embed's network requests load within its iframe,
+     *   preload/prefetch'ing them outside the iframe will only cause double-downloads.
+     * So, the best we can do is warm up a few connections to origins that are in the critical path.
+     *
+     * Maybe `<link rel=preload as=document>` would work, but it's unsupported: http://crbug.com/593267
+     * But TBH, I don't think it'll happen soon with Site Isolation and split caches adding serious complexity.
+     */
+    static warmConnections() {
+        if (LiteYTEmbed.preconnected) return;
+
+        // The iframe document and most of its subresources come right off youtube.com
+        LiteYTEmbed.addPrefetch('preconnect', 'https://www.youtube-nocookie.com');
+        // The botguard script is fetched off from google.com
+        LiteYTEmbed.addPrefetch('preconnect', 'https://www.google.com');
+
+        // Not certain if these ad related domains are in the critical path. Could verify with domain-specific throttling.
+        LiteYTEmbed.addPrefetch('preconnect', 'https://googleads.g.doubleclick.net');
+        LiteYTEmbed.addPrefetch('preconnect', 'https://static.doubleclick.net');
+
+        LiteYTEmbed.preconnected = true;
+    }
+
+    fetchYTPlayerApi() {
+        if (window.YT || (window.YT && window.YT.Player)) return;
+
+        this.ytApiPromise = new Promise((res, rej) => {
+            var el = document.createElement('script');
+            el.src = 'https://www.youtube.com/iframe_api';
+            el.async = true;
+            el.onload = _ => {
+                YT.ready(res);
+            };
+            el.onerror = rej;
+            this.append(el);
+        });
+    }
+
+    /** Return the YT Player API instance. (Public L-YT-E API) */
+    async getYTPlayer() {
+        if(!this.playerPromise) {
+            await this.activate();
+        }
+
+        return this.playerPromise;
+    }
+
+    async addYTPlayerIframe() {
+        this.fetchYTPlayerApi();
+        await this.ytApiPromise;
+
+        const videoPlaceholderEl = document.createElement('div')
+        this.append(videoPlaceholderEl);
+
+        const paramsObj = Object.fromEntries(this.getParams().entries());
+
+        this.playerPromise = new Promise(resolve => {
+            let player = new YT.Player(videoPlaceholderEl, {
+                width: '100%',
+                videoId: this.videoId,
+                playerVars: paramsObj,
+                events: {
+                    'onReady': event => {
+                        event.target.playVideo();
+                        resolve(player);
+                    }
+                }
+            });
+        });
+    }
+
+    // Add the iframe within <noscript> for indexability discoverability. See https://github.com/paulirish/lite-youtube-embed/issues/105
+    addNoscriptIframe() {
+        const iframeEl = this.createBasicIframe();
+        const noscriptEl = document.createElement('noscript');
+        // Appending into noscript isn't equivalant for mysterious reasons: https://html.spec.whatwg.org/multipage/scripting.html#the-noscript-element
+        noscriptEl.innerHTML = iframeEl.outerHTML;
+        this.append(noscriptEl);
+    }
+
+    getParams() {
+        const params = new URLSearchParams(this.getAttribute('params') || []);
+        params.append('autoplay', '1');
+        params.append('playsinline', '1');
+        return params;
+    }
+
+    async activate(){
+        if (this.classList.contains('lyt-activated')) return;
+        this.classList.add('lyt-activated');
+
+        if (this.needsYTApi) {
+            return this.addYTPlayerIframe(this.getParams());
+        }
+
+        const iframeEl = this.createBasicIframe();
+        this.append(iframeEl);
+
+        // Set focus for a11y
+        iframeEl.focus();
+    }
+
+    createBasicIframe(){
+        const iframeEl = document.createElement('iframe');
+        iframeEl.width = 560;
+        iframeEl.height = 315;
+        // No encoding necessary as [title] is safe. https://cheatsheetseries.owasp.org/cheatsheets/Cross_Site_Scripting_Prevention_Cheat_Sheet.html#:~:text=Safe%20HTML%20Attributes%20include
+        iframeEl.title = this.playLabel;
+        iframeEl.allow = 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture';
+        iframeEl.allowFullscreen = true;
+        // AFAIK, the encoding here isn't necessary for XSS, but we'll do it only because this is a URL
+        // https://stackoverflow.com/q/64959723/89484
+        iframeEl.src = `https://www.youtube-nocookie.com/embed/${encodeURIComponent(this.videoId)}?${this.getParams().toString()}`;
+        return iframeEl;
+    }
+
+    /**
+     * In the spirit of the `lowsrc` attribute and progressive JPEGs, we'll upgrade the reliable
+     * poster image to a higher resolution one, if it's available.
+     * Interestingly this sddefault webp is often smaller in filesize, but we will still attempt it second
+     * because getting _an_ image in front of the user if our first priority.
+     *
+     * See https://github.com/paulirish/lite-youtube-embed/blob/master/youtube-thumbnail-urls.md for more details
+     */
+    upgradePosterImage() {
+         // Defer to reduce network contention.
+        setTimeout(() => {
+            const webpUrl = `https://i.ytimg.com/vi_webp/${this.videoId}/sddefault.webp`;
+            const img = new Image();
+            img.fetchPriority = 'low'; // low priority to reduce network contention
+            img.referrerpolicy = 'origin'; // Not 100% sure it's needed, but https://github.com/ampproject/amphtml/pull/3940
+            img.src = webpUrl;
+            img.onload = e => {
+                // A pretty ugly hack since onerror won't fire on YouTube image 404. This is (probably) due to
+                // Youtube's style of returning data even with a 404 status. That data is a 120x90 placeholder image.
+                // … per "annoying yt 404 behavior" in the .md
+                const noAvailablePoster = e.target.naturalHeight == 90 && e.target.naturalWidth == 120;
+                if (noAvailablePoster) return;
+
+                this.style.backgroundImage = `url("${webpUrl}")`;
+            }
+        }, 100);
+    }
+}
+// Register custom element
+customElements.define('lite-youtube', LiteYTEmbed);

config.toml

@@ -1,5 +1,5 @@
 [module]
-  [module.hugoVersion]
-    extended = true
-    min = "0.87.0"
-    max = "0.121.0"
+[module.hugoVersion]
+extended = true
+min = "0.87.0"
+max = "0.145.0"

config/_default/hugo.toml

@@ -2,21 +2,25 @@
 # Refer to the theme docs for more details about each of these parameters.
 # https://blowfish.page/docs/getting-started/
 
-# theme = "blowfish"
+# theme = "blowfish" # UNCOMMENT THIS LINE
 # baseURL = "https://your_domain.com/"
 defaultContentLanguage = "en"
 
 # pluralizeListTitles = "true" # hugo function useful for non-english languages, find out more in  https://gohugo.io/getting-started/configuration/#pluralizelisttitles
 
 enableRobotsTXT = true
-paginate = 10
 summaryLength = 0
 
 buildDrafts = false
 buildFuture = false
 
+enableEmoji = true
+
 # googleAnalytics = "G-XXXXXXXXX"
 
+[pagination]
+  pagerSize = 100
+
 [imaging]
   anchor = 'Center'
 

config/_default/languages.en.toml

@@ -1,3 +1,4 @@
+disabled = false
 languageCode = "en"
 languageName = "English"
 weight = 1
@@ -13,9 +14,11 @@ title = "Blowfish"
   # description = "My awesome website"
   # copyright = "Copy, _right?_ :thinking_face:"
 
-# [author]
+# [params.author]
 #   name = "Your name here"
+#   email = "youremail@example.com"
 #   image = "img/blowfish_logo.png"
+#   imageQuality = 96
 #   headline = "I'm only human"
 #   bio = "A little bit about you"
 #   links = [
@@ -24,6 +27,7 @@ title = "Blowfish"
 #     { amazon = "https://www.amazon.com/hz/wishlist/ls/wishlist-id" },
 #     { apple = "https://www.apple.com" },
 #     { blogger = "https://username.blogspot.com/" },
+#     { bluesky = "https://bsky.app/profile/username" },
 #     { codepen = "https://codepen.io/username" },
 #     { dev = "https://dev.to/username" },
 #     { discord = "https://discord.gg/invitecode" },
@@ -36,6 +40,7 @@ title = "Blowfish"
 #     { google = "https://www.google.com/" },
 #     { hashnode = "https://username.hashnode.dev" },
 #     { instagram = "https://instagram.com/username" },
+#     { itch-io = "https://username.itch.io" },
 #     { keybase = "https://keybase.io/username" },
 #     { kickstarter = "https://www.kickstarter.com/profile/username" },
 #     { lastfm = "https://lastfm.com/user/username" },
@@ -51,9 +56,11 @@ title = "Blowfish"
 #     { slack = "https://workspace.url/team/userid" },
 #     { snapchat = "https://snapchat.com/add/username" },
 #     { soundcloud = "https://soundcloud.com/username" },
+#     { spotify = "https://open.spotify.com/user/userid" },
 #     { stack-overflow = "https://stackoverflow.com/users/userid/username" },
 #     { steam = "https://steamcommunity.com/profiles/userid" },
 #     { telegram = "https://t.me/username" },
+#     { threads = "https://www.threads.net/@username" },
 #     { tiktok = "https://tiktok.com/@username" },
 #     { tumblr = "https://username.tumblr.com" },
 #     { twitch = "https://twitch.tv/username" },
@@ -62,4 +69,5 @@ title = "Blowfish"
 #     { whatsapp = "https://wa.me/phone-number" },
 #     { youtube = "https://youtube.com/username" },
 #     { ko-fi = "https://ko-fi.com/username" },
+#     { codeberg = "https://codeberg.org/username"},
 #   ]

config/_default/params.toml

@@ -12,11 +12,14 @@ autoSwitchAppearance = true
 enableSearch = true
 enableCodeCopy = false
 
+replyByEmail = false
+
 # mainSections = ["section1", "section2"]
 # robots = ""
 
 disableImageOptimization = false
 disableTextInHeader = false
+# backgroundImageWidth = 1200
 
 # defaultBackgroundImage = "IMAGE.jpg" # used as default for background images 
 # defaultFeaturedImage = "IMAGE.jpg" # used as default for featured images in all articles
@@ -25,8 +28,11 @@ disableTextInHeader = false
 # smartTOC = true
 # smartTOCHideUnfocusedChildren = true
 
+giteaDefaultServer = "https://git.fsfe.org"
+forgejoDefaultServer = "https://v8.next.forgejo.org"
+
 [header]
-  layout = "basic" # valid options: basic, fixed, fixed-fill, fixed-fill-blur
+  layout = "basic" # valid options: basic, fixed, fixed-fill, fixed-gradient, fixed-fill-blur
 
 [footer]
   showMenu = true
@@ -41,7 +47,7 @@ disableTextInHeader = false
   showRecent = false
   showRecentItems = 5
   showMoreLink = false
-  showMoreLinkDest = "/posts"
+  showMoreLinkDest = "/posts/"
   cardView = false
   cardViewScreenWidth = false
   layoutBackgroundBlur = false # only used when layout equals background
@@ -50,8 +56,10 @@ disableTextInHeader = false
   showDate = true
   showViews = false
   showLikes = false
+  showDateOnlyInArticle = false
   showDateUpdated = false
   showAuthor = true
+  # showAuthorBottom = false
   showHero = false
   # heroStyle = "basic" # valid options: basic, big, background, thumbAndBackground
   layoutBackgroundBlur = true # only used when heroStyle equals background or thumbAndBackground
@@ -72,7 +80,8 @@ disableTextInHeader = false
   showTaxonomies = false
   showAuthorsBadges = false
   showWordCount = true
-  # sharingLinks = [ "linkedin", "twitter", "reddit", "pinterest", "facebook", "email", "whatsapp", "telegram"]
+  # sharingLinks = [ "linkedin", "twitter", "bluesky", "mastodon", "reddit", "pinterest", "facebook", "email", "whatsapp", "telegram"]
+  showZenMode = false
 
 [list]
   showHero = false
@@ -85,6 +94,7 @@ disableTextInHeader = false
   showLikes = false
   showTableOfContents = false
   showCards = false
+  orderByWeight = false
   groupByYear = true
   cardView = false
   cardViewScreenWidth = false
@@ -127,6 +137,17 @@ disableTextInHeader = false
   # site = "ABC12345"
   # domain = "llama.yoursite.com"
 
+[umamiAnalytics]
+  # websiteid = "ABC12345"
+  # domain = "llama.yoursite.com"
+  # dataDomains = "yoursite.com,yoursite2.com"
+  # scriptName = ""
+  # enableTrackEvent = true
+
+[selineAnalytics]
+  # token = "XXXXXX"
+  # enableTrackEvent = true
+
 [buymeacoffee]
   # identifier = ""
   # globalWidget = true
@@ -139,3 +160,8 @@ disableTextInHeader = false
   # bing = ""
   # pinterest = ""
   # yandex = ""
+  # fediverse = ""
+
+[rssnext]
+  # feedId = ""
+  # userId = ""

data/codebergColors.json

@@ -0,0 +1,533 @@
+{
+    "1C Enterprise": "#814CCC",
+    "4D": "#004289",
+    "ABAP": "#E8274B",
+    "ABAP CDS": "#555e25",
+    "ActionScript": "#882B0F",
+    "Ada": "#02f88c",
+    "Adobe Font Metrics": "#fa0f00",
+    "Agda": "#315665",
+    "AGS Script": "#B9D9FF",
+    "AIDL": "#34EB6B",
+    "AL": "#3AA2B5",
+    "Alloy": "#64C800",
+    "Alpine Abuild": "#0D597F",
+    "Altium Designer": "#A89663",
+    "AMPL": "#E6EFBB",
+    "AngelScript": "#C7D7DC",
+    "Ant Build System": "#A9157E",
+    "ANTLR": "#9DC3FF",
+    "ApacheConf": "#d12127",
+    "Apex": "#1797c0",
+    "API Blueprint": "#2ACCA8",
+    "APL": "#5A8164",
+    "Apollo Guidance Computer": "#0B3D91",
+    "AppleScript": "#101F1F",
+    "Arc": "#aa2afe",
+    "AsciiDoc": "#73a0c5",
+    "ASL": null,
+    "ASP.NET": "#9400ff",
+    "AspectJ": "#a957b0",
+    "Assembly": "#6E4C13",
+    "Astro": "#ff5a03",
+    "Asymptote": "#ff0000",
+    "ATS": "#1ac620",
+    "Augeas": "#9CC134",
+    "AutoHotkey": "#6594b9",
+    "AutoIt": "#1C3552",
+    "Avro IDL": "#0040FF",
+    "Awk": "#c30e9b",
+    "Ballerina": "#FF5000",
+    "BASIC": "#ff0000",
+    "Batchfile": "#C1F12E",
+    "Beef": "#a52f4e",
+    "Befunge": null,
+    "BibTeX": "#778899",
+    "Bicep": "#519aba",
+    "Bison": "#6A463F",
+    "BitBake": "#00bce4",
+    "Blade": "#f7523f",
+    "BlitzBasic": "#00FFAE",
+    "BlitzMax": "#cd6400",
+    "Bluespec": "#12223c",
+    "Boo": "#d4bec1",
+    "Boogie": "#c80fa0",
+    "Brainfuck": "#2F2530",
+    "Brightscript": "#662D91",
+    "Browserslist": "#ffd539",
+    "C": "#555555",
+    "C#": "#178600",
+    "C++": "#f34b7d",
+    "C2hs Haskell": null,
+    "Cabal Config": "#483465",
+    "Cap'n Proto": "#c42727",
+    "CartoCSS": null,
+    "Ceylon": "#dfa535",
+    "Chapel": "#8dc63f",
+    "Charity": null,
+    "ChucK": "#3f8000",
+    "Cirru": "#ccccff",
+    "Clarion": "#db901e",
+    "Classic ASP": "#6a40fd",
+    "Clean": "#3F85AF",
+    "Click": "#E4E6F3",
+    "CLIPS": "#00A300",
+    "Clojure": "#db5855",
+    "Closure Templates": "#0d948f",
+    "Cloud Firestore Security Rules": "#FFA000",
+    "CMake": "#DA3434",
+    "COBOL": null,
+    "CodeQL": "#140f46",
+    "CoffeeScript": "#244776",
+    "ColdFusion": "#ed2cd6",
+    "ColdFusion CFC": "#ed2cd6",
+    "COLLADA": "#F1A42B",
+    "Common Lisp": "#3fb68b",
+    "Common Workflow Language": "#B5314C",
+    "Component Pascal": "#B0CE4E",
+    "Cool": null,
+    "Coq": "#d0b68c",
+    "Crystal": "#000100",
+    "CSON": "#244776",
+    "Csound": "#1a1a1a",
+    "Csound Document": "#1a1a1a",
+    "Csound Score": "#1a1a1a",
+    "CSS": "#563d7c",
+    "CSV": "#237346",
+    "Cuda": "#3A4E3A",
+    "CUE": "#5886E1",
+    "CWeb": "#00007a",
+    "Cycript": null,
+    "Cython": "#fedf5b",
+    "D": "#ba595e",
+    "Dafny": "#FFEC25",
+    "Darcs Patch": "#8eff23",
+    "Dart": "#00B4AB",
+    "DataWeave": "#003a52",
+    "Dhall": "#dfafff",
+    "DIGITAL Command Language": null,
+    "DirectX 3D File": "#aace60",
+    "DM": "#447265",
+    "Dockerfile": "#384d54",
+    "Dogescript": "#cca760",
+    "DTrace": null,
+    "Dylan": "#6c616e",
+    "E": "#ccce35",
+    "Easybuild": "#069406",
+    "eC": "#913960",
+    "Ecere Projects": "#913960",
+    "ECL": "#8a1267",
+    "ECLiPSe": "#001d9d",
+    "EditorConfig": "#fff1f2",
+    "Eiffel": "#4d6977",
+    "EJS": "#a91e50",
+    "Elixir": "#6e4a7e",
+    "Elm": "#60B5CC",
+    "Emacs Lisp": "#c065db",
+    "EmberScript": "#FFF4F3",
+    "EQ": "#a78649",
+    "Erlang": "#B83998",
+    "F#": "#b845fc",
+    "F*": "#572e30",
+    "Factor": "#636746",
+    "Fancy": "#7b9db4",
+    "Fantom": "#14253c",
+    "Faust": "#c37240",
+    "Fennel": "#fff3d7",
+    "FIGlet Font": "#FFDDBB",
+    "Filebench WML": "#F6B900",
+    "Filterscript": null,
+    "fish": "#4aae47",
+    "Fluent": "#ffcc33",
+    "FLUX": "#88ccff",
+    "Forth": "#341708",
+    "Fortran": "#4d41b1",
+    "Fortran Free Form": "#4d41b1",
+    "FreeBasic": "#867db1",
+    "FreeMarker": "#0050b2",
+    "Frege": "#00cafe",
+    "Futhark": "#5f021f",
+    "G-code": "#D08CF2",
+    "Game Maker Language": "#71b417",
+    "GAML": "#FFC766",
+    "GAMS": "#f49a22",
+    "GAP": "#0000cc",
+    "GCC Machine Description": "#FFCFAB",
+    "GDB": null,
+    "GDScript": "#355570",
+    "GEDCOM": "#003058",
+    "Gemfile.lock": "#701516",
+    "Genie": "#fb855d",
+    "Genshi": "#951531",
+    "Gentoo Ebuild": "#9400ff",
+    "Gentoo Eclass": "#9400ff",
+    "Gerber Image": "#d20b00",
+    "Gherkin": "#5B2063",
+    "Git Attributes": "#F44D27",
+    "Git Config": "#F44D27",
+    "GLSL": "#5686a5",
+    "Glyph": "#c1ac7f",
+    "Gnuplot": "#f0a9f0",
+    "Go": "#00ADD8",
+    "Go Checksums": "#00ADD8",
+    "Go Module": "#00ADD8",
+    "Golo": "#88562A",
+    "Gosu": "#82937f",
+    "Grace": "#615f8b",
+    "Gradle": "#02303a",
+    "Grammatical Framework": "#ff0000",
+    "GraphQL": "#e10098",
+    "Graphviz (DOT)": "#2596be",
+    "Groovy": "#4298b8",
+    "Groovy Server Pages": "#4298b8",
+    "Hack": "#878787",
+    "Haml": "#ece2a9",
+    "Handlebars": "#f7931e",
+    "HAProxy": "#106da9",
+    "Harbour": "#0e60e3",
+    "Haskell": "#5e5086",
+    "Haxe": "#df7900",
+    "HCL": null,
+    "HiveQL": "#dce200",
+    "HLSL": "#aace60",
+    "HolyC": "#ffefaf",
+    "HTML": "#e34c26",
+    "HTML+ECR": "#2e1052",
+    "HTML+EEX": "#6e4a7e",
+    "HTML+ERB": "#701516",
+    "HTML+PHP": "#4f5d95",
+    "HTML+Razor": "#512be4",
+    "HTTP": "#005C9C",
+    "HXML": "#f68712",
+    "Hy": "#7790B2",
+    "HyPhy": null,
+    "IDL": "#a3522f",
+    "Idris": "#b30000",
+    "Ignore List": "#000000",
+    "IGOR Pro": "#0000cc",
+    "ImageJ Macro": "#99AAFF",
+    "Inform 7": null,
+    "INI": "#d1dbe0",
+    "Inno Setup": "#264b99",
+    "Io": "#a9188d",
+    "Ioke": "#078193",
+    "Isabelle": "#FEFE00",
+    "Isabelle ROOT": "#FEFE00",
+    "J": "#9EEDFF",
+    "JAR Manifest": "#b07219",
+    "Jasmin": "#d03600",
+    "Java": "#b07219",
+    "Java Properties": "#2A6277",
+    "Java Server Pages": "#2A6277",
+    "JavaScript": "#f1e05a",
+    "JavaScript+ERB": "#f1e05a",
+    "Jest Snapshot": "#15c213",
+    "JFlex": "#DBCA00",
+    "Jinja": "#a52a22",
+    "Jison": "#56b3cb",
+    "Jison Lex": "#56b3cb",
+    "Jolie": "#843179",
+    "jq": "#c7254e",
+    "JSON": "#292929",
+    "JSON with Comments": "#292929",
+    "JSON5": "#267CB9",
+    "JSONiq": "#40d47e",
+    "JSONLD": "#0c479c",
+    "Jsonnet": "#0064bd",
+    "Julia": "#a270ba",
+    "Jupyter Notebook": "#DA5B0B",
+    "Kaitai Struct": "#773b37",
+    "KakouneScript": "#6f8042",
+    "KiCad Layout": "#2f4aab",
+    "KiCad Legacy Layout": "#2f4aab",
+    "KiCad Schematic": "#2f4aab",
+    "Kotlin": "#A97BFF",
+    "KRL": "#28430A",
+    "LabVIEW": "#fede06",
+    "Lark": "#2980B9",
+    "Lasso": "#999999",
+    "Latte": "#f2a542",
+    "Lean": null,
+    "Less": "#1d365d",
+    "Lex": "#DBCA00",
+    "LFE": "#4C3023",
+    "LilyPond": "#9ccc7c",
+    "Limbo": null,
+    "Liquid": "#67b8de",
+    "Literate Agda": "#315665",
+    "Literate CoffeeScript": "#244776",
+    "Literate Haskell": "#5e5086",
+    "LiveScript": "#499886",
+    "LLVM": "#185619",
+    "Logos": null,
+    "Logtalk": "#295b9a",
+    "LOLCODE": "#cc9900",
+    "LookML": "#652B81",
+    "LoomScript": null,
+    "LSL": "#3d9970",
+    "Lua": "#000080",
+    "M": null,
+    "M4": null,
+    "M4Sugar": null,
+    "Macaulay2": "#d8ffff",
+    "Makefile": "#427819",
+    "Mako": "#7e858d",
+    "Markdown": "#083fa1",
+    "Marko": "#42bff2",
+    "Mask": "#f97732",
+    "Mathematica": "#dd1100",
+    "MATLAB": "#e16737",
+    "Max": "#c4a79c",
+    "MAXScript": "#00a6a6",
+    "mcfunction": "#E22837",
+    "Mercury": "#ff2b2b",
+    "Meson": "#007800",
+    "Metal": "#8f14e9",
+    "MiniD": null,
+    "Mirah": "#c7a938",
+    "mIRC Script": "#3d57c3",
+    "MLIR": "#5EC8DB",
+    "Modelica": "#de1d31",
+    "Modula-2": "#10253f",
+    "Modula-3": "#223388",
+    "Module Management System": null,
+    "Monkey": null,
+    "Moocode": null,
+    "MoonScript": "#ff4585",
+    "Motorola 68K Assembly": "#005daa",
+    "MQL4": "#62A8D6",
+    "MQL5": "#4A76B8",
+    "MTML": "#b7e1f4",
+    "MUF": null,
+    "mupad": "#244963",
+    "Mustache": "#724b3b",
+    "Myghty": null,
+    "nanorc": "#2d004d",
+    "NASL": null,
+    "NCL": "#28431f",
+    "Nearley": "#990000",
+    "Nemerle": "#3d3c6e",
+    "nesC": "#94B0C7",
+    "NetLinx": "#0aa0ff",
+    "NetLinx+ERB": "#747faa",
+    "NetLogo": "#ff6375",
+    "NewLisp": "#87AED7",
+    "Nextflow": "#3ac486",
+    "Nginx": "#009639",
+    "Nim": "#ffc200",
+    "Nit": "#009917",
+    "Nix": "#7e7eff",
+    "NPM Config": "#cb3837",
+    "NSIS": null,
+    "Nu": "#c9df40",
+    "NumPy": "#9C8AF9",
+    "Nunjucks": "#3d8137",
+    "NWScript": "#111522",
+    "Objective-C": "#438eff",
+    "Objective-C++": "#6866fb",
+    "Objective-J": "#ff0c5a",
+    "ObjectScript": "#424893",
+    "OCaml": "#3be133",
+    "Odin": "#60AFFE",
+    "Omgrofl": "#cabbff",
+    "ooc": "#b0b77e",
+    "Opa": null,
+    "Opal": "#f7ede0",
+    "Open Policy Agent": "#7d9199",
+    "OpenCL": "#ed2e2d",
+    "OpenEdge ABL": "#5ce600",
+    "OpenQASM": "#AA70FF",
+    "OpenRC runscript": null,
+    "OpenSCAD": "#e5cd45",
+    "Org": "#77aa99",
+    "Ox": null,
+    "Oxygene": "#cdd0e3",
+    "Oz": "#fab738",
+    "P4": "#7055b5",
+    "Pan": "#cc0000",
+    "Papyrus": "#6600cc",
+    "Parrot": "#f3ca0a",
+    "Parrot Assembly": null,
+    "Parrot Internal Representation": null,
+    "Pascal": "#E3F171",
+    "Pawn": "#dbb284",
+    "PEG.js": "#234d6b",
+    "Pep8": "#C76F5B",
+    "Perl": "#0298c3",
+    "PHP": "#4F5D95",
+    "PicoLisp": "#6067af",
+    "PigLatin": "#fcd7de",
+    "Pike": "#005390",
+    "PLpgSQL": "#336790",
+    "PLSQL": "#dad8d8",
+    "PogoScript": "#d80074",
+    "Pony": null,
+    "PostCSS": "#dc3a0c",
+    "PostScript": "#da291c",
+    "POV-Ray SDL": "#6bac65",
+    "PowerBuilder": "#8f0f8d",
+    "PowerShell": "#012456",
+    "Prisma": "#0c344b",
+    "Processing": "#0096D8",
+    "Prolog": "#74283c",
+    "Propeller Spin": "#7fa2a7",
+    "Pug": "#a86454",
+    "Puppet": "#302B6D",
+    "PureBasic": "#5a6986",
+    "PureScript": "#1D222D",
+    "Python": "#3572A5",
+    "Python console": "#3572A5",
+    "Python traceback": "#3572A5",
+    "q": "#0040cd",
+    "Q#": "#fed659",
+    "QMake": null,
+    "QML": "#44a51c",
+    "Qt Script": "#00b841",
+    "Quake": "#882233",
+    "R": "#198CE7",
+    "Racket": "#3c5caa",
+    "Ragel": "#9d5200",
+    "Raku": "#0000fb",
+    "RAML": "#77d9fb",
+    "Rascal": "#fffaa0",
+    "RDoc": "#701516",
+    "REALbasic": null,
+    "Reason": "#ff5847",
+    "Rebol": "#358a5b",
+    "Record Jar": "#0673ba",
+    "Red": "#f50000",
+    "Redcode": null,
+    "Regular Expression": "#009a00",
+    "Ren'Py": "#ff7f7f",
+    "RenderScript": null,
+    "ReScript": "#ed5051",
+    "reStructuredText": "#141414",
+    "REXX": "#d90e09",
+    "Ring": "#2D54CB",
+    "Riot": "#A71E49",
+    "RMarkdown": "#198ce7",
+    "RobotFramework": "#00c0b5",
+    "Roff": "#ecdebe",
+    "Roff Manpage": "#ecdebe",
+    "Rouge": "#cc0088",
+    "RPC": null,
+    "Ruby": "#701516",
+    "RUNOFF": "#665a4e",
+    "Rust": "#dea584",
+    "Sage": null,
+    "SaltStack": "#646464",
+    "SAS": "#B34936",
+    "Sass": "#a53b70",
+    "Scala": "#c22d40",
+    "Scaml": "#bd181a",
+    "Scheme": "#1e4aec",
+    "Scilab": "#ca0f21",
+    "SCSS": "#c6538c",
+    "sed": "#64b970",
+    "Self": "#0579aa",
+    "ShaderLab": "#222c37",
+    "Shell": "#89e051",
+    "ShellSession": null,
+    "Shen": "#120F14",
+    "Sieve": null,
+    "Singularity": "#64E6AD",
+    "Slash": "#007eff",
+    "Slice": "#003fa2",
+    "Slim": "#2b2b2b",
+    "Smali": null,
+    "Smalltalk": "#596706",
+    "Smarty": "#f0c040",
+    "SmPL": "#c94949",
+    "SMT": null,
+    "Solidity": "#AA6746",
+    "SourcePawn": "#f69e1d",
+    "SPARQL": "#0C4597",
+    "SQF": "#3F3F3F",
+    "SQL": "#e38c00",
+    "SQLPL": "#e38c00",
+    "Squirrel": "#800000",
+    "SRecode Template": "#348a34",
+    "Stan": "#b2011d",
+    "Standard ML": "#dc566d",
+    "Starlark": "#76d275",
+    "Stata": "#1a5f91",
+    "StringTemplate": "#3fb34f",
+    "Stylus": "#ff6347",
+    "SubRip Text": "#9e0101",
+    "SugarSS": "#2fcc9f",
+    "SuperCollider": "#46390b",
+    "Svelte": "#ff3e00",
+    "SVG": "#ff9900",
+    "Swift": "#F05138",
+    "SWIG": null,
+    "SystemVerilog": "#DAE1C2",
+    "Tcl": "#e4cc98",
+    "Tcsh": null,
+    "Terra": "#00004c",
+    "TeX": "#3D6117",
+    "Textile": "#ffe7ac",
+    "TextMate Properties": "#df66e4",
+    "Thrift": "#D12127",
+    "TI Program": "#A0AA87",
+    "TLA": "#4b0079",
+    "TOML": "#9c4221",
+    "TSQL": "#e38c00",
+    "TSV": "#237346",
+    "TSX": "#2b7489",
+    "Turing": "#cf142b",
+    "Twig": "#c1d026",
+    "TXL": "#0178b8",
+    "TypeScript": "#2b7489",
+    "Unified Parallel C": "#4e3617",
+    "Unity3D Asset": "#222c37",
+    "Unix Assembly": null,
+    "Uno": "#9933cc",
+    "UnrealScript": "#a54c4d",
+    "UrWeb": "#ccccee",
+    "V": "#4f87c4",
+    "Vala": "#fbe5cd",
+    "Valve Data Format": "#f26025",
+    "VBA": "#867db1",
+    "VBScript": "#15dcdc",
+    "VCL": "#148AA8",
+    "Verilog": "#b2b7f8",
+    "VHDL": "#adb2cb",
+    "Vim Help File": "#199f4b",
+    "Vim Script": "#199f4b",
+    "Vim Snippet": "#199f4b",
+    "Visual Basic .NET": "#945db7",
+    "Volt": "#1F1F1F",
+    "Vue": "#41b883",
+    "wdl": "#42f1f4",
+    "Web Ontology Language": "#5b70bd",
+    "WebAssembly": "#04133b",
+    "WebIDL": null,
+    "Wikitext": "#fc5757",
+    "Windows Registry Entries": "#52d5ff",
+    "wisp": "#7582D1",
+    "Wollok": "#a23738",
+    "World of Warcraft Addon Data": "#f7e43f",
+    "X10": "#4B6BEF",
+    "xBase": "#403a40",
+    "XC": "#99DA07",
+    "XML": "#0060ac",
+    "XML Property List": "#0060ac",
+    "Xojo": "#81bd41",
+    "Xonsh": "#285EEF",
+    "XProc": null,
+    "XQuery": "#5232e7",
+    "XS": null,
+    "XSLT": "#EB8CEB",
+    "Xtend": "#24255d",
+    "Yacc": "#4B6C4B",
+    "YAML": "#cb171e",
+    "YARA": "#220000",
+    "YASnippet": "#32AB90",
+    "ZAP": "#0d665e",
+    "Zeek": null,
+    "ZenScript": "#00BCD1",
+    "Zephir": "#118f9e",
+    "Zig": "#ec915c",
+    "ZIL": "#dc75e5",
+    "Zimpl": "#d67711"
+}

data/forgejoColors.json

@@ -0,0 +1,533 @@
+{
+    "1C Enterprise": "#814CCC",
+    "4D": "#004289",
+    "ABAP": "#E8274B",
+    "ABAP CDS": "#555e25",
+    "ActionScript": "#882B0F",
+    "Ada": "#02f88c",
+    "Adobe Font Metrics": "#fa0f00",
+    "Agda": "#315665",
+    "AGS Script": "#B9D9FF",
+    "AIDL": "#34EB6B",
+    "AL": "#3AA2B5",
+    "Alloy": "#64C800",
+    "Alpine Abuild": "#0D597F",
+    "Altium Designer": "#A89663",
+    "AMPL": "#E6EFBB",
+    "AngelScript": "#C7D7DC",
+    "Ant Build System": "#A9157E",
+    "ANTLR": "#9DC3FF",
+    "ApacheConf": "#d12127",
+    "Apex": "#1797c0",
+    "API Blueprint": "#2ACCA8",
+    "APL": "#5A8164",
+    "Apollo Guidance Computer": "#0B3D91",
+    "AppleScript": "#101F1F",
+    "Arc": "#aa2afe",
+    "AsciiDoc": "#73a0c5",
+    "ASL": null,
+    "ASP.NET": "#9400ff",
+    "AspectJ": "#a957b0",
+    "Assembly": "#6E4C13",
+    "Astro": "#ff5a03",
+    "Asymptote": "#ff0000",
+    "ATS": "#1ac620",
+    "Augeas": "#9CC134",
+    "AutoHotkey": "#6594b9",
+    "AutoIt": "#1C3552",
+    "Avro IDL": "#0040FF",
+    "Awk": "#c30e9b",
+    "Ballerina": "#FF5000",
+    "BASIC": "#ff0000",
+    "Batchfile": "#C1F12E",
+    "Beef": "#a52f4e",
+    "Befunge": null,
+    "BibTeX": "#778899",
+    "Bicep": "#519aba",
+    "Bison": "#6A463F",
+    "BitBake": "#00bce4",
+    "Blade": "#f7523f",
+    "BlitzBasic": "#00FFAE",
+    "BlitzMax": "#cd6400",
+    "Bluespec": "#12223c",
+    "Boo": "#d4bec1",
+    "Boogie": "#c80fa0",
+    "Brainfuck": "#2F2530",
+    "Brightscript": "#662D91",
+    "Browserslist": "#ffd539",
+    "C": "#555555",
+    "C#": "#178600",
+    "C++": "#f34b7d",
+    "C2hs Haskell": null,
+    "Cabal Config": "#483465",
+    "Cap'n Proto": "#c42727",
+    "CartoCSS": null,
+    "Ceylon": "#dfa535",
+    "Chapel": "#8dc63f",
+    "Charity": null,
+    "ChucK": "#3f8000",
+    "Cirru": "#ccccff",
+    "Clarion": "#db901e",
+    "Classic ASP": "#6a40fd",
+    "Clean": "#3F85AF",
+    "Click": "#E4E6F3",
+    "CLIPS": "#00A300",
+    "Clojure": "#db5855",
+    "Closure Templates": "#0d948f",
+    "Cloud Firestore Security Rules": "#FFA000",
+    "CMake": "#DA3434",
+    "COBOL": null,
+    "CodeQL": "#140f46",
+    "CoffeeScript": "#244776",
+    "ColdFusion": "#ed2cd6",
+    "ColdFusion CFC": "#ed2cd6",
+    "COLLADA": "#F1A42B",
+    "Common Lisp": "#3fb68b",
+    "Common Workflow Language": "#B5314C",
+    "Component Pascal": "#B0CE4E",
+    "Cool": null,
+    "Coq": "#d0b68c",
+    "Crystal": "#000100",
+    "CSON": "#244776",
+    "Csound": "#1a1a1a",
+    "Csound Document": "#1a1a1a",
+    "Csound Score": "#1a1a1a",
+    "CSS": "#563d7c",
+    "CSV": "#237346",
+    "Cuda": "#3A4E3A",
+    "CUE": "#5886E1",
+    "CWeb": "#00007a",
+    "Cycript": null,
+    "Cython": "#fedf5b",
+    "D": "#ba595e",
+    "Dafny": "#FFEC25",
+    "Darcs Patch": "#8eff23",
+    "Dart": "#00B4AB",
+    "DataWeave": "#003a52",
+    "Dhall": "#dfafff",
+    "DIGITAL Command Language": null,
+    "DirectX 3D File": "#aace60",
+    "DM": "#447265",
+    "Dockerfile": "#384d54",
+    "Dogescript": "#cca760",
+    "DTrace": null,
+    "Dylan": "#6c616e",
+    "E": "#ccce35",
+    "Easybuild": "#069406",
+    "eC": "#913960",
+    "Ecere Projects": "#913960",
+    "ECL": "#8a1267",
+    "ECLiPSe": "#001d9d",
+    "EditorConfig": "#fff1f2",
+    "Eiffel": "#4d6977",
+    "EJS": "#a91e50",
+    "Elixir": "#6e4a7e",
+    "Elm": "#60B5CC",
+    "Emacs Lisp": "#c065db",
+    "EmberScript": "#FFF4F3",
+    "EQ": "#a78649",
+    "Erlang": "#B83998",
+    "F#": "#b845fc",
+    "F*": "#572e30",
+    "Factor": "#636746",
+    "Fancy": "#7b9db4",
+    "Fantom": "#14253c",
+    "Faust": "#c37240",
+    "Fennel": "#fff3d7",
+    "FIGlet Font": "#FFDDBB",
+    "Filebench WML": "#F6B900",
+    "Filterscript": null,
+    "fish": "#4aae47",
+    "Fluent": "#ffcc33",
+    "FLUX": "#88ccff",
+    "Forth": "#341708",
+    "Fortran": "#4d41b1",
+    "Fortran Free Form": "#4d41b1",
+    "FreeBasic": "#867db1",
+    "FreeMarker": "#0050b2",
+    "Frege": "#00cafe",
+    "Futhark": "#5f021f",
+    "G-code": "#D08CF2",
+    "Game Maker Language": "#71b417",
+    "GAML": "#FFC766",
+    "GAMS": "#f49a22",
+    "GAP": "#0000cc",
+    "GCC Machine Description": "#FFCFAB",
+    "GDB": null,
+    "GDScript": "#355570",
+    "GEDCOM": "#003058",
+    "Gemfile.lock": "#701516",
+    "Genie": "#fb855d",
+    "Genshi": "#951531",
+    "Gentoo Ebuild": "#9400ff",
+    "Gentoo Eclass": "#9400ff",
+    "Gerber Image": "#d20b00",
+    "Gherkin": "#5B2063",
+    "Git Attributes": "#F44D27",
+    "Git Config": "#F44D27",
+    "GLSL": "#5686a5",
+    "Glyph": "#c1ac7f",
+    "Gnuplot": "#f0a9f0",
+    "Go": "#00ADD8",
+    "Go Checksums": "#00ADD8",
+    "Go Module": "#00ADD8",
+    "Golo": "#88562A",
+    "Gosu": "#82937f",
+    "Grace": "#615f8b",
+    "Gradle": "#02303a",
+    "Grammatical Framework": "#ff0000",
+    "GraphQL": "#e10098",
+    "Graphviz (DOT)": "#2596be",
+    "Groovy": "#4298b8",
+    "Groovy Server Pages": "#4298b8",
+    "Hack": "#878787",
+    "Haml": "#ece2a9",
+    "Handlebars": "#f7931e",
+    "HAProxy": "#106da9",
+    "Harbour": "#0e60e3",
+    "Haskell": "#5e5086",
+    "Haxe": "#df7900",
+    "HCL": null,
+    "HiveQL": "#dce200",
+    "HLSL": "#aace60",
+    "HolyC": "#ffefaf",
+    "HTML": "#e34c26",
+    "HTML+ECR": "#2e1052",
+    "HTML+EEX": "#6e4a7e",
+    "HTML+ERB": "#701516",
+    "HTML+PHP": "#4f5d95",
+    "HTML+Razor": "#512be4",
+    "HTTP": "#005C9C",
+    "HXML": "#f68712",
+    "Hy": "#7790B2",
+    "HyPhy": null,
+    "IDL": "#a3522f",
+    "Idris": "#b30000",
+    "Ignore List": "#000000",
+    "IGOR Pro": "#0000cc",
+    "ImageJ Macro": "#99AAFF",
+    "Inform 7": null,
+    "INI": "#d1dbe0",
+    "Inno Setup": "#264b99",
+    "Io": "#a9188d",
+    "Ioke": "#078193",
+    "Isabelle": "#FEFE00",
+    "Isabelle ROOT": "#FEFE00",
+    "J": "#9EEDFF",
+    "JAR Manifest": "#b07219",
+    "Jasmin": "#d03600",
+    "Java": "#b07219",
+    "Java Properties": "#2A6277",
+    "Java Server Pages": "#2A6277",
+    "JavaScript": "#f1e05a",
+    "JavaScript+ERB": "#f1e05a",
+    "Jest Snapshot": "#15c213",
+    "JFlex": "#DBCA00",
+    "Jinja": "#a52a22",
+    "Jison": "#56b3cb",
+    "Jison Lex": "#56b3cb",
+    "Jolie": "#843179",
+    "jq": "#c7254e",
+    "JSON": "#292929",
+    "JSON with Comments": "#292929",
+    "JSON5": "#267CB9",
+    "JSONiq": "#40d47e",
+    "JSONLD": "#0c479c",
+    "Jsonnet": "#0064bd",
+    "Julia": "#a270ba",
+    "Jupyter Notebook": "#DA5B0B",
+    "Kaitai Struct": "#773b37",
+    "KakouneScript": "#6f8042",
+    "KiCad Layout": "#2f4aab",
+    "KiCad Legacy Layout": "#2f4aab",
+    "KiCad Schematic": "#2f4aab",
+    "Kotlin": "#A97BFF",
+    "KRL": "#28430A",
+    "LabVIEW": "#fede06",
+    "Lark": "#2980B9",
+    "Lasso": "#999999",
+    "Latte": "#f2a542",
+    "Lean": null,
+    "Less": "#1d365d",
+    "Lex": "#DBCA00",
+    "LFE": "#4C3023",
+    "LilyPond": "#9ccc7c",
+    "Limbo": null,
+    "Liquid": "#67b8de",
+    "Literate Agda": "#315665",
+    "Literate CoffeeScript": "#244776",
+    "Literate Haskell": "#5e5086",
+    "LiveScript": "#499886",
+    "LLVM": "#185619",
+    "Logos": null,
+    "Logtalk": "#295b9a",
+    "LOLCODE": "#cc9900",
+    "LookML": "#652B81",
+    "LoomScript": null,
+    "LSL": "#3d9970",
+    "Lua": "#000080",
+    "M": null,
+    "M4": null,
+    "M4Sugar": null,
+    "Macaulay2": "#d8ffff",
+    "Makefile": "#427819",
+    "Mako": "#7e858d",
+    "Markdown": "#083fa1",
+    "Marko": "#42bff2",
+    "Mask": "#f97732",
+    "Mathematica": "#dd1100",
+    "MATLAB": "#e16737",
+    "Max": "#c4a79c",
+    "MAXScript": "#00a6a6",
+    "mcfunction": "#E22837",
+    "Mercury": "#ff2b2b",
+    "Meson": "#007800",
+    "Metal": "#8f14e9",
+    "MiniD": null,
+    "Mirah": "#c7a938",
+    "mIRC Script": "#3d57c3",
+    "MLIR": "#5EC8DB",
+    "Modelica": "#de1d31",
+    "Modula-2": "#10253f",
+    "Modula-3": "#223388",
+    "Module Management System": null,
+    "Monkey": null,
+    "Moocode": null,
+    "MoonScript": "#ff4585",
+    "Motorola 68K Assembly": "#005daa",
+    "MQL4": "#62A8D6",
+    "MQL5": "#4A76B8",
+    "MTML": "#b7e1f4",
+    "MUF": null,
+    "mupad": "#244963",
+    "Mustache": "#724b3b",
+    "Myghty": null,
+    "nanorc": "#2d004d",
+    "NASL": null,
+    "NCL": "#28431f",
+    "Nearley": "#990000",
+    "Nemerle": "#3d3c6e",
+    "nesC": "#94B0C7",
+    "NetLinx": "#0aa0ff",
+    "NetLinx+ERB": "#747faa",
+    "NetLogo": "#ff6375",
+    "NewLisp": "#87AED7",
+    "Nextflow": "#3ac486",
+    "Nginx": "#009639",
+    "Nim": "#ffc200",
+    "Nit": "#009917",
+    "Nix": "#7e7eff",
+    "NPM Config": "#cb3837",
+    "NSIS": null,
+    "Nu": "#c9df40",
+    "NumPy": "#9C8AF9",
+    "Nunjucks": "#3d8137",
+    "NWScript": "#111522",
+    "Objective-C": "#438eff",
+    "Objective-C++": "#6866fb",
+    "Objective-J": "#ff0c5a",
+    "ObjectScript": "#424893",
+    "OCaml": "#3be133",
+    "Odin": "#60AFFE",
+    "Omgrofl": "#cabbff",
+    "ooc": "#b0b77e",
+    "Opa": null,
+    "Opal": "#f7ede0",
+    "Open Policy Agent": "#7d9199",
+    "OpenCL": "#ed2e2d",
+    "OpenEdge ABL": "#5ce600",
+    "OpenQASM": "#AA70FF",
+    "OpenRC runscript": null,
+    "OpenSCAD": "#e5cd45",
+    "Org": "#77aa99",
+    "Ox": null,
+    "Oxygene": "#cdd0e3",
+    "Oz": "#fab738",
+    "P4": "#7055b5",
+    "Pan": "#cc0000",
+    "Papyrus": "#6600cc",
+    "Parrot": "#f3ca0a",
+    "Parrot Assembly": null,
+    "Parrot Internal Representation": null,
+    "Pascal": "#E3F171",
+    "Pawn": "#dbb284",
+    "PEG.js": "#234d6b",
+    "Pep8": "#C76F5B",
+    "Perl": "#0298c3",
+    "PHP": "#4F5D95",
+    "PicoLisp": "#6067af",
+    "PigLatin": "#fcd7de",
+    "Pike": "#005390",
+    "PLpgSQL": "#336790",
+    "PLSQL": "#dad8d8",
+    "PogoScript": "#d80074",
+    "Pony": null,
+    "PostCSS": "#dc3a0c",
+    "PostScript": "#da291c",
+    "POV-Ray SDL": "#6bac65",
+    "PowerBuilder": "#8f0f8d",
+    "PowerShell": "#012456",
+    "Prisma": "#0c344b",
+    "Processing": "#0096D8",
+    "Prolog": "#74283c",
+    "Propeller Spin": "#7fa2a7",
+    "Pug": "#a86454",
+    "Puppet": "#302B6D",
+    "PureBasic": "#5a6986",
+    "PureScript": "#1D222D",
+    "Python": "#3572A5",
+    "Python console": "#3572A5",
+    "Python traceback": "#3572A5",
+    "q": "#0040cd",
+    "Q#": "#fed659",
+    "QMake": null,
+    "QML": "#44a51c",
+    "Qt Script": "#00b841",
+    "Quake": "#882233",
+    "R": "#198CE7",
+    "Racket": "#3c5caa",
+    "Ragel": "#9d5200",
+    "Raku": "#0000fb",
+    "RAML": "#77d9fb",
+    "Rascal": "#fffaa0",
+    "RDoc": "#701516",
+    "REALbasic": null,
+    "Reason": "#ff5847",
+    "Rebol": "#358a5b",
+    "Record Jar": "#0673ba",
+    "Red": "#f50000",
+    "Redcode": null,
+    "Regular Expression": "#009a00",
+    "Ren'Py": "#ff7f7f",
+    "RenderScript": null,
+    "ReScript": "#ed5051",
+    "reStructuredText": "#141414",
+    "REXX": "#d90e09",
+    "Ring": "#2D54CB",
+    "Riot": "#A71E49",
+    "RMarkdown": "#198ce7",
+    "RobotFramework": "#00c0b5",
+    "Roff": "#ecdebe",
+    "Roff Manpage": "#ecdebe",
+    "Rouge": "#cc0088",
+    "RPC": null,
+    "Ruby": "#701516",
+    "RUNOFF": "#665a4e",
+    "Rust": "#dea584",
+    "Sage": null,
+    "SaltStack": "#646464",
+    "SAS": "#B34936",
+    "Sass": "#a53b70",
+    "Scala": "#c22d40",
+    "Scaml": "#bd181a",
+    "Scheme": "#1e4aec",
+    "Scilab": "#ca0f21",
+    "SCSS": "#c6538c",
+    "sed": "#64b970",
+    "Self": "#0579aa",
+    "ShaderLab": "#222c37",
+    "Shell": "#89e051",
+    "ShellSession": null,
+    "Shen": "#120F14",
+    "Sieve": null,
+    "Singularity": "#64E6AD",
+    "Slash": "#007eff",
+    "Slice": "#003fa2",
+    "Slim": "#2b2b2b",
+    "Smali": null,
+    "Smalltalk": "#596706",
+    "Smarty": "#f0c040",
+    "SmPL": "#c94949",
+    "SMT": null,
+    "Solidity": "#AA6746",
+    "SourcePawn": "#f69e1d",
+    "SPARQL": "#0C4597",
+    "SQF": "#3F3F3F",
+    "SQL": "#e38c00",
+    "SQLPL": "#e38c00",
+    "Squirrel": "#800000",
+    "SRecode Template": "#348a34",
+    "Stan": "#b2011d",
+    "Standard ML": "#dc566d",
+    "Starlark": "#76d275",
+    "Stata": "#1a5f91",
+    "StringTemplate": "#3fb34f",
+    "Stylus": "#ff6347",
+    "SubRip Text": "#9e0101",
+    "SugarSS": "#2fcc9f",
+    "SuperCollider": "#46390b",
+    "Svelte": "#ff3e00",
+    "SVG": "#ff9900",
+    "Swift": "#F05138",
+    "SWIG": null,
+    "SystemVerilog": "#DAE1C2",
+    "Tcl": "#e4cc98",
+    "Tcsh": null,
+    "Terra": "#00004c",
+    "TeX": "#3D6117",
+    "Textile": "#ffe7ac",
+    "TextMate Properties": "#df66e4",
+    "Thrift": "#D12127",
+    "TI Program": "#A0AA87",
+    "TLA": "#4b0079",
+    "TOML": "#9c4221",
+    "TSQL": "#e38c00",
+    "TSV": "#237346",
+    "TSX": "#2b7489",
+    "Turing": "#cf142b",
+    "Twig": "#c1d026",
+    "TXL": "#0178b8",
+    "TypeScript": "#2b7489",
+    "Unified Parallel C": "#4e3617",
+    "Unity3D Asset": "#222c37",
+    "Unix Assembly": null,
+    "Uno": "#9933cc",
+    "UnrealScript": "#a54c4d",
+    "UrWeb": "#ccccee",
+    "V": "#4f87c4",
+    "Vala": "#fbe5cd",
+    "Valve Data Format": "#f26025",
+    "VBA": "#867db1",
+    "VBScript": "#15dcdc",
+    "VCL": "#148AA8",
+    "Verilog": "#b2b7f8",
+    "VHDL": "#adb2cb",
+    "Vim Help File": "#199f4b",
+    "Vim Script": "#199f4b",
+    "Vim Snippet": "#199f4b",
+    "Visual Basic .NET": "#945db7",
+    "Volt": "#1F1F1F",
+    "Vue": "#41b883",
+    "wdl": "#42f1f4",
+    "Web Ontology Language": "#5b70bd",
+    "WebAssembly": "#04133b",
+    "WebIDL": null,
+    "Wikitext": "#fc5757",
+    "Windows Registry Entries": "#52d5ff",
+    "wisp": "#7582D1",
+    "Wollok": "#a23738",
+    "World of Warcraft Addon Data": "#f7e43f",
+    "X10": "#4B6BEF",
+    "xBase": "#403a40",
+    "XC": "#99DA07",
+    "XML": "#0060ac",
+    "XML Property List": "#0060ac",
+    "Xojo": "#81bd41",
+    "Xonsh": "#285EEF",
+    "XProc": null,
+    "XQuery": "#5232e7",
+    "XS": null,
+    "XSLT": "#EB8CEB",
+    "Xtend": "#24255d",
+    "Yacc": "#4B6C4B",
+    "YAML": "#cb171e",
+    "YARA": "#220000",
+    "YASnippet": "#32AB90",
+    "ZAP": "#0d665e",
+    "Zeek": null,
+    "ZenScript": "#00BCD1",
+    "Zephir": "#118f9e",
+    "Zig": "#ec915c",
+    "ZIL": "#dc75e5",
+    "Zimpl": "#d67711"
+}

data/giteaColors.json

@@ -0,0 +1,533 @@
+{
+    "1C Enterprise": "#814CCC",
+    "4D": "#004289",
+    "ABAP": "#E8274B",
+    "ABAP CDS": "#555e25",
+    "ActionScript": "#882B0F",
+    "Ada": "#02f88c",
+    "Adobe Font Metrics": "#fa0f00",
+    "Agda": "#315665",
+    "AGS Script": "#B9D9FF",
+    "AIDL": "#34EB6B",
+    "AL": "#3AA2B5",
+    "Alloy": "#64C800",
+    "Alpine Abuild": "#0D597F",
+    "Altium Designer": "#A89663",
+    "AMPL": "#E6EFBB",
+    "AngelScript": "#C7D7DC",
+    "Ant Build System": "#A9157E",
+    "ANTLR": "#9DC3FF",
+    "ApacheConf": "#d12127",
+    "Apex": "#1797c0",
+    "API Blueprint": "#2ACCA8",
+    "APL": "#5A8164",
+    "Apollo Guidance Computer": "#0B3D91",
+    "AppleScript": "#101F1F",
+    "Arc": "#aa2afe",
+    "AsciiDoc": "#73a0c5",
+    "ASL": null,
+    "ASP.NET": "#9400ff",
+    "AspectJ": "#a957b0",
+    "Assembly": "#6E4C13",
+    "Astro": "#ff5a03",
+    "Asymptote": "#ff0000",
+    "ATS": "#1ac620",
+    "Augeas": "#9CC134",
+    "AutoHotkey": "#6594b9",
+    "AutoIt": "#1C3552",
+    "Avro IDL": "#0040FF",
+    "Awk": "#c30e9b",
+    "Ballerina": "#FF5000",
+    "BASIC": "#ff0000",
+    "Batchfile": "#C1F12E",
+    "Beef": "#a52f4e",
+    "Befunge": null,
+    "BibTeX": "#778899",
+    "Bicep": "#519aba",
+    "Bison": "#6A463F",
+    "BitBake": "#00bce4",
+    "Blade": "#f7523f",
+    "BlitzBasic": "#00FFAE",
+    "BlitzMax": "#cd6400",
+    "Bluespec": "#12223c",
+    "Boo": "#d4bec1",
+    "Boogie": "#c80fa0",
+    "Brainfuck": "#2F2530",
+    "Brightscript": "#662D91",
+    "Browserslist": "#ffd539",
+    "C": "#555555",
+    "C#": "#178600",
+    "C++": "#f34b7d",
+    "C2hs Haskell": null,
+    "Cabal Config": "#483465",
+    "Cap'n Proto": "#c42727",
+    "CartoCSS": null,
+    "Ceylon": "#dfa535",
+    "Chapel": "#8dc63f",
+    "Charity": null,
+    "ChucK": "#3f8000",
+    "Cirru": "#ccccff",
+    "Clarion": "#db901e",
+    "Classic ASP": "#6a40fd",
+    "Clean": "#3F85AF",
+    "Click": "#E4E6F3",
+    "CLIPS": "#00A300",
+    "Clojure": "#db5855",
+    "Closure Templates": "#0d948f",
+    "Cloud Firestore Security Rules": "#FFA000",
+    "CMake": "#DA3434",
+    "COBOL": null,
+    "CodeQL": "#140f46",
+    "CoffeeScript": "#244776",
+    "ColdFusion": "#ed2cd6",
+    "ColdFusion CFC": "#ed2cd6",
+    "COLLADA": "#F1A42B",
+    "Common Lisp": "#3fb68b",
+    "Common Workflow Language": "#B5314C",
+    "Component Pascal": "#B0CE4E",
+    "Cool": null,
+    "Coq": "#d0b68c",
+    "Crystal": "#000100",
+    "CSON": "#244776",
+    "Csound": "#1a1a1a",
+    "Csound Document": "#1a1a1a",
+    "Csound Score": "#1a1a1a",
+    "CSS": "#563d7c",
+    "CSV": "#237346",
+    "Cuda": "#3A4E3A",
+    "CUE": "#5886E1",
+    "CWeb": "#00007a",
+    "Cycript": null,
+    "Cython": "#fedf5b",
+    "D": "#ba595e",
+    "Dafny": "#FFEC25",
+    "Darcs Patch": "#8eff23",
+    "Dart": "#00B4AB",
+    "DataWeave": "#003a52",
+    "Dhall": "#dfafff",
+    "DIGITAL Command Language": null,
+    "DirectX 3D File": "#aace60",
+    "DM": "#447265",
+    "Dockerfile": "#384d54",
+    "Dogescript": "#cca760",
+    "DTrace": null,
+    "Dylan": "#6c616e",
+    "E": "#ccce35",
+    "Easybuild": "#069406",
+    "eC": "#913960",
+    "Ecere Projects": "#913960",
+    "ECL": "#8a1267",
+    "ECLiPSe": "#001d9d",
+    "EditorConfig": "#fff1f2",
+    "Eiffel": "#4d6977",
+    "EJS": "#a91e50",
+    "Elixir": "#6e4a7e",
+    "Elm": "#60B5CC",
+    "Emacs Lisp": "#c065db",
+    "EmberScript": "#FFF4F3",
+    "EQ": "#a78649",
+    "Erlang": "#B83998",
+    "F#": "#b845fc",
+    "F*": "#572e30",
+    "Factor": "#636746",
+    "Fancy": "#7b9db4",
+    "Fantom": "#14253c",
+    "Faust": "#c37240",
+    "Fennel": "#fff3d7",
+    "FIGlet Font": "#FFDDBB",
+    "Filebench WML": "#F6B900",
+    "Filterscript": null,
+    "fish": "#4aae47",
+    "Fluent": "#ffcc33",
+    "FLUX": "#88ccff",
+    "Forth": "#341708",
+    "Fortran": "#4d41b1",
+    "Fortran Free Form": "#4d41b1",
+    "FreeBasic": "#867db1",
+    "FreeMarker": "#0050b2",
+    "Frege": "#00cafe",
+    "Futhark": "#5f021f",
+    "G-code": "#D08CF2",
+    "Game Maker Language": "#71b417",
+    "GAML": "#FFC766",
+    "GAMS": "#f49a22",
+    "GAP": "#0000cc",
+    "GCC Machine Description": "#FFCFAB",
+    "GDB": null,
+    "GDScript": "#355570",
+    "GEDCOM": "#003058",
+    "Gemfile.lock": "#701516",
+    "Genie": "#fb855d",
+    "Genshi": "#951531",
+    "Gentoo Ebuild": "#9400ff",
+    "Gentoo Eclass": "#9400ff",
+    "Gerber Image": "#d20b00",
+    "Gherkin": "#5B2063",
+    "Git Attributes": "#F44D27",
+    "Git Config": "#F44D27",
+    "GLSL": "#5686a5",
+    "Glyph": "#c1ac7f",
+    "Gnuplot": "#f0a9f0",
+    "Go": "#00ADD8",
+    "Go Checksums": "#00ADD8",
+    "Go Module": "#00ADD8",
+    "Golo": "#88562A",
+    "Gosu": "#82937f",
+    "Grace": "#615f8b",
+    "Gradle": "#02303a",
+    "Grammatical Framework": "#ff0000",
+    "GraphQL": "#e10098",
+    "Graphviz (DOT)": "#2596be",
+    "Groovy": "#4298b8",
+    "Groovy Server Pages": "#4298b8",
+    "Hack": "#878787",
+    "Haml": "#ece2a9",
+    "Handlebars": "#f7931e",
+    "HAProxy": "#106da9",
+    "Harbour": "#0e60e3",
+    "Haskell": "#5e5086",
+    "Haxe": "#df7900",
+    "HCL": null,
+    "HiveQL": "#dce200",
+    "HLSL": "#aace60",
+    "HolyC": "#ffefaf",
+    "HTML": "#e34c26",
+    "HTML+ECR": "#2e1052",
+    "HTML+EEX": "#6e4a7e",
+    "HTML+ERB": "#701516",
+    "HTML+PHP": "#4f5d95",
+    "HTML+Razor": "#512be4",
+    "HTTP": "#005C9C",
+    "HXML": "#f68712",
+    "Hy": "#7790B2",
+    "HyPhy": null,
+    "IDL": "#a3522f",
+    "Idris": "#b30000",
+    "Ignore List": "#000000",
+    "IGOR Pro": "#0000cc",
+    "ImageJ Macro": "#99AAFF",
+    "Inform 7": null,
+    "INI": "#d1dbe0",
+    "Inno Setup": "#264b99",
+    "Io": "#a9188d",
+    "Ioke": "#078193",
+    "Isabelle": "#FEFE00",
+    "Isabelle ROOT": "#FEFE00",
+    "J": "#9EEDFF",
+    "JAR Manifest": "#b07219",
+    "Jasmin": "#d03600",
+    "Java": "#b07219",
+    "Java Properties": "#2A6277",
+    "Java Server Pages": "#2A6277",
+    "JavaScript": "#f1e05a",
+    "JavaScript+ERB": "#f1e05a",
+    "Jest Snapshot": "#15c213",
+    "JFlex": "#DBCA00",
+    "Jinja": "#a52a22",
+    "Jison": "#56b3cb",
+    "Jison Lex": "#56b3cb",
+    "Jolie": "#843179",
+    "jq": "#c7254e",
+    "JSON": "#292929",
+    "JSON with Comments": "#292929",
+    "JSON5": "#267CB9",
+    "JSONiq": "#40d47e",
+    "JSONLD": "#0c479c",
+    "Jsonnet": "#0064bd",
+    "Julia": "#a270ba",
+    "Jupyter Notebook": "#DA5B0B",
+    "Kaitai Struct": "#773b37",
+    "KakouneScript": "#6f8042",
+    "KiCad Layout": "#2f4aab",
+    "KiCad Legacy Layout": "#2f4aab",
+    "KiCad Schematic": "#2f4aab",
+    "Kotlin": "#A97BFF",
+    "KRL": "#28430A",
+    "LabVIEW": "#fede06",
+    "Lark": "#2980B9",
+    "Lasso": "#999999",
+    "Latte": "#f2a542",
+    "Lean": null,
+    "Less": "#1d365d",
+    "Lex": "#DBCA00",
+    "LFE": "#4C3023",
+    "LilyPond": "#9ccc7c",
+    "Limbo": null,
+    "Liquid": "#67b8de",
+    "Literate Agda": "#315665",
+    "Literate CoffeeScript": "#244776",
+    "Literate Haskell": "#5e5086",
+    "LiveScript": "#499886",
+    "LLVM": "#185619",
+    "Logos": null,
+    "Logtalk": "#295b9a",
+    "LOLCODE": "#cc9900",
+    "LookML": "#652B81",
+    "LoomScript": null,
+    "LSL": "#3d9970",
+    "Lua": "#000080",
+    "M": null,
+    "M4": null,
+    "M4Sugar": null,
+    "Macaulay2": "#d8ffff",
+    "Makefile": "#427819",
+    "Mako": "#7e858d",
+    "Markdown": "#083fa1",
+    "Marko": "#42bff2",
+    "Mask": "#f97732",
+    "Mathematica": "#dd1100",
+    "MATLAB": "#e16737",
+    "Max": "#c4a79c",
+    "MAXScript": "#00a6a6",
+    "mcfunction": "#E22837",
+    "Mercury": "#ff2b2b",
+    "Meson": "#007800",
+    "Metal": "#8f14e9",
+    "MiniD": null,
+    "Mirah": "#c7a938",
+    "mIRC Script": "#3d57c3",
+    "MLIR": "#5EC8DB",
+    "Modelica": "#de1d31",
+    "Modula-2": "#10253f",
+    "Modula-3": "#223388",
+    "Module Management System": null,
+    "Monkey": null,
+    "Moocode": null,
+    "MoonScript": "#ff4585",
+    "Motorola 68K Assembly": "#005daa",
+    "MQL4": "#62A8D6",
+    "MQL5": "#4A76B8",
+    "MTML": "#b7e1f4",
+    "MUF": null,
+    "mupad": "#244963",
+    "Mustache": "#724b3b",
+    "Myghty": null,
+    "nanorc": "#2d004d",
+    "NASL": null,
+    "NCL": "#28431f",
+    "Nearley": "#990000",
+    "Nemerle": "#3d3c6e",
+    "nesC": "#94B0C7",
+    "NetLinx": "#0aa0ff",
+    "NetLinx+ERB": "#747faa",
+    "NetLogo": "#ff6375",
+    "NewLisp": "#87AED7",
+    "Nextflow": "#3ac486",
+    "Nginx": "#009639",
+    "Nim": "#ffc200",
+    "Nit": "#009917",
+    "Nix": "#7e7eff",
+    "NPM Config": "#cb3837",
+    "NSIS": null,
+    "Nu": "#c9df40",
+    "NumPy": "#9C8AF9",
+    "Nunjucks": "#3d8137",
+    "NWScript": "#111522",
+    "Objective-C": "#438eff",
+    "Objective-C++": "#6866fb",
+    "Objective-J": "#ff0c5a",
+    "ObjectScript": "#424893",
+    "OCaml": "#3be133",
+    "Odin": "#60AFFE",
+    "Omgrofl": "#cabbff",
+    "ooc": "#b0b77e",
+    "Opa": null,
+    "Opal": "#f7ede0",
+    "Open Policy Agent": "#7d9199",
+    "OpenCL": "#ed2e2d",
+    "OpenEdge ABL": "#5ce600",
+    "OpenQASM": "#AA70FF",
+    "OpenRC runscript": null,
+    "OpenSCAD": "#e5cd45",
+    "Org": "#77aa99",
+    "Ox": null,
+    "Oxygene": "#cdd0e3",
+    "Oz": "#fab738",
+    "P4": "#7055b5",
+    "Pan": "#cc0000",
+    "Papyrus": "#6600cc",
+    "Parrot": "#f3ca0a",
+    "Parrot Assembly": null,
+    "Parrot Internal Representation": null,
+    "Pascal": "#E3F171",
+    "Pawn": "#dbb284",
+    "PEG.js": "#234d6b",
+    "Pep8": "#C76F5B",
+    "Perl": "#0298c3",
+    "PHP": "#4F5D95",
+    "PicoLisp": "#6067af",
+    "PigLatin": "#fcd7de",
+    "Pike": "#005390",
+    "PLpgSQL": "#336790",
+    "PLSQL": "#dad8d8",
+    "PogoScript": "#d80074",
+    "Pony": null,
+    "PostCSS": "#dc3a0c",
+    "PostScript": "#da291c",
+    "POV-Ray SDL": "#6bac65",
+    "PowerBuilder": "#8f0f8d",
+    "PowerShell": "#012456",
+    "Prisma": "#0c344b",
+    "Processing": "#0096D8",
+    "Prolog": "#74283c",
+    "Propeller Spin": "#7fa2a7",
+    "Pug": "#a86454",
+    "Puppet": "#302B6D",
+    "PureBasic": "#5a6986",
+    "PureScript": "#1D222D",
+    "Python": "#3572A5",
+    "Python console": "#3572A5",
+    "Python traceback": "#3572A5",
+    "q": "#0040cd",
+    "Q#": "#fed659",
+    "QMake": null,
+    "QML": "#44a51c",
+    "Qt Script": "#00b841",
+    "Quake": "#882233",
+    "R": "#198CE7",
+    "Racket": "#3c5caa",
+    "Ragel": "#9d5200",
+    "Raku": "#0000fb",
+    "RAML": "#77d9fb",
+    "Rascal": "#fffaa0",
+    "RDoc": "#701516",
+    "REALbasic": null,
+    "Reason": "#ff5847",
+    "Rebol": "#358a5b",
+    "Record Jar": "#0673ba",
+    "Red": "#f50000",
+    "Redcode": null,
+    "Regular Expression": "#009a00",
+    "Ren'Py": "#ff7f7f",
+    "RenderScript": null,
+    "ReScript": "#ed5051",
+    "reStructuredText": "#141414",
+    "REXX": "#d90e09",
+    "Ring": "#2D54CB",
+    "Riot": "#A71E49",
+    "RMarkdown": "#198ce7",
+    "RobotFramework": "#00c0b5",
+    "Roff": "#ecdebe",
+    "Roff Manpage": "#ecdebe",
+    "Rouge": "#cc0088",
+    "RPC": null,
+    "Ruby": "#701516",
+    "RUNOFF": "#665a4e",
+    "Rust": "#dea584",
+    "Sage": null,
+    "SaltStack": "#646464",
+    "SAS": "#B34936",
+    "Sass": "#a53b70",
+    "Scala": "#c22d40",
+    "Scaml": "#bd181a",
+    "Scheme": "#1e4aec",
+    "Scilab": "#ca0f21",
+    "SCSS": "#c6538c",
+    "sed": "#64b970",
+    "Self": "#0579aa",
+    "ShaderLab": "#222c37",
+    "Shell": "#89e051",
+    "ShellSession": null,
+    "Shen": "#120F14",
+    "Sieve": null,
+    "Singularity": "#64E6AD",
+    "Slash": "#007eff",
+    "Slice": "#003fa2",
+    "Slim": "#2b2b2b",
+    "Smali": null,
+    "Smalltalk": "#596706",
+    "Smarty": "#f0c040",
+    "SmPL": "#c94949",
+    "SMT": null,
+    "Solidity": "#AA6746",
+    "SourcePawn": "#f69e1d",
+    "SPARQL": "#0C4597",
+    "SQF": "#3F3F3F",
+    "SQL": "#e38c00",
+    "SQLPL": "#e38c00",
+    "Squirrel": "#800000",
+    "SRecode Template": "#348a34",
+    "Stan": "#b2011d",
+    "Standard ML": "#dc566d",
+    "Starlark": "#76d275",
+    "Stata": "#1a5f91",
+    "StringTemplate": "#3fb34f",
+    "Stylus": "#ff6347",
+    "SubRip Text": "#9e0101",
+    "SugarSS": "#2fcc9f",
+    "SuperCollider": "#46390b",
+    "Svelte": "#ff3e00",
+    "SVG": "#ff9900",
+    "Swift": "#F05138",
+    "SWIG": null,
+    "SystemVerilog": "#DAE1C2",
+    "Tcl": "#e4cc98",
+    "Tcsh": null,
+    "Terra": "#00004c",
+    "TeX": "#3D6117",
+    "Textile": "#ffe7ac",
+    "TextMate Properties": "#df66e4",
+    "Thrift": "#D12127",
+    "TI Program": "#A0AA87",
+    "TLA": "#4b0079",
+    "TOML": "#9c4221",
+    "TSQL": "#e38c00",
+    "TSV": "#237346",
+    "TSX": "#2b7489",
+    "Turing": "#cf142b",
+    "Twig": "#c1d026",
+    "TXL": "#0178b8",
+    "TypeScript": "#2b7489",
+    "Unified Parallel C": "#4e3617",
+    "Unity3D Asset": "#222c37",
+    "Unix Assembly": null,
+    "Uno": "#9933cc",
+    "UnrealScript": "#a54c4d",
+    "UrWeb": "#ccccee",
+    "V": "#4f87c4",
+    "Vala": "#fbe5cd",
+    "Valve Data Format": "#f26025",
+    "VBA": "#867db1",
+    "VBScript": "#15dcdc",
+    "VCL": "#148AA8",
+    "Verilog": "#b2b7f8",
+    "VHDL": "#adb2cb",
+    "Vim Help File": "#199f4b",
+    "Vim Script": "#199f4b",
+    "Vim Snippet": "#199f4b",
+    "Visual Basic .NET": "#945db7",
+    "Volt": "#1F1F1F",
+    "Vue": "#41b883",
+    "wdl": "#42f1f4",
+    "Web Ontology Language": "#5b70bd",
+    "WebAssembly": "#04133b",
+    "WebIDL": null,
+    "Wikitext": "#fc5757",
+    "Windows Registry Entries": "#52d5ff",
+    "wisp": "#7582D1",
+    "Wollok": "#a23738",
+    "World of Warcraft Addon Data": "#f7e43f",
+    "X10": "#4B6BEF",
+    "xBase": "#403a40",
+    "XC": "#99DA07",
+    "XML": "#0060ac",
+    "XML Property List": "#0060ac",
+    "Xojo": "#81bd41",
+    "Xonsh": "#285EEF",
+    "XProc": null,
+    "XQuery": "#5232e7",
+    "XS": null,
+    "XSLT": "#EB8CEB",
+    "Xtend": "#24255d",
+    "Yacc": "#4B6C4B",
+    "YAML": "#cb171e",
+    "YARA": "#220000",
+    "YASnippet": "#32AB90",
+    "ZAP": "#0d665e",
+    "Zeek": null,
+    "ZenScript": "#00BCD1",
+    "Zephir": "#118f9e",
+    "Zig": "#ec915c",
+    "ZIL": "#dc75e5",
+    "Zimpl": "#d67711"
+}

data/sharing.json

@@ -38,5 +38,15 @@
     "icon": "telegram",
     "title": "sharing.telegram",
     "url": "https://t.me/share/url?url=%s&resubmit=true&title=%s"
-  }
-}
+  },
+  "bluesky": {
+    "icon": "bluesky",
+    "title": "sharing.bluesky",
+    "url": "https://bsky.app/intent/compose?text=%[2]s+%[1]s"
+  },
+  "mastodon": {
+    "icon": "mastodon",
+    "title": "sharing.mastodon",
+    "url": "https://s2f.kytta.dev/?text=%[2]s %[1]s"
+  }  
+}

exampleSite/config/_default/hugo.toml

@@ -3,20 +3,26 @@
 # https://blowfish.page/docs/getting-started/
 
 theme = "blowfish"
-baseURL = "https://nunocoracao.github.io/blowfish"
+baseURL = "https://localhost:1313"
 defaultContentLanguage = "en"
+disableLanguages = [] #to allow translation work requiring shipping to production
 
 # pluralizeListTitles = "true" # hugo function useful for non-english languages, find out more in  https://gohugo.io/getting-started/configuration/#pluralizelisttitles
 
 enableRobotsTXT = true
-paginate = 100
 summaryLength = 30
+hasCJKLanguage = true
 
 buildDrafts = false
 buildFuture = false
 
+enableEmoji = true
+
 googleAnalytics = "G-PEDMYR1V0K"
 
+[pagination]
+  pagerSize = 100
+
 [imaging]
   anchor = 'Center'
 

exampleSite/config/_default/languages.en.toml

@@ -4,24 +4,20 @@ weight = 1
 title = "Blowfish"
 
 [params]
-  displayName = "EN"
+  displayName = "English"
   isoCode = "en"
   rtl = false
   dateFormat = "2 January 2006"
   logo = "img/blowfish_logo_transparent.png"
-  # secondaryLogo = "PATH"
-  description = "A powerful, lightweight theme for Hugo built with Tailwind CSS."
-  # copyright = "Copy, _right?_ :thinking_face:"
+  description = "A powerful, lightweight theme for Hugo."
 
-[author]
+[params.author]
   name = "Blowfish"
+  email = "nuno@n9o.xyz"
   image = "img/blowfish_logo.png"
-  headline = "A powerful, lightweight theme for Hugo built with Tailwind CSS."
-  bio = "A powerful, lightweight theme for Hugo built with Tailwind CSS."
+  headline = "A powerful, lightweight theme for Hugo."
+  bio = "A powerful, lightweight theme for Hugo."
   links = [
     { x-twitter = "https://twitter.com/burufugu" },
-    { mastodon = "https://masto.ai/@blowfish" },
     { github = "https://github.com/nunocoracao/blowfish" },
-  ]
-
-  
+  ]

exampleSite/config/_default/languages.it.toml

@@ -0,0 +1,22 @@
+languageCode = "it"
+languageName = "Italiano"
+weight = 2
+title = "Blowfish"
+
+[params]
+  displayName = "Italiano"
+  isoCode = "it"
+  rtl = false
+  dateFormat = "2 January 2006"
+  logo = "img/blowfish_logo_transparent.png"
+  description = "Un potente, leggero tema per Hugo."
+
+[params.author]
+  name = "Blowfish"
+  image = "img/blowfish_logo.png"
+  headline = "Un potente, leggero tema per Hugo."
+  bio = "Un potente, leggero tema per Hugo."
+  links = [
+    { x-twitter = "https://twitter.com/burufugu" },
+    { github = "https://github.com/nunocoracao/blowfish" },
+  ]

exampleSite/config/_default/languages.ja.toml

@@ -0,0 +1,23 @@
+languageCode = "ja"
+languageName = "日本語"
+weight = 3
+title = "Blowfish"
+
+[params]
+  displayName = "日本語"
+  isoCode = "ja"
+  rtl = false
+  dateFormat = "2006-01-02"
+  logo = "img/blowfish_logo_transparent.png"
+  description = "強力で、軽量な Hugo のテーマです。"
+
+[params.author]
+  name = "Blowfish"
+  email = "nuno@n9o.xyz"
+  image = "img/blowfish_logo.png"
+  headline = "強力で、軽量な Hugo のテーマです。"
+  bio = "強力で、軽量な Hugo のテーマです。"
+  links = [
+    { x-twitter = "https://twitter.com/burufugu" },
+    { github = "https://github.com/nunocoracao/blowfish" },
+  ]

exampleSite/config/_default/languages.zh-cn.toml

@@ -0,0 +1,22 @@
+languageCode = "zh-cn"
+languageName = "简体中文"
+weight = 4
+title = "Blowfish"
+
+[params]
+  displayName = "简体中文"
+  isoCode = "zh-cn"
+  rtl = false
+  dateFormat = "2006-01-02"
+  logo = "img/blowfish_logo_transparent.png"
+  description = "一个强大、轻量级的 Hugo 主题。"
+
+[params.author]
+  name = "Blowfish"
+  image = "img/blowfish_logo.png"
+  headline = "一个强大、轻量级的 Hugo 主题。"
+  bio = "一个强大、轻量级的 Hugo 主题。"
+  links = [
+    { x-twitter = "https://twitter.com/burufugu" },
+    { github = "https://github.com/nunocoracao/blowfish" },
+  ]

exampleSite/config/_default/menus.en.toml

@@ -20,15 +20,16 @@
   pageRef = "docs/shortcodes"
   weight = 15
 
-[[main]]
-  name = "Samples"
-  pageRef = "samples"
-  weight = 16
-
 [[main]]
   name = "Examples"
   weight = 20
 
+[[main]]
+  name = "Samples"
+  parent = "Examples"
+  pageRef = "samples"
+  weight = 16
+
 [[main]]
   name = "Showcase"
   parent = "Examples"
@@ -46,10 +47,10 @@
   pageRef = "users"
   weight = 90
 
-#[[main]]
-#  name = "Merch"
-#  url = "http://tee.pub/lic/qwSlWVBL5zc"
-#  weight = 100
+[[main]]
+  name = "Merch"
+  url = "https://www.teepublic.com/user/blowfish-store/t-shirts"
+  weight = 100
 
 #[[main]]
 #  name = "Test"
@@ -62,11 +63,11 @@
   url = "https://twitter.com/burufugu"
   weight = 200
 
-[[main]]
-  identifier = "mastodon"
-  pre = "mastodon"
-  url = "https://masto.ai/@blowfish"
-  weight = 300
+#[[main]]
+#  identifier = "mastodon"
+#  pre = "mastodon"
+#  weight = 300
+#  url = "https://masto.ai/@blowfish"
 
 [[main]]
   identifier = "github"

exampleSite/config/_default/menus.it.toml

@@ -0,0 +1,91 @@
+# -- Main Menu --
+# The main menu is displayed in the header at the top of the page.
+# Acceptable parameters are name, pageRef, page, url, title, weight.
+# 
+# The simplest menu configuration is to provide:
+#   name = The name to be displayed for this menu link
+#   pageRef = The identifier of the page or section to link to
+#
+# By default the menu is ordered alphabetically. This can be
+# overridden by providing a weight value. The menu will then be
+# ordered by weight from lowest to highest.
+
+[[main]]
+  name = "Documenti"
+  pageRef = "docs"
+  weight = 10
+
+[[main]]
+  name = "Shortcodes"
+  pageRef = "docs/shortcodes"
+  weight = 15
+
+[[main]]
+  name = "Esempi"
+  weight = 20
+
+[[main]]
+  name = "Campioni"
+  parent = "Esempi"
+  pageRef = "samples"
+  weight = 16
+
+[[main]]
+  name = "Vetrina"
+  parent = "Esempi"
+  pageRef = "examples"
+  weight = 30
+
+[[main]]
+  name = "Ricette"
+  parent = "Esempi"
+  pageRef = "guides"
+  weight = 40
+
+[[main]]
+  name = "Utenti"
+  pageRef = "users"
+  weight = 90
+
+[[main]]
+  name = "Merch"
+  url = "https://www.teepublic.com/user/blowfish-store/t-shirts"
+  weight = 100
+
+#[[main]]
+#  name = "Test"
+#  pageRef = "pagTest"
+#  weight = 1000
+
+[[main]]
+  identifier = "twitter"
+  pre = "x-twitter"
+  url = "https://twitter.com/burufugu"
+  weight = 200
+
+#[[main]]
+#  identifier = "mastodon"
+#  pre = "mastodon"
+#  weight = 300
+#  url = "https://masto.ai/@blowfish"
+
+[[main]]
+  identifier = "github"
+  pre = "github"
+  url = "https://github.com/nunocoracao/blowfish"
+  weight = 400
+
+
+# -- Footer Menu --
+# The footer menu is displayed at the bottom of the page, just before
+# the copyright notice. Configure as per the main menu above.
+
+ [[footer]]
+   name = "Tags"
+   pageRef = "tags"
+   weight = 10
+
+ [[footer]]
+   name = "Autori"
+   pageRef = "authors"
+   weight = 20

exampleSite/config/_default/menus.ja.toml

@@ -0,0 +1,91 @@
+# -- メインメニュー --
+# メインメニューはページトップのヘッダーに表示されます。
+# 利用可能なパラメーターは name, pageRef, page, url, title, weight です。
+# 
+# 最もシンプルなメニュー設定はこちらです:
+#   name = このメニューリンクに表示される名前
+#   pageRef = ページやセクションのリンクに利用される識別子
+#
+# デフォルトでは、メニューはアルファベット順に並べられます。
+# これは、 weight value で上書き可能です。
+# このメニューは weight が低い値から高い値に順に表示されます。
+
+[[main]]
+  name = "ドキュメント"
+  pageRef = "docs"
+  weight = 10
+
+[[main]]
+  name = "ショートコード"
+  pageRef = "docs/shortcodes"
+  weight = 15
+
+[[main]]
+  name = "例"
+  weight = 20
+
+[[main]]
+  name = "サンプル"
+  parent = "例"
+  pageRef = "samples"
+  weight = 16
+
+[[main]]
+  name = "ショーケース"
+  parent = "例"
+  pageRef = "examples"
+  weight = 30
+
+[[main]]
+  name = "レシピ"
+  parent = "例"
+  pageRef = "guides"
+  weight = 40
+
+[[main]]
+  name = "ユーザー"
+  pageRef = "users"
+  weight = 90
+
+[[main]]
+  name = "グッズ"
+  url = "https://www.teepublic.com/user/blowfish-store/t-shirts"
+  weight = 100
+
+#[[main]]
+#  name = "テスト"
+#  pageRef = "pagTest"
+#  weight = 1000
+
+[[main]]
+  identifier = "twitter"
+  pre = "x-twitter"
+  url = "https://twitter.com/burufugu"
+  weight = 200
+
+#[[main]]
+#  identifier = "mastodon"
+#  pre = "mastodon"
+#  weight = 300
+#  url = "https://masto.ai/@blowfish"
+
+[[main]]
+  identifier = "github"
+  pre = "github"
+  url = "https://github.com/nunocoracao/blowfish"
+  weight = 400
+
+
+# -- フッターメニュー --
+# このフッターメニューはページ下部のコピーライト表示の前に表示されます。
+# 上記のメインメニューと同様に設定できます。
+
+ [[footer]]
+   name = "タグ"
+   pageRef = "tags"
+   weight = 10
+
+ [[footer]]
+   name = "著者"
+   pageRef = "authors"
+   weight = 20

exampleSite/config/_default/menus.zh-cn.toml

@@ -0,0 +1,91 @@
+# -- Main Menu --
+# The main menu is displayed in the header at the top of the page.
+# Acceptable parameters are name, pageRef, page, url, title, weight.
+# 
+# The simplest menu configuration is to provide:
+#   name = The name to be displayed for this menu link
+#   pageRef = The identifier of the page or section to link to
+#
+# By default the menu is ordered alphabetically. This can be
+# overridden by providing a weight value. The menu will then be
+# ordered by weight from lowest to highest.
+
+[[main]]
+  name = "文档"
+  pageRef = "docs"
+  weight = 10
+
+[[main]]
+  name = "简码"
+  pageRef = "docs/shortcodes"
+  weight = 15
+
+[[main]]
+  name = "示例"
+  weight = 20
+
+[[main]]
+  name = "功能示例"
+  parent = "示例"
+  pageRef = "samples"
+  weight = 16
+
+[[main]]
+  name = "模板示例"
+  parent = "示例"
+  pageRef = "examples"
+  weight = 30
+
+[[main]]
+  name = "部署指南"
+  parent = "示例"
+  pageRef = "guides"
+  weight = 40
+
+[[main]]
+  name = "用户列表"
+  pageRef = "users"
+  weight = 90
+
+[[main]]
+  name = "周边"
+  url = "https://www.teepublic.com/user/blowfish-store/t-shirts"
+  weight = 100
+
+#[[main]]
+#  name = "Test"
+#  pageRef = "pagTest"
+#  weight = 1000
+
+[[main]]
+  identifier = "twitter"
+  pre = "x-twitter"
+  url = "https://twitter.com/burufugu"
+  weight = 200
+
+#[[main]]
+#  identifier = "mastodon"
+#  pre = "mastodon"
+#  weight = 300
+#  url = "https://masto.ai/@blowfish"
+
+[[main]]
+  identifier = "github"
+  pre = "github"
+  url = "https://github.com/nunocoracao/blowfish"
+  weight = 400
+
+
+# -- Footer Menu --
+# The footer menu is displayed at the bottom of the page, just before
+# the copyright notice. Configure as per the main menu above.
+
+ [[footer]]
+   name = "标签"
+   pageRef = "tags"
+   weight = 10
+
+ [[footer]]
+   name = "作者"
+   pageRef = "authors"
+   weight = 20

exampleSite/config/_default/params.toml

@@ -12,21 +12,24 @@ autoSwitchAppearance = true
 enableSearch = true
 enableCodeCopy = true
 
+replyByEmail = false
+
 mainSections = ["docs"]
 # robots = ""
 
 disableImageOptimization = false
 disableTextInHeader = false
+# backgroundImageWidth = 1200
 
-defaultBackgroundImage = "/img/ocean.jpg"
-defaultFeaturedImage = "/img/ocean.jpg"
+defaultBackgroundImage = "/img/background.svg"
+defaultFeaturedImage = "/img/featured.svg"
 
 highlightCurrentMenuArea = true
 smartTOC = true
 smartTOCHideUnfocusedChildren = false
 
 [header]
-  layout = "fixed" # valid options: basic, fixed, fixed-fill, fixed-fill-blur
+  layout = "fixed" # valid options: basic, fixed, fixed-fill, fixed-gradient, fixed-fill-blur
 
 [footer]
   showMenu = true
@@ -39,19 +42,21 @@ smartTOCHideUnfocusedChildren = false
   layout = "custom" # valid options: page, profile, hero, card, background, custom
   # homepageImage = "/img/iceland.jpg" # used in: hero, and card
   showRecent = false
-  showRecentItems = 12
+  showRecentItems = 6
   showMoreLink = true
   showMoreLinkDest = "docs"
-  cardView = false
+  cardView = true
   cardViewScreenWidth = false
   layoutBackgroundBlur = true # only used when layout equals background
 
 [article]
   showDate = false
-  showViews = true
-  showLikes = true
+  showViews = false
+  showLikes = false
+  showDateOnlyInArticle = false
   showDateUpdated = false
   showAuthor = true
+  # showAuthorBottom = false
   showHero = true
   heroStyle = "background" # valid options: basic, big, background, thumbAndBackground
   layoutBackgroundBlur = true # only used when heroStyle equals background
@@ -71,7 +76,8 @@ smartTOCHideUnfocusedChildren = false
   showTaxonomies = true 
   showAuthorsBadges = true 
   showWordCount = false
-  sharingLinks = [ "linkedin", "twitter", "reddit", "whatsapp", "telegram", "pinterest", "facebook", "email"]
+  sharingLinks = [ "linkedin", "twitter", "bluesky", "reddit", "whatsapp", "telegram", "pinterest", "facebook", "email"]
+  showZenMode = true
 
 [list]
   showHero = true
@@ -80,10 +86,11 @@ smartTOCHideUnfocusedChildren = false
   layoutBackgroundHeaderSpace = false
   showBreadcrumbs = false
   showSummary = false
-  showViews = true
-  showLikes = true
+  showViews = false
+  showLikes = false
   showTableOfContents = true
   showCards = true
+  orderByWeight = true
   groupByYear = false
   cardView = true
   cardViewScreenWidth = false
@@ -97,8 +104,8 @@ smartTOCHideUnfocusedChildren = false
   showHero = true
   heroStyle = "background" # valid options: basic, big, background, thumbAndBackground
   showBreadcrumbs = false
-  showViews = true
-  showLikes = true
+  showViews = false
+  showLikes = false
   showTableOfContents = true
   cardView = false
 
@@ -106,26 +113,37 @@ smartTOCHideUnfocusedChildren = false
   showHero = true
   heroStyle = "background" # valid options: basic, big, background, thumbAndBackground
   showBreadcrumbs = false
-  showViews = true
-  showLikes = true
+  showViews = false
+  showLikes = false
   showTableOfContents = true
   groupByYear = false
   cardView = true
   cardViewScreenWidth = false
   
 [firebase]
-  apiKey = "AIzaSyB5tqlqDky77Vb4Tc4apiHV4hRZI18KGiY"
-  authDomain = "blowfish-21fff.firebaseapp.com"
-  projectId = "blowfish-21fff"
-  storageBucket = "blowfish-21fff.appspot.com"
-  messagingSenderId = "60108104191"
-  appId = "1:60108104191:web:039842ebe1370698b487ca"
-  measurementId = "G-PEDMYR1V0K"
+  #apiKey = "AIzaSyB5tqlqDky77Vb4Tc4apiHV4hRZI18KGiY"
+  #authDomain = "blowfish-21fff.firebaseapp.com"
+  #projectId = "blowfish-21fff"
+  #storageBucket = "blowfish-21fff.appspot.com"
+  #messagingSenderId = "60108104191"
+  #appId = "1:60108104191:web:039842ebe1370698b487ca"
+  #measurementId = "G-PEDMYR1V0K"
 
 [fathomAnalytics]
   # site = "ABC12345"
   # domain = "llama.yoursite.com"
 
+[umamiAnalytics]
+  # websiteid = "ABC12345"
+  # domain = "llama.yoursite.com"
+  # dataDomains = "yoursite.com,yoursite2.com"
+  # scriptName = ""
+  # enableTrackEvent = false
+
+[selineAnalytics]
+  # token = "XXXXXX"
+  # enableTrackEvent = false
+
 [buymeacoffee]
   identifier = "nunocoracao"
   globalWidget = true
@@ -138,3 +156,7 @@ smartTOCHideUnfocusedChildren = false
   # bing = ""
   # pinterest = ""
   # yandex = ""
+
+[rssnext]
+  # feedId = ""
+  # userId = ""

exampleSite/content/_index.it.md

@@ -0,0 +1,25 @@
+---
+title: "Benvenuti a Blowfish!"
+description: "Questa pagina è stata creata utilizzando il tema Blowfish per Hugo."
+---
+<div class="flex px-4 py-2 mb-8 text-base rounded-md bg-primary-100 dark:bg-primary-900">
+  <span class="flex items-center ltr:pr-3 rtl:pl-3 text-primary-400">
+    {{< icon "triangle-exclamation" >}}
+  </span>
+  <span class="flex items-center justify-between grow dark:text-neutral-300">
+    <span class="prose dark:prose-invert">Questa è una demo del layout <code id="layout">background</code>.</span>
+    <pulsante
+      id="interruttore-layout-pulsante"
+      class="px-4 !text-neutral !no-underline round-md bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
+    >
+      Cambia layout &orarr;
+    </pulsante>
+  </span>
+</div>
+
+
+```node
+npx blowfish-tools
+```  
+
+{{< youtubeLite id="SgXhGb-7QbU" label="Demo degli strumenti Blowfish" >}}

exampleSite/content/_index.ja.md

@@ -0,0 +1,29 @@
+---
+title: "Blowfish へようこそ! :tada:"
+description: "このページは Hugo の Blowfish テーマを利用して構築されています。"
+---
+
+
+<div class="flex px-4 py-2 mb-8 text-base rounded-md bg-primary-100 dark:bg-primary-900">
+  <span class="flex items-center ltr:pr-3 rtl:pl-3 text-primary-400">
+    {{< icon "triangle-exclamation" >}}
+  </span>
+  <span class="flex items-center justify-between grow dark:text-neutral-300">
+    <span class="prose dark:prose-invert">こちらは <code id="layout">background</code> レイアウトのデモです。</span>
+    <button
+      id="switch-layout-button"
+      class="px-4 !text-neutral !no-underline rounded-md bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
+    >
+      レイアウトを変更する&orarr;
+    </button>
+  </span>
+</div>
+
+
+```node
+npx blowfish-tools
+```  
+
+{{< youtubeLite id="SgXhGb-7QbU" label="Blowfish-tools demo" >}}
+
+

exampleSite/content/_index.md

@@ -1,9 +1,8 @@
 ---
 title: "Welcome to Blowfish! :tada:"
-description: "This is a demo of the Blowfish theme for Hugo."
+description: "This page was built using the Blowfish theme for Hugo."
 ---
 
-This is a demo site built entirely using Blowfish. It also contains a complete set of [theme documentation]({{< ref "docs" >}}). Blowfish is flexible and is great for both static page-based content (like this demo) or a traditional blog with a feed of recent posts.
 
 <div class="flex px-4 py-2 mb-8 text-base rounded-md bg-primary-100 dark:bg-primary-900">
   <span class="flex items-center ltr:pr-3 rtl:pl-3 text-primary-400">
@@ -20,4 +19,11 @@ This is a demo site built entirely using Blowfish. It also contains a complete s
   </span>
 </div>
 
-Explore the [sample pages]({{< ref "samples" >}}) to get a feel for what Blowfish can do. If you like what you see, check out the project on <a target="_blank" href="https://github.com/nunocoracao/blowfish">Github</a> or read the [Installation guide]({{< ref "docs/installation" >}}) to get started.
+
+```node
+npx blowfish-tools
+```  
+
+{{< youtubeLite id="SgXhGb-7QbU" label="Blowfish-tools demo" >}}
+
+

exampleSite/content/_index.zh-cn.md

@@ -0,0 +1,29 @@
+---
+title: "欢迎来到 Blowfish! :tada:"
+description: "此页面是使用 Hugo 的 Blowfish 主题搭建的"
+---
+
+
+<div class="flex px-4 py-2 mb-8 text-base rounded-md bg-primary-100 dark:bg-primary-900">
+  <span class="flex items-center ltr:pr-3 rtl:pl-3 text-primary-400">
+    {{< icon "triangle-exclamation" >}}
+  </span>
+  <span class="flex items-center justify-between grow dark:text-neutral-300">
+    <span class="prose dark:prose-invert"> 这是 <code id="layout">background</code> 的样式示例。</span>
+    <button
+      id="switch-layout-button"
+      class="px-4 !text-neutral !no-underline rounded-md bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
+    >
+      切换 layout &orarr;
+    </button>
+  </span>
+</div>
+
+
+```node
+npx blowfish-tools
+```  
+
+{{< youtubeLite id="SgXhGb-7QbU" label="Blowfish-tools demo" >}}
+
+

exampleSite/content/authors/_index.it.md

@@ -0,0 +1,5 @@
+---
+title: "Esempio di elenco di tassonomia degli autori"
+
+---
+Un rapido esempio di come iniziare a utilizzare le tassonomie degli autori nei tuoi articoli.

exampleSite/content/authors/_index.ja.md

@@ -0,0 +1,5 @@
+---
+title: "著者のタクソノミーリストの例"
+---
+
+あなたの記事で著者のタクソノミーを使う方法の簡単な例です。

exampleSite/content/authors/_index.zh-cn.md

@@ -0,0 +1,5 @@
+---
+title: "作者列表示例"
+---
+
+在你的文章中添加不同作者的简单示例。

exampleSite/content/authors/nunocoracao/_index.it.md

@@ -0,0 +1,5 @@
+---
+title: "Nuno Coraçao"
+
+---
+La fantastica biografia di Nuno.

exampleSite/content/authors/nunocoracao/_index.ja.md

@@ -0,0 +1,5 @@
+---
+title: "Nuno Coração"
+---
+
+Nuno の素晴らしいダミープロフィールです。

exampleSite/content/authors/nunocoracao/_index.zh-cn.md

@@ -0,0 +1,5 @@
+---
+title: "Nuno Coração"
+---
+
+假装这里有一份 Nuno 的简介。

exampleSite/content/authors/secondauthor/_index.it.md

@@ -0,0 +1,5 @@
+---
+title: "Secondo autore fittizio"
+
+---
+La fantastica biografia fittizia di Dummy Second Author.

exampleSite/content/authors/secondauthor/_index.ja.md

@@ -0,0 +1,5 @@
+---
+title: "2人目のダミー作者"
+---
+
+2人目のダミー作者の素晴らしいダミープロフィールです。

exampleSite/content/authors/secondauthor/_index.zh-cn.md

@@ -0,0 +1,5 @@
+---
+title: "Dummy Second Author"
+---
+
+假装这里有一份第二位作者的简介。

exampleSite/content/docs/_index.it.md

@@ -0,0 +1,15 @@
+---
+title: "Documenti"
+description: "Scopri come utilizzare Blowfish e le sue funzionalità."
+
+cascade:
+  showDate: false
+  showAuthor: false
+  invertPagination: true
+
+---
+{{< lead >}}
+Semplice ma potente. Scopri come utilizzare Blowfish e le sue funzionalità.
+{{< /lead >}}
+
+Questa sezione contiene tutto ciò che devi sapere su Blowfish. Se sei nuovo, consulta la guida [Installazione]({{< ref "docs/installation" >}}) per iniziare o visita la sezione [Esempi]({{< ref "samples" >}}) per vedere cosa può fare Blowfish.

exampleSite/content/docs/_index.ja.md

@@ -0,0 +1,17 @@
+---
+title: "ドキュメント"
+description: "Blowfish の利用方法と特徴について学ぶ。"
+
+cascade:
+  showDate: false
+  showAuthor: false
+  invertPagination: true
+---
+
+{{< lead >}}
+シンプル、それでいて強力。 Blowfish の利用方法と特徴について学ぶ。
+{{< /lead >}}
+
+このセクションでは、Blowfish について知っておくべきことをすべて網羅しています。初めての方は、まず[インストール]({{< ref "docs/installation" >}})ガイドをご覧いただくか、[サンプル]({{< ref "samples" >}})セクションで Blowfish で何ができるかを確認してみてください。
+
+---

exampleSite/content/docs/_index.zh-cn.md

@@ -0,0 +1,18 @@
+---
+title: "文档"
+description: "如何使用 Blowfish。"
+
+cascade:
+  showDate: false
+  showAuthor: false
+  invertPagination: true
+---
+
+{{< lead >}}
+了解如何使用简单而强大的 Blowfish。
+{{< /lead >}}
+
+本章节包含了你需要了解的有关 Blowfish 的所有信息。如果你是新用户，请查阅[安装]({{< ref "docs/installation" >}}) 指南，或者访问[示例]({{< ref "samples" >}}) 来了解 Blowfish 能做什么。
+
+
+---

exampleSite/content/docs/advanced-customisation/background.svg

@@ -0,0 +1,574 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+  style="margin:auto;background:rgba(NaN, NaN, NaN, 0);display:block;z-index:1;position:relative"
+  width="1084" height="322" preserveAspectRatio="xMidYMid" viewBox="0 0 1084 322">
+  <defs>
+    <pattern id="pid-0.7735807359934106" x="0" y="0" width="345.6" height="345.6"
+      patternUnits="userSpaceOnUse">
+      <g transform="scale(1.35)">
+        <g>
+          <line x1="237.6288884328494" x2="201.39714008747956" y1="119.05338354492488"
+            y2="155.28513189029474" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="237.6288884328494" x2="201.39714008747956" y1="-392.9466164550751"
+            y2="-356.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="493.6288884328494" x2="457.39714008747956" y1="-392.9466164550751"
+            y2="-356.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="749.6288884328494" x2="713.3971400874796" y1="-392.9466164550751"
+            y2="-356.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="237.6288884328494" x2="201.39714008747956" y1="-136.94661645507512"
+            y2="-100.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="493.6288884328494" x2="457.39714008747956" y1="-136.94661645507512"
+            y2="-100.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="749.6288884328494" x2="713.3971400874796" y1="-136.94661645507512"
+            y2="-100.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="237.6288884328494" x2="201.39714008747956" y1="119.05338354492488"
+            y2="155.28513189029474" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="493.6288884328494" x2="457.39714008747956" y1="119.05338354492488"
+            y2="155.28513189029474" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="749.6288884328494" x2="713.3971400874796" y1="119.05338354492488"
+            y2="155.28513189029474" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="244.43797352167968" x2="179.25167385613412" y1="196.21419032492787"
+            y2="261.40048999047343" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="244.43797352167968" x2="179.25167385613412" y1="-315.78580967507213"
+            y2="-250.59951000952657" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="500.4379735216797" x2="435.2516738561341" y1="-315.78580967507213"
+            y2="-250.59951000952657" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="756.4379735216796" x2="691.2516738561342" y1="-315.78580967507213"
+            y2="-250.59951000952657" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="244.43797352167968" x2="179.25167385613412" y1="-59.78580967507213"
+            y2="5.400489990473432" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="500.4379735216797" x2="435.2516738561341" y1="-59.78580967507213"
+            y2="5.400489990473432" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="756.4379735216796" x2="691.2516738561342" y1="-59.78580967507213"
+            y2="5.400489990473432" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="244.43797352167968" x2="179.25167385613412" y1="196.21419032492787"
+            y2="261.40048999047343" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="500.4379735216797" x2="435.2516738561341" y1="196.21419032492787"
+            y2="261.40048999047343" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="756.4379735216796" x2="691.2516738561342" y1="196.21419032492787"
+            y2="261.40048999047343" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="219.6724359102308" x2="209.2181431749452" y1="92.85808081141191"
+            y2="103.31237354669749" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="219.6724359102308" x2="209.2181431749452" y1="-419.1419191885881"
+            y2="-408.6876264533025" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="475.6724359102308" x2="465.2181431749452" y1="-419.1419191885881"
+            y2="-408.6876264533025" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="731.6724359102308" x2="721.2181431749452" y1="-419.1419191885881"
+            y2="-408.6876264533025" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="219.6724359102308" x2="209.2181431749452" y1="-163.14191918858808"
+            y2="-152.68762645330253" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="475.6724359102308" x2="465.2181431749452" y1="-163.14191918858808"
+            y2="-152.68762645330253" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="731.6724359102308" x2="721.2181431749452" y1="-163.14191918858808"
+            y2="-152.68762645330253" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="219.6724359102308" x2="209.2181431749452" y1="92.85808081141191"
+            y2="103.31237354669749" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="475.6724359102308" x2="465.2181431749452" y1="92.85808081141191"
+            y2="103.31237354669749" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="731.6724359102308" x2="721.2181431749452" y1="92.85808081141191"
+            y2="103.31237354669749" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="112.00565118011832" x2="71.15817744773324" y1="56.63419812919665"
+            y2="97.48167186158173" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="112.00565118011832" x2="71.15817744773324" y1="-455.36580187080335"
+            y2="-414.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="368.0056511801183" x2="327.15817744773324" y1="-455.36580187080335"
+            y2="-414.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="624.0056511801183" x2="583.1581774477332" y1="-455.36580187080335"
+            y2="-414.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="112.00565118011832" x2="71.15817744773324" y1="-199.36580187080335"
+            y2="-158.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="368.0056511801183" x2="327.15817744773324" y1="-199.36580187080335"
+            y2="-158.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="624.0056511801183" x2="583.1581774477332" y1="-199.36580187080335"
+            y2="-158.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="112.00565118011832" x2="71.15817744773324" y1="56.63419812919665"
+            y2="97.48167186158173" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="368.0056511801183" x2="327.15817744773324" y1="56.63419812919665"
+            y2="97.48167186158173" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="624.0056511801183" x2="583.1581774477332" y1="56.63419812919665"
+            y2="97.48167186158173" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="60.932966336476014" x2="49.388821076756514" y1="125.65681060957188"
+            y2="137.20095586929136" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="60.932966336476014" x2="49.388821076756514" y1="-386.3431893904281"
+            y2="-374.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="316.932966336476" x2="305.3888210767565" y1="-386.3431893904281"
+            y2="-374.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="572.932966336476" x2="561.3888210767565" y1="-386.3431893904281"
+            y2="-374.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="60.932966336476014" x2="49.388821076756514" y1="-130.3431893904281"
+            y2="-118.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="316.932966336476" x2="305.3888210767565" y1="-130.3431893904281"
+            y2="-118.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="572.932966336476" x2="561.3888210767565" y1="-130.3431893904281"
+            y2="-118.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="60.932966336476014" x2="49.388821076756514" y1="125.65681060957188"
+            y2="137.20095586929136" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="316.932966336476" x2="305.3888210767565" y1="125.65681060957188"
+            y2="137.20095586929136" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="572.932966336476" x2="561.3888210767565" y1="125.65681060957188"
+            y2="137.20095586929136" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="103.78310212459807" x2="35.08486945593138" y1="-2.328164446496814"
+            y2="66.37006822216988" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="103.78310212459807" x2="35.08486945593138" y1="-514.3281644464968"
+            y2="-445.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="359.7831021245981" x2="291.08486945593137" y1="-514.3281644464968"
+            y2="-445.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="615.783102124598" x2="547.0848694559314" y1="-514.3281644464968"
+            y2="-445.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="103.78310212459807" x2="35.08486945593138" y1="-258.3281644464968"
+            y2="-189.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="359.7831021245981" x2="291.08486945593137" y1="-258.3281644464968"
+            y2="-189.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="615.783102124598" x2="547.0848694559314" y1="-258.3281644464968"
+            y2="-189.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="103.78310212459807" x2="35.08486945593138" y1="-2.328164446496814"
+            y2="66.37006822216988" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="359.7831021245981" x2="291.08486945593137" y1="-2.328164446496814"
+            y2="66.37006822216988" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="615.783102124598" x2="547.0848694559314" y1="-2.328164446496814"
+            y2="66.37006822216988" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="103.78310212459807" x2="35.08486945593138" y1="253.67183555350317"
+            y2="322.3700682221699" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="211.69894364075495" x2="194.13528259328754" y1="166.21741462144607"
+            y2="183.78107566891347" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="211.69894364075495" x2="194.13528259328754" y1="-345.7825853785539"
+            y2="-328.21892433108655" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="467.6989436407549" x2="450.13528259328757" y1="-345.7825853785539"
+            y2="-328.21892433108655" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="723.6989436407549" x2="706.1352825932876" y1="-345.7825853785539"
+            y2="-328.21892433108655" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="211.69894364075495" x2="194.13528259328754" y1="-89.78258537855393"
+            y2="-72.21892433108653" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="467.6989436407549" x2="450.13528259328757" y1="-89.78258537855393"
+            y2="-72.21892433108653" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="723.6989436407549" x2="706.1352825932876" y1="-89.78258537855393"
+            y2="-72.21892433108653" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="211.69894364075495" x2="194.13528259328754" y1="166.21741462144607"
+            y2="183.78107566891347" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="467.6989436407549" x2="450.13528259328757" y1="166.21741462144607"
+            y2="183.78107566891347" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="723.6989436407549" x2="706.1352825932876" y1="166.21741462144607"
+            y2="183.78107566891347" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="44.012515207413756" x2="6.2920050630466875" y1="153.79537767995515"
+            y2="191.5158878243222" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="44.012515207413756" x2="6.2920050630466875" y1="-358.20462232004485"
+            y2="-320.4841121756778" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="300.01251520741374" x2="262.2920050630467" y1="-358.20462232004485"
+            y2="-320.4841121756778" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="556.0125152074138" x2="518.2920050630466" y1="-358.20462232004485"
+            y2="-320.4841121756778" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="44.012515207413756" x2="6.2920050630466875" y1="-102.20462232004485"
+            y2="-64.48411217567781" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="300.01251520741374" x2="262.2920050630467" y1="-102.20462232004485"
+            y2="-64.48411217567781" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="556.0125152074138" x2="518.2920050630466" y1="-102.20462232004485"
+            y2="-64.48411217567781" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="44.012515207413756" x2="6.2920050630466875" y1="153.79537767995515"
+            y2="191.5158878243222" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="300.01251520741374" x2="262.2920050630467" y1="153.79537767995515"
+            y2="191.5158878243222" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="556.0125152074138" x2="518.2920050630466" y1="153.79537767995515"
+            y2="191.5158878243222" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="105.49237048043514" x2="31.549625942354083" y1="123.41684480916788"
+            y2="197.35958934724894" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="105.49237048043514" x2="31.549625942354083" y1="-388.58315519083214"
+            y2="-314.64041065275103" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="361.49237048043517" x2="287.54962594235406" y1="-388.58315519083214"
+            y2="-314.64041065275103" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="617.4923704804352" x2="543.549625942354" y1="-388.58315519083214"
+            y2="-314.64041065275103" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="105.49237048043514" x2="31.549625942354083" y1="-132.58315519083212"
+            y2="-58.64041065275106" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="361.49237048043517" x2="287.54962594235406" y1="-132.58315519083212"
+            y2="-58.64041065275106" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="617.4923704804352" x2="543.549625942354" y1="-132.58315519083212"
+            y2="-58.64041065275106" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="105.49237048043514" x2="31.549625942354083" y1="123.41684480916788"
+            y2="197.35958934724894" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="361.49237048043517" x2="287.54962594235406" y1="123.41684480916788"
+            y2="197.35958934724894" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="617.4923704804352" x2="543.549625942354" y1="123.41684480916788"
+            y2="197.35958934724894" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <animateTransform attributeName="transform" type="translate" values="0 0;-256 256"
+            keyTimes="0;1" repeatCount="indefinite" dur="10s"></animateTransform>
+        </g>
+        <g>
+          <line x1="95.73622575770466" x2="50.085335235319484" y1="20.45659654328417"
+            y2="66.10748706566935" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="95.73622575770466" x2="50.085335235319484" y1="-491.54340345671585"
+            y2="-445.8925129343306" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="351.7362257577047" x2="306.08533523531946" y1="-491.54340345671585"
+            y2="-445.8925129343306" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="607.7362257577047" x2="562.0853352353195" y1="-491.54340345671585"
+            y2="-445.8925129343306" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="95.73622575770466" x2="50.085335235319484" y1="-235.54340345671582"
+            y2="-189.89251293433065" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="351.7362257577047" x2="306.08533523531946" y1="-235.54340345671582"
+            y2="-189.89251293433065" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="607.7362257577047" x2="562.0853352353195" y1="-235.54340345671582"
+            y2="-189.89251293433065" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="95.73622575770466" x2="50.085335235319484" y1="20.45659654328417"
+            y2="66.10748706566935" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="351.7362257577047" x2="306.08533523531946" y1="20.45659654328417"
+            y2="66.10748706566935" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="607.7362257577047" x2="562.0853352353195" y1="20.45659654328417"
+            y2="66.10748706566935" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="263.34308373797757" x2="226.59561736370148" y1="112.42933995479353"
+            y2="149.17680632906962" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="263.34308373797757" x2="226.59561736370148" y1="-399.57066004520647"
+            y2="-362.8231936709304" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="519.3430837379776" x2="482.5956173637015" y1="-399.57066004520647"
+            y2="-362.8231936709304" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="775.3430837379776" x2="738.5956173637014" y1="-399.57066004520647"
+            y2="-362.8231936709304" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="263.34308373797757" x2="226.59561736370148" y1="-143.57066004520647"
+            y2="-106.82319367093038" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="519.3430837379776" x2="482.5956173637015" y1="-143.57066004520647"
+            y2="-106.82319367093038" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="775.3430837379776" x2="738.5956173637014" y1="-143.57066004520647"
+            y2="-106.82319367093038" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="263.34308373797757" x2="226.59561736370148" y1="112.42933995479353"
+            y2="149.17680632906962" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="519.3430837379776" x2="482.5956173637015" y1="112.42933995479353"
+            y2="149.17680632906962" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="775.3430837379776" x2="738.5956173637014" y1="112.42933995479353"
+            y2="149.17680632906962" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="7.343083737977565" x2="-29.40438263629852" y1="112.42933995479353"
+            y2="149.17680632906962" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="29.5343611349199" x2="-26.261040392985034" y1="205.16777076655512"
+            y2="260.96317229446004" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="29.5343611349199" x2="-26.261040392985034" y1="-306.8322292334449"
+            y2="-251.03682770553996" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="285.5343611349199" x2="229.73895960701498" y1="-306.8322292334449"
+            y2="-251.03682770553996" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="541.5343611349199" x2="485.738959607015" y1="-306.8322292334449"
+            y2="-251.03682770553996" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="29.5343611349199" x2="-26.261040392985034" y1="-50.83222923344488"
+            y2="4.963172294460037" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="285.5343611349199" x2="229.73895960701498" y1="-50.83222923344488"
+            y2="4.963172294460037" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="541.5343611349199" x2="485.738959607015" y1="-50.83222923344488"
+            y2="4.963172294460037" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="29.5343611349199" x2="-26.261040392985034" y1="205.16777076655512"
+            y2="260.96317229446004" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="285.5343611349199" x2="229.73895960701498" y1="205.16777076655512"
+            y2="260.96317229446004" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="541.5343611349199" x2="485.738959607015" y1="205.16777076655512"
+            y2="260.96317229446004" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="235.025028503587" x2="173.48946106938683" y1="23.306929884424335"
+            y2="84.84249731862451" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="235.025028503587" x2="173.48946106938683" y1="-488.69307011557567"
+            y2="-427.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="491.025028503587" x2="429.48946106938683" y1="-488.69307011557567"
+            y2="-427.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="747.025028503587" x2="685.4894610693868" y1="-488.69307011557567"
+            y2="-427.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="235.025028503587" x2="173.48946106938683" y1="-232.69307011557567"
+            y2="-171.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="491.025028503587" x2="429.48946106938683" y1="-232.69307011557567"
+            y2="-171.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="747.025028503587" x2="685.4894610693868" y1="-232.69307011557567"
+            y2="-171.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="235.025028503587" x2="173.48946106938683" y1="23.306929884424335"
+            y2="84.84249731862451" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="491.025028503587" x2="429.48946106938683" y1="23.306929884424335"
+            y2="84.84249731862451" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="747.025028503587" x2="685.4894610693868" y1="23.306929884424335"
+            y2="84.84249731862451" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="225.00990918130768" x2="200.62370409686488" y1="210.1052181599721"
+            y2="234.4914232444149" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="225.00990918130768" x2="200.62370409686488" y1="-301.8947818400279"
+            y2="-277.50857675558507" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="481.00990918130765" x2="456.6237040968649" y1="-301.8947818400279"
+            y2="-277.50857675558507" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="737.0099091813076" x2="712.6237040968649" y1="-301.8947818400279"
+            y2="-277.50857675558507" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="225.00990918130768" x2="200.62370409686488" y1="-45.89478184002789"
+            y2="-21.508576755585096" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="481.00990918130765" x2="456.6237040968649" y1="-45.89478184002789"
+            y2="-21.508576755585096" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="737.0099091813076" x2="712.6237040968649" y1="-45.89478184002789"
+            y2="-21.508576755585096" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="225.00990918130768" x2="200.62370409686488" y1="210.1052181599721"
+            y2="234.4914232444149" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="481.00990918130765" x2="456.6237040968649" y1="210.1052181599721"
+            y2="234.4914232444149" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="737.0099091813076" x2="712.6237040968649" y1="210.1052181599721"
+            y2="234.4914232444149" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="171.55017713954658" x2="102.05334080042758" y1="78.55895711807653"
+            y2="148.05579345719553" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="171.55017713954658" x2="102.05334080042758" y1="-433.44104288192347"
+            y2="-363.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="427.5501771395466" x2="358.0533408004276" y1="-433.44104288192347"
+            y2="-363.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="683.5501771395466" x2="614.0533408004276" y1="-433.44104288192347"
+            y2="-363.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="171.55017713954658" x2="102.05334080042758" y1="-177.44104288192347"
+            y2="-107.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="427.5501771395466" x2="358.0533408004276" y1="-177.44104288192347"
+            y2="-107.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="683.5501771395466" x2="614.0533408004276" y1="-177.44104288192347"
+            y2="-107.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="171.55017713954658" x2="102.05334080042758" y1="78.55895711807653"
+            y2="148.05579345719553" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="427.5501771395466" x2="358.0533408004276" y1="78.55895711807653"
+            y2="148.05579345719553" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="683.5501771395466" x2="614.0533408004276" y1="78.55895711807653"
+            y2="148.05579345719553" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="258.4358284744095" x2="228.09906783279462" y1="10.646186924515469"
+            y2="40.98294756613034" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="258.4358284744095" x2="228.09906783279462" y1="-501.35381307548454"
+            y2="-471.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="514.4358284744095" x2="484.0990678327946" y1="-501.35381307548454"
+            y2="-471.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="770.4358284744095" x2="740.0990678327946" y1="-501.35381307548454"
+            y2="-471.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="258.4358284744095" x2="228.09906783279462" y1="-245.35381307548454"
+            y2="-215.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="514.4358284744095" x2="484.0990678327946" y1="-245.35381307548454"
+            y2="-215.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="770.4358284744095" x2="740.0990678327946" y1="-245.35381307548454"
+            y2="-215.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="258.4358284744095" x2="228.09906783279462" y1="10.646186924515469"
+            y2="40.98294756613034" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="514.4358284744095" x2="484.0990678327946" y1="10.646186924515469"
+            y2="40.98294756613034" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="770.4358284744095" x2="740.0990678327946" y1="10.646186924515469"
+            y2="40.98294756613034" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="2.4358284744095045" x2="-27.900932167205383" y1="10.646186924515469"
+            y2="40.98294756613034" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="35.41624886616098" x2="-5.966808810922494" y1="10.151780697595989"
+            y2="51.53483837467946" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="35.41624886616098" x2="-5.966808810922494" y1="-501.848219302404"
+            y2="-460.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="291.41624886616097" x2="250.0331911890775" y1="-501.848219302404"
+            y2="-460.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="547.416248866161" x2="506.0331911890775" y1="-501.848219302404"
+            y2="-460.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="35.41624886616098" x2="-5.966808810922494" y1="-245.848219302404"
+            y2="-204.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="291.41624886616097" x2="250.0331911890775" y1="-245.848219302404"
+            y2="-204.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="547.416248866161" x2="506.0331911890775" y1="-245.848219302404"
+            y2="-204.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="35.41624886616098" x2="-5.966808810922494" y1="10.151780697595989"
+            y2="51.53483837467946" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="291.41624886616097" x2="250.0331911890775" y1="10.151780697595989"
+            y2="51.53483837467946" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="547.416248866161" x2="506.0331911890775" y1="10.151780697595989"
+            y2="51.53483837467946" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="90.76285286976488" x2="72.92514980496989" y1="79.79001478147771"
+            y2="97.6277178462727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="90.76285286976488" x2="72.92514980496989" y1="-432.2099852185223"
+            y2="-414.37228215372727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="346.76285286976486" x2="328.9251498049699" y1="-432.2099852185223"
+            y2="-414.37228215372727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="602.7628528697649" x2="584.9251498049699" y1="-432.2099852185223"
+            y2="-414.37228215372727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="90.76285286976488" x2="72.92514980496989" y1="-176.2099852185223"
+            y2="-158.3722821537273" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="346.76285286976486" x2="328.9251498049699" y1="-176.2099852185223"
+            y2="-158.3722821537273" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="602.7628528697649" x2="584.9251498049699" y1="-176.2099852185223"
+            y2="-158.3722821537273" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="90.76285286976488" x2="72.92514980496989" y1="79.79001478147771"
+            y2="97.6277178462727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="346.76285286976486" x2="328.9251498049699" y1="79.79001478147771"
+            y2="97.6277178462727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="602.7628528697649" x2="584.9251498049699" y1="79.79001478147771"
+            y2="97.6277178462727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <animateTransform attributeName="transform" type="translate" values="0 0;-256 256"
+            keyTimes="0;1" repeatCount="indefinite" dur="5s"></animateTransform>
+        </g>
+        <g>
+          <line x1="93.6896305353637" x2="75.71575147590588" y1="83.83758835275793"
+            y2="101.81146741221576" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="93.6896305353637" x2="75.71575147590588" y1="-428.16241164724204"
+            y2="-410.18853258778427" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="349.6896305353637" x2="331.7157514759059" y1="-428.16241164724204"
+            y2="-410.18853258778427" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="605.6896305353637" x2="587.7157514759059" y1="-428.16241164724204"
+            y2="-410.18853258778427" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="93.6896305353637" x2="75.71575147590588" y1="-172.16241164724207"
+            y2="-154.18853258778424" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="349.6896305353637" x2="331.7157514759059" y1="-172.16241164724207"
+            y2="-154.18853258778424" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="605.6896305353637" x2="587.7157514759059" y1="-172.16241164724207"
+            y2="-154.18853258778424" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="93.6896305353637" x2="75.71575147590588" y1="83.83758835275793"
+            y2="101.81146741221576" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="349.6896305353637" x2="331.7157514759059" y1="83.83758835275793"
+            y2="101.81146741221576" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="605.6896305353637" x2="587.7157514759059" y1="83.83758835275793"
+            y2="101.81146741221576" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="207.24941141296466" x2="167.48134532138562" y1="234.55973050121918"
+            y2="274.3277965927982" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="207.24941141296466" x2="167.48134532138562" y1="-277.4402694987808"
+            y2="-237.67220340720178" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="463.24941141296466" x2="423.4813453213856" y1="-277.4402694987808"
+            y2="-237.67220340720178" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="719.2494114129647" x2="679.4813453213856" y1="-277.4402694987808"
+            y2="-237.67220340720178" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="207.24941141296466" x2="167.48134532138562" y1="-21.440269498780822"
+            y2="18.327796592798222" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="463.24941141296466" x2="423.4813453213856" y1="-21.440269498780822"
+            y2="18.327796592798222" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="719.2494114129647" x2="679.4813453213856" y1="-21.440269498780822"
+            y2="18.327796592798222" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="207.24941141296466" x2="167.48134532138562" y1="234.55973050121918"
+            y2="274.3277965927982" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="463.24941141296466" x2="423.4813453213856" y1="234.55973050121918"
+            y2="274.3277965927982" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="719.2494114129647" x2="679.4813453213856" y1="234.55973050121918"
+            y2="274.3277965927982" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="69.19671201083756" x2="20.15599089926107" y1="61.52941038272999"
+            y2="110.57013149430648" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="69.19671201083756" x2="20.15599089926107" y1="-450.47058961727"
+            y2="-401.42986850569355" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="325.1967120108376" x2="276.15599089926104" y1="-450.47058961727"
+            y2="-401.42986850569355" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="581.1967120108376" x2="532.155990899261" y1="-450.47058961727"
+            y2="-401.42986850569355" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="69.19671201083756" x2="20.15599089926107" y1="-194.47058961727"
+            y2="-145.42986850569352" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="325.1967120108376" x2="276.15599089926104" y1="-194.47058961727"
+            y2="-145.42986850569352" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="581.1967120108376" x2="532.155990899261" y1="-194.47058961727"
+            y2="-145.42986850569352" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="69.19671201083756" x2="20.15599089926107" y1="61.52941038272999"
+            y2="110.57013149430648" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="325.1967120108376" x2="276.15599089926104" y1="61.52941038272999"
+            y2="110.57013149430648" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="581.1967120108376" x2="532.155990899261" y1="61.52941038272999"
+            y2="110.57013149430648" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="153.36870174443493" x2="103.52218176454608" y1="129.93915864820679"
+            y2="179.78567862809564" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="153.36870174443493" x2="103.52218176454608" y1="-382.0608413517932"
+            y2="-332.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="409.36870174443493" x2="359.5221817645461" y1="-382.0608413517932"
+            y2="-332.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="665.3687017444349" x2="615.5221817645461" y1="-382.0608413517932"
+            y2="-332.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="153.36870174443493" x2="103.52218176454608" y1="-126.06084135179321"
+            y2="-76.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="409.36870174443493" x2="359.5221817645461" y1="-126.06084135179321"
+            y2="-76.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="665.3687017444349" x2="615.5221817645461" y1="-126.06084135179321"
+            y2="-76.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="153.36870174443493" x2="103.52218176454608" y1="129.93915864820679"
+            y2="179.78567862809564" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="409.36870174443493" x2="359.5221817645461" y1="129.93915864820679"
+            y2="179.78567862809564" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="665.3687017444349" x2="615.5221817645461" y1="129.93915864820679"
+            y2="179.78567862809564" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="49.20494471467643" x2="2.7142059537850685" y1="141.75997600855746"
+            y2="188.25071476944882" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="49.20494471467643" x2="2.7142059537850685" y1="-370.2400239914425"
+            y2="-323.7492852305512" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="305.20494471467646" x2="258.71420595378504" y1="-370.2400239914425"
+            y2="-323.7492852305512" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="561.2049447146765" x2="514.714205953785" y1="-370.2400239914425"
+            y2="-323.7492852305512" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="49.20494471467643" x2="2.7142059537850685" y1="-114.24002399144254"
+            y2="-67.74928523055118" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="305.20494471467646" x2="258.71420595378504" y1="-114.24002399144254"
+            y2="-67.74928523055118" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="561.2049447146765" x2="514.714205953785" y1="-114.24002399144254"
+            y2="-67.74928523055118" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="49.20494471467643" x2="2.7142059537850685" y1="141.75997600855746"
+            y2="188.25071476944882" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="305.20494471467646" x2="258.71420595378504" y1="141.75997600855746"
+            y2="188.25071476944882" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="561.2049447146765" x2="514.714205953785" y1="141.75997600855746"
+            y2="188.25071476944882" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="84.6808460539986" x2="32.68305955000314" y1="-7.711036017440037"
+            y2="44.28675048655542" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="84.6808460539986" x2="32.68305955000314" y1="-519.71103601744"
+            y2="-467.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="340.6808460539986" x2="288.6830595500031" y1="-519.71103601744"
+            y2="-467.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="596.6808460539986" x2="544.6830595500031" y1="-519.71103601744"
+            y2="-467.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="84.6808460539986" x2="32.68305955000314" y1="-263.71103601744005"
+            y2="-211.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="340.6808460539986" x2="288.6830595500031" y1="-263.71103601744005"
+            y2="-211.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="596.6808460539986" x2="544.6830595500031" y1="-263.71103601744005"
+            y2="-211.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="84.6808460539986" x2="32.68305955000314" y1="-7.711036017440037"
+            y2="44.28675048655542" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="340.6808460539986" x2="288.6830595500031" y1="-7.711036017440037"
+            y2="44.28675048655542" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="596.6808460539986" x2="544.6830595500031" y1="-7.711036017440037"
+            y2="44.28675048655542" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="84.6808460539986" x2="32.68305955000314" y1="248.28896398255995"
+            y2="300.28675048655543" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="225.38342310559023" x2="185.66602314192056" y1="109.68961591653738"
+            y2="149.40701588020704" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="225.38342310559023" x2="185.66602314192056" y1="-402.3103840834626"
+            y2="-362.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="481.3834231055902" x2="441.66602314192056" y1="-402.3103840834626"
+            y2="-362.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="737.3834231055903" x2="697.6660231419205" y1="-402.3103840834626"
+            y2="-362.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="225.38342310559023" x2="185.66602314192056" y1="-146.31038408346262"
+            y2="-106.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="481.3834231055902" x2="441.66602314192056" y1="-146.31038408346262"
+            y2="-106.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="737.3834231055903" x2="697.6660231419205" y1="-146.31038408346262"
+            y2="-106.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="225.38342310559023" x2="185.66602314192056" y1="109.68961591653738"
+            y2="149.40701588020704" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="481.3834231055902" x2="441.66602314192056" y1="109.68961591653738"
+            y2="149.40701588020704" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="737.3834231055903" x2="697.6660231419205" y1="109.68961591653738"
+            y2="149.40701588020704" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="172.83662370669697" x2="103.52581079778793" y1="164.45975635392284"
+            y2="233.77056926283188" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="172.83662370669697" x2="103.52581079778793" y1="-347.54024364607716"
+            y2="-278.2294307371681" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="428.83662370669697" x2="359.5258107977879" y1="-347.54024364607716"
+            y2="-278.2294307371681" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="684.836623706697" x2="615.5258107977879" y1="-347.54024364607716"
+            y2="-278.2294307371681" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="172.83662370669697" x2="103.52581079778793" y1="-91.54024364607716"
+            y2="-22.229430737168116" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="428.83662370669697" x2="359.5258107977879" y1="-91.54024364607716"
+            y2="-22.229430737168116" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="684.836623706697" x2="615.5258107977879" y1="-91.54024364607716"
+            y2="-22.229430737168116" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="172.83662370669697" x2="103.52581079778793" y1="164.45975635392284"
+            y2="233.77056926283188" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="428.83662370669697" x2="359.5258107977879" y1="164.45975635392284"
+            y2="233.77056926283188" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="684.836623706697" x2="615.5258107977879" y1="164.45975635392284"
+            y2="233.77056926283188" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="254.85435949520382" x2="240.10841684705935" y1="-1.209429949430282"
+            y2="13.536512698714214" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="254.85435949520382" x2="240.10841684705935" y1="-513.2094299494303"
+            y2="-498.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="510.8543594952038" x2="496.10841684705935" y1="-513.2094299494303"
+            y2="-498.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="766.8543594952039" x2="752.1084168470593" y1="-513.2094299494303"
+            y2="-498.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="254.85435949520382" x2="240.10841684705935" y1="-257.2094299494303"
+            y2="-242.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="510.8543594952038" x2="496.10841684705935" y1="-257.2094299494303"
+            y2="-242.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="766.8543594952039" x2="752.1084168470593" y1="-257.2094299494303"
+            y2="-242.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="254.85435949520382" x2="240.10841684705935" y1="-1.209429949430282"
+            y2="13.536512698714214" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="510.8543594952038" x2="496.10841684705935" y1="-1.209429949430282"
+            y2="13.536512698714214" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="766.8543594952039" x2="752.1084168470593" y1="-1.209429949430282"
+            y2="13.536512698714214" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="254.85435949520382" x2="240.10841684705935" y1="254.79057005056973"
+            y2="269.5365126987142" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <animateTransform attributeName="transform" type="translate" values="0 0;-256 256"
+            keyTimes="0;1" repeatCount="indefinite" dur="10.3333333333333335s"></animateTransform>
+        </g>
+      </g>
+    </pattern>
+  </defs>
+  <rect x="0" y="0" width="1084" height="322" fill="url(#pid-0.7735807359934106)"></rect>
+</svg>

exampleSite/content/docs/advanced-customisation/featured.svg

@@ -0,0 +1,146 @@
+<svg id="canvas" height="100%" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 600 600"><rect width="600" height="600" fill="transparent"></rect><mask id="mask" mask-type="alpha" maskUnits="userSpaceOnUse"><rect transform="translate(0, 0)" width="600" height="600" fill="white"></rect></mask><svg><path transform="translate(0, 0 translate(30,30) rotate(180) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#03045e"></path></svg><svg><path transform="translate(0, 3600 translate(30,30) rotate(270) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#90e0ef"></path></svg><svg><path transform="
+    translate(0, 120)
+    " d="M0 0h60v60H0z" fill="
+    #90e0ef"></path></svg><svg><path transform="translate(0, 10800 translate(30,30) rotate(270) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#00b4d8"></path></svg><svg><path transform="translate(0,240) translate(30,30) rotate(270) translate(-30,-30)" fill="#ade8f4" d="M60 0v60H0V0z"></path><path transform="translate(0,240) translate(30,30) rotate(270) translate(-30,-30)" fill="#03045e" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path></svg><svg><path transform="translate(0, 300) translate(30,30) rotate(180) translate(-30,-30)" fill="#023e8a" d="M0 0h60v60H0z"></path><circle cx="30" cy="30" r="30" transform="translate(0, 300) translate(30,30) rotate(180) translate(-30,-30)" fill="#caf0f8"></circle></svg><svg><path transform="translate(0,360) translate(30,30) rotate(90) translate(-30,-30)" fill="#0096c7" d="M60 0v60H0V0z"></path><path transform="translate(0,360) translate(30,30) rotate(90) translate(-30,-30)" fill="#caf0f8" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path></svg><svg><path transform="translate(0, 25200 translate(30,30) rotate(270) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#00b4d8"></path></svg><svg><circle cx="30" cy="30" r="30" transform="
+    translate(0, 480)
+    " fill="
+    #0077b6
+    "></circle></svg><svg><circle cx="30" cy="30" r="30" transform="
+    translate(0, 540)
+    " fill="
+    #90e0ef
+    "></circle></svg><svg><path transform="translate(3600, 0 translate(30,30) rotate(0) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#ade8f4"></path></svg><svg><path transform="
+    translate(60, 60)
+    " d="M0 0h60v60H0z" fill="
+    #48cae4"></path></svg><svg><path transform="
+    translate(60, 120)
+    " d="M0 0h60v60H0z" fill="
+    #90e0ef"></path></svg><svg><path transform="translate(3600, 10800 translate(30,30) rotate(0) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#023e8a"></path></svg><svg><path transform="translate(3600, 14400 translate(30,30) rotate(180) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#03045e"></path></svg><svg><path transform="
+    translate(60, 300)
+    " d="M0 0h60v60H0z" fill="
+    #00b4d8"></path></svg><svg><circle cx="30" cy="30" r="30" transform="
+    translate(60, 360)
+    " fill="
+    #03045e
+    "></circle></svg><svg><path transform="translate(60,420) translate(30,30) rotate(90) translate(-30,-30)" fill="#90e0ef" d="M60 0v60H0V0z"></path><path transform="translate(60,420) translate(30,30) rotate(90) translate(-30,-30)" fill="#00b4d8" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path></svg><svg><path transform="translate(60,480) translate(30,30) rotate(90) translate(-30,-30)" fill="#0096c7" d="M60 0v60H0V0z"></path><path transform="translate(60,480) translate(30,30) rotate(90) translate(-30,-30)" fill="#0096c7" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path></svg><svg><path transform="translate(3600, 32400 translate(30,30) rotate(180) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#03045e"></path></svg><svg><circle cx="30" cy="30" r="30" transform="
+    translate(120, 0)
+    " fill="
+    #00b4d8
+    "></circle></svg><svg><path transform="translate(120,60) translate(30,30) rotate(180) translate(-30,-30)" fill="#caf0f8" d="M60 0v60H0V0z"></path><path transform="translate(120,60) translate(30,30) rotate(180) translate(-30,-30)" fill="#90e0ef" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path></svg><svg><circle cx="30" cy="30" r="30" transform="
+    translate(120, 120)
+    " fill="
+    #00b4d8
+    "></circle></svg><svg><path transform="translate(120, 180) translate(30,30) rotate(180) translate(-30,-30)" fill="#48cae4" d="M0 0h60v60H0z"></path><circle cx="30" cy="30" r="30" transform="translate(120, 180) translate(30,30) rotate(180) translate(-30,-30)" fill="#023e8a"></circle></svg><svg><path transform="translate(120, 240) translate(30,30) rotate(180) translate(-30,-30)" fill="#03045e" d="M0 0h60v60H0z"></path><circle cx="30" cy="30" r="30" transform="translate(120, 240) translate(30,30) rotate(180) translate(-30,-30)" fill="#00b4d8"></circle></svg><svg><path transform="translate(7200, 18000 translate(30,30) rotate(270) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#90e0ef"></path></svg><svg><path transform="translate(7200, 21600 translate(30,30) rotate(90) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#023e8a"></path></svg><svg><circle cx="30" cy="30" r="30" transform="
+    translate(120, 420)
+    " fill="
+    #023e8a
+    "></circle></svg><svg><path transform="
+    translate(120, 480)
+    " d="M0 0h60v60H0z" fill="
+    #48cae4"></path></svg><svg><circle cx="30" cy="30" r="30" transform="
+    translate(120, 540)
+    " fill="
+    #00b4d8
+    "></circle></svg><svg><path transform="translate(10800, 0 translate(30,30) rotate(0) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#00b4d8"></path></svg><svg><path transform="
+    translate(180, 60)
+    " d="M0 0h60v60H0z" fill="
+    #023e8a"></path></svg><svg><path transform="translate(180,120) translate(30,30) rotate(90) translate(-30,-30)" fill="#ade8f4" d="M60 0v60H0V0z"></path><path transform="translate(180,120) translate(30,30) rotate(90) translate(-30,-30)" fill="#00b4d8" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path></svg><svg><path transform="
+    translate(180, 180)
+    " d="M0 0h60v60H0z" fill="
+    #0096c7"></path></svg><svg><circle cx="30" cy="30" r="30" transform="
+    translate(180, 240)
+    " fill="
+    #90e0ef
+    "></circle></svg><svg><path transform="translate(180,300) translate(30,30) rotate(0) translate(-30,-30)" fill="#0096c7" d="M60 0v60H0V0z"></path><path transform="translate(180,300) translate(30,30) rotate(0) translate(-30,-30)" fill="#023e8a" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path></svg><svg><path transform="
+    translate(180, 360)
+    " d="M0 0h60v60H0z" fill="
+    #00b4d8"></path></svg><svg><path transform="
+    translate(180, 420)
+    " d="M0 0h60v60H0z" fill="
+    #90e0ef"></path></svg><svg><path transform="
+    translate(180, 480)
+    " d="M0 0h60v60H0z" fill="
+    #0077b6"></path></svg><svg><path transform="translate(10800, 32400 translate(30,30) rotate(0) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#ade8f4"></path></svg><svg><path transform="translate(14400, 0 translate(30,30) rotate(180) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#0077b6"></path></svg><svg><path transform="translate(240, 60) translate(30,30) rotate(180) translate(-30,-30)" fill="#0096c7" d="M0 0h60v60H0z"></path><circle cx="30" cy="30" r="30" transform="translate(240, 60) translate(30,30) rotate(180) translate(-30,-30)" fill="#023e8a"></circle></svg><svg><path transform="
+    translate(240, 120)
+    " d="M0 0h60v60H0z" fill="
+    #0096c7"></path></svg><svg><path transform="
+    translate(240, 180)
+    " d="M0 0h60v60H0z" fill="
+    #00b4d8"></path></svg><svg><path transform="translate(14400, 14400 translate(30,30) rotate(0) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#caf0f8"></path></svg><svg><path transform="
+    translate(240, 300)
+    " d="M0 0h60v60H0z" fill="
+    #0096c7"></path></svg><svg><path transform="translate(240, 360) translate(30,30) rotate(270) translate(-30,-30)" fill="#0077b6" d="M0 0h60v60H0z"></path><circle cx="30" cy="30" r="30" transform="translate(240, 360) translate(30,30) rotate(270) translate(-30,-30)" fill="#ade8f4"></circle></svg><svg><path transform="translate(240,420) translate(30,30) rotate(270) translate(-30,-30)" fill="#023e8a" d="M60 0v60H0V0z"></path><path transform="translate(240,420) translate(30,30) rotate(270) translate(-30,-30)" fill="#00b4d8" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path></svg><svg><path transform="translate(240,480) translate(30,30) rotate(180) translate(-30,-30)" fill="#48cae4" d="M60 0v60H0V0z"></path><path transform="translate(240,480) translate(30,30) rotate(180) translate(-30,-30)" fill="#0096c7" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path></svg><svg><circle cx="30" cy="30" r="30" transform="
+    translate(240, 540)
+    " fill="
+    #90e0ef
+    "></circle></svg><svg><path transform="translate(18000, 0 translate(30,30) rotate(270) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#0077b6"></path></svg><svg><path transform="
+    translate(300, 60)
+    " d="M0 0h60v60H0z" fill="
+    #023e8a"></path></svg><svg><path transform="translate(18000, 7200 translate(30,30) rotate(90) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#ade8f4"></path></svg><svg><path transform="
+    translate(300, 180)
+    " d="M0 0h60v60H0z" fill="
+    #caf0f8"></path></svg><svg><path transform="translate(300,240) translate(30,30) rotate(270) translate(-30,-30)" fill="#0096c7" d="M60 0v60H0V0z"></path><path transform="translate(300,240) translate(30,30) rotate(270) translate(-30,-30)" fill="#0096c7" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path></svg><svg><path transform="
+    translate(300, 300)
+    " d="M0 0h60v60H0z" fill="
+    #03045e"></path></svg><svg><path transform="translate(18000, 21600 translate(30,30) rotate(0) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#48cae4"></path></svg><svg><path transform="
+    translate(300, 420)
+    " d="M0 0h60v60H0z" fill="
+    #90e0ef"></path></svg><svg><path transform="translate(18000, 28800 translate(30,30) rotate(90) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#023e8a"></path></svg><svg><path transform="translate(300,540) translate(30,30) rotate(0) translate(-30,-30)" fill="#48cae4" d="M60 0v60H0V0z"></path><path transform="translate(300,540) translate(30,30) rotate(0) translate(-30,-30)" fill="#90e0ef" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path></svg><svg><path transform="translate(360,0) translate(30,30) rotate(270) translate(-30,-30)" fill="#0077b6" d="M60 0v60H0V0z"></path><path transform="translate(360,0) translate(30,30) rotate(270) translate(-30,-30)" fill="#90e0ef" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path></svg><svg><circle cx="30" cy="30" r="30" transform="
+    translate(360, 60)
+    " fill="
+    #caf0f8
+    "></circle></svg><svg><path transform="translate(360,120) translate(30,30) rotate(180) translate(-30,-30)" fill="#caf0f8" d="M60 0v60H0V0z"></path><path transform="translate(360,120) translate(30,30) rotate(180) translate(-30,-30)" fill="#0096c7" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path></svg><svg><path transform="
+    translate(360, 180)
+    " d="M0 0h60v60H0z" fill="
+    #0077b6"></path></svg><svg><path transform="translate(360,240) translate(30,30) rotate(270) translate(-30,-30)" fill="#00b4d8" d="M60 0v60H0V0z"></path><path transform="translate(360,240) translate(30,30) rotate(270) translate(-30,-30)" fill="#00b4d8" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path></svg><svg><path transform="translate(360, 300) translate(30,30) rotate(180) translate(-30,-30)" fill="#0096c7" d="M0 0h60v60H0z"></path><circle cx="30" cy="30" r="30" transform="translate(360, 300) translate(30,30) rotate(180) translate(-30,-30)" fill="#023e8a"></circle></svg><svg><path transform="
+    translate(360, 360)
+    " d="M0 0h60v60H0z" fill="
+    #ade8f4"></path></svg><svg><path transform="translate(360,420) translate(30,30) rotate(90) translate(-30,-30)" fill="#0096c7" d="M60 0v60H0V0z"></path><path transform="translate(360,420) translate(30,30) rotate(90) translate(-30,-30)" fill="#0096c7" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path></svg><svg><circle cx="30" cy="30" r="30" transform="
+    translate(360, 480)
+    " fill="
+    #ade8f4
+    "></circle></svg><svg><circle cx="30" cy="30" r="30" transform="
+    translate(360, 540)
+    " fill="
+    #ade8f4
+    "></circle></svg><svg><path transform="translate(420,0) translate(30,30) rotate(270) translate(-30,-30)" fill="#023e8a" d="M60 0v60H0V0z"></path><path transform="translate(420,0) translate(30,30) rotate(270) translate(-30,-30)" fill="#0096c7" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path></svg><svg><path transform="translate(25200, 3600 translate(30,30) rotate(0) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#0096c7"></path></svg><svg><path transform="
+    translate(420, 120)
+    " d="M0 0h60v60H0z" fill="
+    #48cae4"></path></svg><svg><path transform="translate(420,180) translate(30,30) rotate(90) translate(-30,-30)" fill="#0077b6" d="M60 0v60H0V0z"></path><path transform="translate(420,180) translate(30,30) rotate(90) translate(-30,-30)" fill="#023e8a" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path></svg><svg><path transform="translate(25200, 14400 translate(30,30) rotate(270) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#48cae4"></path></svg><svg><path transform="translate(420,300) translate(30,30) rotate(180) translate(-30,-30)" fill="#00b4d8" d="M60 0v60H0V0z"></path><path transform="translate(420,300) translate(30,30) rotate(180) translate(-30,-30)" fill="#48cae4" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path></svg><svg><path transform="translate(25200, 21600 translate(30,30) rotate(180) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#023e8a"></path></svg><svg><circle cx="30" cy="30" r="30" transform="
+    translate(420, 420)
+    " fill="
+    #023e8a
+    "></circle></svg><svg><path transform="translate(420,480) translate(30,30) rotate(90) translate(-30,-30)" fill="#ade8f4" d="M60 0v60H0V0z"></path><path transform="translate(420,480) translate(30,30) rotate(90) translate(-30,-30)" fill="#caf0f8" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path></svg><svg><path transform="
+    translate(420, 540)
+    " d="M0 0h60v60H0z" fill="
+    #ade8f4"></path></svg><svg><circle cx="30" cy="30" r="30" transform="
+    translate(480, 0)
+    " fill="
+    #03045e
+    "></circle></svg><svg><path transform="
+    translate(480, 60)
+    " d="M0 0h60v60H0z" fill="
+    #023e8a"></path></svg><svg><path transform="translate(28800, 7200 translate(30,30) rotate(270) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#00b4d8"></path></svg><svg><path transform="translate(480,180) translate(30,30) rotate(90) translate(-30,-30)" fill="#48cae4" d="M60 0v60H0V0z"></path><path transform="translate(480,180) translate(30,30) rotate(90) translate(-30,-30)" fill="#ade8f4" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path></svg><svg><path transform="
+    translate(480, 240)
+    " d="M0 0h60v60H0z" fill="
+    #48cae4"></path></svg><svg><path transform="
+    translate(480, 300)
+    " d="M0 0h60v60H0z" fill="
+    #90e0ef"></path></svg><svg><path transform="translate(480, 360) translate(30,30) rotate(270) translate(-30,-30)" fill="#ade8f4" d="M0 0h60v60H0z"></path><circle cx="30" cy="30" r="30" transform="translate(480, 360) translate(30,30) rotate(270) translate(-30,-30)" fill="#03045e"></circle></svg><svg><path transform="translate(480,420) translate(30,30) rotate(180) translate(-30,-30)" fill="#90e0ef" d="M60 0v60H0V0z"></path><path transform="translate(480,420) translate(30,30) rotate(180) translate(-30,-30)" fill="#caf0f8" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path></svg><svg><circle cx="30" cy="30" r="30" transform="
+    translate(480, 480)
+    " fill="
+    #03045e
+    "></circle></svg><svg><path transform="translate(28800, 32400 translate(30,30) rotate(90) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#00b4d8"></path></svg><svg><path transform="translate(540,0) translate(30,30) rotate(270) translate(-30,-30)" fill="#90e0ef" d="M60 0v60H0V0z"></path><path transform="translate(540,0) translate(30,30) rotate(270) translate(-30,-30)" fill="#023e8a" d="M60 0v60H0C0 26.863 26.863 0 60 0z"></path></svg><svg><path transform="translate(540, 60) translate(30,30) rotate(270) translate(-30,-30)" fill="#0077b6" d="M0 0h60v60H0z"></path><circle cx="30" cy="30" r="30" transform="translate(540, 60) translate(30,30) rotate(270) translate(-30,-30)" fill="#0077b6"></circle></svg><svg><path transform="translate(540, 120) translate(30,30) rotate(90) translate(-30,-30)" fill="#90e0ef" d="M0 0h60v60H0z"></path><circle cx="30" cy="30" r="30" transform="translate(540, 120) translate(30,30) rotate(90) translate(-30,-30)" fill="#0096c7"></circle></svg><svg><path transform="translate(32400, 10800 translate(30,30) rotate(0) translate(-30,-30)" d="M0 60C33.1371 60 60 33.1371 60 5.24537e-06L5.24537e-06 0L0 60Z" fill="#90e0ef"></path></svg><svg><path transform="translate(540, 240) translate(30,30) rotate(90) translate(-30,-30)" fill="#0096c7" d="M0 0h60v60H0z"></path><circle cx="30" cy="30" r="30" transform="translate(540, 240) translate(30,30) rotate(90) translate(-30,-30)" fill="#0077b6"></circle></svg><svg><path transform="
+    translate(540, 300)
+    " d="M0 0h60v60H0z" fill="
+    #023e8a"></path></svg><svg><path transform="translate(540, 360) translate(30,30) rotate(0) translate(-30,-30)" fill="#00b4d8" d="M0 0h60v60H0z"></path><circle cx="30" cy="30" r="30" transform="translate(540, 360) translate(30,30) rotate(0) translate(-30,-30)" fill="#00b4d8"></circle></svg><svg><path transform="
+    translate(540, 420)
+    " d="M0 0h60v60H0z" fill="
+    #0077b6"></path></svg><svg><path transform="
+    translate(540, 480)
+    " d="M0 0h60v60H0z" fill="
+    #48cae4"></path></svg><svg><circle cx="30" cy="30" r="30" transform="
+    translate(540, 540)
+    " fill="
+    #0096c7
+    "></circle></svg></svg>

exampleSite/content/docs/advanced-customisation/index.it.md

@@ -0,0 +1,235 @@
+---
+title: "Advanced Customisation"
+weight: 13
+draft: false
+description: "Learn how to build Blowfish manually."
+slug: "advanced-customisation"
+tags: ["advanced", "css", "docs"]
+series: ["Documentation"]
+series_order: 13
+---
+
+There are many ways you can make advanced changes to Blowfish. Read below to learn more about what can be customised and the best way of achieving your desired result.
+
+If you need further advice, post your questions on [GitHub Discussions](https://github.com/nunocoracao/blowfish/discussions).
+
+## Hugo project structure
+
+Before leaping into it, first a quick note about [Hugo project structure](https://gohugo.io/getting-started/directory-structure/) and best practices for managing your content and theme customisations.
+
+{{< alert >}}
+**In summary:** Never directly edit the theme files. Only make customisations in your Hugo project's sub-directories, not in the themes directory itself.
+{{< /alert >}}
+
+Blowfish is built to take advantage of all the standard Hugo practices. It is designed to allow all aspects of the theme to be customised and overridden without changing any of the core theme files. This allows for a seamless upgrade experience while giving you total control over the look and feel of your website.
+
+In order to achieve this, you should never manually adjust any of the theme files directly. Whether you install using Hugo modules, as a git submodule or manually include the theme in your `themes/` directory, you should always leave these files intact.
+
+The correct way to adjust any theme behaviour is by overriding files using Hugo's powerful [file lookup order](https://gohugo.io/templates/lookup-order/). In summary, the lookup order ensures any files you include in your project directory will automatically take precedence over any theme files.
+
+For example, if you wanted to override the main article template in Blowfish, you can simply create your own `layouts/_default/single.html` file and place it in the root of your project. This file will then override the `single.html` from the theme without ever changing the theme itself. This works for any theme files - HTML templates, partials, shortcodes, config files, data, assets, etc.
+
+As long as you follow this simple practice, you will always be able to update the theme (or test different theme versions) without worrying that you will lose any of your custom changes.
+
+## Change image optimization settings
+
+Hugo has various builtin methods to resize, crop and optimize images.
+
+As an example - in `layouts/partials/article-link/card.html`, you have the following code:
+
+```go
+{{ with .Resize "600x" }}
+<div class="w-full thumbnail_card nozoom" style="background-image:url({{ .RelPermalink }});"></div>
+{{ end }}
+```
+
+The default behavior of Hugo here is to resize the image to 600px keeping the ratio.
+
+It is worth noting here that default image configurations such as [anchor point](https://gohugo.io/content-management/image-processing/#anchor) can also be set in your [site configuration](https://gohugo.io/content-management/image-processing/#processing-options) as well as in the template itself.
+
+See the [Hugo docs on image processing](https://gohugo.io/content-management/image-processing/#image-processing-methods) for more info.
+
+## Colour schemes
+
+Blowfish ships with a number of colour schemes out of the box. To change the basic colour scheme, you can set the `colorScheme` theme parameter. Refer to the [Getting Started]({{< ref "getting-started#colour-schemes" >}}) section to learn more about the built-in schemes.
+
+In addition to the default schemes, you can also create your own and re-style the entire website to your liking. Schemes are created by by placing a `<scheme-name>.css` file in the `assets/css/schemes/` folder. Once the file is created, simply refer to it by name in the theme configuration.
+
+{{< alert "github">}}
+**Note:** generating these files manually can be hard, I've built a `nodejs` terminal tool to help with that, [Fugu](https://github.com/nunocoracao/fugu). In a nutshell, you pass the main three `hex` values of your color palette and the program will output a css file that can be imported directly into Blowfish.
+{{< /alert >}}
+
+
+Blowfish defines a three-colour palette that is used throughout the theme. The three colours are defined as `neutral`, `primary` and `secondary` variants, each containing ten shades of colour.
+
+Due to the way Tailwind CSS 3.0 calculates colour values with opacity, the colours specified in the scheme need to [conform to a particular format](https://github.com/adamwathan/tailwind-css-variable-text-opacity-demo) by providing the red, green and blue colour values.
+
+```css
+:root {
+  --color-primary-500: 139, 92, 246;
+}
+```
+
+This example defines a CSS variable for the `primary-500` colour with a red value of `139`, green value of `92` and blue value of `246`.
+
+Use one of the existing theme stylesheets as a template. You are free to define your own colours, but for some inspiration, check out the official [Tailwind colour palette reference](https://tailwindcss.com/docs/customizing-colors#color-palette-reference).
+
+## Overriding the stylesheet
+
+Sometimes you need to add a custom style to style your own HTML elements. Blowfish provides for this scenario by allowing you to override the default styles in your own CSS stylesheet. Simply create a `custom.css` file in your project's `assets/css/` folder.
+
+The `custom.css` file will be minified by Hugo and loaded automatically after all the other theme styles which means anything in your custom file will take precedence over the defaults.
+
+### Using additional fonts
+
+Blowfish allows you to easily change the font for your site. After creating a `custom.css` file in your project's `assets/css/` folder, place you font file inside a `fonts` folder within the `static` root folder.
+
+```shell
+.
+├── assets
+│   └── css
+│       └── custom.css
+...
+└─── static
+    └── fonts
+        └─── font.ttf
+
+```
+
+This makes the font available to the website. Now, the font can just import it in your `custom.css` and replaced wherever you see fit. The example below shows what replacing the font for the entire `html` would look like.
+
+```css
+@font-face {
+    font-family: font;
+    src: url('/fonts/font.ttf');
+}
+
+html {
+    font-family: font;
+}
+```
+
+### Adjusting the font size
+
+Changing the font size of your website is one example of overriding the default stylesheet. Blowfish makes this simple as it uses scaled font sizes throughout the theme which are derived from the base HTML font size. By default, Tailwind sets the default size to `12pt`, but it can be changed to whatever value you prefer.
+
+Create a `custom.css` file using the [instructions above]({{< ref "#overriding-the-stylesheet" >}}) and add the following CSS declaration:
+
+```css
+/* Increase the default font size */
+html {
+  font-size: 13pt;
+}
+```
+
+Simply by changing this one value, all the font sizes on your website will be adjusted to match this new size. Therefore, to increase the overall font sizes used, make the value greater than `12pt`. Similarly, to decrease the font sizes, make the value less than `12pt`.
+
+## Building the theme CSS from source
+
+If you'd like to make a major change, you can take advantage of Tailwind CSS's JIT compiler and rebuild the entire theme CSS from scratch. This is useful if you want to adjust the Tailwind configuration or add extra Tailwind classes to the main stylesheet.
+
+{{< alert >}}
+**Note:** Building the theme manually is intended for advanced users.
+{{< /alert >}}
+
+Let's step through how building the Tailwind CSS works.
+
+### Tailwind configuration
+
+In order to generate a CSS file that only contains the Tailwind classes that are actually being used the JIT compiler needs to scan through all the HTML templates and Markdown content files to check which styles are present in the markup. The compiler does this by looking at the `tailwind.config.js` file which is included in the root of the theme directory:
+
+```js
+// themes/blowfish/tailwind.config.js
+
+module.exports = {
+  content: [
+    "./layouts/**/*.html",
+    "./content/**/*.{html,md}",
+    "./themes/blowfish/layouts/**/*.html",
+    "./themes/blowfish/content/**/*.{html,md}",
+  ],
+
+  // and more...
+};
+```
+
+This default configuration has been included with these content paths so that you can easily generate your own CSS file without needing to modify it, provided you follow a particular project structure. Namely, **you have to include Blowfish in your project as a subdirectory at `themes/blowfish/`**. This means you cannot easily use Hugo Modules to install the theme and you must go down either the git submodule (recommended) or manual install routes. The [Installation docs]({{< ref "installation" >}}) explain how to install the theme using either of these methods.
+
+### Project structure
+
+In order to take advantage of the default configuration, your project should look something like this...
+
+```shell
+.
+├── assets
+│   └── css
+│       └── compiled
+│           └── main.css  # this is the file we will generate
+├── config  # site config
+│   └── _default
+├── content  # site content
+│   ├── _index.md
+│   ├── projects
+│   │   └── _index.md
+│   └── blog
+│       └── _index.md
+├── layouts  # custom layouts for your site
+│   ├── partials
+│   │   └── extend-article-link/simple.html
+│   ├── projects
+│   │   └── list.html
+│   └── shortcodes
+│       └── disclaimer.html
+└── themes
+    └── blowfish  # git submodule or manual theme install
+```
+
+This example structure adds a new `projects` content type with its own custom layout along with a custom shortcode and extended partial. Provided the project follows this structure, all that's required is to recompile the `main.css` file.
+
+### Install dependencies
+
+In order for this to work you'll need to change into the `themes/blowfish/` directory and install the project dependencies. You'll need [npm](https://docs.npmjs.com/cli/v7/configuring-npm/install) on your local machine for this step.
+
+```shell
+cd themes/blowfish
+npm install
+```
+
+### Run the Tailwind compiler
+
+With the dependencies installed all that's left is to use [Tailwind CLI](https://v2.tailwindcss.com/docs/installation#using-tailwind-cli) to invoke the JIT compiler. Navigate back to the root of your Hugo project and issue the following command:
+
+```shell
+cd ../..
+./themes/blowfish/node_modules/tailwindcss/lib/cli.js -c ./themes/blowfish/tailwind.config.js -i ./themes/blowfish/assets/css/main.css -o ./assets/css/compiled/main.css --jit
+```
+
+It's a bit of an ugly command due to the paths involved but essentially you're calling Tailwind CLI and passing it the location of the Tailwind config file (the one we looked at above), where to find the theme's `main.css` file and then where you want the compiled CSS file to be placed (it's going into the `assets/css/compiled/` folder of your Hugo project).
+
+The config file will automatically inspect all the content and layouts in your project as well as all those in the theme and build a new CSS file that contains all the CSS required for your website. Due to the way Hugo handles file hierarchy, this file in your project will now automatically override the one that comes with the theme.
+
+Each time you make a change to your layouts and need new Tailwind CSS styles, you can simply re-run the command and generate the new CSS file. You can also add `-w` to the end of the command to run the JIT compiler in watch mode.
+
+### Make a build script
+
+To fully complete this solution, you can simplify this whole process by adding aliases for these commands, or do what I do and add a `package.json` to the root of your project which contains the necessary scripts...
+
+```js
+// package.json
+
+{
+  "name": "my-website",
+  "version": "1.0.0",
+  "description": "",
+  "scripts": {
+    "server": "hugo server -b http://localhost -p 8000",
+    "dev": "NODE_ENV=development ./themes/blowfish/node_modules/tailwindcss/lib/cli.js -c ./themes/blowfish/tailwind.config.js -i ./themes/blowfish/assets/css/main.css -o ./assets/css/compiled/main.css --jit -w",
+    "build": "NODE_ENV=production ./themes/blowfish/node_modules/tailwindcss/lib/cli.js -c ./themes/blowfish/tailwind.config.js -i ./themes/blowfish/assets/css/main.css -o ./assets/css/compiled/main.css --jit"
+  },
+  // and more...
+}
+```
+
+Now when you want to work on designing your site, you can invoke `npm run dev` and the compiler will run in watch mode. When you're ready to deploy, run `npm run build` and you'll get a clean Tailwind CSS build.
+
+🙋‍♀️ If you need help, feel free to ask a question on [GitHub Discussions](https://github.com/nunocoracao/blowfish/discussions).

exampleSite/content/docs/advanced-customisation/index.ja.md

@@ -0,0 +1,236 @@
+---
+title: "高度なカスタマイズ"
+weight: 13
+draft: false
+description: "Blowfishを手動でビルドする方法を学びましょう。"
+slug: "advanced-customisation"
+tags: ["advanced", "css", "docs"]
+series: ["Documentation"]
+series_order: 13
+---
+
+Blowfish には高度な変更を加えるための多くの方法があります。カスタマイズできる内容や、希望する結果を得るための最良の方法については、以下をご覧ください。
+
+さらにアドバイスが必要な場合は、 [GitHub Discussions](https://github.com/nunocoracao/blowfish/discussions) に質問を投稿してください。
+
+## Hugo プロジェクトの構造
+
+始める前に、[Hugo プロジェクトの構造](https://gohugo.io/getting-started/directory-structure/)と、コンテンツとテーマのカスタマイズを管理するためのベストプラクティスについて簡単に説明します。
+
+{{< alert >}}
+**簡単に言うと:** テーマファイルを直接編集してはいけません。カスタマイズは、テーマディレクトリ自体ではなく、Hugoプロジェクトのサブディレクトリ内でのみ行います。
+{{< /alert >}}
+
+
+Blowfish は、Hugo の標準的な実装をすべて活用できるように構築されています。コアのテーマファイルを変更することなく、テーマのあらゆる側面をカスタマイズしたりオーバーライドしたりできるように設計されています。これにより、ウェブサイトの見た目を完全にコントロールしながら、シームレスな改善が可能になります。
+
+そのために、テーマファイルを手動で直接編集するのは避けてください。Hugo モジュール、git サブモジュール、または手動でテーマを `themes/` ディレクトリに格納するなど、どのインストール方法を使用する場合でも、これらのファイルは常にそのままにしておく必要があります。
+
+テーマの動作を調整する正しい方法は、Hugo の強力な[ファイル優先順位](https://gohugo.io/templates/lookup-order/)を使用してファイルをオーバーライドすることです。要約すると、優先順位により、プロジェクトディレクトリに含めたファイルは、すべてのテーマファイルよりも自動的に優先されます。
+
+たとえば、Blowfish のメイン記事テンプレートをオーバーライドしたい場合は、独自の `layouts/_default/single.html` ファイルを作成してプロジェクトのルートに配置するだけです。このファイルは、テーマ自体を変更することなく、テーマの `single.html` をオーバーライドします。これは、HTML テンプレート、パーシャル、ショートコード、設定ファイル、データ、アセットなど、すべてのテーマファイルで機能します。
+
+この簡単なプラクティスに従う限り、カスタム変更が失われることを心配することなく、いつでもテーマを更新したり（または異なるテーマバージョンをテストしたり）することができます。
+
+## 画像最適化設定の変更
+
+Hugo には、画像のサイズ変更、トリミング、最適化を行うためのさまざまな組み込みメソッドがあります。
+
+例として - `layouts/partials/article-link/card.html` には、次のコードがあります。
+
+```go
+{{ with .Resize "600x" }}
+<div class="w-full thumbnail_card nozoom" style="background-image:url({{ .RelPermalink }});"></div>
+{{ end }}
+```
+
+ここでの Hugo のデフォルトの動作は、比率を維持しながら画像のサイズを 600px に変更することです。
+
+ここで、[アンカーポイント](https://gohugo.io/content-management/image-processing/#anchor)のようなデフォルトの画像設定は、テンプレート自体だけでなく、[サイト設定](https://gohugo.io/content-management/image-processing/#processing-options)でも設定できることに注意してください。
+
+詳細については、[画像処理に関する Hugo ドキュメント](https://gohugo.io/content-management/image-processing/#image-processing-methods)を参照してください。
+
+## カラースキーム
+
+Blowfish には、すぐに使用できる多数のカラースキームが付属しています。基本的なカラースキームを変更するには、`colorScheme` テーマパラメータを設定します。 組み込みのスキームの詳細については、[はじめに]({{< ref "getting-started#カラースキーム" >}})セクションを参照してください。
+
+デフォルトのスキームに加えて、独自のスキームを作成し、ウェブサイト全体を好みに合わせて再スタイルすることもできます。 スキームは、`assets/css/schemes/` フォルダに `<scheme-name>.css` ファイルを配置することで作成されます。ファイルが作成されたら、テーマ設定で名前で参照するだけです。
+
+{{< alert "github">}}
+**注:** これらのファイルを手動で生成するのは難しい場合があるため、それを支援する `nodejs` ターミナルツール [Fugu](https://github.com/nunocoracao/fugu) を作成しました。これは、カラーパレットの主要な3つの `hex` 値を渡すと、プログラムは Blowfish に直接インポートできる css ファイルを出力します。
+{{< /alert >}}
+
+
+Blowfish は、テーマ全体で使用される3色のパレットを定義します。3色は `neutral`、`primary`、`secondary` のバリエーションとして定義され、それぞれに10の色合いが含まれています。
+
+Tailwind CSS 3.0 が不透明度で色の値を計算する方式のため、スキームで指定された色は、赤、緑、青の色の値を提供することにより、[特定の形式に準拠](https://github.com/adamwathan/tailwind-css-variable-text-opacity-demo)する必要があります。
+
+```css
+:root {
+  --color-primary-500: 139, 92, 246;
+}
+```
+
+この例では、赤の値が `139`、緑の値が `92`、青の値が `246` の `primary-500` カラーの CSS 変数を定義しています。
+
+既存のテーマスタイルシートの1つをテンプレートとして使用します。独自の色を自由に定義できますが、インスピレーションが必要な場合は、公式の [Tailwind カラーパレットリファレンス](https://tailwindcss.com/docs/customizing-colors#color-palette-reference)を確認してください。
+
+## スタイルシートのオーバーライド
+
+独自の HTML 要素をスタイルするために、カスタムスタイルを追加する必要がある場合があります。Blowfish は、独自の CSS スタイルシートでデフォルトのスタイルをオーバーライドできるようにすることで、このシナリオに対応します。プロジェクトの `assets/css/` フォルダに `custom.css` ファイルを作成するだけです。
+
+`custom.css` ファイルは Hugo によって縮小され、他のすべてのテーマスタイルの後に自動的にロードされます。つまり、カスタムファイルの内容はデフォルトよりも優先されます。
+
+### 追加フォントの使用
+
+Blowfishでは、サイトのフォントを簡単に変更することができます。プロジェクトの`assets/css/`フォルダ内に`custom.css`ファイルを作成した後、`static`ルートフォルダ内の`fonts`フォルダ内にフォントファイルを配置するだけです。
+
+```shell
+.
+├── assets
+│   └── css
+│       └── custom.css
+...
+└─── static
+    └── fonts
+        └─── font.ttf
+
+```
+
+これにより、フォントをウェブサイトで使用できるようになります。すると、フォントを `custom.css` にインポートし、適切と思われる場所で置き換えることができます。以下の例は、`html` 全体のフォントを置き換える方法を示しています。
+
+```css
+@font-face {
+    font-family: font;
+    src: url('/fonts/font.ttf');
+}
+
+html {
+    font-family: font;
+}
+```
+
+### フォントサイズの調整
+
+ウェブサイトのフォントサイズを変更することは、デフォルトのスタイルシートをオーバーライドする1つの例です。Blowfish は、テーマ全体で基本 HTML フォントサイズから派生したスケーリングされたフォントサイズを使用するため、これを簡単にします。デフォルトでは、Tailwind はデフォルトサイズを `12pt` に設定していますが、任意の値に変更できます。
+
+[上記の手順]({{< ref "#スタイルシートのオーバーライド" >}}) を使用して `custom.css` ファイルを作成し、次の CSS 宣言を追加します。
+
+```css
+/* デフォルトのフォントサイズを大きくする */
+html {
+  font-size: 13pt;
+}
+```
+
+この1つの値を変更するだけで、ウェブサイトのすべてのフォントサイズがこの新しいサイズに合わせて調整されます。なので、使用されるフォントサイズ全体を大きくするには、値を `12pt` より大きくすれば良いです。同様に、フォントサイズを小さくするには、値を `12pt` より小さくすれば良いです。
+
+## ソースからテーマ CSS をビルドする
+
+大幅な変更を加えたい場合は、Tailwind CSS の JIT コンパイラを利用して、テーマ CSS 全体を最初から再構築できます。これは、Tailwind 設定を調整したり、メインスタイルシートに追加の Tailwind クラスを追加したりする場合に便利です。
+
+{{< alert >}}
+**注:** テーマの手動ビルドは上級者向けです。
+{{< /alert >}}
+
+Tailwind CSS のビルド方法を順番に説明します。
+
+### Tailwind 設定
+
+実際に使用されている Tailwind クラスのみを含む CSS ファイルを生成するために、JIT コンパイラはすべての HTML テンプレートと Markdown コンテンツファイルをスキャンして、マークアップにどのスタイルが存在するかを確認する必要があります。コンパイラは、テーマディレクトリのルートに含まれる `tailwind.config.js` ファイルを調べてこれを行います。
+
+```js
+// themes/blowfish/tailwind.config.js
+
+module.exports = {
+  content: [
+    "./layouts/**/*.html",
+    "./content/**/*.{html,md}",
+    "./themes/blowfish/layouts/**/*.html",
+    "./themes/blowfish/content/**/*.{html,md}",
+  ],
+
+  // その他...
+};
+```
+
+このデフォルト設定には、これらのコンテンツパスが含まれているため、特定のプロジェクト構造に従う限り、変更することなく独自の CSS ファイルを簡単に生成できます。つまり、**Blowfish を `themes/blowfish/` のサブディレクトリとしてプロジェクトに含める必要があります**。これは、Hugo Modules を使用してテーマを簡単にインストールできないことを意味し、git サブモジュール（推奨）または手動インストールルートのいずれかを選択する必要があります。[インストールドキュメント]({{< ref "installation" >}}) では、これらのいずれかの方法を使用してテーマをインストールする方法について説明しています。
+
+### プロジェクト構造
+
+デフォルト設定を利用するために、プロジェクトは次のようになります...
+
+```shell
+.
+├── assets
+│   └── css
+│       └── compiled
+│           └── main.css  # これが生成するファイル
+├── config  # サイト設定
+│   └── _default
+├── content  # サイトコンテンツ
+│   ├── _index.md
+│   ├── projects
+│   │   └── _index.md
+│   └── blog
+│       └── _index.md
+├── layouts  # サイトのカスタムレイアウト
+│   ├── partials
+│   │   └── extend-article-link/simple.html
+│   ├── projects
+│   │   └── list.html
+│   └── shortcodes
+│       └── disclaimer.html
+└── themes
+    └── blowfish  # git サブモジュールまたは手動テーマインストール
+```
+
+この例の構造では、独自のカスタムレイアウトを持つ新しい `projects` コンテンツタイプと、カスタムショートコードと拡張パーシャルが追加されています。プロジェクトがこの構造に従っている場合、必要なのは `main.css` ファイルを再コンパイルすることだけです。
+
+### 依存関係のインストール
+
+これが機能するには、`themes/blowfish/` ディレクトリに移動し、プロジェクトの依存関係をインストールする必要があります。この手順では、ローカルマシンに [npm](https://docs.npmjs.com/cli/v7/configuring-npm/install) が必要になります。
+
+```shell
+cd themes/blowfish
+npm install
+```
+
+### Tailwind コンパイラを実行する
+
+依存関係がインストールされたら、あとは [Tailwind CLI](https://v2.tailwindcss.com/docs/installation#using-tailwind-cli) を使用して JIT コンパイラを呼び出すだけです。Hugo プロジェクトのルートに戻り、次のコマンドを実行します。
+
+```shell
+cd ../..
+./themes/blowfish/node_modules/tailwindcss/lib/cli.js -c ./themes/blowfish/tailwind.config.js -i ./themes/blowfish/assets/css/main.css -o ./assets/css/compiled/main.css --jit
+```
+
+関係するパスのため少し見苦しいコマンドですが、基本的に Tailwind CLI を呼び出し、Tailwind 設定ファイルの場所（上で見たもの）、テーマの `main.css` ファイルの場所、そしてコンパイル済み CSS ファイルを配置する場所（Hugo プロジェクトの `assets/css/compiled/` フォルダ）を渡しています。
+
+設定ファイルは、プロジェクト内のすべてのコンテンツとレイアウト、およびテーマ内のすべてのコンテンツとレイアウトを自動的にスキャンし、ウェブサイトに必要なすべての CSS を含む新しい CSS ファイルを作ります。Hugo のファイル階層を処理する方法のため、プロジェクト内のこのファイルは、テーマに付属のファイルを自動的にオーバーライドするようになります。
+
+レイアウトに変更を加え、新しい Tailwind CSS スタイルが必要になるたびに、コマンドを再実行して新しい CSS ファイルを生成するだけです。 コマンドの最後に `-w` を追加して、JIT コンパイラをウォッチモードで実行することもできます。
+
+### ビルドスクリプトを作成する
+
+このソリューションを完全に完了するには、これらのコマンドのエイリアスを追加するか、私が行っているように、必要なスクリプトを含む `package.json` をプロジェクトのルートに追加することで、このプロセス全体を簡素化できます...
+
+```js
+// package.json
+
+{
+  "name": "my-website",
+  "version": "1.0.0",
+  "description": "",
+  "scripts": {
+    "server": "hugo server -b http://localhost -p 8000",
+    "dev": "NODE_ENV=development ./themes/blowfish/node_modules/tailwindcss/lib/cli.js -c ./themes/blowfish/tailwind.config.js -i ./themes/blowfish/assets/css/main.css -o ./assets/css/compiled/main.css --jit -w",
+    "build": "NODE_ENV=production ./themes/blowfish/node_modules/tailwindcss/lib/cli.js -c ./themes/blowfish/tailwind.config.js -i ./themes/blowfish/assets/css/main.css -o ./assets/css/compiled/main.css --jit"
+  },
+  // その他...
+}
+```
+
+これで、サイトの設計に取り組むときは、 `npm run dev` を呼び出すと、コンパイラがウォッチモードで実行されます。デプロイの準備ができたら、`npm run build` を実行すると、クリーンな Tailwind CSS ビルドが得られます。
+
+🙋‍♀️ ご不明な点がありましたら、[GitHub Discussions](https://github.com/nunocoracao/blowfish/discussions) で気軽に質問してください。

exampleSite/content/docs/advanced-customisation/index.md

@@ -1,6 +1,6 @@
 ---
 title: "Advanced Customisation"
-date: 2020-08-08
+weight: 13
 draft: false
 description: "Learn how to build Blowfish manually."
 slug: "advanced-customisation"
@@ -21,7 +21,7 @@ Before leaping into it, first a quick note about [Hugo project structure](https:
 **In summary:** Never directly edit the theme files. Only make customisations in your Hugo project's sub-directories, not in the themes directory itself.
 {{< /alert >}}
 
-Blowfish is built to take advantage of all the standard Hugo practices. It is designed to allow all aspects of the theme to be customised and overriden without changing any of the core theme files. This allows for a seamless upgrade experience while giving you total control over the look and feel of your website.
+Blowfish is built to take advantage of all the standard Hugo practices. It is designed to allow all aspects of the theme to be customised and overridden without changing any of the core theme files. This allows for a seamless upgrade experience while giving you total control over the look and feel of your website.
 
 In order to achieve this, you should never manually adjust any of the theme files directly. Whether you install using Hugo modules, as a git submodule or manually include the theme in your `themes/` directory, you should always leave these files intact.
 
@@ -56,7 +56,7 @@ Blowfish ships with a number of colour schemes out of the box. To change the bas
 In addition to the default schemes, you can also create your own and re-style the entire website to your liking. Schemes are created by by placing a `<scheme-name>.css` file in the `assets/css/schemes/` folder. Once the file is created, simply refer to it by name in the theme configuration.
 
 {{< alert "github">}}
-**Note:** generating these files manually can be hard, I've built a `nodejs` terminal tool to help with that, [Fugu](https://github.com/nunocoracao/fugu). In a nutshell, you pass the main three `hex` values of your color pallette and the program will output a css file that can be imported directly into Blowfish.
+**Note:** generating these files manually can be hard, I've built a `nodejs` terminal tool to help with that, [Fugu](https://github.com/nunocoracao/fugu). In a nutshell, you pass the main three `hex` values of your color palette and the program will output a css file that can be imported directly into Blowfish.
 {{< /alert >}}
 
 
@@ -82,7 +82,7 @@ The `custom.css` file will be minified by Hugo and loaded automatically after al
 
 ### Using additional fonts
 
-Blowfish allows you to easily change the font for your site. After creating a `custom.css` file in your project's `assets/css/` folder, place you font file inside a `fonts` folder withing the `static` root folder.
+Blowfish allows you to easily change the font for your site. After creating a `custom.css` file in your project's `assets/css/` folder, place you font file inside a `fonts` folder within the `static` root folder.
 
 ```shell
 .

exampleSite/content/docs/advanced-customisation/index.zh-cn.md

@@ -0,0 +1,237 @@
+---
+title: 进阶自定义
+weight: 13
+draft: false
+description: "了解如何手动构建 Blowfish。"
+slug: "advanced-customisation"
+tags: ["高级", "CSS", "文档"]
+series: ["部署教程"]
+series_order: 13
+---
+
+您可以通过多种方式对 Blowfish 进行高级自定义。请阅读下文，了解更多可自定义的内容以及实现想要效果的最佳方法。
+
+如果您需要更多指导，请在 [GitHub Discussions](https://github.com/nunocoracao/blowfish/discussions) 上提问。
+
+## Hugo 项目结构
+
+在开始讨论之前，首先简要介绍一下 [Hugo 项目结构](https://gohugo.io/getting-started/directory-struct/) 以及管理内容和主题自定义的最佳方式。
+
+{{< alert >}}
+**总结：** 切勿直接编辑主题文件。一定要仅在 Hugo 项目的子目录中进行自定义，而不是在主题目录中进行自定义。
+{{< /alert >}}
+
+Blowfish 旨在利用所有标准的 Hugo 参数操作。它旨在允许在不更改任何核心主题文件的情况下自定义和覆盖主题的所有方面。这也给您提供了一种无缝升级的体验，同时让您完全控制网站的外观和感觉。
+
+为了实现这一点，您永远不应该直接手动更改任何主题核心文件。无论你是使用 Hugo 模块安装，还是作为 git 子模块安装，还是手动将主题安装在 `themes/` 目录中，你都应该始终保持这些主题文件不变。
+
+调整主题行为的正确方法是通过使用 Hugo 强大的[文件查找顺序](https://gohugo.io/templates/lookup-order/)覆盖文件。总之，查找顺序确保了包含在你的项目目录中的文件都会优先于主题文件。
+
+例如，如果您想覆盖 Blowfish 中的主要文章模板， 您可以创建自己的 `layouts/_default/single.html` 文件并将其放在项目的根目录中。然后，此文件将覆盖主题文件中的 `single.html` 同时也不会对主题文件本身进行更改。 这适用于任何主题文件：HTML 模板、partials、shortcodes、config 文件、data、assets 等等。
+
+只要您遵循这个方法，您将始终能够无缝更新主题（或测试不同的主题版本），而不必担心会丢失任何自定义更改。
+
+## 修改图片优化设置
+
+Hugo 有各种内置的方法来调整大小，裁剪和优化图像。
+
+举个例子，如果在 `layouts/partials/article-link/card.html` 中，您有以下代码：
+
+```go
+{{ with .Resize "600x" }}
+<div class="w-full thumbnail_card nozoom" style="background-image:url({{ .RelPermalink }});"></div>
+{{ end }}
+```
+
+Hugo 将默认把图像大小调整为 600px 同时保持比例不变。
+
+值得注意的是，默认的图像设置比如[锚点](https://gohugo.io/content-management/image-processing/#anchor) 也可以在你的 [站点配置](https://gohugo.io/content-management/image-processing/#processing-options) 中修改，就和修改模板一样。
+
+想要了解更多信息，请再参考 [有关图像处理的 Hugo 文档](https://gohugo.io/content-management/image-processing/#image-processing-methods)。
+
+## 配色方案
+
+Blowfish 附带了多种开箱即用的配色方案。想要更改基本配色方案，您可以设置 `colorScheme` 主题参数。请参阅[快速上手#配色方案]({{< ref "getting-started#colour-schemes" >}}) 以了解更多内置方案。
+
+除了默认方案之外，您还可以创建自己的方案并根据自己的喜好重新设计整个网站的样式。 通过在 `assets/css/schemes/` 中创建 `<scheme-name>.css` 文件可以创建新的配色方案。创建文件后，只需在主题配置中按名称引用它即可。
+
+{{< alert "github">}}
+**注意：** 手动生成这些文件可能会比较困难，我编写了一个 `nodejs` 工具 [Fugu](https://github.com/nunocoracao/fugu) 来帮助解决这个问题。简而言之，您只需要提供调色板的三个主要 `hex` 值，程序将生成一个可以直接导入到 Blowfish 中的 css 文件。
+{{< /alert >}}
+
+Blowfish 使用一种定义了整个主题中使用的三色调色板。这三种颜色被定义为 `neutral` 、 `primary` 和 `secondary` 颜色，每种颜色包含十种色调。
+
+由于 Tailwind CSS 3.0 计算不透明度颜色值的方式，方案中指定的颜色需要通过提供红色、绿色和蓝色值来[符合特定格式](https://github.com/adamwathan/tailwind-css-variable-text-opacity-demo) 。
+
+```css
+:root {
+  --color-primary-500: 139, 92, 246;
+}
+```
+
+此示例为一个 `primary-500` 的 CSS 颜色变量，红色值为 `139`，绿色值为 `92`，蓝色值为 `246`。
+
+您可以使用现有主题样式表之一作为模板并自由配置自己的颜色。如果想要寻求一些灵感，请查看官方 [Tailwind 调色板参考](https://tailwindcss.com/docs/customizing-colors#color-palette-reference) 。
+
+## 覆盖样式
+
+有时您需要添加自定义样式来设置您自己的 HTML 元素的样式。 Blowfish 允许您覆盖自己的 CSS 样式表中的默认样式来进行自定义。只需在项目的 `assets/css/` 文件夹中创建一个 `custom.css` 文件即可。
+
+`custom.css` 文件将被 Hugo 优化并在所有其他主题样式之后自动加载，这意味着自定义文件中的任何内容都将优先于默认值。
+
+### 使用附加字体
+
+Blowfish 可以让您轻松更改网站的字体。在项目的 `assets/css/` 文件夹中创建 `custom.css` 文件后，将字体文件放入 `static/fonts` 文件夹中。
+
+```shell
+.
+├── assets
+│   └── css
+│       └── custom.css
+...
+└─── static
+    └── fonts
+        └─── font.ttf
+
+```
+
+这样，该字体便可供网站使用。现在，可以将字体导入到您的 `custom.css` 中，并在您认为合适的地方进行替换。下面的示例展示了替换整个 `html` 字体的方法。
+
+```css
+@font-face {
+    font-family: font;
+    src: url('/fonts/font.ttf');
+}
+
+html {
+    font-family: font;
+}
+```
+
+### 调整字体大小
+
+我们也提供更改网站的字体大小的示例。 Blowfish 使这一切变得简单，因为它在整个主题中使用源自基本 HTML 语言的缩放字体大小方法。默认情况下，Tailwind 将默认大小设置为 `12pt` ，但您可以将其更改为喜欢的大小。
+
+参考[上面的说明]({{< ref "#overriding-the-stylesheet" >}}) 创建一个 `custom.css` 文件并添加以下 CSS 声明：
+
+```css
+/* Increase the default font size */
+html {
+  font-size: 13pt;
+}
+```
+
+只需更改此值，您网站上的所有字体大小都将调整为此新大小。因此，要增加使用的整体字体大小，请将该值设置为大于 `12pt` 。同样，要减小字体大小，请将值设置为小于 `12pt` 。
+
+## 从源代码构建主题 CSS
+
+如果您想进行大量更改，您可以利用 Tailwind CSS 的 JIT 编译器并从头开始重建整个主题 CSS。尤其是您想要调整 Tailwind 配置或向主样式表添加额外的 Tailwind 类的时候，这种方法将非常有用。
+
+{{< alert >}}
+**注意：** 手动构建主题仅适用于高级用户。
+{{< /alert >}}
+
+让我们逐步了解构建 Tailwind CSS 的工作原理。
+
+### Tailwind 配置
+
+为了生成仅包含用于实际使用的 Tailwind 类的 CSS 文件，JIT 编译器需要扫描所有 HTML 模板和 Markdown 文档，以检查 markup 中存在哪些样式。编译器将根据主题目录根目录中的 `tailwind.config.js` 文件来完成此操作：
+
+```js
+// themes/blowfish/tailwind.config.js
+
+module.exports = {
+  content: [
+    "./layouts/**/*.html",
+    "./content/**/*.{html,md}",
+    "./themes/blowfish/layouts/**/*.html",
+    "./themes/blowfish/content/**/*.{html,md}",
+  ],
+
+  // 更多...
+};
+```
+
+此默认配置包含了这些路径，以便您可以十分方便地生成自己的 CSS 文件，而无需修改它，前提是您遵循我们的主题项目结构。也就是说，**您必须将 Blowfish 主题文件夹 `themes/blowfish/` 作为子目录包含在项目中**。这意味着您无法使用 Hugo Modules 方式来安装主题，而必须使用 git 子模块（推荐）或手动安装。 [安装文档]({{< ref "installation" >}}) 介绍了如何使用以上方法安装主题。
+
+### 项目结构
+
+为了充分利用默认配置，您的项目结构应该如下所示：
+
+```shell
+.
+├── assets
+│   └── css
+│       └── compiled
+│           └── main.css  # 这是我们生成的文件
+├── config  # 站点配置
+│   └── _default
+├── content  # site content
+│   ├── _index.md
+│   ├── projects
+│   │   └── _index.md
+│   └── blog
+│       └── _index.md
+├── layouts  # 站点的自定义布局
+│   ├── partials
+│   │   └── extend-article-link/simple.html
+│   ├── projects
+│   │   └── list.html
+│   └── shortcodes
+│       └── disclaimer.html
+└── themes
+    └── blowfish  # Git 子模块或本地复制安装
+```
+
+此示例结构添加了一个新自定义的 `projects` 内容类型，具有自定义的 layout 以及自定义的 shortcodes 和扩展的 partials 。如果项目遵循类似结构，所需要做的就是仅仅是重新编译 `main.css` 文件。
+
+### 安装依赖项
+
+为了使 Tailwind 正常工作，您需要更改终端工作目录为 `themes/blowfish/` 并安装项目依赖项。您需要安装 [npm](https://docs.npmjs.com/cli/v7/configuring-npm/install)。
+
+```shell
+cd themes/blowfish
+npm install
+```
+
+### 运行 Tailwind 编译器
+
+安装依赖项后，接下来可以使用 [Tailwind CLI](https://v2.tailwindcss.com/docs/installation#using-tailwind-cli) 来调用 JIT 编译器。返回 Hugo 项目的根目录并在终端输入以下命令：
+
+```shell
+cd ../..
+./themes/blowfish/node_modules/tailwindcss/lib/cli.js -c ./themes/blowfish/tailwind.config.js -i ./themes/blowfish/assets/css/main.css -o ./assets/css/compiled/main.css --jit
+```
+
+这个命令稍微有点复杂，因为涉及到几个路径。但本质上你是在调用 Tailwind CLI 并提供下面三个参数： 
+- Tailwind 配置文件 `tailwind.config.js`
+- 主题的 `main.css` 文件
+- 编译产出后的 CSS 文件的位置 `assets/css/compiled/`
+
+配置文件将自动检查项目中以及主题中的所有内容和布局，并构建一个新的 CSS 文件，其中包含网站所需的所有 CSS。由于 Hugo 处理文件层次结构的方式，此文件现在将自动覆盖主题附带的文件。
+
+每次更改布局并需要新的 Tailwind CSS 样式时，您只需重新运行命令并生成新的 CSS 文件即可。您还可以在命令末尾添加 `-w` 以在监视模式下运行 JIT 编译器。
+
+### 制作构建脚本
+
+要完成此解决方案，您可以通过为这些命令添加别名来简化整个过程，或者参照我的操作，将该 `package.json` 添加到包含必要脚本的项目的根目录：
+
+```js
+// package.json
+
+{
+  "name": "my-website",
+  "version": "1.0.0",
+  "description": "",
+  "scripts": {
+    "server": "hugo server -b http://localhost -p 8000",
+    "dev": "NODE_ENV=development ./themes/blowfish/node_modules/tailwindcss/lib/cli.js -c ./themes/blowfish/tailwind.config.js -i ./themes/blowfish/assets/css/main.css -o ./assets/css/compiled/main.css --jit -w",
+    "build": "NODE_ENV=production ./themes/blowfish/node_modules/tailwindcss/lib/cli.js -c ./themes/blowfish/tailwind.config.js -i ./themes/blowfish/assets/css/main.css -o ./assets/css/compiled/main.css --jit"
+  },
+  // and more...
+}
+```
+
+现在，当您想要设计站点时，可以调用 `npm run dev` ，编译器将以监视模式运行。当您准备好部署时，运行 `npm run build` ，您将生成一个编译好的 Tailwind CSS。
+
+🙋‍♀️ 如果您需要帮助，请随时在 [GitHub Discusions](https://github.com/nunocoracao/blowfish/discussions) 上提问。

exampleSite/content/docs/configuration/background.svg

@@ -0,0 +1,574 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+  style="margin:auto;background:rgba(NaN, NaN, NaN, 0);display:block;z-index:1;position:relative"
+  width="1084" height="322" preserveAspectRatio="xMidYMid" viewBox="0 0 1084 322">
+  <defs>
+    <pattern id="pid-0.7735807359934106" x="0" y="0" width="345.6" height="345.6"
+      patternUnits="userSpaceOnUse">
+      <g transform="scale(1.35)">
+        <g>
+          <line x1="237.6288884328494" x2="201.39714008747956" y1="119.05338354492488"
+            y2="155.28513189029474" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="237.6288884328494" x2="201.39714008747956" y1="-392.9466164550751"
+            y2="-356.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="493.6288884328494" x2="457.39714008747956" y1="-392.9466164550751"
+            y2="-356.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="749.6288884328494" x2="713.3971400874796" y1="-392.9466164550751"
+            y2="-356.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="237.6288884328494" x2="201.39714008747956" y1="-136.94661645507512"
+            y2="-100.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="493.6288884328494" x2="457.39714008747956" y1="-136.94661645507512"
+            y2="-100.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="749.6288884328494" x2="713.3971400874796" y1="-136.94661645507512"
+            y2="-100.71486810970526" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="237.6288884328494" x2="201.39714008747956" y1="119.05338354492488"
+            y2="155.28513189029474" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="493.6288884328494" x2="457.39714008747956" y1="119.05338354492488"
+            y2="155.28513189029474" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="749.6288884328494" x2="713.3971400874796" y1="119.05338354492488"
+            y2="155.28513189029474" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="244.43797352167968" x2="179.25167385613412" y1="196.21419032492787"
+            y2="261.40048999047343" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="244.43797352167968" x2="179.25167385613412" y1="-315.78580967507213"
+            y2="-250.59951000952657" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="500.4379735216797" x2="435.2516738561341" y1="-315.78580967507213"
+            y2="-250.59951000952657" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="756.4379735216796" x2="691.2516738561342" y1="-315.78580967507213"
+            y2="-250.59951000952657" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="244.43797352167968" x2="179.25167385613412" y1="-59.78580967507213"
+            y2="5.400489990473432" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="500.4379735216797" x2="435.2516738561341" y1="-59.78580967507213"
+            y2="5.400489990473432" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="756.4379735216796" x2="691.2516738561342" y1="-59.78580967507213"
+            y2="5.400489990473432" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="244.43797352167968" x2="179.25167385613412" y1="196.21419032492787"
+            y2="261.40048999047343" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="500.4379735216797" x2="435.2516738561341" y1="196.21419032492787"
+            y2="261.40048999047343" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="756.4379735216796" x2="691.2516738561342" y1="196.21419032492787"
+            y2="261.40048999047343" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="219.6724359102308" x2="209.2181431749452" y1="92.85808081141191"
+            y2="103.31237354669749" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="219.6724359102308" x2="209.2181431749452" y1="-419.1419191885881"
+            y2="-408.6876264533025" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="475.6724359102308" x2="465.2181431749452" y1="-419.1419191885881"
+            y2="-408.6876264533025" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="731.6724359102308" x2="721.2181431749452" y1="-419.1419191885881"
+            y2="-408.6876264533025" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="219.6724359102308" x2="209.2181431749452" y1="-163.14191918858808"
+            y2="-152.68762645330253" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="475.6724359102308" x2="465.2181431749452" y1="-163.14191918858808"
+            y2="-152.68762645330253" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="731.6724359102308" x2="721.2181431749452" y1="-163.14191918858808"
+            y2="-152.68762645330253" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="219.6724359102308" x2="209.2181431749452" y1="92.85808081141191"
+            y2="103.31237354669749" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="475.6724359102308" x2="465.2181431749452" y1="92.85808081141191"
+            y2="103.31237354669749" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="731.6724359102308" x2="721.2181431749452" y1="92.85808081141191"
+            y2="103.31237354669749" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="112.00565118011832" x2="71.15817744773324" y1="56.63419812919665"
+            y2="97.48167186158173" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="112.00565118011832" x2="71.15817744773324" y1="-455.36580187080335"
+            y2="-414.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="368.0056511801183" x2="327.15817744773324" y1="-455.36580187080335"
+            y2="-414.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="624.0056511801183" x2="583.1581774477332" y1="-455.36580187080335"
+            y2="-414.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="112.00565118011832" x2="71.15817744773324" y1="-199.36580187080335"
+            y2="-158.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="368.0056511801183" x2="327.15817744773324" y1="-199.36580187080335"
+            y2="-158.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="624.0056511801183" x2="583.1581774477332" y1="-199.36580187080335"
+            y2="-158.51832813841827" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="112.00565118011832" x2="71.15817744773324" y1="56.63419812919665"
+            y2="97.48167186158173" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="368.0056511801183" x2="327.15817744773324" y1="56.63419812919665"
+            y2="97.48167186158173" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="624.0056511801183" x2="583.1581774477332" y1="56.63419812919665"
+            y2="97.48167186158173" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="60.932966336476014" x2="49.388821076756514" y1="125.65681060957188"
+            y2="137.20095586929136" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="60.932966336476014" x2="49.388821076756514" y1="-386.3431893904281"
+            y2="-374.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="316.932966336476" x2="305.3888210767565" y1="-386.3431893904281"
+            y2="-374.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="572.932966336476" x2="561.3888210767565" y1="-386.3431893904281"
+            y2="-374.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="60.932966336476014" x2="49.388821076756514" y1="-130.3431893904281"
+            y2="-118.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="316.932966336476" x2="305.3888210767565" y1="-130.3431893904281"
+            y2="-118.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="572.932966336476" x2="561.3888210767565" y1="-130.3431893904281"
+            y2="-118.79904413070864" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="60.932966336476014" x2="49.388821076756514" y1="125.65681060957188"
+            y2="137.20095586929136" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="316.932966336476" x2="305.3888210767565" y1="125.65681060957188"
+            y2="137.20095586929136" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="572.932966336476" x2="561.3888210767565" y1="125.65681060957188"
+            y2="137.20095586929136" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="103.78310212459807" x2="35.08486945593138" y1="-2.328164446496814"
+            y2="66.37006822216988" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="103.78310212459807" x2="35.08486945593138" y1="-514.3281644464968"
+            y2="-445.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="359.7831021245981" x2="291.08486945593137" y1="-514.3281644464968"
+            y2="-445.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="615.783102124598" x2="547.0848694559314" y1="-514.3281644464968"
+            y2="-445.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="103.78310212459807" x2="35.08486945593138" y1="-258.3281644464968"
+            y2="-189.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="359.7831021245981" x2="291.08486945593137" y1="-258.3281644464968"
+            y2="-189.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="615.783102124598" x2="547.0848694559314" y1="-258.3281644464968"
+            y2="-189.6299317778301" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="103.78310212459807" x2="35.08486945593138" y1="-2.328164446496814"
+            y2="66.37006822216988" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="359.7831021245981" x2="291.08486945593137" y1="-2.328164446496814"
+            y2="66.37006822216988" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="615.783102124598" x2="547.0848694559314" y1="-2.328164446496814"
+            y2="66.37006822216988" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="103.78310212459807" x2="35.08486945593138" y1="253.67183555350317"
+            y2="322.3700682221699" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="211.69894364075495" x2="194.13528259328754" y1="166.21741462144607"
+            y2="183.78107566891347" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="211.69894364075495" x2="194.13528259328754" y1="-345.7825853785539"
+            y2="-328.21892433108655" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="467.6989436407549" x2="450.13528259328757" y1="-345.7825853785539"
+            y2="-328.21892433108655" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="723.6989436407549" x2="706.1352825932876" y1="-345.7825853785539"
+            y2="-328.21892433108655" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="211.69894364075495" x2="194.13528259328754" y1="-89.78258537855393"
+            y2="-72.21892433108653" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="467.6989436407549" x2="450.13528259328757" y1="-89.78258537855393"
+            y2="-72.21892433108653" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="723.6989436407549" x2="706.1352825932876" y1="-89.78258537855393"
+            y2="-72.21892433108653" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="211.69894364075495" x2="194.13528259328754" y1="166.21741462144607"
+            y2="183.78107566891347" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="467.6989436407549" x2="450.13528259328757" y1="166.21741462144607"
+            y2="183.78107566891347" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="723.6989436407549" x2="706.1352825932876" y1="166.21741462144607"
+            y2="183.78107566891347" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="44.012515207413756" x2="6.2920050630466875" y1="153.79537767995515"
+            y2="191.5158878243222" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="44.012515207413756" x2="6.2920050630466875" y1="-358.20462232004485"
+            y2="-320.4841121756778" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="300.01251520741374" x2="262.2920050630467" y1="-358.20462232004485"
+            y2="-320.4841121756778" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="556.0125152074138" x2="518.2920050630466" y1="-358.20462232004485"
+            y2="-320.4841121756778" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="44.012515207413756" x2="6.2920050630466875" y1="-102.20462232004485"
+            y2="-64.48411217567781" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="300.01251520741374" x2="262.2920050630467" y1="-102.20462232004485"
+            y2="-64.48411217567781" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="556.0125152074138" x2="518.2920050630466" y1="-102.20462232004485"
+            y2="-64.48411217567781" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="44.012515207413756" x2="6.2920050630466875" y1="153.79537767995515"
+            y2="191.5158878243222" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="300.01251520741374" x2="262.2920050630467" y1="153.79537767995515"
+            y2="191.5158878243222" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="556.0125152074138" x2="518.2920050630466" y1="153.79537767995515"
+            y2="191.5158878243222" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="105.49237048043514" x2="31.549625942354083" y1="123.41684480916788"
+            y2="197.35958934724894" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="105.49237048043514" x2="31.549625942354083" y1="-388.58315519083214"
+            y2="-314.64041065275103" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="361.49237048043517" x2="287.54962594235406" y1="-388.58315519083214"
+            y2="-314.64041065275103" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="617.4923704804352" x2="543.549625942354" y1="-388.58315519083214"
+            y2="-314.64041065275103" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="105.49237048043514" x2="31.549625942354083" y1="-132.58315519083212"
+            y2="-58.64041065275106" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="361.49237048043517" x2="287.54962594235406" y1="-132.58315519083212"
+            y2="-58.64041065275106" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="617.4923704804352" x2="543.549625942354" y1="-132.58315519083212"
+            y2="-58.64041065275106" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="105.49237048043514" x2="31.549625942354083" y1="123.41684480916788"
+            y2="197.35958934724894" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="361.49237048043517" x2="287.54962594235406" y1="123.41684480916788"
+            y2="197.35958934724894" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="617.4923704804352" x2="543.549625942354" y1="123.41684480916788"
+            y2="197.35958934724894" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <animateTransform attributeName="transform" type="translate" values="0 0;-256 256"
+            keyTimes="0;1" repeatCount="indefinite" dur="10s"></animateTransform>
+        </g>
+        <g>
+          <line x1="95.73622575770466" x2="50.085335235319484" y1="20.45659654328417"
+            y2="66.10748706566935" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="95.73622575770466" x2="50.085335235319484" y1="-491.54340345671585"
+            y2="-445.8925129343306" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="351.7362257577047" x2="306.08533523531946" y1="-491.54340345671585"
+            y2="-445.8925129343306" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="607.7362257577047" x2="562.0853352353195" y1="-491.54340345671585"
+            y2="-445.8925129343306" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="95.73622575770466" x2="50.085335235319484" y1="-235.54340345671582"
+            y2="-189.89251293433065" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="351.7362257577047" x2="306.08533523531946" y1="-235.54340345671582"
+            y2="-189.89251293433065" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="607.7362257577047" x2="562.0853352353195" y1="-235.54340345671582"
+            y2="-189.89251293433065" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="95.73622575770466" x2="50.085335235319484" y1="20.45659654328417"
+            y2="66.10748706566935" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="351.7362257577047" x2="306.08533523531946" y1="20.45659654328417"
+            y2="66.10748706566935" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="607.7362257577047" x2="562.0853352353195" y1="20.45659654328417"
+            y2="66.10748706566935" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="263.34308373797757" x2="226.59561736370148" y1="112.42933995479353"
+            y2="149.17680632906962" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="263.34308373797757" x2="226.59561736370148" y1="-399.57066004520647"
+            y2="-362.8231936709304" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="519.3430837379776" x2="482.5956173637015" y1="-399.57066004520647"
+            y2="-362.8231936709304" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="775.3430837379776" x2="738.5956173637014" y1="-399.57066004520647"
+            y2="-362.8231936709304" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="263.34308373797757" x2="226.59561736370148" y1="-143.57066004520647"
+            y2="-106.82319367093038" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="519.3430837379776" x2="482.5956173637015" y1="-143.57066004520647"
+            y2="-106.82319367093038" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="775.3430837379776" x2="738.5956173637014" y1="-143.57066004520647"
+            y2="-106.82319367093038" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="263.34308373797757" x2="226.59561736370148" y1="112.42933995479353"
+            y2="149.17680632906962" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="519.3430837379776" x2="482.5956173637015" y1="112.42933995479353"
+            y2="149.17680632906962" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="775.3430837379776" x2="738.5956173637014" y1="112.42933995479353"
+            y2="149.17680632906962" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="7.343083737977565" x2="-29.40438263629852" y1="112.42933995479353"
+            y2="149.17680632906962" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="29.5343611349199" x2="-26.261040392985034" y1="205.16777076655512"
+            y2="260.96317229446004" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="29.5343611349199" x2="-26.261040392985034" y1="-306.8322292334449"
+            y2="-251.03682770553996" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="285.5343611349199" x2="229.73895960701498" y1="-306.8322292334449"
+            y2="-251.03682770553996" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="541.5343611349199" x2="485.738959607015" y1="-306.8322292334449"
+            y2="-251.03682770553996" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="29.5343611349199" x2="-26.261040392985034" y1="-50.83222923344488"
+            y2="4.963172294460037" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="285.5343611349199" x2="229.73895960701498" y1="-50.83222923344488"
+            y2="4.963172294460037" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="541.5343611349199" x2="485.738959607015" y1="-50.83222923344488"
+            y2="4.963172294460037" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="29.5343611349199" x2="-26.261040392985034" y1="205.16777076655512"
+            y2="260.96317229446004" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="285.5343611349199" x2="229.73895960701498" y1="205.16777076655512"
+            y2="260.96317229446004" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="541.5343611349199" x2="485.738959607015" y1="205.16777076655512"
+            y2="260.96317229446004" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="235.025028503587" x2="173.48946106938683" y1="23.306929884424335"
+            y2="84.84249731862451" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="235.025028503587" x2="173.48946106938683" y1="-488.69307011557567"
+            y2="-427.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="491.025028503587" x2="429.48946106938683" y1="-488.69307011557567"
+            y2="-427.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="747.025028503587" x2="685.4894610693868" y1="-488.69307011557567"
+            y2="-427.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="235.025028503587" x2="173.48946106938683" y1="-232.69307011557567"
+            y2="-171.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="491.025028503587" x2="429.48946106938683" y1="-232.69307011557567"
+            y2="-171.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="747.025028503587" x2="685.4894610693868" y1="-232.69307011557567"
+            y2="-171.1575026813755" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="235.025028503587" x2="173.48946106938683" y1="23.306929884424335"
+            y2="84.84249731862451" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="491.025028503587" x2="429.48946106938683" y1="23.306929884424335"
+            y2="84.84249731862451" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="747.025028503587" x2="685.4894610693868" y1="23.306929884424335"
+            y2="84.84249731862451" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="225.00990918130768" x2="200.62370409686488" y1="210.1052181599721"
+            y2="234.4914232444149" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="225.00990918130768" x2="200.62370409686488" y1="-301.8947818400279"
+            y2="-277.50857675558507" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="481.00990918130765" x2="456.6237040968649" y1="-301.8947818400279"
+            y2="-277.50857675558507" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="737.0099091813076" x2="712.6237040968649" y1="-301.8947818400279"
+            y2="-277.50857675558507" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="225.00990918130768" x2="200.62370409686488" y1="-45.89478184002789"
+            y2="-21.508576755585096" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="481.00990918130765" x2="456.6237040968649" y1="-45.89478184002789"
+            y2="-21.508576755585096" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="737.0099091813076" x2="712.6237040968649" y1="-45.89478184002789"
+            y2="-21.508576755585096" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="225.00990918130768" x2="200.62370409686488" y1="210.1052181599721"
+            y2="234.4914232444149" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="481.00990918130765" x2="456.6237040968649" y1="210.1052181599721"
+            y2="234.4914232444149" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="737.0099091813076" x2="712.6237040968649" y1="210.1052181599721"
+            y2="234.4914232444149" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="171.55017713954658" x2="102.05334080042758" y1="78.55895711807653"
+            y2="148.05579345719553" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="171.55017713954658" x2="102.05334080042758" y1="-433.44104288192347"
+            y2="-363.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="427.5501771395466" x2="358.0533408004276" y1="-433.44104288192347"
+            y2="-363.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="683.5501771395466" x2="614.0533408004276" y1="-433.44104288192347"
+            y2="-363.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="171.55017713954658" x2="102.05334080042758" y1="-177.44104288192347"
+            y2="-107.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="427.5501771395466" x2="358.0533408004276" y1="-177.44104288192347"
+            y2="-107.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="683.5501771395466" x2="614.0533408004276" y1="-177.44104288192347"
+            y2="-107.94420654280447" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="171.55017713954658" x2="102.05334080042758" y1="78.55895711807653"
+            y2="148.05579345719553" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="427.5501771395466" x2="358.0533408004276" y1="78.55895711807653"
+            y2="148.05579345719553" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="683.5501771395466" x2="614.0533408004276" y1="78.55895711807653"
+            y2="148.05579345719553" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="258.4358284744095" x2="228.09906783279462" y1="10.646186924515469"
+            y2="40.98294756613034" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="258.4358284744095" x2="228.09906783279462" y1="-501.35381307548454"
+            y2="-471.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="514.4358284744095" x2="484.0990678327946" y1="-501.35381307548454"
+            y2="-471.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="770.4358284744095" x2="740.0990678327946" y1="-501.35381307548454"
+            y2="-471.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="258.4358284744095" x2="228.09906783279462" y1="-245.35381307548454"
+            y2="-215.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="514.4358284744095" x2="484.0990678327946" y1="-245.35381307548454"
+            y2="-215.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="770.4358284744095" x2="740.0990678327946" y1="-245.35381307548454"
+            y2="-215.01705243386965" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="258.4358284744095" x2="228.09906783279462" y1="10.646186924515469"
+            y2="40.98294756613034" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="514.4358284744095" x2="484.0990678327946" y1="10.646186924515469"
+            y2="40.98294756613034" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="770.4358284744095" x2="740.0990678327946" y1="10.646186924515469"
+            y2="40.98294756613034" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="2.4358284744095045" x2="-27.900932167205383" y1="10.646186924515469"
+            y2="40.98294756613034" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="35.41624886616098" x2="-5.966808810922494" y1="10.151780697595989"
+            y2="51.53483837467946" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="35.41624886616098" x2="-5.966808810922494" y1="-501.848219302404"
+            y2="-460.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="291.41624886616097" x2="250.0331911890775" y1="-501.848219302404"
+            y2="-460.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="547.416248866161" x2="506.0331911890775" y1="-501.848219302404"
+            y2="-460.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="35.41624886616098" x2="-5.966808810922494" y1="-245.848219302404"
+            y2="-204.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="291.41624886616097" x2="250.0331911890775" y1="-245.848219302404"
+            y2="-204.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="547.416248866161" x2="506.0331911890775" y1="-245.848219302404"
+            y2="-204.46516162532055" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="35.41624886616098" x2="-5.966808810922494" y1="10.151780697595989"
+            y2="51.53483837467946" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="291.41624886616097" x2="250.0331911890775" y1="10.151780697595989"
+            y2="51.53483837467946" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="547.416248866161" x2="506.0331911890775" y1="10.151780697595989"
+            y2="51.53483837467946" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="90.76285286976488" x2="72.92514980496989" y1="79.79001478147771"
+            y2="97.6277178462727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="90.76285286976488" x2="72.92514980496989" y1="-432.2099852185223"
+            y2="-414.37228215372727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="346.76285286976486" x2="328.9251498049699" y1="-432.2099852185223"
+            y2="-414.37228215372727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="602.7628528697649" x2="584.9251498049699" y1="-432.2099852185223"
+            y2="-414.37228215372727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="90.76285286976488" x2="72.92514980496989" y1="-176.2099852185223"
+            y2="-158.3722821537273" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="346.76285286976486" x2="328.9251498049699" y1="-176.2099852185223"
+            y2="-158.3722821537273" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="602.7628528697649" x2="584.9251498049699" y1="-176.2099852185223"
+            y2="-158.3722821537273" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="90.76285286976488" x2="72.92514980496989" y1="79.79001478147771"
+            y2="97.6277178462727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="346.76285286976486" x2="328.9251498049699" y1="79.79001478147771"
+            y2="97.6277178462727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="602.7628528697649" x2="584.9251498049699" y1="79.79001478147771"
+            y2="97.6277178462727" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <animateTransform attributeName="transform" type="translate" values="0 0;-256 256"
+            keyTimes="0;1" repeatCount="indefinite" dur="5s"></animateTransform>
+        </g>
+        <g>
+          <line x1="93.6896305353637" x2="75.71575147590588" y1="83.83758835275793"
+            y2="101.81146741221576" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="93.6896305353637" x2="75.71575147590588" y1="-428.16241164724204"
+            y2="-410.18853258778427" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="349.6896305353637" x2="331.7157514759059" y1="-428.16241164724204"
+            y2="-410.18853258778427" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="605.6896305353637" x2="587.7157514759059" y1="-428.16241164724204"
+            y2="-410.18853258778427" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="93.6896305353637" x2="75.71575147590588" y1="-172.16241164724207"
+            y2="-154.18853258778424" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="349.6896305353637" x2="331.7157514759059" y1="-172.16241164724207"
+            y2="-154.18853258778424" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="605.6896305353637" x2="587.7157514759059" y1="-172.16241164724207"
+            y2="-154.18853258778424" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="93.6896305353637" x2="75.71575147590588" y1="83.83758835275793"
+            y2="101.81146741221576" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="349.6896305353637" x2="331.7157514759059" y1="83.83758835275793"
+            y2="101.81146741221576" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="605.6896305353637" x2="587.7157514759059" y1="83.83758835275793"
+            y2="101.81146741221576" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="207.24941141296466" x2="167.48134532138562" y1="234.55973050121918"
+            y2="274.3277965927982" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="207.24941141296466" x2="167.48134532138562" y1="-277.4402694987808"
+            y2="-237.67220340720178" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="463.24941141296466" x2="423.4813453213856" y1="-277.4402694987808"
+            y2="-237.67220340720178" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="719.2494114129647" x2="679.4813453213856" y1="-277.4402694987808"
+            y2="-237.67220340720178" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="207.24941141296466" x2="167.48134532138562" y1="-21.440269498780822"
+            y2="18.327796592798222" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="463.24941141296466" x2="423.4813453213856" y1="-21.440269498780822"
+            y2="18.327796592798222" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="719.2494114129647" x2="679.4813453213856" y1="-21.440269498780822"
+            y2="18.327796592798222" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="207.24941141296466" x2="167.48134532138562" y1="234.55973050121918"
+            y2="274.3277965927982" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="463.24941141296466" x2="423.4813453213856" y1="234.55973050121918"
+            y2="274.3277965927982" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="719.2494114129647" x2="679.4813453213856" y1="234.55973050121918"
+            y2="274.3277965927982" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="69.19671201083756" x2="20.15599089926107" y1="61.52941038272999"
+            y2="110.57013149430648" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="69.19671201083756" x2="20.15599089926107" y1="-450.47058961727"
+            y2="-401.42986850569355" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="325.1967120108376" x2="276.15599089926104" y1="-450.47058961727"
+            y2="-401.42986850569355" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="581.1967120108376" x2="532.155990899261" y1="-450.47058961727"
+            y2="-401.42986850569355" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="69.19671201083756" x2="20.15599089926107" y1="-194.47058961727"
+            y2="-145.42986850569352" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="325.1967120108376" x2="276.15599089926104" y1="-194.47058961727"
+            y2="-145.42986850569352" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="581.1967120108376" x2="532.155990899261" y1="-194.47058961727"
+            y2="-145.42986850569352" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="69.19671201083756" x2="20.15599089926107" y1="61.52941038272999"
+            y2="110.57013149430648" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="325.1967120108376" x2="276.15599089926104" y1="61.52941038272999"
+            y2="110.57013149430648" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="581.1967120108376" x2="532.155990899261" y1="61.52941038272999"
+            y2="110.57013149430648" stroke-width="15" stroke="#93dbe9" stroke-linecap="round"></line>
+          <line x1="153.36870174443493" x2="103.52218176454608" y1="129.93915864820679"
+            y2="179.78567862809564" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="153.36870174443493" x2="103.52218176454608" y1="-382.0608413517932"
+            y2="-332.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="409.36870174443493" x2="359.5221817645461" y1="-382.0608413517932"
+            y2="-332.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="665.3687017444349" x2="615.5221817645461" y1="-382.0608413517932"
+            y2="-332.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="153.36870174443493" x2="103.52218176454608" y1="-126.06084135179321"
+            y2="-76.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="409.36870174443493" x2="359.5221817645461" y1="-126.06084135179321"
+            y2="-76.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="665.3687017444349" x2="615.5221817645461" y1="-126.06084135179321"
+            y2="-76.21432137190436" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="153.36870174443493" x2="103.52218176454608" y1="129.93915864820679"
+            y2="179.78567862809564" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="409.36870174443493" x2="359.5221817645461" y1="129.93915864820679"
+            y2="179.78567862809564" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="665.3687017444349" x2="615.5221817645461" y1="129.93915864820679"
+            y2="179.78567862809564" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="49.20494471467643" x2="2.7142059537850685" y1="141.75997600855746"
+            y2="188.25071476944882" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="49.20494471467643" x2="2.7142059537850685" y1="-370.2400239914425"
+            y2="-323.7492852305512" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="305.20494471467646" x2="258.71420595378504" y1="-370.2400239914425"
+            y2="-323.7492852305512" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="561.2049447146765" x2="514.714205953785" y1="-370.2400239914425"
+            y2="-323.7492852305512" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="49.20494471467643" x2="2.7142059537850685" y1="-114.24002399144254"
+            y2="-67.74928523055118" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="305.20494471467646" x2="258.71420595378504" y1="-114.24002399144254"
+            y2="-67.74928523055118" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="561.2049447146765" x2="514.714205953785" y1="-114.24002399144254"
+            y2="-67.74928523055118" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="49.20494471467643" x2="2.7142059537850685" y1="141.75997600855746"
+            y2="188.25071476944882" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="305.20494471467646" x2="258.71420595378504" y1="141.75997600855746"
+            y2="188.25071476944882" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="561.2049447146765" x2="514.714205953785" y1="141.75997600855746"
+            y2="188.25071476944882" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="84.6808460539986" x2="32.68305955000314" y1="-7.711036017440037"
+            y2="44.28675048655542" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="84.6808460539986" x2="32.68305955000314" y1="-519.71103601744"
+            y2="-467.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="340.6808460539986" x2="288.6830595500031" y1="-519.71103601744"
+            y2="-467.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="596.6808460539986" x2="544.6830595500031" y1="-519.71103601744"
+            y2="-467.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="84.6808460539986" x2="32.68305955000314" y1="-263.71103601744005"
+            y2="-211.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="340.6808460539986" x2="288.6830595500031" y1="-263.71103601744005"
+            y2="-211.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="596.6808460539986" x2="544.6830595500031" y1="-263.71103601744005"
+            y2="-211.71324951344457" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="84.6808460539986" x2="32.68305955000314" y1="-7.711036017440037"
+            y2="44.28675048655542" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="340.6808460539986" x2="288.6830595500031" y1="-7.711036017440037"
+            y2="44.28675048655542" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="596.6808460539986" x2="544.6830595500031" y1="-7.711036017440037"
+            y2="44.28675048655542" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="84.6808460539986" x2="32.68305955000314" y1="248.28896398255995"
+            y2="300.28675048655543" stroke-width="15" stroke="#689cc5" stroke-linecap="round"></line>
+          <line x1="225.38342310559023" x2="185.66602314192056" y1="109.68961591653738"
+            y2="149.40701588020704" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="225.38342310559023" x2="185.66602314192056" y1="-402.3103840834626"
+            y2="-362.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="481.3834231055902" x2="441.66602314192056" y1="-402.3103840834626"
+            y2="-362.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="737.3834231055903" x2="697.6660231419205" y1="-402.3103840834626"
+            y2="-362.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="225.38342310559023" x2="185.66602314192056" y1="-146.31038408346262"
+            y2="-106.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="481.3834231055902" x2="441.66602314192056" y1="-146.31038408346262"
+            y2="-106.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="737.3834231055903" x2="697.6660231419205" y1="-146.31038408346262"
+            y2="-106.59298411979296" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="225.38342310559023" x2="185.66602314192056" y1="109.68961591653738"
+            y2="149.40701588020704" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="481.3834231055902" x2="441.66602314192056" y1="109.68961591653738"
+            y2="149.40701588020704" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="737.3834231055903" x2="697.6660231419205" y1="109.68961591653738"
+            y2="149.40701588020704" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="172.83662370669697" x2="103.52581079778793" y1="164.45975635392284"
+            y2="233.77056926283188" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="172.83662370669697" x2="103.52581079778793" y1="-347.54024364607716"
+            y2="-278.2294307371681" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="428.83662370669697" x2="359.5258107977879" y1="-347.54024364607716"
+            y2="-278.2294307371681" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="684.836623706697" x2="615.5258107977879" y1="-347.54024364607716"
+            y2="-278.2294307371681" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="172.83662370669697" x2="103.52581079778793" y1="-91.54024364607716"
+            y2="-22.229430737168116" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="428.83662370669697" x2="359.5258107977879" y1="-91.54024364607716"
+            y2="-22.229430737168116" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="684.836623706697" x2="615.5258107977879" y1="-91.54024364607716"
+            y2="-22.229430737168116" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="172.83662370669697" x2="103.52581079778793" y1="164.45975635392284"
+            y2="233.77056926283188" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="428.83662370669697" x2="359.5258107977879" y1="164.45975635392284"
+            y2="233.77056926283188" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="684.836623706697" x2="615.5258107977879" y1="164.45975635392284"
+            y2="233.77056926283188" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="254.85435949520382" x2="240.10841684705935" y1="-1.209429949430282"
+            y2="13.536512698714214" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="254.85435949520382" x2="240.10841684705935" y1="-513.2094299494303"
+            y2="-498.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="510.8543594952038" x2="496.10841684705935" y1="-513.2094299494303"
+            y2="-498.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="766.8543594952039" x2="752.1084168470593" y1="-513.2094299494303"
+            y2="-498.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="254.85435949520382" x2="240.10841684705935" y1="-257.2094299494303"
+            y2="-242.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="510.8543594952038" x2="496.10841684705935" y1="-257.2094299494303"
+            y2="-242.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="766.8543594952039" x2="752.1084168470593" y1="-257.2094299494303"
+            y2="-242.4634873012858" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="254.85435949520382" x2="240.10841684705935" y1="-1.209429949430282"
+            y2="13.536512698714214" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="510.8543594952038" x2="496.10841684705935" y1="-1.209429949430282"
+            y2="13.536512698714214" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="766.8543594952039" x2="752.1084168470593" y1="-1.209429949430282"
+            y2="13.536512698714214" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <line x1="254.85435949520382" x2="240.10841684705935" y1="254.79057005056973"
+            y2="269.5365126987142" stroke-width="15" stroke="#5e6fa3" stroke-linecap="round"></line>
+          <animateTransform attributeName="transform" type="translate" values="0 0;-256 256"
+            keyTimes="0;1" repeatCount="indefinite" dur="10.3333333333333335s"></animateTransform>
+        </g>
+      </g>
+    </pattern>
+  </defs>
+  <rect x="0" y="0" width="1084" height="322" fill="url(#pid-0.7735807359934106)"></rect>
+</svg>