├── .github └── ISSUE_TEMPLATE │ ├── bug-report.md │ └── component-request.md ├── .gitignore ├── .prettierignore ├── .prettierrc.json ├── LICENSE ├── README.md ├── archetypes └── default.html ├── config.toml ├── content ├── _index.html ├── avatar-group │ ├── basic.html │ ├── centered.html │ ├── reverse-order.html │ ├── sizes.html │ └── text.html ├── avatar │ ├── basic-rounded.html │ ├── basic.html │ ├── placeholder-sizes.html │ ├── sizes.html │ └── with-indicator.html ├── badge │ ├── basic.html │ ├── close-button.html │ ├── light-colors.html │ ├── numbers.html │ ├── only-dot.html │ └── with-dot.html ├── breadcrumb │ ├── basic.html │ ├── caret.html │ ├── icons.html │ ├── more-items-caret.html │ └── more-items.html ├── button-group │ ├── basic.html │ ├── dropdown-buttons.html │ ├── split-button.html │ ├── with-border.html │ └── with-icon.html ├── buttons │ ├── basic.html │ ├── basic_button_sizes.html │ ├── prefix_icon.html │ ├── primary.html │ └── suffix_icon.html ├── checkbox │ ├── basic.html │ ├── disabled.html │ ├── error.html │ ├── vertical.html │ └── with-description.html ├── file │ ├── basic.html │ ├── disabled.html │ ├── drop-box.html │ ├── error.html │ └── with-button.html ├── footer │ ├── 4-grid.html │ ├── left-aligned.html │ ├── links-grid.html │ ├── simple-with-links.html │ └── simple-with-social.html ├── header │ ├── centered-links.html │ ├── centered-logo.html │ ├── left-links.html │ ├── only-buttons.html │ └── right-links.html ├── input-group │ ├── simple.html │ ├── with-button.html │ ├── with-icon-button.html │ ├── with-prefix-text.html │ └── with-suffix-text.html ├── input │ ├── basic.html │ ├── disabled.html │ ├── error.html │ ├── icon-prefix.html │ └── icon-suffix.html ├── progress │ ├── basic.html │ ├── colors.html │ ├── indeterminate.html │ ├── multiple.html │ └── sizes.html ├── radio │ ├── basic.html │ ├── disabled.html │ ├── error.html │ ├── vertical.html │ └── with-description.html ├── range │ ├── basic.html │ ├── disabled.html │ ├── min-and-max.html │ ├── steps.html │ └── with-label.html ├── rating │ ├── basic.html │ ├── colors.html │ ├── disabled.html │ ├── sizes.html │ └── view-only.html ├── search │ ├── basic.html │ ├── borderless.html │ ├── disabled.html │ ├── error.html │ └── with-button.html ├── section-header │ ├── basic.html │ └── simple.html ├── select │ ├── basic.html │ ├── disabled.html │ ├── error.html │ ├── prefix-avatar.html │ └── prefix-icon.html ├── spinner │ ├── basic.html │ ├── colors.html │ ├── on-button.html │ ├── sizes.html │ └── with-text.html ├── switch │ ├── basic.html │ ├── colors.html │ ├── sizes.html │ ├── with-icon.html │ └── with-label.html ├── textarea │ ├── basic.html │ ├── disabled.html │ ├── editor-avatar.html │ ├── editor.html │ └── error.html └── tooltip │ ├── bottom.html │ ├── left.html │ ├── right.html │ ├── top.html │ └── without-tip.html ├── layouts ├── 404.html ├── _default │ ├── baseof.html │ ├── list.html │ └── single.html ├── index.html ├── partials │ ├── code.html │ ├── cta.html │ ├── footer.html │ ├── header.html │ └── meta.html └── shortcodes │ ├── elementlink.html │ └── request.html ├── package.json ├── static ├── _headers ├── favicon-192.png ├── favicon.ico ├── fonts │ ├── alegreya-cyrillic-ext-variable-wghtOnly-italic.woff2 │ ├── alegreya-cyrillic-ext-variable-wghtOnly-normal.woff2 │ ├── alegreya-cyrillic-variable-wghtOnly-italic.woff2 │ ├── alegreya-cyrillic-variable-wghtOnly-normal.woff2 │ ├── alegreya-greek-ext-variable-wghtOnly-italic.woff2 │ ├── alegreya-greek-ext-variable-wghtOnly-normal.woff2 │ ├── alegreya-greek-variable-wghtOnly-italic.woff2 │ ├── alegreya-greek-variable-wghtOnly-normal.woff2 │ ├── alegreya-latin-ext-variable-wghtOnly-italic.woff2 │ ├── alegreya-latin-ext-variable-wghtOnly-normal.woff2 │ ├── alegreya-latin-variable-wghtOnly-italic.woff2 │ ├── alegreya-latin-variable-wghtOnly-normal.woff2 │ ├── alegreya-vietnamese-variable-wghtOnly-italic.woff2 │ └── alegreya-vietnamese-variable-wghtOnly-normal.woff2 ├── og.jpg └── tailwind.css └── tailwind.config.js /.github/ISSUE_TEMPLATE/bug-report.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Bug Report 3 | about: Create a report to help us improve Myna UI 4 | title: '' 5 | labels: bug 6 | assignees: praveenjuge 7 | --- 8 | 9 | **Describe the bug** 10 | A clear and concise description of what the bug is. 11 | 12 | **To Reproduce** 13 | Steps to reproduce the behavior: 14 | 15 | 1. Go to... 16 | 2. Check this error... 17 | 18 | **Expected behavior** 19 | A clear and concise description of what you expected to happen. 20 | 21 | **Screenshots** 22 | If applicable, add screenshots to help explain your problem. 23 | 24 | **More Information** 25 | 26 | - Device: [e.g. iPhone6, MacBook] 27 | - OS: [e.g. iOS8] 28 | - Browser [e.g. Chrome, safari] 29 | 30 | **Additional context** 31 | Add any other context about the problem here. 32 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/component-request.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Component Request 3 | about: Suggest an new component or template idea for Myna UI 4 | title: '' 5 | labels: New Component 6 | assignees: praveenjuge 7 | --- 8 | 9 | **Describe what you want** 10 | A brief description of the type of UI you want. 11 | 12 | **Links and Images** 13 | Any links and images of the UI you would like to see, the more the better. 14 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | public/ 2 | resources/ 3 | node_modules/ 4 | 5 | .DS_Store 6 | static/main.css 7 | .hugo_build.lock 8 | package-lock.json 9 | 10 | # Local Netlify folder 11 | .netlify 12 | -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | public/ 2 | resources/ 3 | node_modules/ 4 | 5 | static/main.css 6 | static/main.js 7 | layouts/shortcodes/elementlink.html 8 | layouts/partials/code.html 9 | -------------------------------------------------------------------------------- /.prettierrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "trailingComma": "es5", 3 | "tabWidth": 2, 4 | "semi": false, 5 | "singleQuote": true, 6 | "bracketSameLine": true, 7 | "printWidth": 120 8 | } 9 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) Praveen Juge 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Myna UI 2 | 3 | Perfect UI components and templates. Made with TailwindCSS. Open Source. Fully responsive and accessible. 4 | 5 | [![Netlify Status](https://api.netlify.com/api/v1/badges/6f127b33-52f0-4c85-903f-d06f8d80b555/deploy-status)](https://app.netlify.com/sites/mynaui/deploys) 6 | 7 | ## Bugs & Suggestions 8 | 9 | Found a bug? [Please open a issue](https://github.com/praveenjuge/myna/issues/new/choose). 10 | 11 | Have a component suggestion? [Request a new component](https://github.com/praveenjuge/myna/issues/new/choose). 12 | 13 | Use [Discussions](https://github.com/praveenjuge/myna/discussions) for new general discussions. 14 | 15 | ## Development 16 | 17 | You need [Hugo](https://gohugo.io/) to run the dev server. If you have [Homebrew](https://brew.sh/) you can do the following: 18 | 19 | ```sh 20 | brew install hugo 21 | ``` 22 | 23 | Check this [Hugo installation page](https://gohugo.io/getting-started/installing/) for installing on other systems. 24 | 25 | Then clone the repo, install dependencies, and start the server locally. 26 | 27 | ```sh 28 | git clone https://github.com/praveenjuge/myna.git 29 | cd myna 30 | npm install 31 | npm start 32 | ``` 33 | 34 | Open [`http://localhost:1313`](http://localhost:1313) in your browser. 35 | 36 | | Scripts | Description | 37 | | --------------- | ----------------------------------------------- | 38 | | `npm run dev` | Starts a local Hugo server and Tailwind Watcher | 39 | | `npm run build` | For generating production docs files | 40 | 41 | ## License 42 | 43 | See the [LICENSE](https://github.com/praveenjuge/myna/blob/main/LICENSE) file. 44 | -------------------------------------------------------------------------------- /archetypes/default.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: '' 3 | weight: 4 | --- 5 | -------------------------------------------------------------------------------- /config.toml: -------------------------------------------------------------------------------- 1 | baseURL = "https://mynaui.com/" 2 | title = "Myna UI" 3 | languageCode = "en-us" 4 | 5 | enableGitInfo = true 6 | enableRobotsTXT = true 7 | disableKinds = ["taxonomy", "taxonomyTerm"] 8 | 9 | [params] 10 | description = "UI Components and Elements made with Tailwind CSS. Free. Open Source. Accessible. With Figma Kit." 11 | author = "Praveen Juge" 12 | github = "https://github.com/praveenjuge/myna" 13 | og_image = "/og.jpg" 14 | twitter = "@praveenjuge" 15 | -------------------------------------------------------------------------------- /content/avatar-group/basic.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 1 4 | --- 5 | 6 |
7 |
9 | 12 |
13 |
15 | 18 |
19 |
21 | 24 |
25 |
27 | 30 |
31 |
32 | -------------------------------------------------------------------------------- /content/avatar-group/centered.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 5 4 | --- 5 | 6 |
7 |
9 | 12 |
13 |
15 | 18 |
19 |
21 | 24 |
25 |
27 | 30 |
31 |
33 | 36 |
37 |
38 | -------------------------------------------------------------------------------- /content/avatar-group/reverse-order.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 2 4 | --- 5 | 6 |
7 |
9 | 12 |
13 |
15 | 18 |
19 |
21 | 24 |
25 |
27 | 30 |
31 |
32 | -------------------------------------------------------------------------------- /content/avatar-group/sizes.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-10 overflow-x-auto md:justify-center' 3 | weight: 3 4 | --- 5 | 6 |
7 |
9 | 12 |
13 |
15 | 18 |
19 |
21 | 24 |
25 |
27 | 30 |
31 |
32 | 33 |
34 |
36 | 39 |
40 |
42 | 45 |
46 |
48 | 51 |
52 |
54 | 57 |
58 |
59 | 60 |
61 |
63 | 66 |
67 |
69 | 72 |
73 |
75 | 78 |
79 |
81 | 84 |
85 |
86 | -------------------------------------------------------------------------------- /content/avatar-group/text.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-10 overflow-x-auto md:justify-center' 3 | weight: 4 4 | --- 5 | 6 |
7 |
9 | M 10 |
11 |
13 | M 14 |
15 |
17 | M 18 |
19 |
21 | M 22 |
23 |
24 | 25 |
26 |
28 | M 29 |
30 |
32 | M 33 |
34 |
36 | M 37 |
38 |
40 | M 41 |
42 |
43 | 44 |
45 |
47 | M 48 |
49 |
51 | M 52 |
53 |
55 | M 56 |
57 |
59 | M 60 |
61 |
62 | -------------------------------------------------------------------------------- /content/avatar/basic-rounded.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 2 4 | --- 5 | 6 |
8 | 9 | 11 | 12 |
13 | 14 |
16 | P 17 |
18 | 19 |
21 | 22 |
23 | 24 |
26 | 31 |
32 | -------------------------------------------------------------------------------- /content/avatar/basic.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 1 4 | --- 5 | 6 |
8 | 9 | 11 | 12 |
13 | 14 |
16 | P 17 |
18 | 19 |
21 | 24 |
25 | 26 |
28 | 33 |
34 | -------------------------------------------------------------------------------- /content/avatar/placeholder-sizes.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | --- 4 | 5 |
7 | 8 | 10 | 11 |
12 |
14 | 15 | 17 | 18 |
19 |
21 | 22 | 24 | 25 |
26 |
28 | 29 | 31 | 32 |
33 |
35 | 36 | 38 | 39 |
40 |
42 | 43 | 45 | 46 |
47 |
49 | 50 | 52 | 53 |
54 |
56 | 57 | 59 | 60 |
61 |
63 | 64 | 66 | 67 |
68 | -------------------------------------------------------------------------------- /content/avatar/sizes.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 3 4 | --- 5 | 6 |
8 | 11 |
12 |
14 | 17 |
18 |
20 | 23 |
24 |
26 | 29 |
30 |
32 | 35 |
36 |
38 | 41 |
42 |
44 | 47 |
48 |
50 | 53 |
54 |
56 | 59 |
60 | -------------------------------------------------------------------------------- /content/avatar/with-indicator.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | --- 4 | 5 |
7 | M 8 | 11 |
12 | 13 |
15 | M 16 | 17 |
18 | 19 |
21 | M 22 | 23 |
24 | 25 |
27 | M 28 | 29 |
30 | 31 |
33 | M 34 | 35 |
36 | 37 |
39 | M 40 | 43 |
44 | 45 |
47 | M 48 | 51 |
52 | 53 |
55 | M 56 | 57 |
58 | 59 |
61 | M 62 | 63 |
64 | -------------------------------------------------------------------------------- /content/badge/basic.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 1 4 | --- 5 | 6 | Badge 7 | Badge 8 | 9 | Badge 10 | Badge 11 | -------------------------------------------------------------------------------- /content/badge/close-button.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 4 4 | --- 5 | 6 | 7 | Badge 8 | 14 | 15 | 17 | Badge 18 | 24 | 25 | -------------------------------------------------------------------------------- /content/badge/light-colors.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 2 4 | --- 5 | 6 | Badge 7 | Badge 8 | Badge 9 | Badge 10 | Badge 11 | Badge 12 | Badge 13 | Badge 14 | -------------------------------------------------------------------------------- /content/badge/numbers.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 6 4 | --- 5 | 6 | 57 7 | 8 | 2 9 | 10 | 293 11 | 12 | 14k 13 | 14 | 15 | 0 16 | 17 | -------------------------------------------------------------------------------- /content/badge/only-dot.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 5 4 | --- 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /content/badge/with-dot.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 3 4 | --- 5 | 6 | 8 | 9 | Badge 10 | 11 | 13 | 14 | Badge 15 | 16 | 18 | 19 | Badge 20 | 21 | 23 | 24 | Badge 25 | 26 | -------------------------------------------------------------------------------- /content/breadcrumb/basic.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex flex-col space-y-4 max-w-sm w-full mx-auto' 3 | weight: 1 4 | --- 5 | 6 | 21 | -------------------------------------------------------------------------------- /content/breadcrumb/caret.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex flex-col space-y-4 max-w-sm w-full mx-auto' 3 | weight: 3 4 | --- 5 | 6 | 35 | -------------------------------------------------------------------------------- /content/breadcrumb/icons.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex flex-col space-y-4 max-w-sm w-full mx-auto' 3 | weight: 5 4 | --- 5 | 6 | 39 | -------------------------------------------------------------------------------- /content/breadcrumb/more-items-caret.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex flex-col space-y-4 max-w-sm w-full mx-auto' 3 | weight: 4 4 | --- 5 | 6 | 24 | 25 | 54 | 55 | 95 | 96 | 147 | -------------------------------------------------------------------------------- /content/breadcrumb/more-items.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex flex-col space-y-4 max-w-sm w-full mx-auto' 3 | weight: 2 4 | --- 5 | 6 | 17 | 18 | 33 | 34 | 53 | 54 | 77 | -------------------------------------------------------------------------------- /content/button-group/basic.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | --- 4 | 5 |
6 | 11 | 16 |
17 | 18 |
19 | 24 | 29 | 34 |
35 | -------------------------------------------------------------------------------- /content/button-group/dropdown-buttons.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | --- 4 | 5 |
6 | 19 | 32 | 45 |
46 | -------------------------------------------------------------------------------- /content/button-group/split-button.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | --- 4 | 5 |
6 | 11 | 12 | 24 |
25 | -------------------------------------------------------------------------------- /content/button-group/with-border.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | --- 4 | 5 |
6 | 19 | 32 |
33 | 34 |
35 | 78 | 120 | 162 |
163 | -------------------------------------------------------------------------------- /content/button-group/with-icon.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | --- 4 | 5 |
6 | 19 | 32 |
33 | 34 |
35 | 78 | 120 | 162 |
163 | -------------------------------------------------------------------------------- /content/buttons/basic.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 1 4 | --- 5 | 6 | 11 | -------------------------------------------------------------------------------- /content/buttons/basic_button_sizes.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 2 4 | --- 5 | 6 | 11 | 16 | 21 | 26 | 31 | -------------------------------------------------------------------------------- /content/buttons/prefix_icon.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 4 4 | --- 5 | 6 | 30 | 54 | 78 | 102 | 126 | -------------------------------------------------------------------------------- /content/buttons/primary.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 3 4 | --- 5 | 6 | 11 | 16 | 21 | 26 | 31 | -------------------------------------------------------------------------------- /content/buttons/suffix_icon.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 5 4 | --- 5 | 6 | 30 | 54 | 78 | 102 | 126 | -------------------------------------------------------------------------------- /content/checkbox/basic.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 | 11 | 12 |
13 | -------------------------------------------------------------------------------- /content/checkbox/disabled.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 | 12 | 13 |
14 | -------------------------------------------------------------------------------- /content/checkbox/error.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 |
8 | 13 | 14 |
15 |

I don't think you are ready.

16 |
17 | -------------------------------------------------------------------------------- /content/checkbox/vertical.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 | Privacy: 8 |
9 |
10 | 14 | 15 |
16 |
17 | 21 | 22 |
23 |
24 | 28 | 29 |
30 |
31 |
32 | -------------------------------------------------------------------------------- /content/checkbox/with-description.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 |
8 | 12 | 18 |
19 |
20 | 24 | 28 |
29 |
30 | -------------------------------------------------------------------------------- /content/file/basic.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto' 3 | --- 4 | 5 |
6 | 7 | 11 |
12 | -------------------------------------------------------------------------------- /content/file/disabled.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto' 3 | --- 4 | 5 |
6 | 7 | 12 |
13 | -------------------------------------------------------------------------------- /content/file/drop-box.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto' 3 | --- 4 | 5 | 45 | -------------------------------------------------------------------------------- /content/file/error.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto' 3 | --- 4 | 5 |
6 | 7 | 11 |
12 |

Don't you get it yet? Nothing works.

13 | -------------------------------------------------------------------------------- /content/file/with-button.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto' 3 | --- 4 | 5 | 6 |
7 | 11 | 16 |
17 | -------------------------------------------------------------------------------- /content/footer/4-grid.html: -------------------------------------------------------------------------------- 1 | --- 2 | headerPadding: true 3 | --- 4 | 5 | 57 | -------------------------------------------------------------------------------- /content/footer/links-grid.html: -------------------------------------------------------------------------------- 1 | --- 2 | headerPadding: true 3 | --- 4 | 5 | 57 | -------------------------------------------------------------------------------- /content/footer/simple-with-links.html: -------------------------------------------------------------------------------- 1 | --- 2 | headerPadding: true 3 | --- 4 | 5 | 29 | -------------------------------------------------------------------------------- /content/header/only-buttons.html: -------------------------------------------------------------------------------- 1 | --- 2 | footerPadding: true 3 | --- 4 | 5 |
6 |
7 |
8 | 9 | 10 | 13 | 16 | 17 | 18 |
19 | 23 |
24 |
25 | -------------------------------------------------------------------------------- /content/input-group/simple.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 | 12 | 17 |
18 | -------------------------------------------------------------------------------- /content/input-group/with-button.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 | 8 | 13 | 18 |
19 | -------------------------------------------------------------------------------- /content/input-group/with-icon-button.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 | 8 | 14 | 35 |
36 | -------------------------------------------------------------------------------- /content/input-group/with-prefix-text.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 | 8 | 9 | Campfire.in/ 10 | 11 | 16 |
17 | -------------------------------------------------------------------------------- /content/input-group/with-suffix-text.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 | 8 | 13 | 14 | .Campfire.in 15 | 16 |
17 | -------------------------------------------------------------------------------- /content/input/basic.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 | 8 | 13 |
14 | -------------------------------------------------------------------------------- /content/input/disabled.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 | 8 | 14 |
15 | -------------------------------------------------------------------------------- /content/input/error.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 | 8 | 14 |

Your email doesn't match our records.

15 |
16 | -------------------------------------------------------------------------------- /content/input/icon-prefix.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 | 8 |
9 |
10 | 11 | 12 | 17 | 18 |
19 | 24 |
25 |
26 | -------------------------------------------------------------------------------- /content/input/icon-suffix.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 | 8 |
9 | 14 |
15 | 16 | 17 | 22 | 23 |
24 |
25 |
26 | -------------------------------------------------------------------------------- /content/progress/basic.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto' 3 | --- 4 | 5 |
12 |
13 |
14 | -------------------------------------------------------------------------------- /content/progress/colors.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto grid gap-2' 3 | --- 4 | 5 |
12 |
13 |
14 |
21 |
22 |
23 |
30 |
31 |
32 |
39 |
40 |
41 |
48 |
49 |
50 |
57 |
58 |
59 |
66 |
67 |
68 |
75 |
76 |
77 |
84 |
85 |
86 | -------------------------------------------------------------------------------- /content/progress/indeterminate.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto' 3 | --- 4 | 5 |
10 |
12 |
13 | -------------------------------------------------------------------------------- /content/progress/multiple.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto' 3 | --- 4 | 5 |
12 |
13 |
14 |
15 |
16 | -------------------------------------------------------------------------------- /content/progress/sizes.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto grid gap-2' 3 | --- 4 | 5 |
12 |
13 |
14 |
21 |
22 |
23 |
30 |
31 |
32 |
39 |
40 |
41 |
48 |
49 |
50 |
57 |
58 |
59 |
66 |
67 |
68 |
75 |
76 |
77 |
84 |
85 |
86 | -------------------------------------------------------------------------------- /content/radio/basic.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 |
8 | 13 | 14 |
15 |
16 | 21 | 24 |
25 |
26 | -------------------------------------------------------------------------------- /content/radio/disabled.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 |
8 | 14 | 15 |
16 |
17 | 23 | 26 |
27 |
28 | -------------------------------------------------------------------------------- /content/radio/error.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 |
8 | 13 | 14 |
15 |
16 | 22 | 25 |
26 |

You have to accept to continue

27 |
28 | -------------------------------------------------------------------------------- /content/radio/vertical.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 | Privacy: 8 |
9 |
10 | 15 | 16 |
17 |
18 | 23 | 24 |
25 |
26 | 31 | 32 |
33 |
34 |
35 | -------------------------------------------------------------------------------- /content/radio/with-description.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 |
8 | 13 | 19 |
20 |
21 | 26 | 30 |
31 |
32 | -------------------------------------------------------------------------------- /content/range/basic.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | --- 4 | 5 | 8 | -------------------------------------------------------------------------------- /content/range/disabled.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | --- 4 | 5 | 9 | -------------------------------------------------------------------------------- /content/range/min-and-max.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | --- 4 | 5 |
6 | 0 7 | 5 8 |
9 | 14 | -------------------------------------------------------------------------------- /content/range/steps.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | --- 4 | 5 |
6 | 0 7 | 5 8 |
9 | 15 | -------------------------------------------------------------------------------- /content/range/with-label.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto space-y-6' 3 | --- 4 | 5 |
6 | 7 | 11 |
12 | 13 |
14 | 15 | 19 |
20 | -------------------------------------------------------------------------------- /content/rating/basic.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto grid place-items-center' 3 | --- 4 | 5 |
6 | 12 | 13 | 19 | 20 | 26 | 27 | 33 | 34 | 40 |
41 | -------------------------------------------------------------------------------- /content/rating/disabled.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto grid place-items-center gap-4' 3 | --- 4 | 5 |
6 | 12 | 13 | 19 | 20 | 26 | 27 | 33 | 34 | 40 |
41 | -------------------------------------------------------------------------------- /content/rating/view-only.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 max-w-sm mx-auto grid place-items-center' 3 | --- 4 | 5 |
6 | 4 out of 5 stars 7 | 11 | 15 | 19 | 23 | 27 |
28 | -------------------------------------------------------------------------------- /content/search/basic.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | forms: true 4 | weight: 1 5 | --- 6 | 7 |
8 | 30 | 31 | 36 |
37 | -------------------------------------------------------------------------------- /content/search/borderless.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-1' 3 | forms: true 4 | weight: 5 5 | --- 6 | 7 |
8 | 30 | 31 | 36 |
37 | -------------------------------------------------------------------------------- /content/search/disabled.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | forms: true 4 | weight: 2 5 | --- 6 | 7 |
8 | 30 | 31 | 37 |
38 | -------------------------------------------------------------------------------- /content/search/error.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | forms: true 4 | weight: 3 5 | --- 6 | 7 |
8 | 30 | 31 | 37 |
38 |

Our search does not work.

39 | -------------------------------------------------------------------------------- /content/search/with-button.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | forms: true 4 | weight: 1 5 | --- 6 | 7 |
8 |
9 | 31 | 32 | 37 |
38 | 43 |
44 | -------------------------------------------------------------------------------- /content/section-header/basic.html: -------------------------------------------------------------------------------- 1 | --- 2 | footerPadding: true 3 | --- 4 | 5 |
6 |
8 |
9 |

Your Bookmark Folders

10 |

You can organize your bookmarks into folders to help you find them easier.

11 |
12 |
13 | 50 | 69 |
70 |
71 |
72 | -------------------------------------------------------------------------------- /content/section-header/simple.html: -------------------------------------------------------------------------------- 1 | --- 2 | footerPadding: true 3 | --- 4 | 5 |
6 |
7 |
8 |

Your Bookmark Folders

9 |

You can organize your bookmarks into folders to help you find them easier.

10 |
11 |
12 |
13 | -------------------------------------------------------------------------------- /content/select/basic.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 | 8 | 16 |
17 | -------------------------------------------------------------------------------- /content/select/disabled.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 | 8 | 17 |
18 | -------------------------------------------------------------------------------- /content/select/error.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 | 8 | 16 |

Sorry we don't consider that as a fruit

17 |
18 | -------------------------------------------------------------------------------- /content/select/prefix-avatar.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 | 8 |
9 |
10 | 13 |
14 | 22 |
23 |
24 | -------------------------------------------------------------------------------- /content/select/prefix-icon.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-sm mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 | 8 |
9 |
10 | 11 | 16 | 21 | 26 | 27 |
28 | 36 |
37 |
38 | -------------------------------------------------------------------------------- /content/spinner/basic.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 1 4 | --- 5 | 6 |
7 | 8 | 9 | 17 | 18 | 26 | 27 | 35 | 36 | 44 | 45 |
46 | 47 |
48 | 49 | 52 | 55 | 56 |
57 | -------------------------------------------------------------------------------- /content/spinner/on-button.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 5 4 | --- 5 | 6 | 20 | -------------------------------------------------------------------------------- /content/spinner/with-text.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 4 4 | --- 5 | 6 |
7 | 8 | 9 | 17 | 18 | 26 | 27 | 35 | 36 | 44 | 45 | Loading... 46 |
47 | -------------------------------------------------------------------------------- /content/switch/basic.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 1 4 | --- 5 | 6 | 15 | 16 | 25 | -------------------------------------------------------------------------------- /content/switch/colors.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 5 4 | --- 5 | 6 | 15 | 16 | 25 | 26 | 35 | 36 | 45 | 46 | 55 | -------------------------------------------------------------------------------- /content/switch/sizes.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 4 4 | --- 5 | 6 | 15 | 16 | 25 | 26 | 35 | 36 | 45 | 46 | 55 | 56 | 65 | -------------------------------------------------------------------------------- /content/switch/with-icon.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex items-end justify-start space-x-4 overflow-x-auto md:justify-center' 3 | weight: 2 4 | --- 5 | 6 | 20 | 21 | 39 | -------------------------------------------------------------------------------- /content/switch/with-label.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 flex flex-col items-start justify-start space-y-4 overflow-x-auto md:items-center md:justify-center' 3 | weight: 3 4 | --- 5 | 6 |
7 | 16 | Delete my account 17 |
18 | 19 |
20 | 29 | Delete my account 30 |
31 | -------------------------------------------------------------------------------- /content/textarea/basic.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-md mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 | 8 | 13 |
14 | -------------------------------------------------------------------------------- /content/textarea/disabled.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-md mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 | 8 | 14 |
15 | -------------------------------------------------------------------------------- /content/textarea/editor-avatar.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-md mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 |
9 | 12 |
13 |
15 | 16 | 21 |
22 |
23 | 35 | 66 | 88 |
89 | 94 |
95 |
96 |
97 | -------------------------------------------------------------------------------- /content/textarea/editor.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-md mx-auto' 3 | forms: true 4 | --- 5 | 6 |
8 | 9 | 14 |
15 |
16 | 28 | 59 | 81 |
82 | 87 |
88 |
89 | -------------------------------------------------------------------------------- /content/textarea/error.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid max-w-md mx-auto' 3 | forms: true 4 | --- 5 | 6 |
7 | 8 | 15 |

We don't accept negative reviews

16 |
17 | -------------------------------------------------------------------------------- /content/tooltip/bottom.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid justify-center items-end h-32' 3 | weight: 2 4 | --- 5 | 6 | 7 |
8 | 23 |
24 | 25 | 26 | 34 | 35 | 41 | 42 | -------------------------------------------------------------------------------- /content/tooltip/left.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid justify-center items-center h-32' 3 | weight: 4 4 | --- 5 | 6 | 7 |
8 | 23 |
24 | 25 | 26 | 34 | 35 | 41 | 42 | -------------------------------------------------------------------------------- /content/tooltip/right.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid justify-center items-center h-32' 3 | weight: 3 4 | --- 5 | 6 | 7 |
8 | 23 |
24 | 25 | 26 | 34 | 35 | 41 | 42 | -------------------------------------------------------------------------------- /content/tooltip/top.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid justify-center h-32' 3 | weight: 1 4 | --- 5 | 6 | 7 |
8 | 23 |
24 | 25 | 26 | 34 | 35 | 41 | 42 | -------------------------------------------------------------------------------- /content/tooltip/without-tip.html: -------------------------------------------------------------------------------- 1 | --- 2 | wrapper: 'p-4 grid justify-center h-32' 3 | weight: 5 4 | --- 5 | 6 | 7 |
8 | 13 |
14 | 15 | 16 | 24 | 25 | 31 | 32 | -------------------------------------------------------------------------------- /layouts/404.html: -------------------------------------------------------------------------------- 1 | {{ define "main"}} 2 | 3 |
4 |

404 / Page not found

5 |

6 | You can go back to home page or 7 | 8 | report a issue 9 | 10 | if you think this is a bug. 11 |

12 |
13 | 14 | {{ end }} 15 | -------------------------------------------------------------------------------- /layouts/_default/baseof.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {{ partial "meta" . }} 5 | 6 | 7 | 8 | {{ if .IsPage }} {{ block "main" . }}{{ end }} {{ else }} {{ partial "header" . }} 9 |
{{ block "main" . }}{{ end }}
10 | {{ partial "footer" . }} {{ end }} 11 | 12 | 13 | -------------------------------------------------------------------------------- /layouts/_default/list.html: -------------------------------------------------------------------------------- 1 | {{ define "main" }} 2 | 3 |

{{ .Title | humanize | title }}

4 | {{ range .Pages.ByWeight }} {{ partial "code" . }} {{ end }} {{end}} 5 | -------------------------------------------------------------------------------- /layouts/_default/single.html: -------------------------------------------------------------------------------- 1 | {{ define "main" }} {{ .Content }} {{end}} 2 | -------------------------------------------------------------------------------- /layouts/index.html: -------------------------------------------------------------------------------- 1 | {{ define "main"}} {{ .Content }} {{ end }} 2 | -------------------------------------------------------------------------------- /layouts/partials/code.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | 7 | {{ .File.TranslationBaseName | humanize | title }} 8 | 9 |
10 | 16 | 51 | 52 | 58 | 84 | 85 | 86 | 96 |
97 |
98 |
99 | 100 | 127 | 128 |
129 | {{ .Scratch.Set "finalCode" (replace .Content "\n<" "<" 1) }} {{ if 130 | .Params.forms }} {{ .Scratch.Set "finalCode" (print "" 131 | .Content) }} {{ end }} {{ highlight (.Scratch.Get "finalCode") "html" 132 | "style=dracula" }} 133 |
134 |
135 |
136 | {{ if .Params.headerPadding }} 137 | 138 | {{ end }} 139 |
{{ replace .Content "\n<" "<" 1 | safeHTML }}
140 | {{ if .Params.footerPadding }} 141 | 144 | {{ end }} 145 |
146 |
147 | -------------------------------------------------------------------------------- /layouts/partials/footer.html: -------------------------------------------------------------------------------- 1 | 37 | -------------------------------------------------------------------------------- /layouts/partials/meta.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {{ .Scratch.Set "title" .Site.Title }} 5 | 6 | {{ if eq .Kind "home" }} 7 | {{ .Scratch.Set "title" .Site.Title }} 8 | {{ end }} 9 | 10 | {{ if .IsSection }} 11 | {{ .Scratch.Set "title" (.LinkTitle | humanize | title) }} 12 | {{ .Scratch.Add "title" " | " }} 13 | {{ .Scratch.Add "title" .Site.Title }} 14 | {{ end }} 15 | 16 | {{ if .IsPage }} 17 | {{ .Scratch.Set "title" (.File.TranslationBaseName | humanize | title) }} 18 | {{ .Scratch.Add "title" " | " }} 19 | {{ .Scratch.Add "title" .Site.Title }} 20 | {{ end }} 21 | 22 | 23 | {{ .Scratch.Get "title" }} 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | {{ with .OutputFormats.Get "RSS" }} 55 | 56 | 57 | {{ end }} 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 83 | 84 | 85 | 86 | 92 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 108 | -------------------------------------------------------------------------------- /layouts/shortcodes/elementlink.html: -------------------------------------------------------------------------------- 1 | 3 | 8 |
9 | {{ .Get "link" | humanize | title }} 10 | 26 |
27 | 28 | -------------------------------------------------------------------------------- /layouts/shortcodes/request.html: -------------------------------------------------------------------------------- 1 | 6 | 37 |
38 | Request Something New 39 | 53 |
54 | 55 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "scripts": { 3 | "build": "npm-run-all build:*", 4 | "build:css": "NODE_ENV=production ./node_modules/tailwindcss/lib/cli.js -i ./static/tailwind.css -o ./static/main.css --minify", 5 | "build:hugo": "hugo --minify", 6 | "deploy": "npm run build && netlify deploy --prod", 7 | "dev": "npm-run-all --parallel dev:*", 8 | "dev:css": "NODE_ENV=development ./node_modules/tailwindcss/lib/cli.js -i ./static/tailwind.css -o ./static/main.css -w", 9 | "dev:hugo": "hugo server" 10 | }, 11 | "dependencies": { 12 | "@tailwindcss/forms": "^0.5.2", 13 | "@tailwindcss/typography": "^0.5.2", 14 | "prettier": "2.7.1", 15 | "prettier-plugin-tailwindcss": "^0.1.11", 16 | "npm-run-all": "^4.1.5", 17 | "tailwindcss": "^3.1.4" 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /static/_headers: -------------------------------------------------------------------------------- 1 | /* 2 | X-Frame-Options: DENY 3 | X-DNS-Prefetch-Control: on 4 | Referrer-Policy: no-referrer 5 | X-XSS-Protection: 1; mode=block 6 | X-Content-Type-Options: nosniff 7 | Permissions-Policy: camera=(), microphone=(), geolocation=() 8 | Strict-Transport-Security: max-age=31536000; includeSubDomains; preload 9 | Content-Security-Policy: default-src 'self'; script-src 'self' 'unsafe-inline' localhost:1313; style-src 'self' 'unsafe-inline'; font-src 'self'; img-src 'self' https://source.boringavatars.com data:; connect-src 'self'; frame-src 'self'; -------------------------------------------------------------------------------- /static/favicon-192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/praveenjuge/myna/2fa692798981f7cdf2aa50224614dab47b145d33/static/favicon-192.png -------------------------------------------------------------------------------- /static/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/praveenjuge/myna/2fa692798981f7cdf2aa50224614dab47b145d33/static/favicon.ico -------------------------------------------------------------------------------- /static/fonts/alegreya-cyrillic-ext-variable-wghtOnly-italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/praveenjuge/myna/2fa692798981f7cdf2aa50224614dab47b145d33/static/fonts/alegreya-cyrillic-ext-variable-wghtOnly-italic.woff2 -------------------------------------------------------------------------------- /static/fonts/alegreya-cyrillic-ext-variable-wghtOnly-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/praveenjuge/myna/2fa692798981f7cdf2aa50224614dab47b145d33/static/fonts/alegreya-cyrillic-ext-variable-wghtOnly-normal.woff2 -------------------------------------------------------------------------------- /static/fonts/alegreya-cyrillic-variable-wghtOnly-italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/praveenjuge/myna/2fa692798981f7cdf2aa50224614dab47b145d33/static/fonts/alegreya-cyrillic-variable-wghtOnly-italic.woff2 -------------------------------------------------------------------------------- /static/fonts/alegreya-cyrillic-variable-wghtOnly-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/praveenjuge/myna/2fa692798981f7cdf2aa50224614dab47b145d33/static/fonts/alegreya-cyrillic-variable-wghtOnly-normal.woff2 -------------------------------------------------------------------------------- /static/fonts/alegreya-greek-ext-variable-wghtOnly-italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/praveenjuge/myna/2fa692798981f7cdf2aa50224614dab47b145d33/static/fonts/alegreya-greek-ext-variable-wghtOnly-italic.woff2 -------------------------------------------------------------------------------- /static/fonts/alegreya-greek-ext-variable-wghtOnly-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/praveenjuge/myna/2fa692798981f7cdf2aa50224614dab47b145d33/static/fonts/alegreya-greek-ext-variable-wghtOnly-normal.woff2 -------------------------------------------------------------------------------- /static/fonts/alegreya-greek-variable-wghtOnly-italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/praveenjuge/myna/2fa692798981f7cdf2aa50224614dab47b145d33/static/fonts/alegreya-greek-variable-wghtOnly-italic.woff2 -------------------------------------------------------------------------------- /static/fonts/alegreya-greek-variable-wghtOnly-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/praveenjuge/myna/2fa692798981f7cdf2aa50224614dab47b145d33/static/fonts/alegreya-greek-variable-wghtOnly-normal.woff2 -------------------------------------------------------------------------------- /static/fonts/alegreya-latin-ext-variable-wghtOnly-italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/praveenjuge/myna/2fa692798981f7cdf2aa50224614dab47b145d33/static/fonts/alegreya-latin-ext-variable-wghtOnly-italic.woff2 -------------------------------------------------------------------------------- /static/fonts/alegreya-latin-ext-variable-wghtOnly-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/praveenjuge/myna/2fa692798981f7cdf2aa50224614dab47b145d33/static/fonts/alegreya-latin-ext-variable-wghtOnly-normal.woff2 -------------------------------------------------------------------------------- /static/fonts/alegreya-latin-variable-wghtOnly-italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/praveenjuge/myna/2fa692798981f7cdf2aa50224614dab47b145d33/static/fonts/alegreya-latin-variable-wghtOnly-italic.woff2 -------------------------------------------------------------------------------- /static/fonts/alegreya-latin-variable-wghtOnly-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/praveenjuge/myna/2fa692798981f7cdf2aa50224614dab47b145d33/static/fonts/alegreya-latin-variable-wghtOnly-normal.woff2 -------------------------------------------------------------------------------- /static/fonts/alegreya-vietnamese-variable-wghtOnly-italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/praveenjuge/myna/2fa692798981f7cdf2aa50224614dab47b145d33/static/fonts/alegreya-vietnamese-variable-wghtOnly-italic.woff2 -------------------------------------------------------------------------------- /static/fonts/alegreya-vietnamese-variable-wghtOnly-normal.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/praveenjuge/myna/2fa692798981f7cdf2aa50224614dab47b145d33/static/fonts/alegreya-vietnamese-variable-wghtOnly-normal.woff2 -------------------------------------------------------------------------------- /static/og.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/praveenjuge/myna/2fa692798981f7cdf2aa50224614dab47b145d33/static/og.jpg -------------------------------------------------------------------------------- /static/tailwind.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | @layer base { 6 | summary::-webkit-details-marker { 7 | display: none; 8 | } 9 | .font-alegreya { 10 | font-family: Alegreya, ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif; 11 | } 12 | @font-face { 13 | font-family: 'Alegreya'; 14 | font-style: normal; 15 | font-display: swap; 16 | font-weight: 400 900; 17 | src: url('/fonts/alegreya-cyrillic-variable-wghtOnly-normal.woff2') format('woff2'); 18 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 19 | } 20 | @font-face { 21 | font-family: 'Alegreya'; 22 | font-style: normal; 23 | font-display: swap; 24 | font-weight: 400 900; 25 | src: url('/fonts/alegreya-cyrillic-ext-variable-wghtOnly-normal.woff2') format('woff2'); 26 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; 27 | } 28 | @font-face { 29 | font-family: 'Alegreya'; 30 | font-style: normal; 31 | font-display: swap; 32 | font-weight: 400 900; 33 | src: url('/fonts/alegreya-greek-variable-wghtOnly-normal.woff2') format('woff2'); 34 | unicode-range: U+0370-03FF; 35 | } 36 | @font-face { 37 | font-family: 'Alegreya'; 38 | font-style: normal; 39 | font-display: swap; 40 | font-weight: 400 900; 41 | src: url('/fonts/alegreya-greek-ext-variable-wghtOnly-normal.woff2') format('woff2'); 42 | unicode-range: U+1F00-1FFF; 43 | } 44 | @font-face { 45 | font-family: 'Alegreya'; 46 | font-style: normal; 47 | font-display: swap; 48 | font-weight: 400 900; 49 | src: url('/fonts/alegreya-latin-variable-wghtOnly-normal.woff2') format('woff2'); 50 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, 51 | U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 52 | } 53 | @font-face { 54 | font-family: 'Alegreya'; 55 | font-style: normal; 56 | font-display: swap; 57 | font-weight: 400 900; 58 | src: url('/fonts/alegreya-latin-ext-variable-wghtOnly-normal.woff2') format('woff2'); 59 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 60 | } 61 | @font-face { 62 | font-family: 'Alegreya'; 63 | font-style: normal; 64 | font-display: swap; 65 | font-weight: 400 900; 66 | src: url('/fonts/alegreya-vietnamese-variable-wghtOnly-normal.woff2') format('woff2'); 67 | unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; 68 | } 69 | @font-face { 70 | font-family: 'Alegreya'; 71 | font-style: italic; 72 | font-display: swap; 73 | font-weight: 400 900; 74 | src: url('/fonts/alegreya-cyrillic-variable-wghtOnly-italic.woff2') format('woff2'); 75 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 76 | } 77 | @font-face { 78 | font-family: 'Alegreya'; 79 | font-style: italic; 80 | font-display: swap; 81 | font-weight: 400 900; 82 | src: url('/fonts/alegreya-cyrillic-ext-variable-wghtOnly-italic.woff2') format('woff2'); 83 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; 84 | } 85 | @font-face { 86 | font-family: 'Alegreya'; 87 | font-style: italic; 88 | font-display: swap; 89 | font-weight: 400 900; 90 | src: url('/fonts/alegreya-greek-variable-wghtOnly-italic.woff2') format('woff2'); 91 | unicode-range: U+0370-03FF; 92 | } 93 | @font-face { 94 | font-family: 'Alegreya'; 95 | font-style: italic; 96 | font-display: swap; 97 | font-weight: 400 900; 98 | src: url('/fonts/alegreya-greek-ext-variable-wghtOnly-italic.woff2') format('woff2'); 99 | unicode-range: U+1F00-1FFF; 100 | } 101 | @font-face { 102 | font-family: 'Alegreya'; 103 | font-style: italic; 104 | font-display: swap; 105 | font-weight: 400 900; 106 | src: url('/fonts/alegreya-latin-variable-wghtOnly-italic.woff2') format('woff2'); 107 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, 108 | U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 109 | } 110 | @font-face { 111 | font-family: 'Alegreya'; 112 | font-style: italic; 113 | font-display: swap; 114 | font-weight: 400 900; 115 | src: url('/fonts/alegreya-latin-ext-variable-wghtOnly-italic.woff2') format('woff2'); 116 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 117 | } 118 | @font-face { 119 | font-family: 'Alegreya'; 120 | font-style: italic; 121 | font-display: swap; 122 | font-weight: 400 900; 123 | src: url('/fonts/alegreya-vietnamese-variable-wghtOnly-italic.woff2') format('woff2'); 124 | unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; 125 | } 126 | } 127 | -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | content: ['./content/**/*.md', './content/**/*.html', './layouts/**/*.html'], 3 | theme: { 4 | extend: { 5 | keyframes: { 6 | 'scale-in': { 7 | '0%': { 8 | transform: 'scale(0.95)', 9 | opacity: 0, 10 | }, 11 | '100%': { 12 | transform: 'scale(1)', 13 | opacity: 1, 14 | }, 15 | }, 16 | }, 17 | animation: { 18 | 'scale-2': 'scale-in 2s ease-out', 19 | 'scale-1': 'scale-in 1.2s ease-out', 20 | 'scale-0.5': 'scale-in 0.8s ease-out', 21 | }, 22 | }, 23 | }, 24 | plugins: [require('@tailwindcss/forms'), require('@tailwindcss/typography')], 25 | } 26 | --------------------------------------------------------------------------------