commit 460777b3f13ea5c90ffdeece63b33ef07b2c7b8a Author: Wesley Moore Date: Fri Mar 8 20:59:02 2024 +1000 Squashed 'themes/juice/' content from commit e8a24f5 git-subtree-dir: themes/juice git-subtree-split: e8a24f54aa972aabd5a6002c4ba8542213b388ed diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..12b298b --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +.idea +.DS_Store +public diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..ded5ff3 --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2020 Huhu + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/README.md b/README.md new file mode 100644 index 0000000..58836bb --- /dev/null +++ b/README.md @@ -0,0 +1,129 @@ +# Juice + + + +**Juice** is an intuitive, elegant, and responsive Zola theme for product sites. + +- Build for product sites +- Simple and intuitive structure +- Clean and elegant design +- Responsive and mobile device compatible +- Customize and extend friendly + +https://juice.huhu.io + +# Installation + +First download this theme to your `themes` directory: + +```bash +$ cd themes +$ git clone https://github.com/huhu/juice.git +``` + +or add as a submodule +```bash +$ git submodule add https://github.com/huhu/juice themes/juice +``` + +and then enable it in your `config.toml`: + +```toml +theme = "juice" +``` + +# Structure + +### Hero + +**Juice** is designed for product websites, hence we let **hero** part fills whole of screen. +You can customize your **hero** by using `hero` block in the `templates/index.html`. + +```html +{% extends "juice/templates/index.html" %} +{% block hero %} +
+ Your cool hero html... +
+{% endblock hero %} +``` + +### Page + +Every markdown file located in `content` directory will become a **Page**. There also will display as +a navigate link on the top-right corner. +You can change the frontmatter's `weight` value to sort the order (ascending order). + +``` ++++ +title = "Changelog" +description = "Changelog" +weight = 2 ++++ + +``` + +### CSS variables + +You can override theme variable by creating a file named `_variables.html` in your `templates` directory. + +See the default value [here](./templates/_variables.html) + +### Favicon +The same way as changing the `hero` block in the `templates/index.html`, you can change the **favicon**. + +```html +{% extends "juice/templates/index.html" %} +{% block favicon %} + +{% endblock favicon %} +``` + +### Fonts +If you changed the `--xy-font-family`-variable in `_variables.html`, you have to load the mentioned fonts in the `templates/index.html`. + +```html +{% extends "juice/templates/index.html" %} +{% block fonts %} + + +{% endblock fonts %} +``` + +# Configuration + +You can customize some builtin property in `config.toml` file: + +```toml +[extra] +juice_logo_name = "Juice" +juice_logo_path = "juice.svg" +juice_extra_menu = [ + { title = "Github", link = "https://github.com/huhu/juice"} +] +juice_exclude_menu = [ + "exclude_from_nav" +] +repository_url = "https://github.com/huhu/juice" +``` + +# Shortcodes + +**Juice** have some builtin shortcodes available in `templates/shortcodes` directory. + +- `issue(id)` - A shortcode to render issue url, e.g. `issue(id=1)` would render to the link `https://github.com/huhu/juice/issue/1`. + +> The `repository_url` is required. + +# Showcases + +Please see the [showcases page](https://juice.huhu.io/showcases). + +# Contributing + +Thank you very much for considering contributing to this project! + +We appreciate any form of contribution: + +- New issues (feature requests, bug reports, questions, ideas, ...) +- Pull requests (documentation improvements, code improvements, new features, ...) \ No newline at end of file diff --git a/config.toml b/config.toml new file mode 100644 index 0000000..f12efc8 --- /dev/null +++ b/config.toml @@ -0,0 +1,30 @@ +# The URL the site will be built for +base_url = "/" + +title = "Juice - An intuitive, elegant, and lightweight Zola theme for product sites." +# default_language = "en" + +# Whether to automatically compile all Sass files in the sass directory +compile_sass = true + +# Whether to build a search index to be used later on by a JavaScript library +build_search_index = false + +# Configuration of the Markdown rendering +[markdown] +# Whether to do syntax highlighting +# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola +highlight_code = true +highlight_theme = "inspired-github" + +[extra] +juice_logo_name = "Juice" +juice_logo_path = "juice.svg" +juice_extra_menu = [ + { title = "Github", link = "https://github.com/huhu/juice" } +] +# Add page titles here to exclude them from the nav section (case sensitive) +juice_exclude_menu = [ + "exclude_from_nav" +] +repository_url = "https://github.com/huhu/juice" diff --git a/content/_index.md b/content/_index.md new file mode 100644 index 0000000..c82bafd --- /dev/null +++ b/content/_index.md @@ -0,0 +1,154 @@ ++++ +title = "Juice" +sort_by = "weight" ++++ + +# Juice + +**Juice** is an intuitive, elegant, and responsive Zola theme for product sites. + +- Build for product sites +- Simple and intuitive structure +- Clean and elegant design +- Responsive and mobile device compatible +- Customize and extend friendly + +# Installation + +> **Zola** is a prerequisite. Please refer to the [Zola installation](https://www.getzola.org/documentation/getting-started/installation/) docs. + +First download this theme to your `themes` directory: + +```bash +$ cd themes +$ git clone https://github.com/huhu/juice.git +``` + +or add as a submodule +```bash +$ git submodule add https://github.com/huhu/juice themes/juice +``` + +and then enable it in your `config.toml`: + +```toml +theme = "juice" +``` + +# Structure + +### Hero + +**Juice** is designed for product websites, hence we let **hero** part fills whole of screen. +You can customize your **hero** by using `hero` block in the `templates/index.html`. + +```html +{% extends "juice/templates/index.html" %} +{% block hero %} +
+ Your cool hero html... +
+{% endblock hero %} +``` + +### Page + +Every markdown file located in `content` directory will become a **Page**. There also will display as +a navigate link on the top-right corner. +You can change the frontmatter's `weight` value to sort the order (ascending order). + +``` ++++ +title = "Changelog" +description = "Changelog" +weight = 2 ++++ + +``` + +### CSS variables + +You can override theme variable by creating a file named `_variables.html` in your `templates` directory. + +```html + +``` + +### Favicon +The same way as changing the `hero` block in the `templates/index.html`, you can change the **favicon**. + +```html +{% extends "juice/templates/index.html" %} +{% block favicon %} + +{% endblock favicon %} +``` + +### Fonts +If you changed the `--xy-font-family`-variable in `_variables.html`, you have to load the mentioned fonts in the `templates/index.html`. + +```html +{% extends "juice/templates/index.html" %} +{% block fonts %} + + +{% endblock fonts %} +``` + +# Configuration + +You can customize some builtin property in `config.toml` file: + +```toml +[extra] +juice_logo_name = "Juice" +juice_logo_path = "juice.svg" +juice_extra_menu = [ + { title = "Github", link = "https://github.com/huhu/juice"} +] +repository_url = "https://github.com/huhu/juice" +``` + +# Shortcodes + +**Juice** have some builtin shortcodes available in `templates/shortcodes` directory. + +- `issue(id)` - A shortcode to render issue url, e.g. `issue(id=1)` would render to the link `https://github.com/huhu/juice/issue/1`. + +> The `repository_url` is required. + +# Showcases + +Please see the [showcases page](/showcases). + +# Contributing + +Thank you very much for considering contributing to this project! + +We appreciate any form of contribution: + +- New issues (feature requests, bug reports, questions, ideas, ...) +- Pull requests (documentation improvements, code improvements, new features, ...) diff --git a/content/about.md b/content/about.md new file mode 100644 index 0000000..4124984 --- /dev/null +++ b/content/about.md @@ -0,0 +1,25 @@ ++++ +title = "About" +description = "About" +weight = 3 ++++ + +# Juice + +**Juice** is an intuitive, elegant, and responsive Zola theme for product sites. +Built by [Huhu.io](https://huhu.io), adopted by a several product sites. + +# Logo + +![](/juice.svg) + +# Zola + +[Zola](https://www.getzola.org) is a fast static site generator in a single binary with everything built-in. + + +# Huhu.io + +[Huhu.io](https://huhu.io) is a global community of coders dedicated to making cool stuff coders need and want. +We focus on enabling the developer community by curating, incubating, and launching tools based on great ideas, +providing support and funding that allows our engineers to develop what they want, the way they want. diff --git a/content/changelog.md b/content/changelog.md new file mode 100644 index 0000000..45da746 --- /dev/null +++ b/content/changelog.md @@ -0,0 +1,43 @@ ++++ +title = "Changelog" +description = "Changelog" +weight = 2 ++++ + +# v0.6.0 - 2021-10-05 + +- Add `favicon` block. +- Always align footer bottom. {{ issue(id=4) }} +- Support config favicon. Fixes {{ issue(id=5) }}. +- Table of Content supports auto-scroll if the list is too long. + +# v0.5.0 - 2021-03-02 + +- Add `issue` shortcode. +- Add `sidebar` block. +- Adjust blockquote background color. +- Fix explore-more class left align. + +# v0.4.0 - 2020-11-18 + +- Prevent showcase images be included by downstream Zola project. +- Fix TOC highlight in localhost mode. See {{ issue(id=1) }}. +- Hide TOC for empty markdown content page. + +# v0.3.0 - 2020-07-17 + +- Rename css filename to avoid conflicts. +- Replace sass variables with css variable. +- Add `--toc-highlight-text-color` variable. +- Add normalize.css. + +# v0.2.0 - 2020-06-28 + +- Add extra juice_extra_menu config. +- Add color customization CSS variables. +- Improve docs and blockquote style. +- Support customize logo and name. + +# v0.1.0 - 2020-06-21 + +- First release! \ No newline at end of file diff --git a/content/exclude_from_nav.md b/content/exclude_from_nav.md new file mode 100644 index 0000000..7e4b445 --- /dev/null +++ b/content/exclude_from_nav.md @@ -0,0 +1,9 @@ ++++ +title = "exclude_from_nav" +description = "Page without nav link" +weight = 3 ++++ + +# Hidden page + +This page will not be added to the nav links in the header. diff --git a/content/favicon.ico b/content/favicon.ico new file mode 100644 index 0000000..ca809d6 Binary files /dev/null and b/content/favicon.ico differ diff --git a/content/juice.svg b/content/juice.svg new file mode 100644 index 0000000..d952b50 --- /dev/null +++ b/content/juice.svg @@ -0,0 +1,48 @@ + \ No newline at end of file diff --git a/content/showcases.md b/content/showcases.md new file mode 100644 index 0000000..da9ec05 --- /dev/null +++ b/content/showcases.md @@ -0,0 +1,127 @@ ++++ +title = "Showcases" +description = "Showcases" +weight = 1 ++++ + +# Pull request + +If you use **Juice** as your theme, feel free to make Pull request. + +Here are some steps to help you get started: + +- Change the [content/showcases.md](https://github.com/huhu/juice/blob/master/content/showcases.md) file, add your product site. Make sure the lexicographical order. +- Add a link to your product site. + +# Gallery + +Here are some product websites which use **Juice** as the theme. +Sort by lexicographical order. For more showcases, please visit [here](https://github.com/search?l=&p=1&q=theme+%3D+%22juice%22+filename%3Aconfig.toml&ref=advsearch&type=Code). + +## Acton Lang + +[https://www.acton-lang.org/](https://www.acton-lang.org/) + +## Arara + +[https://islandoftex.gitlab.io/arara/](https://islandoftex.gitlab.io/arara/) + +## Angular Rust + +[https://angular-rust.github.io/](https://angular-rust.github.io/) + +## Atlas Language + +[https://atlas-language.github.io/](https://atlas-language.github.io/) + +## Avatar CLI + +[https://avatar-cli.dev/](https://avatar-cli.dev/) + +## C/C++ Search Extension + +[https://cpp.extension.sh/](https://cpp.extension.sh/) + +## Crow Translate + +[https://crow-translate.github.io/](https://crow-translate.github.io/) + +## Drogue IOT + +[https://www.drogue.io/](https://www.drogue.io/) + +## El Monitorro + +[https://elmonitorro.badykov.com/](https://elmonitorro.badykov.com/) + +## Erg Lang + +[https://erg-lang.org/](https://erg-lang.org/) + +## Godot-rust + +[https://godot-rust.github.io/](https://godot-rust.github.io/) + +## GoToFix (JP) + +[https://gotofix.kumassy.com/](https://gotofix.kumassy.com/) + +## Go Search Extension + +[https://go.extension.sh/](https://go.extension.sh/) + +## Gradecoin + +[https://gradecoin.xyz/](https://gradecoin.xyz/) + +## Insta.rs + +[https://insta.rs/](https://insta.rs/) + +## Instant markdown + +[https://instant-markdown.github.io/](https://instant-markdown.github.io/) + +## ImpftHessen (DE) + +[https://impft-hessen.de/](https://impft-hessen.de/) + +## JS Search Extension + +[https://js.extension.sh/](https://js.extension.sh/) + +## Fun Notation + +[https://www.notation.fun/](https://www.notation.fun/) + +## PeopleForBike + +[https://peopleforbikes.github.io/](https://peopleforbikes.github.io/) + +## Rust Search Extension + +[https://rust.extension.sh/](https://rust.extension.sh/) + +## Stitcherd + +[https://stitcherd.vhodges.dev/](https://stitcherd.vhodges.dev/) + +## Streamson + +[https://streamson.henek.name/](https://streamson.henek.name/) + +## Tokay lang + +[https://tokay.dev](https://tokay.dev) + +## Trunk + +[https://trunkrs.dev/](https://trunkrs.dev/) + +## Vidar + +[https://calebsacks.me/vidar/](https://calebsacks.me/vidar/) + +## zDevelopers + +[https://dev.zcraft.fr/](https://dev.zcraft.fr/) \ No newline at end of file diff --git a/sass/_markdown.scss b/sass/_markdown.scss new file mode 100644 index 0000000..94cae0b --- /dev/null +++ b/sass/_markdown.scss @@ -0,0 +1,45 @@ +.content { + padding: 0 40px; + display: flex; + flex-direction: column; + overflow-x: auto; +} + +.content pre { + overflow-x: auto; + padding: 1.25em 1.5em; + white-space: pre; + word-wrap: normal; + background-color: var(--code-background-color); + color: var(--code-color); + font-size: .875em; + font-family: monospace; +} + +.content code { + background-color: var(--code-background-color); + color: var(--code-color); + font-size: .875em; + font-weight: normal; + padding: 0.25em 0.5em; + font-family: monospace; +} + +.content pre code { + padding: 0; +} + +.content a { + color: var(--primary-link-color); + + &:hover { + text-decoration: underline; + } +} + +.content blockquote { + border-left: #e2dede 8px solid; + margin: 0; + background-color: #f2f1f0; + padding: 0 20px; +} diff --git a/sass/_text.scss b/sass/_text.scss new file mode 100644 index 0000000..ca163bb --- /dev/null +++ b/sass/_text.scss @@ -0,0 +1,39 @@ +.heading-text { + font-family: var(--header-font-family); + font-size: 32px; + font-weight: 600; + padding: 10px 0 25px 0; + color: var(--primary-text-color); +} + +h1, .title-text { + font-family: var(--header-font-family); + font-size: 25px; + font-weight: 500; + color: var(--primary-text-color); + border-left: var(--primary-color) 8px solid; + padding-left: 10px; +} + +h2, .subtitle-text { + font-family: var(--header-font-family); + font-size: 20px; + font-weight: 500; + color: var(--primary-text-color); +} + +.text { + font-family: var(--text-font-family); + font-size: 18px; + font-weight: 400; + line-height: 26px; + letter-spacing: 0.2px; + color: var(--primary-text-color); +} + +.subtext { + font-family: var(--text-font-family); + font-size: 16px; + font-weight: 400; + letter-spacing: 0.1px; +} \ No newline at end of file diff --git a/sass/_ultility.scss b/sass/_ultility.scss new file mode 100644 index 0000000..44e5e0b --- /dev/null +++ b/sass/_ultility.scss @@ -0,0 +1,13 @@ +.text-center { + text-align: center; +} + +.pos-absolute { + right: 0; + left: 0; + position: absolute; +} + +.box-shadow { + box-shadow: 0 2px 10px 2px var(--shadow-color); +} \ No newline at end of file diff --git a/sass/juice.scss b/sass/juice.scss new file mode 100644 index 0000000..fbce649 --- /dev/null +++ b/sass/juice.scss @@ -0,0 +1,194 @@ +@import "_ultility.scss"; +@import "_text.scss"; +@import "_markdown.scss"; + +body { + padding: 0; + margin: 0; + box-sizing: border-box; + background-color: var(--secondary-color); + display: flex; + flex-direction: column; + min-height: 100vh; +} + +a { + text-decoration: none; +} + +ul { + margin-top: 0.5rem; +} + +ul > li { + padding: 0.3rem 0; +} + +p > img { + width: 100%; + height: auto; +} + +header { + background-color: var(--primary-color); + color: var(--primary-text-color); + padding: 20px 50px; + display: flex; + align-items: center; + justify-content: space-between; +} + +.logo { + font-family: "Alfa Slab One", serif; + font-size: 32px; + color: var(--primary-text-color); + display: flex; + align-items: center; + margin: 0 40px; + + img { + width: 60px; + margin: 0 25px; + } +} + +.nav-item { + margin: 0 10px; + text-decoration: none; + font-size: 18px; + font-weight: bold; + + &:hover { + color: var(--primary-text-color-over); + text-decoration: underline; + } +} + +.hero { + display: flex; + align-items: center; + justify-content: space-evenly; + height: 100vh; + background-color: var(--primary-color); + overflow-x: hidden; + padding: 0 40px; + + .explore-more { + position: absolute; + bottom: 20px; + cursor: pointer; + } +} + +main { + display: flex; + padding: 50px 100px; + flex-grow: 1; + + .toc { + max-width: 260px; + min-width: 240px; + } + + .toc-item { + padding: 10px 20px; + color: #424242; + } + + .toc-item a, .toc-item-child a { + color: var(--secondary-text-color); + + &:hover { + cursor: pointer; + text-decoration: underline; + } + } + + .toc-item a.active, .toc-item-child a.active { + color: var(--toc-highlight-text-color); + } + + .toc-item-child { + padding: 0 30px 5px; + color: #424242; + } + +} + +.toc-sticky { + border-radius: 3px; + border-top: 5px solid var(--primary-color); + background-color: var(--toc-background-color); + position: sticky; + position: -webkit-sticky; + position: -moz-sticky; + position: -ms-sticky; + position: -o-sticky; + top: 10px; + padding: 10px 0 20px; + max-height: 100vh; + overflow: auto; +} + +footer { + padding: 50px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background-color: #202020; + color: #fcfcfc; + + a { + color: #fcfcfc; + text-decoration: underline; + } +} + +@media screen and (min-width: 1280px) { + .content { + max-width: 60%; + min-width: 800px; + } +} + +@media screen and (max-width: 768px) { + header { + padding: 10px 30px; + flex-direction: column; + align-items: center; + justify-content: center; + } + + .logo { + font-size: 28px; + margin: 10px; + + img { + width: 45px; + margin: 0 10px 0 0; + } + } + + .nav-item { + margin: 0 5px; + font-size: 14px; + } + + .hero { + padding: 40px 30px; + } + + main { + padding: 30px; + } + + .content { + padding: 0; + } + + .explore-more, .toc { + display: none; + } + +} diff --git a/screenshot.png b/screenshot.png new file mode 100644 index 0000000..3150b21 Binary files /dev/null and b/screenshot.png differ diff --git a/static/normalize.css b/static/normalize.css new file mode 100644 index 0000000..192eb9c --- /dev/null +++ b/static/normalize.css @@ -0,0 +1,349 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers. + */ + +body { + margin: 0; +} + +/** + * Render the `main` element consistently in IE. + */ + +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Remove the gray background on active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10. + */ + +img { + border-style: none; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ + +button, +[type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ + +/** + * Add the correct display in IE 10+. + */ + +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ + +[hidden] { + display: none; +} diff --git a/templates/_macros.html b/templates/_macros.html new file mode 100644 index 0000000..7cde02c --- /dev/null +++ b/templates/_macros.html @@ -0,0 +1,23 @@ +{% macro render_header() %} +{% set section = get_section(path="_index.md") %} + + + + + +{% endmacro render_header %} diff --git a/templates/_variables.html b/templates/_variables.html new file mode 100644 index 0000000..5fe3faa --- /dev/null +++ b/templates/_variables.html @@ -0,0 +1,45 @@ + diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..c10a647 --- /dev/null +++ b/templates/index.html @@ -0,0 +1,144 @@ +{% import "_macros.html" as macros %} + + + + + + {% block title %}{{ config.title }}{% endblock title %} + + {% block favicon %} + + {% endblock favicon %} + {% include "_variables.html" %} + {% block fonts %} + + + {% endblock fonts %} + + + {% block head %} + {% endblock head %} + + + + {% block header %} + +
+ {{ macros::render_header() }} +
+ +
+ {% block hero %} + +
+

+ Build your static website +

+

+ Juice is an intuitive, elegant, and lightweight Zola theme for product websites. +

+
+ Star + Fork +
+
+ + +
+ Explore More ⇩ +
+ + {% endblock hero %} +
+ + {% endblock header %} + +
+ {% block toc %} + {% if section.toc %} + {% set toc = section.toc %} + {% elif page.toc %} + {% set toc = page.toc %} + {% endif %} + {% if toc %} +
+
+ {% for h in toc %} +
+ {{ h.title }} +
+ {% if h.children %} + {% for h2 in h.children %} +
+ - {{ h2.title }} +
+ {% endfor %} + {% endif %} + {% endfor %} +
+
+ {% endif %} + {% endblock toc %} + +
+ {% block content %} +
Overview
+ {{ section.content | safe }} + {% endblock content %} +
+ + {% block sidebar %} + {% endblock sidebar %} +
+ + {% block footer %} + + {% endblock footer %} + + + + \ No newline at end of file diff --git a/templates/page.html b/templates/page.html new file mode 100644 index 0000000..c6d8610 --- /dev/null +++ b/templates/page.html @@ -0,0 +1,15 @@ +{% import "_macros.html" as macros %} +{% extends "index.html" %} + +{% block title %}{{ page.title }} | {{ super() }} {% endblock title %} + +{% block header %} +
+ {{ macros::render_header() }} +
+{% endblock header %} + +{% block content %} +
{{ page.description }}
+{{ page.content | safe }} +{% endblock content %} \ No newline at end of file diff --git a/templates/shortcodes/issue.html b/templates/shortcodes/issue.html new file mode 100644 index 0000000..3006d9b --- /dev/null +++ b/templates/shortcodes/issue.html @@ -0,0 +1 @@ +#{{ id }} \ No newline at end of file diff --git a/theme.toml b/theme.toml new file mode 100644 index 0000000..79e59f5 --- /dev/null +++ b/theme.toml @@ -0,0 +1,12 @@ +name = "juice" +description = "An intuitive, elegant, and lightweight Zola theme for product sites." +license = "MIT" +homepage = "https://github.com/huhu/juice" +min_version = "0.11.0" +demo = "https://juice.huhu.io" + +[extra] + +[author] +name = "Huhu teams" +homepage = "https://huhu.io" diff --git a/vercel.json b/vercel.json new file mode 100644 index 0000000..cace29b --- /dev/null +++ b/vercel.json @@ -0,0 +1,5 @@ +{ + "github": { + "silent": true + } +} \ No newline at end of file