Skip to content

sulik/fatf-html

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FATF HTML integration

conversion of design into HTML

responsive design using HTML 5, CSS 3, JS

Live demo

www.maritana.ee/helmes7

How to build

Custom CSS and Javascript

Gruntfile.js is available in the directory root to be used with Grunt.

First, let's install Grunt's command line interface (CLI) globally by issuing the following command:

npm install -g grunt-cli

Change into the root directory ( /fatf-html ) via command line and install Grunt and required Grunt-plugin dependencies. This can be done easily using the command shown below, it will install the required files looking into our package.json file.

npm install

While in the same directory (after installing required files) just type in the command shown below and all custom CSS and JS files will be built into dist/stylesheets and dist/javascripts directories correspondingly.

grunt

Bootstrap CSS and Javascript

Now let's build our customized bootstrap's CSS and Javascript files. Talking about customization, some of the variables from bootstrap's variables.less file have been modified. Those changes are written into /public/less/bootstrap-variables-override.less file. That file is loaded within /bower_components/bootstrap/less/bootstrap.less (line: 59) while compiling bootstrap's final CSS file.

Navigate to bootstrap's root bower_components/bootstrap directory, then run the command shown below. Again npm will look at the package.json file and automatically install the necessary local dependencies listed there.

npm install

Now we just build all the files needed for bootstrap using the command below:

grunt dist

Finally we can check out our working index.html from the browser ;)

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published