generator-web-igniter

A yeoman generator to kickstart your frontend development.

Installation

First, install Yeoman and generator-web-igniter using npm (we assume you have pre-installed node.js).

npm install -g yo
npm install -g generator-web-igniter

Then generate your new project:

yo web-igniter

Supported features

Webpack
BrowserSync
SASS
purgeCSS
Vanilla JS
jquery
Google Analytics with cookie bar
Basic imprint (Impressum) page

Google Analytics and the cookie bar

Here are some more information on Google Analytics (GA). By default IP anonymization is activated. So it is not possibile to track the exact geo location of your website's visitors. In Europe this is a legal requirement. However you can deactivate IP anonymization like so: In src/index.html find:

gtag('config', gaProperty, { 'anonymize_ip': true });

and set anonymize_ip to false.

If GA is enabled a cookie bar is integrated automatically to your website. This is also a legal requirement in Europe. You can customize the behavior and the look like so: In src/js/main.js:

/*
 * Integration of a simple cookie bar.
 */
import SimpleCookieConsent from 'simple-cookie-consent';

new SimpleCookieConsent(
  {
    policyText: 'Your cookie text goes here',
    barClassName: '',
    additionalLink: 'privacy.html',
    additionalLinkText: 'Privacy Policy'
  });

The look can be edited in src/sass/styles.scss

@import '../../node_modules/simple-cookie-consent/dist/simple-cookie-consent.min.css';

.c-simple-cookie-consent {
  // Bar styles here (e.g. background-color, position, z-index)

  &__policy {
    // Message styling here (e.g. font)
  }

  &__button {
    // Styles that apply to both the 'accept' and 'additonal button'. (e.g. background-color)
    &--additional {
      // Styles specifically for the 'additonal' button which override the base button styling
    }
  }
}

For more information about the cookie bar, check Simple Cookie Consent.

Basic imprint page

In some countries (Germany for example) it is required to have an imprint page (Impressum) if you run a commercial website. Now you can optionally generate a basic imprint page with our generator. You just have to replace the placeholders [IN UPPER CASE] in `src/pages/impressum.html with your specific information. Since the imprint is required in Germany, the generated imprint page is in german language.

If you also activated Google Analytics there is a special section about Google Analytics and oup-out links integrated in the generated imprint.

sebbaum/generator-web-igniter

generator-web-igniter

Installation

Supported features

Google Analytics and the cookie bar

Basic imprint page

Credits

License