hurrikan-reporting-tool's Introduction

Start package for Firefli Drives Project

This is a small package built from Bulma Start, and modified for Drives

Install

npm install

then

npm run build-all

Setup

Note: After NPM install, it is necessary to edit framework code: (this has now been fixed in a newer version of the css framework, but I don't want to change versions and introduce any regression)

node_modules/bulma/sass/components/navbar.sass

On line 236:

+desktop .navbar, .navbar-menu, .navbar-start, .navbar-end

change +desktop to +tablet

On line 200, right before .navbar > .container display: block

change +touch to +mobile

For the search results ajax call, you need to point instance to correct endpoint. Right now it points to stub json file:

js/main.js --> var loadMore = new LoadMore("#loadMore", "stub/load-results.json");

That should be it.

What's included

The npm dependencies included in package.json are:

bulma
node-sass to compile your own Sass file
postcss-cli and autoprefixer to add support for older browsers
babel-cli, babel-preset-env and babel-preset-es2015-ie for compiling ES6 JavaScript files
html-includes for splitting html files into templates

Apart from package.json, the following files are included:

.babelrc configuration file for Babel
.gitignore common Git ignored files
index.html this HTML5 file
_sass/main.scss a basic SCSS file that imports Bulma and explains how to customize your styles, and compiles to css/main.css
_javascript/main.js an ES6 JavaScript that compiles to lib/main.js