diff --git a/.dockerignore b/.dockerignore new file mode 100644 index 0000000..610923b --- /dev/null +++ b/.dockerignore @@ -0,0 +1,21 @@ +# Ignore everything +** + +# Allow system files and directories +!docker-utils/ +!system/ +!.htaccess +!composer* +!index.php + +# Allow content files and directories +!cache/ +!content/ +!data/ +!media/ +!settings/ +!themes/ + +# Ignore unnecessary files inside allowed directories below +# This should go after the allowed directories +# e.g. docker-utils/test.php \ No newline at end of file diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..36c1748 --- /dev/null +++ b/Dockerfile @@ -0,0 +1,41 @@ +FROM php:8.0-apache + +# Install OS dependencies required +RUN apt-get update && apt-get upgrade -y && apt-get install git unzip zlib1g-dev libpng-dev -y + +# Adapt apache config +RUN a2enmod rewrite \ + && echo "ServerName 127.0.0.1" >> /etc/apache2/apache2.conf + +# Install PHP ext-gd +RUN docker-php-ext-install gd + +# Copy app content +# Use the .dockerignore file to control what ends up inside the image! +WORKDIR /var/www/html +COPY . . + +# Install server dependencies +RUN chmod +x /var/www/html/docker-utils/install-composer && \ + /var/www/html/docker-utils/install-composer && \ + ./composer.phar update && \ + chmod +x /var/www/html/docker-utils/init-server + +# Expose useful volumes (see documentation) +VOLUME /var/www/html/settings +VOLUME /var/www/html/media +VOLUME /var/www/html/cache +VOLUME /var/www/html/plugins +VOLUME /var/www/html/data + +# Create a default copy of content and theme in case of empty directories binding +RUN mkdir -p /var/www/html/content.default/ && \ + cp -R /var/www/html/content/* /var/www/html/content.default/ && \ + mkdir -p /var/www/html/themes.default/ && \ + cp -R /var/www/html/themes/* /var/www/html/themes.default/ + +VOLUME /var/www/html/content +VOLUME /var/www/html/themes + +# Inject default values if content and themes are mounted with empty directories, adjust rights and start the server +CMD ["/var/www/html/docker-utils/init-server"] \ No newline at end of file diff --git a/docker-utils/init-server b/docker-utils/init-server new file mode 100644 index 0000000..f3bacd9 --- /dev/null +++ b/docker-utils/init-server @@ -0,0 +1,5 @@ +#!/bin/sh +find /var/www/html/content -type d -empty -exec cp -R /var/www/html/content.default/* /var/www/html/content \; +find /var/www/html/themes -type d -empty -exec cp -R /var/www/html/themes.default/* /var/www/html/themes \; +chown -R www-data:www-data /var/www/html/ +apache2-foreground \ No newline at end of file diff --git a/docker-utils/install-composer b/docker-utils/install-composer new file mode 100644 index 0000000..585031d --- /dev/null +++ b/docker-utils/install-composer @@ -0,0 +1,17 @@ +#!/bin/sh + +EXPECTED_CHECKSUM="$(php -r 'copy("https://composer.github.io/installer.sig", "php://stdout");')" +php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');" +ACTUAL_CHECKSUM="$(php -r "echo hash_file('sha384', 'composer-setup.php');")" + +if [ "$EXPECTED_CHECKSUM" != "$ACTUAL_CHECKSUM" ] +then + >&2 echo 'ERROR: Invalid installer checksum' + rm composer-setup.php + exit 1 +fi + +php composer-setup.php --quiet +RESULT=$? +rm composer-setup.php +exit $RESULT \ No newline at end of file diff --git a/system/typemill/Static/Urlinfo.php b/system/typemill/Static/Urlinfo.php index c704dfa..39ca57a 100644 --- a/system/typemill/Static/Urlinfo.php +++ b/system/typemill/Static/Urlinfo.php @@ -9,8 +9,12 @@ class Urlinfo # we need to get urlinfos to use in frontend and to inject into assets and container before middleware starts and request-object is available. public static function getUrlInfo($basepath, $uri, $settings) { + # remove basic auth credentials $uri = $uri->withUserInfo(''); - $uri = $uri->withPort(null); + + # remove standard ports to fix csp error + # alternatively add ports to csp header + $uri = self::removeStandardPorts($uri); $currentpath = $uri->getPath(); $route = str_replace($basepath, '', $currentpath); @@ -36,8 +40,8 @@ class Urlinfo # if proxy has basepath, then if (isset($_SERVER['HTTP_X_FORWARDED_PREFIX'])) { - # Use X-Forwarded-Prefix if available - $basepath = rtrim($_SERVER['HTTP_X_FORWARDED_PREFIX'], '/') . '/'; + # Use X-Forwarded-Prefix if available + $basepath = rtrim($_SERVER['HTTP_X_FORWARDED_PREFIX'], '/') . '/'; } } } @@ -62,6 +66,17 @@ class Urlinfo ]; } + private static function removeStandardPorts($uri) + { + $port = $uri->getPort(); + if ($port == 80 || $port == 443) + { + $uri = $uri->withPort(null); + } + + return $uri; + } + private static function updateUri($uri, $trustedProxies) { # optionally check trusted proxies diff --git a/typemill_data/content/00-welcome/00-setup-your-website.md b/typemill_data/content/00-welcome/00-setup-your-website.md new file mode 100644 index 0000000..13a3396 --- /dev/null +++ b/typemill_data/content/00-welcome/00-setup-your-website.md @@ -0,0 +1,16 @@ +# Setup Your Website + +Typemill provides detailed settings, and you have access to nearly all settings in the author panel. Learn the basics in this short video: + +![youtube-video](media/live/youtube-7yvlwxjl9dc.jpeg "click to load video"){#7yvlwXJL9dc .youtube} + +You will find all configurations and settings under the main navigation point `system` with the following sub-navigation: + +* System +* Themes +* Plugins +* Account +* Users + +All settings are stored in the `\settings` folder of Typemill. It is not recommended to edit the settings manually, because it might crash the system if done wrong. + diff --git a/typemill_data/content/00-welcome/00-setup-your-website.yaml b/typemill_data/content/00-welcome/00-setup-your-website.yaml new file mode 100644 index 0000000..8940a3d --- /dev/null +++ b/typemill_data/content/00-welcome/00-setup-your-website.yaml @@ -0,0 +1,12 @@ +meta: + navtitle: 'setup your website' + title: 'Setup your website' + description: ' You will find all configurations and settings under the main navigation point settings with the following sub-navigation:' + owner: Sebastian + manualdate: '2023-11-22' + modified: '2023-10-23' + created: '2023-06-12' + time: 15-18-48 + hide: false + noindex: false + author: Sebastian diff --git a/typemill_data/content/00-welcome/01-write-content.md b/typemill_data/content/00-welcome/01-write-content.md new file mode 100644 index 0000000..778a947 --- /dev/null +++ b/typemill_data/content/00-welcome/01-write-content.md @@ -0,0 +1,50 @@ +# Write Content + +Typemill provides easy and intuitive authoring tools and we work hard to create a good author experience. + +* With the **interactive navigation** you can create pages and structure your websites. +* The **visual markdown editor** will help you to create content in a wysiwyg mode. +* With the **raw markdown editor** you can write markdown syntax in textarea. +* The **publish bar** gives you full control over the status of each page. + +Watch the following video tutorial to learn all the details. + +![youtube-video](media/live/youtube-6i2-uv88gke.jpeg "click to load video"){#6I2-uV88GkE .youtube} + +## The Navigation + +You can create, structure and reorder all pages with the navigation on the left side. To structure your content, you can create new folders and files with the "add item" button. To reorder the pages, just drag an item and drop it wherever you want. Play around with it and you will notice, that it works pretty similar to the folder- and file-system of your laptop. And in fact, this is exactly what Typemill does in the background: It stores your content in files and folders on the server. + +However, there are some limitations when you try to reorder elements. For example, you cannot move a complete folder to another folder, because this would change all the urls of the pages inside that folder, which is a nightmare for readers and search engines. + +## The Editor + +You can create and format your content with the Markdown syntax, that is similar to the markup syntax of Wikipedia. If you are not familiar with Markdown, then please read the short [Markdown-tutorial](https://typemill.net/) in the documentation of Typemill. You can learn Markdown in less than 10 minutes and there is no easier and faster way to format your webpage. You will love it! + +Typemill provides two edit modes: The **raw mode** and the **visual mode**. You can switch between the modes in the publish-bar at the bottom of each page. The **raw mode** is the most robust way to create your content, because you write raw markdown into a simple textarea. The **visual mode** uses blocks and transforms each content block into a html-preview immediately. This means that you can directly see and check the formatted result. + +By default Typemill will use the **visual mode**. + +* You can change the default mode in the system settings. +* You can also switch each format button on and off in the system settings. + +## The Publish Bar + +The publish bar of Typemill is pretty intuitiv and sticks at the bottom of the screen so that you have always full control of the status of each page. Simply play around with it and you will quickly understand how it works. In short: + +* The green button "online" indicates, that your page is published and visible for your readers. +* You can depublish a page by clicking the green "online" button. The button will turn gray with the label "offline" and the page is not visible for your readers anymore. +* With the green button "Publish" you can either publish a page that is offline or you can publish some unpublished changes on your page. +* The publish-button is gray and disabled, if the page is online and if there are no unpublished changes. +* All buttons will change in real time, so you can always exactly see what is going on. +* To provide an easy status-overview of the whole website, Typemill marks all pages in the navigation on the left side as published (green), changed (orange) and unpublished (red). + +## Working with Drafts + +Ever tried to revise a published article in WordPress? Yes, it works, but if you click on "save", then all your changes are directly live. Typemill is much more flexible here and allows you to keep your original version live while you work on a **drafted version** in the background. This is how Typemill handles it: + +* In **visual mode**: Typemill stores your changes in a new draft automatically as soon as you save any content-block. +* In **raw mode**: To store changes in a new draft, simply click on the "save draft"-button in the publish controller. +* You can work on a draft as long as you want without changing the live version. Your changes go live if you click the button "publish". +* In visual mode, you can also use the discard-button and go back to the published version. + diff --git a/typemill_data/content/00-welcome/01-write-content.yaml b/typemill_data/content/00-welcome/01-write-content.yaml new file mode 100644 index 0000000..c146047 --- /dev/null +++ b/typemill_data/content/00-welcome/01-write-content.yaml @@ -0,0 +1,11 @@ +meta: + navtitle: 'write content' + title: 'Write Content' + description: 'Typemill provides easy and intuitive authoring tools and we work hard to create a good author experience. With the interactive navigation you can create pages' + owner: Sebastian + modified: '2023-05-11' + created: '2023-06-12' + time: 22-09-48 + hide: false + noindex: false + author: Sebastian diff --git a/typemill_data/content/00-welcome/02-manage-access.md b/typemill_data/content/00-welcome/02-manage-access.md new file mode 100644 index 0000000..a7a8219 --- /dev/null +++ b/typemill_data/content/00-welcome/02-manage-access.md @@ -0,0 +1,32 @@ +# Manage Access + +Typemill has a build-in system to restrict access to pages or to the whole websites. You can activate both features in the system settings under the tab "restrictions". If you activate one of the features, then Typemill will use session cookies on all frontend pages. Learn all the details in the following video tutorial: + +![youtube-video](media/live/youtube-uw-m-4g1kaa.jpeg "click to load video"){#UW_m-4g1kAA .youtube} + +## Restrict Access for the Website + +This feature is handy, if you want to lock down the whole website and only grant access for authenticated users. All non-authenticated users will be redirected to the login-page. There are two main use cases for this feature: + +* **Launch the website later**: You want to create your website first and launch it to the public later, for example if you have finished the website design or if you have polished your content. +* **Share website internally**: You want to share your typemill website only with certain users, for example with the company stuff, or only with the members of your business-unit. + +You can activate the feature with a simple checkbox under "website restrictions". + +## Restrict Access for Pages + +If you need a more fine-tuned access and if you want to restrict access only for certain pages, then you can activate the feature "Page Restrictions". If you activate this checkbox, then you will find two new input fields in the meta-tab of each page: + +* **Minimum role for access**: Here you can select a miminum role that the user needs to view the page content. Be aware that the roles have a hierarchy, so if you choose the role "author", then the "editor" will also have access. +* **Usernames**: Here you can add one or more usernames (separated with comma) that have access to this page. + +If you don't choose anything, then the page has no restrictions and everybody can see the content. + +You have some more features in the settings area: + +* **Cut content**: Per default only the title of a restricted page is visible to the public, the content is hidden. You can change this and cut the content wherever you want with a horizontal line. +* **Teaser**: You can add a standard text with markdown that will be displayed instead of the content or after the content is cut. +* **Teaser-Box**: You can optionally wrap the teaser in a box. + +You can also combine these features with the registration plugin and this way create a membership website with member-only content. + diff --git a/typemill_data/content/00-welcome/02-manage-access.yaml b/typemill_data/content/00-welcome/02-manage-access.yaml new file mode 100644 index 0000000..dd11ee6 --- /dev/null +++ b/typemill_data/content/00-welcome/02-manage-access.yaml @@ -0,0 +1,16 @@ +meta: + navtitle: 'manage access' + title: 'Manage access' + description: ' Restrict Access for the Website' + heroimage: null + heroimagealt: null + owner: Sebastian + author: Sebastian + allowedrole: null + alloweduser: null + manualdate: null + modified: '2023-05-06' + created: '2023-06-12' + time: 22-36-36 + hide: false + noindex: false diff --git a/typemill_data/content/00-welcome/03-get-help.md b/typemill_data/content/00-welcome/03-get-help.md new file mode 100644 index 0000000..85cc588 --- /dev/null +++ b/typemill_data/content/00-welcome/03-get-help.md @@ -0,0 +1,10 @@ +# Get Help + +If you need any help, then please read the [documentation on typemill.net](https://typemill.net/typemill) first. You can also check these [video-tutorials](https://www.youtube.com/channel/UCyghKiX2kK9QIqTf1WT1Xxw) about the basics to create a typemill website. + +If you found a bug or if you have a question, then please open a new issue on [GitHub](https://github.com/typemill/typemill/issues). + +Do you need professional help, an individual theme or a special plugin? You can hire us at [Trendschau Digital](https://trendschau.net/typemill-development). + +![alt](media/live/youtube-6i2-uv88gke.jpeg){.center loading="lazy"} + diff --git a/typemill_data/content/00-welcome/03-get-help.yaml b/typemill_data/content/00-welcome/03-get-help.yaml new file mode 100644 index 0000000..b6ee53a --- /dev/null +++ b/typemill_data/content/00-welcome/03-get-help.yaml @@ -0,0 +1,16 @@ +meta: + navtitle: 'get help' + title: 'get help' + description: 'If you found a bug or if you have a question, then please open a new issue on GitHub. Do you need professional help, an individual theme or a special plugin?' + heroimage: null + heroimagealt: null + owner: trendschau + author: Sebastian + allowedrole: null + alloweduser: null + manualdate: null + modified: '2023-05-13' + created: '2023-06-12' + time: 22-36-34 + hide: false + noindex: false diff --git a/typemill_data/content/00-welcome/04-markdown-test.md b/typemill_data/content/00-welcome/04-markdown-test.md new file mode 100644 index 0000000..359ca52 --- /dev/null +++ b/typemill_data/content/00-welcome/04-markdown-test.md @@ -0,0 +1,444 @@ +# Markdown Reference and Test Page + +Markdown is a simple and universal syntax for text formatting. More and more writers switch to markdown, because they can format their text during the writing process without using any format-buttons. Once they are familiar with the markdown syntax, they can write formatted text much easier and faster than with any standard HTML-editor. + +Developers love markdown, because it is much cleaner and saver than HTML. And they can easily convert markdown to a lot of other document formats like HTML and others. + +If you develop a theme for TYPEMILL, please take care that all elements on this page are designed properly. + +## Table of Contents + +To create a table of contents, simply write `[TOC]` in a separate line. It will be replaced with a table of contents like this automatically. + +[TOC] + +## Headlines + +``` +Headlines are simply done with hash chars like this: +# First Level Headline +## Second Level Headline +### Third Level Headline +#### Fourth Level Headline +##### Fifth Level Headline +###### Sixth Level Headline +``` + + + + + + +### Third Level Headline + +A third headline is more decent and lower prioritized than a second level headline. + +#### Fourth Level Headline + +A fourth level headline is more decent and lower prioritized than a third level headline. + +##### Fifth Level Headline + +A fifth level headline is more decent and lower prioritized than a fourth level headline. + +###### Sixth Level Headline + +A sixth level headline is more decent and lower prioritized than a fifths level headline. + +##Paragraph + +```` +A paragraph is a simple text-block separated with a new line above and below. +```` + + + + + + + +A paragraph is a simple text-block separated with a new line above and below. + +## Soft Linebreak + +```` +For a soft linebreak (eg. for dialoges in literature), add two spaces at the end of a line and use a simple return. +She said: "Hello" +He said: "again" +```` + + + + + + + +For a soft linebreak (eg. for dialoges in literature), add two spaces at the end of a line and use a simple return. + +She said: "Hello" +He said: "again" + +##Emphasis + +```` +For italic text use one *asterix* or one _underscore_. +For bold text use two **asterix** or two __underscores__. +```` + + + + + + + +For italic text use one *asterix* or one _underscore_. + +For bold text use two **asterix** or two __underscores__. + +##Lists + +```` +For an unordered list use a dash +- like +- this +Or use one asterix +* like +* this +For an ordered list use whatever number you want and add a dot: +1. like +1. this +```` + + + + + + + +For an unordered list use a dash + +* like +* this + +Or use one asterix + +* like +* this + +For an ordered list use whatever number you want and add a dot: + +1. like +2. this + +## Horizontal Rule + +``` +Easily created for example with three dashes like this: +--- +``` + + + + + + + +Easily created for example with three dashes like this: + +--- + +```` +This is an ordinary [Link](http://typemill.net). +Links can also be [relative](/info). +You can link to anchors like this [anchor](#images) +You can also add a [title](http://typemill.net "typemill"). +You can even add [ids or classes](http://typemill.net){#myid .myclass}. +Or you can use a shortcut like http://typemill.net. +You can even use a download-link like []() +```` + + + + + + + +This is an ordinary [Link](http://typemill.net). + +Links can also be [relative](/info). + +You can link to anchors like this [anchor](#images) + +You can also add a [title](http://typemill.net "typemill"). + +You can even add [ids or classes](http://typemill.net){#myid .myclass}. + +Or you can use a shortcut like http://typemill.net. + +[highlight (ZIP, 2.71 MB)](media/files/highlight.zip){.tm-download file-zip} + +##Images + +```` +The same rules as with links, but with a ! +![alt-text](media/markdown.png) +*With caption* +![alt-text](media/markdown.png "my title"){#myid .imgClass} +*With caption that spans over several lines* +![alt-text](media/markdown.png "my title"){#myid .otherclass width=150px} +```` + + + + + + + +The same rules as with links, but with a ! + +![](media/tmp/kai-dahms-v0nbnxlwjzk-3unsp-1.webp) + +![alt](media/live/kai-dahms-v0nbnxlwjzk-3unsp-1-3.webp "title"){.center loading="lazy" width="820" height="464"} +*With a caption that spans over two lines.* + +![alt-text](media/files/markdown.png "my title"){#myid .otherclass width=150px} + +## Linked Images + +```` +You can link an image with a nested syntax like this: +[![alt-text](media/markdown.png)](https://typemill.net) +```` + + + + + + + +You can link an image with a nested syntax like this: + +[![alt-text](media/files/markdown.png){.imgClass}](https://typemill.net) + +## Image Position + +```` +You can controll the image position with the classes .left, .right and .middle like this: +![alt-text](media/markdown.png){.left} +*With caption that spans over several lines* +![alt-text](media/markdown.png){.right} +*With caption that spans over several lines* +![alt-text](media/markdown.png){.center} +*With caption that spans over several lines* +```` + + + + + + + +![](media/tmp/kai-dahms-v0nbnxlwjzk-3unsp-1.webp) + +The first image should float on the left side of this paragraph. This might not work with all themes. If you are a theme developer, please ensure that you support the image classes "left", "right" and "center". You can add these classes manually in the raw mode or you can assign them in the visual mode when you edit a picture (double click on it to open the dialog). Images in a separate line are rendered with the html5 elements `figure` and `figcapture`. + +![image float right](media/files/markdown.png){.right} +*With caption that spans over several lines* + +The second image should float on the right side of this paragraph. This might not work with all themes. If you are a theme developer, please ensure that you support the image classes "left", "right" and "center". You can add these classes manually in the raw mode or you can assign them in the visual mode when you edit a picture (double click on it to open the dialog). Images in a separate line are rendered with the html5 elements `figure` and `figcapture`. + +![image center](media/files/markdown.png){.center} +*With caption that spans over several lines* + +The thirds image should be placed above this paragraph and centered to the middle of the content area. This might not work with all themes. If you are a theme developer, please ensure that you support the image classes "left", "right" and "center". You can add these classes manually in the raw mode or you can assign them in the visual mode when you edit a picture (double click on it to open the dialog). Images in a separate line are rendered with the html5 elements `figure` and `figcapture`. + +## Blockquote + +``` +There are always some women and men with wise words + +> But I usually don't read them, to be honest. +``` + + + + + + +There always some women and men with wise words + +> But I usually don't read them, to be honest. + +##Footnotes + +```` +You can write footnotes[^1] with markdown. +Scroll down to the end of the page[^2] and look for the footnotes. +Add the footnote text at the bottom of the page like this: +[^1]: Thank you for scrolling. +[^2]: This is the end of the page. +```` + + + + + + + +You can write footnotes[^1] with markdown. + +Scroll down to the end of the page[^2] and look for the footnotes. + +Footnotes won't work with the visual editor right now, so please use the raw mode for them. + +## Abbreviations + +```` +*[HTML]: Hyper Text Markup Language +*[W3C]: World Wide Web Consortium +```` + + + + + + + +You won't see the abbreviation directly, but if you write HTML or W3C somewhere, then you can see the tooltip with the explanation. + +*[HTML]: Hyper Text Markup Language + +*[W3C]: World Wide Web Consortium + +## Definition List + +```` +Apple +: Pomaceous fruit of plants of the genus Malus in the family Rosaceae. + +Orange +: The fruit of an evergreen tree of the genus Citrus. +```` + + + + + + +Apple +: Pomaceous fruit of plants of the genus Malus in +the family Rosaceae. + +Orange +: The fruit of an everggreen tree of the genus Citrus. + +## Notices + +You can create different notices if you add a '!', '!!', '!!!', '!!!!' before a line. This will wrap the content into a div-class with the classes `notice1`, `notice2`, `notice3` and `notice4`. You can also span notices over several lines. This logic follows some other CMS like Grav, Lektor or Yellow and it is not compatible with other markdown processors or editors. + +! Notice 1 +! +! Please note that you can use **markdown** inside of the notice so you can *format* your text here. + +!! **Notice 2** +!! +!! Please note that you can use **markdown** inside of the notice so you can *format* your text here. + +!!! **Notice 3** +!!! +!!! Please note that you can use **markdown** inside of the notice so you can *format* your text here. + +## Tables + +```` +|name |usage | +|-----------|-----------| +| My Name | For Me | +| Your Name | For You | +```` + + + + + + + +| Name | Usage | +|---|---| +| My Name | For Me | +| Your Name | For You | + +## Code + +```` +Let us create some `` like this +```` + + + + + + + +Let us create some `` and now let us check, if a codeblock works: + +```` +Use four apostroph like this: +\```` + +\```` +```` + + + + + + + +## Math + +Please activate the math-plugin to use mathematical expressions with LaTeX syntax. You can choose between MathJax or the newer KaTeX library. MathJax is included from a CDN, KaTeX is included in the plugin. So if you don't want to fetch code from a CDN, use KaTeX instead. The markdown syntax in TYPEMILL is the same for both libraries. + +```` +Write inline math with \(...\) or $...$ syntax. +inline $x = \int_{0^1}^1(-b \pm \sqrt{b^2-4ac})/(2a)$ math +inline \(x = \int_{0^1}^1(-b \pm \sqrt{b^2-4ac})/(2a)\) math +```` + + + + + + + +inline $x = \int_{0^1}^1(-b \pm \sqrt{b^2-4ac})/(2a)$ math + +inline \(x = \int_{0^1}^1(-b \pm \sqrt{b^2-4ac})/(2a)\) math + +```` +Write display math with $$...$$ or \[...\] syntax. +$$ +x = \int_{0^1}^1(-b \pm \sqrt{b^2-4ac})/(2a) +$$ +\[ +x = \int_{0^1}^1(-b \pm \sqrt{b^2-4ac})/(2a) +\] +```` + + + + + + + +$$ +x = \int_{0^1}^1(-b \pm \sqrt{b^2-4ac})/(2a) +$$ + +[^1]: Thank you for scrolling. + +[^2]: This is the end of the page. + diff --git a/typemill_data/content/00-welcome/04-markdown-test.yaml b/typemill_data/content/00-welcome/04-markdown-test.yaml new file mode 100644 index 0000000..d8f6279 --- /dev/null +++ b/typemill_data/content/00-welcome/04-markdown-test.yaml @@ -0,0 +1,18 @@ +meta: + navtitle: 'markdown test' + title: 'Markdown is a simple and universal syntax for text formatting.' + description: 'Developers love markdown, because it is much cleaner and saver than HTML. And they can easily convert markdown to a lot of other document formats like HTML and' + heroimage: null + heroimagealt: null + owner: Sebastian + author: Sebastian + allowedrole: null + alloweduser: null + manualdate: null + modified: '2023-05-11' + created: '2023-06-12' + time: 22-36-41 + reference: null + referencetype: null + hide: false + noindex: false diff --git a/typemill_data/content/00-welcome/index.md b/typemill_data/content/00-welcome/index.md new file mode 100644 index 0000000..eca2d6f --- /dev/null +++ b/typemill_data/content/00-welcome/index.md @@ -0,0 +1,4 @@ +# Welcome + +Great that you give Typemill a try!! Typemill is a simple Flat File Content Management System (CMS). We (the community) work hard to provide the best author experience with easy and intuitive authoring tools. But Typemill is still in early development and it is likely that not everything will work perfectly out of the box. If you miss something or if you have ideas for improvements, then post a new issue on [GitHub](https://github.com/typemill/typemill/issues).mb + diff --git a/typemill_data/content/00-welcome/index.yaml b/typemill_data/content/00-welcome/index.yaml new file mode 100644 index 0000000..f5e53a6 --- /dev/null +++ b/typemill_data/content/00-welcome/index.yaml @@ -0,0 +1,30 @@ +meta: + navtitle: welcome + title: 'Great that you give Typemill a try!!' + description: bla + heroimage: null + heroimagealt: null + owner: Sebastian + author: Sebastian + allowedrole: null + alloweduser: null + manualdate: null + modified: '2023-05-11' + created: '2023-06-12' + time: 22-36-42 + reference: null + referencetype: null + hide: false + noindex: false + contains: pages + glossary: null +seo: + seoimage: null + seoimagealt: null + Checkbox: null + mycfiel: null +demo: + demoimage: null + demoimagealt: null + democheckbox: null + democustomfield: { } diff --git a/typemill_data/content/01-cyanine-theme/00-landingpage.md b/typemill_data/content/01-cyanine-theme/00-landingpage.md new file mode 100644 index 0000000..dcee802 --- /dev/null +++ b/typemill_data/content/01-cyanine-theme/00-landingpage.md @@ -0,0 +1,13 @@ +# The Landingpage + +Cyanine provides an optional landingpage with six segments: + +* **Intro** with the content of the home page and an additional link/button. +* **Info** with individual markdown content. +* **Teaser** with two elements. Each element has a headline, a text and a link/button. +* **Contrast** with a headline, text-input and a link/button. The colors are inverted. +* **Navigation** with the whole content of the website. You can change the depth of the navigation. +* **News** with a link to a news-folder. It will display the three latest news in a card-design. Add a hero-image to each news-entry to show a teaser image. + +You can activate or deactivate the whole landingpage, order all elements and enable/disable each element individually. + diff --git a/typemill_data/content/01-cyanine-theme/00-landingpage.yaml b/typemill_data/content/01-cyanine-theme/00-landingpage.yaml new file mode 100644 index 0000000..58d59ff --- /dev/null +++ b/typemill_data/content/01-cyanine-theme/00-landingpage.yaml @@ -0,0 +1,18 @@ +meta: + navtitle: landingpage + title: 'Cyanine provides an optional landingpage with six segments:' + description: "\nIntro with the content of the home page and an additional link/button.\nInfo with individual markdown content.\nTeaser with two elements. Each element has a" + heroimage: null + heroimagealt: null + owner: Sebastian + author: Sebastian + allowedrole: null + alloweduser: null + manualdate: null + modified: '2023-03-26' + created: '2023-06-12' + time: 22-36-46 + reference: null + referencetype: null + hide: false + noindex: true diff --git a/typemill_data/content/01-cyanine-theme/01-colors-and-fonts.md b/typemill_data/content/01-cyanine-theme/01-colors-and-fonts.md new file mode 100644 index 0000000..223a3bb --- /dev/null +++ b/typemill_data/content/01-cyanine-theme/01-colors-and-fonts.md @@ -0,0 +1,36 @@ +# Colors and Fonts + +First of all cyanine supports individual logos. If you want to use our logo, then please upload it in the system settings. Cyanine will automatically replace the title text with your logo. You can also upload your own favicon in the system settings. + +Cyanine allows you to change many colors. Please make sure that your color-combinations are readable and accessible. The following colors are editable: + +* **Primary Theme Color**: used for the body background and borders. +* **Secondary Theme Color**: used for content background, font-colors on hover and more. +* **Primary Font Color**: used for main text. +* **Secondary Font Color**: used as contrast color for hovers in navigation and buttons. +* **Link Color**: used for text-links. Keep accessibility in mind. +* **Thin Border Color**: used for thin borders in navigations and tables. + +You can also change the font-family for + +* headlines +* text +* buttons and navigations + +Cyanine uses wide spread system fonts with fallbacks: + +* serif +* sans-serif +* courier +* helvetica +* avenir +* athelas +* georgia +* times +* bodoni +* calisto +* garamond +* baskerville + +If the color- and font-settings are not enough for your purpose, then you can always overwrite the theme-css with your own styles in the theme settings. + diff --git a/typemill_data/content/01-cyanine-theme/01-colors-and-fonts.yaml b/typemill_data/content/01-cyanine-theme/01-colors-and-fonts.yaml new file mode 100644 index 0000000..0c79a42 --- /dev/null +++ b/typemill_data/content/01-cyanine-theme/01-colors-and-fonts.yaml @@ -0,0 +1,9 @@ +meta: + navtitle: 'colors and fonts' + owner: Sebastian + created: '2023-06-12' + time: 22-36-53 + modified: '2023-03-26' + title: 'First of all cyanine supports individual logos. If you want to use our logo, then please upload it in the system settings. Cyanine will automatically replace the title text with your logo. You can also upload your own favicon in the system settings.' + description: 'Cyanine allows you to change many colors. Please make sure that your color-combinations are readable and accessible. The following colors are editable: ' + author: Sebastian diff --git a/typemill_data/content/01-cyanine-theme/02-footer.md b/typemill_data/content/01-cyanine-theme/02-footer.md new file mode 100644 index 0000000..f480191 --- /dev/null +++ b/typemill_data/content/01-cyanine-theme/02-footer.md @@ -0,0 +1,4 @@ +# 3-Column Footer + +Cyanine provides a three column footer at the bottom of each page. You can use markdown for each column. Make sure that you use the correct headline-level (we suggest a headline level 3 or level 4 to keep the logical headline hierarchy in the document). You can, of course, also add link-lists or other elements. Check the website of [Typemill](https://typemill.net) for an example. + diff --git a/typemill_data/content/01-cyanine-theme/02-footer.yaml b/typemill_data/content/01-cyanine-theme/02-footer.yaml new file mode 100644 index 0000000..650a993 --- /dev/null +++ b/typemill_data/content/01-cyanine-theme/02-footer.yaml @@ -0,0 +1,9 @@ +meta: + navtitle: footer + owner: Sebastian + created: '2023-06-12' + time: 21-41-25 + modified: '2021-05-18' + description: 'Cyanine provides a three column footer at the bottom of each page. You can use markdown for each column. Make sure that you use the correct headline-level (we' + title: '3-Column Footer' + author: Sebastian diff --git a/typemill_data/content/01-cyanine-theme/03-content-elements.md b/typemill_data/content/01-cyanine-theme/03-content-elements.md new file mode 100644 index 0000000..e65259a --- /dev/null +++ b/typemill_data/content/01-cyanine-theme/03-content-elements.md @@ -0,0 +1,10 @@ +# Content Elements + +Cyanine provides a lot of other settings for your content area. For example: + +* Add an edit-button for github, gitlab or other plattforms. +* Show the author. +* Show the publish date. +* Show the chapter numbers in the navigation. + +The Cyanine theme supports all content elements like tables, images, notices or downloads. It also supports anchor-links next to headlines, so you can deep link to certain content sections of your page. You can activate the anchors in the system settings of Typemill. \ No newline at end of file diff --git a/typemill_data/content/01-cyanine-theme/03-content-elements.yaml b/typemill_data/content/01-cyanine-theme/03-content-elements.yaml new file mode 100644 index 0000000..55940f3 --- /dev/null +++ b/typemill_data/content/01-cyanine-theme/03-content-elements.yaml @@ -0,0 +1,9 @@ +meta: + navtitle: 'content elements' + owner: Sebastian + created: '2023-06-12' + time: 22-36-50 + modified: '2021-11-24' + title: 'Cyanine provides a lot of other settings for your content area. For example:' + description: "\nAdd an edit-button for github, gitlab or other plattforms.\nShow the author.\nShow the publish date.\nShow the chapter numbers in the navigation.\n" + author: Sebastian diff --git a/typemill_data/content/01-cyanine-theme/index.md b/typemill_data/content/01-cyanine-theme/index.md new file mode 100644 index 0000000..d7e9dec --- /dev/null +++ b/typemill_data/content/01-cyanine-theme/index.md @@ -0,0 +1,6 @@ +# The Cyanine Theme + +Cyanine is the modern, lightweight and flexible standard theme for Typemill. You can activate a landingpage, setup different content sections for the landingpage and order them like you want. You can also change the colors, fonts and other details. To configure the theme, login to the system (/tm/login), go to the theme settings (/tm/themes) and choose the theme "Cyanine". + +If Cyanine does not fit to your needs, then you can also choose another theme in the [theme store](https://themes.typemill.net) of Typemill. + diff --git a/typemill_data/content/01-cyanine-theme/index.yaml b/typemill_data/content/01-cyanine-theme/index.yaml new file mode 100644 index 0000000..96b02a0 --- /dev/null +++ b/typemill_data/content/01-cyanine-theme/index.yaml @@ -0,0 +1,20 @@ +meta: + navtitle: 'cyanine theme' + title: 'The Cyanine Theme' + description: 'Cyanine is the modern, lightweight and flexible standard theme for Typemill. You can activate a landingpage, setup different content sections for the' + heroimage: null + heroimagealt: null + owner: Sebastian + author: Sebastian + allowedrole: null + alloweduser: null + manualdate: null + modified: '2021-05-18' + created: '2023-06-12' + time: 22-09-50 + reference: null + referencetype: null + hide: false + noindex: false + contains: pages + glossary: null diff --git a/typemill_data/content/index.md b/typemill_data/content/index.md new file mode 100644 index 0000000..90ad5cd --- /dev/null +++ b/typemill_data/content/index.md @@ -0,0 +1,6 @@ +# Typemill + +The open-source flat-file cms for text-driven websites. Create handbooks, documentations, manuals, web-novels, traditional websites, and more. + +![youtube-video](media/live/youtube-6i2-uv88gke.jpeg "click to load video"){#6i2-uv88gke .youtube} + diff --git a/typemill_data/content/index.yaml b/typemill_data/content/index.yaml new file mode 100644 index 0000000..b38e356 --- /dev/null +++ b/typemill_data/content/index.yaml @@ -0,0 +1,26 @@ +meta: + navtitle: home + title: Typemill + description: 'The open-source flat-file cms for text-driven websites. Create handbooks, documentations, manuals, web-novels, traditional websites, and more.' + heroimage: media/live/screenshot-2023-08-03-at-15-23-44-setup-3.png + owner: trendschau + author: 'Sebastian Schürmanns' + allowedrole: '' + modified: '2021-09-28' + created: '2021-09-28' + time: 13-41-23 + hide: false + noindex: false +seo: + seoimage: null + seoimagealt: 'My alt text' + Checkbox: + - first + - fourth + - second + mycfiel: null +demo: + demoimage: null + demoimagealt: null + democheckbox: { } + democustomfield: null diff --git a/typemill_data/data/navigation/navi-draft.txt b/typemill_data/data/navigation/navi-draft.txt new file mode 100644 index 0000000..d4fd639 --- /dev/null +++ b/typemill_data/data/navigation/navi-draft.txt @@ -0,0 +1 @@ +a:2:{i:0;O:8:"stdClass":22:{s:12:"originalName";s:10:"00-welcome";s:11:"elementType";s:6:"folder";s:8:"contains";s:5:"pages";s:6:"status";s:9:"published";s:8:"fileType";s:2:"md";s:5:"order";s:2:"00";s:4:"name";s:7:"welcome";s:4:"slug";s:7:"welcome";s:4:"path";s:11:"/00-welcome";s:15:"pathWithoutType";s:17:"/00-welcome/index";s:9:"urlRelWoF";s:8:"/welcome";s:6:"urlRel";s:8:"/welcome";s:6:"urlAbs";s:29:"http://localhost:8080/welcome";s:3:"key";i:0;s:7:"keyPath";i:0;s:12:"keyPathArray";a:1:{i:0;s:1:"0";}s:7:"chapter";i:1;s:6:"active";b:0;s:12:"activeParent";b:0;s:4:"hide";b:0;s:13:"folderContent";a:5:{i:0;O:8:"stdClass":20:{s:12:"originalName";s:24:"00-setup-your-website.md";s:11:"elementType";s:4:"file";s:6:"status";s:9:"published";s:8:"fileType";s:2:"md";s:5:"order";s:2:"00";s:4:"name";s:18:"setup your website";s:4:"slug";s:18:"setup-your-website";s:4:"path";s:36:"/00-welcome/00-setup-your-website.md";s:15:"pathWithoutType";s:33:"/00-welcome/00-setup-your-website";s:3:"key";i:0;s:7:"keyPath";s:3:"0.0";s:12:"keyPathArray";a:2:{i:0;s:1:"0";i:1;s:1:"0";}s:7:"chapter";s:3:"1.1";s:9:"urlRelWoF";s:27:"/welcome/setup-your-website";s:6:"urlRel";s:27:"/welcome/setup-your-website";s:6:"urlAbs";s:48:"http://localhost:8080/welcome/setup-your-website";s:6:"active";b:0;s:12:"activeParent";b:0;s:4:"hide";b:0;s:7:"noindex";b:0;}i:1;O:8:"stdClass":20:{s:12:"originalName";s:19:"01-write-content.md";s:11:"elementType";s:4:"file";s:6:"status";s:9:"published";s:8:"fileType";s:2:"md";s:5:"order";s:2:"01";s:4:"name";s:13:"write content";s:4:"slug";s:13:"write-content";s:4:"path";s:31:"/00-welcome/01-write-content.md";s:15:"pathWithoutType";s:28:"/00-welcome/01-write-content";s:3:"key";i:1;s:7:"keyPath";s:3:"0.1";s:12:"keyPathArray";a:2:{i:0;s:1:"0";i:1;s:1:"1";}s:7:"chapter";s:3:"1.2";s:9:"urlRelWoF";s:22:"/welcome/write-content";s:6:"urlRel";s:22:"/welcome/write-content";s:6:"urlAbs";s:43:"http://localhost:8080/welcome/write-content";s:6:"active";b:0;s:12:"activeParent";b:0;s:4:"hide";b:0;s:7:"noindex";b:0;}i:2;O:8:"stdClass":20:{s:12:"originalName";s:19:"02-manage-access.md";s:11:"elementType";s:4:"file";s:6:"status";s:9:"published";s:8:"fileType";s:2:"md";s:5:"order";s:2:"02";s:4:"name";s:13:"manage access";s:4:"slug";s:13:"manage-access";s:4:"path";s:31:"/00-welcome/02-manage-access.md";s:15:"pathWithoutType";s:28:"/00-welcome/02-manage-access";s:3:"key";i:2;s:7:"keyPath";s:3:"0.2";s:12:"keyPathArray";a:2:{i:0;s:1:"0";i:1;s:1:"2";}s:7:"chapter";s:3:"1.3";s:9:"urlRelWoF";s:22:"/welcome/manage-access";s:6:"urlRel";s:22:"/welcome/manage-access";s:6:"urlAbs";s:43:"http://localhost:8080/welcome/manage-access";s:6:"active";b:0;s:12:"activeParent";b:0;s:4:"hide";b:0;s:7:"noindex";b:0;}i:3;O:8:"stdClass":20:{s:12:"originalName";s:14:"03-get-help.md";s:11:"elementType";s:4:"file";s:6:"status";s:9:"published";s:8:"fileType";s:2:"md";s:5:"order";s:2:"03";s:4:"name";s:8:"get help";s:4:"slug";s:8:"get-help";s:4:"path";s:26:"/00-welcome/03-get-help.md";s:15:"pathWithoutType";s:23:"/00-welcome/03-get-help";s:3:"key";i:3;s:7:"keyPath";s:3:"0.3";s:12:"keyPathArray";a:2:{i:0;s:1:"0";i:1;s:1:"3";}s:7:"chapter";s:3:"1.4";s:9:"urlRelWoF";s:17:"/welcome/get-help";s:6:"urlRel";s:17:"/welcome/get-help";s:6:"urlAbs";s:38:"http://localhost:8080/welcome/get-help";s:6:"active";b:0;s:12:"activeParent";b:0;s:4:"hide";b:0;s:7:"noindex";b:0;}i:4;O:8:"stdClass":20:{s:12:"originalName";s:19:"04-markdown-test.md";s:11:"elementType";s:4:"file";s:6:"status";s:9:"published";s:8:"fileType";s:2:"md";s:5:"order";s:2:"04";s:4:"name";s:13:"markdown test";s:4:"slug";s:13:"markdown-test";s:4:"path";s:31:"/00-welcome/04-markdown-test.md";s:15:"pathWithoutType";s:28:"/00-welcome/04-markdown-test";s:3:"key";i:4;s:7:"keyPath";s:3:"0.4";s:12:"keyPathArray";a:2:{i:0;s:1:"0";i:1;s:1:"4";}s:7:"chapter";s:3:"1.5";s:9:"urlRelWoF";s:22:"/welcome/markdown-test";s:6:"urlRel";s:22:"/welcome/markdown-test";s:6:"urlAbs";s:43:"http://localhost:8080/welcome/markdown-test";s:6:"active";b:0;s:12:"activeParent";b:0;s:4:"hide";b:0;s:7:"noindex";b:0;}}s:7:"noindex";b:0;}i:1;O:8:"stdClass":22:{s:12:"originalName";s:16:"01-cyanine-theme";s:11:"elementType";s:6:"folder";s:8:"contains";s:5:"pages";s:6:"status";s:9:"published";s:8:"fileType";s:2:"md";s:5:"order";s:2:"01";s:4:"name";s:13:"cyanine theme";s:4:"slug";s:13:"cyanine-theme";s:4:"path";s:17:"/01-cyanine-theme";s:15:"pathWithoutType";s:23:"/01-cyanine-theme/index";s:9:"urlRelWoF";s:14:"/cyanine-theme";s:6:"urlRel";s:14:"/cyanine-theme";s:6:"urlAbs";s:35:"http://localhost:8080/cyanine-theme";s:3:"key";i:1;s:7:"keyPath";i:1;s:12:"keyPathArray";a:1:{i:0;s:1:"1";}s:7:"chapter";i:2;s:6:"active";b:0;s:12:"activeParent";b:0;s:4:"hide";b:0;s:13:"folderContent";a:4:{i:0;O:8:"stdClass":20:{s:12:"originalName";s:17:"00-landingpage.md";s:11:"elementType";s:4:"file";s:6:"status";s:9:"published";s:8:"fileType";s:2:"md";s:5:"order";s:2:"00";s:4:"name";s:11:"landingpage";s:4:"slug";s:11:"landingpage";s:4:"path";s:35:"/01-cyanine-theme/00-landingpage.md";s:15:"pathWithoutType";s:32:"/01-cyanine-theme/00-landingpage";s:3:"key";i:0;s:7:"keyPath";s:3:"1.0";s:12:"keyPathArray";a:2:{i:0;s:1:"1";i:1;s:1:"0";}s:7:"chapter";s:3:"2.1";s:9:"urlRelWoF";s:26:"/cyanine-theme/landingpage";s:6:"urlRel";s:26:"/cyanine-theme/landingpage";s:6:"urlAbs";s:47:"http://localhost:8080/cyanine-theme/landingpage";s:6:"active";b:0;s:12:"activeParent";b:0;s:4:"hide";b:0;s:7:"noindex";b:1;}i:1;O:8:"stdClass":20:{s:12:"originalName";s:22:"01-colors-and-fonts.md";s:11:"elementType";s:4:"file";s:6:"status";s:9:"published";s:8:"fileType";s:2:"md";s:5:"order";s:2:"01";s:4:"name";s:16:"colors and fonts";s:4:"slug";s:16:"colors-and-fonts";s:4:"path";s:40:"/01-cyanine-theme/01-colors-and-fonts.md";s:15:"pathWithoutType";s:37:"/01-cyanine-theme/01-colors-and-fonts";s:3:"key";i:1;s:7:"keyPath";s:3:"1.1";s:12:"keyPathArray";a:2:{i:0;s:1:"1";i:1;s:1:"1";}s:7:"chapter";s:3:"2.2";s:9:"urlRelWoF";s:31:"/cyanine-theme/colors-and-fonts";s:6:"urlRel";s:31:"/cyanine-theme/colors-and-fonts";s:6:"urlAbs";s:52:"http://localhost:8080/cyanine-theme/colors-and-fonts";s:6:"active";b:0;s:12:"activeParent";b:0;s:4:"hide";b:0;s:7:"noindex";b:0;}i:2;O:8:"stdClass":20:{s:12:"originalName";s:12:"02-footer.md";s:11:"elementType";s:4:"file";s:6:"status";s:9:"published";s:8:"fileType";s:2:"md";s:5:"order";s:2:"02";s:4:"name";s:6:"footer";s:4:"slug";s:6:"footer";s:4:"path";s:30:"/01-cyanine-theme/02-footer.md";s:15:"pathWithoutType";s:27:"/01-cyanine-theme/02-footer";s:3:"key";i:2;s:7:"keyPath";s:3:"1.2";s:12:"keyPathArray";a:2:{i:0;s:1:"1";i:1;s:1:"2";}s:7:"chapter";s:3:"2.3";s:9:"urlRelWoF";s:21:"/cyanine-theme/footer";s:6:"urlRel";s:21:"/cyanine-theme/footer";s:6:"urlAbs";s:42:"http://localhost:8080/cyanine-theme/footer";s:6:"active";b:0;s:12:"activeParent";b:0;s:4:"hide";b:0;s:7:"noindex";b:0;}i:3;O:8:"stdClass":20:{s:12:"originalName";s:22:"03-content-elements.md";s:11:"elementType";s:4:"file";s:6:"status";s:9:"published";s:8:"fileType";s:2:"md";s:5:"order";s:2:"03";s:4:"name";s:16:"content elements";s:4:"slug";s:16:"content-elements";s:4:"path";s:40:"/01-cyanine-theme/03-content-elements.md";s:15:"pathWithoutType";s:37:"/01-cyanine-theme/03-content-elements";s:3:"key";i:3;s:7:"keyPath";s:3:"1.3";s:12:"keyPathArray";a:2:{i:0;s:1:"1";i:1;s:1:"3";}s:7:"chapter";s:3:"2.4";s:9:"urlRelWoF";s:31:"/cyanine-theme/content-elements";s:6:"urlRel";s:31:"/cyanine-theme/content-elements";s:6:"urlAbs";s:52:"http://localhost:8080/cyanine-theme/content-elements";s:6:"active";b:0;s:12:"activeParent";b:0;s:4:"hide";b:0;s:7:"noindex";b:0;}}s:7:"noindex";b:0;}} \ No newline at end of file diff --git a/typemill_data/data/navigation/navi-extended.txt b/typemill_data/data/navigation/navi-extended.txt new file mode 100644 index 0000000..69087af --- /dev/null +++ b/typemill_data/data/navigation/navi-extended.txt @@ -0,0 +1,66 @@ +/welcome: + navtitle: welcome + hide: false + noindex: false + path: /00-welcome + keyPath: 0 +/welcome/setup-your-website: + navtitle: 'setup your website' + hide: false + noindex: false + path: /00-welcome/00-setup-your-website.md + keyPath: '0.0' +/welcome/write-content: + navtitle: 'write content' + hide: false + noindex: false + path: /00-welcome/01-write-content.md + keyPath: '0.1' +/welcome/manage-access: + navtitle: 'manage access' + hide: false + noindex: false + path: /00-welcome/02-manage-access.md + keyPath: '0.2' +/welcome/get-help: + navtitle: 'get help' + hide: false + noindex: false + path: /00-welcome/03-get-help.md + keyPath: '0.3' +/welcome/markdown-test: + navtitle: 'markdown test' + hide: false + noindex: false + path: /00-welcome/04-markdown-test.md + keyPath: '0.4' +/cyanine-theme: + navtitle: 'cyanine theme' + hide: false + noindex: false + path: /01-cyanine-theme + keyPath: 1 +/cyanine-theme/landingpage: + navtitle: landingpage + hide: false + noindex: true + path: /01-cyanine-theme/00-landingpage.md + keyPath: '1.0' +/cyanine-theme/colors-and-fonts: + navtitle: 'colors and fonts' + hide: false + noindex: false + path: /01-cyanine-theme/01-colors-and-fonts.md + keyPath: '1.1' +/cyanine-theme/footer: + navtitle: footer + hide: false + noindex: false + path: /01-cyanine-theme/02-footer.md + keyPath: '1.2' +/cyanine-theme/content-elements: + navtitle: 'content elements' + hide: false + noindex: false + path: /01-cyanine-theme/03-content-elements.md + keyPath: '1.3' diff --git a/typemill_data/data/navigation/navi-live.txt b/typemill_data/data/navigation/navi-live.txt new file mode 100644 index 0000000..d4fd639 --- /dev/null +++ b/typemill_data/data/navigation/navi-live.txt @@ -0,0 +1 @@ +a:2:{i:0;O:8:"stdClass":22:{s:12:"originalName";s:10:"00-welcome";s:11:"elementType";s:6:"folder";s:8:"contains";s:5:"pages";s:6:"status";s:9:"published";s:8:"fileType";s:2:"md";s:5:"order";s:2:"00";s:4:"name";s:7:"welcome";s:4:"slug";s:7:"welcome";s:4:"path";s:11:"/00-welcome";s:15:"pathWithoutType";s:17:"/00-welcome/index";s:9:"urlRelWoF";s:8:"/welcome";s:6:"urlRel";s:8:"/welcome";s:6:"urlAbs";s:29:"http://localhost:8080/welcome";s:3:"key";i:0;s:7:"keyPath";i:0;s:12:"keyPathArray";a:1:{i:0;s:1:"0";}s:7:"chapter";i:1;s:6:"active";b:0;s:12:"activeParent";b:0;s:4:"hide";b:0;s:13:"folderContent";a:5:{i:0;O:8:"stdClass":20:{s:12:"originalName";s:24:"00-setup-your-website.md";s:11:"elementType";s:4:"file";s:6:"status";s:9:"published";s:8:"fileType";s:2:"md";s:5:"order";s:2:"00";s:4:"name";s:18:"setup your website";s:4:"slug";s:18:"setup-your-website";s:4:"path";s:36:"/00-welcome/00-setup-your-website.md";s:15:"pathWithoutType";s:33:"/00-welcome/00-setup-your-website";s:3:"key";i:0;s:7:"keyPath";s:3:"0.0";s:12:"keyPathArray";a:2:{i:0;s:1:"0";i:1;s:1:"0";}s:7:"chapter";s:3:"1.1";s:9:"urlRelWoF";s:27:"/welcome/setup-your-website";s:6:"urlRel";s:27:"/welcome/setup-your-website";s:6:"urlAbs";s:48:"http://localhost:8080/welcome/setup-your-website";s:6:"active";b:0;s:12:"activeParent";b:0;s:4:"hide";b:0;s:7:"noindex";b:0;}i:1;O:8:"stdClass":20:{s:12:"originalName";s:19:"01-write-content.md";s:11:"elementType";s:4:"file";s:6:"status";s:9:"published";s:8:"fileType";s:2:"md";s:5:"order";s:2:"01";s:4:"name";s:13:"write content";s:4:"slug";s:13:"write-content";s:4:"path";s:31:"/00-welcome/01-write-content.md";s:15:"pathWithoutType";s:28:"/00-welcome/01-write-content";s:3:"key";i:1;s:7:"keyPath";s:3:"0.1";s:12:"keyPathArray";a:2:{i:0;s:1:"0";i:1;s:1:"1";}s:7:"chapter";s:3:"1.2";s:9:"urlRelWoF";s:22:"/welcome/write-content";s:6:"urlRel";s:22:"/welcome/write-content";s:6:"urlAbs";s:43:"http://localhost:8080/welcome/write-content";s:6:"active";b:0;s:12:"activeParent";b:0;s:4:"hide";b:0;s:7:"noindex";b:0;}i:2;O:8:"stdClass":20:{s:12:"originalName";s:19:"02-manage-access.md";s:11:"elementType";s:4:"file";s:6:"status";s:9:"published";s:8:"fileType";s:2:"md";s:5:"order";s:2:"02";s:4:"name";s:13:"manage access";s:4:"slug";s:13:"manage-access";s:4:"path";s:31:"/00-welcome/02-manage-access.md";s:15:"pathWithoutType";s:28:"/00-welcome/02-manage-access";s:3:"key";i:2;s:7:"keyPath";s:3:"0.2";s:12:"keyPathArray";a:2:{i:0;s:1:"0";i:1;s:1:"2";}s:7:"chapter";s:3:"1.3";s:9:"urlRelWoF";s:22:"/welcome/manage-access";s:6:"urlRel";s:22:"/welcome/manage-access";s:6:"urlAbs";s:43:"http://localhost:8080/welcome/manage-access";s:6:"active";b:0;s:12:"activeParent";b:0;s:4:"hide";b:0;s:7:"noindex";b:0;}i:3;O:8:"stdClass":20:{s:12:"originalName";s:14:"03-get-help.md";s:11:"elementType";s:4:"file";s:6:"status";s:9:"published";s:8:"fileType";s:2:"md";s:5:"order";s:2:"03";s:4:"name";s:8:"get help";s:4:"slug";s:8:"get-help";s:4:"path";s:26:"/00-welcome/03-get-help.md";s:15:"pathWithoutType";s:23:"/00-welcome/03-get-help";s:3:"key";i:3;s:7:"keyPath";s:3:"0.3";s:12:"keyPathArray";a:2:{i:0;s:1:"0";i:1;s:1:"3";}s:7:"chapter";s:3:"1.4";s:9:"urlRelWoF";s:17:"/welcome/get-help";s:6:"urlRel";s:17:"/welcome/get-help";s:6:"urlAbs";s:38:"http://localhost:8080/welcome/get-help";s:6:"active";b:0;s:12:"activeParent";b:0;s:4:"hide";b:0;s:7:"noindex";b:0;}i:4;O:8:"stdClass":20:{s:12:"originalName";s:19:"04-markdown-test.md";s:11:"elementType";s:4:"file";s:6:"status";s:9:"published";s:8:"fileType";s:2:"md";s:5:"order";s:2:"04";s:4:"name";s:13:"markdown test";s:4:"slug";s:13:"markdown-test";s:4:"path";s:31:"/00-welcome/04-markdown-test.md";s:15:"pathWithoutType";s:28:"/00-welcome/04-markdown-test";s:3:"key";i:4;s:7:"keyPath";s:3:"0.4";s:12:"keyPathArray";a:2:{i:0;s:1:"0";i:1;s:1:"4";}s:7:"chapter";s:3:"1.5";s:9:"urlRelWoF";s:22:"/welcome/markdown-test";s:6:"urlRel";s:22:"/welcome/markdown-test";s:6:"urlAbs";s:43:"http://localhost:8080/welcome/markdown-test";s:6:"active";b:0;s:12:"activeParent";b:0;s:4:"hide";b:0;s:7:"noindex";b:0;}}s:7:"noindex";b:0;}i:1;O:8:"stdClass":22:{s:12:"originalName";s:16:"01-cyanine-theme";s:11:"elementType";s:6:"folder";s:8:"contains";s:5:"pages";s:6:"status";s:9:"published";s:8:"fileType";s:2:"md";s:5:"order";s:2:"01";s:4:"name";s:13:"cyanine theme";s:4:"slug";s:13:"cyanine-theme";s:4:"path";s:17:"/01-cyanine-theme";s:15:"pathWithoutType";s:23:"/01-cyanine-theme/index";s:9:"urlRelWoF";s:14:"/cyanine-theme";s:6:"urlRel";s:14:"/cyanine-theme";s:6:"urlAbs";s:35:"http://localhost:8080/cyanine-theme";s:3:"key";i:1;s:7:"keyPath";i:1;s:12:"keyPathArray";a:1:{i:0;s:1:"1";}s:7:"chapter";i:2;s:6:"active";b:0;s:12:"activeParent";b:0;s:4:"hide";b:0;s:13:"folderContent";a:4:{i:0;O:8:"stdClass":20:{s:12:"originalName";s:17:"00-landingpage.md";s:11:"elementType";s:4:"file";s:6:"status";s:9:"published";s:8:"fileType";s:2:"md";s:5:"order";s:2:"00";s:4:"name";s:11:"landingpage";s:4:"slug";s:11:"landingpage";s:4:"path";s:35:"/01-cyanine-theme/00-landingpage.md";s:15:"pathWithoutType";s:32:"/01-cyanine-theme/00-landingpage";s:3:"key";i:0;s:7:"keyPath";s:3:"1.0";s:12:"keyPathArray";a:2:{i:0;s:1:"1";i:1;s:1:"0";}s:7:"chapter";s:3:"2.1";s:9:"urlRelWoF";s:26:"/cyanine-theme/landingpage";s:6:"urlRel";s:26:"/cyanine-theme/landingpage";s:6:"urlAbs";s:47:"http://localhost:8080/cyanine-theme/landingpage";s:6:"active";b:0;s:12:"activeParent";b:0;s:4:"hide";b:0;s:7:"noindex";b:1;}i:1;O:8:"stdClass":20:{s:12:"originalName";s:22:"01-colors-and-fonts.md";s:11:"elementType";s:4:"file";s:6:"status";s:9:"published";s:8:"fileType";s:2:"md";s:5:"order";s:2:"01";s:4:"name";s:16:"colors and fonts";s:4:"slug";s:16:"colors-and-fonts";s:4:"path";s:40:"/01-cyanine-theme/01-colors-and-fonts.md";s:15:"pathWithoutType";s:37:"/01-cyanine-theme/01-colors-and-fonts";s:3:"key";i:1;s:7:"keyPath";s:3:"1.1";s:12:"keyPathArray";a:2:{i:0;s:1:"1";i:1;s:1:"1";}s:7:"chapter";s:3:"2.2";s:9:"urlRelWoF";s:31:"/cyanine-theme/colors-and-fonts";s:6:"urlRel";s:31:"/cyanine-theme/colors-and-fonts";s:6:"urlAbs";s:52:"http://localhost:8080/cyanine-theme/colors-and-fonts";s:6:"active";b:0;s:12:"activeParent";b:0;s:4:"hide";b:0;s:7:"noindex";b:0;}i:2;O:8:"stdClass":20:{s:12:"originalName";s:12:"02-footer.md";s:11:"elementType";s:4:"file";s:6:"status";s:9:"published";s:8:"fileType";s:2:"md";s:5:"order";s:2:"02";s:4:"name";s:6:"footer";s:4:"slug";s:6:"footer";s:4:"path";s:30:"/01-cyanine-theme/02-footer.md";s:15:"pathWithoutType";s:27:"/01-cyanine-theme/02-footer";s:3:"key";i:2;s:7:"keyPath";s:3:"1.2";s:12:"keyPathArray";a:2:{i:0;s:1:"1";i:1;s:1:"2";}s:7:"chapter";s:3:"2.3";s:9:"urlRelWoF";s:21:"/cyanine-theme/footer";s:6:"urlRel";s:21:"/cyanine-theme/footer";s:6:"urlAbs";s:42:"http://localhost:8080/cyanine-theme/footer";s:6:"active";b:0;s:12:"activeParent";b:0;s:4:"hide";b:0;s:7:"noindex";b:0;}i:3;O:8:"stdClass":20:{s:12:"originalName";s:22:"03-content-elements.md";s:11:"elementType";s:4:"file";s:6:"status";s:9:"published";s:8:"fileType";s:2:"md";s:5:"order";s:2:"03";s:4:"name";s:16:"content elements";s:4:"slug";s:16:"content-elements";s:4:"path";s:40:"/01-cyanine-theme/03-content-elements.md";s:15:"pathWithoutType";s:37:"/01-cyanine-theme/03-content-elements";s:3:"key";i:3;s:7:"keyPath";s:3:"1.3";s:12:"keyPathArray";a:2:{i:0;s:1:"1";i:1;s:1:"3";}s:7:"chapter";s:3:"2.4";s:9:"urlRelWoF";s:31:"/cyanine-theme/content-elements";s:6:"urlRel";s:31:"/cyanine-theme/content-elements";s:6:"urlAbs";s:52:"http://localhost:8080/cyanine-theme/content-elements";s:6:"active";b:0;s:12:"activeParent";b:0;s:4:"hide";b:0;s:7:"noindex";b:0;}}s:7:"noindex";b:0;}} \ No newline at end of file diff --git a/typemill_data/settings/settings.yaml b/typemill_data/settings/settings.yaml new file mode 100644 index 0000000..4e73dd5 --- /dev/null +++ b/typemill_data/settings/settings.yaml @@ -0,0 +1,27 @@ +0: + language: en + author: docker + mailfrom: trendschau@gmail.com + mailfromname: docker +title: Docker +author: Docker +copyright: null +language: en +langattr: en +editor: visual +formats: + - markdown + - headline + - ulist + - olist + - table + - quote + - notice + - image + - video + - file + - toc + - hr + - definition + - code + - shortcode diff --git a/typemill_data/settings/users/docker.yaml b/typemill_data/settings/users/docker.yaml new file mode 100644 index 0000000..75f177c --- /dev/null +++ b/typemill_data/settings/users/docker.yaml @@ -0,0 +1,5 @@ +username: docker +email: trendschau@gmail.com +userrole: administrator +password: $2y$10$cZWc00dCWlg9VWg0sw8zr.ewih78gx0Hu6/ZiYnfsWYcw3SaTXuxi +lastlogin: 1705435318 diff --git a/typemill_data/themes/cyanine/404.twig b/typemill_data/themes/cyanine/404.twig new file mode 100644 index 0000000..eaa2431 --- /dev/null +++ b/typemill_data/themes/cyanine/404.twig @@ -0,0 +1,24 @@ +{% extends 'layout.twig' %} + +{% block title %}ERROR 404: Page not found{% endblock %} + +{% block content %} + +
+ +
+
+

Not Found

+
+ +
+

Sorry, but we did not find the page that you are looking for.

+
+ + Home + +
+ +
+ +{% endblock %} \ No newline at end of file diff --git a/typemill_data/themes/cyanine/blog.twig b/typemill_data/themes/cyanine/blog.twig new file mode 100644 index 0000000..e839880 --- /dev/null +++ b/typemill_data/themes/cyanine/blog.twig @@ -0,0 +1,112 @@ +
+ +
+ + + +
+ + {% if settings.themes.cyanine.blogintro %} +
+
+ +

{{ title }}

+ +
+ + {{ content }} + +
+ {% endif %} + + {% set pagelist = getPageList(navigation, settings.themes.cyanine.blogfolder, base_url) %} + {% set pagesize = 10 %} + {% set pages = ( pagelist.folderContent|length / pagesize)|round(0, 'ceil') %} + {% set currentpage = currentpage ? currentpage : 1 %} + {% set currentposts = (currentpage - 1) * pagesize %} + + {% if pagelist.contains == "posts" %} +
    + + {% for element in pagelist.folderContent|slice(currentposts, pagesize) %} + + {% set post = getPageMeta(settings, element) %} + {% set date = element.order[0:4] ~ '-' ~ element.order[4:2] ~ '-' ~ element.order[6:2] %} + +
  • +
    + {% if settings.themes.cyanine.blogimage and post.meta.heroimage != '' %} +
    + {{ post.meta.heroimage }} +
    + {% endif %} +

    {{ post.meta.title }}

     +
    | {{ post.meta.author }}
    +
    +

    {{ post.meta.description }}

    +
    • + + {% endfor %} + + {% if pages > 1 %} +
    +

    Page: + {% for i in 1 .. pages %} + {% if i == currentpage %} + {{i}} + {% else %} + {{i}} + {% endif %} + {% endfor %} +

    + {% endif %} + +
+ {% else %} +

The folder contains pages. To use the blog-feature on the startpage, please change the folder content to posts.

+ {% endif %} +
+ + + +
+ +
\ No newline at end of file diff --git a/typemill_data/themes/cyanine/css/style.css b/typemill_data/themes/cyanine/css/style.css new file mode 100644 index 0000000..016c126 --- /dev/null +++ b/typemill_data/themes/cyanine/css/style.css @@ -0,0 +1,629 @@ +/* Y O U R C S S S T Y L E S +** +** Style all markdown content elements properly +** Use the markdown test file to check it: https://github.com/typemill/typemill/blob/master/content/00-Welcome/03-Markdown-Test.md +** You can activate and use the Tachyons CSS library: https://typemill.net/theme-developers/helper-functions#activate-tachyons +** +*/ + +/************************************ +* STANDARD-ELEMENTS * +************************************/ +html{} +body{} +header{} +footer{} +nav{} +main{} +aside{} +article{} +article a, article a:link, article a:visited{ text-decoration: underline; } +/* article a:before{ content: '\203A'; margin-right: 5px; } */ +abbr{} +blockquote{ + margin: 1.5em 1.5em; + padding: 0.5em 0; + quotes: "\201C""\201D""\2018""\2019"; + font-style: italic; +} +blockquote:before{ + color: #ccc; + content: open-quote; + font-size: 4em; + line-height: 0.1em; + margin-right: 0.25em; + vertical-align: -0.4em; +} +blockquote p { + display: inline; +} +article pre, article code{ + font-family: monospace; +} +article pre{ + white-space: pre; + padding: 0em; + display: block; + max-width: 100%; + overflow-x: auto; +} +article code{ + font-size: 0.8em; + line-height: 1.4em; + padding: 0 0.5em; + word-break: break-word; +} +pre > code{ + font-size: 0.8em; + padding: 1em; + display: inline-block; +} +pre > code.language-pagebreak{ + display: none; +} +dl{} +dt{} +dd{} +img{} +article h1, article h2, article h3, article h4, article h5, article h6{ + line-height: 1.15em; + font-weight: 700; + line-height: 1em; +} +h1,h2,h3,h4,h5,h6{ word-wrap: break-word; hyphens: auto; } +article h1{ font-size: 2.2em; margin: 1.4em 0 0.6em; z-index:1; } +article h2{ font-size: 1.6em; margin: 1.8em 0 0.6em; } +article h3{ font-size: 1.3em; margin: 1.6em 0 0.6em; } +article h4{ font-size: 1.1em; margin: 1.4em 0 0.6em; } +article h5{ font-size: 1em; margin: 1.2em 0 0.6em; } +article h6{ font-size: 1em; font-style: italic; font-weight:300; margin: 1em 0 0.6em; } +article .h1, article .h2, article .h3, article .h4, article .h5, article .h6{ + height: auto; /* fix for tachyons */ +} +hr{ + border: none; + border-top: 1px solid; +} +ol{} +footer ul{ padding-left:1em; } +li{} +sup{} +/* Make table look good */ +.tm-table{ + overflow-x: auto; +} +table{ + width: 100%; + border-collapse: collapse; + font-size: .8em; +} +thead{ + text-align: left; +} +tr{ + border-top: 1px solid; + border-bottom: 1px solid; + margin-bottom: -1px; +} +th,td{ + padding: .5em 1em; +} +main b, main strong{ + font-weight: 600; +} + +/************************************ +* STANDARD SUGGESTIONS * +************************************/ + +/* Make links and buttons smooth */ +.link, .link:active, .link:focus, .link:hover, .link:link, .link:visited{ + transition: none; +} +a, a:link, a:visited, a:focus, a:hover, a:active, button{ + transition: all .15s ease!important; + transition-property: color, background-color, text-shadow, border; +} +article a:hover, article a:focus, article a:active, +footer a:hover, footer a:focus, footer a:active{ + text-decoration: none; +} + +/* For definition list */ +dt::after{ + content: ":"; +} + +/* Make images and image captions look good */ +img, figure,figure img{ + max-width: 100%; + height: auto; + aspect-ratio: attr(width) / attr(height); +} +figure{ + display: table; + margin: 2em auto; + padding: 0; +} +figure.right, figure.left { + width: auto; + float: none; + margin: auto auto; +} +figure img{ + display: block; + margin: auto; +} +figcaption{ + display: table-caption; + caption-side: bottom; + font-size: 0.8em; + margin-top: .5em; + line-height: 1.2em; +} +.footnotes ol{ + font-size: .8em; + line-height: 1em; + margin: 0 0 0 0; +} + +/************************************ +* TYPEMILL-ELEMENTS * +************************************/ + +ul.TOC,.TOC ul{ + list-style: none; +} +.TOC{ + padding: 1em; + border: 1px solid; +} +.TOC{ + border-color: lightgray; +} +.TOC li{ + position: relative; +} +.TOC li a{ + text-decoration: none; + display: inline-block; + width: 100%; + border-bottom: 1px dashed; + line-height: 1em; + margin: .3em 0; +} +.TOC li a:hover,.TOC li a:focus,.TOC li a:active{ + border-bottom: 1px solid; +} +.TOC li a:after{ + content: '\203A'; + position: absolute; + right: 5px; + transition: all .2s; +} +.TOC li a:hover:after{ + right: 0px; +} +.notice1 { + margin: 1em 0; + padding: 10px 1em; +} +.notice2 { + margin: 1em 0; + padding: 10px 1em; +} +.notice3{ + margin: 1em 0; + padding: 10px 1em; + background-color: #d4e0ff; + border-left: 4px solid #3c7bf6; +} + +/* used for pro content box */ +.notice4{ + position: relative; + text-align: center; + padding: 1em; + border: 1px solid; +} + +/* Style the optional anchor-links for headlines */ +a.tm-heading-anchor { + display: inline-block; + margin-left: -0.8em; + width: 0.8em; + font-weight: 300; + opacity: 0; + text-decoration: none; + float: right; +} +a.tm-heading-anchor:hover,a.tm-heading-anchor:focus { + opacity: 1; + text-decoration: none; +} +h2:focus > .tm-heading-anchor, +h2:hover > .tm-heading-anchor, +h3:focus > .tm-heading-anchor, +h3:hover > .tm-heading-anchor, +h4:focus > .tm-heading-anchor, +h4:hover > .tm-heading-anchor, +h5:focus > .tm-heading-anchor, +h5:hover > .tm-heading-anchor, +h6:focus > .tm-heading-anchor, +h6:hover > .tm-heading-anchor{ + opacity: .5; + text-decoration: none; +} + +/* style the typemill download-button for files */ +a.tm-download{} +a.tm-download::before{ + content: "\2193"; + -webkit-mask: url("data:image/svg+xml; utf8, ") no-repeat 50% 50%; + mask: url("data:image/svg+xml; utf8, ") no-repeat 50% 50%; + -webkit-mask-size: cover; + mask-size: cover; + background-color: currentColor; + display: inline-block; + margin-right: 5px; + width: 24px; + height: 24px; + text-decoration: none; + vertical-align: middle; +} +a.tm-download:hover::before{ + text-decoration: none; +} + +/* Fake youtube button. Works with typemillutilities.js */ +.video-container{ + position: relative; + text-align: center; +} +img.youtube{ + position: relative; + max-width: 560px; +} +button.play-video { + position: absolute; + top: 50%; + left: 50%; + margin-top: -50px; + margin-left: -50px; + height: 100px; + width: 100px; + background: #e0474c; + color: #FFFFFF; + border-radius: 50%; + border: 0px; + padding: 0; + text-align: center; +} +button.play-video:hover { + background: #cc4146; + cursor: pointer; +} +button.play-video::after { + position: absolute; + top: 50%; + margin: -20px 0 0 -15px; + height: 0; + width: 0; + border-style: solid; + border-width: 20px 0 20px 40px; + border-color: transparent transparent transparent rgba(255, 255, 255, 0.75); + content: ' '; +} + +.landingpageinfo h2{ + font-size: 2.25rem; +} +.landingpageinfo h3{ + font-size: 1.5rem; +} +.landingpageinfo h4{ + font-size: 1.25rem; +} +.icon { + display: inline-block; + width: 1em; + height: 1em; + stroke-width: 0; + stroke: currentColor; + fill: currentColor; +} +/************************************ +* TACHYONS ADDITIONS * +************************************/ + +/* Keeps Footer at the bottom */ +.body-footer-bottom { /* add this class to the body-tag */ + min-height: 100vh; + display: flex; + flex-direction: column; +} +.footer-bottom { /* add this class to the footer-tag */ + margin-top: auto; +} +/* Nice set of system fonts, add this to the body-tag */ +.sans-serif-tm { + font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; +} +.sans-serif-title{ + font-family: arial,"Segoe UI",Roboto,-apple-system,BlinkMacSystemFont,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; +} +/* optimize text, add this to the body-tag */ +.optimize-text{ + /* Adjust font size */ + font-size: 100%; + -webkit-text-size-adjust: 100%; + /* Font varient */ + font-variant-ligatures: none; + -webkit-font-variant-ligatures: none; + /* Smoothing */ + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + font-smoothing: antialiased; + -webkit-font-smoothing: antialiased; + text-shadow: rgba(0, 0, 0, .01) 0 0 1px; +} +.grid-container{ + display: block; +} +.grid-header, .grid-main, .grid-sidebar{ + display: block; + width: 100%; +} +.f-large{ + font-size: 4rem; +} +.h4-5{ + height: 12rem; +} +.shadow-2-hover{ + transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); +} +.shadow-2-hover:hover, .shadow-2-hover:focus{ + box-shadow:0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); +} +.margin-bottom-1{ + margin-bottom: -1px; +} +.arrow-after:after{ + content: '\203A'; position: absolute; right:5px; +} +.arrow-after-transition:after{ + content: '\203A'; position: absolute; right:5px; + transition: all .2s; +} +.arrow-after-transition:hover:after{ + right:0px; +} +.indent-l-1{ padding-left:1rem; } +.indent-l-2{ padding-left:2rem; } +.indent-l-3{ padding-left:3rem; } +.indent-l-4{ padding-left:4rem; } +.indent-l-5{ padding-left:4.5rem; } +.indent-l-6{ padding-left:5rem; } +.b--solid-hover:hover,.b--solid-hover:focus,.b--solid-hover:active{ + border-style: solid; +} + +/************************* +* RESPONSIVE NAVIGATION * +*************************/ + +.contentnav{ + width: 70%; + position: absolute; + right: 0; + top: 0; +} +.contentnav.collapse .folder > ul{ + display: none; +} +.contentnav .folder.active > ul,.contentnav .folder.activeParent > ul{ + display: block; +} +.burgerbutton{ + display: inline-block; + font-size: 2em; + width: 100%; + text-align: right; + padding: 2rem; + box-sizing: border-box; +} +.burgerbutton, .menu{ + transition:all .2s ease; +} +.menu { + max-height: 0; /* hide menu completely when burger unchecked */ + margin: 0px; + overflow:hidden; + position: relative; + z-index: 1; + font-size: 1.3rem; +} +#burger:checked ~ .menu { + max-height: 200%; +} + +#burger:checked ~ .menu { + background: #333; +} +.menu a{ + color: #fff; +} +#burger:checked ~ .burgerbutton { + color: #fff; + background: #333; +} + +.logo-image{ + max-width: 200px; +} + +@media screen and (min-width:30em){ + h1,h2,h3,h4,h5,h6{ hyphens: manual; } +} + +@media (min-width: 40em) { + figure.right { + width: auto; + float: right; + margin: 0 0 2em 2em; + } + figure.left { + width: auto; + float: left; + margin: 0 2em 2em 0; + } +} + +/************** +* Forms * +**************/ + +form{ + width: 100%; + max-width: 800px; + border: none; + margin: 20px 0 20px 0; + padding: 0 0 0 0; +} +form fieldset{ + width: 100%; + border: none; + margin: 0 0 0 0; + padding: 0 0 0 0; +} +form label{ + width: 100%; + display: block; + color: #333; + margin-top: 1.5em; +} +form input, form textarea{ + width: 100%; + display: block; + border: 1px solid #ddd; + padding: 15px; + margin: 0 0 20px 0; + background: #f5f5f5; +} +form input:focus,form select:focus,form textarea:focus{ + outline: none; + border: 1px solid rgba(229, 226, 211, 1); + box-shadow: 0 0 2px #D73B00;; +} +form input[type="submit"],form button,form .button{ + cursor: pointer; + font-size: 1em; + border: 0; + margin-top: 1.5em; + width: 100%; + padding: 15px; +} +form input[type="submit"]:hover,form button:hover,.button:hover{ + opacity: .8; +} + + +@media screen and (min-width:50em) { + .grid-container{ + display: grid; + grid-template-columns: 30% 70%; + grid-column-gap: 1em; + grid-template-rows: auto auto; + grid-template-areas: + "gridHeader gridMain" + "gridSidebar gridMain" + ". gridMain" + } + .grid-header{ + grid-area: gridHeader; + } + .grid-main{ + grid-area: gridMain; + } + .grid-sidebar{ + grid-area: gridSidebar; + } + + .logo-image{ + max-width: 100%; + } + + #burger:checked ~ .burgerbutton { + color: inherit; + background: inherit; + } + #burger:checked ~ .menu { + background: inherit; + } + .menu a{ + color: inherit; + } + .contentnav{ + position: relative; + width: auto; + } + .burgerbutton{ + display: none; + } + .menu{ + font-size: inherit; + max-height: inherit; + } + a.tm-heading-anchor { + float: left; + } +} + +@media print { + #contentnav, nav, #bottompager,.widgetcontainer,.funcicons,.account,footer{ + display: none; + } + .grid-main{ + margin-top: -10px!important; + padding-top: 0px!important; + } + .logo-image{ + max-width: 150px; + } + main{ + padding-bottom: 0!important; + } + aside{ + padding-top: 0!important; + padding-bottom: 0!important; + } + main,footer{ + border: 0px!important; + } + footer .ph3 + { + padding-top: 0; + padding-bottom: 0; + } + body, .landingpagecontrast, .account, main, footer, .landingpageintro, .landingpageinfo, .landingpageteaser, .landingpagenavi, .landingpagenews, button.expander, .notice4{ + background: #fff!important; + color: black!important; + } + article{ + font-size: .8em; + } + article a[href]{ + color: black; + text-decoration: underline; + } + article a[href]:after { + content: " (" attr(href) ")"; + } + nav .mw6{ + width: 100%; + } + a.tm-heading-anchor { + display: none; + } +} \ No newline at end of file diff --git a/typemill_data/themes/cyanine/css/tachyons.min.css b/typemill_data/themes/cyanine/css/tachyons.min.css new file mode 100644 index 0000000..0980766 --- /dev/null +++ b/typemill_data/themes/cyanine/css/tachyons.min.css @@ -0,0 +1,2 @@ +/*! TACHYONS v4.12.0 | http://tachyons.io */ +/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.border-box,a,article,aside,blockquote,body,code,dd,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],legend,li,main,nav,ol,p,pre,section,table,td,textarea,th,tr,ul{box-sizing:border-box}.aspect-ratio{height:0;position:relative}.aspect-ratio--16x9{padding-bottom:56.25%}.aspect-ratio--9x16{padding-bottom:177.77%}.aspect-ratio--4x3{padding-bottom:75%}.aspect-ratio--3x4{padding-bottom:133.33%}.aspect-ratio--6x4{padding-bottom:66.6%}.aspect-ratio--4x6{padding-bottom:150%}.aspect-ratio--8x5{padding-bottom:62.5%}.aspect-ratio--5x8{padding-bottom:160%}.aspect-ratio--7x5{padding-bottom:71.42%}.aspect-ratio--5x7{padding-bottom:140%}.aspect-ratio--1x1{padding-bottom:100%}.aspect-ratio--object{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}img{max-width:100%}.cover{background-size:cover!important}.contain{background-size:contain!important}.bg-center{background-position:50%}.bg-center,.bg-top{background-repeat:no-repeat}.bg-top{background-position:top}.bg-right{background-position:100%}.bg-bottom,.bg-right{background-repeat:no-repeat}.bg-bottom{background-position:bottom}.bg-left{background-repeat:no-repeat;background-position:0}.outline{outline:1px solid}.outline-transparent{outline:1px solid transparent}.outline-0{outline:0}.ba{border-style:solid;border-width:1px}.bt{border-top-style:solid;border-top-width:1px}.br{border-right-style:solid;border-right-width:1px}.bb{border-bottom-style:solid;border-bottom-width:1px}.bl{border-left-style:solid;border-left-width:1px}.bn{border-style:none;border-width:0}.b--black{border-color:#000}.b--near-black{border-color:#111}.b--dark-gray{border-color:#333}.b--mid-gray{border-color:#555}.b--gray{border-color:#777}.b--silver{border-color:#999}.b--light-silver{border-color:#aaa}.b--moon-gray{border-color:#ccc}.b--light-gray{border-color:#eee}.b--near-white{border-color:#f4f4f4}.b--white{border-color:#fff}.b--white-90{border-color:hsla(0,0%,100%,.9)}.b--white-80{border-color:hsla(0,0%,100%,.8)}.b--white-70{border-color:hsla(0,0%,100%,.7)}.b--white-60{border-color:hsla(0,0%,100%,.6)}.b--white-50{border-color:hsla(0,0%,100%,.5)}.b--white-40{border-color:hsla(0,0%,100%,.4)}.b--white-30{border-color:hsla(0,0%,100%,.3)}.b--white-20{border-color:hsla(0,0%,100%,.2)}.b--white-10{border-color:hsla(0,0%,100%,.1)}.b--white-05{border-color:hsla(0,0%,100%,.05)}.b--white-025{border-color:hsla(0,0%,100%,.025)}.b--white-0125{border-color:hsla(0,0%,100%,.0125)}.b--black-90{border-color:rgba(0,0,0,.9)}.b--black-80{border-color:rgba(0,0,0,.8)}.b--black-70{border-color:rgba(0,0,0,.7)}.b--black-60{border-color:rgba(0,0,0,.6)}.b--black-50{border-color:rgba(0,0,0,.5)}.b--black-40{border-color:rgba(0,0,0,.4)}.b--black-30{border-color:rgba(0,0,0,.3)}.b--black-20{border-color:rgba(0,0,0,.2)}.b--black-10{border-color:rgba(0,0,0,.1)}.b--black-05{border-color:rgba(0,0,0,.05)}.b--black-025{border-color:rgba(0,0,0,.025)}.b--black-0125{border-color:rgba(0,0,0,.0125)}.b--dark-red{border-color:#e7040f}.b--red{border-color:#ff4136}.b--light-red{border-color:#ff725c}.b--orange{border-color:#ff6300}.b--gold{border-color:#ffb700}.b--yellow{border-color:gold}.b--light-yellow{border-color:#fbf1a9}.b--purple{border-color:#5e2ca5}.b--light-purple{border-color:#a463f2}.b--dark-pink{border-color:#d5008f}.b--hot-pink{border-color:#ff41b4}.b--pink{border-color:#ff80cc}.b--light-pink{border-color:#ffa3d7}.b--dark-green{border-color:#137752}.b--green{border-color:#19a974}.b--light-green{border-color:#9eebcf}.b--navy{border-color:#001b44}.b--dark-blue{border-color:#00449e}.b--blue{border-color:#357edd}.b--light-blue{border-color:#96ccff}.b--lightest-blue{border-color:#cdecff}.b--washed-blue{border-color:#f6fffe}.b--washed-green{border-color:#e8fdf5}.b--washed-yellow{border-color:#fffceb}.b--washed-red{border-color:#ffdfdf}.b--transparent{border-color:transparent}.b--inherit{border-color:inherit}.b--initial{border-color:initial}.b--unset{border-color:unset}.br0{border-radius:0}.br1{border-radius:.125rem}.br2{border-radius:.25rem}.br3{border-radius:.5rem}.br4{border-radius:1rem}.br-100{border-radius:100%}.br-pill{border-radius:9999px}.br--bottom{border-top-left-radius:0;border-top-right-radius:0}.br--top{border-bottom-right-radius:0}.br--right,.br--top{border-bottom-left-radius:0}.br--right{border-top-left-radius:0}.br--left{border-top-right-radius:0;border-bottom-right-radius:0}.br-inherit{border-radius:inherit}.br-initial{border-radius:initial}.br-unset{border-radius:unset}.b--dotted{border-style:dotted}.b--dashed{border-style:dashed}.b--solid{border-style:solid}.b--none{border-style:none}.bw0{border-width:0}.bw1{border-width:.125rem}.bw2{border-width:.25rem}.bw3{border-width:.5rem}.bw4{border-width:1rem}.bw5{border-width:2rem}.bt-0{border-top-width:0}.br-0{border-right-width:0}.bb-0{border-bottom-width:0}.bl-0{border-left-width:0}.shadow-1{box-shadow:0 0 4px 2px rgba(0,0,0,.2)}.shadow-2{box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.shadow-3{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}.shadow-4{box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)}.shadow-5{box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}.pre{overflow-x:auto;overflow-y:hidden;overflow:scroll}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-1{top:1rem}.right-1{right:1rem}.bottom-1{bottom:1rem}.left-1{left:1rem}.top-2{top:2rem}.right-2{right:2rem}.bottom-2{bottom:2rem}.left-2{left:2rem}.top--1{top:-1rem}.right--1{right:-1rem}.bottom--1{bottom:-1rem}.left--1{left:-1rem}.top--2{top:-2rem}.right--2{right:-2rem}.bottom--2{bottom:-2rem}.left--2{left:-2rem}.absolute--fill{top:0;right:0;bottom:0;left:0}.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}.cl{clear:left}.cr{clear:right}.cb{clear:both}.cn{clear:none}.dn{display:none}.di{display:inline}.db{display:block}.dib{display:inline-block}.dit{display:inline-table}.dt{display:table}.dtc{display:table-cell}.dt-row{display:table-row}.dt-row-group{display:table-row-group}.dt-column{display:table-column}.dt-column-group{display:table-column-group}.dt--fixed{table-layout:fixed;width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.flex-auto{flex:1 1 auto;min-width:0;min-height:0}.flex-none{flex:none}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-column-reverse{flex-direction:column-reverse}.flex-row-reverse{flex-direction:row-reverse}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-baseline{align-self:baseline}.self-stretch{align-self:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-stretch{align-content:stretch}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-last{order:99999}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.fl{float:left}.fl,.fr{_display:inline}.fr{float:right}.fn{float:none}.sans-serif{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.serif{font-family:georgia,times,serif}.system-sans-serif{font-family:sans-serif}.system-serif{font-family:serif}.code,code{font-family:Consolas,monaco,monospace}.courier{font-family:Courier Next,courier,monospace}.helvetica{font-family:helvetica neue,helvetica,sans-serif}.avenir{font-family:avenir next,avenir,sans-serif}.athelas{font-family:athelas,georgia,serif}.georgia{font-family:georgia,serif}.times{font-family:times,serif}.bodoni{font-family:Bodoni MT,serif}.calisto{font-family:Calisto MT,serif}.garamond{font-family:garamond,serif}.baskerville{font-family:baskerville,serif}.i{font-style:italic}.fs-normal{font-style:normal}.normal{font-weight:400}.b{font-weight:700}.fw1{font-weight:100}.fw2{font-weight:200}.fw3{font-weight:300}.fw4{font-weight:400}.fw5{font-weight:500}.fw6{font-weight:600}.fw7{font-weight:700}.fw8{font-weight:800}.fw9{font-weight:900}.input-reset{-webkit-appearance:none;-moz-appearance:none}.button-reset::-moz-focus-inner,.input-reset::-moz-focus-inner{border:0;padding:0}.h1{height:1rem}.h2{height:2rem}.h3{height:4rem}.h4{height:8rem}.h5{height:16rem}.h-25{height:25%}.h-50{height:50%}.h-75{height:75%}.h-100{height:100%}.min-h-100{min-height:100%}.vh-25{height:25vh}.vh-50{height:50vh}.vh-75{height:75vh}.vh-100{height:100vh}.min-vh-100{min-height:100vh}.h-auto{height:auto}.h-inherit{height:inherit}.tracked{letter-spacing:.1em}.tracked-tight{letter-spacing:-.05em}.tracked-mega{letter-spacing:.25em}.lh-solid{line-height:1}.lh-title{line-height:1.25}.lh-copy{line-height:1.5}.link{text-decoration:none}.link,.link:active,.link:focus,.link:hover,.link:link,.link:visited{transition:color .15s ease-in}.link:focus{outline:1px dotted currentColor}.list{list-style-type:none}.mw-100{max-width:100%}.mw1{max-width:1rem}.mw2{max-width:2rem}.mw3{max-width:4rem}.mw4{max-width:8rem}.mw5{max-width:16rem}.mw6{max-width:32rem}.mw7{max-width:48rem}.mw8{max-width:64rem}.mw9{max-width:96rem}.mw-none{max-width:none}.w1{width:1rem}.w2{width:2rem}.w3{width:4rem}.w4{width:8rem}.w5{width:16rem}.w-10{width:10%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.w-33{width:33%}.w-34{width:34%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-75{width:75%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}.w-third{width:33.33333%}.w-two-thirds{width:66.66667%}.w-auto{width:auto}.overflow-visible{overflow:visible}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.overflow-x-visible{overflow-x:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-visible{overflow-y:visible}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.overflow-y-auto{overflow-y:auto}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.o-100{opacity:1}.o-90{opacity:.9}.o-80{opacity:.8}.o-70{opacity:.7}.o-60{opacity:.6}.o-50{opacity:.5}.o-40{opacity:.4}.o-30{opacity:.3}.o-20{opacity:.2}.o-10{opacity:.1}.o-05{opacity:.05}.o-025{opacity:.025}.o-0{opacity:0}.rotate-45{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.black-90{color:rgba(0,0,0,.9)}.black-80{color:rgba(0,0,0,.8)}.black-70{color:rgba(0,0,0,.7)}.black-60{color:rgba(0,0,0,.6)}.black-50{color:rgba(0,0,0,.5)}.black-40{color:rgba(0,0,0,.4)}.black-30{color:rgba(0,0,0,.3)}.black-20{color:rgba(0,0,0,.2)}.black-10{color:rgba(0,0,0,.1)}.black-05{color:rgba(0,0,0,.05)}.white-90{color:hsla(0,0%,100%,.9)}.white-80{color:hsla(0,0%,100%,.8)}.white-70{color:hsla(0,0%,100%,.7)}.white-60{color:hsla(0,0%,100%,.6)}.white-50{color:hsla(0,0%,100%,.5)}.white-40{color:hsla(0,0%,100%,.4)}.white-30{color:hsla(0,0%,100%,.3)}.white-20{color:hsla(0,0%,100%,.2)}.white-10{color:hsla(0,0%,100%,.1)}.black{color:#000}.near-black{color:#111}.dark-gray{color:#333}.mid-gray{color:#555}.gray{color:#777}.silver{color:#999}.light-silver{color:#aaa}.moon-gray{color:#ccc}.light-gray{color:#eee}.near-white{color:#f4f4f4}.white{color:#fff}.dark-red{color:#e7040f}.red{color:#ff4136}.light-red{color:#ff725c}.orange{color:#ff6300}.gold{color:#ffb700}.yellow{color:gold}.light-yellow{color:#fbf1a9}.purple{color:#5e2ca5}.light-purple{color:#a463f2}.dark-pink{color:#d5008f}.hot-pink{color:#ff41b4}.pink{color:#ff80cc}.light-pink{color:#ffa3d7}.dark-green{color:#137752}.green{color:#19a974}.light-green{color:#9eebcf}.navy{color:#001b44}.dark-blue{color:#00449e}.blue{color:#357edd}.light-blue{color:#96ccff}.lightest-blue{color:#cdecff}.washed-blue{color:#f6fffe}.washed-green{color:#e8fdf5}.washed-yellow{color:#fffceb}.washed-red{color:#ffdfdf}.color-inherit{color:inherit}.bg-black-90{background-color:rgba(0,0,0,.9)}.bg-black-80{background-color:rgba(0,0,0,.8)}.bg-black-70{background-color:rgba(0,0,0,.7)}.bg-black-60{background-color:rgba(0,0,0,.6)}.bg-black-50{background-color:rgba(0,0,0,.5)}.bg-black-40{background-color:rgba(0,0,0,.4)}.bg-black-30{background-color:rgba(0,0,0,.3)}.bg-black-20{background-color:rgba(0,0,0,.2)}.bg-black-10{background-color:rgba(0,0,0,.1)}.bg-black-05{background-color:rgba(0,0,0,.05)}.bg-white-90{background-color:hsla(0,0%,100%,.9)}.bg-white-80{background-color:hsla(0,0%,100%,.8)}.bg-white-70{background-color:hsla(0,0%,100%,.7)}.bg-white-60{background-color:hsla(0,0%,100%,.6)}.bg-white-50{background-color:hsla(0,0%,100%,.5)}.bg-white-40{background-color:hsla(0,0%,100%,.4)}.bg-white-30{background-color:hsla(0,0%,100%,.3)}.bg-white-20{background-color:hsla(0,0%,100%,.2)}.bg-white-10{background-color:hsla(0,0%,100%,.1)}.bg-black{background-color:#000}.bg-near-black{background-color:#111}.bg-dark-gray{background-color:#333}.bg-mid-gray{background-color:#555}.bg-gray{background-color:#777}.bg-silver{background-color:#999}.bg-light-silver{background-color:#aaa}.bg-moon-gray{background-color:#ccc}.bg-light-gray{background-color:#eee}.bg-near-white{background-color:#f4f4f4}.bg-white{background-color:#fff}.bg-transparent{background-color:transparent}.bg-dark-red{background-color:#e7040f}.bg-red{background-color:#ff4136}.bg-light-red{background-color:#ff725c}.bg-orange{background-color:#ff6300}.bg-gold{background-color:#ffb700}.bg-yellow{background-color:gold}.bg-light-yellow{background-color:#fbf1a9}.bg-purple{background-color:#5e2ca5}.bg-light-purple{background-color:#a463f2}.bg-dark-pink{background-color:#d5008f}.bg-hot-pink{background-color:#ff41b4}.bg-pink{background-color:#ff80cc}.bg-light-pink{background-color:#ffa3d7}.bg-dark-green{background-color:#137752}.bg-green{background-color:#19a974}.bg-light-green{background-color:#9eebcf}.bg-navy{background-color:#001b44}.bg-dark-blue{background-color:#00449e}.bg-blue{background-color:#357edd}.bg-light-blue{background-color:#96ccff}.bg-lightest-blue{background-color:#cdecff}.bg-washed-blue{background-color:#f6fffe}.bg-washed-green{background-color:#e8fdf5}.bg-washed-yellow{background-color:#fffceb}.bg-washed-red{background-color:#ffdfdf}.bg-inherit{background-color:inherit}.hover-black:focus,.hover-black:hover{color:#000}.hover-near-black:focus,.hover-near-black:hover{color:#111}.hover-dark-gray:focus,.hover-dark-gray:hover{color:#333}.hover-mid-gray:focus,.hover-mid-gray:hover{color:#555}.hover-gray:focus,.hover-gray:hover{color:#777}.hover-silver:focus,.hover-silver:hover{color:#999}.hover-light-silver:focus,.hover-light-silver:hover{color:#aaa}.hover-moon-gray:focus,.hover-moon-gray:hover{color:#ccc}.hover-light-gray:focus,.hover-light-gray:hover{color:#eee}.hover-near-white:focus,.hover-near-white:hover{color:#f4f4f4}.hover-white:focus,.hover-white:hover{color:#fff}.hover-black-90:focus,.hover-black-90:hover{color:rgba(0,0,0,.9)}.hover-black-80:focus,.hover-black-80:hover{color:rgba(0,0,0,.8)}.hover-black-70:focus,.hover-black-70:hover{color:rgba(0,0,0,.7)}.hover-black-60:focus,.hover-black-60:hover{color:rgba(0,0,0,.6)}.hover-black-50:focus,.hover-black-50:hover{color:rgba(0,0,0,.5)}.hover-black-40:focus,.hover-black-40:hover{color:rgba(0,0,0,.4)}.hover-black-30:focus,.hover-black-30:hover{color:rgba(0,0,0,.3)}.hover-black-20:focus,.hover-black-20:hover{color:rgba(0,0,0,.2)}.hover-black-10:focus,.hover-black-10:hover{color:rgba(0,0,0,.1)}.hover-white-90:focus,.hover-white-90:hover{color:hsla(0,0%,100%,.9)}.hover-white-80:focus,.hover-white-80:hover{color:hsla(0,0%,100%,.8)}.hover-white-70:focus,.hover-white-70:hover{color:hsla(0,0%,100%,.7)}.hover-white-60:focus,.hover-white-60:hover{color:hsla(0,0%,100%,.6)}.hover-white-50:focus,.hover-white-50:hover{color:hsla(0,0%,100%,.5)}.hover-white-40:focus,.hover-white-40:hover{color:hsla(0,0%,100%,.4)}.hover-white-30:focus,.hover-white-30:hover{color:hsla(0,0%,100%,.3)}.hover-white-20:focus,.hover-white-20:hover{color:hsla(0,0%,100%,.2)}.hover-white-10:focus,.hover-white-10:hover{color:hsla(0,0%,100%,.1)}.hover-inherit:focus,.hover-inherit:hover{color:inherit}.hover-bg-black:focus,.hover-bg-black:hover{background-color:#000}.hover-bg-near-black:focus,.hover-bg-near-black:hover{background-color:#111}.hover-bg-dark-gray:focus,.hover-bg-dark-gray:hover{background-color:#333}.hover-bg-mid-gray:focus,.hover-bg-mid-gray:hover{background-color:#555}.hover-bg-gray:focus,.hover-bg-gray:hover{background-color:#777}.hover-bg-silver:focus,.hover-bg-silver:hover{background-color:#999}.hover-bg-light-silver:focus,.hover-bg-light-silver:hover{background-color:#aaa}.hover-bg-moon-gray:focus,.hover-bg-moon-gray:hover{background-color:#ccc}.hover-bg-light-gray:focus,.hover-bg-light-gray:hover{background-color:#eee}.hover-bg-near-white:focus,.hover-bg-near-white:hover{background-color:#f4f4f4}.hover-bg-white:focus,.hover-bg-white:hover{background-color:#fff}.hover-bg-transparent:focus,.hover-bg-transparent:hover{background-color:transparent}.hover-bg-black-90:focus,.hover-bg-black-90:hover{background-color:rgba(0,0,0,.9)}.hover-bg-black-80:focus,.hover-bg-black-80:hover{background-color:rgba(0,0,0,.8)}.hover-bg-black-70:focus,.hover-bg-black-70:hover{background-color:rgba(0,0,0,.7)}.hover-bg-black-60:focus,.hover-bg-black-60:hover{background-color:rgba(0,0,0,.6)}.hover-bg-black-50:focus,.hover-bg-black-50:hover{background-color:rgba(0,0,0,.5)}.hover-bg-black-40:focus,.hover-bg-black-40:hover{background-color:rgba(0,0,0,.4)}.hover-bg-black-30:focus,.hover-bg-black-30:hover{background-color:rgba(0,0,0,.3)}.hover-bg-black-20:focus,.hover-bg-black-20:hover{background-color:rgba(0,0,0,.2)}.hover-bg-black-10:focus,.hover-bg-black-10:hover{background-color:rgba(0,0,0,.1)}.hover-bg-white-90:focus,.hover-bg-white-90:hover{background-color:hsla(0,0%,100%,.9)}.hover-bg-white-80:focus,.hover-bg-white-80:hover{background-color:hsla(0,0%,100%,.8)}.hover-bg-white-70:focus,.hover-bg-white-70:hover{background-color:hsla(0,0%,100%,.7)}.hover-bg-white-60:focus,.hover-bg-white-60:hover{background-color:hsla(0,0%,100%,.6)}.hover-bg-white-50:focus,.hover-bg-white-50:hover{background-color:hsla(0,0%,100%,.5)}.hover-bg-white-40:focus,.hover-bg-white-40:hover{background-color:hsla(0,0%,100%,.4)}.hover-bg-white-30:focus,.hover-bg-white-30:hover{background-color:hsla(0,0%,100%,.3)}.hover-bg-white-20:focus,.hover-bg-white-20:hover{background-color:hsla(0,0%,100%,.2)}.hover-bg-white-10:focus,.hover-bg-white-10:hover{background-color:hsla(0,0%,100%,.1)}.hover-dark-red:focus,.hover-dark-red:hover{color:#e7040f}.hover-red:focus,.hover-red:hover{color:#ff4136}.hover-light-red:focus,.hover-light-red:hover{color:#ff725c}.hover-orange:focus,.hover-orange:hover{color:#ff6300}.hover-gold:focus,.hover-gold:hover{color:#ffb700}.hover-yellow:focus,.hover-yellow:hover{color:gold}.hover-light-yellow:focus,.hover-light-yellow:hover{color:#fbf1a9}.hover-purple:focus,.hover-purple:hover{color:#5e2ca5}.hover-light-purple:focus,.hover-light-purple:hover{color:#a463f2}.hover-dark-pink:focus,.hover-dark-pink:hover{color:#d5008f}.hover-hot-pink:focus,.hover-hot-pink:hover{color:#ff41b4}.hover-pink:focus,.hover-pink:hover{color:#ff80cc}.hover-light-pink:focus,.hover-light-pink:hover{color:#ffa3d7}.hover-dark-green:focus,.hover-dark-green:hover{color:#137752}.hover-green:focus,.hover-green:hover{color:#19a974}.hover-light-green:focus,.hover-light-green:hover{color:#9eebcf}.hover-navy:focus,.hover-navy:hover{color:#001b44}.hover-dark-blue:focus,.hover-dark-blue:hover{color:#00449e}.hover-blue:focus,.hover-blue:hover{color:#357edd}.hover-light-blue:focus,.hover-light-blue:hover{color:#96ccff}.hover-lightest-blue:focus,.hover-lightest-blue:hover{color:#cdecff}.hover-washed-blue:focus,.hover-washed-blue:hover{color:#f6fffe}.hover-washed-green:focus,.hover-washed-green:hover{color:#e8fdf5}.hover-washed-yellow:focus,.hover-washed-yellow:hover{color:#fffceb}.hover-washed-red:focus,.hover-washed-red:hover{color:#ffdfdf}.hover-bg-dark-red:focus,.hover-bg-dark-red:hover{background-color:#e7040f}.hover-bg-red:focus,.hover-bg-red:hover{background-color:#ff4136}.hover-bg-light-red:focus,.hover-bg-light-red:hover{background-color:#ff725c}.hover-bg-orange:focus,.hover-bg-orange:hover{background-color:#ff6300}.hover-bg-gold:focus,.hover-bg-gold:hover{background-color:#ffb700}.hover-bg-yellow:focus,.hover-bg-yellow:hover{background-color:gold}.hover-bg-light-yellow:focus,.hover-bg-light-yellow:hover{background-color:#fbf1a9}.hover-bg-purple:focus,.hover-bg-purple:hover{background-color:#5e2ca5}.hover-bg-light-purple:focus,.hover-bg-light-purple:hover{background-color:#a463f2}.hover-bg-dark-pink:focus,.hover-bg-dark-pink:hover{background-color:#d5008f}.hover-bg-hot-pink:focus,.hover-bg-hot-pink:hover{background-color:#ff41b4}.hover-bg-pink:focus,.hover-bg-pink:hover{background-color:#ff80cc}.hover-bg-light-pink:focus,.hover-bg-light-pink:hover{background-color:#ffa3d7}.hover-bg-dark-green:focus,.hover-bg-dark-green:hover{background-color:#137752}.hover-bg-green:focus,.hover-bg-green:hover{background-color:#19a974}.hover-bg-light-green:focus,.hover-bg-light-green:hover{background-color:#9eebcf}.hover-bg-navy:focus,.hover-bg-navy:hover{background-color:#001b44}.hover-bg-dark-blue:focus,.hover-bg-dark-blue:hover{background-color:#00449e}.hover-bg-blue:focus,.hover-bg-blue:hover{background-color:#357edd}.hover-bg-light-blue:focus,.hover-bg-light-blue:hover{background-color:#96ccff}.hover-bg-lightest-blue:focus,.hover-bg-lightest-blue:hover{background-color:#cdecff}.hover-bg-washed-blue:focus,.hover-bg-washed-blue:hover{background-color:#f6fffe}.hover-bg-washed-green:focus,.hover-bg-washed-green:hover{background-color:#e8fdf5}.hover-bg-washed-yellow:focus,.hover-bg-washed-yellow:hover{background-color:#fffceb}.hover-bg-washed-red:focus,.hover-bg-washed-red:hover{background-color:#ffdfdf}.hover-bg-inherit:focus,.hover-bg-inherit:hover{background-color:inherit}.pa0{padding:0}.pa1{padding:.25rem}.pa2{padding:.5rem}.pa3{padding:1rem}.pa4{padding:2rem}.pa5{padding:4rem}.pa6{padding:8rem}.pa7{padding:16rem}.pl0{padding-left:0}.pl1{padding-left:.25rem}.pl2{padding-left:.5rem}.pl3{padding-left:1rem}.pl4{padding-left:2rem}.pl5{padding-left:4rem}.pl6{padding-left:8rem}.pl7{padding-left:16rem}.pr0{padding-right:0}.pr1{padding-right:.25rem}.pr2{padding-right:.5rem}.pr3{padding-right:1rem}.pr4{padding-right:2rem}.pr5{padding-right:4rem}.pr6{padding-right:8rem}.pr7{padding-right:16rem}.pb0{padding-bottom:0}.pb1{padding-bottom:.25rem}.pb2{padding-bottom:.5rem}.pb3{padding-bottom:1rem}.pb4{padding-bottom:2rem}.pb5{padding-bottom:4rem}.pb6{padding-bottom:8rem}.pb7{padding-bottom:16rem}.pt0{padding-top:0}.pt1{padding-top:.25rem}.pt2{padding-top:.5rem}.pt3{padding-top:1rem}.pt4{padding-top:2rem}.pt5{padding-top:4rem}.pt6{padding-top:8rem}.pt7{padding-top:16rem}.pv0{padding-top:0;padding-bottom:0}.pv1{padding-top:.25rem;padding-bottom:.25rem}.pv2{padding-top:.5rem;padding-bottom:.5rem}.pv3{padding-top:1rem;padding-bottom:1rem}.pv4{padding-top:2rem;padding-bottom:2rem}.pv5{padding-top:4rem;padding-bottom:4rem}.pv6{padding-top:8rem;padding-bottom:8rem}.pv7{padding-top:16rem;padding-bottom:16rem}.ph0{padding-left:0;padding-right:0}.ph1{padding-left:.25rem;padding-right:.25rem}.ph2{padding-left:.5rem;padding-right:.5rem}.ph3{padding-left:1rem;padding-right:1rem}.ph4{padding-left:2rem;padding-right:2rem}.ph5{padding-left:4rem;padding-right:4rem}.ph6{padding-left:8rem;padding-right:8rem}.ph7{padding-left:16rem;padding-right:16rem}.ma0{margin:0}.ma1{margin:.25rem}.ma2{margin:.5rem}.ma3{margin:1rem}.ma4{margin:2rem}.ma5{margin:4rem}.ma6{margin:8rem}.ma7{margin:16rem}.ml0{margin-left:0}.ml1{margin-left:.25rem}.ml2{margin-left:.5rem}.ml3{margin-left:1rem}.ml4{margin-left:2rem}.ml5{margin-left:4rem}.ml6{margin-left:8rem}.ml7{margin-left:16rem}.mr0{margin-right:0}.mr1{margin-right:.25rem}.mr2{margin-right:.5rem}.mr3{margin-right:1rem}.mr4{margin-right:2rem}.mr5{margin-right:4rem}.mr6{margin-right:8rem}.mr7{margin-right:16rem}.mb0{margin-bottom:0}.mb1{margin-bottom:.25rem}.mb2{margin-bottom:.5rem}.mb3{margin-bottom:1rem}.mb4{margin-bottom:2rem}.mb5{margin-bottom:4rem}.mb6{margin-bottom:8rem}.mb7{margin-bottom:16rem}.mt0{margin-top:0}.mt1{margin-top:.25rem}.mt2{margin-top:.5rem}.mt3{margin-top:1rem}.mt4{margin-top:2rem}.mt5{margin-top:4rem}.mt6{margin-top:8rem}.mt7{margin-top:16rem}.mv0{margin-top:0;margin-bottom:0}.mv1{margin-top:.25rem;margin-bottom:.25rem}.mv2{margin-top:.5rem;margin-bottom:.5rem}.mv3{margin-top:1rem;margin-bottom:1rem}.mv4{margin-top:2rem;margin-bottom:2rem}.mv5{margin-top:4rem;margin-bottom:4rem}.mv6{margin-top:8rem;margin-bottom:8rem}.mv7{margin-top:16rem;margin-bottom:16rem}.mh0{margin-left:0;margin-right:0}.mh1{margin-left:.25rem;margin-right:.25rem}.mh2{margin-left:.5rem;margin-right:.5rem}.mh3{margin-left:1rem;margin-right:1rem}.mh4{margin-left:2rem;margin-right:2rem}.mh5{margin-left:4rem;margin-right:4rem}.mh6{margin-left:8rem;margin-right:8rem}.mh7{margin-left:16rem;margin-right:16rem}.na1{margin:-.25rem}.na2{margin:-.5rem}.na3{margin:-1rem}.na4{margin:-2rem}.na5{margin:-4rem}.na6{margin:-8rem}.na7{margin:-16rem}.nl1{margin-left:-.25rem}.nl2{margin-left:-.5rem}.nl3{margin-left:-1rem}.nl4{margin-left:-2rem}.nl5{margin-left:-4rem}.nl6{margin-left:-8rem}.nl7{margin-left:-16rem}.nr1{margin-right:-.25rem}.nr2{margin-right:-.5rem}.nr3{margin-right:-1rem}.nr4{margin-right:-2rem}.nr5{margin-right:-4rem}.nr6{margin-right:-8rem}.nr7{margin-right:-16rem}.nb1{margin-bottom:-.25rem}.nb2{margin-bottom:-.5rem}.nb3{margin-bottom:-1rem}.nb4{margin-bottom:-2rem}.nb5{margin-bottom:-4rem}.nb6{margin-bottom:-8rem}.nb7{margin-bottom:-16rem}.nt1{margin-top:-.25rem}.nt2{margin-top:-.5rem}.nt3{margin-top:-1rem}.nt4{margin-top:-2rem}.nt5{margin-top:-4rem}.nt6{margin-top:-8rem}.nt7{margin-top:-16rem}.collapse{border-collapse:collapse;border-spacing:0}.striped--light-silver:nth-child(odd){background-color:#aaa}.striped--moon-gray:nth-child(odd){background-color:#ccc}.striped--light-gray:nth-child(odd){background-color:#eee}.striped--near-white:nth-child(odd){background-color:#f4f4f4}.stripe-light:nth-child(odd){background-color:hsla(0,0%,100%,.1)}.stripe-dark:nth-child(odd){background-color:rgba(0,0,0,.1)}.strike{text-decoration:line-through}.underline{text-decoration:underline}.no-underline{text-decoration:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.tj{text-align:justify}.ttc{text-transform:capitalize}.ttl{text-transform:lowercase}.ttu{text-transform:uppercase}.ttn{text-transform:none}.f-6,.f-headline{font-size:6rem}.f-5,.f-subheadline{font-size:5rem}.f1{font-size:3rem}.f2{font-size:2.25rem}.f3{font-size:1.5rem}.f4{font-size:1.25rem}.f5{font-size:1rem}.f6{font-size:.875rem}.f7{font-size:.75rem}.measure{max-width:30em}.measure-wide{max-width:34em}.measure-narrow{max-width:20em}.indent{text-indent:1em;margin-top:0;margin-bottom:0}.small-caps{font-variant:small-caps}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-container{overflow-y:scroll}.center{margin-left:auto}.center,.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.clip{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal{white-space:normal}.nowrap{white-space:nowrap}.pre{white-space:pre}.v-base{vertical-align:baseline}.v-mid{vertical-align:middle}.v-top{vertical-align:top}.v-btm{vertical-align:bottom}.dim{opacity:1}.dim,.dim:focus,.dim:hover{transition:opacity .15s ease-in}.dim:focus,.dim:hover{opacity:.5}.dim:active{opacity:.8;transition:opacity .15s ease-out}.glow,.glow:focus,.glow:hover{transition:opacity .15s ease-in}.glow:focus,.glow:hover{opacity:1}.hide-child .child{opacity:0;transition:opacity .15s ease-in}.hide-child:active .child,.hide-child:focus .child,.hide-child:hover .child{opacity:1;transition:opacity .15s ease-in}.underline-hover:focus,.underline-hover:hover{text-decoration:underline}.grow{-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.grow:focus,.grow:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.grow:active{-webkit-transform:scale(.9);transform:scale(.9)}.grow-large{-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.grow-large:focus,.grow-large:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.grow-large:active{-webkit-transform:scale(.95);transform:scale(.95)}.pointer:hover,.shadow-hover{cursor:pointer}.shadow-hover{position:relative;transition:all .5s cubic-bezier(.165,.84,.44,1)}.shadow-hover:after{content:"";box-shadow:0 0 16px 2px rgba(0,0,0,.2);border-radius:inherit;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transition:opacity .5s cubic-bezier(.165,.84,.44,1)}.shadow-hover:focus:after,.shadow-hover:hover:after{opacity:1}.bg-animate,.bg-animate:focus,.bg-animate:hover{transition:background-color .15s ease-in-out}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-4{z-index:4}.z-5{z-index:5}.z-999{z-index:999}.z-9999{z-index:9999}.z-max{z-index:2147483647}.z-inherit{z-index:inherit}.z-initial{z-index:auto}.z-unset{z-index:unset}.nested-copy-line-height ol,.nested-copy-line-height p,.nested-copy-line-height ul{line-height:1.5}.nested-headline-line-height h1,.nested-headline-line-height h2,.nested-headline-line-height h3,.nested-headline-line-height h4,.nested-headline-line-height h5,.nested-headline-line-height h6{line-height:1.25}.nested-list-reset ol,.nested-list-reset ul{padding-left:0;margin-left:0;list-style-type:none}.nested-copy-indent p+p{text-indent:1em;margin-top:0;margin-bottom:0}.nested-copy-separator p+p{margin-top:1.5em}.nested-img img{width:100%;max-width:100%;display:block}.nested-links a{color:#357edd;transition:color .15s ease-in}.nested-links a:focus,.nested-links a:hover{color:#96ccff;transition:color .15s ease-in}.debug *{outline:1px solid gold}.debug-white *{outline:1px solid #fff}.debug-black *{outline:1px solid #000}.debug-grid{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII=) repeat 0 0}.debug-grid-16{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII=) repeat 0 0}.debug-grid-8-solid{background:#fff url(data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw==) repeat 0 0}.debug-grid-16-solid{background:#fff url(data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7) repeat 0 0}@media screen and (min-width:30em){.aspect-ratio-ns{height:0;position:relative}.aspect-ratio--16x9-ns{padding-bottom:56.25%}.aspect-ratio--9x16-ns{padding-bottom:177.77%}.aspect-ratio--4x3-ns{padding-bottom:75%}.aspect-ratio--3x4-ns{padding-bottom:133.33%}.aspect-ratio--6x4-ns{padding-bottom:66.6%}.aspect-ratio--4x6-ns{padding-bottom:150%}.aspect-ratio--8x5-ns{padding-bottom:62.5%}.aspect-ratio--5x8-ns{padding-bottom:160%}.aspect-ratio--7x5-ns{padding-bottom:71.42%}.aspect-ratio--5x7-ns{padding-bottom:140%}.aspect-ratio--1x1-ns{padding-bottom:100%}.aspect-ratio--object-ns{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}.cover-ns{background-size:cover!important}.contain-ns{background-size:contain!important}.bg-center-ns{background-position:50%}.bg-center-ns,.bg-top-ns{background-repeat:no-repeat}.bg-top-ns{background-position:top}.bg-right-ns{background-position:100%}.bg-bottom-ns,.bg-right-ns{background-repeat:no-repeat}.bg-bottom-ns{background-position:bottom}.bg-left-ns{background-repeat:no-repeat;background-position:0}.outline-ns{outline:1px solid}.outline-transparent-ns{outline:1px solid transparent}.outline-0-ns{outline:0}.ba-ns{border-style:solid;border-width:1px}.bt-ns{border-top-style:solid;border-top-width:1px}.br-ns{border-right-style:solid;border-right-width:1px}.bb-ns{border-bottom-style:solid;border-bottom-width:1px}.bl-ns{border-left-style:solid;border-left-width:1px}.bn-ns{border-style:none;border-width:0}.br0-ns{border-radius:0}.br1-ns{border-radius:.125rem}.br2-ns{border-radius:.25rem}.br3-ns{border-radius:.5rem}.br4-ns{border-radius:1rem}.br-100-ns{border-radius:100%}.br-pill-ns{border-radius:9999px}.br--bottom-ns{border-top-left-radius:0;border-top-right-radius:0}.br--top-ns{border-bottom-right-radius:0}.br--right-ns,.br--top-ns{border-bottom-left-radius:0}.br--right-ns{border-top-left-radius:0}.br--left-ns{border-top-right-radius:0;border-bottom-right-radius:0}.br-inherit-ns{border-radius:inherit}.br-initial-ns{border-radius:initial}.br-unset-ns{border-radius:unset}.b--dotted-ns{border-style:dotted}.b--dashed-ns{border-style:dashed}.b--solid-ns{border-style:solid}.b--none-ns{border-style:none}.bw0-ns{border-width:0}.bw1-ns{border-width:.125rem}.bw2-ns{border-width:.25rem}.bw3-ns{border-width:.5rem}.bw4-ns{border-width:1rem}.bw5-ns{border-width:2rem}.bt-0-ns{border-top-width:0}.br-0-ns{border-right-width:0}.bb-0-ns{border-bottom-width:0}.bl-0-ns{border-left-width:0}.shadow-1-ns{box-shadow:0 0 4px 2px rgba(0,0,0,.2)}.shadow-2-ns{box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.shadow-3-ns{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}.shadow-4-ns{box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)}.shadow-5-ns{box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}.top-0-ns{top:0}.left-0-ns{left:0}.right-0-ns{right:0}.bottom-0-ns{bottom:0}.top-1-ns{top:1rem}.left-1-ns{left:1rem}.right-1-ns{right:1rem}.bottom-1-ns{bottom:1rem}.top-2-ns{top:2rem}.left-2-ns{left:2rem}.right-2-ns{right:2rem}.bottom-2-ns{bottom:2rem}.top--1-ns{top:-1rem}.right--1-ns{right:-1rem}.bottom--1-ns{bottom:-1rem}.left--1-ns{left:-1rem}.top--2-ns{top:-2rem}.right--2-ns{right:-2rem}.bottom--2-ns{bottom:-2rem}.left--2-ns{left:-2rem}.absolute--fill-ns{top:0;right:0;bottom:0;left:0}.cl-ns{clear:left}.cr-ns{clear:right}.cb-ns{clear:both}.cn-ns{clear:none}.dn-ns{display:none}.di-ns{display:inline}.db-ns{display:block}.dib-ns{display:inline-block}.dit-ns{display:inline-table}.dt-ns{display:table}.dtc-ns{display:table-cell}.dt-row-ns{display:table-row}.dt-row-group-ns{display:table-row-group}.dt-column-ns{display:table-column}.dt-column-group-ns{display:table-column-group}.dt--fixed-ns{table-layout:fixed;width:100%}.flex-ns{display:flex}.inline-flex-ns{display:inline-flex}.flex-auto-ns{flex:1 1 auto;min-width:0;min-height:0}.flex-none-ns{flex:none}.flex-column-ns{flex-direction:column}.flex-row-ns{flex-direction:row}.flex-wrap-ns{flex-wrap:wrap}.flex-nowrap-ns{flex-wrap:nowrap}.flex-wrap-reverse-ns{flex-wrap:wrap-reverse}.flex-column-reverse-ns{flex-direction:column-reverse}.flex-row-reverse-ns{flex-direction:row-reverse}.items-start-ns{align-items:flex-start}.items-end-ns{align-items:flex-end}.items-center-ns{align-items:center}.items-baseline-ns{align-items:baseline}.items-stretch-ns{align-items:stretch}.self-start-ns{align-self:flex-start}.self-end-ns{align-self:flex-end}.self-center-ns{align-self:center}.self-baseline-ns{align-self:baseline}.self-stretch-ns{align-self:stretch}.justify-start-ns{justify-content:flex-start}.justify-end-ns{justify-content:flex-end}.justify-center-ns{justify-content:center}.justify-between-ns{justify-content:space-between}.justify-around-ns{justify-content:space-around}.content-start-ns{align-content:flex-start}.content-end-ns{align-content:flex-end}.content-center-ns{align-content:center}.content-between-ns{align-content:space-between}.content-around-ns{align-content:space-around}.content-stretch-ns{align-content:stretch}.order-0-ns{order:0}.order-1-ns{order:1}.order-2-ns{order:2}.order-3-ns{order:3}.order-4-ns{order:4}.order-5-ns{order:5}.order-6-ns{order:6}.order-7-ns{order:7}.order-8-ns{order:8}.order-last-ns{order:99999}.flex-grow-0-ns{flex-grow:0}.flex-grow-1-ns{flex-grow:1}.flex-shrink-0-ns{flex-shrink:0}.flex-shrink-1-ns{flex-shrink:1}.fl-ns{float:left}.fl-ns,.fr-ns{_display:inline}.fr-ns{float:right}.fn-ns{float:none}.i-ns{font-style:italic}.fs-normal-ns{font-style:normal}.normal-ns{font-weight:400}.b-ns{font-weight:700}.fw1-ns{font-weight:100}.fw2-ns{font-weight:200}.fw3-ns{font-weight:300}.fw4-ns{font-weight:400}.fw5-ns{font-weight:500}.fw6-ns{font-weight:600}.fw7-ns{font-weight:700}.fw8-ns{font-weight:800}.fw9-ns{font-weight:900}.h1-ns{height:1rem}.h2-ns{height:2rem}.h3-ns{height:4rem}.h4-ns{height:8rem}.h5-ns{height:16rem}.h-25-ns{height:25%}.h-50-ns{height:50%}.h-75-ns{height:75%}.h-100-ns{height:100%}.min-h-100-ns{min-height:100%}.vh-25-ns{height:25vh}.vh-50-ns{height:50vh}.vh-75-ns{height:75vh}.vh-100-ns{height:100vh}.min-vh-100-ns{min-height:100vh}.h-auto-ns{height:auto}.h-inherit-ns{height:inherit}.tracked-ns{letter-spacing:.1em}.tracked-tight-ns{letter-spacing:-.05em}.tracked-mega-ns{letter-spacing:.25em}.lh-solid-ns{line-height:1}.lh-title-ns{line-height:1.25}.lh-copy-ns{line-height:1.5}.mw-100-ns{max-width:100%}.mw1-ns{max-width:1rem}.mw2-ns{max-width:2rem}.mw3-ns{max-width:4rem}.mw4-ns{max-width:8rem}.mw5-ns{max-width:16rem}.mw6-ns{max-width:32rem}.mw7-ns{max-width:48rem}.mw8-ns{max-width:64rem}.mw9-ns{max-width:96rem}.mw-none-ns{max-width:none}.w1-ns{width:1rem}.w2-ns{width:2rem}.w3-ns{width:4rem}.w4-ns{width:8rem}.w5-ns{width:16rem}.w-10-ns{width:10%}.w-20-ns{width:20%}.w-25-ns{width:25%}.w-30-ns{width:30%}.w-33-ns{width:33%}.w-34-ns{width:34%}.w-40-ns{width:40%}.w-50-ns{width:50%}.w-60-ns{width:60%}.w-70-ns{width:70%}.w-75-ns{width:75%}.w-80-ns{width:80%}.w-90-ns{width:90%}.w-100-ns{width:100%}.w-third-ns{width:33.33333%}.w-two-thirds-ns{width:66.66667%}.w-auto-ns{width:auto}.overflow-visible-ns{overflow:visible}.overflow-hidden-ns{overflow:hidden}.overflow-scroll-ns{overflow:scroll}.overflow-auto-ns{overflow:auto}.overflow-x-visible-ns{overflow-x:visible}.overflow-x-hidden-ns{overflow-x:hidden}.overflow-x-scroll-ns{overflow-x:scroll}.overflow-x-auto-ns{overflow-x:auto}.overflow-y-visible-ns{overflow-y:visible}.overflow-y-hidden-ns{overflow-y:hidden}.overflow-y-scroll-ns{overflow-y:scroll}.overflow-y-auto-ns{overflow-y:auto}.static-ns{position:static}.relative-ns{position:relative}.absolute-ns{position:absolute}.fixed-ns{position:fixed}.rotate-45-ns{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90-ns{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135-ns{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180-ns{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225-ns{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270-ns{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315-ns{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.pa0-ns{padding:0}.pa1-ns{padding:.25rem}.pa2-ns{padding:.5rem}.pa3-ns{padding:1rem}.pa4-ns{padding:2rem}.pa5-ns{padding:4rem}.pa6-ns{padding:8rem}.pa7-ns{padding:16rem}.pl0-ns{padding-left:0}.pl1-ns{padding-left:.25rem}.pl2-ns{padding-left:.5rem}.pl3-ns{padding-left:1rem}.pl4-ns{padding-left:2rem}.pl5-ns{padding-left:4rem}.pl6-ns{padding-left:8rem}.pl7-ns{padding-left:16rem}.pr0-ns{padding-right:0}.pr1-ns{padding-right:.25rem}.pr2-ns{padding-right:.5rem}.pr3-ns{padding-right:1rem}.pr4-ns{padding-right:2rem}.pr5-ns{padding-right:4rem}.pr6-ns{padding-right:8rem}.pr7-ns{padding-right:16rem}.pb0-ns{padding-bottom:0}.pb1-ns{padding-bottom:.25rem}.pb2-ns{padding-bottom:.5rem}.pb3-ns{padding-bottom:1rem}.pb4-ns{padding-bottom:2rem}.pb5-ns{padding-bottom:4rem}.pb6-ns{padding-bottom:8rem}.pb7-ns{padding-bottom:16rem}.pt0-ns{padding-top:0}.pt1-ns{padding-top:.25rem}.pt2-ns{padding-top:.5rem}.pt3-ns{padding-top:1rem}.pt4-ns{padding-top:2rem}.pt5-ns{padding-top:4rem}.pt6-ns{padding-top:8rem}.pt7-ns{padding-top:16rem}.pv0-ns{padding-top:0;padding-bottom:0}.pv1-ns{padding-top:.25rem;padding-bottom:.25rem}.pv2-ns{padding-top:.5rem;padding-bottom:.5rem}.pv3-ns{padding-top:1rem;padding-bottom:1rem}.pv4-ns{padding-top:2rem;padding-bottom:2rem}.pv5-ns{padding-top:4rem;padding-bottom:4rem}.pv6-ns{padding-top:8rem;padding-bottom:8rem}.pv7-ns{padding-top:16rem;padding-bottom:16rem}.ph0-ns{padding-left:0;padding-right:0}.ph1-ns{padding-left:.25rem;padding-right:.25rem}.ph2-ns{padding-left:.5rem;padding-right:.5rem}.ph3-ns{padding-left:1rem;padding-right:1rem}.ph4-ns{padding-left:2rem;padding-right:2rem}.ph5-ns{padding-left:4rem;padding-right:4rem}.ph6-ns{padding-left:8rem;padding-right:8rem}.ph7-ns{padding-left:16rem;padding-right:16rem}.ma0-ns{margin:0}.ma1-ns{margin:.25rem}.ma2-ns{margin:.5rem}.ma3-ns{margin:1rem}.ma4-ns{margin:2rem}.ma5-ns{margin:4rem}.ma6-ns{margin:8rem}.ma7-ns{margin:16rem}.ml0-ns{margin-left:0}.ml1-ns{margin-left:.25rem}.ml2-ns{margin-left:.5rem}.ml3-ns{margin-left:1rem}.ml4-ns{margin-left:2rem}.ml5-ns{margin-left:4rem}.ml6-ns{margin-left:8rem}.ml7-ns{margin-left:16rem}.mr0-ns{margin-right:0}.mr1-ns{margin-right:.25rem}.mr2-ns{margin-right:.5rem}.mr3-ns{margin-right:1rem}.mr4-ns{margin-right:2rem}.mr5-ns{margin-right:4rem}.mr6-ns{margin-right:8rem}.mr7-ns{margin-right:16rem}.mb0-ns{margin-bottom:0}.mb1-ns{margin-bottom:.25rem}.mb2-ns{margin-bottom:.5rem}.mb3-ns{margin-bottom:1rem}.mb4-ns{margin-bottom:2rem}.mb5-ns{margin-bottom:4rem}.mb6-ns{margin-bottom:8rem}.mb7-ns{margin-bottom:16rem}.mt0-ns{margin-top:0}.mt1-ns{margin-top:.25rem}.mt2-ns{margin-top:.5rem}.mt3-ns{margin-top:1rem}.mt4-ns{margin-top:2rem}.mt5-ns{margin-top:4rem}.mt6-ns{margin-top:8rem}.mt7-ns{margin-top:16rem}.mv0-ns{margin-top:0;margin-bottom:0}.mv1-ns{margin-top:.25rem;margin-bottom:.25rem}.mv2-ns{margin-top:.5rem;margin-bottom:.5rem}.mv3-ns{margin-top:1rem;margin-bottom:1rem}.mv4-ns{margin-top:2rem;margin-bottom:2rem}.mv5-ns{margin-top:4rem;margin-bottom:4rem}.mv6-ns{margin-top:8rem;margin-bottom:8rem}.mv7-ns{margin-top:16rem;margin-bottom:16rem}.mh0-ns{margin-left:0;margin-right:0}.mh1-ns{margin-left:.25rem;margin-right:.25rem}.mh2-ns{margin-left:.5rem;margin-right:.5rem}.mh3-ns{margin-left:1rem;margin-right:1rem}.mh4-ns{margin-left:2rem;margin-right:2rem}.mh5-ns{margin-left:4rem;margin-right:4rem}.mh6-ns{margin-left:8rem;margin-right:8rem}.mh7-ns{margin-left:16rem;margin-right:16rem}.na1-ns{margin:-.25rem}.na2-ns{margin:-.5rem}.na3-ns{margin:-1rem}.na4-ns{margin:-2rem}.na5-ns{margin:-4rem}.na6-ns{margin:-8rem}.na7-ns{margin:-16rem}.nl1-ns{margin-left:-.25rem}.nl2-ns{margin-left:-.5rem}.nl3-ns{margin-left:-1rem}.nl4-ns{margin-left:-2rem}.nl5-ns{margin-left:-4rem}.nl6-ns{margin-left:-8rem}.nl7-ns{margin-left:-16rem}.nr1-ns{margin-right:-.25rem}.nr2-ns{margin-right:-.5rem}.nr3-ns{margin-right:-1rem}.nr4-ns{margin-right:-2rem}.nr5-ns{margin-right:-4rem}.nr6-ns{margin-right:-8rem}.nr7-ns{margin-right:-16rem}.nb1-ns{margin-bottom:-.25rem}.nb2-ns{margin-bottom:-.5rem}.nb3-ns{margin-bottom:-1rem}.nb4-ns{margin-bottom:-2rem}.nb5-ns{margin-bottom:-4rem}.nb6-ns{margin-bottom:-8rem}.nb7-ns{margin-bottom:-16rem}.nt1-ns{margin-top:-.25rem}.nt2-ns{margin-top:-.5rem}.nt3-ns{margin-top:-1rem}.nt4-ns{margin-top:-2rem}.nt5-ns{margin-top:-4rem}.nt6-ns{margin-top:-8rem}.nt7-ns{margin-top:-16rem}.strike-ns{text-decoration:line-through}.underline-ns{text-decoration:underline}.no-underline-ns{text-decoration:none}.tl-ns{text-align:left}.tr-ns{text-align:right}.tc-ns{text-align:center}.tj-ns{text-align:justify}.ttc-ns{text-transform:capitalize}.ttl-ns{text-transform:lowercase}.ttu-ns{text-transform:uppercase}.ttn-ns{text-transform:none}.f-6-ns,.f-headline-ns{font-size:6rem}.f-5-ns,.f-subheadline-ns{font-size:5rem}.f1-ns{font-size:3rem}.f2-ns{font-size:2.25rem}.f3-ns{font-size:1.5rem}.f4-ns{font-size:1.25rem}.f5-ns{font-size:1rem}.f6-ns{font-size:.875rem}.f7-ns{font-size:.75rem}.measure-ns{max-width:30em}.measure-wide-ns{max-width:34em}.measure-narrow-ns{max-width:20em}.indent-ns{text-indent:1em;margin-top:0;margin-bottom:0}.small-caps-ns{font-variant:small-caps}.truncate-ns{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-ns{margin-left:auto}.center-ns,.mr-auto-ns{margin-right:auto}.ml-auto-ns{margin-left:auto}.clip-ns{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal-ns{white-space:normal}.nowrap-ns{white-space:nowrap}.pre-ns{white-space:pre}.v-base-ns{vertical-align:baseline}.v-mid-ns{vertical-align:middle}.v-top-ns{vertical-align:top}.v-btm-ns{vertical-align:bottom}}@media screen and (min-width:30em) and (max-width:60em){.aspect-ratio-m{height:0;position:relative}.aspect-ratio--16x9-m{padding-bottom:56.25%}.aspect-ratio--9x16-m{padding-bottom:177.77%}.aspect-ratio--4x3-m{padding-bottom:75%}.aspect-ratio--3x4-m{padding-bottom:133.33%}.aspect-ratio--6x4-m{padding-bottom:66.6%}.aspect-ratio--4x6-m{padding-bottom:150%}.aspect-ratio--8x5-m{padding-bottom:62.5%}.aspect-ratio--5x8-m{padding-bottom:160%}.aspect-ratio--7x5-m{padding-bottom:71.42%}.aspect-ratio--5x7-m{padding-bottom:140%}.aspect-ratio--1x1-m{padding-bottom:100%}.aspect-ratio--object-m{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}.cover-m{background-size:cover!important}.contain-m{background-size:contain!important}.bg-center-m{background-position:50%}.bg-center-m,.bg-top-m{background-repeat:no-repeat}.bg-top-m{background-position:top}.bg-right-m{background-position:100%}.bg-bottom-m,.bg-right-m{background-repeat:no-repeat}.bg-bottom-m{background-position:bottom}.bg-left-m{background-repeat:no-repeat;background-position:0}.outline-m{outline:1px solid}.outline-transparent-m{outline:1px solid transparent}.outline-0-m{outline:0}.ba-m{border-style:solid;border-width:1px}.bt-m{border-top-style:solid;border-top-width:1px}.br-m{border-right-style:solid;border-right-width:1px}.bb-m{border-bottom-style:solid;border-bottom-width:1px}.bl-m{border-left-style:solid;border-left-width:1px}.bn-m{border-style:none;border-width:0}.br0-m{border-radius:0}.br1-m{border-radius:.125rem}.br2-m{border-radius:.25rem}.br3-m{border-radius:.5rem}.br4-m{border-radius:1rem}.br-100-m{border-radius:100%}.br-pill-m{border-radius:9999px}.br--bottom-m{border-top-left-radius:0;border-top-right-radius:0}.br--top-m{border-bottom-right-radius:0}.br--right-m,.br--top-m{border-bottom-left-radius:0}.br--right-m{border-top-left-radius:0}.br--left-m{border-top-right-radius:0;border-bottom-right-radius:0}.br-inherit-m{border-radius:inherit}.br-initial-m{border-radius:initial}.br-unset-m{border-radius:unset}.b--dotted-m{border-style:dotted}.b--dashed-m{border-style:dashed}.b--solid-m{border-style:solid}.b--none-m{border-style:none}.bw0-m{border-width:0}.bw1-m{border-width:.125rem}.bw2-m{border-width:.25rem}.bw3-m{border-width:.5rem}.bw4-m{border-width:1rem}.bw5-m{border-width:2rem}.bt-0-m{border-top-width:0}.br-0-m{border-right-width:0}.bb-0-m{border-bottom-width:0}.bl-0-m{border-left-width:0}.shadow-1-m{box-shadow:0 0 4px 2px rgba(0,0,0,.2)}.shadow-2-m{box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.shadow-3-m{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}.shadow-4-m{box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)}.shadow-5-m{box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}.top-0-m{top:0}.left-0-m{left:0}.right-0-m{right:0}.bottom-0-m{bottom:0}.top-1-m{top:1rem}.left-1-m{left:1rem}.right-1-m{right:1rem}.bottom-1-m{bottom:1rem}.top-2-m{top:2rem}.left-2-m{left:2rem}.right-2-m{right:2rem}.bottom-2-m{bottom:2rem}.top--1-m{top:-1rem}.right--1-m{right:-1rem}.bottom--1-m{bottom:-1rem}.left--1-m{left:-1rem}.top--2-m{top:-2rem}.right--2-m{right:-2rem}.bottom--2-m{bottom:-2rem}.left--2-m{left:-2rem}.absolute--fill-m{top:0;right:0;bottom:0;left:0}.cl-m{clear:left}.cr-m{clear:right}.cb-m{clear:both}.cn-m{clear:none}.dn-m{display:none}.di-m{display:inline}.db-m{display:block}.dib-m{display:inline-block}.dit-m{display:inline-table}.dt-m{display:table}.dtc-m{display:table-cell}.dt-row-m{display:table-row}.dt-row-group-m{display:table-row-group}.dt-column-m{display:table-column}.dt-column-group-m{display:table-column-group}.dt--fixed-m{table-layout:fixed;width:100%}.flex-m{display:flex}.inline-flex-m{display:inline-flex}.flex-auto-m{flex:1 1 auto;min-width:0;min-height:0}.flex-none-m{flex:none}.flex-column-m{flex-direction:column}.flex-row-m{flex-direction:row}.flex-wrap-m{flex-wrap:wrap}.flex-nowrap-m{flex-wrap:nowrap}.flex-wrap-reverse-m{flex-wrap:wrap-reverse}.flex-column-reverse-m{flex-direction:column-reverse}.flex-row-reverse-m{flex-direction:row-reverse}.items-start-m{align-items:flex-start}.items-end-m{align-items:flex-end}.items-center-m{align-items:center}.items-baseline-m{align-items:baseline}.items-stretch-m{align-items:stretch}.self-start-m{align-self:flex-start}.self-end-m{align-self:flex-end}.self-center-m{align-self:center}.self-baseline-m{align-self:baseline}.self-stretch-m{align-self:stretch}.justify-start-m{justify-content:flex-start}.justify-end-m{justify-content:flex-end}.justify-center-m{justify-content:center}.justify-between-m{justify-content:space-between}.justify-around-m{justify-content:space-around}.content-start-m{align-content:flex-start}.content-end-m{align-content:flex-end}.content-center-m{align-content:center}.content-between-m{align-content:space-between}.content-around-m{align-content:space-around}.content-stretch-m{align-content:stretch}.order-0-m{order:0}.order-1-m{order:1}.order-2-m{order:2}.order-3-m{order:3}.order-4-m{order:4}.order-5-m{order:5}.order-6-m{order:6}.order-7-m{order:7}.order-8-m{order:8}.order-last-m{order:99999}.flex-grow-0-m{flex-grow:0}.flex-grow-1-m{flex-grow:1}.flex-shrink-0-m{flex-shrink:0}.flex-shrink-1-m{flex-shrink:1}.fl-m{float:left}.fl-m,.fr-m{_display:inline}.fr-m{float:right}.fn-m{float:none}.i-m{font-style:italic}.fs-normal-m{font-style:normal}.normal-m{font-weight:400}.b-m{font-weight:700}.fw1-m{font-weight:100}.fw2-m{font-weight:200}.fw3-m{font-weight:300}.fw4-m{font-weight:400}.fw5-m{font-weight:500}.fw6-m{font-weight:600}.fw7-m{font-weight:700}.fw8-m{font-weight:800}.fw9-m{font-weight:900}.h1-m{height:1rem}.h2-m{height:2rem}.h3-m{height:4rem}.h4-m{height:8rem}.h5-m{height:16rem}.h-25-m{height:25%}.h-50-m{height:50%}.h-75-m{height:75%}.h-100-m{height:100%}.min-h-100-m{min-height:100%}.vh-25-m{height:25vh}.vh-50-m{height:50vh}.vh-75-m{height:75vh}.vh-100-m{height:100vh}.min-vh-100-m{min-height:100vh}.h-auto-m{height:auto}.h-inherit-m{height:inherit}.tracked-m{letter-spacing:.1em}.tracked-tight-m{letter-spacing:-.05em}.tracked-mega-m{letter-spacing:.25em}.lh-solid-m{line-height:1}.lh-title-m{line-height:1.25}.lh-copy-m{line-height:1.5}.mw-100-m{max-width:100%}.mw1-m{max-width:1rem}.mw2-m{max-width:2rem}.mw3-m{max-width:4rem}.mw4-m{max-width:8rem}.mw5-m{max-width:16rem}.mw6-m{max-width:32rem}.mw7-m{max-width:48rem}.mw8-m{max-width:64rem}.mw9-m{max-width:96rem}.mw-none-m{max-width:none}.w1-m{width:1rem}.w2-m{width:2rem}.w3-m{width:4rem}.w4-m{width:8rem}.w5-m{width:16rem}.w-10-m{width:10%}.w-20-m{width:20%}.w-25-m{width:25%}.w-30-m{width:30%}.w-33-m{width:33%}.w-34-m{width:34%}.w-40-m{width:40%}.w-50-m{width:50%}.w-60-m{width:60%}.w-70-m{width:70%}.w-75-m{width:75%}.w-80-m{width:80%}.w-90-m{width:90%}.w-100-m{width:100%}.w-third-m{width:33.33333%}.w-two-thirds-m{width:66.66667%}.w-auto-m{width:auto}.overflow-visible-m{overflow:visible}.overflow-hidden-m{overflow:hidden}.overflow-scroll-m{overflow:scroll}.overflow-auto-m{overflow:auto}.overflow-x-visible-m{overflow-x:visible}.overflow-x-hidden-m{overflow-x:hidden}.overflow-x-scroll-m{overflow-x:scroll}.overflow-x-auto-m{overflow-x:auto}.overflow-y-visible-m{overflow-y:visible}.overflow-y-hidden-m{overflow-y:hidden}.overflow-y-scroll-m{overflow-y:scroll}.overflow-y-auto-m{overflow-y:auto}.static-m{position:static}.relative-m{position:relative}.absolute-m{position:absolute}.fixed-m{position:fixed}.rotate-45-m{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90-m{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135-m{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180-m{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225-m{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270-m{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315-m{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.pa0-m{padding:0}.pa1-m{padding:.25rem}.pa2-m{padding:.5rem}.pa3-m{padding:1rem}.pa4-m{padding:2rem}.pa5-m{padding:4rem}.pa6-m{padding:8rem}.pa7-m{padding:16rem}.pl0-m{padding-left:0}.pl1-m{padding-left:.25rem}.pl2-m{padding-left:.5rem}.pl3-m{padding-left:1rem}.pl4-m{padding-left:2rem}.pl5-m{padding-left:4rem}.pl6-m{padding-left:8rem}.pl7-m{padding-left:16rem}.pr0-m{padding-right:0}.pr1-m{padding-right:.25rem}.pr2-m{padding-right:.5rem}.pr3-m{padding-right:1rem}.pr4-m{padding-right:2rem}.pr5-m{padding-right:4rem}.pr6-m{padding-right:8rem}.pr7-m{padding-right:16rem}.pb0-m{padding-bottom:0}.pb1-m{padding-bottom:.25rem}.pb2-m{padding-bottom:.5rem}.pb3-m{padding-bottom:1rem}.pb4-m{padding-bottom:2rem}.pb5-m{padding-bottom:4rem}.pb6-m{padding-bottom:8rem}.pb7-m{padding-bottom:16rem}.pt0-m{padding-top:0}.pt1-m{padding-top:.25rem}.pt2-m{padding-top:.5rem}.pt3-m{padding-top:1rem}.pt4-m{padding-top:2rem}.pt5-m{padding-top:4rem}.pt6-m{padding-top:8rem}.pt7-m{padding-top:16rem}.pv0-m{padding-top:0;padding-bottom:0}.pv1-m{padding-top:.25rem;padding-bottom:.25rem}.pv2-m{padding-top:.5rem;padding-bottom:.5rem}.pv3-m{padding-top:1rem;padding-bottom:1rem}.pv4-m{padding-top:2rem;padding-bottom:2rem}.pv5-m{padding-top:4rem;padding-bottom:4rem}.pv6-m{padding-top:8rem;padding-bottom:8rem}.pv7-m{padding-top:16rem;padding-bottom:16rem}.ph0-m{padding-left:0;padding-right:0}.ph1-m{padding-left:.25rem;padding-right:.25rem}.ph2-m{padding-left:.5rem;padding-right:.5rem}.ph3-m{padding-left:1rem;padding-right:1rem}.ph4-m{padding-left:2rem;padding-right:2rem}.ph5-m{padding-left:4rem;padding-right:4rem}.ph6-m{padding-left:8rem;padding-right:8rem}.ph7-m{padding-left:16rem;padding-right:16rem}.ma0-m{margin:0}.ma1-m{margin:.25rem}.ma2-m{margin:.5rem}.ma3-m{margin:1rem}.ma4-m{margin:2rem}.ma5-m{margin:4rem}.ma6-m{margin:8rem}.ma7-m{margin:16rem}.ml0-m{margin-left:0}.ml1-m{margin-left:.25rem}.ml2-m{margin-left:.5rem}.ml3-m{margin-left:1rem}.ml4-m{margin-left:2rem}.ml5-m{margin-left:4rem}.ml6-m{margin-left:8rem}.ml7-m{margin-left:16rem}.mr0-m{margin-right:0}.mr1-m{margin-right:.25rem}.mr2-m{margin-right:.5rem}.mr3-m{margin-right:1rem}.mr4-m{margin-right:2rem}.mr5-m{margin-right:4rem}.mr6-m{margin-right:8rem}.mr7-m{margin-right:16rem}.mb0-m{margin-bottom:0}.mb1-m{margin-bottom:.25rem}.mb2-m{margin-bottom:.5rem}.mb3-m{margin-bottom:1rem}.mb4-m{margin-bottom:2rem}.mb5-m{margin-bottom:4rem}.mb6-m{margin-bottom:8rem}.mb7-m{margin-bottom:16rem}.mt0-m{margin-top:0}.mt1-m{margin-top:.25rem}.mt2-m{margin-top:.5rem}.mt3-m{margin-top:1rem}.mt4-m{margin-top:2rem}.mt5-m{margin-top:4rem}.mt6-m{margin-top:8rem}.mt7-m{margin-top:16rem}.mv0-m{margin-top:0;margin-bottom:0}.mv1-m{margin-top:.25rem;margin-bottom:.25rem}.mv2-m{margin-top:.5rem;margin-bottom:.5rem}.mv3-m{margin-top:1rem;margin-bottom:1rem}.mv4-m{margin-top:2rem;margin-bottom:2rem}.mv5-m{margin-top:4rem;margin-bottom:4rem}.mv6-m{margin-top:8rem;margin-bottom:8rem}.mv7-m{margin-top:16rem;margin-bottom:16rem}.mh0-m{margin-left:0;margin-right:0}.mh1-m{margin-left:.25rem;margin-right:.25rem}.mh2-m{margin-left:.5rem;margin-right:.5rem}.mh3-m{margin-left:1rem;margin-right:1rem}.mh4-m{margin-left:2rem;margin-right:2rem}.mh5-m{margin-left:4rem;margin-right:4rem}.mh6-m{margin-left:8rem;margin-right:8rem}.mh7-m{margin-left:16rem;margin-right:16rem}.na1-m{margin:-.25rem}.na2-m{margin:-.5rem}.na3-m{margin:-1rem}.na4-m{margin:-2rem}.na5-m{margin:-4rem}.na6-m{margin:-8rem}.na7-m{margin:-16rem}.nl1-m{margin-left:-.25rem}.nl2-m{margin-left:-.5rem}.nl3-m{margin-left:-1rem}.nl4-m{margin-left:-2rem}.nl5-m{margin-left:-4rem}.nl6-m{margin-left:-8rem}.nl7-m{margin-left:-16rem}.nr1-m{margin-right:-.25rem}.nr2-m{margin-right:-.5rem}.nr3-m{margin-right:-1rem}.nr4-m{margin-right:-2rem}.nr5-m{margin-right:-4rem}.nr6-m{margin-right:-8rem}.nr7-m{margin-right:-16rem}.nb1-m{margin-bottom:-.25rem}.nb2-m{margin-bottom:-.5rem}.nb3-m{margin-bottom:-1rem}.nb4-m{margin-bottom:-2rem}.nb5-m{margin-bottom:-4rem}.nb6-m{margin-bottom:-8rem}.nb7-m{margin-bottom:-16rem}.nt1-m{margin-top:-.25rem}.nt2-m{margin-top:-.5rem}.nt3-m{margin-top:-1rem}.nt4-m{margin-top:-2rem}.nt5-m{margin-top:-4rem}.nt6-m{margin-top:-8rem}.nt7-m{margin-top:-16rem}.strike-m{text-decoration:line-through}.underline-m{text-decoration:underline}.no-underline-m{text-decoration:none}.tl-m{text-align:left}.tr-m{text-align:right}.tc-m{text-align:center}.tj-m{text-align:justify}.ttc-m{text-transform:capitalize}.ttl-m{text-transform:lowercase}.ttu-m{text-transform:uppercase}.ttn-m{text-transform:none}.f-6-m,.f-headline-m{font-size:6rem}.f-5-m,.f-subheadline-m{font-size:5rem}.f1-m{font-size:3rem}.f2-m{font-size:2.25rem}.f3-m{font-size:1.5rem}.f4-m{font-size:1.25rem}.f5-m{font-size:1rem}.f6-m{font-size:.875rem}.f7-m{font-size:.75rem}.measure-m{max-width:30em}.measure-wide-m{max-width:34em}.measure-narrow-m{max-width:20em}.indent-m{text-indent:1em;margin-top:0;margin-bottom:0}.small-caps-m{font-variant:small-caps}.truncate-m{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-m{margin-left:auto}.center-m,.mr-auto-m{margin-right:auto}.ml-auto-m{margin-left:auto}.clip-m{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal-m{white-space:normal}.nowrap-m{white-space:nowrap}.pre-m{white-space:pre}.v-base-m{vertical-align:baseline}.v-mid-m{vertical-align:middle}.v-top-m{vertical-align:top}.v-btm-m{vertical-align:bottom}}@media screen and (min-width:60em){.aspect-ratio-l{height:0;position:relative}.aspect-ratio--16x9-l{padding-bottom:56.25%}.aspect-ratio--9x16-l{padding-bottom:177.77%}.aspect-ratio--4x3-l{padding-bottom:75%}.aspect-ratio--3x4-l{padding-bottom:133.33%}.aspect-ratio--6x4-l{padding-bottom:66.6%}.aspect-ratio--4x6-l{padding-bottom:150%}.aspect-ratio--8x5-l{padding-bottom:62.5%}.aspect-ratio--5x8-l{padding-bottom:160%}.aspect-ratio--7x5-l{padding-bottom:71.42%}.aspect-ratio--5x7-l{padding-bottom:140%}.aspect-ratio--1x1-l{padding-bottom:100%}.aspect-ratio--object-l{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:100}.cover-l{background-size:cover!important}.contain-l{background-size:contain!important}.bg-center-l{background-position:50%}.bg-center-l,.bg-top-l{background-repeat:no-repeat}.bg-top-l{background-position:top}.bg-right-l{background-position:100%}.bg-bottom-l,.bg-right-l{background-repeat:no-repeat}.bg-bottom-l{background-position:bottom}.bg-left-l{background-repeat:no-repeat;background-position:0}.outline-l{outline:1px solid}.outline-transparent-l{outline:1px solid transparent}.outline-0-l{outline:0}.ba-l{border-style:solid;border-width:1px}.bt-l{border-top-style:solid;border-top-width:1px}.br-l{border-right-style:solid;border-right-width:1px}.bb-l{border-bottom-style:solid;border-bottom-width:1px}.bl-l{border-left-style:solid;border-left-width:1px}.bn-l{border-style:none;border-width:0}.br0-l{border-radius:0}.br1-l{border-radius:.125rem}.br2-l{border-radius:.25rem}.br3-l{border-radius:.5rem}.br4-l{border-radius:1rem}.br-100-l{border-radius:100%}.br-pill-l{border-radius:9999px}.br--bottom-l{border-top-left-radius:0;border-top-right-radius:0}.br--top-l{border-bottom-right-radius:0}.br--right-l,.br--top-l{border-bottom-left-radius:0}.br--right-l{border-top-left-radius:0}.br--left-l{border-top-right-radius:0;border-bottom-right-radius:0}.br-inherit-l{border-radius:inherit}.br-initial-l{border-radius:initial}.br-unset-l{border-radius:unset}.b--dotted-l{border-style:dotted}.b--dashed-l{border-style:dashed}.b--solid-l{border-style:solid}.b--none-l{border-style:none}.bw0-l{border-width:0}.bw1-l{border-width:.125rem}.bw2-l{border-width:.25rem}.bw3-l{border-width:.5rem}.bw4-l{border-width:1rem}.bw5-l{border-width:2rem}.bt-0-l{border-top-width:0}.br-0-l{border-right-width:0}.bb-0-l{border-bottom-width:0}.bl-0-l{border-left-width:0}.shadow-1-l{box-shadow:0 0 4px 2px rgba(0,0,0,.2)}.shadow-2-l{box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.shadow-3-l{box-shadow:2px 2px 4px 2px rgba(0,0,0,.2)}.shadow-4-l{box-shadow:2px 2px 8px 0 rgba(0,0,0,.2)}.shadow-5-l{box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}.top-0-l{top:0}.left-0-l{left:0}.right-0-l{right:0}.bottom-0-l{bottom:0}.top-1-l{top:1rem}.left-1-l{left:1rem}.right-1-l{right:1rem}.bottom-1-l{bottom:1rem}.top-2-l{top:2rem}.left-2-l{left:2rem}.right-2-l{right:2rem}.bottom-2-l{bottom:2rem}.top--1-l{top:-1rem}.right--1-l{right:-1rem}.bottom--1-l{bottom:-1rem}.left--1-l{left:-1rem}.top--2-l{top:-2rem}.right--2-l{right:-2rem}.bottom--2-l{bottom:-2rem}.left--2-l{left:-2rem}.absolute--fill-l{top:0;right:0;bottom:0;left:0}.cl-l{clear:left}.cr-l{clear:right}.cb-l{clear:both}.cn-l{clear:none}.dn-l{display:none}.di-l{display:inline}.db-l{display:block}.dib-l{display:inline-block}.dit-l{display:inline-table}.dt-l{display:table}.dtc-l{display:table-cell}.dt-row-l{display:table-row}.dt-row-group-l{display:table-row-group}.dt-column-l{display:table-column}.dt-column-group-l{display:table-column-group}.dt--fixed-l{table-layout:fixed;width:100%}.flex-l{display:flex}.inline-flex-l{display:inline-flex}.flex-auto-l{flex:1 1 auto;min-width:0;min-height:0}.flex-none-l{flex:none}.flex-column-l{flex-direction:column}.flex-row-l{flex-direction:row}.flex-wrap-l{flex-wrap:wrap}.flex-nowrap-l{flex-wrap:nowrap}.flex-wrap-reverse-l{flex-wrap:wrap-reverse}.flex-column-reverse-l{flex-direction:column-reverse}.flex-row-reverse-l{flex-direction:row-reverse}.items-start-l{align-items:flex-start}.items-end-l{align-items:flex-end}.items-center-l{align-items:center}.items-baseline-l{align-items:baseline}.items-stretch-l{align-items:stretch}.self-start-l{align-self:flex-start}.self-end-l{align-self:flex-end}.self-center-l{align-self:center}.self-baseline-l{align-self:baseline}.self-stretch-l{align-self:stretch}.justify-start-l{justify-content:flex-start}.justify-end-l{justify-content:flex-end}.justify-center-l{justify-content:center}.justify-between-l{justify-content:space-between}.justify-around-l{justify-content:space-around}.content-start-l{align-content:flex-start}.content-end-l{align-content:flex-end}.content-center-l{align-content:center}.content-between-l{align-content:space-between}.content-around-l{align-content:space-around}.content-stretch-l{align-content:stretch}.order-0-l{order:0}.order-1-l{order:1}.order-2-l{order:2}.order-3-l{order:3}.order-4-l{order:4}.order-5-l{order:5}.order-6-l{order:6}.order-7-l{order:7}.order-8-l{order:8}.order-last-l{order:99999}.flex-grow-0-l{flex-grow:0}.flex-grow-1-l{flex-grow:1}.flex-shrink-0-l{flex-shrink:0}.flex-shrink-1-l{flex-shrink:1}.fl-l{float:left}.fl-l,.fr-l{_display:inline}.fr-l{float:right}.fn-l{float:none}.i-l{font-style:italic}.fs-normal-l{font-style:normal}.normal-l{font-weight:400}.b-l{font-weight:700}.fw1-l{font-weight:100}.fw2-l{font-weight:200}.fw3-l{font-weight:300}.fw4-l{font-weight:400}.fw5-l{font-weight:500}.fw6-l{font-weight:600}.fw7-l{font-weight:700}.fw8-l{font-weight:800}.fw9-l{font-weight:900}.h1-l{height:1rem}.h2-l{height:2rem}.h3-l{height:4rem}.h4-l{height:8rem}.h5-l{height:16rem}.h-25-l{height:25%}.h-50-l{height:50%}.h-75-l{height:75%}.h-100-l{height:100%}.min-h-100-l{min-height:100%}.vh-25-l{height:25vh}.vh-50-l{height:50vh}.vh-75-l{height:75vh}.vh-100-l{height:100vh}.min-vh-100-l{min-height:100vh}.h-auto-l{height:auto}.h-inherit-l{height:inherit}.tracked-l{letter-spacing:.1em}.tracked-tight-l{letter-spacing:-.05em}.tracked-mega-l{letter-spacing:.25em}.lh-solid-l{line-height:1}.lh-title-l{line-height:1.25}.lh-copy-l{line-height:1.5}.mw-100-l{max-width:100%}.mw1-l{max-width:1rem}.mw2-l{max-width:2rem}.mw3-l{max-width:4rem}.mw4-l{max-width:8rem}.mw5-l{max-width:16rem}.mw6-l{max-width:32rem}.mw7-l{max-width:48rem}.mw8-l{max-width:64rem}.mw9-l{max-width:96rem}.mw-none-l{max-width:none}.w1-l{width:1rem}.w2-l{width:2rem}.w3-l{width:4rem}.w4-l{width:8rem}.w5-l{width:16rem}.w-10-l{width:10%}.w-20-l{width:20%}.w-25-l{width:25%}.w-30-l{width:30%}.w-33-l{width:33%}.w-34-l{width:34%}.w-40-l{width:40%}.w-50-l{width:50%}.w-60-l{width:60%}.w-70-l{width:70%}.w-75-l{width:75%}.w-80-l{width:80%}.w-90-l{width:90%}.w-100-l{width:100%}.w-third-l{width:33.33333%}.w-two-thirds-l{width:66.66667%}.w-auto-l{width:auto}.overflow-visible-l{overflow:visible}.overflow-hidden-l{overflow:hidden}.overflow-scroll-l{overflow:scroll}.overflow-auto-l{overflow:auto}.overflow-x-visible-l{overflow-x:visible}.overflow-x-hidden-l{overflow-x:hidden}.overflow-x-scroll-l{overflow-x:scroll}.overflow-x-auto-l{overflow-x:auto}.overflow-y-visible-l{overflow-y:visible}.overflow-y-hidden-l{overflow-y:hidden}.overflow-y-scroll-l{overflow-y:scroll}.overflow-y-auto-l{overflow-y:auto}.static-l{position:static}.relative-l{position:relative}.absolute-l{position:absolute}.fixed-l{position:fixed}.rotate-45-l{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rotate-90-l{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.rotate-135-l{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.rotate-180-l{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.rotate-225-l{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.rotate-270-l{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.rotate-315-l{-webkit-transform:rotate(315deg);transform:rotate(315deg)}.pa0-l{padding:0}.pa1-l{padding:.25rem}.pa2-l{padding:.5rem}.pa3-l{padding:1rem}.pa4-l{padding:2rem}.pa5-l{padding:4rem}.pa6-l{padding:8rem}.pa7-l{padding:16rem}.pl0-l{padding-left:0}.pl1-l{padding-left:.25rem}.pl2-l{padding-left:.5rem}.pl3-l{padding-left:1rem}.pl4-l{padding-left:2rem}.pl5-l{padding-left:4rem}.pl6-l{padding-left:8rem}.pl7-l{padding-left:16rem}.pr0-l{padding-right:0}.pr1-l{padding-right:.25rem}.pr2-l{padding-right:.5rem}.pr3-l{padding-right:1rem}.pr4-l{padding-right:2rem}.pr5-l{padding-right:4rem}.pr6-l{padding-right:8rem}.pr7-l{padding-right:16rem}.pb0-l{padding-bottom:0}.pb1-l{padding-bottom:.25rem}.pb2-l{padding-bottom:.5rem}.pb3-l{padding-bottom:1rem}.pb4-l{padding-bottom:2rem}.pb5-l{padding-bottom:4rem}.pb6-l{padding-bottom:8rem}.pb7-l{padding-bottom:16rem}.pt0-l{padding-top:0}.pt1-l{padding-top:.25rem}.pt2-l{padding-top:.5rem}.pt3-l{padding-top:1rem}.pt4-l{padding-top:2rem}.pt5-l{padding-top:4rem}.pt6-l{padding-top:8rem}.pt7-l{padding-top:16rem}.pv0-l{padding-top:0;padding-bottom:0}.pv1-l{padding-top:.25rem;padding-bottom:.25rem}.pv2-l{padding-top:.5rem;padding-bottom:.5rem}.pv3-l{padding-top:1rem;padding-bottom:1rem}.pv4-l{padding-top:2rem;padding-bottom:2rem}.pv5-l{padding-top:4rem;padding-bottom:4rem}.pv6-l{padding-top:8rem;padding-bottom:8rem}.pv7-l{padding-top:16rem;padding-bottom:16rem}.ph0-l{padding-left:0;padding-right:0}.ph1-l{padding-left:.25rem;padding-right:.25rem}.ph2-l{padding-left:.5rem;padding-right:.5rem}.ph3-l{padding-left:1rem;padding-right:1rem}.ph4-l{padding-left:2rem;padding-right:2rem}.ph5-l{padding-left:4rem;padding-right:4rem}.ph6-l{padding-left:8rem;padding-right:8rem}.ph7-l{padding-left:16rem;padding-right:16rem}.ma0-l{margin:0}.ma1-l{margin:.25rem}.ma2-l{margin:.5rem}.ma3-l{margin:1rem}.ma4-l{margin:2rem}.ma5-l{margin:4rem}.ma6-l{margin:8rem}.ma7-l{margin:16rem}.ml0-l{margin-left:0}.ml1-l{margin-left:.25rem}.ml2-l{margin-left:.5rem}.ml3-l{margin-left:1rem}.ml4-l{margin-left:2rem}.ml5-l{margin-left:4rem}.ml6-l{margin-left:8rem}.ml7-l{margin-left:16rem}.mr0-l{margin-right:0}.mr1-l{margin-right:.25rem}.mr2-l{margin-right:.5rem}.mr3-l{margin-right:1rem}.mr4-l{margin-right:2rem}.mr5-l{margin-right:4rem}.mr6-l{margin-right:8rem}.mr7-l{margin-right:16rem}.mb0-l{margin-bottom:0}.mb1-l{margin-bottom:.25rem}.mb2-l{margin-bottom:.5rem}.mb3-l{margin-bottom:1rem}.mb4-l{margin-bottom:2rem}.mb5-l{margin-bottom:4rem}.mb6-l{margin-bottom:8rem}.mb7-l{margin-bottom:16rem}.mt0-l{margin-top:0}.mt1-l{margin-top:.25rem}.mt2-l{margin-top:.5rem}.mt3-l{margin-top:1rem}.mt4-l{margin-top:2rem}.mt5-l{margin-top:4rem}.mt6-l{margin-top:8rem}.mt7-l{margin-top:16rem}.mv0-l{margin-top:0;margin-bottom:0}.mv1-l{margin-top:.25rem;margin-bottom:.25rem}.mv2-l{margin-top:.5rem;margin-bottom:.5rem}.mv3-l{margin-top:1rem;margin-bottom:1rem}.mv4-l{margin-top:2rem;margin-bottom:2rem}.mv5-l{margin-top:4rem;margin-bottom:4rem}.mv6-l{margin-top:8rem;margin-bottom:8rem}.mv7-l{margin-top:16rem;margin-bottom:16rem}.mh0-l{margin-left:0;margin-right:0}.mh1-l{margin-left:.25rem;margin-right:.25rem}.mh2-l{margin-left:.5rem;margin-right:.5rem}.mh3-l{margin-left:1rem;margin-right:1rem}.mh4-l{margin-left:2rem;margin-right:2rem}.mh5-l{margin-left:4rem;margin-right:4rem}.mh6-l{margin-left:8rem;margin-right:8rem}.mh7-l{margin-left:16rem;margin-right:16rem}.na1-l{margin:-.25rem}.na2-l{margin:-.5rem}.na3-l{margin:-1rem}.na4-l{margin:-2rem}.na5-l{margin:-4rem}.na6-l{margin:-8rem}.na7-l{margin:-16rem}.nl1-l{margin-left:-.25rem}.nl2-l{margin-left:-.5rem}.nl3-l{margin-left:-1rem}.nl4-l{margin-left:-2rem}.nl5-l{margin-left:-4rem}.nl6-l{margin-left:-8rem}.nl7-l{margin-left:-16rem}.nr1-l{margin-right:-.25rem}.nr2-l{margin-right:-.5rem}.nr3-l{margin-right:-1rem}.nr4-l{margin-right:-2rem}.nr5-l{margin-right:-4rem}.nr6-l{margin-right:-8rem}.nr7-l{margin-right:-16rem}.nb1-l{margin-bottom:-.25rem}.nb2-l{margin-bottom:-.5rem}.nb3-l{margin-bottom:-1rem}.nb4-l{margin-bottom:-2rem}.nb5-l{margin-bottom:-4rem}.nb6-l{margin-bottom:-8rem}.nb7-l{margin-bottom:-16rem}.nt1-l{margin-top:-.25rem}.nt2-l{margin-top:-.5rem}.nt3-l{margin-top:-1rem}.nt4-l{margin-top:-2rem}.nt5-l{margin-top:-4rem}.nt6-l{margin-top:-8rem}.nt7-l{margin-top:-16rem}.strike-l{text-decoration:line-through}.underline-l{text-decoration:underline}.no-underline-l{text-decoration:none}.tl-l{text-align:left}.tr-l{text-align:right}.tc-l{text-align:center}.tj-l{text-align:justify}.ttc-l{text-transform:capitalize}.ttl-l{text-transform:lowercase}.ttu-l{text-transform:uppercase}.ttn-l{text-transform:none}.f-6-l,.f-headline-l{font-size:6rem}.f-5-l,.f-subheadline-l{font-size:5rem}.f1-l{font-size:3rem}.f2-l{font-size:2.25rem}.f3-l{font-size:1.5rem}.f4-l{font-size:1.25rem}.f5-l{font-size:1rem}.f6-l{font-size:.875rem}.f7-l{font-size:.75rem}.measure-l{max-width:30em}.measure-wide-l{max-width:34em}.measure-narrow-l{max-width:20em}.indent-l{text-indent:1em;margin-top:0;margin-bottom:0}.small-caps-l{font-variant:small-caps}.truncate-l{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.center-l{margin-left:auto}.center-l,.mr-auto-l{margin-right:auto}.ml-auto-l{margin-left:auto}.clip-l{position:fixed!important;_position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ws-normal-l{white-space:normal}.nowrap-l{white-space:nowrap}.pre-l{white-space:pre}.v-base-l{vertical-align:baseline}.v-mid-l{vertical-align:middle}.v-top-l{vertical-align:top}.v-btm-l{vertical-align:bottom}} diff --git a/typemill_data/themes/cyanine/cyanine-thumb.png b/typemill_data/themes/cyanine/cyanine-thumb.png new file mode 100644 index 0000000..bd62de8 Binary files /dev/null and b/typemill_data/themes/cyanine/cyanine-thumb.png differ diff --git a/typemill_data/themes/cyanine/cyanine.png b/typemill_data/themes/cyanine/cyanine.png new file mode 100644 index 0000000..bd62de8 Binary files /dev/null and b/typemill_data/themes/cyanine/cyanine.png differ diff --git a/typemill_data/themes/cyanine/cyanine.yaml b/typemill_data/themes/cyanine/cyanine.yaml new file mode 100644 index 0000000..a95f6cc --- /dev/null +++ b/typemill_data/themes/cyanine/cyanine.yaml @@ -0,0 +1,540 @@ +name: Cyanine Theme +version: 2.0.1 +description: Cyanine is a modern and flexible multi-purpose theme and the standard theme for typemill. +author: Trendschau +homepage: https://trendschau.net +license: MIT + +settings: + landingpage: on + introPosition: '1' + naviPosition: '2' + naviTitle: Get Started + fontheadline: sans-serif + fontnavi: sans-serif + +forms: + fields: + + layout: + type: fieldset + legend: General Layout + fields: + layoutsize: + type: select + label: Layout Size + options: + standard: Standard + large: Large + full: Full Width + blogimage: + type: checkbox + label: Post-Images + checkboxlabel: Generally show hero images in all lists of posts + + bloghomepage: + type: fieldset + legend: Posts on Homepage + fields: + blog: + type: checkbox + checkboxlabel: Activate a list of posts on the homepage + blogintro: + type: checkbox + label: Intro Content + checkboxlabel: Show the content of the homepage before the posts get listed + blogfolder: + type: text + label: Enter the folder path with the posts + placeholder: /blog + + landing: + type: fieldset + legend: Landingpage + fields: + landingpage: + type: checkbox + checkboxlabel: Activate a landing page with segments on the homepage + + landingpageIntro: + type: fieldset + legend: Landingpage Intro Segment + fields: + introPosition: + type: number + label: Position of Intro Segment + description: Use 0 to disable the section + css: 'lg:w-half' + introTitle: + type: text + label: Title for your landingpage intro + placeholder: Typemill + description: Leave empty to use the title of your base content page. + css: 'lg:w-half' + introMarkdown: + type: textarea + label: Text for your landingpage intro (use markdown) + description: Leave empty to use the content of your base content page. + introButtonLink: + type: text + label: Link for startbutton + placeholder: /my/deeplink + css: 'lg:w-half' + introButtonLabel: + type: text + label: Label for startbutton + placeholder: my label + css: 'lg:w-half' + introFullsize: + type: checkbox + label: Full Screen + checkboxlabel: Use full screen for the intro segment + introImage: + type: checkbox + label: Background Image + checkboxlabel: Use the hero-image from the homepage as background image + introImageOpacity: + type: text + label: Opacity for background image + placeholder: 0.8 + + landingpageInfo: + type: fieldset + legend: Landingpage Info Segment + fields: + infoPosition: + type: number + label: Position of Info Segment + description: Use 0 to disable the section + infoMarkdown: + type: textarea + label: Use Markdown + + landingpageTeaser: + type: fieldset + legend: Landingpage Teaser Segment + fields: + teaserPosition: + type: number + label: Position of Teaser Segment + description: Use 0 to disable the section + teaser1title: + type: text + label: Teaser 1 Title + css: 'lg:w-half' + teaser1text: + type: text + label: Teaser 1 Text + css: 'lg:w-half' + teaser1link: + type: text + label: Teaser 1 Link + css: 'lg:w-half' + teaser1label: + type: text + label: Teaser 1 Label + css: 'lg:w-half' + teaser2title: + type: text + label: Teaser 2 Title + css: 'lg:w-half' + teaser2text: + type: text + label: Teaser 2 Text + css: 'lg:w-half' + teaser2link: + type: text + label: Teaser 2 Link + css: 'lg:w-half' + teaser2label: + type: text + label: Teaser 2 Label + css: 'lg:w-half' + teaser3title: + type: text + label: Teaser 3 Title + css: 'lg:w-half' + teaser3text: + type: text + label: Teaser 3 Text + css: 'lg:w-half' + teaser3link: + type: text + label: Teaser 3 Link + css: 'lg:w-half' + teaser3label: + type: text + label: Teaser 3 Label + css: 'lg:w-half' + + landingpageContrast: + type: fieldset + legend: Landingpage Contrast Segment + fields: + contrastPosition: + type: number + label: Position of Contrast Segment + description: Use 0 to disable the section + contrastTitle: + type: text + label: Title + contrastText: + type: textarea + label: Text + contrastLink: + type: text + label: Button Link + css: 'lg:w-half' + contrastLabel: + type: text + label: Button Label + css: 'lg:w-half' + + landingpageNavi: + type: fieldset + legend: Landingpage Navigation Segment + fields: + naviPosition: + type: number + label: Position of Navi Segment + description: Use 0 to disable the section + naviTitle: + type: text + label: Title for navigation + naviDepth: + type: number + label: How many navigation levels? + + landingpageNews: + type: fieldset + legend: Landingpage News Segment + fields: + newsPosition: + type: number + label: Position of News Segment + description: Use 0 to disable the section + css: 'lg:w-half' + newsHeadline: + type: text + label: Headline for news-segment + placeholder: News + css: 'lg:w-half' + newsFolder: + type: text + label: List entries from folder + placeholder: /blog + description: Add a path to a folder from which you want to list entries + css: 'lg:w-half' + newsLabel: + type: text + label: Label for read more link + placeholder: All News + css: 'lg:w-half' + + fieldsetAuthor: + type: fieldset + legend: Article Author + fields: + authorPosition: + type: checkboxlist + label: Position of article author-line (top/bottom) + options: + top: Top + bottom: Bottom + + authorIntro: + type: text + label: Author intro text + placeholder: Author + + fieldsetDate: + type: fieldset + legend: Article Date + fields: + datePosition: + type: checkboxlist + label: Position of article date (top/bottom) + options: + top: Top + bottom: Bottom + + dateIntro: + type: text + label: Date intro text + placeholder: Last Updated + css: 'lg:w-half' + + dateFormat: + type: select + label: Date format + css: 'lg:w-half' + options: + 'm/d/Y': 01/20/2020 + 'd.m.Y': 20.01.2020 + + fieldsetGitHub: + type: fieldset + legend: Article edit link + fields: + gitPosition: + type: checkboxlist + label: Position of the edit link (top/bottom) + options: + top: Top + bottom: Bottom + + gitLink: + type: text + label: Link to repository + placeholder: https://github.com/typemill/documentation + help: Add the base url to the content repository (e.g. github). + + editText: + type: text + label: Text/label for edit link + placeholder: edit on github + + editIcon: + type: checkbox + label: Icon + checkboxlabel: use an edit-icon instead of text + + fieldsetPrint: + type: fieldset + legend: Print Button + fields: + printPosition: + type: checkboxlist + label: Position of the print-button (top/bottom) + options: + top: Top + bottom: Bottom + + printText: + type: text + label: Text/label for print-button + placeholder: print + + printIcon: + type: checkbox + label: Icon + checkboxlabel: use a print-icon instead of text + + fieldsetNavigations: + type: fieldset + legend: Navigations and Chapters + fields: + chapnum: + type: checkbox + label: Chapter Numbers + checkboxlabel: Show chapter numbers in navigation? + collapseNav: + type: checkbox + label: Collapse navigation + checkboxlabel: Collapse and expand navigation? + expand: + type: text + label: Label for expand button + placeholder: expand navigation + css: 'lg:w-half' + collapse: + type: text + label: Label for collapse button + placeholder: collapse navigation + css: 'lg:w-half' + next: + type: text + label: Label for next link + placeholder: next + css: 'lg:w-half' + previous: + type: text + label: Label for previous link + placeholder: previous + css: 'lg:w-half' + + fieldsetfooter: + type: fieldset + legend: Footer columns + fields: + footercolumns: + type: checkboxlist + label: Activate footer columns + options: + footer1: Column 1 + footer2: Column 2 + footer3: Column 3 + footer1: + type: textarea + label: footer column 1 (use markdown) + footer2: + type: textarea + label: footer column 2 (use markdown) + footer3: + type: textarea + label: footer column 3 (use markdown) + + + fieldsetcopyrightline: + type: fieldset + legend: Copyright Line + fields: + copyrightline: + type: checkbox + checkboxlabel: Overwrite the copyright line + copyrightlinetext: + type: textarea + label: Overwrite Copyright Line (use markdown) + description: If overwrite the copyright line with the link to typemill, then please support Typemill e.g. with a link in the imprint, a blog-post, a social media mention or a recommendation. + + fieldsetFonts: + type: fieldset + legend: Font Families + fields: + font: + type: select + label: General font-family + description: All fonts are system fonts with fallbacks + options: + BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif: sans-serif + georgia,times,serif: serif + courier,sans-serif: courier (sans-serif) + helvetica,sans-serif: helvetica (sans-serif) + avenir,sans-serif: avenir (sans-serif) + athelas,serif: athelas (serif) + georgia,serif: georgia (serif) + times,serif: times (serif) + bodoni,serif: bodoni (serif) + calisto,serif: calisto (serif) + garamond,serif: garamond (serif) + baskerville,serif: baskerville (serif) + fontheadline: + type: select + label: Font-family for headlines + description: All fonts are system fonts with fallbacks + options: + BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif: sans-serif + georgia,times,serif: serif + courier,sans-serif: courier (sans-serif) + helvetica,sans-serif: helvetica (sans-serif) + avenir,sans-serif: avenir (sans-serif) + athelas,serif: athelas (serif) + georgia,serif: georgia (serif) + times,serif: times (serif) + bodoni,serif: bodoni (serif) + calisto,serif: calisto (serif) + garamond,serif: garamond (serif) + baskerville,serif: baskerville (serif) + fontnavi: + type: select + label: Font-family for navigations + description: All fonts are system fonts with fallbacks + options: + BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif: sans-serif + georgia,times,serif: serif + courier,sans-serif: courier (sans-serif) + helvetica,sans-serif: helvetica (sans-serif) + avenir,sans-serif: avenir (sans-serif) + athelas,serif: athelas (serif) + georgia,serif: georgia (serif) + times,serif: times (serif) + bodoni,serif: bodoni (serif) + calisto,serif: calisto (serif) + garamond,serif: garamond (serif) + baskerville,serif: baskerville (serif) + + fieldsetColors: + type: fieldset + legend: Colors + fields: + brandcolorprimary: + type: text + label: Background color for body + placeholder: 'leightseagreen' + css: 'lg:w-half' + fontcolorprimary: + type: text + label: Font color for body + placeholder: 'white' + css: 'lg:w-half' + newsbackground: + type: text + label: Background color for news-box + placeholder: 'white' + css: 'lg:w-half' + newscolor: + type: text + label: Font color for news-box + placeholder: '#333' + css: 'lg:w-half' + brandcolortertiary: + type: text + label: Background color for buttons + placeholder: 'lightseagreen' + css: 'lg:w-half' + fontcolortertiary: + type: text + label: Font color for buttons + placeholder: '#F7F7F7' + css: 'lg:w-half' + bordercolortertiary: + type: text + label: Border color for buttons + placeholder: '#F7F7F7' + css: 'lg:w-half' + fontcolorlink: + type: text + label: Font color for content links + placeholder: '#007F7F' + css: 'lg:w-half' + brandcolorsecondary: + type: text + label: Background color for content + placeholder: '#f7f7f7' + css: 'lg:w-half' + fontcolorsecondary: + type: text + label: Font color for content + placeholder: '#333' + css: 'lg:w-half' + codebackground: + type: text + label: Background color for code + placeholder: '#ddd' + css: 'lg:w-half' + codecolor: + type: text + label: Font color for code + placeholder: '#333' + css: 'lg:w-half' + contentnavihoverbackground: + type: text + label: Background color for hover of content navigation + placeholder: 'lightseagreen' + css: 'lg:w-half' + contentnavihovercolor: + type: text + label: Font color for hover of content navigation + placeholder: 'white' + css: 'lg:w-half' + thinbordercolor: + type: text + label: Thin border color + placeholder: 'lightgray' + description: Used for content navigation, table and horizontal line + css: 'lg:w-half' + noticecolors: + type: checkbox + label: Color for notices + checkboxlabel: Use grayscale color schema for notices + css: 'lg:w-half' + +metatabs: + meta: + fields: + fieldsetfolder: + fields: + glossary: + type: checkbox + label: Glossary List (cyanine theme) + checkboxlabel: List pages or posts of this folder as glossary (only for folders) \ No newline at end of file diff --git a/typemill_data/themes/cyanine/home.twig b/typemill_data/themes/cyanine/home.twig new file mode 100644 index 0000000..1f90786 --- /dev/null +++ b/typemill_data/themes/cyanine/home.twig @@ -0,0 +1,19 @@ +{% set home = { + "landingpageIntro" : settings.themes.cyanine.introPosition, + "landingpageInfo" : settings.themes.cyanine.infoPosition, + "landingpageTeaser" : settings.themes.cyanine.teaserPosition, + "landingpageContrast" : settings.themes.cyanine.contrastPosition, + "landingpageNavi" : settings.themes.cyanine.naviPosition, + "landingpageNews" : settings.themes.cyanine.newsPosition + } +%} + +{% for section,index in home|sort %} + + {% if index > 0 %} + + {% include 'home/' ~ section ~ '.twig' %} + + {% endif %} + +{% endfor %} \ No newline at end of file diff --git a/typemill_data/themes/cyanine/home/landingpageContrast.twig b/typemill_data/themes/cyanine/home/landingpageContrast.twig new file mode 100644 index 0000000..1a33bf4 --- /dev/null +++ b/typemill_data/themes/cyanine/home/landingpageContrast.twig @@ -0,0 +1,11 @@ +
+ +
+

{{ settings.themes.cyanine.contrastTitle }}

+

{{ markdown(settings.themes.cyanine.contrastText) }}

+ {% if settings.themes.cyanine.contrastLink %} + {{ settings.themes.cyanine.contrastLabel }} + {% endif %} +
+ +
diff --git a/typemill_data/themes/cyanine/home/landingpageInfo.twig b/typemill_data/themes/cyanine/home/landingpageInfo.twig new file mode 100644 index 0000000..2b26dd6 --- /dev/null +++ b/typemill_data/themes/cyanine/home/landingpageInfo.twig @@ -0,0 +1,9 @@ +
+ +
+ + {{ markdown(settings.themes.cyanine.infoMarkdown) }} + +
+ +
\ No newline at end of file diff --git a/typemill_data/themes/cyanine/home/landingpageIntro.twig b/typemill_data/themes/cyanine/home/landingpageIntro.twig new file mode 100644 index 0000000..b7bbaec --- /dev/null +++ b/typemill_data/themes/cyanine/home/landingpageIntro.twig @@ -0,0 +1,44 @@ +{% if settings.themes.cyanine.introFullsize %} +
+ +
+ +
+ +{% else %} +
+ +
+ +
+ +{% endif %} +
+
+ {% if logo %} + + {% elseif settings.themes.cyanine.introTitle %} +

{{ settings.themes.cyanine.introTitle }}

+ {% else %} +

{{ title }}

+ {% endif %} +
+ +
+ {% if settings.themes.cyanine.introMarkdown %} + {{ markdown(settings.themes.cyanine.introMarkdown) }} + {% else %} + {{ content }} + {% endif %} +
+ + {% if settings.themes.cyanine.introButtonLink %} + + {{ settings.themes.cyanine.introButtonLabel }} + + {% endif %} +
+
+
+ +
diff --git a/typemill_data/themes/cyanine/home/landingpageNavi.twig b/typemill_data/themes/cyanine/home/landingpageNavi.twig new file mode 100644 index 0000000..fde7c0c --- /dev/null +++ b/typemill_data/themes/cyanine/home/landingpageNavi.twig @@ -0,0 +1,12 @@ +
+ +
+ +

{{ settings.themes.cyanine.naviTitle }}

+ + +
+ +
\ No newline at end of file diff --git a/typemill_data/themes/cyanine/home/landingpageNews.twig b/typemill_data/themes/cyanine/home/landingpageNews.twig new file mode 100644 index 0000000..e838b91 --- /dev/null +++ b/typemill_data/themes/cyanine/home/landingpageNews.twig @@ -0,0 +1,66 @@ +
+ +
+ +

{{ settings.themes.cyanine.newsHeadline }}

+ + {% set pagelist = getPageList(navigation, settings.themes.cyanine.newsFolder, base_url) %} + + {% if pagelist.contains == 'pages' %} + + + + {% elseif pagelist.contains == 'posts' %} + + + + {% endif %} + + {{ settings.themes.cyanine.newsLabel }} + +
+ +
diff --git a/typemill_data/themes/cyanine/home/landingpageTeaser.twig b/typemill_data/themes/cyanine/home/landingpageTeaser.twig new file mode 100644 index 0000000..7063ce8 --- /dev/null +++ b/typemill_data/themes/cyanine/home/landingpageTeaser.twig @@ -0,0 +1,27 @@ +
+ +
+ {% if settings.themes.cyanine.teaser1title %} +
+

{{ settings.themes.cyanine.teaser1title }}

+

{{ settings.themes.cyanine.teaser1text }}

+ {{ settings.themes.cyanine.teaser1label }} +
+ {% endif %} + {% if settings.themes.cyanine.teaser2title %} +
+

{{ settings.themes.cyanine.teaser2title }}

+

{{ settings.themes.cyanine.teaser2text }}

+ {{ settings.themes.cyanine.teaser2label }} +
+ {% endif %} + {% if settings.themes.cyanine.teaser3title %} +
+

{{ settings.themes.cyanine.teaser3title }}

+

{{ settings.themes.cyanine.teaser3text }}

+ {{ settings.themes.cyanine.teaser3label }} +
+ {% endif %} +
+ +
\ No newline at end of file diff --git a/typemill_data/themes/cyanine/index.twig b/typemill_data/themes/cyanine/index.twig new file mode 100644 index 0000000..39c2a29 --- /dev/null +++ b/typemill_data/themes/cyanine/index.twig @@ -0,0 +1,21 @@ +{% extends '/layout.twig' %} + +{% block title %}{{ metatabs.meta.title }} | {{ settings.title }}{% endblock %} + +{% block content %} + + {% if home and settings.themes.cyanine.landingpage %} + + {% include 'home.twig' %} + + {% elseif home and settings.themes.cyanine.blog %} + + {% include 'blog.twig' %} + + {% else %} + + {% include 'page.twig' %} + + {% endif %} + +{% endblock %} \ No newline at end of file diff --git a/typemill_data/themes/cyanine/js/script.js b/typemill_data/themes/cyanine/js/script.js new file mode 100644 index 0000000..dec3afb --- /dev/null +++ b/typemill_data/themes/cyanine/js/script.js @@ -0,0 +1,7 @@ +/* Y O U R J A V A S C R I P T + +** Add your JavaScript here +** You can activate and use VUE.js and AXIOS: https://typemill.net/theme-developers/helper-functions#activate-vuejs-and-axios +** Typemillutilities.js is included in index.twig for managing youtube-videos. + +*/ \ No newline at end of file diff --git a/typemill_data/themes/cyanine/languages/admin/en.yaml b/typemill_data/themes/cyanine/languages/admin/en.yaml new file mode 100644 index 0000000..616e859 --- /dev/null +++ b/typemill_data/themes/cyanine/languages/admin/en.yaml @@ -0,0 +1,78 @@ +# English +# Please add translations for your theme like this +ACTIVATE_A_LANDINGPAGE: Activate a landingpage +ACTIVATE_FOOTER_COLUMNS: Activate footer columns +ADD_A_PATH_TO_A_FOLDER_FROM_WHICH_YOU_WANT_TO_LIST_ENTRIES: Add a path to a folder from which you want to list entries +ADD_THE_BASE_URL_TO_THE_CONTENT_REPOSITORY__E_G__GITHUB__: Add the base url to the content repository (e.g. github). +ALL_FONTS_ARE_SYSTEM_FONTS_WITH_(FALLBACKS)_IF_THE_FONT_IS_NOT_INSTALLED: All fonts are system fonts with (fallbacks) if the font is not installed +ARTICLE_AUTHOR: Article Author +ARTICLE_DATE: Article Date +ARTICLE_EDIT_LINK: Article edit link +AUTHOR_INTRO_TEXT: Author intro text +BASIC_FONT_FAMILY: Basic font-family +BOTTOM: Bottom +BUTTON_LABEL: Button Label +BUTTON_LINK: Button Link +COLORS: Colors +COUNT_CHAPTERS_IN_NAVIGATION?: Count chapters in navigation? +CYANINE_IS_A_MODERN_AND_FLEXIBLE_MULTI_PURPOSE_THEME_AND_THE_STANDARD_THEME_FOR_TYPEMILL_: Cyanine is a modern and flexible multi-purpose theme and the standard theme for typemill. +DATE_FORMAT: Date format +DATE_INTRO_TEXT: Date intro text +FONT_FAMILIES: Font Families +FONT_FAMILY_FOR_HEADLINES: Font-family for headlines +FONT_FAMILY_FOR_NAVIGATIONS: Font-family for navigations +FOOTER_COLUMN_1_(USE_MARKDOWN): footer column 1 (use markdown) +FOOTER_COLUMN_2_(USE_MARKDOWN): footer column 2 (use markdown) +FOOTER_COLUMN_3_(USE_MARKDOWN): footer column 3 (use markdown) +FOOTER_COLUMNS: Footer columns +HEADLINE_FOR_NEWS_SEGMENT: Headline for news-segment +HOW_MANY_NAVIGATION_LEVELS?: How many navigation levels? +LABEL_FOR_READ_MORE_LINK: Label for read more link +LABEL_FOR_STARTBUTTON: Label for startbutton +LANDINGPAGE_CONTRAST_SEGMENT: Landingpage Contrast Segment +LANDINGPAGE_INFO_SEGMENT: Landingpage Info Segment +LANDINGPAGE_INTRO_SEGMENT: Landingpage Intro Segment +LANDINGPAGE_NAVIGATION_SEGMENT: Landingpage Navigation Segment +LANDINGPAGE_NEWS_SEGMENT: Landingpage News Segment +LANDINGPAGE_TEASER_SEGMENT: Landingpage Teaser Segment +LINK_FOR_STARTBUTTON: Link for startbutton +LINK_TO_REPOSITORY: Link to repository +LIST_ENTRIES_FROM_FOLDER: List entries from folder +NAVIGATIONS_AND_CHAPTERS: Navigations and Chapters +POSITION_OF_ARTICLE_AUTHOR_LINE_(TOP/BOTTOM): Position of article author-line (top/bottom) +POSITION_OF_ARTICLE_DATE_(TOP/BOTTOM): Position of article date (top/bottom) +POSITION_OF_CONTRAST_SEGMENT: Position of Contrast Segment +POSITION_OF_INFO_SEGMENT: Position of Info Segment +POSITION_OF_INTRO_SEGMENT: Position of Intro Segment +POSITION_OF_NAVI_SEGMENT: Position of Navi Segment +POSITION_OF_NEWS_SEGMENT: Position of News Segment +POSITION_OF_TEASER_SEGMENT: Position of Teaser Segment +POSITION_OF_THE_EDIT_LINK_(TOP/BOTTOM): Position of the edit link (top/bottom) +PRIMARY_BRAND_COLOR: Primary brand color +PRIMARY_FONT_COLOR: Primary font color +SECONDARY_BRAND_COLOR: Secondary brand color +SECONDARY_FONT_COLOR: Secondary font color +SHOW_CHAPTER_NUMBERS: Show Chapter Numbers +TEASER_1_LABEL: Teaser 1 Label +TEASER_1_LINK: Teaser 1 Link +TEASER_1_TEXT: Teaser 1 Text +TEASER_1_TITLE: Teaser 1 Title +TEASER_2_LABEL: Teaser 1 Label +TEASER_2_LINK: Teaser 2 Link +TEASER_2_TEXT: Teaser 2 Text +TEASER_2_TITLE: Teaser 2 Title +TEXT/LABEL_FOR_EDIT_LINK: Text/label for edit link +TEXT_LINKS: text-links +TEXT: Text +THIN_BORDER_COLOR: Thin border color +TITLE_FOR_NAVIGATION: Title for navigation +TITLE: Title +TOP: Top +USE_0_TO_DISABLE_THE_SECTION: Use 0 to disable the section +USED_AS_CONTRARY_COLOR_FOR_HOVERS_IN_NAVIGATION_AND_BUTTONS: Used as contrary color for hovers in navigation and buttons +USED_FOR_CONTENT_BACKGROUND__FONT_COLORS_ON_HOVER_AND_MORE: Used for content background, font-colors on hover and more +USED_FOR_LINKS__CHECK_CONTRAST_FOR_A11Y_: Used for links, check contrast for a11y. +USED_FOR_TEXT: Used for text +USED_FOR_THE_BODY_BACKGROUND_AND_BORDERS: Used for the body background and borders +USED_FOR_THIN_BORDERS_IN_NAVIGATIONS_AND_TABLES: Used for thin borders in navigations and tables +USE_MARKDOWN: Use Markdown \ No newline at end of file diff --git a/typemill_data/themes/cyanine/languages/admin/fr.yaml b/typemill_data/themes/cyanine/languages/admin/fr.yaml new file mode 100644 index 0000000..213e0e9 --- /dev/null +++ b/typemill_data/themes/cyanine/languages/admin/fr.yaml @@ -0,0 +1,84 @@ +# Français +# Ajoutez les traductions dans votre thème comme ici +ACTIVATE_A_LANDINGPAGE: Activer une landing page +ACTIVATE_FOOTER_COLUMNS: Activer les colonnes du pied de page +ADD_A_PATH_TO_A_FOLDER_FROM_WHICH_YOU_WANT_TO_LIST_ENTRIES: Ajouter un chemin d'accès à un dossier à partir duquel vous souhaitez lister les entrées +ADD_THE_BASE_URL_TO_THE_CONTENT_REPOSITORY__E_G__GITHUB__: Ajouter l'url de base vers un dépôt de contenu (par exemple Github). +ALL_FONTS_ARE_SYSTEM_FONTS_WITH_(FALLBACKS)_IF_THE_FONT_IS_NOT_INSTALLED: Toutes les polices sont des polices système (avec solution de recours si la police n'est pas installée) +ARTICLE_AUTHOR: Auteur de l'article +ARTICLE_DATE: Date de création +ARTICLE_EDIT_LINK: Lien d'édition de l'article +AUTHOR_INTRO_TEXT: Texte d'introduction de l'auteur +BASIC_FONT_FAMILY: Police de base +BOTTOM: Bas +BUTTON_LABEL: Étiquette de bouton +BUTTON_LINK: Bouton lien +COLLAPSE_NAVIGATION: Réduire les menus +COLLAPSE_AND_EXPAND_NAVIGATION?: Replier et développer les menus ? +COLORS: Couleurs +COLUMN_1: Colonne 1 +COLUMN_2: Colonne 2 +COLUMN_3: Colonne 3 +COUNT_CHAPTERS_IN_NAVIGATION?: Numéroter les chapitres dans le menu de navigation ? +CYANINE_IS_A_MODERN_AND_FLEXIBLE_MULTI_PURPOSE_THEME_AND_THE_STANDARD_THEME_FOR_TYPEMILL_: Cyanine est un thème multi-usages moderne et adaptable. C'est le thème standard de Typemill. +DATE_FORMAT: Format de la date de création/modifcation +DATE_INTRO_TEXT: Étiquette de la date +FONT_FAMILIES: Polices +FONT_FAMILY_FOR_HEADLINES: Police pour les titres +FONT_FAMILY_FOR_NAVIGATIONS: Police pour les menus +FOOTER_COLUMN_1_(USE_MARKDOWN): Pied de page colonne 1 (utilisez le markdown) +FOOTER_COLUMN_2_(USE_MARKDOWN): Pied de page colonne 2 (utilisez le markdown) +FOOTER_COLUMN_3_(USE_MARKDOWN): Pied de page colonne 3 (utilisez le markdown) +FOOTER_COLUMNS: Colonnes de pied de page +HEADLINE_FOR_NEWS_SEGMENT: Titres pour les segments Actualités +HOW_MANY_NAVIGATION_LEVELS?: Combien de niveaux de menu ? +LABEL_FOR_READ_MORE_LINK: Étiquette pour les liens Plus +LABEL_FOR_STARTBUTTON: Étiquette pour le bouton de démarrage +LANDINGPAGE_CONTRAST_SEGMENT: Segment Contraste de la landing page +LANDINGPAGE_INFO_SEGMENT: Segment Info de la landing page +LANDINGPAGE_INTRO_SEGMENT: Segment Intro de la landing page +LANDINGPAGE_NAVIGATION_SEGMENT: Segment Menu de la landing page +LANDINGPAGE_NEWS_SEGMENT: Segment Actualités de la landing page +LANDINGPAGE_TEASER_SEGMENT: Segment Teaser de la landing page +LINK_FOR_STARTBUTTON: Lien pour le bouton de démarrage +LINK_TO_REPOSITORY: Lien vers le dépôt Git +LIST_ENTRIES_FROM_FOLDER: Lister les entrées à partir du dossier +NAVIGATIONS_AND_CHAPTERS: Menus et chapitres +POSITION_OF_ARTICLE_AUTHOR_LINE_(TOP/BOTTOM): Position de la ligne Auteur (haut/bas) +POSITION_OF_ARTICLE_DATE_(TOP/BOTTOM): Position de la date de création/modification de l'article (haut/bas) +POSITION_OF_CONTRAST_SEGMENT: Position du segment Contraste +POSITION_OF_INFO_SEGMENT: Position du segment Info +POSITION_OF_INTRO_SEGMENT: Position du segment Intro +POSITION_OF_NAVI_SEGMENT: Position du segment Menu +POSITION_OF_NEWS_SEGMENT: Position du segment Actualités +POSITION_OF_TEASER_SEGMENT: Position du segment Teaser +POSITION_OF_THE_EDIT_LINK_(TOP/BOTTOM): Position du lien d'édition (haut/bas) +PRIMARY_BRAND_COLOR: Couleur principale +PRIMARY_FONT_COLOR: Couleur principale de police +SECONDARY_BRAND_COLOR: Couleur secondaire +SECONDARY_FONT_COLOR: Couleu secondaire de police +SHOW_CHAPTER_NUMBERS: Afficher les numéros de chapitre +SHOW_CHAPTER_NUMBERS_IN_NAVIGATION?: Afficher les numéros de chapitre dans les menus ? +TEASER_1_LABEL: Teaser 1 Label +TEASER_1_LINK: Teaser 1 Lien +TEASER_1_TEXT: Teaser 1 Texte +TEASER_1_TITLE: Teaser 1 Titre +TEASER_2_LABEL: Teaser 1 Label +TEASER_2_LINK: Teaser 2 Lien +TEASER_2_TEXT: Teaser 2 Texte +TEASER_2_TITLE: Teaser 2 Titre +TEXT/LABEL_FOR_EDIT_LINK: Texte/label pour le lien d'édition +TEXT_LINKS: Liens textes +TEXT: Texte +THIN_BORDER_COLOR: Couleur des bordures fines +TITLE_FOR_NAVIGATION: Titre pour le menu +TITLE: Titre +TOP: Haut +USE_0_TO_DISABLE_THE_SECTION: Utilisez 0 pour désactiver la section +USED_AS_CONTRARY_COLOR_FOR_HOVERS_IN_NAVIGATION_AND_BUTTONS: Utilisée comme couleur inverse au passage de la souris sur les menus et les boutons +USED_FOR_CONTENT_BACKGROUND__FONT_COLORS_ON_HOVER_AND_MORE: Utilisée comme couleur d'arrière-plan, couleur de police au passage de la souris et autres +USED_FOR_LINKS__CHECK_CONTRAST_FOR_A11Y_: Utilisée pour les liens, vérifiez le contraste pour a11y. +USED_FOR_TEXT: Utilisée pour le texte +USED_FOR_THE_BODY_BACKGROUND_AND_BORDERS: Utilisée pour l'arrière plan du body et pour les bordures +USED_FOR_THIN_BORDERS_IN_NAVIGATIONS_AND_TABLES: Utilisée pour les bordures fines dans les menus et les tableaux +USE_MARKDOWN: Utilisez le markdown diff --git a/typemill_data/themes/cyanine/languages/admin/it.yaml b/typemill_data/themes/cyanine/languages/admin/it.yaml new file mode 100644 index 0000000..cb6211b --- /dev/null +++ b/typemill_data/themes/cyanine/languages/admin/it.yaml @@ -0,0 +1,78 @@ +# Italiano +# Aggiungi traduzioni per il tuo tema in questo modo +ACTIVATE_A_LANDINGPAGE: Attiva una pagina di destinazione +ACTIVATE_FOOTER_COLUMNS: Attiva colonne piè di pagina +ADD_A_PATH_TO_A_FOLDER_FROM_WHICH_YOU_WANT_TO_LIST_ENTRIES: Aggiungi un percorso a una cartella da cui desideri elencare le voci +ADD_THE_BASE_URL_TO_THE_CONTENT_REPOSITORY__E_G__GITHUB__: Aggiungi l'URL di base al deposito dei contenuti (a esempio github). +ALL_FONTS_ARE_SYSTEM_FONTS_WITH_(FALLBACKS)_IF_THE_FONT_IS_NOT_INSTALLED: Tutti i caratteri sono caratteri di sistema con (fallback) se il carattere non è installato +ARTICLE_AUTHOR: Autore articolo +ARTICLE_DATE: Data articolo +ARTICLE_EDIT_LINK: Collegamento per la modifica dell'articolo +AUTHOR_INTRO_TEXT: Testo introduttivo dell'autore +BASIC_FONT_FAMILY: Famiglia di caratteri di base +BOTTOM: Basso +BUTTON_LABEL: Etichetta pulsante +BUTTON_LINK: Collegamento pulsante +COLORS: Colori +COUNT_CHAPTERS_IN_NAVIGATION?: Contare i capitoli nella navigazione? +CYANINE_IS_A_MODERN_AND_FLEXIBLE_MULTI_PURPOSE_THEME_AND_THE_STANDARD_THEME_FOR_TYPEMILL_: Cyanine è un tema multiuso moderno e flessibile e il tema standard per typemill. +DATE_FORMAT: Formato della data +DATE_INTRO_TEXT: Testo introduttivo della data +FONT_FAMILIES: Famiglie di caratteri +FONT_FAMILY_FOR_HEADLINES: Famiglia di caratteri per i titoli +FONT_FAMILY_FOR_NAVIGATIONS: Famiglia di caratteri per la navigazione +FOOTER_COLUMN_1_(USE_MARKDOWN): piè di pagina 1 (usa il markdown) +FOOTER_COLUMN_2_(USE_MARKDOWN): piè di pagina 2 (usa il markdown) +FOOTER_COLUMN_3_(USE_MARKDOWN): piè di pagina 3 (usa il markdown) +FOOTER_COLUMNS: Colonne piè di pagina +HEADLINE_FOR_NEWS_SEGMENT: Titolo per il segmento notizie +HOW_MANY_NAVIGATION_LEVELS?: Quanti livelli di navigazione? +LABEL_FOR_READ_MORE_LINK: Etichetta per il collegamento per ulteriori informazioni +LABEL_FOR_STARTBUTTON: Etichetta per il pulsante di avvio +LANDINGPAGE_CONTRAST_SEGMENT: Segmento contrasto della pagina di destinazione +LANDINGPAGE_INFO_SEGMENT: Segmento informazioni della pagina di destinazione +LANDINGPAGE_INTRO_SEGMENT: Segmento introduttivo della pagina di destinazione +LANDINGPAGE_NAVIGATION_SEGMENT: Segmento navigazione della pagina di destinazione +LANDINGPAGE_NEWS_SEGMENT: Segmento notizie della pagina di destinazione +LANDINGPAGE_TEASER_SEGMENT: Segmento teaser della pagina di destinazione +LINK_FOR_STARTBUTTON: Collegamento per il pulsante di avvio +LINK_TO_REPOSITORY: Collegamento al deposito +LIST_ENTRIES_FROM_FOLDER: Elenca le voci dalla cartella +NAVIGATIONS_AND_CHAPTERS: Navigazione e capitoli +POSITION_OF_ARTICLE_AUTHOR_LINE_(TOP/BOTTOM): Posizione della riga dell'autore dell'articolo (in alto/in basso) +POSITION_OF_ARTICLE_DATE_(TOP/BOTTOM): Posizione della data dell'articolo (in alto/in basso) +POSITION_OF_CONTRAST_SEGMENT: Posizione del segmento contrasto +POSITION_OF_INFO_SEGMENT: Posizione del segmento informazioni +POSITION_OF_INTRO_SEGMENT: Posizione del segmento introduttivo +POSITION_OF_NAVI_SEGMENT: Posizione del segmento navigazione +POSITION_OF_NEWS_SEGMENT: Posizione del segmento notizie +POSITION_OF_TEASER_SEGMENT: Posizione del segmento teaser +POSITION_OF_THE_EDIT_LINK_(TOP/BOTTOM): Posizione del collegamento di modifica (in alto/in basso) +PRIMARY_BRAND_COLOR: Colore principale +PRIMARY_FONT_COLOR: Colore carattere primario +SECONDARY_BRAND_COLOR: Colore secondario +SECONDARY_FONT_COLOR: Colore carattere secondario +SHOW_CHAPTER_NUMBERS: Mostra i numeri dei capitoli +TEASER_1_LABEL: Etichetta teaser 1 +TEASER_1_LINK: Collegamento teaser 1 +TEASER_1_TEXT: Testo teaser 1 +TEASER_1_TITLE: Titolo teaser 1 +TEASER_2_LABEL: Etichetta teaser 2 +TEASER_2_LINK: Collegamento teaser 2 +TEASER_2_TEXT: Testo teaser 2 +TEASER_2_TITLE: Titolo teaser 2 +TEXT/LABEL_FOR_EDIT_LINK: Testo/etichetta per collegamento di modifica +TEXT_LINKS: collegamenti testuali +TEXT: Testo +THIN_BORDER_COLOR: Colore del bordo sottile +TITLE_FOR_NAVIGATION: Titolo per la navigazione +TITLE: Titolo +TOP: Alto +USE_0_TO_DISABLE_THE_SECTION: Usa 0 per disabilitare la sezione +USED_AS_CONTRARY_COLOR_FOR_HOVERS_IN_NAVIGATION_AND_BUTTONS: Usato come colore contrario per il passaggio del mouse nella navigazione e nei pulsanti +USED_FOR_CONTENT_BACKGROUND__FONT_COLORS_ON_HOVER_AND_MORE: Usato per lo sfondo del contenuto, i colori dei caratteri al passaggio del mouse e per altro +USED_FOR_LINKS__CHECK_CONTRAST_FOR_A11Y_: Usato per i collegamenti, controlla il contrasto per a11y. +USED_FOR_TEXT: Usato per il testo +USED_FOR_THE_BODY_BACKGROUND_AND_BORDERS: Usato per lo sfondo e i bordi +USED_FOR_THIN_BORDERS_IN_NAVIGATIONS_AND_TABLES: Usato per bordi sottili nelle navigazioni e nelle tabelle +USE_MARKDOWN: Usa Markdown \ No newline at end of file diff --git a/typemill_data/themes/cyanine/languages/user/en.yaml b/typemill_data/themes/cyanine/languages/user/en.yaml new file mode 100644 index 0000000..0709419 --- /dev/null +++ b/typemill_data/themes/cyanine/languages/user/en.yaml @@ -0,0 +1,7 @@ +# English +# Please add translations for your theme like this +ALL_RIGHTS_RESERVED: All Rights Reserved +BUILT_WITH: Built with +BY: by +NEXT: next +PREVIOUS: previous \ No newline at end of file diff --git a/typemill_data/themes/cyanine/languages/user/it.yaml b/typemill_data/themes/cyanine/languages/user/it.yaml new file mode 100644 index 0000000..491c415 --- /dev/null +++ b/typemill_data/themes/cyanine/languages/user/it.yaml @@ -0,0 +1,7 @@ +# Italiano +# Aggiungi traduzioni per il tuo tema in questo modo +ALL_RIGHTS_RESERVED: Tutti i diritti riservati +BUILT_WITH: Costruito con +BY: di +NEXT: successivo +PREVIOUS: precedente \ No newline at end of file diff --git a/typemill_data/themes/cyanine/layout.twig b/typemill_data/themes/cyanine/layout.twig new file mode 100644 index 0000000..c1dd227 --- /dev/null +++ b/typemill_data/themes/cyanine/layout.twig @@ -0,0 +1,254 @@ + + + + + {% block title %}{% endblock %} + + + + + + + + {{ assets.renderMeta() }} + + {% block stylesheets %} + + + + + + + {{ assets.renderCSS() }} + + {% endblock %} + + + + + + + + + + + + + + + + + + + {% if is_loggedin() %} + + {% endif %} + + {% block content %}{% endblock %} + + {% include 'partials/footer.twig' %} + + {% block javascripts %} + + + + + {% if settings.themes.cyanine.collapseNav %} + + {% endif %} + + {{ assets.renderJS() }} + + {% endblock %} + + + \ No newline at end of file diff --git a/typemill_data/themes/cyanine/page.twig b/typemill_data/themes/cyanine/page.twig new file mode 100644 index 0000000..935fe65 --- /dev/null +++ b/typemill_data/themes/cyanine/page.twig @@ -0,0 +1,148 @@ +{% set published = metatabs.meta.manualdate ? metatabs.meta.manualdate : metatabs.meta.modified %} + +
+ +
+ + + +
+ + + +
+
+ +

{{ title }}

+ + {% if (settings.themes.cyanine.datePosition.top or settings.themes.cyanine.authorPosition.top or settings.themes.cyanine.gitPosition.top or settings.themes.cyanine.printPosition.top) %} +
+
+ {% if settings.themes.cyanine.datePosition.top %} + + {% endif %} + {% if settings.themes.cyanine.authorPosition.top %} + {{ settings.themes.cyanine.authorIntro }} {{ metatabs.meta.author|default(settings.author) }} + {% endif %} +
+
+ {% if settings.themes.cyanine.gitPosition.top %} + {% if settings.themes.cyanine.editIcon %}{% else %}{{ settings.themes.cyanine.editText }}{% endif %} + {% endif %} + {% if settings.themes.cyanine.printPosition.top %} + {% if settings.themes.cyanine.printIcon %}{% else %}{{ settings.themes.cyanine.printText }}{% endif %} + {% endif %} +
+
+ {% endif %} +
+ + {{ content }} + + {% if (settings.themes.cyanine.datePosition.bottom or settings.themes.cyanine.authorPosition.bottom or settings.themes.cyanine.gitPosition.bottom or settings.themes.cyanine.printPosition.bottom) %} +
+
+ {% if settings.themes.cyanine.datePosition.bottom %} + + {% endif %} + {% if settings.themes.cyanine.authorPosition.bottom %} + {{ settings.themes.cyanine.authorIntro }} {{ metatabs.meta.author|default(settings.author) }} + {% endif %} +
+
+ {% if settings.themes.cyanine.gitPosition.bottom %} + {% if settings.themes.cyanine.editIcon %}{% else %}{{ settings.themes.cyanine.editText }}{% endif %} + {% endif %} + {% if settings.themes.cyanine.printPosition.bottom %} + {% if settings.themes.cyanine.printIcon %}{% else %}{{ settings.themes.cyanine.printText }}{% endif %} + {% endif %} +
+
+ {% endif %} + +
+ + {% if item.elementType == 'file' %} + + {% if item.prevItem or item.nextItem %} + +
+ {% if item.prevItem %} + ‹  {{ item.prevItem.name }} + {% endif %} + {% if item.nextItem %} + {{ item.nextItem.name }}  › + {% endif %} +
+ + {% endif %} + + {% endif %} + + {% if item.elementType == 'folder' and metatabs.meta.glossary %} + + + + {% elseif item.elementType == 'folder' and item.contains == 'pages' %} + + + + {% elseif item.elementType == 'folder' and item.contains == 'posts' %} + + {% include 'partials/posts.twig' %} + + {% endif %} + +
+ + + +
+ +
\ No newline at end of file diff --git a/typemill_data/themes/cyanine/partials/breadcrumb.twig b/typemill_data/themes/cyanine/partials/breadcrumb.twig new file mode 100644 index 0000000..43f7a3f --- /dev/null +++ b/typemill_data/themes/cyanine/partials/breadcrumb.twig @@ -0,0 +1,23 @@ +
+ +
+ {{ settings.title }} + + {% for crumb in breadcrumb %} +   ›   + {% if loop.last %} + {{ crumb.name }} + {% else %} + {{ crumb.name }} + {% endif %} + {% endfor %} +
+
+ {% if item.prevItem %} + ‹  {{ settings.themes.cyanine.previous|default('previous') }} + {% endif %} + {% if item.nextItem %} + {{ settings.themes.cyanine.next|default('next') }}  › + {% endif %} +
+
\ No newline at end of file diff --git a/typemill_data/themes/cyanine/partials/footer.twig b/typemill_data/themes/cyanine/partials/footer.twig new file mode 100644 index 0000000..2acdd50 --- /dev/null +++ b/typemill_data/themes/cyanine/partials/footer.twig @@ -0,0 +1,31 @@ +{% if settings.themes.cyanine.footercolumns is not empty %} + +
+
+ {% for column,key in settings.themes.cyanine.footercolumns %} + + {% if settings.themes.cyanine[key] %} +
+ {{ markdown(settings.themes.cyanine[key]) }} +
+ {% endif %} + + {% endfor %} +
+
+ +{% endif %} + +
+ {% if settings.themes.cyanine.copyrightline %} + {{ markdown(settings.themes.cyanine.copyrightlinetext) }} + {% else %} + {% set nowYear = "now"|date("Y") %} + {% if settings.year is empty or settings.year == nowYear %} + {% set copyrightYears = nowYear %} + {% else %} + {% set copyrightYears = settings.year ~ ' - ' ~ nowYear %} + {% endif %} +

{{ settings.copyright }} {{ translate('by') }} {{ settings.author }}, {{ copyrightYears }}. {{ translate('All Rights Reserved') }}. {{ translate('Built with') }} Typemill.

+ {% endif %} +
\ No newline at end of file diff --git a/typemill_data/themes/cyanine/partials/navigation.twig b/typemill_data/themes/cyanine/partials/navigation.twig new file mode 100644 index 0000000..f223c1b --- /dev/null +++ b/typemill_data/themes/cyanine/partials/navigation.twig @@ -0,0 +1,39 @@ +{% macro loop_over(navigation,chapnum) %} + + {% import _self as macros %} + + {% for element in navigation %} + + {% set depth = element.keyPathArray|length %} + + {% if element.activeParent %} +
  • + {% elseif element.active %} +
  • + {% else %} +
  • + {% endif %} + + {% if (element.elementType == 'folder') %} + {% if chapnum %}{{ element.chapter }}. {% endif %}{{ element.name }} + {% if (element.folderContent|length > 0) and (element.contains == 'pages') %} +
      + {{ macros.loop_over(element.folderContent, chapnum) }} +
    + {% endif %} + {% else %} + {% if chapnum %}{{ element.chapter }} {% endif %}{{ element.name }} + {% endif %} +
    • + {% endfor %} +{% endmacro %} + +{% import _self as macros %} + +{% if settings.themes.cyanine.collapseNav %} + +{% endif %} + +
      + {{ macros.loop_over(navigation, settings.themes.cyanine.chapnum ) }} +
    \ No newline at end of file diff --git a/typemill_data/themes/cyanine/partials/navigationFlat.twig b/typemill_data/themes/cyanine/partials/navigationFlat.twig new file mode 100644 index 0000000..db434da --- /dev/null +++ b/typemill_data/themes/cyanine/partials/navigationFlat.twig @@ -0,0 +1,27 @@ +{% set maxdepth = navidepth ? navidepth : 2 %} + +{% macro loop_over(navigation, level, maxdepth, chapnum) %} + + {% import _self as macros %} + + {% for element in navigation %} +
  • + {% if element.elementType == 'folder' and level < maxdepth %} + {% if chapnum %}{{ element.chapter }}. {% endif %}{{ element.name }} + {% if element.contains == 'pages' %} +
      + {{ macros.loop_over(element.folderContent,level+1, maxdepth, chapnum) }} +
    + {% endif %} + {% else %} + {% if chapnum %}{{ element.chapter }} {% endif %}{{ element.name }} + {% endif %} +
    • + {% endfor %} +{% endmacro %} + +{% import _self as macros %} + +
      + {{ macros.loop_over(flatnavi, 1, maxdepth, settings.themes.cyanine.chapnum) }} +
    \ No newline at end of file diff --git a/typemill_data/themes/cyanine/partials/navigationGlossary.twig b/typemill_data/themes/cyanine/partials/navigationGlossary.twig new file mode 100644 index 0000000..f46f529 --- /dev/null +++ b/typemill_data/themes/cyanine/partials/navigationGlossary.twig @@ -0,0 +1,21 @@ +{% macro loop_over(navigation) %} + + {% import _self as macros %} + {% set alphabet = 'ß' %} + + {% for element in navigation|sort((a, b) => a.name <=> b.name) %} + {% if element.name|first|upper != alphabet %} + {% set alphabet = element.name|first|upper %} +

    {{ alphabet }}

    + {% endif %} +
  • + {{ element.name }} +
    • + {% endfor %} +{% endmacro %} + +{% import _self as macros %} + +
      + {{ macros.loop_over(glossary) }} +
    \ No newline at end of file diff --git a/typemill_data/themes/cyanine/partials/posts.twig b/typemill_data/themes/cyanine/partials/posts.twig new file mode 100644 index 0000000..2cfc800 --- /dev/null +++ b/typemill_data/themes/cyanine/partials/posts.twig @@ -0,0 +1,51 @@ +{% set pagesize = 10 %} +{% set pages = ( item.folderContent|length / pagesize)|round(0, 'ceil') %} +{% set currentpage = currentpage ? currentpage : 1 %} +{% set currentposts = (currentpage - 1) * pagesize %} + +
      + + {% for element in item.folderContent|slice(currentposts, pagesize) %} + + {% set post = getPageMeta(settings, element) %} + {% set date = element.order[0:4] ~ '-' ~ element.order[4:2] ~ '-' ~ element.order[6:2] %} + + {% if settings.themes.cyanine.blogimage and post.meta.heroimage != '' %} +
    • +
      + {{ post.meta.heroimagealt }} +
      +
      +
      +

      {{ post.meta.title }}

       +
      | {{ post.meta.author }}
      +
      +

      {{ post.meta.description }}

      +
      +
      • + {% else %} +
    • +
      +

      {{ post.meta.title }}

       +
      | {{ post.meta.author }}
      +
      +

      {{ post.meta.description }}

      +
      • + {% endif %} + + {% endfor %} + + {% if pages > 1 %} +
      +

      Page: + {% for i in 1 .. pages %} + {% if i == currentpage %} + {{i}} + {% else %} + {{i}} + {% endif %} + {% endfor %} +

      + {% endif %} + +
    \ No newline at end of file