`;
+ });
+
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');
@@ -82,7 +137,6 @@ export default async function (eleventyConfig) {
includes: '../templates',
data: '../data'
},
- templateFormats: ['html', 'liquid', 'njk', 'md']
- // pathPrefix: './demo/'
+ templateFormats: ['html', 'liquid', 'md', 'njk']
};
}
diff --git a/README.md b/README.md
index 83ea378..e40ece3 100644
--- a/README.md
+++ b/README.md
@@ -4,15 +4,20 @@ 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 documents.
+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.
## Installing
-Clone the repository `https://quelltext.interaktionsweise.de/interaktionsweise/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.
@@ -22,21 +27,26 @@ This will install all dependencies into the folder *node_modules*.
## 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](http://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.
## 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)
@@ -44,15 +54,16 @@ Everything has its default style.
CSS classes follow a naming scheme of `