`;
+ });
+
+ eleventyConfig.addPassthroughCopy({'source/art/images': 'art'});
+ eleventyConfig.addPassthroughCopy({'source/art/favicons/**/*.+(ico|png|svg)': '.'});
+ eleventyConfig.addPassthroughCopy({'source/code/**/*.js': 'js'});
+ eleventyConfig.addPassthroughCopy({'source/data/**/*.json': 'json'});
+
+ eleventyConfig.addPassthroughCopy('vendor');
+ eleventyConfig.addPassthroughCopy({'node_modules/bootstrap-icons': 'vendor/bootstrap-icons'});
+ eleventyConfig.addPassthroughCopy({
+ 'node_modules/jquery/dist/jquery.min.js': 'vendor/jquery.min.js',
+ 'node_modules/jquery/dist/jquery.min.map': 'vendor/jquery.min.map'
+ });
+ eleventyConfig.addPassthroughCopy({'node_modules/hippie-script/index.js': 'vendor/hippie-script.js'});
+
+ eleventyConfig.addWatchTarget('./source/style/');
+}
+
+// noinspection JSUnusedGlobalSymbols
+export const config = {
+ dir: {
+ input: 'source/view',
+ output: 'build'
+ },
+ templateFormats: ['html', 'liquid', 'md', 'njk']
+};
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index 94abb41..6ae690a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,200 +1,186 @@
-# hippie
-###################
-###################
-
-build/**
-reports/**
-source/art/*.*
-source/art/images/**
-source/art/sprites/**
-source/style/hippie-style/mixins/_sprite.scss
-!source/art/**/demo/
-source/templates/data.json
-source/data/**
-!source/data/**/demo.json
-
-
-
-# https://gist.github.com/octocat/9257657
-###################
-###################
-
-# Compiled source #
-###################
-*.com
-*.class
-*.dll
-*.exe
-*.o
-*.so
-
-# Packages #
-############
-# it's better to unpack these files and commit the raw source
-# git has its own built in compression methods
-*.7z
-*.dmg
-*.gz
-*.iso
-*.jar
-*.rar
-*.tar
-*.zip
-
-# Logs and databases #
-######################
-*.log
-*.sql
-*.sqlite
-
-# OS generated files #
-######################
-.DS_Store
-.DS_Store?
-._*
-.Spotlight-V100
-.Trashes
-ehthumbs.db
-Thumbs.db
-
-
-
-# https://github.com/github/gitignore
-###################
-###################
-
-# https://github.com/github/gitignore/blob/master/Global/Windows.gitignore
-###################
-# Windows thumbnail cache files
-Thumbs.db
-ehthumbs.db
-ehthumbs_vista.db
-
-# Dump file
-*.stackdump
-
-# Folder config file
-Desktop.ini
-
-# Recycle Bin used on file shares
-$RECYCLE.BIN/
-
-# Windows Installer files
-*.cab
-*.msi
-*.msm
-*.msp
-
-# Windows shortcuts
-*.lnk
-
-# https://github.com/github/gitignore/blob/master/Global/macOS.gitignore
-###################
-# General
-*.DS_Store
-.AppleDouble
-.LSOverride
-
-# Icon must end with two \r
-Icon
-
-# Thumbnails
-._*
-
-# Files that might appear in the root of a volume
-.DocumentRevisions-V100
-.fseventsd
-.Spotlight-V100
-.TemporaryItems
-.Trashes
-.VolumeIcon.icns
-.com.apple.timemachine.donotpresent
-
-# Directories potentially created on remote AFP share
-.AppleDB
-.AppleDesktop
-Network Trash Folder
-Temporary Items
-.apdisk
-
-https://github.com/github/gitignore/blob/master/Global/Linux.gitignore
-###################
-*~
-
-# temporary files which can be created if a process still has a handle open of a deleted file
-.fuse_hidden*
-
-# KDE directory preferences
-.directory
-
-# Linux trash folder which might appear on any partition or disk
-.Trash-*
-
-# .nfs files are created when an open file is removed but is still being accessed
-.nfs*
-
-# https://github.com/github/gitignore/blob/master/Node.gitignore
-###################
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (http://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules/
-jspm_packages/
-
-# Typescript v1 declaration files
-typings/
-
-# Optional npm cache directory
-.npm
-
-# Optional eslint cache
-.eslintcache
-
-# Optional REPL history
-.node_repl_history
-
-# Output of 'npm pack'
-*.tgz
-
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variables file
-.env
-
-# https://github.com/github/gitignore/blob/master/Sass.gitignore
-###################
-.sass-cache/
-*.css.map
+# HIPPIE
+###################
+build/**
+deploy/**
+reports/**
+source/art/sprites/
+source/art/images/sprite.*
+
+# IDE
+.idea/
+
+# https://gist.github.com/octocat/9257657
+###################
+###################
+
+# Compiled source #
+###################
+*.com
+*.class
+*.dll
+*.exe
+*.o
+*.so
+
+# Packages #
+############
+# it's better to unpack these files and commit the raw source
+# git has its own built in compression methods
+*.7z
+*.dmg
+*.gz
+*.iso
+*.jar
+*.rar
+*.tar
+*.zip
+
+# Logs and databases #
+######################
+*.log
+*.sql
+*.sqlite
+
+# OS generated files #
+######################
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+
+# https://github.com/github/gitignore
+###################
+###################
+
+# https://github.com/github/gitignore/blob/master/Global/Windows.gitignore
+###################
+# Windows thumbnail cache files
+Thumbs.db
+ehthumbs.db
+ehthumbs_vista.db
+
+# Dump file
+*.stackdump
+
+# Folder config file
+Desktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
+
+# Windows Installer files
+*.cab
+*.msi
+*.msm
+*.msp
+
+# Windows shortcuts
+*.lnk
+
+# https://github.com/github/gitignore/blob/master/Global/macOS.gitignore
+###################
+# General
+*.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.TemporaryItems
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+https://github.com/github/gitignore/blob/master/Global/Linux.gitignore
+###################
+*~
+
+# temporary files which can be created if a process still has a handle open of a deleted file
+.fuse_hidden*
+
+# KDE directory preferences
+.directory
+
+# Linux trash folder which might appear on any partition or disk
+.Trash-*
+
+# .nfs files are created when an open file is removed but is still being accessed
+.nfs*
+
+# https://github.com/github/gitignore/blob/master/Node.gitignore
+###################
+# Logs
+logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+# https://github.com/github/gitignore/blob/master/Sass.gitignore
+###################
+.sass-cache/
+*.css.map
+*.sass.map
+*.scss.map
\ No newline at end of file
diff --git a/.gitmodules b/.gitmodules
index 75c5b90..410b0db 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -1,4 +1,7 @@
[submodule "source/style/hippie-style"]
path = source/style/hippie-style
url = https://quelltext.interaktionsweise.de/interaktionsweise/hippie-style.git
- branch = main
+ branch = development
+[submodule "source/view/_includes/hippie-view"]
+ path = source/view/_includes/hippie-view
+ url = https://quelltext.interaktionsweise.de/interaktionsweise/hippie-view.git
diff --git a/.jshintrc b/.jshintrc
index 7554aff..13fcfa1 100644
--- a/.jshintrc
+++ b/.jshintrc
@@ -1,96 +1,33 @@
{
- // JSHint Default Configuration File (as on JSHint website)
- // See http://jshint.com/docs/ for more details
-
- "maxerr" : 50, // {int} Maximum error before stopping
-
- // Enforcing
- "bitwise" : true, // true: Prohibit bitwise operators (&, |, ^, etc.)
- "camelcase" : false, // true: Identifiers must be in camelCase
- "curly" : true, // true: Require {} for every new block or scope
- "eqeqeq" : true, // true: Require triple equals (===) for comparison
- "forin" : true, // true: Require filtering for..in loops with obj.hasOwnProperty()
- "freeze" : true, // true: prohibits overwriting prototypes of native objects such as Array, Date etc.
- "immed" : false, // true: Require immediate invocations to be wrapped in parens e.g. `(function () { } ());`
- "latedef" : false, // true: Require variables/functions to be defined before being used
- "newcap" : false, // true: Require capitalization of all constructor functions e.g. `new F()`
- "noarg" : true, // true: Prohibit use of `arguments.caller` and `arguments.callee`
- "noempty" : true, // true: Prohibit use of empty blocks
- "nonbsp" : true, // true: Prohibit `non-breaking whitespace` characters.
- "nonew" : false, // true: Prohibit use of constructors for side-effects (without assignment)
- "plusplus" : false, // true: Prohibit use of `++` and `--`
- "quotmark" : false, // Quotation mark consistency:
- // false : do nothing (default)
- // true : ensure whatever is used is consistent
- // "single" : require single quotes
- // "double" : require double quotes
- "undef" : true, // true: Require all non-global variables to be declared (prevents global leaks)
- "unused" : false, // Unused variables:
- // true : all variables, last function parameter
- // "vars" : all variables only
- // "strict" : all variables, all function parameters
- "strict" : true, // true: Requires all functions run in ES5 Strict Mode
- "maxparams" : false, // {int} Max number of formal params allowed per function
- "maxdepth" : false, // {int} Max depth of nested blocks (within functions)
- "maxstatements" : false, // {int} Max number statements per function
- "maxcomplexity" : false, // {int} Max cyclomatic complexity per function
- "maxlen" : false, // {int} Max number of characters per line
- "varstmt" : false, // true: Disallow any var statements. Only `let` and `const` are allowed.
-
- // Relaxing
- "asi" : false, // true: Tolerate Automatic Semicolon Insertion (no semicolons)
- "boss" : false, // true: Tolerate assignments where comparisons would be expected
- "debug" : false, // true: Allow debugger statements e.g. browser breakpoints.
- "eqnull" : false, // true: Tolerate use of `== null`
- "esversion" : 6, // {int} Specify the ECMAScript version to which the code must adhere.
- "moz" : false, // true: Allow Mozilla specific syntax (extends and overrides esnext features)
- // (ex: `for each`, multiple try/catch, function expression…)
- "evil" : false, // true: Tolerate use of `eval` and `new Function()`
- "expr" : false, // true: Tolerate `ExpressionStatement` as Programs
- "funcscope" : false, // true: Tolerate defining variables inside control statements
- "globalstrict" : false, // true: Allow global "use strict" (also enables 'strict')
- "iterator" : false, // true: Tolerate using the `__iterator__` property
- "lastsemic" : false, // true: Tolerate omitting a semicolon for the last statement of a 1-line block
- "laxbreak" : false, // true: Tolerate possibly unsafe line breakings
- "laxcomma" : false, // true: Tolerate comma-first style coding
- "loopfunc" : false, // true: Tolerate functions being defined in loops
- "multistr" : false, // true: Tolerate multi-line strings
- "noyield" : false, // true: Tolerate generator functions with no yield statement in them.
- "notypeof" : false, // true: Tolerate invalid typeof operator values
- "proto" : false, // true: Tolerate using the `__proto__` property
- "scripturl" : false, // true: Tolerate script-targeted URLs
- "shadow" : false, // true: Allows re-define variables later in code e.g. `var x=1; x=2;`
- "sub" : false, // true: Tolerate using `[]` notation when it can still be expressed in dot notation
- "supernew" : false, // true: Tolerate `new function () { ... };` and `new Object;`
- "validthis" : false, // true: Tolerate using this in a non-constructor function
-
- // Environments
- "browser" : true, // Web Browser (window, document, etc)
- "browserify" : false, // Browserify (node.js code in the browser)
- "couch" : false, // CouchDB
- "devel" : true, // Development/debugging (alert, confirm, etc)
- "dojo" : false, // Dojo Toolkit
- "jasmine" : false, // Jasmine
- "jquery" : true, // jQuery
- "mocha" : true, // Mocha
- "mootools" : false, // MooTools
- "node" : false, // Node.js
- "nonstandard" : false, // Widely adopted globals (escape, unescape, etc)
- "phantom" : false, // PhantomJS
- "prototypejs" : false, // Prototype and Scriptaculous
- "qunit" : false, // QUnit
- "rhino" : false, // Rhino
- "shelljs" : false, // ShellJS
- "typed" : false, // Globals for typed array constructions
- "worker" : false, // Web Workers
- "wsh" : false, // Windows Scripting Host
- "yui" : false, // Yahoo User Interface
-
- // Custom globals
- "globals" : { // additional predefined global variables
- "debugOn": true,
- "hippie": true,
- "viewHover": true,
- "basicEase": true
- }
+ "bitwise": true,
+ "curly": false,
+ "devel": true,
+ "eqeqeq": true,
+ "esversion": 11,
+ "forin": true,
+ "freeze": true,
+ "jquery": true,
+ "noarg": true,
+ "noempty": true,
+ "strict": true,
+ "undef": true,
+ "unused": false,
+ "browser": true,
+ "globals": {
+ "DateDisplay": true,
+ "HIPPIE": false,
+ "HippieTaskBar": true,
+ "TimeDisplay": true,
+ "basicEase": true,
+ "centerElementUnderCursor": false,
+ "checkButtonAndTarget": false,
+ "debugOn": true,
+ "getClosestEdgeToElement": false,
+ "getClosestEdgeToMouse": false,
+ "hippie": true,
+ "randomIntFrom": false,
+ "readJsonFile": false,
+ "replaceLineBreaks": false,
+ "viewHover": true
+ }
}
diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 0000000..4e82455
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,52 @@
+| Commit | Version | Description |
+|:-----------------------------------------|:-------:|:------------------------------------------------|
+| 6095870ce33fd3775718a1de3d33f604fd0630ab | 0.4.2 | Javascript again |
+| 50a1a6d9257b272e076c2e3b5bac39c7d17b2793 | 0.5.0 | Changes to content |
+| e2bbe9273a292a3806de1599f752258a2721d067 | 0.5.1 | |
+| 3d4eef5eb0a1632b43e1e3372e38a70cd4b58914 | 0.5.2 | |
+| 371cb450f81cd0d692c9005952af35ec066e01e1 | 0.6.0 | New es6 coding standard |
+| 175816c3595d783e7d8b48f5336fbdd54dae145b | 0.6.1 | |
+| 67e3cc1eca359bc2b927b8e971ccd7ba71f4c5a2 | 0.6.2 | |
+| abeb843718988fab978de7c75d6d45806f5d35a7 | 0.6.3 | |
+| 4401761a6bec9db19293353942479aea7bb8ead1 | 0.6.4 | |
+| 83464a1cf4ba3efc6382eafb6f68f106c6650161 | 0.6.5 | |
+| 6f95393409b502fef9ad9677b3c1ed1fe07ecc28 | 0.6.6 | |
+| 63b54f2749ed5a4d9a7a53c27540e7d6f8dff63d | 0.6.7 | |
+| 830037f5e5237d33ad66fe89ba45167a62d87829 | 0.6.8 | |
+| d205031fff29ee4d48251e30b17090143ae5458c | 0.7.0 | switched to style submodule usage |
+| d18254b61d87eb3d09d17b93783117dad7d13686 | 0.7.1 | |
+| 9b9b0cb1c631273f574d3cd7618bd799f561db6c | 0.7.2 | |
+| 11b30671d4948dfd30b7da14fe7295f386b54257 | 0.7.3 | |
+| 767b3024fa3bbededab2a8d665b4b35b55854a1c | 0.7.4 | |
+| 5c3cda58b147f16e1b9fdf1ed7b5499651df943d | 0.8.0 | changes to license file and submodule update |
+| 8567604ea6b129ded8b0e6108362a30d039235a7 | 0.8.1 | |
+| b2ea5b01aa47783b5f797310e16f1897e1839eb9 | 0.9.0 | Requirements updated and new nunjucks variables |
+| df064b8a942f00dd3277a9dde696e91324dfd166 | 0.9.1 | |
+| d812ed62084c90d4fac18b6c56a6dd3bf9bd7cba | 0.9.2 | |
+| 84957f75a017d5d06a32874282d9eb9f3d537534 | 0.9.3 | |
+| 489786aadc30bb589be769fe627389611c4f71f5 | 0.9.4 | |
+| 003a1159231241140a262ae67bb1236978b22ec0 | 0.9.5 | |
+| 731c19dd61215b8f373af9100ad5c23f19a4c2a3 | 0.9.6 | |
+| dd5ff43e1695d2de0b5a0a9614c1f31ad7e7b85b | 0.9.7 | |
+| dde26ec45eeb8d28a986093b8b5b29d8165e5a11 | 0.9.8 | |
+| 06ba1113929183f51e8501d440c950e4b4d9f0d2 | 0.9.9 | |
+| 827e6c1cde0aa4ca65e6c170174eae91da9aa4c9 | 0.9.10 | |
+| 202729f9ba098b5ff07f6af43acce7a67007cd1b | 0.9.11 | |
+| d22828400125f8572cfbe6243e2521ffab519adf | 0.9.12 | |
+| bf1a6ca7421a0385f664f864a82850f0805522c0 | 0.9.13 | |
+| 32215de810546f6ebd7f552816fc5bf3281a0a13 | 0.9.14 | |
+| f7dd7c93e3a06bc430fcf4e12f4be3d3b1aa29c6 | 0.10.0 | Added card and portal modules |
+| f54dbe92d912b9e7553a3a2263b009ed05017b0b | 0.10.1 | |
+| 6b217b6ebbfcfa2f3e14bdf41e21bb36f88050a5 | 0.10.2 | |
+| 534115ff282de4648c294ae78fe768d79e23d379 | 0.10.3 | |
+| f7a5481fd2e1d1c96f7e9d82eb2c3db9483b5784 | 0.10.4 | |
+| 31e896462e7693a4a6ba10d52657caf919e7f482 | 0.10.5 | |
+| 778d7d14d5e8d4dbcce2f9cb996afbc4d7accf27 | 0.11.0 | logPerf without JQuery |
+| 1d7f2eb839472524d73f395365ffb43e8fc5d115 | 0.12.0 | Migration to new home |
+| 69c04c32349d3d11820da933ed2bbd648fabb040 | 0.12.1 | |
+| 9415d4d9573a4f2a4e1c479c74c59abe3a69cd57 | 0.12.2 | |
+| 6e7615b44d9ef26ade73a00102878804272cf717 | 0.12.3 | |
+| b6ec313f26dde6b379da16edb65de082c6ca9b65 | 0.12.4 | |
+| e856e5311439d5a64478f7cda79998476ebdfe33 | 0.12.5 | |
+| ef9d665849f370b2284ae8d985d9625b5083fe37 | 0.13.0 | Introduced 11ty |
+| 3358e1858bc764e520dad65cc614c842b4f66245 | 0.13.1 | |
\ No newline at end of file
diff --git a/LICENSE.md b/LICENSE.md
index ba18326..7f1b2db 100644
--- a/LICENSE.md
+++ b/LICENSE.md
@@ -1,21 +1,21 @@
-The MIT License (MIT)
-
-Copyright (c) 2016 till today Stephan Hagedorn
-
-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.
+The MIT License (MIT)
+
+Copyright (c) 2016 till today Stephan Hagedorn
+
+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.
diff --git a/README.md b/README.md
index ed3beb7..3f4beda 100644
--- a/README.md
+++ b/README.md
@@ -1,45 +1,108 @@
# HIPPIE
+Hippie interweaves preeminent personal interface elements
+
> WORK IN PROGRESS (it is not ready to be used)
-This is a [node.js](https://nodejs.org/) based generator for static HTML based sites.
+This is a [Node.js](https://nodejs.org/) based generator for static HTML documents.
+It uses the [Eleventy](https://www.11ty.dev/) project to fiddle everything together.
-It uses the [gulp](https://gulpjs.com/) module to fiddle everything together. Styling is powered by the CSS extension language [SASS](https://sass-lang.com/). The HTML pages itself are made with the templating engine [Nunjucks](https://mozilla.github.io/nunjucks/).
+Styling is powered by the CSS extension language [Sass](https://sass-lang.com/). The HTML pages are written with
+templating engines or directly as HTML files. Mainly [Liquid](https://liquidjs.com/) is used,
+but [Markdown](https://daringfireball.net/projects/markdown/) and [Nunjucks](https://mozilla.github.io/nunjucks/) are
+also options.
-## INSTALLATION
+## Installing
-Clone the repo `https://github.com/sthag/hippie.git` to a folder to create your build environment.
+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*.
+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 node.js dependencies into the folder *node_modules*.
+This will install all dependencies into the folder *node_modules*.
-## USAGE
+## Usage
-The command `gulp --tasks` will give you an overview of possible actions.
+Different *scripts* are provided through `package.json`:
-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](htpp://localhost:3000) and the *build* directory.
+Run the command `npm run serve` 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:8080](http://localhost:8080)
+and the `/build` directory.
-`gulp build` will create the resulting *build* directory ready for deployment.
+`npm run build` will just create the resulting `/build` directory and `npm run deploy` will use a path prefix (*hippie*
+by default) and create the results in `/deploy` 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.
+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.
-## LOGIC
+## 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.
+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)
+### Sass (CSS)
Everything has its default style.
-The lo
-Class enthalten Objektnamen und Funktionen
-> Sie sind mit `-` und `_` unterteilt.
-> Der Bindestrich `-` trennt Objektnamen von Funktionen. Der Unterstrich `_` wiederum unterteilt Funktionsbezeichnungen.
+
+CSS classes follow a naming scheme of `