<commit_before># strtr

### A simple, no frills front-end boilerplate.

This repo contains the following:

- An `index.html` file with best practices for writing clean, semantic markup.
- A plain Sass starting point, a simple `_reset.scss` file is imported into `project.scss` for maximum flexibility.
- A series of helpful Gulp tasks are included to:
    - compile Sass
    - minimise CSS
    - optimise images + SVGs

## Workflow

Throughout the last dozen or so projects I’ve worked on, the underlying front-end has been relatively simple. The `./src` directory contains all of the images, Sass and JavaScript files whilst a suite of Gulp tasks are set to minimize, concatenate and move these files into `./build`.

Here’s how to get this thing up and running:

1. Clone the repo.
2. Run `npm install` to fetch the dependencies.
3. `npm start` will compile Sass.
4. `live-server` automatically updates the browser with any changes – [install that with npm](https://www.npmjs.com/package/live-server).
5. `npm run-script build` will run a series of Gulp tasks to minify the CSS and to optimize images.


## General thoughts

- Starting a new project should be fun and lightning fast. I want to start building as soon as I get a neat idea but I don’t want a lot of useless files bundled with something like a framework.
- I shouldn’t have to copy + paste code from previous projects because it’s remarkably inefficient.
- The initial codebase ought to be very malleable and flexible.
- Like all boilerplates, this project needs to be simple so I can easily throw things on top of it.
- Particular styles for writing CSS change a lot over time (SMACSS, BEM, SUIT, etc.) hence this boilerplate is agnostic in that regard, letting the individual project dictate which method is best.
- At the moment I’m keeping jspm config files out of this repo since some projects don’t really need fancy pants ES6, Tracuer and JS modules.
- CSS is pretty.
<commit_msg>fixed #12 optimizations<commit_after># strtr

### A simple, no frills front-end boilerplate.

This repo contains the following:

- An `index.html` file with best practices for writing clean, semantic markup.
- A plain Sass starting point, a simple `_reset.scss` file is imported into `project.scss` for maximum flexibility.
- A series of helpful Gulp tasks are included to:
    - compile Sass
    - minimise CSS
    - optimise images + SVGs

## Workflow

Throughout the last dozen or so projects I’ve worked on, the underlying front-end has been relatively simple. The `./src` directory contains all of the images, Sass and JavaScript files whilst a suite of Gulp tasks are set to minimize, concatenate and move these files into `./build`.

Here’s how to get this thing up and running:

1. Clone the repo.
2. Run `npm install` to fetch the dependencies.
3. `npm start` will compile Sass.
4. `live-server` automatically updates the browser with any changes – [install that with npm](https://www.npmjs.com/package/live-server).
5. `npm run-script build` will run a series of Gulp tasks to minify the CSS and to optimize images.


## General thoughts

- Starting a new project should be fun and lightning fast. I want to start building as soon as I get a neat idea but I don’t want a lot of useless files bundled with something like a framework.
- I shouldn’t have to copy + paste code from previous projects because it’s remarkably inefficient.
- The initial codebase ought to be very malleable and flexible.
- Like all boilerplates, this project needs to be simple so I can easily throw things on top of it.
- Particular styles for writing CSS change a lot over time (SMACSS, BEM, SUIT, etc.) hence this boilerplate is agnostic in that regard, letting the individual project dictate which method is best.
- At the moment I’m keeping jspm config files out of this repo since some projects don’t really need fancy pants ES6, Tracuer and JS modules.
- CSS is pretty

{'fraction_non_alphanumeric': 0.05925925925925926, 'fraction_numerical': 0.0035759897828863347, 'mean_word_length': 3.882793017456359, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5117313', 'n_tokens_mistral': 1067, 'n_tokens_neox': 1017, 'n_words': 612}