Redesign (#2)

* init redesign with boilerplate

* update README

* feat: remove old pic

* set layout

* create theme

* update manifest

* adjust hero position

* adjust font size and animation settings

* add gulp-responsive

* remove gulp-responsive

* implement responsive images

* fix: Links to cross-origin destinations are unsafe

* fix: Links do not have a discernible name

* fix: [user-scalable=no] is used in the <meta name=viewport> element

* fix: [user-scalable=no] is used in the <meta name=viewport> element

* fix: update layout

* replace gulp-concat with gulp-concat-2020 + implement concat css

* implement critical path css

* fix: update menu link

* fix: update style of text

* fix layout issue + adjusted font size menu

* fix mobile menu

* remove manifest temporaly

* update manifest colors

* set back proper theme color

* rename  manifest

* add theme-color meta

* rename .npmrc

Co-authored-by: Jeremie Litzler <jeremie.litzler@conduent.com>

.gitignore

@@ -0,0 +1,3 @@
+node_modules
+dist/*
+vendor/*

.npmrc

@@ -0,0 +1,2 @@
+@fortawesome:registry=https://npm.fontawesome.com/
+//npm.fontawesome.com/:_authToken=${FONTAWESOME_NPM_AUTH_TOKEN}

README.md

@@ -1,27 +1,62 @@
-# [Start Bootstrap](http://startbootstrap.com/) - [Stylish Portfolio](http://startbootstrap.com/template-overviews/stylish-portfolio/)
+# Initial setup
 
-[Stylish Portfolio](http://startbootstrap.com/template-overviews/stylish-portfolio/) is a responsive, one page portfolio theme for [Bootstrap](http://getbootstrap.com/) created by [Start Bootstrap](http://startbootstrap.com/). The theme features multiple content sections with an off canvas navigation menu.
+## Install latest Node
 
-## Getting Started
+Go to [Node website](https://nodejs.org/en/download/).
 
-To begin using this template, choose one of the following options to get started:
-* [Download the latest release on Start Bootstrap](http://startbootstrap.com/template-overviews/stylish-portfolio/)
-* Clone the repo: `git clone https://github.com/BlackrockDigital/startbootstrap-stylish-portfolio.git`
-* Fork the repo
+## Initialize your project
 
-## Bugs and Issues
+`npm init` and fill the inputs.
 
-Have a bug or an issue with this template? [Open a new issue](https://github.com/BlackrockDigital/startbootstrap-stylish-portfolio/issues) here on GitHub or leave a comment on the [template overview page at Start Bootstrap](http://startbootstrap.com/template-overviews/stylish-portfolio/).
+## Install gulp globally
 
-## Creator
+Go to [Gulp getting started](https://gulpjs.com/docs/en/getting-started/quick-start).
 
-Start Bootstrap was created by and is maintained by **[David Miller](http://davidmiller.io/)**, Owner of [Blackrock Digital](http://blackrockdigital.io/).
+## Install gulp in the project
 
-* https://twitter.com/davidmillerskt
-* https://github.com/davidtmiller
+```sh
+npm install --save-dev gulp
+```
 
-Start Bootstrap is based on the [Bootstrap](http://getbootstrap.com/) framework created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thorton](https://twitter.com/fat).
+## Install the dev dependencies
 
-## Copyright and License
+```sh
+npm install --save-dev browser-sync
+npm install --save-dev del
+npm install --save-dev gulp-header
+npm install --save-dev gulp-rename
+npm install --save-dev gulp-flatmap
+npm install --save-dev lazypipe
+npm install --save-dev gulp-jshint
+npm install --save-dev jshint
+npm install --save-dev jshint-stylish
+npm install --save-dev gulp-concat
+npm install --save-dev gulp-terser
+npm install --save-dev gulp-optimize-js
+npm install --save-dev gulp-sass
+npm install --save-dev gulp-postcss
+npm install --save-dev autoprefixer
+npm install --save-dev cssnano
+npm install --save-dev gulp-svgmin
 
-Copyright 2013-2016 Blackrock Digital LLC. Code released under the [MIT](https://github.com/BlackrockDigital/startbootstrap-stylish-portfolio/blob/gh-pages/LICENSE) license.
+```
+
+## Install Font Awesome Pro
+
+Create a `.npmrc` file with the following content:
+
+```txt
+@fortawesome:registry=https://npm.fontawesome.com/
+//npm.fontawesome.com/:_authToken=${FONTAWESOME_NPM_AUTH_TOKEN}
+```
+
+Then run `FONTAWESOME_NPM_AUTH_TOKEN=YOUR_FA_TOKEN npm install --save @fortawesome/fontawesome-pro`.
+
+You can find the token on your [Font Awesome account](https://fontawesome.com/account) under `Pro npm Package Token` section.
+
+If any issue arise, [checkout Font Awesome website](https://fontawesome.com/how-to-use/on-the-web/setup/using-package-managers).
+
+## Setup in Netlify
+
+- Set the command `gulp` in the deploy settings.
+- Add the environment variable `FONTAWESOME_NPM_AUTH_TOKEN` with the token value.