Let's add materialize

static/LICENSE

+The MIT License (MIT)
+
+Copyright (c) 2014-2017 Materialize
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

static/README.md

+![alt tag](https://raw.github.com/dogfalo/materialize/master/images/materialize.gif)
+===========
+
+[![Travis CI](https://travis-ci.org/Dogfalo/materialize.svg?branch=master)](https://travis-ci.org/Dogfalo/materialize)[![devDependency Status](https://david-dm.org/Dogfalo/materialize/dev-status.svg)](https://david-dm.org/Dogfalo/materialize#info=devDependencies)[![Gitter](https://badges.gitter.im/Join Chat.svg)](https://gitter.im/Dogfalo/materialize?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
+
+[Materialize](http://materializecss.com/), a CSS Framework based on material design
+
+### Current Version : v0.97.8
+
+## Sass Requirements:
+- Ruby Sass 3.3+, LibSass 0.6+
+
+## Supported Browsers:
+Chrome 35+, Firefox 31+, Safari 7+, IE 10+
+
+## Changelog
+- v0.97.8 (October 30th, 2016)
+  - **Refactored Modal plugin**
+  - Tabs now supported in navbar
+  - Chips data can now be reinitiailized
+  - Minor side nav fixes
+  - FAB to toolbar component added
+  - Fixed dropdown options bug
+- v0.97.7 (July 23rd, 2016)
+  - Basic horizontal cards
+  - Carousel bug fixes and new features
+  - Updated sidenav styles and new component
+  - Meteor package now supports Sass
+  - Autocomplete form component
+  - Chips jQuery plugin
+- v0.97.6 (April 1st, 2016)
+  - **Removed deprecated material icons from project**
+  - **Changed /font directory to /fonts**
+  - Datepicker and ScrollSpy now compatible with jQuery 2.2.x
+  - Responsive tables now work with empty cells
+  - Added focus states to checkboxes, switches, and radio buttons
+  - Sidenav and Modals no longer cause flicker with scrollbar
+  - Materialbox overflow and z-index issues fixed
+  - Added new option for Card actions within a Card reveal
+- v0.97.5 (December 21st, 2015)
+  - Fixed Meteor package crash
+
+
+
+## Contributing
+[Please read CONTRIBUTING.md for more information](CONTRIBUTING.md)
+
+## Testing
+We use Jasmine as our testing framework and we're trying to write a robust test suite for our components. If you want to help, [here's a starting guide on how to write tests in Jasmine](https://docs.google.com/document/d/1dVM6qGt_b_y9RRhr9X7oZfFydaJIEqB9CT7yekv-4XE/edit?usp=sharing)

static/css/style.css

-@media (max-width: 768px) {
-    .pasmodal p, .pasmodal div, .pasmodal span, .pasmodal hr {
-    margin: 0.1em!important;
-    padding: 0!important;
-    text-align: center;
-    }
-
-    .modal ul {
-    padding: 0.1em!important;
-    }
-}
-
-.panel {
-margin: 0.5em !important;
-padding: 0.5em !important;
-}
-
-.form-inline > * {
-margin: 0.5em!important;
-}
-
-.well {
-background: #777777;
-color: #FFFFFF;
-}
-
-h1 {
-font-size: 2em;
-}
-
-a {
-color: #000000;
-}
-
-.btn-info {
-background: #777777;
-border-color: #777777;
-}
-
-.btn-info:hover {
-background: #666666;
-border-color: #666666;
-}
-
-/* GLOBAL */
-section {
-max-width: 60em;
-margin: auto;
-padding: .5em 1em;
-}
-
-/* HEADER */
-#header {
-color: #487ED6;
-height: 80px;
-}
-
-#header img {
-height: 64px;
-float: left;
-}
-
-#header h1 {
-padding-left: 120px;
-font-weight: bold;
-font-size: 2em;
-margin: 0;
-}
-
-#header h2 {
-padding-left: 120px;
-font-weight: bold;
-font-size: 1em;
-margin: 0;
-}
-
-/* LANGUAGES */
-#languages {
-float: right;
-text-align: right;
-margin: .5em;
-}
-
-/* TOOLBAR */
-#toolbar {
-}
-
-#toolbar ul {
-margin: 0;
-padding: 0;
-}
-
-#toolbar li {
-display: inline-block;
-background-color: #ccc;
-padding: .5em 1em;
-}
-
-/* Step styling */
-.step_bar {
-    line-height: 2ex;
-    vertical-align: middle;
-    text-align: center;
-}
-
-.step {
-    color: white;
-    text-shadow: 0 2px 0 grey, 0 -2px 0 grey, 2px 0 0 grey, -2px 0 0 grey;
-    font-size: 2em;
-}
-
-#caller {
-    transform: rotate(45deg);
-}
-
-#callee {
-    transform: rotate(225deg);
-}
-
-.step.outline_green {
-    text-shadow: 0 2px 0 green, 0 -2px 0 green, 2px 0 0 green, -2px 0 0 green;
-}
-.step.outline_red {
-    text-shadow: 0 2px 0 red, 0 -2px 0 red, 2px 0 0 red, -2px 0 0 red;
-}
-
-.step.green {
-    color: green;
-    text-shadow: none;
-}
-
-.step.red {
-    color: green;
-    text-shadow: none;
-}
-
-.step_text {
-    display: none;
-}
-
-.visible {
-    display: inherit;
-}