not compitable with our tech

app/assets/javascripts/initial.js

@@ -0,0 +1,14 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file. JavaScript code in this file should be added after the last require_* statement.
+//
+// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require bootstrap/js/bootstrap-material-design.min
+//= require node-waves/waves.js

app/assets/stylesheets/initial.scss

@@ -0,0 +1,47 @@
+@import "bootstrap/css/bootstrap-material-design.min";
+@import "node-waves/waves";
+@import "animate-css/animate";
+@import "BSBMaterial/style";
+
+/* Show it is fixed to the top */
+// body {
+//   min-height: 75rem;
+//   padding-top: 4.5rem;
+// }
+
+.padding-10 {
+  padding: 10px;
+}
+
+.pin_pad {
+  width: 33%;
+  height: 70px;
+  line-height: 70px;
+  text-align: center;
+  background: #54A5AF;
+  font-size: 20px;
+  color: white;
+}
+
+.bottom {
+  margin-bottom: 1px;
+}
+
+.left {
+  margin-left: 1px;
+}
+
+.card {
+  margin-top: 10px;
+  box-sizing: border-box;
+  border-radius: 2px;
+  background-clip: padding-box;
+  transition: 0.3s ease;
+  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+}
+
+.card-footer {
+  padding: 0;
+  background-color: #fff;
+  border-top: none;
+}