https://github.com/kaisermann/hyperion

A static website workflow forked from Crius
https://github.com/kaisermann/hyperion

es2017 es6 gulp html static-site stylus web-app workflow

Last synced: 19 days ago
JSON representation

A static website workflow forked from Crius

• Host: GitHub
• URL: https://github.com/kaisermann/hyperion
• Owner: kaisermann
• Created: 2017-02-13T19:34:22.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2018-02-16T16:40:26.000Z (almost 7 years ago)
• Last Synced: 2024-11-04T00:24:51.090Z (2 months ago)
• Topics: es2017, es6, gulp, html, static-site, stylus, web-app, workflow
• Language: JavaScript
• Homepage:
• Size: 1.34 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Hyperion

> A static website workflow forked from [Crius](https://github.com/kaisermann/crius).

With **hyperion** you can:

* Write HTML with [Nunjucks](https://mozilla.github.io/nunjucks/)

  * Accessible variables within Nunjucks by using the [`app.json`](https://github.com/kaisermann/hyperion/blob/master/app.json) file. To reference a variable, use `app.variable.path...`.

  * If a `NODE_ENV` is set, the script will look for a property inside [`environments`](https://github.com/kaisermann/hyperion/blob/master/app.json#L3) with the same name as the environment name to set the `app` object.

  * Create new Nunjucks context variables and filters by editing [`hyperion.js`](https://github.com/kaisermann/hyperion/blob/master/hyperion.js).

* Write CSS with Stylus

  * Build your website's grid with the RolleiFLEX flex helper framework. (stylus)

  * Use simplified media queries with rupture (stylus)

  * Responsive font-size and [other useful mixins](https://github.com/kaisermann/hyperion/blob/master/app/assets/styles/config/mixins.styl)

* Write modern Javascript

* See live changes (CSS/JS/HTML) on your project with [browserSync](https://www.browsersync.io/)

* Need to manage a new type of resource, like, let's say... sounds? Just define it in the [`crius.json`](https://github.com/kaisermann/hyperion/blob/master/crius.json) and let the magic happen!

## Requirements

* [Node.js](http://nodejs.org/) >= 8.6.0

* [Gulp](https://github.com/gulpjs/gulp#installation) >= 4.x.x

## External links

* [Crius documentation](https://github.com/kaisermann/crius) (recommended)

* [Kaisermann.me repository - My portfolio website](https://github.com/kaisermann/kaisermann.me)