This website was developed as part of onboarding for a job. The website is static.
- HTML
- SCSS
- JavaScript
- jQuery https://jquery.com/
- Slick Carousel http://kenwheeler.github.io/slick/
- Picturefill https://scottjehl.github.io/picturefill/
- Debounce http://benalman.com/projects/jquery-throttle-debounce-plugin/
- YouTube iframe API https://developers.google.com/youtube/iframe_api_reference
- Vimeo Player API https://developer.vimeo.com/player
- nodejs https://nodejs.org/en/
- Gulp https://gulpjs.com/
- Dummy image placeholder https://dummyimage.com/
The development process includes Gulp task runner. In order to use Gulp, you must have nodejs and npm installed on yout computer. Upon cloning the repository, run the following commands:
npm install - installs Gulp locally and gulp plugins used by the project
gulp - runs the Gulp task runner with the default task. The default task includes:
- Running browser-sync plugin, which automatically creates a local server and opens the project in the browser (default is localhost:3000/)
- JavaScript file concatenation
- JavaScript master file minification
- Sass/SCSS compiling
- CSS master file minification
- Automatically watching for changes in any Sass/SCSS file and auto-injecting those changes to the browser
- Automatically reloading the page when any of the HTML files change
- Automatically reloading the page when any of the JavaScript files change
Note: Distribution ready files are located inside the dist/ directory
The website uses Github pages. You can view the live website here
The link above leads to the homepage, links to different pages include:
- Communication page: here
- Communication Q&A page: here
- Default Article page: here
- Article FAQ page: here
- Article Portrait page: here
- Article Diaporama page: here
- Search results page: here
- Search results none page: here
- Live News page: here
- All Tags page: here
- CGU page: here
- Terms and Conditions page: here
- 404 page: here
- Psychotest page: here