From 7ffa732e68135869b9e2d968ad794d2dd7649cb9 Mon Sep 17 00:00:00 2001
From: Linux User <fswiai@stuve.stuve-bamberg.de>
Date: Fri, 19 Feb 2021 11:49:17 +0100
Subject: [PATCH] Add hero image

---
 eets-wiai.css | 23 ++++++++++++++++++-----
 eets-wiai.js  |  8 ++++----
 2 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/eets-wiai.css b/eets-wiai.css
index 5f65668..5cdf376 100644
--- a/eets-wiai.css
+++ b/eets-wiai.css
@@ -1,4 +1,4 @@
-/* 
+/** 
  * General styles
  * ==============
  */
@@ -8,7 +8,13 @@
 	margin: 0 auto;
 }
 
-/* 
+.sectionname {
+	box-shadow: none;
+	border-radius: 0;
+}
+
+
+/**
  * First section
  * =============
  */
@@ -23,6 +29,12 @@
 	display: none;
 }
 
+#section-0 {
+	background-image: url(https://www.uni-bamberg.de/fileadmin/uni/verwaltung/presse/044_PRESSE/Pressebilder-offiziell/Gebaeude_neu/An-der-Weberei-5-Bild3.jpg);
+	background-size: cover;
+	background-position: center 61%;
+}
+
 /**
  * Quick links
  * ===========
@@ -31,6 +43,7 @@
 	display: flex;
 	align-items: center;
 	justify-content: center;
+	margin-bottom: .5rem;
 }
 
 .wiai-quick-link {
@@ -73,12 +86,12 @@ div.wiai-language-chooser .wiai-language-option {
 	border: none;
 	margin: 0;
 	margin-bottom: 2px;
-	background-color: #19adc6;
+	background-color: #e5ecf2;
 	font-weight: bold;
-	color: rgba(255, 255, 255, .6);
+	color: rgba(0,69,125,.5);
 }
 
 div.wiai-language-chooser .wiai-language-option.active {
-	background-color: #038399;
+	background-color: rgb(0,69,125);
 	color: white;
 }
diff --git a/eets-wiai.js b/eets-wiai.js
index 09c7865..f4c6caf 100644
--- a/eets-wiai.js
+++ b/eets-wiai.js
@@ -9,7 +9,7 @@ const quickLinks = [
 		name_english: "Virtual Map",
 		url_german: "https://wiai.de/home",
 		url_english: "https://wiai.de/home",
-		background: "#00457d",
+		background: "#6731b7",
 		color: "white",
     		icon: "gamepad"
 	},
@@ -36,7 +36,7 @@ const quickLinks = [
                 name_english: "Help & FAQ",
                 url_german: "https://vc.uni-bamberg.de/mod/page/view.php?id=1122808",
                 url_english: "#",
-                background: "purple",
+                background: "#6731b7",
                 color: "white",
                 icon: "question-circle"
         },
@@ -45,7 +45,7 @@ const quickLinks = [
                 name_english: "Glossary",
                 url_german: "https://vc.uni-bamberg.de/mod/glossary/view.php?id=1122803",
                 url_english: "https://vc.uni-bamberg.de/mod/glossary/view.php?id=1122803",
-                background: "#c16978",
+                background: "#6731b7",
                 color: "white",
                 icon: "book"
         }
@@ -90,7 +90,7 @@ function addScriptTags() {
  * Add quick link section.
  */
 function addQuickLinks() {
-	const firstSection = document.getElementById('section-0');
+	const firstSection = document.querySelector('.course-content');
 	const quickLinkContainer = document.createElement('div');
 	quickLinkContainer.classList.add('wiai-quick-link-container');
 	firstSection.prepend(quickLinkContainer);