[
  {
    "path": ".gitignore",
    "content": "# Compiled Object files, Static and Dynamic libs (Shared Objects)\r\n*.o\r\n*.a\r\n*.so\r\n\r\n# Folders\r\n_obj\r\n_test\r\n\r\n# Architecture specific extensions/prefixes\r\n*.[568vq]\r\n[568vq].out\r\n\r\n*.cgo1.go\r\n*.cgo2.c\r\n_cgo_defun.c\r\n_cgo_gotypes.go\r\n_cgo_export.*\r\n\r\n_testmain.go\r\n\r\n*.exe\r\n*.test\r\n\r\nnode_modules/\r\n.DS_Store\r\n"
  },
  {
    "path": "LICENSE",
    "content": "The MIT License (MIT)\n\nCopyright (c) 2020 wamo\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of\nthis software and associated documentation files (the \"Software\"), to deal in\nthe Software without restriction, including without limitation the rights to\nuse, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of\nthe Software, and to permit persons to whom the Software is furnished to do so,\nsubject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS\nFOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR\nCOPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER\nIN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n"
  },
  {
    "path": "README.md",
    "content": "# Tella\r\n\r\n![](https://raw.githubusercontent.com/opera7133/tella/master/images/screenshot.png)\r\n\r\nTella, A Hugo theme for Companies.\r\n\r\nThe demo can be seen here: https://tella.pages.dev\r\n\r\n## Features\r\n\r\n- Responsive\r\n- Carousel (with Splide.js)\r\n- Google Analytics\r\n- Pagination\r\n- Support categories\r\n- Disqus / Giscus\r\n- FontAwesome, Bootstrap Icons\r\n\r\n## Installation\r\n\r\n### Method 1\r\n\r\nInside the folder of your Hugo site run:\r\n\r\n```bash\r\ngit clone https://github.com/opera7133/tella themes/tella\r\n```\r\n\r\nUpdating theme:\r\n\r\n```bash\r\ncd themes/tella\r\ngit pull\r\n```\r\n\r\n### Method 2\r\n\r\nInside the folder of your Hugo site run:\r\n\r\n```bash\r\ngit submodule add https://github.com/opera7133/tella.git themes/tella\r\n```\r\n\r\nUpdating theme:\r\n\r\n```bash\r\ngit submodule update --remote --merge\r\n```\r\n\r\n### Install dependencies\r\n\r\nYou need [Node.js](https://nodejs.org/) before installation.\r\n\r\nCopy `package.json` from `themes/tella/exampleSite` to the root folder of your site.\r\n\r\nAfter that, run this command.\r\n\r\n```bash\r\nnpm install\r\n```\r\n\r\n## Getting started\r\n\r\nAfter installing the theme successfully it requires a just a few more steps to get your site running.\r\n\r\n### Update config file\r\n\r\nCopy the config.toml in the exampleSite to the root of your Hugo site. Change strings as you like.\r\n\r\n### Check your site\r\n\r\nIn order to see your site in action, run Hugo's built-in local server.\r\n\r\n```bash\r\nhugo server\r\n```\r\n\r\nNow enter `localhost:1313` in the address bar of your browser.\r\n\r\n### Build your site\r\n\r\n```bash\r\nhugo\r\n```\r\n\r\n## Contributing\r\n\r\nIf you find a bug or have an idea for a feature, feel free to write an [issue](https://github.com/opera7133/tella/issues) or make a PR.\r\n\r\n## License\r\n\r\nThis theme is released under the [MIT license](https://github.com/opera7133/tella/blob/master/LICENSE).\r\n"
  },
  {
    "path": "archetypes/blog.md",
    "content": "---\ntitle: \"\"\ndate: {{ .Date }}\nimage: \"img/default.jpg\"\ndraft: true\nweight: 100\nauthor: \"\"\n---\n"
  },
  {
    "path": "archetypes/products.md",
    "content": "---\ntitle: \"\"\ndate: {{ .Date }}\ndraft: true\n---\n"
  },
  {
    "path": "assets/css/style.css",
    "content": "@import \"tailwindcss\";\n@plugin \"@tailwindcss/typography\";\n@plugin \"@tailwindcss/forms\";\n@source \"hugo_stats.json\";\n\n@theme {\n  --color-tlgray-200: oklch(0.9276 0.0058 264.53);\n  --color-tlgray-400: oklch(0.7137 0.0192 261.32);\n  --color-tlgray-700: oklch(0.3729 0.0306 259.73);\n  --color-tlgray-800: oklch(0.2781 0.0296 256.85);\n}\n\n\nbody {\n  font-family: 'Montserrat', 'Noto Sans JP', sans-serif;\n  font-weight: 300;\n}\n.content {\n  font-family: 'Open Sans', 'Noto Sans JP', sans-serif;\n}\nhtml {\n  scroll-behavior: smooth;\n}\n\n/* slide */\n\n@keyframes ScaleAni {\n  0% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.splide__slide .s-fade-txt {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n}\n.splide__slide .s-fade-txt {\n  animation: FadeAni 0.5s ease 1s 1 normal both;\n}\n@keyframes FadeAni {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n.wrap {\n  overflow: hidden;\n}\n\n.splide__list img {\n  width: 100%;\n  height: 85vh;\n  object-fit: cover;\n}\n.active {\n  display: block !important;\n}\n.slide-wrap img {\n  width: 100%;\n  height: 85vh;\n  object-fit: cover;\n}\n.slide-class {\n  margin: 0 auto;\n}\n.animation-slide {\n  position: relative;\n}\n\n/* menu */\n.mopen {\n  float: left;\n  display: block;\n  background: rgba(255, 255, 255, 0);\n  position: relative;\n  z-index: 1000;\n}\n\n.mopen span {\n  transition: all 0.3s;\n  transform: rotate(0deg);\n  width: 50px;\n  height: 2px;\n  display: block;\n  background: #000;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  margin-left: -25px;\n}\n.mopen .top {\n  transform: translateY(-17px);\n}\n.mopen .bottom {\n  transform: translateY(17px);\n}\n.mopen.is-open span {\n  background: #fff;\n}\n.mopen.is-open .middle {\n  background: rgba(255, 255, 255, 0);\n}\n.mopen.is-open .top {\n  transform: rotate(-45deg) translateY(0px);\n}\n.mopen.is-open .bottom {\n  transform: rotate(45deg) translateY(0px);\n}\n\n/* menu bg */\n/* menu bg */\n#overlay.open {\n  opacity: 1;\n  pointer-events: auto;\n}\nbody.scroll-lock {\n  position: fixed;\n  left: 0px;\n  right: 0px;\n  top: 0px;\n  bottom: 0px;\n}\n.scroll-top {\n  background-color: #222;\n  text-align: center;\n  color: #fff;\n  position: fixed;\n  right: 1.5rem;\n  bottom: 1.5rem;\n  width: 3rem;\n  height: 3rem;\n  display: flex;\n  flex-direction: column;\n  z-index: 30;\n  padding-top: 0.75em;\n  padding-bottom: 0.75em;\n  cursor: pointer;\n}\n\n/* pagination */\n\n.pagination {\n  display: flex;\n  list-style: none;\n  border-radius: 0.25rem;\n  margin: 20px 0;\n  padding: 0;\n  justify-content: center;\n}\n.page-link {\n  position: relative;\n  display: block;\n  padding: 0.75rem 1rem;\n  margin-left: -1px;\n  line-height: 1.25;\n  border: 1px solid #dee2e6;\n}\n.homepage .page-link,\n.listing .page-link {\n  background-color: #fff;\n}\n.page-item.disabled .page-link {\n  color: #6c757d;\n  pointer-events: none;\n  cursor: auto;\n  background-color: #fff;\n  border-color: #dee2e6;\n}\n.page-item.active .page-link {\n  z-index: 1;\n}\n\n/* toc */\n\n#TableOfContents > ul {\n  border: 1px solid #999;\n  border-radius: 3px;\n  padding: 0.5em 1em;\n  line-height: 2;\n}\n#TableOfContents > ul:before {\n  content: 'Table of Contents';\n  text-align: center;\n  font-size: 1.5em;\n  font-weight: 400;\n}\n#TableOfContents ul {\n  list-style-type: none;\n}\n#TableOfContents li {\n  padding-top: 0;\n}\n#TableOfContents li > ul {\n  padding-left: 1em;\n  width: 100%;\n}\n#TableOfContents a {\n  display: block;\n  border-bottom: dashed 1px lightgray;\n}\n\n/* scroll bar */\n\n::-webkit-scrollbar {\n  width: 10px;\n}\n::-webkit-scrollbar-track {\n  border-radius: 8px;\n  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);\n}\n::-webkit-scrollbar-thumb {\n  background-color: #121212;\n  border-radius: 10px;\n  box-shadow: 0 0 0 1px #121212;\n}\n"
  },
  {
    "path": "exampleSite/.gitignore",
    "content": "# Compiled Object files, Static and Dynamic libs (Shared Objects)\n*.o\n*.a\n*.so\n\n# Folders\n_obj\n_test\n\n# Architecture specific extensions/prefixes\n*.[568vq]\n[568vq].out\n\n*.cgo1.go\n*.cgo2.c\n_cgo_defun.c\n_cgo_gotypes.go\n_cgo_export.*\n\n_testmain.go\n\n*.exe\n*.test\n\n/public\n.DS_Store\n"
  },
  {
    "path": "exampleSite/archetypes/blog.md",
    "content": "---\ntitle: \"\"\ndate: {{ .Date }}\nimage: \"img/default.jpg\"\ndraft: true\nweight: 100\nauthor: \"\"\n---"
  },
  {
    "path": "exampleSite/archetypes/products.md",
    "content": "---\ntitle: \"\"\ndate: {{ .Date }}\ndraft: true\n---"
  },
  {
    "path": "exampleSite/content/_index.md",
    "content": "---\nauthor: \"Hugo Authors\"\n---\n"
  },
  {
    "path": "exampleSite/content/about.md",
    "content": "---\ntitle: \"About\"\ndescription: \"Hugo, the world's fastest framework for building websites\"\ndate: \"2019-02-28\"\nauthor: \"Hugo Authors\"\n---\n\nWritten in Go, Hugo is an open source static site generator available under the [Apache Licence 2.0.](https://github.com/gohugoio/hugo/blob/master/LICENSE) Hugo supports TOML, YAML and JSON data file types, Markdown and HTML content files and uses shortcodes to add rich content. Other notable features are taxonomies, multilingual mode, image processing, custom output formats, HTML/CSS/JS minification and support for Sass SCSS workflows.\n\nHugo makes use of a variety of open source projects including:\n\n* https://github.com/yuin/goldmark\n* https://github.com/alecthomas/chroma\n* https://github.com/muesli/smartcrop\n* https://github.com/spf13/cobra\n* https://github.com/spf13/viper\n\nHugo is ideal for blogs, corporate websites, creative portfolios, online magazines, single page applications or even a website with thousands of pages.\n\nHugo is for people who want to hand code their own website without worrying about setting up complicated runtimes, dependencies and databases.\n\nWebsites built with Hugo are extremely fast, secure and can be deployed anywhere including, AWS, GitHub Pages, Heroku, Netlify and any other hosting provider.\n\nLearn more and contribute on [GitHub](https://github.com/gohugoio).\n"
  },
  {
    "path": "exampleSite/content/blog/_index.md",
    "content": "---\naliases: [\"posts\", \"articles\", \"blog\", \"showcase\", \"docs\"]\ntitle: \"Posts\"\nauthor: \"Hugo Authors\"\ntags: [\"index\"]\n---\n"
  },
  {
    "path": "exampleSite/content/blog/emoji-support.md",
    "content": "---\nauthor: \"Hugo Authors\"\ntitle: \"Emoji Support\"\ndate: \"2019-03-05\"\ndescription: \"Guide to emoji usage in Hugo\"\ntags: [\n    \"emoji\",\n]\n---\n\nEmoji can be enabled in a Hugo project in a number of ways. \n<!--more-->\nThe [`emojify`](https://gohugo.io/functions/emojify/) function can be called directly in templates or [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes). \n\nTo enable emoji globally, set `enableEmoji` to `true` in your site's [configuration](https://gohugo.io/getting-started/configuration/) and then you can type emoji shorthand codes directly in content files; e.g.\n\n<p><span class=\"nowrap\"><span class=\"emojify\">🙈</span> <code>:see_no_evil:</code></span>  <span class=\"nowrap\"><span class=\"emojify\">🙉</span> <code>:hear_no_evil:</code></span>  <span class=\"nowrap\"><span class=\"emojify\">🙊</span> <code>:speak_no_evil:</code></span></p>\n<br>\n\nThe [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference for emoji shorthand codes.\n\n***\n\n**N.B.** The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g.\n\n{{< highlight html >}}\n.emoji {\n  font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;\n}\n{{< /highlight >}}\n\n{{< css.inline >}}\n<style>\n.emojify {\n\tfont-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;\n\tfont-size: 2rem;\n\tvertical-align: middle;\n}\n@media screen and (max-width:650px) {\n  .nowrap {\n    display: block;\n    margin: 25px 0;\n  }\n}\n</style>\n{{< /css.inline >}}\n"
  },
  {
    "path": "exampleSite/content/blog/markdown-syntax.md",
    "content": "---\nauthor: \"Hugo Authors\"\ntitle: \"Markdown Syntax Guide\"\ndate: \"2019-03-11\"\ndescription: \"Sample article showcasing basic Markdown syntax and formatting for HTML elements.\"\ntags: [\n    \"markdown\",\n    \"css\",\n    \"html\",\n]\ncategories: [\n    \"themes\",\n    \"syntax\",\n]\nseries: [\"Themes Guide\"]\n---\n\nThis article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.\n<!--more-->\n\n## Headings\n\nThe following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.\n\n# H1\n## H2\n### H3\n#### H4\n##### H5\n###### H6\n\n## Paragraph\n\nXerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.\n\nItatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.\n\n## Blockquotes\n\nThe blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.\n\n#### Blockquote without attribution\n\n> Tiam, ad mint andaepu dandae nostion secatur sequo quae.\n> **Note** that you can use *Markdown syntax* within a blockquote.\n\n#### Blockquote with attribution\n\n> Don't communicate by sharing memory, share memory by communicating.<br>\n> — <cite>Rob Pike[^1]</cite>\n\n[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.\n\n## Tables\n\nTables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.\n\n   Name | Age\n--------|------\n    Bob | 27\n  Alice | 23\n\n#### Inline Markdown within tables\n\n| Italics   | Bold     | Code   |\n| --------  | -------- | ------ |\n| *italics* | **bold** | `code` |\n\n## Code Blocks\n\n#### Code block with backticks\n\n```html\n<!doctype html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>Example HTML5 Document</title>\n</head>\n<body>\n  <p>Test</p>\n</body>\n</html>\n```\n\n#### Code block indented with four spaces\n\n    <!doctype html>\n    <html lang=\"en\">\n    <head>\n      <meta charset=\"utf-8\">\n      <title>Example HTML5 Document</title>\n    </head>\n    <body>\n      <p>Test</p>\n    </body>\n    </html>\n\n#### Code block with Hugo's internal highlight shortcode\n{{< highlight html >}}\n<!doctype html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>Example HTML5 Document</title>\n</head>\n<body>\n  <p>Test</p>\n</body>\n</html>\n{{< /highlight >}}\n\n## List Types\n\n#### Ordered List\n\n1. First item\n2. Second item\n3. Third item\n\n#### Unordered List\n\n* List item\n* Another item\n* And another item\n\n#### Nested list\n\n* Fruit\n  * Apple\n  * Orange\n  * Banana\n* Dairy\n  * Milk\n  * Cheese\n"
  },
  {
    "path": "exampleSite/content/blog/math-typesetting.md",
    "content": "---\nauthor: Hugo Authors\ntitle: Math Typesetting\ndate: 2019-03-08\ndescription: A brief guide to setup KaTeX\nmath: true\n---\n\nMathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.\n<!--more-->\n\nIn this example we will be using [KaTeX](https://katex.org/)\n\n- Create a partial under `/layouts/partials/math.html`\n- Within this partial reference the [Auto-render Extension](https://katex.org/docs/autorender.html) or host these scripts locally.\n- Include the partial in your templates like so:  \n\n```bash\n{{ if or .Params.math .Site.Params.math }}\n{{ partial \"math.html\" . }}\n{{ end }}\n```\n\n- To enable KaTex globally set the parameter `math` to `true` in a project's configuration\n- To enable KaTex on a per page basis include the parameter `math: true` in content files\n\n**Note:** Use the online reference of [Supported TeX Functions](https://katex.org/docs/supported.html)\n\n{{< math.inline >}}\n{{ if or .Page.Params.math .Site.Params.math }}\n<!-- KaTeX -->\n<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css\" integrity=\"sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq\" crossorigin=\"anonymous\">\n<script defer src=\"https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js\" integrity=\"sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz\" crossorigin=\"anonymous\"></script>\n<script defer src=\"https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js\" integrity=\"sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI\" crossorigin=\"anonymous\" onload=\"renderMathInElement(document.body);\"></script>\n{{ end }}\n{{</ math.inline >}}\n\n### Examples\n\n{{< math.inline >}}\n<p>\nInline math: \\(\\varphi = \\dfrac{1+\\sqrt5}{2}= 1.6180339887…\\)\n</p>\n{{</ math.inline >}}\n\nBlock math:\n$$\n \\varphi = 1+\\frac{1} {1+\\frac{1} {1+\\frac{1} {1+\\cdots} } } \n$$\n"
  },
  {
    "path": "exampleSite/content/blog/placeholder-text.md",
    "content": "---\nauthor: \"Hugo Authors\"\ntitle: \"Placeholder Text\"\ndate: \"2019-03-09\"\ndescription: \"Lorem Ipsum Dolor Si Amet\"\ntags: [\n    \"markdown\",\n    \"text\",\n]\n---\n\nLorem est tota propiore conpellat pectoribus de pectora summo. <!--more-->Redit teque digerit hominumque toris verebor lumina non cervice subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.\n\n1. Exierant elisi ambit vivere dedere\n2. Duce pollice\n3. Eris modo\n4. Spargitque ferrea quos palude\n\nRursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria tractus malis.\n\n1. Comas hunc haec pietate fetum procerum dixit\n2. Post torum vates letum Tiresia\n3. Flumen querellas\n4. Arcanaque montibus omnes\n5. Quidem et\n\n# Vagus elidunt\n\n<svg class=\"canon\" xmlns=\"http://www.w3.org/2000/svg\" overflow=\"visible\" viewBox=\"0 0 496 373\" height=\"373\" width=\"496\"><g fill=\"none\"><path stroke=\"#000\" stroke-width=\".75\" d=\"M.599 372.348L495.263 1.206M.312.633l494.95 370.853M.312 372.633L247.643.92M248.502.92l246.76 370.566M330.828 123.869V1.134M330.396 1.134L165.104 124.515\"></path><path stroke=\"#ED1C24\" stroke-width=\".75\" d=\"M275.73 41.616h166.224v249.05H275.73zM54.478 41.616h166.225v249.052H54.478z\"></path><path stroke=\"#000\" stroke-width=\".75\" d=\"M.479.375h495v372h-495zM247.979.875v372\"></path><ellipse cx=\"498.729\" cy=\"177.625\" rx=\".75\" ry=\"1.25\"></ellipse><ellipse cx=\"247.229\" cy=\"377.375\" rx=\".75\" ry=\"1.25\"></ellipse></g></svg>\n\n[The Van de Graaf Canon](https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon)\n\n## Mane refeci capiebant unda mulcebat\n\nVicta caducifer, malo vulnere contra dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. **Faces illo pepulere** tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis.\n\nIubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae vulnus haerentia iuste et exercebat, sui et.\n\nEurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, *oculos nomen* non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem Propoetides **parte**.\n\n{{< css.inline >}}\n<style>\n.canon { background: white; width: 100%; height: auto; }\n</style>\n{{< /css.inline >}}\n"
  },
  {
    "path": "exampleSite/content/blog/rich-content.md",
    "content": "---\nauthor: \"Hugo Authors\"\ntitle: \"Rich Content\"\ndate: \"2019-03-10\"\ndescription: \"A brief description of Hugo Shortcodes\"\ntags: [\n    \"shortcodes\",\n    \"privacy\",\n]\n---\n\nHugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugos-built-in-shortcodes) for rich content, along with a [Privacy Config](https://gohugo.io/about/hugo-and-gdpr/) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.\n<!--more-->\n---\n\n## YouTube Shortcode\n\n{{< youtube ZJthWmvUzzc >}}\n\n<br>\n\n---\n\n## X Shortcode\n\n{{< x user=\"DesignReviewed\" id=\"1085870671291310081\" >}}\n\n<br>\n\n---\n\n## Vimeo Shortcode\n\n{{< vimeo 48912912 >}}\n"
  },
  {
    "path": "exampleSite/content/contact.md",
    "content": "---\ntitle: 'Contact'\n---\n\nTo contact us, please fill out the form below.\n\n{{< form >}}\n"
  },
  {
    "path": "exampleSite/content/products/_index.md",
    "content": "---\ntitle: \"Products\"\n---"
  },
  {
    "path": "exampleSite/content/products/example.md",
    "content": "---\ntitle: \"Example Project\"\ndate: 2020-06-23T12:33:45+10:00\ndraft: false\nfeatured: true\nweight: 1\ndescription: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec accumsan dapibus purus, vel maximus erat facilisis vel.\n---\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Donec accumsan dapibus purus, vel maximus erat facilisis vel. Suspendisse eu ipsum consequat, sodales nulla vel, faucibus velit. Fusce imperdiet lacus nec cursus auctor. In vulputate arcu et nulla placerat, nec pulvinar quam rhoncus. Praesent vel placerat nunc. Mauris elit felis, pulvinar egestas risus ut, fermentum ullamcorper orci. Integer tempor, neque sed fermentum eleifend, ligula est tincidunt purus, sodales semper elit enim ut mi. Vestibulum commodo tristique hendrerit. Duis interdum tristique augue id aliquam. Sed et tellus aliquam, accumsan erat at, facilisis tortor. Donec ac sapien sed lectus ullamcorper ultrices. Nullam placerat mauris nec urna rhoncus, vitae faucibus nulla venenatis. Donec vestibulum justo auctor, vestibulum diam quis, egestas erat. Vivamus volutpat et metus ut fermentum. Donec volutpat neque nec quam lacinia, nec faucibus felis ullamcorper."
  },
  {
    "path": "exampleSite/data/features.json",
    "content": "[\n  {\n    \"title\": \"Simple\",\n    \"description\": \"All the bare necessities are there.\",\n    \"icon\": \"bi bi-box\"\n  },\n  {\n    \"title\": \"Fast\",\n    \"description\": \"Light weight and fast loading speed.\",\n    \"icon\": \"bi bi-lightning-charge\"\n  },\n  {\n    \"title\": \"Github\",\n    \"description\": \"Please fork the Github repository and contribute to this theme!\",\n    \"link\": \"https://github.com/opera7133/tella\",\n    \"icon\": \"bi bi-github\"\n  }\n]\n"
  },
  {
    "path": "exampleSite/data/slide.json",
    "content": "[\n  {\n    \"title\": \"Tella, A Hugo theme for Companies.\",\n    \"image\": \"img/slide/slide01.jpg\"\n  },\n  {\n    \"title\": \"Sample text here...\",\n    \"image\": \"img/slide/slide02.jpg\",\n    \"color\": \"text-black\"\n  }\n]\n"
  },
  {
    "path": "exampleSite/hugo.toml",
    "content": "baseURL = \"https://example.com\"\r\ntitle = \"Tella\"\r\nauthor = \"username\"\r\nlanguageCode = \"en\"\r\nDefaultContentLanguage = \"en\"\r\nenableInlineShortcodes = true\r\ntheme = \"tella\"\r\nenableRobotsTXT = true\r\n\r\n# Please enable this feature if the site is available in Japanese, Chinese or Korean.\r\n#hasCJKLanguage = true\r\n\r\n[services]\r\n  [services.googleAnalytics]\r\n  # If you're using Google Analytics, you can enable this feature.\r\n  #id = \"G-1234567890\"\r\n\r\n  [services.disqus]\r\n  # Disqus Comment System\r\n  #shortname = \"your-disqus-shortname\"\r\n\r\n[params]\r\nshowBlog = true\r\nmainSections = ['blog']\r\ngoogleFonts = true\r\n\r\n  [params.logo]\r\n  main = \"img/logo/logo.svg\"\r\n  alt = \"Tella Logo\"\r\n\r\n  # The size parameter is the class name of tailwindcss\r\n  # https://tailwindcss.com/\r\n  size = \"h-14\"\r\n\r\n  [params.site]\r\n  name = \"Tella\"\r\n\r\n  [params.icon]\r\n  # If you want to use FontAwesome, set this parameter to true.\r\n  #fontawesome = true\r\n\r\n  # You can also use Bootstrap Icons.\r\n  bootstrap = true\r\n\r\n  [params.share]\r\n  # If you want to use share buttons, set this parameter to true.\r\n  enable = true\r\n  # Uncomment and edit to limit which services are shown\r\n  # services = [\"twitter\", \"mastodon\", \"facebook\", \"line\", \"linkedin\", \"whatsapp\", \"mail\", \"copy\"]\r\n\r\n  [params.homepage_meta_tags]\r\n  meta_description = \"A Hugo Theme for OSSProject, Companies, Organization...\"\r\n  meta_og_title = \"Tella\"\r\n  meta_og_type = \"website\"\r\n  meta_og_url = \"https://tella.pages.dev\"\r\n  meta_og_image = \"https://raw.githubusercontent.com/opera7133/tella/master/images/tn.png\"\r\n  meta_og_description = \"A Hugo Theme for OSSProject, Companies, Organization...\"\r\n  meta_twitter_card = \"summary_large_image\"\r\n  meta_twitter_site = \"@username\"\r\n  meta_twitter_creator = \"@username\"\r\n\r\n  [params.giscus]\r\n  # Giscus Comment System\r\n  # See https://giscus.app for setup instructions\r\n  #repo = \"your-repo\"\r\n  #repo_id = \"your-repo-id\"\r\n  #category = \"Announcements\"\r\n  #category_id = \"your-category-id\"\r\n  #mapping = \"pathname\"\r\n  #strict = \"0\"\r\n  #reactions_enabled = \"1\"\r\n  #emit_metadata = \"0\"\r\n  #input_position = \"bottom\"\r\n  #theme = \"preferred_color_scheme\"\r\n  #lang = \"en\"\r\n  #loading = \"lazy\"\r\n\r\n[menu]\r\n  [[menu.main]]\r\n  identifier = \"products\"\r\n  name = \"Products\"\r\n  url = \"/products/\"\r\n  weight = 1\r\n\r\n  [[menu.main]]\r\n  identifier = \"blog\"\r\n  name = \"Blog\"\r\n  url = \"/blog/\"\r\n  weight = 2\r\n\r\n  [[menu.main]]\r\n  identifier = \"about\"\r\n  name = \"About\"\r\n  url = \"/about/\"\r\n  weight = 3\r\n\r\n  [[menu.main]]\r\n  identifier = \"contact\"\r\n  name = \"Contact\"\r\n  url = \"/contact/\"\r\n  weight = 4\r\n\r\n  # Footer Menu\r\n  [[menu.footer]]\r\n  name = \"Home\"\r\n  url = \"/\"\r\n  weight = 1\r\n\r\n  [[menu.footer]]\r\n  name = \"Github\"\r\n  url = \"https://github.com/opera7133/tella\"\r\n  #pre = \"<i class='bi bi-github text-2xl'></i>\"\r\n  weight = 2\r\n\r\n[taxonomies]\r\ncategory = \"categories\"\r\ntag = \"tags\"\r\nseries = \"series\"\r\n\r\n[privacy]\r\n  [privacy.vimeo]\r\n  disabled = false\r\n  simple = false\r\n\r\n  [privacy.x]\r\n  disabled = false\r\n  enableDNT = true\r\n  simple = false\r\n\r\n  [privacy.instagram]\r\n  disabled = false\r\n  simple = false\r\n\r\n  [privacy.youtube]\r\n  disabled = false\r\n  privacyEnhanced = true\r\n\r\n[markup]\r\n  [markup.goldmark]\r\n    [markup.goldmark.renderer]\r\n    unsafe = true\r\n\r\n[build]\r\n  [build.buildStats]\r\n  enable = true\r\n  [[build.cachebusters]]\r\n  source = 'assets/notwatching/hugo_stats\\.json'\r\n  target = 'css'\r\n\r\n[module]\r\n  [[module.mounts]]\r\n  source = 'assets'\r\n  target = 'assets'\r\n  [[module.mounts]]\r\n  disableWatch = true\r\n  source = 'hugo_stats.json'\r\n  target = 'assets/notwatching/hugo_stats.json'\r\n"
  },
  {
    "path": "exampleSite/layouts/.gitkeep",
    "content": ""
  },
  {
    "path": "exampleSite/package.json",
    "content": "{\r\n  \"name\": \"tella\",\r\n  \"version\": \"0.0.1\",\r\n  \"description\": \"Simple, Light, Responsive\",\r\n  \"main\": \"index.js\",\r\n  \"repository\": \"https://github.com/opera7133/tella\",\r\n  \"author\": \"wamo <ainznino@pm.me>\",\r\n  \"license\": \"MIT\",\r\n  \"scripts\": {\r\n    \"test\": \"echo \\\"Error: no test specified\\\" && exit 1\"\r\n  },\r\n  \"keywords\": [],\r\n  \"devDependencies\": {\r\n    \"@tailwindcss/cli\": \"^4.1.11\",\r\n    \"@tailwindcss/typography\": \"^0.5.19\",\r\n    \"@tailwindcss/forms\": \"^0.5.11\",\r\n    \"tailwindcss\": \"^4.1.11\"\r\n  }\r\n}\r\n"
  },
  {
    "path": "exampleSite/static/css/custom.css",
    "content": "/* \n This CSS file is used to override the existing styles of the theme.\n You can change the article headings, fonts, colors, etc.\n*/"
  },
  {
    "path": "layouts/404.html",
    "content": "{{ define \"main\" }}\n<div class=\"flex flex-col items-center justify-center min-h-[70vh] text-center px-4\">\n    <div class=\"relative flex items-center justify-center mb-8\">\n        <span class=\"text-[10rem] md:text-[15rem] font-bold text-gray-100 select-none leading-none\">404</span>\n        <div class=\"absolute inset-0 flex flex-col items-center justify-center pt-8\">\n            <h1 class=\"text-3xl md:text-5xl font-bold text-black mb-2\">Page Not Found</h1>\n            <p class=\"text-lg text-gray-500 font-medium tracking-wide\">NOT FOUND</p>\n        </div>\n    </div>\n\n    <div class=\"max-w-md mx-auto mb-10\">\n        <p class=\"text-gray-600 leading-relaxed\">\n            Sorry, the page you are looking for could not be found.<br>\n            The page you are trying to access may have been deleted or the URL may have changed.\n        </p>\n    </div>\n\n    <a href=\"{{ site.BaseURL }}\" class=\"inline-flex items-center px-8 py-3 bg-black text-white font-medium hover:bg-gray-800 transition-all duration-300\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 19l-7-7m0 0l7-7m-7 7h18\" />\n        </svg>\n        Back to Home\n    </a>\n</div>\n{{ end }}\n"
  },
  {
    "path": "layouts/_default/baseof.html",
    "content": "<!DOCTYPE html>\n<html lang=\"{{ or .Site.Language.Lang \"ja\" }}\">\n\n<head>\n  {{- partial \"head.html\" . -}}\n  {{ block \"meta_tags\" . }}{{end}}\n</head>\n\n<body class=\"flex flex-col min-h-screen\">\n  <main class=\"grow\">\n    {{- partial \"header.html\" . -}}\n    <div class=\"scroll-top rounded-full flex items-center justify-center\">\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-chevron-up\" viewBox=\"0 0 16 16\">\n        <path fill-rule=\"evenodd\" d=\"M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z\"/>\n      </svg>\n    </div>\n    {{- block \"main\" . }}{{- end }}\n  </main>\n  {{- partial \"footer.html\" . -}}\n  {{ block \"scripts\" . }}{{ end }}\n</body>\n\n</html>\n"
  },
  {
    "path": "layouts/_default/list.html",
    "content": "{{ define \"meta_tags\" }}\n\n<meta property=\"og:site_name\" content=\"{{ .Site.Title }}\" />\n<meta property=\"og:title\" content=\"{{ .Title }} | {{ .Site.Title }}\" />\n<meta property=\"og:type\" content=\"website\" />\n<meta property=\"og:url\" content=\"{{ .Permalink }}\" />\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n<meta property=\"twitter:title\" content=\"{{ .Title }}\">\n\n{{ if .Params.image }}\n{{ with .Params.image }}\n<meta property=\"og:image\" content=\"{{ . | absURL }}\">\n{{ end }}\n{{ else }}\n<meta property=\"og:image\" content=\"{{ .Site.Params.homepage_meta_tags.meta_og_image | absURL }}\">\n{{ end }}\n\n{{- if .Description }}\n<meta name=\"description\" content=\"{{ .Description }}\" />\n<meta property=\"og:description\" content=\"{{ .Description }}\" />\n<meta property=\"twitter:description\" content=\"{{ .Description }}\" />\n{{- else if .Summary }}\n<meta name=\"description\" content=\"{{ .Summary }}\" />\n<meta property=\"og:description\" content=\"{{ .Summary }}\" />\n<meta property=\"twitter:description\" content=\"{{ .Summary }}\" />\n{{- else if .Site.Params.description }}\n<meta name=\"description\" content=\"{{ .Site.Params.description }}\" />\n<meta property=\"og:description\" content=\"{{ .Site.Params.description }}\" />\n<meta property=\"twitter:description\" content=\"{{ .Site.Params.description }}\" />\n{{- end }}\n\n{{ end }}\n\n{{ define \"main\" }}\n<div class=\"mx-auto my-10 max-w-6xl\">\n  <div class=\"mx-3 col-span-3 lg:col-span-2 px-2\">\n    <h1 class=\"title text-4xl font-bold mb-8\">{{.Title}}</h1>\n    <div class=\"content py-1\">{{.Content}}</div>\n    {{ $paginator := .Paginate (where .Data.Pages \"Type\" \"in\" site.Params.mainSections) 6 }}\n    {{ range $paginator.Pages }}\n    <a href=\"{{ .Permalink }}\">\n      <div>{{ partial \"summary.html\" . }}</div>\n    </a>\n    {{ end }}\n  </div>\n  {{ partial \"paginator.html\" . }}\n</div>\n{{ end }}\n"
  },
  {
    "path": "layouts/_default/single.html",
    "content": "{{ define \"meta_tags\" }}\r\n\r\n<meta property=\"og:site_name\" content=\"{{ .Site.Title }}\" />\r\n<meta property=\"og:title\" content=\"{{ .Title }} | {{ .Site.Title }}\" />\r\n<meta property=\"og:type\" content=\"website\" />\r\n<meta property=\"og:url\" content=\"{{ .Permalink }}\" />\r\n<meta name=\"twitter:card\" content=\"summary_large_image\">\r\n<meta property=\"twitter:title\" content=\"{{ .Title }}\">\r\n\r\n{{ if .Params.image }}\r\n{{ with .Params.image }}\r\n<meta property=\"og:image\" content=\"{{ . | absURL }}\">\r\n{{ end }}\r\n{{ else }}\r\n<meta property=\"og:image\" content=\"{{ .Site.Params.homepage_meta_tags.meta_og_image | absURL }}\">\r\n{{ end }}\r\n\r\n{{- if .Description }}\r\n<meta name=\"description\" content=\"{{ .Description }}\" />\r\n<meta property=\"og:description\" content=\"{{ .Description }}\" />\r\n<meta property=\"twitter:description\" content=\"{{ .Description }}\" />\r\n{{- else if .Summary }}\r\n<meta name=\"description\" content=\"{{ .Summary }}\" />\r\n<meta property=\"og:description\" content=\"{{ .Summary }}\" />\r\n<meta property=\"twitter:description\" content=\"{{ .Summary }}\" />\r\n{{- else if .Site.Params.description }}\r\n<meta name=\"description\" content=\"{{ .Site.Params.description }}\" />\r\n<meta property=\"og:description\" content=\"{{ .Site.Params.description }}\" />\r\n<meta property=\"twitter:description\" content=\"{{ .Site.Params.description }}\" />\r\n{{- end }}\r\n\r\n{{ end }}\r\n\r\n{{ define \"main\" }}\r\n<div class=\"mx-auto my-10 max-w-4xl px-4 sm:px-6 lg:px-8\">\r\n  <article class=\"bg-white p-6 md:p-10 border border-tlgray-200\">\r\n    <header class=\"mb-8 text-center md:text-left\">\r\n        {{ with .Params.image }}\r\n        <div class=\"rounded-xl overflow-hidden mb-8 aspect-video w-full shadow-md\">\r\n            <img src=\"{{ . | absURL }}\" alt=\"{{ $.Title }}\" class=\"w-full h-full object-cover\">\r\n        </div>\r\n        {{ end }}\r\n        <h1 class=\"text-3xl md:text-5xl font-extrabold text-tlgray-800 mb-6 leading-tight\">{{.Title}}</h1>\r\n        <div class=\"flex flex-wrap items-center justify-center md:justify-start text-sm text-tlgray-500 space-x-4 mb-6 border-b border-tlgray-200 pb-6\">\r\n            {{ if .Date }}\r\n            <div class=\"flex items-center\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" class=\"mr-2\" viewBox=\"0 0 16 16\">\r\n                    <path d=\"M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z\"/>\r\n                    <path d=\"M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0\"/>\r\n                </svg>\r\n                <time datetime=\"{{ .Date.Format \"2006-01-02T15:04:05Z07:00\" }}\">{{ .Date.Format \"Jan 2, 2006\" }}</time>\r\n            </div>\r\n            {{ end }}\r\n            {{ if .Params.author }}\r\n            <div class=\"flex items-center\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" class=\"mr-2\" viewBox=\"0 0 16 16\">\r\n                    <path d=\"M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6\"/>\r\n                </svg>\r\n                <span>{{ .Params.author }}</span>\r\n            </div>\r\n            {{ end }}\r\n        </div>\r\n    </header>\r\n    <div class=\"content prose prose-lg max-w-none text-tlgray-700 leading-relaxed mx-auto\">\r\n        {{.Content}}\r\n    </div>\r\n  </article>\r\n</div>\r\n{{ end }}\r\n"
  },
  {
    "path": "layouts/blog/single.html",
    "content": "{{ define \"meta_tags\" }}\r\n<meta property=\"og:title\" content=\"{{site.Title}}{{if not .IsHome}} | {{.Title}}{{end}}\" />\r\n{{ partial \"seo/print.html\" . }}\r\n\r\n{{- with .Site.Params.facebookAppId }}\r\n<meta property=\"fb:app_id\" content=\"{{ . }}\" />\r\n{{- end }}\r\n<meta name=\"twitter:title\" content=\"{{ .Title }}\">\r\n\r\n{{ end }}\r\n{{ define \"main\" }}\r\n<div class=\"mx-auto my-10 max-w-4xl px-4 sm:px-6 lg:px-8\">\r\n  <article class=\"bg-white p-6 md:p-10 border border-tlgray-200\">\r\n    <header class=\"mb-8 text-center md:text-left\">\r\n        {{ if .Params.image }}\r\n        <div class=\"rounded-xl overflow-hidden mb-8 aspect-video w-full shadow-md\">\r\n            <img src=\"{{ .Params.image | absURL }}\" alt=\"{{ .Title }}\" class=\"w-full h-full object-cover\">\r\n        </div>\r\n        {{ end }}\r\n        <h1 class=\"text-3xl md:text-5xl font-extrabold text-tlgray-800 mb-6 leading-tight\">{{.Title}}</h1>\r\n\r\n        <div class=\"flex flex-wrap items-center justify-center md:justify-start text-sm text-tlgray-500 gap-6 mb-6 border-b border-tlgray-200 pb-6\">\r\n            <div class=\"flex items-center\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" class=\"mr-2\" viewBox=\"0 0 16 16\">\r\n                    <path d=\"M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z\"/>\r\n                    <path d=\"M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0\"/>\r\n                </svg>\r\n                <time datetime=\"{{ .Date.Format \"2006-01-02T15:04:05Z07:00\" }}\">{{ .Date.Format \"2006/01/02\" }}</time>\r\n            </div>\r\n\r\n            {{ if .Params.author }}\r\n            <div class=\"flex items-center\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" class=\"mr-2\" viewBox=\"0 0 16 16\">\r\n                    <path d=\"M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6\"/>\r\n                </svg>\r\n                <span>{{.Params.author}}</span>\r\n            </div>\r\n            {{ end }}\r\n\r\n            {{ with .Params.categories }}\r\n            <div class=\"flex items-center\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" class=\"mr-2\" viewBox=\"0 0 16 16\">\r\n                    <path d=\"M9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.825a2 2 0 0 1-1.991-1.819l-.637-7a2 2 0 0 1 .342-1.31L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3m-8.322.12q.322-.119.684-.12h5.396l-.707-.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981z\"/>\r\n                </svg>\r\n                <div class=\"flex gap-2\">\r\n                {{ range . }}\r\n                <a href='{{ \"categories\" | absURL}}/{{ . | urlize }}' class=\"hover:text-blue-600 transition-colors\">{{ . }}</a>\r\n                {{ end }}\r\n                </div>\r\n            </div>\r\n            {{ end }}\r\n        </div>\r\n    </header>\r\n\r\n    <div class=\"content prose prose-lg max-w-none text-tlgray-700 leading-relaxed mx-auto mb-12\">\r\n        {{.Content}}\r\n    </div>\r\n\r\n    {{ partial \"share.html\" . }}\r\n\r\n    {{ partial \"comments.html\" . }}\r\n\r\n    <!-- Navigation -->\r\n    <nav class=\"mt-12 w-full grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n        {{ with .PrevInSection }}\r\n        <a href=\"{{ .Permalink }}\" class=\"group block p-6 border border-tlgray-200 transition-all text-left\">\r\n            <span class=\"text-sm text-gray-500 font-medium mb-2 block group-hover:text-blue-600\">Previous</span>\r\n            <div class=\"flex items-center gap-3\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"w-5 h-5 shrink-0 text-gray-400 group-hover:text-blue-600 transition-colors\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\" />\r\n                </svg>\r\n                <span class=\"text-lg font-bold text-gray-800 group-hover:text-blue-600 transition-colors line-clamp-2\">{{ .Title }}</span>\r\n            </div>\r\n        </a>\r\n        {{ else }}\r\n        <div></div>\r\n        {{ end }}\r\n\r\n        {{ with .NextInSection }}\r\n        <a href=\"{{ .Permalink }}\" class=\"group block p-6 border border-tlgray-200 transition-all text-right\">\r\n            <span class=\"text-sm text-gray-500 font-medium mb-2 block group-hover:text-blue-600\">Next</span>\r\n            <div class=\"flex items-center justify-end gap-3\">\r\n                <span class=\"text-lg font-bold text-gray-800 group-hover:text-blue-600 transition-colors line-clamp-2\">{{ .Title }}</span>\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"w-5 h-5 shrink-0 text-gray-400 group-hover:text-blue-600 transition-colors\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\" />\r\n                </svg>\r\n            </div>\r\n        </a>\r\n        {{ end }}\r\n    </nav>\r\n\r\n  </article>\r\n</div>\r\n{{ end }}\r\n"
  },
  {
    "path": "layouts/index.html",
    "content": "{{ define \"meta_tags\" }}\n    <meta name=\"description\" content=\"{{ .Site.Params.homepage_meta_tags.meta_og_description }}\" />\n    <meta property=\"og:title\" content=\"{{ .Site.Params.homepage_meta_tags.meta_og_title }}\" />\n    <meta property=\"og:type\" content=\"{{ .Site.Params.homepage_meta_tags.meta_og_type }}\" />\n    <meta property=\"og:url\" content=\"{{ .Site.Params.homepage_meta_tags.meta_og_url }}\" />\n    <meta property=\"og:image\" content=\"{{ .Site.Params.homepage_meta_tags.meta_og_image }}\" />\n    <meta property=\"og:description\" content=\"{{ .Site.Params.homepage_meta_tags.meta_og_description }}\" />\n    <meta name=\"twitter:card\" content=\"{{ .Site.Params.homepage_meta_tags.meta_twitter_card }}\" />\n    <meta name=\"twitter:site\" content=\"{{ .Site.Params.homepage_meta_tags.meta_twitter_site }}\" />\n    <meta name=\"twitter:creator\" content=\"{{ .Site.Params.homepage_meta_tags.meta_twitter_creator }}\" />\n{{ end }}\n\n{{ define \"main\" }}\n    {{- partial \"alert.html\" . -}}\n    {{- partial \"slide.html\" . -}}\n    {{- partial \"strip.html\" . -}}\n    {{ if ne .Site.Params.showBlog false }}\n    <div class=\"mx-auto my-10 max-w-6xl px-4\">\n        <h2 class=\"text-4xl mb-6 font-bold\">Blog</h2>\n        {{- partial \"recent.html\" . -}}\n    </div>\n    {{ end }}\n{{ end }}\n\n{{ define \"scripts\" }}\n    <script src=\"{{ \"/js/splide.min.js\" | relURL }}\"></script>\n    <script>\n        document.addEventListener( 'DOMContentLoaded', function() {\n            new Splide( '.splide', {\n                type   : 'loop',\n                autoplay: true,\n                interval: 6000,\n                speed: 550,\n            } ).mount();\n        } );\n    </script>\n{{ end }}\n"
  },
  {
    "path": "layouts/partials/alert.html",
    "content": "{{ if ge hugo.Version \"0.156.0\" }} {{ if hugo.Data.alert }}\n<div class=\"bg-red-600 py-2\">\n  {{ range hugo.Data.alert }}\n  <p class=\"ml-2 text-base text-white\">>> {{ .date }} {{ .alert }}</p>\n  {{ end }}\n</div>\n{{ end }} {{ else }} {{if .Site.Data.alert}}\n<div class=\"bg-red-600 py-2\">\n  {{ range .Site.Data.alert }}\n  <p class=\"ml-2 text-base text-white\">>> {{ .date }} {{ .alert }}</p>\n  {{ end }}\n</div>\n{{ end }} {{ end }}\n"
  },
  {
    "path": "layouts/partials/analytics.html",
    "content": "{{ if not hugo.IsServer }}\n{{ with .Site.Config.Services.GoogleAnalytics.ID }}\n<!-- Global site tag (gtag.js) - Google Analytics -->\n<script async src=\"https://www.googletagmanager.com/gtag/js?id={{ . }}\"></script>\n<script>\n  window.dataLayer = window.dataLayer || [];\n  function gtag(){dataLayer.push(arguments);}\n  gtag('js', new Date());\n\n  gtag('config', '{{ . }}');\n</script>\n{{ end }}\n{{ end }}\n"
  },
  {
    "path": "layouts/partials/comments.html",
    "content": "{{ if .Site.Config.Services.Disqus.Shortname }}\n<div class=\"comments mb-3\">\n  {{ template \"_internal/disqus.html\" . }}\n</div>\n<hr class=\"py-4\">\n{{ end }}\n\n{{ if .Site.Params.giscus.repo }}\n<div class=\"comments mb-3\">\n  {{ partial \"giscus.html\" . }}\n</div>\n<hr class=\"py-4\">\n{{ end }}\n"
  },
  {
    "path": "layouts/partials/footer.html",
    "content": "<footer class=\"bg-tlgray-100\">\r\n  {{ if not .IsHome }}\r\n  <script>\r\n    function OnClickURL() {\r\n      const url = document.getElementById(\"url\").dataset.clipboardText;\r\n      navigator.clipboard.writeText(url).then(function() {\r\n        alert('Copied the URL and title.');\r\n      }).catch(function(error) {\r\n        console.error('Copy failed', error);\r\n      });\r\n    }\r\n  </script>\r\n  {{ end }}\r\n  <script>\r\n    function toggleNav() {\r\n      const hamburger = document.getElementById(\"hamburgerbtn\");\r\n      const overlay = document.getElementById(\"overlay\");\r\n      const body = document.body;\r\n\r\n      hamburger.addEventListener(\"click\", function () {\r\n        overlay.classList.toggle(\"open\");\r\n        hamburger.classList.toggle(\"is-open\");\r\n        body.classList.toggle(\"scroll-lock\");\r\n      });\r\n    }\r\n    toggleNav();\r\n\r\n    document.querySelector('.scroll-top').addEventListener('click', () => {\r\n      document.documentElement.scrollTop = 0;\r\n    });\r\n  </script>\r\n  {{ if .Site.Params.googleFonts }}\r\n  <link href=\"https://fonts.googleapis.com/css2?family=Montserrat&family=Open+Sans&display=swap\" rel=\"stylesheet\" />\r\n  {{ else }}\r\n  <link href='{{ \"css/webfonts.min.css\" | relURL }}' rel=\"stylesheet\" />\r\n  {{ end }}\r\n  <div class=\"flex items-center justify-between flex-wrap bg-gray-800 p-8 text-white\">\r\n    <div class=\"items-center text-xl text-grey-900 mr-6\">\r\n      {{ .Site.Params.site.name }}\r\n    </div>\r\n    <div class=\"w-full block grow lg:flex lg:items-center lg:w-auto\" id=\"mobileMenu\">\r\n      <div class=\"text-lg lg:grow\">\r\n      </div>\r\n      <div class=\"flex flex-row items-center text-lg\">\r\n        {{ range .Site.Menus.footer }}\r\n        <a href=\"{{ .URL }}\" class=\"block mt-4 lg:inline-block lg:mt-0 text-gray-300 hover:text-white mr-8\">\r\n          {{ if not .Pre }}\r\n          {{ .Name }}\r\n          {{ else }}\r\n          {{ .Pre }}\r\n          {{ end }}\r\n        </a>\r\n        {{ end }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"copy pl-8 py-5 bg-tlgray-700 text-white text-base\">\r\n    &copy; {{site.Title}} {{ now.Year }} All Rights Reserved.\r\n  </div>\r\n</footer>\r\n"
  },
  {
    "path": "layouts/partials/giscus.html",
    "content": "<div class=\"giscus mt-5\"></div>\n<script>\n  (function() {\n    const theme = document.documentElement.classList.contains('dark') ? 'dark' : 'light';\n    const giscusScript = document.createElement('script');\n    giscusScript.src = 'https://giscus.app/client.js';\n    giscusScript.dataset.repo = '{{ .Site.Params.giscus.repo }}';\n    giscusScript.dataset.repoId = '{{ .Site.Params.giscus.repo_id }}';\n    giscusScript.dataset.category = '{{ .Site.Params.giscus.category }}';\n    giscusScript.dataset.categoryId = '{{ .Site.Params.giscus.category_id }}';\n    giscusScript.dataset.mapping = '{{ .Site.Params.giscus.mapping | default \"pathname\" }}';\n    giscusScript.dataset.strict = '{{ .Site.Params.giscus.strict | default \"0\" }}';\n    giscusScript.dataset.reactionsEnabled = '{{ .Site.Params.giscus.reactions_enabled | default \"1\" }}';\n    giscusScript.dataset.emitMetadata = '{{ .Site.Params.giscus.emit_metadata | default \"0\" }}';\n    giscusScript.dataset.inputPosition = '{{ .Site.Params.giscus.input_position | default \"bottom\" }}';\n    giscusScript.dataset.theme = theme;\n    giscusScript.dataset.lang = '{{ .Site.Params.giscus.lang | default .Site.Language.Lang | default \"en\" }}';\n    {{ with .Site.Params.giscus.loading }}giscusScript.dataset.loading = '{{ . | default \"lazy\" }}';{{ end }}\n    giscusScript.setAttribute('crossorigin', 'anonymous');\n    giscusScript.async = true;\n    document.body.appendChild(giscusScript);\n  })();\n</script>\n"
  },
  {
    "path": "layouts/partials/head.html",
    "content": "{{- partial \"analytics\" . -}}\r\n<meta charset=\"utf-8\">\r\n<title>{{site.Title}}{{if not .IsHome}} | {{.Title}}{{end}}</title>\r\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\r\n<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\r\n<link href=\"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;700&family=Open+Sans:wght@300;400;600&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"icon\" type=\"image/png\" href=\"{{ \"favicon-64x64.png\" | relURL }}\" sizes=\"96x96\" />\r\n<link rel=\"icon\" type=\"image/svg+xml\" href=\"{{ \"favicon.svg\" | relURL }}\" />\r\n<link rel=\"shortcut icon\" href=\"{{ \"favicon.ico\" | relURL }}\" />\r\n<link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"{{ \"apple-touch-icon.png\" | relURL }}\" />\r\n<meta name=\"apple-mobile-web-app-title\" content=\"{{site.Title}}\" />\r\n<link rel=\"manifest\" href=\"{{ \"site.webmanifest\" | relURL }}\" />\r\n{{ if .Site.Params.icon.fontawesome }}\r\n<link href='{{ \"/css/fa7.min.css\" | relURL }}' rel=\"stylesheet\" type=\"text/css\">\r\n{{ end }}\r\n{{ if .Site.Params.icon.bootstrap }}\r\n<link href='{{ \"/css/bootstrap-icons.min.css\" | relURL }}' rel=\"stylesheet\" type=\"text/css\">\r\n{{ end }}\r\n{{ with resources.Get \"css/style.css\" }}\r\n  {{ $opts := dict \"minify\" (not hugo.IsDevelopment) }}\r\n  {{ with . | css.TailwindCSS $opts }}\r\n    {{ if hugo.IsDevelopment }}\r\n      <link rel=\"stylesheet\" href=\"{{ .RelPermalink }}\">\r\n    {{ else }}\r\n      {{ with . | fingerprint }}\r\n        <link rel=\"stylesheet\" href=\"{{ .RelPermalink }}\" integrity=\"{{ .Data.Integrity }}\" crossorigin=\"anonymous\">\r\n      {{ end }}\r\n    {{ end }}\r\n  {{ end }}\r\n{{ end }}\r\n{{ if .IsHome }}\r\n<link rel=\"stylesheet\" href='{{ \"/css/splide.min.css\" | relURL }}'>\r\n{{ end }}\r\n\r\n<link rel=\"stylesheet\" href='{{ \"/css/custom.css\" | relURL }}'>\r\n"
  },
  {
    "path": "layouts/partials/header.html",
    "content": "<header>\r\n    <div id=\"overlay\" class=\"fixed inset-0 bg-black/90 backdrop-blur-md flex justify-center items-center z-50 transition-opacity duration-300 opacity-0 pointer-events-none\" aria-hidden=\"true\">\r\n        <ul class=\"text-center list-none text-white space-y-6\">\r\n            {{ range .Site.Menus.main }}\r\n            <li class=\"p-2 transform transition-transform hover:scale-110\">\r\n                <a href=\"{{ .URL | safeURL }}\" class=\"text-4xl font-semibold hover:text-gray-300 transition-colors\">\r\n                    <span>{{ .Name }}</span>\r\n                </a>\r\n            </li>\r\n            {{ end }}\r\n        </ul>\r\n    </div>\r\n    <nav class=\"flex items-center justify-between flex-wrap bg-opacity-100 p-8\">\r\n        <div class=\"flex items-center shrink-0 text-xl text-grey-900 mr-6\">\r\n            <a href=\"{{ .Site.BaseURL }}\"><img alt=\"{{ .Site.Params.logo.alt }}\"\r\n                    class=\"{{ .Site.Params.logo.size }} mr-3\" src=\"{{ .Site.Params.logo.main | relURL }}\"></a>\r\n        </div>\r\n        <div class=\"block lg:hidden\">\r\n            <div id=\"hamburgerbtn\" class=\"flex cursor-pointer items-center w-14 h-10 py-2 rounded mopen\">\r\n                <span class=\"top\"></span>\r\n                <span class=\"middle\"></span>\r\n                <span class=\"bottom\"></span>\r\n            </div>\r\n        </div>\r\n        <div class=\"hidden w-full grow lg:flex lg:items-center lg:w-auto\" id=\"mobileMenu\">\r\n            <div class=\"text-lg lg:grow\">\r\n            </div>\r\n            <div class=\"text-lg\">\r\n                {{ range .Site.Menus.main }}\r\n                <a href=\"{{ .URL | safeURL }}\"\r\n                    class=\"duration-200 block mt-4 lg:inline-block lg:mt-0 text-black hover:opacity-60 mr-8\">\r\n                    {{ .Name }}\r\n                </a>\r\n                {{ end }}\r\n            </div>\r\n        </div>\r\n    </nav>\r\n</header>\r\n"
  },
  {
    "path": "layouts/partials/paginator.html",
    "content": "{{ $pag := $.Paginator }}\n{{ if gt $pag.TotalPages 1 }}\n<nav aria-label=\"page navigation\">\n  <ul class=\"flex list-none my-5 p-0 justify-center\">\n    <!-- Don't show on 1st and 2nd page -->\n    {{ if and (ne $pag.PageNumber 1) (ne $pag.PageNumber 2) }}\n    <li><a href=\"{{ $pag.First.URL }}\" rel=\"first\"\n        class=\"shadow-md mx-2 py-3 px-5 rounded-full relative block border-white border-0 duration-100 bg-white text-blue-600 hover:shadow-sm dark:bg-warmgray-900 dark:border-gray-600 dark:hover:bg-warmgray-700\">First</a>\n    </li>\n    {{ end }}\n\n    {{ if $pag.HasPrev }}\n    <li><a href=\"{{ $pag.Prev.URL }}\" rel=\"prev\"\n        class=\"shadow-md mx-2 py-3 px-5 rounded-full relative block border-white border-0 duration-100 bg-white text-blue-600 hover:shadow-sm dark:bg-warmgray-900 dark:border-gray-600 dark:hover:bg-warmgray-700\">Prev</a>\n    </li>\n    {{ end }}\n\n    {{ range $pag.Pagers }}\n    {{ if eq . $pag }}\n    <!-- Current Page -->\n    <li><a href=\"{{ .URL }}\"\n        class=\"shadow-md mx-2 py-3 px-5 rounded-full relative block border-white border-0 duration-100 bg-blue-600 text-white hover:border-blue-700 dark:border-gray-600\">{{\n        .PageNumber }}</a></li>\n    {{ else if and (ge .PageNumber (sub $pag.PageNumber 2)) (le .PageNumber (add $pag.PageNumber 2)) }}\n    {{ $.Scratch.Set \"dot_rendered\" false }}\n    <!-- Render prev 2 page and next 2 pages -->\n    <li><a href=\"{{ .URL }}\"\n        class=\"shadow-md mx-2 py-3 px-5 rounded-full relative block border-white border-0 duration-100 bg-white text-blue-600 hover:shadow-sm dark:bg-warmgray-900 dark:border-gray-600 dark:hover:bg-warmgray-700\">{{\n        .PageNumber }}</a></li>\n    {{ else if eq ($.Scratch.Get \"dot_rendered\") false }}\n    <!-- render skip pages -->\n    {{ $.Scratch.Set \"dot_rendered\" true }}\n    <li><a class=\"shadow-md mx-2 py-3 px-5 rounded-full relative block border-white border-0 cursor-auto Class\n                Properties\n                pointer-events-none\">...</a></li>\n    {{ end }}\n    {{ end }}\n\n    {{ if $pag.HasNext }}\n    <li><a href=\"{{ $pag.Next.URL }}\" rel=\"next\"\n        class=\"shadow-md mx-2 py-3 px-5 rounded-full relative block border-white border-0 duration-100  bg-white text-blue-600 hover:shadow-sm dark:bg-warmgray-900 dark:border-gray-600 dark:hover:bg-warmgray-700\">Next</a>\n    </li>\n    {{ end }}\n\n    <!-- Don't show on last and 2nd last page -->\n    {{ if and (ne $pag.PageNumber $pag.TotalPages) ((ne $pag.PageNumber (sub $pag.TotalPages 1))) }}\n    <li class=\"page-item\"><a href=\"{{ $pag.Last.URL }}\" rel=\"last\"\n        class=\"shadow-md mx-2 py-3 px-5 rounded-full relative block border-white border-0 duration-100 bg-white text-blue-600 hover:shadow-sm dark:bg-warmgray-900 dark:border-gray-600 dark:hover:bg-warmgray-700\">Last</a>\n    </li>\n    {{ end }}\n  </ul>\n</nav>\n{{ end }}\n"
  },
  {
    "path": "layouts/partials/recent.html",
    "content": "{{ range first 3 (where site.RegularPages.ByDate.Reverse \"Type\" \"in\" site.Params.mainSections )}}\n<a href=\"{{ .Permalink }}\">{{ partial \"summary.html\" . }}</a>\n{{ end }}\n\n<div class=\"flex flex-wrap justify-center text-gray-300 my-5\">\n    <a href=\"blog/\"\n        class=\"duration-200 px-6 py-3 bg-tlgray-800 hover:opacity-80 hover:text-white relative focus:outline-none text-base text-center flex flex-row items-center justify-center gap-2 font-medium\">\n        All Posts <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-chevron-right\" viewBox=\"0 0 16 16\">\n            <path fill-rule=\"evenodd\" d=\"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708\"/>\n        </svg>\n    </a>\n</div>\n"
  },
  {
    "path": "layouts/partials/seo/extend.html",
    "content": "{{/* \n\tAdd/Edit SEO Scratch Object\n\t\n\t@author The New Dynamic\n\t\n\t@access public\n\n\t@context Page \n\n\tUser does not load the partial, as the component will. \n\tThis allows to overwrite some SEO object keys with project's own.\n\tProject's partial should live under `layouts/partials/seo/extend.html`\n\n\t@example - In Partial\n\t\t{{- if eq \"Type\" \"recipe\" -}}\n\t\t{{- .Scratch.SetInMap \"seo\" \"type\" \"article\" -}}\n\t\t{{- end -}}\n\n\t\t{{- $locales := dict \"fr\" \"fr_FR\" \"en\" \"en_US\" -}}\n\t\t{{- .Scratch.SetInMap \"seo\" \"locale\" (index $locales .Lang) -}}\n\n\t\t{{- if .IsHome -}}\n\t\t{{- .Scratch.SetInMap \"seo\" \"title\" \"Welcome Home\" -}}\n\t\t{{- end -}}\n */}}"
  },
  {
    "path": "layouts/partials/seo/print.html",
    "content": "{{- $.Scratch.Set \"seo\" dict -}}\n\n{{/* Date */}}\n{{- if not .PublishDate.IsZero -}}\n{{- $.Scratch.SetInMap \"seo\" \"published_time\" (.PublishDate.Format \"2006-01-02T15:04:05-07:00\") -}}\n{{- else if not .Date.IsZero -}}\n{{- $.Scratch.SetInMap \"seo\" \"published_time\" (.Date.Format \"2006-01-02T15:04:05-07:00\") -}}\n{{- end -}}\n{{- if not .Lastmod.IsZero -}}\n{{- $.Scratch.SetInMap \"seo\" \"updated_time\" (.Lastmod.Format \"2006-01-02T15:04:05-07:00\") -}}\n{{- end -}}\n\n\n{{/* Description */}}\n{{ $description := \"\" }}\n{{/* 1. SEO Description */}}\n{{- if .Params.seo.description -}}\n\t{{- $description = .Params.seo.description -}}\n{{/* 2. Description\n\t    As it could potentially contain HTML tags, we strip them with plainify */}}\n{{- else if .Params.description -}}\n\t{{- $description = .Params.description | plainify -}}\n{{/* 3. Summary  */}}\n{{- else if .Summary -}}\n\t{{- $description = substr .Summary 0 .Site.Params.summaryLength | plainify -}}\n{{- else -}}\n{{/* 4. site description  */}}\n\t{{ $description = .Site.Params.Description }}\n{{- end -}}\n\n{{- $.Scratch.SetInMap \"seo\" \"description\" $description -}}\n\n{{/* Site Name */}}\n{{- with .Param \"seo.site_name\" -}}\n\t{{- $.Scratch.SetInMap \"seo\" \"site_name\" . -}}\n{{- else -}}\n\t{{- $.Scratch.SetInMap \"seo\" \"site_name\" .Site.Title -}}\n{{- end -}}\n\n{{/* Twitter */}}\n{{/* Default twitter_card is \"summary_large_image\" */}}\n{{- $.Scratch.SetInMap \"seo\" \"twitter_card\" \"summary_large_image\" -}}\n\n{{/* We check the site config sports a Social.twitter and use as handle */}}\n{{- with .Site.Params.Social.twitter -}}\n\t{{- $.Scratch.SetInMap \"seo\" \"twitter_handle\" (printf \"@%s\" .) -}}\n{{- end -}}\n\n{{/* Type */}}\n{{- $.Scratch.SetInMap \"seo\" \"type\" \"website\" -}}\n\n{{- if in (slice \"blog\" \"news\") .Type -}}\n\t{{- $.Scratch.SetInMap \"seo\" \"type\" \"article\" -}}\n{{ else if in (slice \"article\") .Type }}\n\t{{- $.Scratch.SetInMap \"seo\" \"type\" \"event\" -}}\n{{- end -}}\n\n{{/* Canonical */}}\n{{ with .Params.seo.canonical }}\n  {{- $.Scratch.SetInMap \"seo\" \"canonical\" (. | absURL) -}}\n{{ else }}\n{{- $.Scratch.SetInMap \"seo\" \"canonical\" .Permalink -}}\n{{ end }}\n\n{{- partial \"seo/extend\" . -}}\n\n{{ partial \"seo/tags\" (dict \"page\" $ \"seo\" ($.Scratch.Get \"seo\")) }}\n{{ with .Site.Params.seo.jsonld }}\n\t{{ partial \"seo/jsonld\" (dict \"page\" $ \"seo\" ($.Scratch.Get \"seo\")) }}\n{{ end }}\n\n{{ with .Site.Params.seo.debug }}\n\t{{ partial \"seo/debug\" $ }}\n{{ end }}\n\n{{ if .Params.image }}\n    {{ with .Params.image }}\n<meta property=\"og:image\" content=\"{{ . | absURL }}\">\n    {{ end }}\n{{ else }}\n<meta property=\"og:image\" content=\"{{ .Site.Params.og_image | absURL }}\">\n{{ end }}\n"
  },
  {
    "path": "layouts/partials/seo/tags.html",
    "content": "{{- $seo := .seo -}}\n<meta name=\"description\" content=\"{{ $seo.description }}\">\n<meta property=\"og:title\" content=\"{{ .Title }} | {{ .Site.Title }}\" />\n<meta property=\"og:site_name\" content=\"{{ $seo.site_name }}\">\n<meta property=\"og:description\" content=\"{{ $seo.description }}\">\n<meta property=\"og:url\" content=\"{{ .page.Permalink }}\">\n<meta property=\"og:type\" content=\"{{ $seo.type }}\">\n<meta property=\"og:locale\" content=\"{{ $seo.locale }}\">\n<meta name=\"twitter:card\" content=\"{{ $seo.twitter_card }}\">\n<meta name=\"twitter:site\" content=\"@tech_chiba\">\n{{ with $seo.canonical }}\n<link rel=\"canonical\" href=\"{{ . }}\">\n{{ end }}\n<meta name=\"twitter:description\" content=\"{{- $seo.description }}\">\n<meta property=\"article:published_time\" content=\"{{- $seo.published_time }}\">\n{{- with $seo.updated_time }}\n<meta property=\"article:updated_time\" content=\"{{- $seo.updated_time }}\">\n{{- end }}"
  },
  {
    "path": "layouts/partials/share.html",
    "content": "{{ if .Site.Params.share.enable }} {{ $services := default (slice \"twitter\"\n\"facebook\" \"line\" \"copy\") .Site.Params.share.services }}\n<div class=\"border-t border-tlgray-200 pt-8 pb-8\">\n  <h5\n    class=\"text-center text-sm font-semibold text-gray-500 uppercase tracking-wider mb-6\"\n  >\n    Share this post\n  </h5>\n  <div class=\"flex flex-wrap justify-center gap-4\">\n    {{ if in $services \"twitter\" }}\n    <a\n      href=\"https://twitter.com/intent/tweet?url={{ .Permalink }}&text={{ .Title }}\"\n      target=\"_blank\"\n      class=\"flex items-center gap-2 px-6 py-3 bg-black text-white hover:bg-gray-800 transition-all shadow-sm hover:shadow-md\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"16\"\n        height=\"16\"\n        fill=\"currentColor\"\n        viewBox=\"0 0 16 16\"\n      >\n        <path\n          d=\"M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z\"\n        />\n      </svg>\n      <span class=\"font-medium\">X</span>\n    </a>\n    {{ end }} {{ if in $services \"mastodon\" }}\n    <a\n      href=\"https://share.joinmastodon.org/#text={{ .Title | urlquery }}%20{{ .Permalink | urlquery }}\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      aria-label=\"Share on Mastodon\"\n      class=\"flex items-center gap-2 px-6 py-3 bg-[#6364FF] text-white hover:bg-[#5250dd] transition-all shadow-sm hover:shadow-md\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"18\"\n        height=\"18\"\n        fill=\"currentColor\"\n        viewBox=\"0 0 74 79\"\n      >\n        <path\n          d=\"M73.7014 17.4323C72.5616 9.05152 65.1774 2.4469 56.424 1.1671C54.9472 0.950843 49.3518 0.163818 36.3901 0.163818H36.2933C23.3281 0.163818 20.5465 0.950843 19.0697 1.1671C10.56 2.41145 2.78877 8.34604 0.903306 16.826C-0.00357854 21.0022 -0.100361 25.6322 0.068112 29.8793C0.308275 35.9699 0.354874 42.0498 0.91406 48.1156C1.30064 52.1448 1.97502 56.1419 2.93215 60.0769C4.72441 67.3445 11.9795 73.3925 19.0876 75.86C26.6979 78.4332 34.8821 78.8603 42.724 77.0937C43.5866 76.8952 44.4398 76.6647 45.2833 76.4024C47.1867 75.8033 49.4199 75.1332 51.0616 73.9562C51.0841 73.9397 51.1026 73.9184 51.1156 73.8938C51.1286 73.8693 51.1359 73.8421 51.1368 73.8144V67.9366C51.1364 67.9107 51.1302 67.8852 51.1186 67.862C51.1069 67.8388 51.0902 67.8184 51.0695 67.8025C51.0489 67.7865 51.0249 67.7753 50.9994 67.7696C50.9738 67.764 50.9473 67.7641 50.9218 67.7699C45.8976 68.9569 40.7491 69.5519 35.5836 69.5425C26.694 69.5425 24.3031 65.3699 23.6184 63.6327C23.0681 62.1314 22.7186 60.5654 22.5789 58.9744C22.5775 58.9477 22.5825 58.921 22.5934 58.8965C22.6043 58.8721 22.621 58.8505 22.6419 58.8336C22.6629 58.8167 22.6876 58.8049 22.714 58.7992C22.7404 58.7934 22.7678 58.794 22.794 58.8007C27.7345 59.9796 32.799 60.5746 37.8813 60.5733C39.1036 60.5733 40.3223 60.5733 41.5447 60.5414C46.6562 60.3996 52.0437 60.1408 57.0728 59.1694C57.1983 59.1446 57.3237 59.1233 57.4313 59.0914C65.3638 57.5847 72.9128 52.8555 73.6799 40.8799C73.7086 40.4084 73.7803 35.9415 73.7803 35.4523C73.7839 33.7896 74.3216 23.6576 73.7014 17.4323ZM61.4925 47.3144H53.1514V27.107C53.1514 22.8528 51.3591 20.6832 47.7136 20.6832C43.7061 20.6832 41.6988 23.2499 41.6988 28.3194V39.3803H33.4078V28.3194C33.4078 23.2499 31.3969 20.6832 27.3894 20.6832C23.7654 20.6832 21.9552 22.8528 21.9516 27.107V47.3144H13.6176V26.4937C13.6176 22.2395 14.7157 18.8598 16.9118 16.3545C19.1772 13.8552 22.1488 12.5719 25.8373 12.5719C30.1064 12.5719 33.3325 14.1955 35.4832 17.4394L37.5587 20.8853L39.6377 17.4394C41.7884 14.1955 45.0145 12.5719 49.2765 12.5719C52.9614 12.5719 55.9329 13.8552 58.2055 16.3545C60.4017 18.8574 61.4997 22.2371 61.4997 26.4937L61.4925 47.3144Z\"\n        />\n      </svg>\n      <span class=\"font-medium\">Mastodon</span>\n    </a>\n    {{ end }} {{ if in $services \"facebook\" }}\n    <a\n      href=\"https://www.facebook.com/sharer/sharer.php?u={{ .Permalink }}&t={{ .Title }}\"\n      target=\"_blank\"\n      class=\"flex items-center gap-2 px-6 py-3 bg-[#1877F2] text-white hover:bg-[#166fe5] transition-all shadow-sm hover:shadow-md\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"18\"\n        height=\"18\"\n        fill=\"currentColor\"\n        viewBox=\"0 0 16 16\"\n      >\n        <path\n          d=\"M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951\"\n        />\n      </svg>\n      <span class=\"font-medium\">Facebook</span>\n    </a>\n    {{ end }} {{ if in $services \"linkedin\" }}\n    <a\n      href=\"https://www.linkedin.com/sharing/share-offsite/?url={{ .Permalink | urlquery }}\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      aria-label=\"Share on LinkedIn\"\n      class=\"flex items-center gap-2 px-6 py-3 bg-[#0A66C2] text-white hover:bg-[#054a8f] transition-all shadow-sm hover:shadow-md\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"1em\"\n        height=\"1em\"\n        fill=\"currentColor\"\n        viewBox=\"0 0 16 16\"\n      >\n        <path\n          d=\"M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z\"\n        ></path>\n      </svg>\n      <span class=\"font-medium\">LinkedIn</span>\n    </a>\n    {{ end }} {{ if in $services \"whatsapp\" }}\n    <a\n      href=\"https://wa.me/?text={{ .Title | urlquery }}%20{{ .Permalink | urlquery }}\"\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      aria-label=\"Share on WhatsApp\"\n      class=\"flex items-center gap-2 px-6 py-3 bg-green-600 text-white hover:bg-green-700 transition-all shadow-sm hover:shadow-md\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"1em\"\n        height=\"1em\"\n        fill=\"currentColor\"\n        viewBox=\"0 0 16 16\"\n      >\n        <path\n          d=\"M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.9 7.9 0 0 0 13.6 2.326zM7.994 14.521a6.6 6.6 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.56 6.56 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73 0 0 0-.529.247c-.182.198-.691.677-.691 1.654s.71 1.916.81 2.049c.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232\"\n        ></path>\n      </svg>\n      <span class=\"font-medium\">WhatsApp</span>\n    </a>\n    {{ end }} {{ if in $services \"line\" }}\n    <a\n      href=\"https://timeline.line.me/social-plugin/share?url={{ .Permalink }}\"\n      class=\"flex items-center gap-2 px-6 py-3 bg-[#06C755] text-white hover:bg-[#05b34c] transition-all shadow-sm hover:shadow-md\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"18\"\n        height=\"18\"\n        fill=\"currentColor\"\n        viewBox=\"0 0 16 16\"\n      >\n        <path\n          d=\"M8 0c4.411 0 8 2.912 8 6.492 0 1.433-.555 2.723-1.715 3.994-1.678 1.932-5.431 4.285-6.285 4.645-.83.35-.734-.197-.696-.413l.003-.018.114-.685c.027-.204.055-.521-.026-.723-.09-.223-.444-.339-.704-.395C2.846 12.39 0 9.701 0 6.492 0 2.912 3.59 0 8 0M5.022 7.686H3.497V4.918a.156.156 0 0 0-.155-.156H2.78a.156.156 0 0 0-.156.156v3.486c0 .041.017.08.044.107v.001l.002.002.002.002a.15.15 0 0 0 .108.043h2.242c.086 0 .155-.07.155-.156v-.56a.156.156 0 0 0-.155-.157m.791-2.924a.156.156 0 0 0-.156.156v3.486c0 .086.07.155.156.155h.562c.086 0 .155-.07.155-.155V4.918a.156.156 0 0 0-.155-.156zm3.863 0a.156.156 0 0 0-.156.156v2.07L7.923 4.832l-.013-.015v-.001l-.01-.01-.003-.003-.011-.009h-.001L7.88 4.79l-.003-.002-.005-.003-.008-.005h-.002l-.003-.002-.01-.004-.004-.002-.01-.003h-.002l-.003-.001-.009-.002h-.006l-.003-.001h-.004l-.002-.001h-.574a.156.156 0 0 0-.156.155v3.486c0 .086.07.155.156.155h.56c.087 0 .157-.07.157-.155v-2.07l1.6 2.16a.2.2 0 0 0 .039.038l.001.001.01.006.004.002.008.004.007.003.005.002.01.003h.003a.2.2 0 0 0 .04.006h.56c.087 0 .157-.07.157-.155V4.918a.156.156 0 0 0-.156-.156zm3.815.717v-.56a.156.156 0 0 0-.155-.157h-2.242a.16.16 0 0 0-.108.044h-.001l-.001.002-.002.003a.16.16 0 0 0-.044.107v3.486c0 .041.017.08.044.107l.002.003.002.002a.16.16 0 0 0 .108.043h2.242c.086 0 .155-.07.155-.156v-.56a.156.156 0 0 0-.155-.157H11.81v-.589h1.525c.086 0 .155-.07.155-.156v-.56a.156.156 0 0 0-.155-.157H11.81v-.589h1.525c.086 0 .155-.07.155-.156Z\"\n        />\n      </svg>\n      <span class=\"font-medium\">LINE</span>\n    </a>\n    {{ end }} {{ if in $services \"mail\" }}\n    <a\n      href=\"mailto:?subject={{ .Title | urlquery }}&body={{ .Permalink | urlquery }}\"\n      aria-label=\"Share by email\"\n      class=\"flex items-center gap-2 px-6 py-3 bg-gray-500 text-white hover:bg-gray-600 transition-all shadow-sm hover:shadow-md\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"1em\"\n        viewBox=\"0 -960 960 960\"\n        width=\"1em\"\n        fill=\"currentColor\"\n      >\n        <path\n          d=\"M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280L160-640v400h640v-400L480-440Zm0-80 320-200H160l320 200ZM160-640v-80 480-400Z\"\n        ></path>\n      </svg>\n      <span class=\"font-medium\">Email</span>\n    </a>\n    {{ end }} {{ if in $services \"copy\" }}\n    <button\n      onclick=\"OnClickURL()\"\n      id=\"url\"\n      data-clipboard-text=\"{{ .Title }} {{ .Permalink }}\"\n      class=\"flex items-center gap-2 px-6 py-3 bg-gray-700 text-white hover:bg-gray-600 transition-all shadow-sm hover:shadow-md cursor-pointer\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"18\"\n        height=\"18\"\n        fill=\"currentColor\"\n        viewBox=\"0 0 16 16\"\n      >\n        <path\n          d=\"M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z\"\n        />\n        <path\n          d=\"M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z\"\n        />\n      </svg>\n      <span class=\"font-medium\">Copy</span>\n    </button>\n    {{ end }}\n  </div>\n</div>\n{{ end }}\n"
  },
  {
    "path": "layouts/partials/slide.html",
    "content": "<div class=\"splide\" role=\"group\" aria-label=\"Top Page Slides\">\n    <div class=\"splide__track\">\n        <ul class=\"splide__list\">\n            {{ if ge hugo.Version \"0.156.0\" }}\n                {{ range hugo.Data.slide }}\n                <li class=\"splide__slide\">\n                    <img src=\"{{ .image }}\" alt=\"{{ .alt }}\">\n                    <div class=\"s-fade-txt\">\n                        <h1 class=\"text-4xl font-medium {{ or .color \"text-white\" }}\">{{ .title }}</h1>\n                    </div>\n                </li>\n                {{ end }}\n            {{ else }}\n                {{ range .Site.Data.slide }}\n                <li class=\"splide__slide\">\n                    <img src=\"{{ .image }}\" alt=\"{{ .alt }}\">\n                    <div class=\"s-fade-txt\">\n                        <h1 class=\"text-4xl font-medium {{ or .color \"text-white\" }}\">{{ .title }}</h1>\n                    </div>\n                </li>\n                {{ end }}\n            {{ end }}\n        </ul>\n    </div>\n</div>\n"
  },
  {
    "path": "layouts/partials/strip.html",
    "content": "{{ if ge hugo.Version \"0.156.0\" }} {{if hugo.Data.features}}\r\n<div class=\"bg-tlgray-200 py-6 md:py-10\">\r\n  <div class=\"container mx-auto max-w-7xl\">\r\n    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3\">\r\n      {{ range hugo.Data.features }} {{if .link }}<a href=\"{{ .link }}\"\r\n        >{{ end }}\r\n        <div\r\n          class=\"bg-white text-center mx-2 px-4 py-10 flex flex-row justify-center items-center duration-300 h-full hover:-translate-y-1 hover:shadow-lg\"\r\n        >\r\n          <div class=\"p-1\">\r\n            {{if .icon }}\r\n            <span class=\"{{ .icon }} text-5xl mb-2 block\"></span>\r\n            {{ end }}\r\n            <h2 class=\"text-2xl font-semibold mb-2\">{{ .title }}</h2>\r\n            <p class=\"font-sans\">{{ .description | markdownify }}</p>\r\n          </div>\r\n        </div>\r\n        {{if .link }} </a\r\n      >{{ end }} {{ end }}\r\n    </div>\r\n  </div>\r\n</div>\r\n{{end}} {{ else }} {{if .Site.Data.features}}\r\n<div class=\"bg-tlgray-200 py-6 md:py-10\">\r\n  <div class=\"container mx-auto max-w-7xl\">\r\n    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3\">\r\n      {{ range .Site.Data.features }} {{if .link }}<a href=\"{{ .link }}\"\r\n        >{{ end }}\r\n        <div\r\n          class=\"bg-white text-center mx-2 px-4 py-10 flex flex-row justify-center items-center duration-300 h-full hover:-translate-y-1 hover:shadow-lg\"\r\n        >\r\n          <div class=\"p-1\">\r\n            {{if .icon }}\r\n            <span class=\"{{ .icon }} text-5xl mb-2 block\"></span>\r\n            {{ end }}\r\n            <h2 class=\"text-2xl font-semibold mb-2\">{{ .title }}</h2>\r\n            <p class=\"font-sans\">{{ .description | markdownify }}</p>\r\n          </div>\r\n        </div>\r\n        {{if .link }} </a\r\n      >{{ end }} {{ end }}\r\n    </div>\r\n  </div>\r\n</div>\r\n{{end}} {{ end }}\r\n"
  },
  {
    "path": "layouts/partials/summary.html",
    "content": "<div class=\"w-full px-2 lg:max-w-full lg:flex mt-3 lg:px-0 duration-500 hover:-translate-y-1 hover:shadow-md\">\r\n  {{ if .Params.image }}\r\n  <img id=\"thumb\" alt=\"{{.Title}}\" class=\"aspect-video object-cover w-auto lg:h-44\"\r\n    src=\"{{ .Params.image | relURL }}\" />\r\n  {{ else }}\r\n  <img id=\"thumb\" alt=\"{{.Title}}\" class=\"aspect-video object-cover w-auto lg:h-44\"\r\n    src='{{ \"/img/default.jpg\" | relURL }}'>\r\n  {{ end }}\r\n  <div\r\n    class=\"border-r border-b border-l border-neutral-300 lg:border-l-0 lg:border-t relative pl-4 p-6 justify-between leading-normal max-w-full w-full\">\r\n    <div class=\"text-gray-900 font-semibold text-xl mb-2\">{{ .Title }}</div>\r\n    <p class=\"text-gray-700 text-base pb-5\">{{ substr .Summary 0 130 | plainify | htmlUnescape }}...</p>\r\n    <p class=\"text-sm text-gray-600 flex flex-row items-center gap-2\">\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n        <path d=\"M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71z\"/>\r\n        <path d=\"M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0\"/>\r\n      </svg><time>{{ .Date.Format \"2006/01/02\" }}</time>\r\n    </p>\r\n  </div>\r\n</div>\r\n"
  },
  {
    "path": "layouts/products/list.html",
    "content": "{{ define \"main\" }}\n<div class=\"mx-auto my-10 max-w-6xl\">\n    <div class=\"mx-3 col-span-3 lg:col-span-2 px-2\">\n        <h1 class=\"title text-4xl font-bold mb-8\">{{.Title}}</h1>\n        <div class=\"content py-1 mb-8 text-center max-w-2xl mx-auto\">{{.Content}}</div>\n        <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 mb-10\">\n        {{ range .Pages.ByWeight }}\n        {{ .Render \"summary\" }}\n        {{ end }}\n        </div>\n    </div>\n</div>\n{{ end }}\n"
  },
  {
    "path": "layouts/products/summary.html",
    "content": "<div class=\"h-full group bg-white transition-all duration-300 border border-tlgray-200 overflow-hidden\">\n    <a href=\"{{ .Permalink }}\" class=\"h-full flex flex-col\">\n        {{ if .Params.image }}\n        <div class=\"aspect-video w-full overflow-hidden bg-gray-100\">\n            <img src=\"{{ .Params.image | relURL }}\" alt=\"{{ .Title }}\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\">\n        </div>\n        {{ end }}\n        <div class=\"p-6 flex flex-col grow\">\n            <h2 class=\"text-xl font-semibold mb-3 text-tlgray-800 group-hover:text-blue-600 transition-colors line-clamp-2\">\n                {{ .Title }}\n            </h2>\n            <p class=\"text-tlgray-400 text-sm leading-relaxed line-clamp-3 mb-4 grow\">\n                {{ .Description | default .Summary | truncate 120 }}\n            </p>\n            <div class=\"mt-auto pt-4 items-center text-sm font-semibold text-blue-600 group-hover:translate-x-1 transition-transform inline-flex\">\n                View Details\n                <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ml-2\" width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\n                    <path fill-rule=\"evenodd\" d=\"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708\"/>\n                </svg>\n            </div>\n        </div>\n    </a>\n</div>\n"
  },
  {
    "path": "layouts/shortcodes/begin-task-list.html",
    "content": "<span class=\"begin-task-list\"></span>"
  },
  {
    "path": "layouts/shortcodes/form.html",
    "content": "<form name=\"contact\" action=\"https://getform.io/\" method=\"POST\" class=\"flex flex-col gap-4\">\n    <div class=\"input\">\n        <input type=\"text\" placeholder=\"Name\" name=\"name\" class=\"w-full p-4 bg-gray-200 border border-gray-200 focus:outline-none focus:bg-white focus:border-gray-500\" required>\n    </div>\n    <div class=\"input\">\n        <input type=\"text\" placeholder=\"E-Mail\" name=\"mail\" class=\"w-full p-4 bg-gray-200 border border-gray-200 focus:outline-none focus:bg-white focus:border-gray-500\" required>\n    </div>\n    <div class=\"input\">\n        <input type=\"text\" placeholder=\"Title\" name=\"title\" class=\"w-full p-4 bg-gray-200 border border-gray-200 focus:outline-none focus:bg-white focus:border-gray-500\" required>\n    </div>\n    <div class=\"input\">\n        <textarea rows=\"5\" cols=\"30\" placeholder=\"Message\" name=\"message\" class=\"w-full p-4 bg-gray-200 border border-gray-200 focus:outline-none focus:bg-white focus:border-gray-500\" required></textarea>\n    </div>\n    <input type=\"submit\" value=\"Submit\" class=\"px-8 py-2 duration-200 bg-gray-800 text-white cursor-pointer transition-colors hover:bg-gray-400\">\n</form>\n"
  },
  {
    "path": "layouts/shortcodes/icon.html",
    "content": "<i class=\"{{ .Get \"name\" }}\"></i>\n{{/*   Through this, you can use icons in markdown files.\nThe following is an example:\n{{<icon name=\"fa fa-mail-bulk\">}} \nperhaps\n{{<icon name=\"icon-desktop_windows>}} \nAny icon you reference in the theme */}}"
  },
  {
    "path": "layouts/shortcodes/img.html",
    "content": "{{ $name := .Get \"src\" }}\n{{ $extention := .Get \"ext\" | default \"jpg\" }}\n{{ $alt := .Get \"alt\" }}\n{{ $width := .Get \"width\" | default \"auto\" }}\n{{ $minipath := printf \"/posts/%s/%s.%s\" .Page.File.ContentBaseName $name $extention }}\n{{ $path := printf \"content%s.webp\" $minipath }}\n{{- if (fileExists $path) -}}\n<picture>\n    <source type=\"image/webp\" srcset=\"{{ $minipath }}.webp\">\n    <img src=\"{{ $minipath }}\" />\n</picture>\n{{- else -}}\n<img src=\"{{ $minipath }}\" />\n{{- end -}}"
  },
  {
    "path": "static/css/webfonts.css",
    "content": "@font-face {\n  font-family: 'Open Sans';\n  src: url('../webfonts/OpenSans-Regular.ttf') format('truetype');\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: 'Open Sans';\n  src: url('../webfonts/OpenSans-Medium.ttf') format('truetype');\n  font-weight: medium;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: 'Open Sans';\n  src: url('../webfonts/OpenSans-Bold.ttf') format('truetype');\n  font-weight: bold;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: 'Open Sans';\n  src: url('../webfonts/OpenSans-Italic.ttf') format('truetype');\n  font-weight: normal;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: 'Open Sans';\n  src: url('../webfonts/OpenSans-MediumItalic.ttf') format('truetype');\n  font-weight: medium;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: 'Open Sans';\n  src: url('../webfonts/OpenSans-BoldItalic.ttf') format('truetype');\n  font-weight: bold;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: 'Montserrat';\n  src: url('../webfonts/Montserrat-Bold.ttf') format('truetype');\n  font-weight: bold;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: 'Montserrat';\n  src: url('../webfonts/Montserrat-Medium.ttf') format('truetype');\n  font-weight: medium;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: 'Montserrat';\n  src: url('../webfonts/Montserrat-Regular.ttf') format('truetype');\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: 'Montserrat';\n  src: url('../webfonts/Montserrat-BoldItalic.ttf') format('truetype');\n  font-weight: bold;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: 'Montserrat';\n  src: url('../webfonts/Montserrat-MediumItalic.ttf') format('truetype');\n  font-weight: medium;\n  font-style: italic;\n}\n\n@font-face {\n  font-family: 'Montserrat';\n  src: url('../webfonts/Montserrat-Italic.ttf') format('truetype');\n  font-weight: normal;\n  font-style: italic;\n}\n"
  },
  {
    "path": "static/site.webmanifest",
    "content": "{\n  \"name\": \"Tella\",\n  \"short_name\": \"Tella\",\n  \"icons\": [\n    {\n      \"src\": \"/web-app-manifest-192x192.png\",\n      \"sizes\": \"192x192\",\n      \"type\": \"image/png\",\n      \"purpose\": \"maskable\"\n    },\n    {\n      \"src\": \"/web-app-manifest-512x512.png\",\n      \"sizes\": \"512x512\",\n      \"type\": \"image/png\",\n      \"purpose\": \"maskable\"\n    }\n  ],\n  \"theme_color\": \"#ffffff\",\n  \"background_color\": \"#ffffff\",\n  \"display\": \"standalone\"\n}"
  },
  {
    "path": "theme.toml",
    "content": "name = \"Tella\"\r\nlicense = \"MIT\"\r\nlicenselink = \"https://github.com/opera7133/tella/blob/master/LICENSE\"\r\ndescription = \"Simple, Light, Responsive\"\r\n\r\nhomepage = \"https://github.com/opera7133/tella\"\r\ndemosite = \"https://tella.pages.dev\"\r\n\r\ntags = [\"light\", \"simple\", \"blog\", \"clean\", \"tailwindcss\", \"responsive\", \"company\", \"modern\", \"slide\"]\r\nfeatures = [\"blog\", \"slides\", \"responsive\"]\r\n\r\n[author]\r\n  name = \"wamo\"\r\n  homepage = \"https://wmsci.com\"\r\n"
  }
]