strip out create-static-site
23
_site/404.html
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
<!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>
|
||||||
23
_site/LICENSE
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
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.
|
||||||
|
|
||||||
175
_site/README.md
Executable file
@@ -0,0 +1,175 @@
|
|||||||
|
# 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).
|
||||||
1
_site/feed.xml
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<?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>
|
||||||
|
Before Width: | Height: | Size: 4.0 KiB After Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 869 B After Width: | Height: | Size: 869 B |
|
Before Width: | Height: | Size: 617 B After Width: | Height: | Size: 617 B |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 227 KiB After Width: | Height: | Size: 227 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
265
_site/index.html
Normal file
@@ -0,0 +1,265 @@
|
|||||||
|
<!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">
|
||||||
|
<figure>
|
||||||
|
<img src="/uploads/2018/06/21/drone-photo.jpeg" alt="Captions are optional.">
|
||||||
|
|
||||||
|
<figcaption>Captions are optional.</figcaption>
|
||||||
|
|
||||||
|
</figure>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="block block-three-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 class="column">
|
||||||
|
<h3>Column 3</h3>
|
||||||
|
<p>Macaroon chocolate bar cupcake dessert cake. Jelly-o liquorice dessert jelly gummies halvah. Fruitcake fruitcake carrot cake caramels.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="block block-cta-bar">
|
||||||
|
<div class="container">
|
||||||
|
<div class="columns">
|
||||||
|
<div class="text">
|
||||||
|
<p>Sign up to our amazing newsletter, we write about cool new features, industry updates and much more!</p>
|
||||||
|
</div>
|
||||||
|
<div class="cta">
|
||||||
|
<form action="https://formspree.io/test@example.com" method="POST">
|
||||||
|
<input type="email" placeholder="your@email.com" class="inverted">
|
||||||
|
<button type="submit" class="button primary inverted">Sign up</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer class="block block-footer-1">
|
||||||
|
<div class="container">
|
||||||
|
<p>Hello world! ❤︎</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<section class="block block-footer-2">
|
||||||
|
<div class="container">
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column">
|
||||||
|
<img src="/uploads/2018/06/21/forestry-symbol.svg" width="24" height="auto" alt="Logo">
|
||||||
|
</div>
|
||||||
|
<div class="column">
|
||||||
|
Second column
|
||||||
|
</div>
|
||||||
|
<div class="column">
|
||||||
|
Third column
|
||||||
|
</div>
|
||||||
|
<div class="column">
|
||||||
|
Fourth column
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<script src="/js/scripts.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
1
_site/js/scripts.js.map
Normal file
@@ -0,0 +1 @@
|
|||||||
|
{"version":3,"sources":["webpack:///scripts.js","webpack:///webpack/bootstrap c0e07dbec1f3d929802a"],"names":["modules","__webpack_require__","moduleId","installedModules","exports","module","i","l","call","m","c","d","name","getter","o","Object","defineProperty","configurable","enumerable","get","n","__esModule","object","property","prototype","hasOwnProperty","p","s","Error"],"mappings":"CAAS,SAAUA,GCInB,QAAAC,GAAAC,GAGA,GAAAC,EAAAD,GACA,MAAAC,GAAAD,GAAAE,OAGA,IAAAC,GAAAF,EAAAD,IACAI,EAAAJ,EACAK,GAAA,EACAH,WAUA,OANAJ,GAAAE,GAAAM,KAAAH,EAAAD,QAAAC,IAAAD,QAAAH,GAGAI,EAAAE,GAAA,EAGAF,EAAAD,QAvBA,GAAAD,KA4BAF,GAAAQ,EAAAT,EAGAC,EAAAS,EAAAP,EAGAF,EAAAU,EAAA,SAAAP,EAAAQ,EAAAC,GACAZ,EAAAa,EAAAV,EAAAQ,IACAG,OAAAC,eAAAZ,EAAAQ,GACAK,cAAA,EACAC,YAAA,EACAC,IAAAN,KAMAZ,EAAAmB,EAAA,SAAAf,GACA,GAAAQ,GAAAR,KAAAgB,WACA,WAA2B,MAAAhB,GAAA,SAC3B,WAAiC,MAAAA,GAEjC,OADAJ,GAAAU,EAAAE,EAAA,IAAAA,GACAA,GAIAZ,EAAAa,EAAA,SAAAQ,EAAAC,GAAsD,MAAAR,QAAAS,UAAAC,eAAAjB,KAAAc,EAAAC,IAGtDtB,EAAAyB,EAAA,GAGAzB,IAAA0B,EAAA,KDMM,SAAUtB,EAAQD,EAASH,IAEhC,WAAkC,KAAM,IAAI2B,OAAM","file":"scripts.js","sourceRoot":""}
|
||||||
2
_site/js/scripts.min.js
vendored
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
!function(r){function n(e){if(t[e])return t[e].exports;var o=t[e]={i:e,l:!1,exports:{}};return r[e].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var t={};n.m=r,n.c=t,n.d=function(r,t,e){n.o(r,t)||Object.defineProperty(r,t,{configurable:!1,enumerable:!0,get:e})},n.n=function(r){var t=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(t,"a",t),t},n.o=function(r,n){return Object.prototype.hasOwnProperty.call(r,n)},n.p="",n(n.s=0)}([function(r,n,t){!function(){throw new Error('Cannot find module "/home/dj/_FORESTRYIO/projects/forestry-blocks/src/js/scripts.js"')}()}]);
|
||||||
|
//# sourceMappingURL=scripts.js.map
|
||||||
|
Before Width: | Height: | Size: 9.5 KiB After Width: | Height: | Size: 9.5 KiB |
|
Before Width: | Height: | Size: 158 KiB After Width: | Height: | Size: 158 KiB |
|
Before Width: | Height: | Size: 4.0 KiB After Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 617 B After Width: | Height: | Size: 617 B |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 227 KiB After Width: | Height: | Size: 227 KiB |
1
css/styles.css.map
Normal file
9
css/styles.min.css
vendored
Normal file
|
Before Width: | Height: | Size: 4.0 KiB After Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 869 B After Width: | Height: | Size: 869 B |
|
Before Width: | Height: | Size: 617 B After Width: | Height: | Size: 617 B |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 227 KiB After Width: | Height: | Size: 227 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 1.0 KiB |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
1
js/scripts.js.map
Normal file
@@ -0,0 +1 @@
|
|||||||
|
{"version":3,"sources":["webpack:///scripts.js","webpack:///webpack/bootstrap c0e07dbec1f3d929802a"],"names":["modules","__webpack_require__","moduleId","installedModules","exports","module","i","l","call","m","c","d","name","getter","o","Object","defineProperty","configurable","enumerable","get","n","__esModule","object","property","prototype","hasOwnProperty","p","s","Error"],"mappings":"CAAS,SAAUA,GCInB,QAAAC,GAAAC,GAGA,GAAAC,EAAAD,GACA,MAAAC,GAAAD,GAAAE,OAGA,IAAAC,GAAAF,EAAAD,IACAI,EAAAJ,EACAK,GAAA,EACAH,WAUA,OANAJ,GAAAE,GAAAM,KAAAH,EAAAD,QAAAC,IAAAD,QAAAH,GAGAI,EAAAE,GAAA,EAGAF,EAAAD,QAvBA,GAAAD,KA4BAF,GAAAQ,EAAAT,EAGAC,EAAAS,EAAAP,EAGAF,EAAAU,EAAA,SAAAP,EAAAQ,EAAAC,GACAZ,EAAAa,EAAAV,EAAAQ,IACAG,OAAAC,eAAAZ,EAAAQ,GACAK,cAAA,EACAC,YAAA,EACAC,IAAAN,KAMAZ,EAAAmB,EAAA,SAAAf,GACA,GAAAQ,GAAAR,KAAAgB,WACA,WAA2B,MAAAhB,GAAA,SAC3B,WAAiC,MAAAA,GAEjC,OADAJ,GAAAU,EAAAE,EAAA,IAAAA,GACAA,GAIAZ,EAAAa,EAAA,SAAAQ,EAAAC,GAAsD,MAAAR,QAAAS,UAAAC,eAAAjB,KAAAc,EAAAC,IAGtDtB,EAAAyB,EAAA,GAGAzB,IAAA0B,EAAA,KDMM,SAAUtB,EAAQD,EAASH,IAEhC,WAAkC,KAAM,IAAI2B,OAAM","file":"scripts.js","sourceRoot":""}
|
||||||
2
js/scripts.min.js
vendored
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
!function(r){function n(e){if(t[e])return t[e].exports;var o=t[e]={i:e,l:!1,exports:{}};return r[e].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var t={};n.m=r,n.c=t,n.d=function(r,t,e){n.o(r,t)||Object.defineProperty(r,t,{configurable:!1,enumerable:!0,get:e})},n.n=function(r){var t=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(t,"a",t),t},n.o=function(r,n){return Object.prototype.hasOwnProperty.call(r,n)},n.p="",n(n.s=0)}([function(r,n,t){!function(){throw new Error('Cannot find module "/home/dj/_FORESTRYIO/projects/forestry-blocks/src/js/scripts.js"')}()}]);
|
||||||
|
//# sourceMappingURL=scripts.js.map
|
||||||
15836
package-lock.json
generated
17
package.json
@@ -1,17 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "blocks",
|
|
||||||
"version": "0.1.0",
|
|
||||||
"devDependencies": {
|
|
||||||
"static-scripts": "0.1.3-3"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"static-scripts": "0.1.3-3",
|
|
||||||
"gulp": "^3.9.1"
|
|
||||||
},
|
|
||||||
"scripts": {
|
|
||||||
"start": "static-scripts start",
|
|
||||||
"preview": "static-scripts preview",
|
|
||||||
"build": "static-scripts build",
|
|
||||||
"eject": "static-scripts eject"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"version":3,"sources":["webpack:///scripts.js","webpack:///webpack/bootstrap 66cb3d99eef4c896111a","webpack:///./src/js/scripts.js","webpack:///./src/js/imports/index.js"],"names":["modules","__webpack_require__","moduleId","installedModules","exports","module","i","l","call","m","c","d","name","getter","o","Object","defineProperty","configurable","enumerable","get","n","__esModule","object","property","prototype","hasOwnProperty","p","s","_imports","me","whoAmI","console","log","value"],"mappings":"CAAS,SAAUA,GCInB,QAAAC,GAAAC,GAGA,GAAAC,EAAAD,GACA,MAAAC,GAAAD,GAAAE,OAGA,IAAAC,GAAAF,EAAAD,IACAI,EAAAJ,EACAK,GAAA,EACAH,WAUA,OANAJ,GAAAE,GAAAM,KAAAH,EAAAD,QAAAC,IAAAD,QAAAH,GAGAI,EAAAE,GAAA,EAGAF,EAAAD,QAvBA,GAAAD,KA4BAF,GAAAQ,EAAAT,EAGAC,EAAAS,EAAAP,EAGAF,EAAAU,EAAA,SAAAP,EAAAQ,EAAAC,GACAZ,EAAAa,EAAAV,EAAAQ,IACAG,OAAAC,eAAAZ,EAAAQ,GACAK,cAAA,EACAC,YAAA,EACAC,IAAAN,KAMAZ,EAAAmB,EAAA,SAAAf,GACA,GAAAQ,GAAAR,KAAAgB,WACA,WAA2B,MAAAhB,GAAA,SAC3B,WAAiC,MAAAA,GAEjC,OADAJ,GAAAU,EAAAE,EAAA,IAAAA,GACAA,GAIAZ,EAAAa,EAAA,SAAAQ,EAAAC,GAAsD,MAAAR,QAAAS,UAAAC,eAAAjB,KAAAc,EAAAC,IAGtDtB,EAAAyB,EAAA,GAGAzB,IAAA0B,EAAA,KDMM,SAAUtB,EAAQD,EAASH,GAEjCI,EAAOD,QAAUH,EAAoB,IAK/B,SAAUI,EAAQD,EAASH,GAEjC,YE3EA,IAAA2B,GAAA3B,EAAA,GAEM4B,GAAK,EAAAD,EAAAE,SAEXC,SAAQC,IAAI,oBAAsBH,GAElCE,QAAQC,IAAI,iCFmFN,SAAU3B,EAAQD,EAASH,GAEjC,YAGAc,QAAOC,eAAeZ,EAAS,cAC7B6B,OAAO,GG/FT,IAAMH,GAAS,WACb,MAAO,gBHqGT1B,GGlGQ0B","file":"scripts.js","sourceRoot":""}
|
|
||||||
2
site/js/scripts.min.js
vendored
@@ -1,2 +0,0 @@
|
|||||||
!function(e){function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}var t={};r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},r.p="",r(r.s=0)}([function(e,r,t){e.exports=t(1)},function(e,r,t){"use strict";var n=t(2),o=(0,n.whoAmI)();console.log("Hello world! I'm "+o),console.log("Find me in src/js/scripts.js")},function(e,r,t){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var n=function(){return"js/scripts.js"};r.whoAmI=n}]);
|
|
||||||
//# sourceMappingURL=scripts.js.map
|
|
||||||
@@ -1,64 +0,0 @@
|
|||||||
.block-cta-bar {
|
|
||||||
padding: 2rem;
|
|
||||||
background: var(--color-primary);
|
|
||||||
color: var(--color-white);
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-cta-bar .columns {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-cta-bar .text {
|
|
||||||
flex: 0 0 100%;
|
|
||||||
padding-right: 4rem;
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-cta-bar .text h3 { margin-bottom: 1rem; }
|
|
||||||
.block-cta-bar .text p {
|
|
||||||
font-size: 1.25rem;
|
|
||||||
color: var(--color-white);
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-cta-bar .cta {
|
|
||||||
flex: 0 0 100%;
|
|
||||||
text-align: right;
|
|
||||||
display: flex;
|
|
||||||
align-items: stretch;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-cta-bar .cta input {
|
|
||||||
flex: auto;
|
|
||||||
width: 100px;
|
|
||||||
margin-right: 0.25rem;
|
|
||||||
border-radius: 0.3rem 0 0 0.3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-cta-bar .cta .button {
|
|
||||||
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 {
|
|
||||||
flex: 0 0 50%;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-cta-bar .cta {
|
|
||||||
flex: 0 0 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-cta-bar .cta input {
|
|
||||||
flex: auto;
|
|
||||||
width: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,40 +0,0 @@
|
|||||||
.block-feature-1 .columns {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-feature-1 .column.text {
|
|
||||||
flex: 0 0 100%;
|
|
||||||
margin-right: 0;
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-feature-1 .column.media {
|
|
||||||
flex: 0 0 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-feature-1 .column.text h2 {
|
|
||||||
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 {
|
|
||||||
flex: 0 0 40%;
|
|
||||||
margin-right: 2rem;
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-feature-1 .column.media {
|
|
||||||
flex: 0 0 calc(60% - 2rem);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,44 +0,0 @@
|
|||||||
.block-feature-2 .columns {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-feature-2 .column.text {
|
|
||||||
flex: 0 0 100%;
|
|
||||||
order: 1;
|
|
||||||
margin-bottom: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-feature-2 .column.media {
|
|
||||||
flex: 0 0 100%;
|
|
||||||
order: 2;
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-feature-2 .column.text h2 {
|
|
||||||
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 {
|
|
||||||
flex: 0 0 50%;
|
|
||||||
order: 2;
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-feature-2 .column.media {
|
|
||||||
flex: 0 0 calc(50% - 4rem);
|
|
||||||
margin-right: 4rem;
|
|
||||||
order: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,5 +0,0 @@
|
|||||||
.block-footer-1 {
|
|
||||||
font-size: 0.8rem;
|
|
||||||
color: var(--color-black-3);
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
@@ -1,21 +0,0 @@
|
|||||||
.block-footer-2 .columns {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
font-size: 0.8rem;
|
|
||||||
margin: -2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-footer-2 .column {
|
|
||||||
flex: 0 0 calc(50% - 4rem);
|
|
||||||
margin: 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-footer-2 img {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 700px) {
|
|
||||||
.block-footer-2 .column {
|
|
||||||
flex: 0 0 calc(25% - 4rem);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,38 +0,0 @@
|
|||||||
.block-header-1 {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
padding: 1rem 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-header-1--logo img {
|
|
||||||
max-height: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-header-1 .nav-item {
|
|
||||||
display: inline-block;
|
|
||||||
list-style: none;
|
|
||||||
margin-right: 1rem;
|
|
||||||
font-size: 0.85rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-header-1 .nav-item.active a {
|
|
||||||
color: var(--color-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-header-1 .nav-item a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: var(--color-black-1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-header-1 .nav-item a:hover {
|
|
||||||
color: var(--color-black-3);
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-header-1 .nav-item.active a:hover {
|
|
||||||
color: var(--color-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-header-1 .nav-item:last-of-type {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
@@ -1,47 +0,0 @@
|
|||||||
.block-header-2 {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
padding: 1rem 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-header-2--logo img {
|
|
||||||
max-height: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-header-2--nav {
|
|
||||||
display: flex;
|
|
||||||
align-items: baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-header-2 .nav-item {
|
|
||||||
display: inline-block;
|
|
||||||
list-style: none;
|
|
||||||
margin-right: 1rem;
|
|
||||||
font-size: 0.85rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-header-2 .nav-item.active a {
|
|
||||||
color: var(--color-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-header-2 .nav-item a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: var(--color-black-1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-header-2 .nav-item a:hover {
|
|
||||||
color: var(--color-black-3);
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-header-2 .nav-item.active a:hover {
|
|
||||||
color: var(--color-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-header-2 .nav-item:last-of-type {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-header-2--cta {
|
|
||||||
margin-left: 2rem;
|
|
||||||
}
|
|
||||||
@@ -1,11 +0,0 @@
|
|||||||
.block-header-3 {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding: 1rem 2rem;
|
|
||||||
background-color: var(--color-white);
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-header-3--logo img {
|
|
||||||
max-height: 1.5rem;
|
|
||||||
}
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
.block-hero-1 {
|
|
||||||
--bg: var(--color-primary);
|
|
||||||
--text: var(--color-white);
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: 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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,65 +0,0 @@
|
|||||||
.block-hero-2 {
|
|
||||||
--bg: var(--color-primary);
|
|
||||||
--text: var(--color-white);
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
min-height: 100vh;
|
|
||||||
background-color: var(--bg);
|
|
||||||
color: var(--text);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: auto 100%;
|
|
||||||
background-position: right center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-hero-2 .columns {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-hero-2 .column.text {
|
|
||||||
flex: 0 0 100%;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-hero-2 .column.media {
|
|
||||||
flex: 0 0 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
margin-top: 6rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-hero-2 .column.text p {
|
|
||||||
margin: 1rem 0 2rem 0;
|
|
||||||
color: var(--color-white);
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-hero-2 .column.media img {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 700px) {
|
|
||||||
|
|
||||||
.block-hero-2 .column.text {
|
|
||||||
flex: 0 0 45%;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-hero-2 .column.media {
|
|
||||||
flex: 0 0 55%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
margin-top: 0;
|
|
||||||
}
|
|
||||||
.block-hero-2 .column.media img {
|
|
||||||
width: 45vw;
|
|
||||||
max-width: 520px;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,10 +0,0 @@
|
|||||||
.block-media-1 img {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-media-1 figcaption {
|
|
||||||
font-size: 0.7rem;
|
|
||||||
color: var(--color-black-3);
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 0.5rem;
|
|
||||||
}
|
|
||||||
@@ -1,31 +0,0 @@
|
|||||||
.block-media-2 .columns {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
margin: -1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-media-2 .column {
|
|
||||||
flex: 0 0 calc(100% - 2rem);
|
|
||||||
margin: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-media-2 .column img {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-media-2 figcaption {
|
|
||||||
font-size: 0.7rem;
|
|
||||||
color: var(--color-black-3);
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: 700px) {
|
|
||||||
.block-media-2 .columns {
|
|
||||||
margin: -2rem;
|
|
||||||
}
|
|
||||||
.block-media-2 .column {
|
|
||||||
flex: 0 0 calc(50% - 4rem);
|
|
||||||
margin: 2rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,15 +0,0 @@
|
|||||||
.block-one-column-1 .columns {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
margin: -2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-one-column-1 .column {
|
|
||||||
flex: 0 0 calc(100% - 4rem);
|
|
||||||
margin: 2rem;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-one-column-1 .column h3 {
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||