| gulp | ||
| source | ||
| vendor | ||
| .eleventy.js | ||
| .eslintrc.js | ||
| .gitignore | ||
| .gitmodules | ||
| .jshintrc | ||
| .sasslintrc | ||
| gulpfile.js | ||
| LICENSE.md | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| robots.txt | ||
| sitemap.xml | ||
| TODO.md | ||
HIPPIE
Hippie interweaves preeminent personal interface elements
WORK IN PROGRESS (it is not ready to be used)
This is a Node.js based generator for static HTML documents.
It uses the gulp module to fiddle everything together. Styling is powered by the CSS extension language SASS. The HTML pages itself are made with the templating engine Nunjucks.
Installing
Clone the repository https://quelltext.interaktionsweise.de/interaktionsweise/hippie.git to a folder to create your build environment.
Change to the newly created folder. By default this would be hippie.
Run the command git submodule update --init.
This will load the submodules.
Run the command npm install.
This will install all dependencies into the folder node_modules.
Usage
The command gulp --tasks will give you an overview of possible actions.
Run the command gulp for a live development environment.
This will create a folder build with the resulting files.
Also the source files will be watched for changes which are reflected live at localhost:3000 and the build directory.
gulp build will create the resulting build directory ready for deployment.
HIPPIE is intended to be used as a basis when creating HTML sites. It can be used without changes. It can be modified to have a different look and feel. It also can be used to build a new basis on top of it.
Content
Intro
There is an intro page which explains the main elements and their intended usage. It uses the default styling methods and also shows variations. The page is written in german language. However it has a semantic structure and the text itself can also just be seen as example content.
Sass (CSS)
Everything has its default style.
CSS classes follow a naming scheme of <object>_<description>.
- Object usually is the name of the HTML element. If it is not a elemtn directly it is the thing which receives the styling
- Description is a name of the style e.g. what it does, how it looks
Versioning
This project uses SemVer for versioning. For the versions available, see the tags on this repository.
Authors
Stephan Hagedorn - Initial work - Interaktionsweise
License
This project is licensed under the MIT License - see the LICENSE.md file for details.