Commit 3cd83eb0 authored by DJ Walker's avatar DJ Walker Committed by Forestry.io
Browse files

Update from Forestry.io - Updated index.md

parent 91e3ed08
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<base href="">
<title>Page not found - Forestry-Blocks Demo</title>
<meta name="author" content="Your Name">
<meta name="description" content="Demo site for forestry blocks">
<link rel="stylesheet" href="https://cdn.rawgit.com/dwalkr/forestry-blocks-styles/master/dist/css/main.css"/>
</head>
<body>
<!-- Add your site or application content here -->
<p><h2 id="page-not-found">Page not found</h2>
<p><a href="/" title="Back to homepage">Go to the homepage</a></p>
</p>
<script src="/js/scripts.min.js"></script>
</body>
</html>
\ No newline at end of file
Copyright (c) 2017 Forestry <contact@forestry.io>
MIT License
Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
# Jekyll Boilerplate
**A Jekyll boilerplate for building modern websites 🌲**
This boilerplate wraps [Jekyll](https://jekyllrb.com) with [Gulp](https://gulpjs.com/) as your local development build pipeline.
[PostCSS](http://postcss.org/) and [Webpack](https://webpack.js.org/) + [Babel](https://babeljs.io/) are used for CSS and JS compiling & transpiling.
[BrowserSync](https://www.browsersync.io/) is used for providing a modern local development experience, allowing you to preview your site on multiple devices in sync.
[BrowsersList](https://github.com/ai/browserslist) is used for configuring Browser support.
[SVG Sprite](https://github.com/jkphl/svg-sprite) is used to generate an SVG Sprite.
# Installation
## Prerequisites
To use Gulp, you must have [Node](https://nodejs.org/en/download/) and [NPM](https://www.npmjs.com/get-npm) installed.
## Setup
Once the prerequisites are installed, clone the repository to your local machine, and then run:
```
npm install
```
This will install Jekyll as well as all of the Node dependencies needed to run your Jekyll environment. This may take a little while!
# Development
All development tasks are performed using npm run. See `"scripts"` in [package.json](/package.json) for a full list of commands.
## Local Development
Local development is powered by BrowserSync, you will be able to develop sites rapidly through:
- A local development server at `http://localhost:3000/`.
- Automatic CSS updates without reloading the page
- Automatic page reloads when content is changed
Running the local development server is as simple as running:
```
npm start
```
*This will display all draft, future-dated, or expired content, which is not included in your production build.*
If you'd like to develop with the site as it will appear in production, run:
```
npm run preview
```
## Production Build
To generate a final production build on your local machine you can run:
```
npm run build
```
*The fresh production build of your site will end up in the `dist/` directory.*
# Project Structure
```
.
├── .tmp/ // Temporary directory for development server
├── dist/ // The production build
├── site/ // The Jekyll project, with all content and static files
| ├── .forestry/ // Contains Forestry.io configuration files
| ├── _data/ // YAML files containing site data
| ├── _posts/ // Jekyll's built-in blogging content type
| ├── _layouts/ // Your theme layouts
| ├── _includes/ // Your theme partials
| ├── css/ // Where compiled CSS files live
| ├── js/ // Where compiled JS files live
| ├── img/ // Where theme images live
| ├── uploads/ // Where user uploads are stored
| ├── _config.yml // Production configuration settings
| ├── _development.yml // Settings for local development only
| ├── 404.md // Error page for your site
| └── index.md // Homepage of your site
└─── src/
├── css // CSS/SCSS source files to be compiled to /css/
└── js // JS source files to be compiled to /js/
```
# Inline SVG
Any SVGs found in `src/img/` will be combined into a single SVG Sprite at `site/svg/sprite.symbol.svg`.
This boilerplate comes with a simple include for using SVGs in your layouts. You can select an svg by passing in its ID.
```
{% comment %}
Using a logo stored at src/img/github.svg
{% endcomment %}
{% include svg.html id="github" class="optional-class" width="32" height="32" %}
```
**Note: the `class`, `width`, and `height` params are optional**
# Testing
This boilerplate comes with standard [ESLint](https://eslint.org/) and [StyleLint](https://github.com/stylelint/stylelint) configurations that will lint your CSS and JS for errors or common style issues, which work with most popular IDEs.
The tests can also be run from the command line:
- **JS:** `npm run eslint`
- **CSS:** `npm run stylelint`
If you want to automatically fix lint errors, you can do this from the command line as well:
- **JS:** `npm run eslint:fix`
- **CSS:** `npm run stylelint:fix`
# Cleanup
This boilerplate is self-cleaning, and will remove the production `dist/` and development `.tmp/` folders every time a command is run to ensure that their contents are always up to date.
If you wish to manually cleanup, run:
```
npm run clean
```
# Configuration
All build tasks are handled by Gulp and are located in `gulpfile.babel.js`. All parts of the build are configurable in discrete files to make management easy.
## Paths
All build source and destination paths can be configured from `static-scripts.config.js`.
## Jekyll
The build commands for Jekyll can be configured from `stat-cscripts.config.js`. Build commands are set based on the `NODE_ENV` environment variable. You can optionally load different args using the `GENERATOR_ARGS` environment variable.
Four options are available:
- `default`: the default build commands that are always run
- `development`: additional build commands for the development server
- `preview`: additional build commands for a production development server
- `production`: additional build commands for production builds
## BrowserSync Development Server
The configuration for BrowserSync is found in `.browsersyncrc.js`
## CSS/SASS
The configuration for PostCSS is found in `.postcssrc.js`
## Browser support
Both PostCSS and Webpack use `.browserslistrc` to decide on browser support when compiling.
# Tips & Resources
- To learn about how to develop with Jekyll, see [Jekyll's documentation](https://jekyllrb.com/docs/structure/)
- To learn how to use Jekyll's templating system, see the [documentation](https://jekyllrb.com/docs/templates/)
- Static files are any files stored in the `site/` directory *without* front matter.
- Static files should be stored in the `site/` folder as they should appear in the built site
*E.g, a CNAME file should be stored at `site/CNAME` to become `/CNAME`*
- Javascript files are compiled from the root of `src/js/` to `js/{filename}.js`
- Javascript can be written using ES6, supporting `require()` and `import` statements from npm packages and local JS files
- CSS files are compiled from the root of `src/css/` to `css/{filename}.css`
- Import statements are resolved and included in the compiled CSS files
- For compatibility with Forestry or other CMSs, ensure that compiled CSS and JS files in the `site/` folder are always committed
- Environment variables are provided to your templates, which can be accessed in templates as follows: `{{ getenv "HUGO_ENV" }}`
- For development pipelines, this is equal to `development`
- For production pipelines, this is equal to `production`
- For Forestry's in-app preview feature, this is equal to `staging`
# Using with Forestry
This repository comes with basic example content pre-configured to work with Forestry, which you can use to start building your site.
- Fork this repository to your account
- [Sign up for a Forestry account](https://app.forestry.io/signup), and import this repository as an "Existing Site"
- When prompted for the "Project root", enter `jekyll`
# Contributing
All contributions are welcome! Please see our [Code of Conduct](/.git/CODE_OF_CONDUCT.md) & [Support][/.github/SUPPORT.md] guidelines.
## Licensing
This boilerplate project is released under the [MIT license](/LICENSE).
{"version":3,"sources":["imports/reset.css","imports/variables.css","imports/type.css","imports/layout.css","imports/block.css","styles.css","imports/button.css","<no source>","imports/input.css","imports/block-header-1.css","imports/block-header-2.css","imports/block-header-3.css","imports/block-hero-1.css","imports/block-hero-2.css","imports/block-one-column-1.css","imports/block-two-column-1.css","imports/block-three-column-1.css","imports/block-cta-bar.css","imports/block-footer-1.css","imports/block-footer-2.css","imports/block-text-1.css","imports/block-feature-1.css","imports/block-feature-2.css","imports/block-media-1.css","imports/block-media-2.css"],"names":[],"mappings":"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","file":"styles.css","sourcesContent":["/*\n Put any CSS resets here, or use a CSS reset: https://cssreset.com/\n */\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}",":root {\n /* Colors */\n --color-white: #ffffff;\n --color-white-1: #f7f7f7;\n --color-white-2: #ebe8e8;\n --color-white-3: #dddddd;\n --color-black: #000000;\n --color-black-1: #2b2b2b;\n --color-black-2: #333333;\n --color-black-3: #666666;\n --color-primary: rgb(255, 203, 60);\n --color-highlight: rgb(255, 237, 188);\n}","h1 {\n font-size: 3rem;\n font-weight: bold;\n letter-spacing: -0.1rem;\n line-height: 1;\n}\n\nh1 span.light { font-weight: 300; }\n\nh2 {\n font-size: 2rem;\n font-weight: bold;\n}\n\nh2 span.light {\n font-weight: 300;\n}\n\nh3 {\n font-size: 1rem;\n font-weight: bold;\n letter-spacing: 0;\n line-height: 1.35;\n}\n\np {\n font-size: 1rem;\n font-weight: normal;\n color: var(--color-black-3);\n line-height: 1.35;\n}\n\n@media screen and (min-width: 700px) {\n h1 { font-size: 3.5rem; }\n}\n\n@media screen and (min-width: 1000px) {\n h1 { font-size: 4rem; }\n}",".container {\n width: 1200px;\n max-width: 100%;\n margin: 0 auto;\n}",".block {\n padding: 4rem 2rem;\n}\n\n@media screen and (min-width: 700px) {\n .block {\n padding: 6rem 4rem;\n }\n}","@import \"imports/reset.css\";\n@import \"imports/variables.css\";\n@import \"imports/type.css\";\n@import \"imports/layout.css\";\n@import \"imports/block.css\";\n\n/* Components */\n@import \"imports/button.css\";\n@import \"imports/input.css\";\n\n/* Blocks */\n@import \"imports/block-header-1.css\";\n@import \"imports/block-header-2.css\";\n@import \"imports/block-header-3.css\";\n@import \"imports/block-hero-1.css\";\n@import \"imports/block-hero-2.css\";\n@import \"imports/block-one-column-1.css\";\n@import \"imports/block-two-column-1.css\";\n@import \"imports/block-three-column-1.css\";\n@import \"imports/block-cta-bar.css\";\n@import \"imports/block-footer-1.css\";\n@import \"imports/block-footer-2.css\";\n@import \"imports/block-text-1.css\";\n@import \"imports/block-feature-1.css\";\n@import \"imports/block-feature-2.css\";\n@import \"imports/block-media-1.css\";\n@import \"imports/block-media-2.css\";\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Noto Sans\", \"Ubuntu\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 16px;\n}\n\n*::-moz-selection {\n background: var(--color-highlight);\n color: var(--color-black-2);\n}\n\n*::-webkit-selection {\n background: var(--color-highlight);\n color: var(--color-black-2);\n}\n\n*::selection {\n background: var(--color-highlight);\n color: var(--color-black-2);\n}",".button {\n outline: none;\n border: 0;\n padding: 0.8rem 1.5rem;\n border-radius: 0.3rem;\n font-size: 0.8rem;\n font-weight: 500;\n cursor: pointer;\n position: relative;\n user-select: none;\n}\n\n.button:hover {\n opacity: 0.8;\n}\n\n.button.primary {\n background-color: var(--color-primary);\n color: var(--color-white);\n}\n\n.button.primary.inverted {\n background-color: var(--color-white);\n color: var(--color-black);\n}\n\n/* Secondary */\n.button.secondary {\n background-color: transparent;\n border: 1.5px solid var(--color-primary);\n}\n\n/* Sizes */\n.button.small {\n font-size: 0.6rem;\n padding: 0.5rem 1rem;\n}",null,"input {\n border: none;\n border-bottom: 1px solid var(--color-black);\n font-size: 1rem;\n padding: 0.8rem;\n background: none;\n color: var(--color-black);\n}\n\ninput::placeholder {\n color: var(--color-black-3);\n}\n\ninput.inverted {\n border-bottom: 1px solid var(--color-white);\n color: var(--color-black);\n background: var(--color-white);\n border-radius: 0.3rem;\n}\n\ninput.inverted::placeholder {\n color: var(--color-white-3);\n}",".block-header-1 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 2rem;\n}\n\n.block-header-1--logo img {\n max-height: 1.5rem;\n}\n\n.block-header-1 .nav-item {\n display: inline-block;\n list-style: none;\n margin-right: 1rem;\n font-size: 0.85rem;\n}\n\n.block-header-1 .nav-item.active a {\n color: var(--color-primary);\n}\n\n.block-header-1 .nav-item a {\n text-decoration: none;\n color: var(--color-black-1);\n}\n\n.block-header-1 .nav-item a:hover {\n color: var(--color-black-3);\n}\n\n.block-header-1 .nav-item.active a:hover {\n color: var(--color-primary);\n}\n\n.block-header-1 .nav-item:last-of-type {\n margin: 0;\n}",".block-header-2 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 2rem;\n}\n\n.block-header-2--logo img {\n max-height: 1.5rem;\n}\n\n.block-header-2--nav { \n display: flex;\n align-items: baseline;\n}\n\n.block-header-2 .nav-item {\n display: inline-block;\n list-style: none;\n margin-right: 1rem;\n font-size: 0.85rem;\n}\n\n.block-header-2 .nav-item.active a {\n color: var(--color-primary);\n}\n\n.block-header-2 .nav-item a {\n text-decoration: none;\n color: var(--color-black-1);\n}\n\n.block-header-2 .nav-item a:hover {\n color: var(--color-black-3);\n}\n\n.block-header-2 .nav-item.active a:hover {\n color: var(--color-primary);\n}\n\n.block-header-2 .nav-item:last-of-type {\n margin: 0;\n}\n\n.block-header-2--cta {\n margin-left: 2rem;\n}",".block-header-3 {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 1rem 2rem;\n background-color: var(--color-white);\n}\n\n.block-header-3--logo img {\n max-height: 1.5rem;\n}",".block-hero-1 {\n --bg: var(--color-primary);\n --text: var(--color-white);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 400px;\n background-color: var(--bg);\n color: var(--text);\n text-align: center;\n}\n\n@media screen and (min-width: 700px) {\n .block-hero-1 {\n min-height: 500px;\n }\n}",".block-hero-2 {\n --bg: var(--color-primary);\n --text: var(--color-white);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n background-color: var(--bg);\n color: var(--text);\n background-repeat: no-repeat;\n background-size: auto 100%;\n background-position: right center;\n}\n\n.block-hero-2 .columns {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n}\n\n.block-hero-2 .column.text {\n flex: 0 0 100%;\n text-align: center;\n}\n\n.block-hero-2 .column.media {\n flex: 0 0 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 6rem;\n}\n\n.block-hero-2 .column.text p {\n margin: 1rem 0 2rem 0;\n color: var(--color-white);\n font-size: 1rem;\n}\n\n.block-hero-2 .column.media img {\n width: 100%;\n}\n\n@media screen and (min-width: 700px) {\n \n .block-hero-2 .column.text {\n flex: 0 0 45%;\n text-align: left;\n }\n \n .block-hero-2 .column.media {\n flex: 0 0 55%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 0;\n }\n .block-hero-2 .column.media img {\n width: 45vw;\n max-width: 520px;\n }\n\n}",".block-one-column-1 .columns {\n display: flex;\n flex-wrap: wrap;\n margin: -2rem;\n}\n\n.block-one-column-1 .column {\n flex: 0 0 calc(100% - 4rem);\n margin: 2rem;\n text-align: center;\n}\n\n.block-one-column-1 .column h3 {\n margin-bottom: 1rem;\n}",".block-two-column-1 .columns {\n display: flex;\n flex-wrap: wrap;\n margin: -2rem;\n}\n\n.block-two-column-1 .column {\n flex: 0 0 calc(100% - 4rem);\n margin: 2rem;\n text-align: center;\n}\n\n.block-two-column-1 .column h3 {\n margin-bottom: 1rem;\n}\n\n@media screen and (min-width: 750px) {\n .block-two-column-1 .column {\n flex: 0 0 calc(50% - 4rem);\n }\n}",".block-three-column-1 .columns {\n display: flex;\n flex-wrap: wrap;\n margin: -2rem;\n}\n\n.block-three-column-1 .column {\n flex: 0 0 calc(100% - 4rem);\n margin: 2rem;\n text-align: center;\n}\n\n.block-three-column-1 .column h3 {\n margin-bottom: 1rem;\n}\n\n@media screen and (min-width: 750px) {\n .block-three-column-1 .column {\n flex: 0 0 calc(33.33% - 4rem);\n }\n}",".block-cta-bar {\n padding: 2rem;\n background: var(--color-primary);\n color: var(--color-white);\n}\n\n.block-cta-bar .columns {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n\n.block-cta-bar .text {\n flex: 0 0 100%;\n padding-right: 4rem;\n margin-bottom: 2rem;\n}\n\n.block-cta-bar .text h3 { margin-bottom: 1rem; }\n.block-cta-bar .text p {\n font-size: 1.25rem;\n color: var(--color-white);\n}\n\n.block-cta-bar .cta {\n flex: 0 0 100%;\n text-align: right;\n display: flex;\n align-items: stretch;\n}\n\n.block-cta-bar .cta input {\n flex: auto;\n width: 100px;\n margin-right: 0.25rem;\n border-radius: 0.3rem 0 0 0.3rem;\n}\n\n.block-cta-bar .cta .button {\n flex: 0 0 100px;\n border-radius: 0 0.3rem 0.3rem 0;\n}\n\n@media screen and (min-width: 700px) {\n\n .block-cta-bar {\n padding: 2rem 4rem;\n }\n\n .block-cta-bar .text {\n flex: 0 0 50%;\n margin: 0;\n }\n\n .block-cta-bar .cta {\n flex: 0 0 50%;\n }\n \n .block-cta-bar .cta input {\n flex: auto;\n width: 100px;\n }\n\n}",".block-footer-1 {\n font-size: 0.8rem;\n color: var(--color-black-3);\n text-align: center;\n}",".block-footer-2 .columns {\n display: flex;\n flex-wrap: wrap;\n font-size: 0.8rem;\n margin: -2rem;\n}\n\n.block-footer-2 .column {\n flex: 0 0 calc(50% - 4rem);\n margin: 2rem;\n}\n\n.block-footer-2 img {\n max-width: 100%;\n}\n\n@media screen and (min-width: 700px) {\n .block-footer-2 .column {\n flex: 0 0 calc(25% - 4rem);\n }\n}",".block-text-1 .columns {\n display: flex;\n flex-wrap: wrap;\n margin: 0rem;\n}\n\n.block-text-1 .column {\n margin: 0rem;\n}\n\n.block-text-1 .headline {\n flex: 0 0 100%;\n}\n\n.block-text-1 .headline h3 {\n margin-bottom: 1rem;\n}\n\n.block-text-1 .text {\n flex: 0 0 100%;\n}\n\n.block-text-1 .text p {\n margin: 1rem 0;\n}\n\n.block-text-1 .text p:first-of-type {\n margin: 0 0 1rem 0;\n}\n\n.block-text-1 .text p:last-of-type {\n margin: 1rem 0 0 0;\n}\n\n@media screen and (min-width: 700px) {\n .block-text-1 .columns {\n margin: -2rem;\n }\n\n .block-text-1 .column {\n margin: 2rem;\n }\n\n .block-text-1 .headline {\n flex: 0 0 calc(35% - 4rem);\n }\n \n .block-text-1 .text {\n flex: 0 0 calc(65% - 4rem);\n }\n\n .block-text-1 .headline h3 {\n margin-bottom: 0;\n }\n}",".block-feature-1 .columns {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n text-align: center;\n}\n\n.block-feature-1 .column.text {\n flex: 0 0 100%;\n margin-right: 0;\n margin-bottom: 2rem;\n}\n\n.block-feature-1 .column.media {\n flex: 0 0 100%;\n}\n\n.block-feature-1 .column.text h2 {\n margin-bottom: 1rem;\n}\n\n.block-feature-1 .column.media img {\n max-width: 100%;\n}\n\n@media screen and (min-width: 700px) {\n .block-feature-1 .columns {\n text-align: left;\n }\n \n .block-feature-1 .column.text {\n flex: 0 0 40%;\n margin-right: 2rem;\n margin-bottom: 0;\n }\n \n .block-feature-1 .column.media {\n flex: 0 0 calc(60% - 2rem);\n } \n}",".block-feature-2 .columns {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n text-align: center;\n}\n\n.block-feature-2 .column.text {\n flex: 0 0 100%;\n order: 1;\n margin-bottom: 2rem;\n}\n\n.block-feature-2 .column.media {\n flex: 0 0 100%;\n order: 2;\n margin-right: 0;\n}\n\n.block-feature-2 .column.text h2 {\n margin-bottom: 1rem;\n}\n\n.block-feature-2 .column.media img {\n max-width: 100%;\n}\n\n@media screen and (min-width: 700px) {\n .block-feature-2 .columns {\n text-align: left;\n }\n \n .block-feature-2 .column.text {\n flex: 0 0 50%;\n order: 2;\n margin-bottom: 0;\n }\n \n .block-feature-2 .column.media {\n flex: 0 0 calc(50% - 4rem);\n margin-right: 4rem;\n order: 1;\n }\n}",".block-media-1 img {\n max-width: 100%;\n}\n\n.block-media-1 figcaption {\n font-size: 0.7rem;\n color: var(--color-black-3);\n text-align: center;\n margin-top: 0.5rem;\n}",".block-media-2 .columns {\n display: flex;\n flex-wrap: wrap;\n margin: -1rem;\n}\n\n.block-media-2 .column {\n flex: 0 0 calc(100% - 2rem);\n margin: 1rem;\n}\n\n.block-media-2 .column img {\n max-width: 100%;\n}\n\n.block-media-2 figcaption {\n font-size: 0.7rem;\n color: var(--color-black-3);\n text-align: center;\n margin-top: 0.5rem;\n}\n\n@media screen and (min-width: 700px) {\n .block-media-2 .columns {\n margin: -2rem;\n }\n .block-media-2 .column {\n flex: 0 0 calc(50% - 4rem);\n margin: 2rem;\n } \n}"]}
\ No newline at end of file
/*
Put any CSS resets here, or use a CSS reset: https://cssreset.com/
*/*{box-sizing:border-box;margin:0;padding:0}:root{
/* Colors */}h1{font-size:48px;font-size:3rem;font-weight:700;letter-spacing:-1.6px;letter-spacing:-0.1rem;line-height:1}h1 span.light{font-weight:300}h2{font-size:32px;font-size:2rem;font-weight:700}h2 span.light{font-weight:300}h3{font-weight:700;letter-spacing:0}h3,p{font-size:16px;font-size:1rem;line-height:1.35}p{font-weight:400;color:#666}@media screen and (min-width:700px){h1{font-size:3.5rem}}@media screen and (min-width:1000px){h1{font-size:4rem}}.container{width:1200px;max-width:100%;margin:0 auto}.block{padding:64px 32px;padding:4rem 2rem}@media screen and (min-width:700px){.block{padding:6rem 4rem}}
/* Components */.button{outline:none;border:0;padding:12.8px 24px;padding:0.8rem 1.5rem;border-radius:0.3rem;font-size:12.8px;font-size:0.8rem;font-weight:500;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";opacity:0.8}.button.primary{background-color:#ffcb3c;color:#fff}.button.primary.inverted{background-color:#fff;color:#000}
/* Secondary */.button.secondary{background-color:transparent;border:1.5px solid #ffcb3c}
/* Sizes */.button.small{font-size:9.6px;font-size:0.6rem;padding:8px 16px;padding:0.5rem 1rem}input{border:none;border-bottom:1px solid #000;font-size:16px;font-size:1rem;padding:12.8px;padding:0.8rem;background:none;color:#000}input::-webkit-input-placeholder{color:#666}input:-ms-input-placeholder{color:#666}input::placeholder{color:#666}input.inverted{border-bottom:1px solid #fff;color:#000;background:#fff;border-radius:0.3rem}input.inverted::-webkit-input-placeholder{color:#ddd}input.inverted:-ms-input-placeholder{color:#ddd}input.inverted::placeholder{color:#ddd}
/* Blocks */.block-header-1{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:16px 32px;padding:1rem 2rem}.block-header-1--logo img{max-height:24px;max-height:1.5rem}.block-header-1 .nav-item{display:inline-block;list-style:none;margin-right:16px;margin-right:1rem;font-size:13.6px;font-size:0.85rem}.block-header-1 .nav-item.active a{color:#ffcb3c}.block-header-1 .nav-item a{text-decoration:none;color:#2b2b2b}.block-header-1 .nav-item a:hover{color:#666}.block-header-1 .nav-item.active a:hover{color:#ffcb3c}.block-header-1 .nav-item:last-of-type{margin:0}.block-header-2{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:16px 32px;padding:1rem 2rem}.block-header-2--logo img{max-height:24px;max-height:1.5rem}.block-header-2--nav{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline}.block-header-2 .nav-item{display:inline-block;list-style:none;margin-right:16px;margin-right:1rem;font-size:13.6px;font-size:0.85rem}.block-header-2 .nav-item.active a{color:#ffcb3c}.block-header-2 .nav-item a{text-decoration:none;color:#2b2b2b}.block-header-2 .nav-item a:hover{color:#666}.block-header-2 .nav-item.active a:hover{color:#ffcb3c}.block-header-2 .nav-item:last-of-type{margin:0}.block-header-2--cta{margin-left:32px;margin-left:2rem}.block-header-3{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:16px 32px;padding:1rem 2rem;background-color:#fff}.block-header-3--logo img{max-height:24px;max-height:1.5rem}.block-hero-1{--bg:#ffcb3c;--text:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:400px;background-color:var(--bg);color:var(--text);text-align:center}@media screen and (min-width:700px){.block-hero-1{min-height:500px}}.block-hero-2{--bg:#ffcb3c;--text:#fff;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:100vh;background-color:var(--bg);color:var(--text);background-repeat:no-repeat;background-size:auto 100%;background-position:100%}.block-hero-2,.block-hero-2 .columns{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.block-hero-2 .columns{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}.block-hero-2 .column.text{-ms-flex:0 0 100%;flex:0 0 100%;text-align:center}.block-hero-2 .column.media{-ms-flex:0 0 100%;flex:0 0 100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-top:96px;margin-top:6rem}.block-hero-2 .column.text p{margin:16px 0 32px;margin:1rem 0 2rem;color:#fff;font-size:16px;font-size:1rem}.block-hero-2 .column.media img{width:100%}@media screen and (min-width:700px){.block-hero-2 .column.text{-ms-flex:0 0 45%;flex:0 0 45%;text-align:left}.block-hero-2 .column.media{-ms-flex:0 0 55%;flex:0 0 55%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-top:0}.block-hero-2 .column.media img{width:45vw;max-width:520px}}.block-one-column-1 .columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-32px;margin:-2rem}.block-one-column-1 .column{-ms-flex:0 0 calc(100% - 4rem);flex:0 0 calc(100% - 4rem);margin:32px;margin:2rem;text-align:center}.block-one-column-1 .column h3{margin-bottom:16px;margin-bottom:1rem}.block-two-column-1 .columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-32px;margin:-2rem}.block-two-column-1 .column{-ms-flex:0 0 calc(100% - 4rem);flex:0 0 calc(100% - 4rem);margin:32px;margin:2rem;text-align:center}.block-two-column-1 .column h3{margin-bottom:16px;margin-bottom:1rem}@media screen and (min-width:750px){.block-two-column-1 .column{-ms-flex:0 0 calc(50% - 4rem);flex:0 0 calc(50% - 4rem)}}.block-three-column-1 .columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-32px;margin:-2rem}.block-three-column-1 .column{-ms-flex:0 0 calc(100% - 4rem);flex:0 0 calc(100% - 4rem);margin:32px;margin:2rem;text-align:center}.block-three-column-1 .column h3{margin-bottom:16px;margin-bottom:1rem}@media screen and (min-width:750px){.block-three-column-1 .column{-ms-flex:0 0 calc(33.33% - 4rem);flex:0 0 calc(33.33% - 4rem)}}.block-cta-bar{padding:32px;padding:2rem;background:#ffcb3c;color:#fff}.block-cta-bar .columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}.block-cta-bar .text{-ms-flex:0 0 100%;flex:0 0 100%;padding-right:64px;padding-right:4rem;margin-bottom:32px;margin-bottom:2rem}.block-cta-bar .text h3{margin-bottom:16px;margin-bottom:1rem}.block-cta-bar .text p{font-size:20px;font-size:1.25rem;color:#fff}.block-cta-bar .cta{-ms-flex:0 0 100%;flex:0 0 100%;text-align:right;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch}.block-cta-bar .cta input{-ms-flex:auto;flex:auto;width:100px;margin-right:4px;margin-right:0.25rem;border-radius:0.3rem 0 0 0.3rem}.block-cta-bar .cta .button{-ms-flex:0 0 100px;flex:0 0 100px;border-radius:0 0.3rem 0.3rem 0}@media screen and (min-width:700px){.block-cta-bar{padding:2rem 4rem}.block-cta-bar .text{margin:0}.block-cta-bar .cta,.block-cta-bar .text{-ms-flex:0 0 50%;flex:0 0 50%}.block-cta-bar .cta input{-ms-flex:auto;flex:auto;width:100px}}.block-footer-1{font-size:12.8px;font-size:0.8rem;color:#666;text-align:center}.block-footer-2 .columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:12.8px;font-size:0.8rem;margin:-32px;margin:-2rem}.block-footer-2 .column{-ms-flex:0 0 calc(50% - 4rem);flex:0 0 calc(50% - 4rem);margin:32px;margin:2rem}.block-footer-2 img{max-width:100%}@media screen and (min-width:700px){.block-footer-2 .column{-ms-flex:0 0 calc(25% - 4rem);flex:0 0 calc(25% - 4rem)}}.block-text-1 .columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0px;margin:0rem}.block-text-1 .column{margin:0px;margin:0rem}.block-text-1 .headline{-ms-flex:0 0 100%;flex:0 0 100%}.block-text-1 .headline h3{margin-bottom:16px;margin-bottom:1rem}.block-text-1 .text{-ms-flex:0 0 100%;flex:0 0 100%}.block-text-1 .text p{margin:16px 0;margin:1rem 0}.block-text-1 .text p:first-of-type{margin:0 0 16px;margin:0 0 1rem}.block-text-1 .text p:last-of-type{margin:16px 0 0;margin:1rem 0 0}@media screen and (min-width:700px){.block-text-1 .columns{margin:-2rem}.block-text-1 .column{margin:2rem}.block-text-1 .headline{-ms-flex:0 0 calc(35% - 4rem);flex:0 0 calc(35% - 4rem)}.block-text-1 .text{-ms-flex:0 0 calc(65% - 4rem);flex:0 0 calc(65% - 4rem)}.block-text-1 .headline h3{margin-bottom:0}}.block-feature-1 .columns{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center}.block-feature-1 .column.text{margin-right:0;margin-bottom:32px;margin-bottom:2rem}.block-feature-1 .column.media,.block-feature-1 .column.text{-ms-flex:0 0 100%;flex:0 0 100%}.block-feature-1 .column.text h2{margin-bottom:16px;margin-bottom:1rem}.block-feature-1 .column.media img{max-width:100%}@media screen and (min-width:700px){.block-feature-1 .columns{text-align:left}.block-feature-1 .column.text{-ms-flex:0 0 40%;flex:0 0 40%;margin-right:2rem;margin-bottom:0}.block-feature-1 .column.media{-ms-flex:0 0 calc(60% - 2rem);flex:0 0 calc(60% - 2rem)}}.block-feature-2 .columns{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center}.block-feature-2 .column.text{-ms-flex:0 0 100%;flex:0 0 100%;-ms-flex-order:1;order:1;margin-bottom:32px;margin-bottom:2rem}.block-feature-2 .column.media{-ms-flex:0 0 100%;flex:0 0 100%;-ms-flex-order:2;order:2;margin-right:0}.block-feature-2 .column.text h2{margin-bottom:16px;margin-bottom:1rem}.block-feature-2 .column.media img{max-width:100%}@media screen and (min-width:700px){.block-feature-2 .columns{text-align:left}.block-feature-2 .column.text{-ms-flex:0 0 50%;flex:0 0 50%;-ms-flex-order:2;order:2;margin-bottom:0}.block-feature-2 .column.media{-ms-flex:0 0 calc(50% - 4rem);flex:0 0 calc(50% - 4rem);margin-right:4rem;-ms-flex-order:1;order:1}}.block-media-1 img{max-width:100%}.block-media-1 figcaption{font-size:11.2px;font-size:0.7rem;color:#666;text-align:center;margin-top:8px;margin-top:0.5rem}.block-media-2 .columns{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-16px;margin:-1rem}.block-media-2 .column{-ms-flex:0 0 calc(100% - 2rem);flex:0 0 calc(100% - 2rem);margin:16px;margin:1rem}.block-media-2 .column img{max-width:100%}.block-media-2 figcaption{font-size:11.2px;font-size:0.7rem;color:#666;text-align:center;margin-top:8px;margin-top:0.5rem}@media screen and (min-width:700px){.block-media-2 .columns{margin:-2rem}.block-media-2 .column{-ms-flex:0 0 calc(50% - 4rem);flex:0 0 calc(50% - 4rem);margin:2rem}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;font-size:16px}::-moz-selection{background:#ffedbc;color:#333}::-webkit-selection{background:#ffedbc;color:#333}::selection{background:#ffedbc;color:#333}html::before{display:block;z-index:1000;position:fixed;top:0;left:0;right:0;font-size:.9em;padding:1.5em 1em 1.5em 4.5em;color:white;background-color:#DF4F5E;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2248px%22%20height%3D%2248px%22%20viewBox%3D%220%200%20512%20512%22%20enable-background%3D%22new%200%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23A82734%22%20id%3D%22warning-4-icon%22%20d%3D%22M228.55%2C134.812h54.9v166.5h-54.9V134.812z%20M256%2C385.188c-16.362%2C0-29.626-13.264-29.626-29.625c0-16.362%2C13.264-29.627%2C29.626-29.627c16.361%2C0%2C29.625%2C13.265%2C29.625%2C29.627C285.625%2C371.924%2C272.361%2C385.188%2C256%2C385.188z%20M256%2C90c91.742%2C0%2C166%2C74.245%2C166%2C166c0%2C91.741-74.245%2C166-166%2C166c-91.742%2C0-166-74.245-166-166C90%2C164.259%2C164.245%2C90%2C256%2C90z%20M256%2C50C142.229%2C50%2C50%2C142.229%2C50%2C256s92.229%2C206%2C206%2C206s206-92.229%2C206-206S369.771%2C50%2C256%2C50z%22%2F%3E%3C%2Fsvg%3E") .5em no-repeat, #DF4F5E linear-gradient(#DF4F5E, #CE3741);border:1px solid #C64F4B;border-radius:3px;box-shadow:inset 0 1px 0 #EB8A93, 0 0 .3em rgba(0,0,0, .5);white-space:pre-wrap;font-family:Menlo, Monaco, monospace;text-shadow:0 1px #A82734;content:"src/css/styles.css\00000a2:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-1 { ... --bg: ... }) [postcss-custom-properties]\00000a3:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-1 { ... --text: ... }) [postcss-custom-properties]\00000a2:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-2 { ... --bg: ... }) [postcss-custom-properties]\00000a3:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-2 { ... --text: ... }) [postcss-custom-properties]\00000a9:3 variable '--bg' is undefined and used without a fallback [postcss-custom-properties]\00000a10:3 variable '--text' is undefined and used without a fallback [postcss-custom-properties]\00000a9:3 variable '--bg' is undefined and used without a fallback [postcss-custom-properties]\00000a10:3 variable '--text' is undefined and used without a fallback [postcss-custom-properties]\00000a2:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-1 { ... --bg: ... }) [postcss-custom-properties]\00000a3:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-1 { ... --text: ... }) [postcss-custom-properties]\00000a2:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-2 { ... --bg: ... }) [postcss-custom-properties]\00000a3:3 Custom property ignored: not scoped to the top-level :root element (.block-hero-2 { ... --text: ... }) [postcss-custom-properties]\00000a9:3 variable '--bg' is undefined and used without a fallback [postcss-custom-properties]\00000a10:3 variable '--text' is undefined and used without a fallback [postcss-custom-properties]\00000a9:3 variable '--bg' is undefined and used without a fallback [postcss-custom-properties]\00000a10:3 variable '--text' is undefined and used without a fallback [postcss-custom-properties]"}
/*# sourceMappingURL=styles.css.map */
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.6.0">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2018-06-21T16:14:18-04:00</updated><id>http://localhost:4000/</id><title type="html">Forestry-Blocks Demo</title><subtitle>Demo site for forestry blocks</subtitle><author><name>Your Name</name></author></feed>
\ No newline at end of file
<svg id="forestry_logo" data-name="Forestry Logotype" xmlns="http://www.w3.org/2000/svg" width="484.1" height="101.9" viewBox="0 0 484.1 101.9">
<title>Forestry Logotype</title>
<polyline points="2.8 39.5 28.3 14 53.8 39.5" style="fill: none;stroke: #181919;stroke-miterlimit: 10;stroke-width: 8px;fill-rule: evenodd"/>
<polyline points="2.8 62.1 28.3 36.6 53.8 62.1" style="fill: none;stroke: #181919;stroke-miterlimit: 10;stroke-width: 8px;fill-rule: evenodd"/>
<polyline points="101.9 36.6 76.4 62.1 50.9 36.6" style="fill: none;stroke: #181919;stroke-miterlimit: 10;stroke-width: 8px;fill-rule: evenodd"/>
<polyline points="101.9 14 76.4 39.5 50.9 14" style="fill: none;stroke: #181919;stroke-miterlimit: 10;stroke-width: 8px;fill-rule: evenodd"/>
<line x1="28.3" y1="101.9" x2="28.3" style="fill: none;stroke: #181919;stroke-miterlimit: 10;stroke-width: 8px"/>
<line x1="76.4" y1="101.9" x2="76.4" style="fill: none;stroke: #181919;stroke-miterlimit: 10;stroke-width: 8px"/>
<g>
<polygon points="127.4 76.4 136.4 76.4 136.4 55.3 158.9 55.3 158.9 47.1 136.4 47.1 136.4 33.7 160.2 33.7 160.2 25.5 127.4 25.5 127.4 76.4"/>
<path d="M211.6,31.4a23.9,23.9,0,0,0-8.6-5.4,30.2,30.2,0,0,0-10.9-1.8,29.8,29.8,0,0,0-10.8,1.9,24.5,24.5,0,0,0-8.5,5.4,25,25,0,0,0-5.6,8.5,29.5,29.5,0,0,0-2,11.1,28.2,28.2,0,0,0,2,10.9,24.3,24.3,0,0,0,14.1,13.8,29.8,29.8,0,0,0,10.8,1.9,30.3,30.3,0,0,0,10.9-2,25.6,25.6,0,0,0,8.6-5.5,24.9,24.9,0,0,0,5.6-8.4,28.3,28.3,0,0,0,2-10.9,29.2,29.2,0,0,0-2-11.1A24.8,24.8,0,0,0,211.6,31.4Zm-3.1,26.8a17.6,17.6,0,0,1-3.6,6,16.4,16.4,0,0,1-5.5,4,17.5,17.5,0,0,1-7.2,1.4,17.2,17.2,0,0,1-7.2-1.4,16.5,16.5,0,0,1-5.5-4,17.6,17.6,0,0,1-3.6-6,21.9,21.9,0,0,1-1.3-7.5,19.9,19.9,0,0,1,1.3-7.1,17.6,17.6,0,0,1,3.6-5.8,16.4,16.4,0,0,1,5.5-3.9,17.6,17.6,0,0,1,7.2-1.4,17.9,17.9,0,0,1,7.2,1.4,16.3,16.3,0,0,1,5.5,3.9,17.6,17.6,0,0,1,3.6,5.8,19.8,19.8,0,0,1,1.3,7.1A21.8,21.8,0,0,1,208.5,58.2Z" transform="translate(0 0)"/>
<path d="M259.8,49.4a14.2,14.2,0,0,0,3.1-9.3,14.3,14.3,0,0,0-1.6-7.1,12.2,12.2,0,0,0-4.2-4.5,18.2,18.2,0,0,0-6.1-2.3,36,36,0,0,0-7.1-.7H226.2V76.4h9.1V54.9h6.6l11.8,21.6h10.9L251.1,53.9A13.1,13.1,0,0,0,259.8,49.4Zm-13.6-2.5-3.9.2h-7V33.3h7.8l3.6.2a11.2,11.2,0,0,1,3.3.9,5.8,5.8,0,0,1,2.4,2,6.3,6.3,0,0,1,.9,3.6,6.6,6.6,0,0,1-1,3.9,6.1,6.1,0,0,1-2.6,2.1A11.8,11.8,0,0,1,246.2,46.9Z" transform="translate(0 0)"/>
<polygon points="279.9 54.4 303.3 54.4 303.3 46.2 279.9 46.2 279.9 33.7 304.6 33.7 304.6 25.5 270.9 25.5 270.9 76.4 305.9 76.4 305.9 68.2 279.9 68.2 279.9 54.4"/>
<path d="M340,49.8a23.7,23.7,0,0,0-5.8-2.6l-5.8-1.9a17.5,17.5,0,0,1-4.5-2.4,4.7,4.7,0,0,1-1.8-4,5.9,5.9,0,0,1,.7-3,6,6,0,0,1,1.9-2,8.3,8.3,0,0,1,2.7-1.1,12.8,12.8,0,0,1,3.1-.4,13.5,13.5,0,0,1,5.1,1,8.4,8.4,0,0,1,3.8,3.1l6.6-7a18.2,18.2,0,0,0-6.8-4,25.1,25.1,0,0,0-7.8-1.2,25.8,25.8,0,0,0-6.9.9,18.6,18.6,0,0,0-6,2.8,14.9,14.9,0,0,0-4.2,4.8,13.7,13.7,0,0,0-1.6,6.8,12.9,12.9,0,0,0,1.8,7.2,14.1,14.1,0,0,0,4.5,4.3,24.5,24.5,0,0,0,5.8,2.6l5.8,2a15.8,15.8,0,0,1,4.5,2.6,5.3,5.3,0,0,1,1.8,4.3,5.9,5.9,0,0,1-.8,3.1,6.7,6.7,0,0,1-2.1,2.2,9.9,9.9,0,0,1-2.9,1.3,12.2,12.2,0,0,1-8.9-1,11.4,11.4,0,0,1-4.3-3.9L311,70.8a17.6,17.6,0,0,0,7.5,5.3,26.7,26.7,0,0,0,9.1,1.6,25,25,0,0,0,7.1-1,17.5,17.5,0,0,0,5.9-3,14.5,14.5,0,0,0,4.1-5.1,16,16,0,0,0,1.5-7.2,13.1,13.1,0,0,0-1.8-7.3A14.4,14.4,0,0,0,340,49.8Z" transform="translate(0 0)"/>
<polygon points="350.1 33.7 365.7 33.7 365.7 76.4 374.7 76.4 374.7 33.7 390.3 33.7 390.3 25.5 350.1 25.5 350.1 33.7"/>
<path d="M431.9,49.4a14.2,14.2,0,0,0,3.1-9.3,14.4,14.4,0,0,0-1.6-7.1,12.2,12.2,0,0,0-4.2-4.5,18.1,18.1,0,0,0-6.1-2.3,35.9,35.9,0,0,0-7.1-.7H398.3V76.4h9.1V54.9H414l11.8,21.6h10.9L423.2,53.9A13.1,13.1,0,0,0,431.9,49.4Zm-13.6-2.5-3.9.2h-7V33.3h7.8l3.6.2a11.3,11.3,0,0,1,3.3.9,5.8,5.8,0,0,1,2.4,2,6.3,6.3,0,0,1,.9,3.6,6.6,6.6,0,0,1-1,3.9,6.1,6.1,0,0,1-2.6,2.1A11.9,11.9,0,0,1,418.3,46.9Z" transform="translate(0 0)"/>
<polygon points="473.3 25.5 460.6 45.8 448.1 25.5 436.8 25.5 455.9 54.6 455.9 76.4 464.9 76.4 464.9 54.6 484.1 25.5 473.3 25.5"/>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="forestry_logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 484.1 101.9" style="enable-background:new 0 0 484.1 101.9;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
.st1{fill:#FFFFFF;}
</style>
<title>Forestry Logotype</title>
<polyline class="st0" points="2.8,39.5 28.3,14 53.8,39.5 "/>
<polyline class="st0" points="2.8,62.1 28.3,36.6 53.8,62.1 "/>
<polyline class="st0" points="101.9,36.6 76.4,62.1 50.9,36.6 "/>
<polyline class="st0" points="101.9,14 76.4,39.5 50.9,14 "/>
<line class="st0" x1="28.3" y1="101.9" x2="28.3" y2="0"/>
<line class="st0" x1="76.4" y1="101.9" x2="76.4" y2="0"/>
<g>
<polygon class="st1" points="127.4,76.4 136.4,76.4 136.4,55.3 158.9,55.3 158.9,47.1 136.4,47.1 136.4,33.7 160.2,33.7
160.2,25.5 127.4,25.5 "/>
<path class="st1" d="M211.6,31.4c-2.4-2.4-5.4-4.2-8.6-5.4c-3.5-1.3-7.2-1.9-10.9-1.8c-3.7,0-7.3,0.6-10.8,1.9
c-3.2,1.2-6.1,3-8.5,5.4c-2.4,2.4-4.3,5.3-5.6,8.5c-1.4,3.5-2.1,7.3-2,11.1c-0.1,3.7,0.6,7.4,2,10.9c2.5,6.4,7.7,11.4,14.1,13.8
c3.5,1.3,7.1,1.9,10.8,1.9c3.7,0,7.4-0.7,10.9-2c3.2-1.2,6.1-3.1,8.6-5.5c2.4-2.4,4.3-5.2,5.6-8.4c1.4-3.5,2.1-7.2,2-10.9
c0.1-3.8-0.6-7.6-2-11.1C215.9,36.6,214,33.8,211.6,31.4z M208.5,58.2c-0.8,2.2-2,4.3-3.6,6c-1.5,1.7-3.4,3.1-5.5,4
c-2.3,1-4.7,1.4-7.2,1.4c-2.5,0.1-4.9-0.4-7.2-1.4c-2.1-0.9-4-2.3-5.5-4c-1.6-1.7-2.8-3.8-3.6-6c-0.9-2.4-1.3-4.9-1.3-7.5
c0-2.4,0.4-4.8,1.3-7.1c0.8-2.1,2-4.1,3.6-5.8c1.5-1.7,3.4-3,5.5-3.9c2.3-1,4.7-1.4,7.2-1.4c2.5,0,4.9,0.4,7.2,1.4
c2.1,0.9,4,2.2,5.5,3.9c1.6,1.7,2.8,3.7,3.6,5.8c0.9,2.3,1.3,4.7,1.3,7.1C209.8,53.3,209.4,55.8,208.5,58.2z"/>
<path class="st1" d="M259.8,49.4c2.1-2.6,3.2-5.9,3.1-9.3c0.1-2.5-0.5-4.9-1.6-7.1c-1-1.8-2.4-3.4-4.2-4.5
c-1.9-1.1-3.9-1.9-6.1-2.3c-2.3-0.5-4.7-0.7-7.1-0.7h-17.7v50.9h9.1V54.9h6.6l11.8,21.6h10.9l-13.5-22.6
C254.5,53.6,257.6,52,259.8,49.4z M246.2,46.9l-3.9,0.2h-7V33.3h7.8l3.6,0.2c1.1,0.1,2.3,0.4,3.3,0.9c1,0.4,1.8,1.1,2.4,2
c0.7,1.1,1,2.3,0.9,3.6c0.1,1.4-0.3,2.7-1,3.9c-0.7,0.9-1.6,1.7-2.6,2.1C248.6,46.5,247.4,46.8,246.2,46.9L246.2,46.9z"/>
<polygon class="st1" points="279.9,54.4 303.3,54.4 303.3,46.2 279.9,46.2 279.9,33.7 304.6,33.7 304.6,25.5 270.9,25.5
270.9,76.4 305.9,76.4 305.9,68.2 279.9,68.2 "/>
<path class="st1" d="M340,49.8c-1.8-1.1-3.8-2-5.8-2.6l-5.8-1.9c-1.6-0.6-3.1-1.4-4.5-2.4c-1.2-1-1.9-2.5-1.8-4c0-1,0.2-2.1,0.7-3
c0.5-0.8,1.1-1.5,1.9-2c0.8-0.5,1.7-0.9,2.7-1.1c1-0.3,2.1-0.4,3.1-0.4c1.7,0,3.5,0.3,5.1,1c1.5,0.6,2.9,1.7,3.8,3.1l6.6-7
c-1.9-1.8-4.3-3.2-6.8-4c-2.5-0.8-5.2-1.2-7.8-1.2c-2.3,0-4.7,0.3-6.9,0.9c-2.2,0.6-4.2,1.5-6,2.8c-1.7,1.3-3.2,2.9-4.2,4.8
c-1.1,2.1-1.7,4.4-1.6,6.8c-0.1,2.5,0.5,5,1.8,7.2c1.2,1.8,2.7,3.2,4.5,4.3c1.8,1.1,3.8,2,5.8,2.6l5.8,2c1.6,0.6,3.2,1.5,4.5,2.6
c1.2,1.1,1.9,2.7,1.8,4.3c0,1.1-0.3,2.2-0.8,3.1c-0.5,0.9-1.2,1.6-2.1,2.2c-0.9,0.6-1.9,1-2.9,1.3c-3,0.8-6.2,0.4-8.9-1
c-1.7-0.9-3.2-2.3-4.3-3.9l-6.9,6.5c2,2.4,4.6,4.2,7.5,5.3c2.9,1.1,6,1.6,9.1,1.6c2.4,0,4.8-0.3,7.1-1c2.1-0.6,4.1-1.6,5.9-3
c1.7-1.4,3.1-3.1,4.1-5.1c1.1-2.3,1.6-4.7,1.5-7.2c0.1-2.6-0.5-5.1-1.8-7.3C343.3,52.4,341.8,50.9,340,49.8z"/>
<polygon class="st1" points="350.1,33.7 365.7,33.7 365.7,76.4 374.7,76.4 374.7,33.7 390.3,33.7 390.3,25.5 350.1,25.5 "/>
<path class="st1" d="M431.9,49.4c2.1-2.6,3.2-5.9,3.1-9.3c0.1-2.5-0.5-4.9-1.6-7.1c-1-1.8-2.4-3.4-4.2-4.5
c-1.9-1.1-3.9-1.9-6.1-2.3c-2.3-0.5-4.7-0.7-7.1-0.7h-17.7v50.9h9.1V54.9h6.6l11.8,21.6h10.9l-13.5-22.6
C426.6,53.6,429.7,52,431.9,49.4z M418.3,46.9l-3.9,0.2h-7V33.3h7.8l3.6,0.2c1.1,0.1,2.3,0.4,3.3,0.9c1,0.4,1.8,1.1,2.4,2
c0.7,1.1,1,2.3,0.9,3.6c0.1,1.4-0.3,2.7-1,3.9c-0.7,0.9-1.6,1.7-2.6,2.1C420.7,46.5,419.5,46.8,418.3,46.9z"/>
<polygon class="st1" points="473.3,25.5 460.6,45.8 448.1,25.5 436.8,25.5 455.9,54.6 455.9,76.4 464.9,76.4 464.9,54.6
484.1,25.5 "/>
</g>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="forestry_logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 104.8 101.9" style="enable-background:new 0 0 104.8 101.9;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#FFFFFF;stroke-width:8;stroke-miterlimit:10;}
</style>
<title>forestry-symbol</title>
<polyline class="st0" points="2.8,39.5 28.3,14 53.8,39.5 "/>
<polyline class="st0" points="2.8,62.1 28.3,36.6 53.8,62.1 "/>
<polyline class="st0" points="101.9,36.6 76.4,62.1 50.9,36.6 "/>
<polyline class="st0" points="101.9,14 76.4,39.5 50.9,14 "/>
<line class="st0" x1="28.3" y1="101.9" x2="28.3" y2="0"/>
<line class="st0" x1="76.4" y1="101.9" x2="76.4" y2="0"/>
</svg>
<svg id="forestry_logo" data-name="forestry logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 104.76 101.9"><defs><style>.cls-1{fill:none;stroke:#181919;stroke-miterlimit:10;stroke-width:8px;}</style></defs><title>forestry-symbol</title><polyline class="cls-1" points="2.83 39.5 28.33 14 53.83 39.5"/><polyline class="cls-1" points="2.83 62.1 28.33 36.6 53.83 62.1"/><polyline class="cls-1" points="101.93 36.6 76.43 62.1 50.93 36.6"/><polyline class="cls-1" points="101.93 14 76.43 39.5 50.93 14"/><line class="cls-1" x1="28.33" y1="101.9" x2="28.33"/><line class="cls-1" x1="76.43" y1="101.9" x2="76.43"/></svg>
\ No newline at end of file
<svg width="2169" height="2500" viewBox="0 0 256 295" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet"><g fill="#205081"><path d="M128 0C57.732 0 .012 18.822.012 42.663c0 6.274 15.057 95.364 21.331 130.498 2.51 16.312 43.918 38.898 106.657 38.898 62.74 0 102.893-22.586 106.657-38.898 6.274-35.134 21.331-124.224 21.331-130.498C254.734 18.822 198.268 0 128 0zm0 183.199c-22.586 0-40.153-17.567-40.153-40.153s17.567-40.153 40.153-40.153 40.153 17.567 40.153 40.153c0 21.331-17.567 40.153-40.153 40.153zm0-127.988c-45.172 0-81.561-7.53-81.561-17.567 0-10.039 36.389-17.567 81.561-17.567 45.172 0 81.561 7.528 81.561 17.567 0 10.038-36.389 17.567-81.561 17.567z"/><path d="M220.608 207.04c-2.51 0-3.764 1.255-3.764 1.255s-31.37 25.096-87.835 25.096c-56.466 0-87.835-25.096-87.835-25.096s-2.51-1.255-3.765-1.255c-2.51 0-5.019 1.255-5.019 5.02v1.254c5.02 26.35 8.784 45.172 8.784 47.682 3.764 18.822 41.408 33.88 86.58 33.88s82.816-15.058 86.58-33.88c0-2.51 3.765-21.332 8.784-47.682v-1.255c1.255-2.51 0-5.019-2.51-5.019z"/><circle cx="128" cy="141.791" r="20.077"/></g></svg>
\ No newline at end of file
<svg height="1024" width="1024" xmlns="http://www.w3.org/2000/svg">
<path d="M512 0C229.25 0 0 229.25 0 512c0 226.25 146.688 418.125 350.156 485.812 25.594 4.688 34.938-11.125 34.938-24.625 0-12.188-0.469-52.562-0.719-95.312C242 908.812 211.906 817.5 211.906 817.5c-23.312-59.125-56.844-74.875-56.844-74.875-46.531-31.75 3.53-31.125 3.53-31.125 51.406 3.562 78.47 52.75 78.47 52.75 45.688 78.25 119.875 55.625 149 42.5 4.654-33 17.904-55.625 32.5-68.375C304.906 725.438 185.344 681.5 185.344 485.312c0-55.938 19.969-101.562 52.656-137.406-5.219-13-22.844-65.094 5.062-135.562 0 0 42.938-13.75 140.812 52.5 40.812-11.406 84.594-17.031 128.125-17.219 43.5 0.188 87.312 5.875 128.188 17.281 97.688-66.312 140.688-52.5 140.688-52.5 28 70.531 10.375 122.562 5.125 135.5 32.812 35.844 52.625 81.469 52.625 137.406 0 196.688-119.75 240-233.812 252.688 18.438 15.875 34.75 47 34.75 94.75 0 68.438-0.688 123.625-0.688 140.5 0 13.625 9.312 29.562 35.25 24.562C877.438 930 1024 738.125 1024 512 1024 229.25 794.75 0 512 0z" />
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="210px" height="194px" viewBox="0 0 210 194" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.3.2 (12043) - http://www.bohemiancoding.com/sketch -->
<title>Group</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Fill-1-+-Group-24" sketch:type="MSLayerGroup">
<g id="Group-24" sketch:type="MSShapeGroup">
<g id="Group">
<path d="M105.0614,193.655 L105.0614,193.655 L143.7014,74.734 L66.4214,74.734 L105.0614,193.655 L105.0614,193.655 Z" id="Fill-4" fill="#E24329"></path>
<path id="Fill-6" fill="#FC6D26"></path>
<path d="M105.0614,193.6548 L66.4214,74.7338 L12.2684,74.7338 L105.0614,193.6548 Z" id="Fill-8" fill="#FC6D26"></path>
<path id="Fill-10" fill="#FC6D26"></path>
<path d="M12.2685,74.7341 L12.2685,74.7341 L0.5265,110.8731 C-0.5445,114.1691 0.6285,117.7801 3.4325,119.8171 L105.0615,193.6551 L12.2685,74.7341 Z" id="Fill-12" fill="#FCA326"></path>
<path id="Fill-14" fill="#FC6D26"></path>
<path d="M12.2685,74.7342 L66.4215,74.7342 L43.1485,3.1092 C41.9515,-0.5768 36.7375,-0.5758 35.5405,3.1092 L12.2685,74.7342 Z" id="Fill-16" fill="#E24329"></path>
<path d="M105.0614,193.6548 L143.7014,74.7338 L197.8544,74.7338 L105.0614,193.6548 Z" id="Fill-18" fill="#FC6D26"></path>
<path d="M197.8544,74.7341 L197.8544,74.7341 L209.5964,110.8731 C210.6674,114.1691 209.4944,117.7801 206.6904,119.8171 L105.0614,193.6551 L197.8544,74.7341 Z" id="Fill-20" fill="#FCA326"></path>
<path d="M197.8544,74.7342 L143.7014,74.7342 L166.9744,3.1092 C168.1714,-0.5768 173.3854,-0.5758 174.5824,3.1092 L197.8544,74.7342 Z" id="Fill-22" fill="#E24329"></path>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<base href="">
<title>Homepage - Forestry-Blocks Demo</title>
<meta name="author" content="Your Name">
<meta name="description" content="Demo site for forestry blocks">
<link rel="stylesheet" href="https://cdn.rawgit.com/dwalkr/forestry-blocks-styles/master/dist/css/main.css"/>
</head>
<body>
<header class="block block-header-1">
<div class="block-header-1--logo">
<a href="/http://localhost:4000">
<img src="/uploads/2018/06/21/forestry-full.svg" alt="Forestry-Blocks Demo">
</a>
</div>
<nav class="block-header-1--nav">
<ul>
<li class="nav-item active"><a href="/">Home</a></li>
<li class="nav-item "><a href="#">Features</a></li>
<li class="nav-item "><a href="#">Pricing</a></li>
<li class="nav-item "><a href="#">Team</a></li>
</ul>
</nav>
</header>
<header class="block block-header-2">
<div class="block-header-2--logo">
<a href="/http://localhost:4000">
<img src="/uploads/2018/06/21/forestry-full.svg" alt="Forestry-Blocks Demo">
</a>
</div>
<nav class="block-header-2--nav">
<ul>
<li class="nav-item active"><a href="/">Home</a></li>
<li class="nav-item "><a href="#">Features</a></li>
<li class="nav-item "><a href="#">Pricing</a></li>
<li class="nav-item "><a href="#">Team</a></li>
</ul>
<button class="button primary small block-header-2--cta">Download</button>
</nav>
</header>
<header class="block block-header-3">
<div class="block-header-3--logo">
<a href="/http://localhost:4000">
<img src="/uploads/2018/06/21/forestry-full.svg" alt="Forestry-Blocks Demo">
</a>
</div>
</header>
<section class="block block-hero-1">
<div class="container">
<h1><span class="light">Forestry <strong>design blocks.</strong></span></h1>
</div>
</section>
<section class="block block-hero-2"
style="background-image: url('/uploads/2018/06/21/hero-2-bg.png')"
>
<div class="container">
<div class="columns">
<div class="column text">
<h1><span class="light">Forestry <strong>design blocks</strong></span></h1>
<p>The tool you need to do this and that and yatta yatta.</p>
<a class="button primary inverted" href="#">Download for macOS</a>
</div>
<div class="column media">
<img src="/uploads/2018/06/21/product-shot-1.png" alt="Product Shot">
</div>
</div>
</div>
</section>
<section class="block block-text-1">
<div class="container">
<div class="columns">
<div class="column headline">
<h3>Headline</h3>
</div>
<div class="column text">
<p>Oat cake icing jujubes candy canes sweet powder cake bear claw cotton candy. Liquorice candy soufflé liquorice gummi bears gummi bears. Danish liquorice macaroon sesame snaps tootsie roll wafer.</p><p>Macaroon sugar plum dragée. Pie pie bear claw ice cream. Jelly-o lollipop bear claw jelly beans brownie gummi bears dessert toffee. Sweet roll chupa chups lemon drops dessert jelly.</p><p>Tiramisu jujubes jelly-o. Apple pie jelly beans cake pie lollipop croissant apple pie sugar plum jelly beans. Pudding pastry carrot cake topping cookie wafer.</p>
</div>
</div>
</div>
</section>
<section class="block block-feature-1">
<div class="container">
<div class="columns">
<div class="column text">
<h2><span class="light"><strong>Great feature</strong> that you should check out.</span></h2>
<p>Some nice text to back it up, and explain some stuff. And it looks super good.</p>
</div>
<div class="column media">
<img src="/uploads/2018/06/21/product-shot-1.png" alt="Product Shot">
</div>
</div>
</div>
</section>
<section class="block block-feature-2">
<div class="container">
<div class="columns">
<div class="column media">
<img src="/uploads/2018/06/21/product-shot-1.png" alt="Product Shot">
</div>
<div class="column text">
<h2><span class="light"><strong>Another one</strong> that you should def check out.</span></h2>
<p>We don't know what this feature is yet, but we're pretty sure you'll love it!</p>
</div>
</div>
</div>
</section>
<section class="block block-one-column-1">
<div class="container">
<div class="columns">
<div class="column">
<h3>Column 1</h3>
<p>Danish gummi bears donut dessert apple pie halvah pudding cupcake. Soufflé cake wafer tiramisu cake. Jujubes cheesecake cotton candy.</p>
</div>
</div>
</div>
</section>
<section class="block block-media-1">
<div class="container">
<figure>
<img src="/uploads/2018/06/21/drone-photo.jpeg" alt="Some cool content">
<figcaption>Some cool content</figcaption>
</figure>
</div>
</section>
<section class="block block-two-column-1">
<div class="container">
<div class="columns">
<div class="column">
<h3>Column 1</h3>
<p>Danish gummi bears donut dessert apple pie halvah pudding cupcake. Soufflé cake wafer tiramisu cake. Jujubes cheesecake cotton candy.</p>
</div>
<div class="column">
<h3>Column 2</h3>
<p>Apple pie danish chupa chups liquorice cookie cookie. Pudding donut sesame snaps chupa chups toffee. Pudding toffee candy toffee cake.</p>
</div>
</div>
</div>
</section>
<section class="block block-media-2">
<div class="container">
<div class="columns">
<div class="column">
<figure>
<img src="/uploads/2018/06/21/drone-photo.jpeg" alt="">
</figure>
</div>
<div class="column">