Get rid of the splashpage banner photo and "descriptions"

app/assets/javascripts/application.js

@@ -22,6 +22,8 @@
 //= require dashboard
 //= require ahoy
 //= require smoothscroll
+//= require trianglify.min
+//= require tinycolor
 //= require bootstrap-markdown
 //= require to-markdown
 //= require markdown
@@ -30,6 +32,7 @@
 //= require osem-datepickers
 //= require osem-datatables
 //= require osem-tickets
+//= require osem-splash
 
 $(document).ready(function() {
     $('a[disabled=disabled]').click(function(event){

app/assets/javascripts/osem-splash.js

@@ -0,0 +1,7 @@
+$(function () {
+  $(document).ready(function() {
+    var t = new Trianglify({cellsize: 100, x_gradient: triangle_colors });
+    var pattern = t.generate(document.body.clientWidth, ($( "#splash-banner" ).height() + 200 ));
+    $('#splash-banner').css('background-image', pattern.dataUrl);
+  });
+});

app/assets/stylesheets/osem-splash.css.scss

@@ -15,32 +15,18 @@
 }
 
 #splash-banner{
-  background: none;
   background-repeat: no-repeat;
   background-position: center center;
-  width: 100%;
   background-size: cover;
-  min-height: 700px;
   margin-top: -10px;
+  padding-top: 100px;
+  padding-bottom: 100px;
   .container {
-    padding-top: 60px;
-  }
-  h1, h3{
-    color:#3399CC;
-  }
-  h3{
-    font-family: 'Coustard', serif;
-    font-weight: 600;
-    text-shadow: 0.2em 0.2em 0 #4A4F6A;
-  }
-  h1{
-    font-size: 5em;
-    font-weight: 700;
-    text-shadow:0.04em 0.04em 0 black;
-  }
-  p {
-    color: #fff;
-    font-weight: 500;
+    #splash-header  {
+      background-color: rgba(224, 224, 224,.80);
+      padding-top: 20px;
+      padding-bottom: 20px;
+    }
   }
 }
 

app/assets/stylesheets/osem.css.scss

@@ -24,4 +24,8 @@ body {
 
 .nav-tabs {
     margin-bottom: 15px;
+}
+
+.img-center {
+    margin: 0 auto;
 }

app/assets/stylesheets/strap-on.css.scss

@@ -59,4 +59,4 @@ $navbar-default-link-hover-color: #000000;
 
 // Utility classes
 @import "bootstrap/utilities";
-@import "bootstrap/responsive-utilities";
+@import "bootstrap/responsive-utilities";