New index, added dashboard, font

static/css/app.css

@@ -1,11 +1,49 @@
-h1, h2 {
+xxxh1, h2 {
   font-family: 'Orbitron', cursive;
 }
 
-.challenges .btn-large, .header h1 {
+.challenges .btn-large {
   background-color: #3498db;
 }
 
+.headerblock {
+  height: 25em;
+  /*background-image: url("http://robot.itcollege.ee/assets/img/sumoesp-soldered.jpg");*/
+  /*background-size: cover;*/
+  position: relative;
+  overflow: hidden;
+  z-index: 0;
+}
+
+.headerblock > div {
+  /*position: relative;*/
+}
+
+.headerblock .fadeimage {
+  position: absolute;
+  top:0;
+  left:0;
+  width: 100%;
+  height: 100%;
+  transition: 1s ease;
+  opacity: 0;
+  background-size: cover;
+  background-position: center center;
+}
+
+.fadeimage {
+
+
+}
+
+.header {
+  position: absolute;
+  width: 100%;
+  left:0;
+  bottom:0;
+  background-color: rgba(255,255,255,0.8)
+}
+
 .slogan {
   color: #3498db;
 }

static/js/app.js

@@ -1,3 +1,25 @@
 $(document).ready(function(){
   $('.parallax').parallax();
+
+  const TIMEOUT = 4000;
+  const LENGTH = 3;
+
+  let n = 2;
+
+  let loopInterval = setInterval(()=> {
+
+    let images = $('.fadeimage');
+    let image = $('.fadeimage:nth-child(' + (n) + ')');
+    let next = n < LENGTH ? n++ : n=1;
+
+    // images.css('opacity', 0)
+    // image.css('opacity', 1)
+    // console.log()
+    // console.log(image);
+    // console.log(image.css('opacity', 1))
+  }, TIMEOUT);
+
+
+
+
 });