Add hero image

This commit is contained in:
Linux User 2021-02-19 11:49:17 +01:00
parent 4e8f12578b
commit 7ffa732e68
2 changed files with 22 additions and 9 deletions

View File

@ -1,4 +1,4 @@
/* /**
* General styles * General styles
* ============== * ==============
*/ */
@ -8,7 +8,13 @@
margin: 0 auto; margin: 0 auto;
} }
/* .sectionname {
box-shadow: none;
border-radius: 0;
}
/**
* First section * First section
* ============= * =============
*/ */
@ -23,6 +29,12 @@
display: none; 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 * Quick links
* =========== * ===========
@ -31,6 +43,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-bottom: .5rem;
} }
.wiai-quick-link { .wiai-quick-link {
@ -73,12 +86,12 @@ div.wiai-language-chooser .wiai-language-option {
border: none; border: none;
margin: 0; margin: 0;
margin-bottom: 2px; margin-bottom: 2px;
background-color: #19adc6; background-color: #e5ecf2;
font-weight: bold; font-weight: bold;
color: rgba(255, 255, 255, .6); color: rgba(0,69,125,.5);
} }
div.wiai-language-chooser .wiai-language-option.active { div.wiai-language-chooser .wiai-language-option.active {
background-color: #038399; background-color: rgb(0,69,125);
color: white; color: white;
} }

View File

@ -9,7 +9,7 @@ const quickLinks = [
name_english: "Virtual Map", name_english: "Virtual Map",
url_german: "https://wiai.de/home", url_german: "https://wiai.de/home",
url_english: "https://wiai.de/home", url_english: "https://wiai.de/home",
background: "#00457d", background: "#6731b7",
color: "white", color: "white",
icon: "gamepad" icon: "gamepad"
}, },
@ -36,7 +36,7 @@ const quickLinks = [
name_english: "Help & FAQ", name_english: "Help & FAQ",
url_german: "https://vc.uni-bamberg.de/mod/page/view.php?id=1122808", url_german: "https://vc.uni-bamberg.de/mod/page/view.php?id=1122808",
url_english: "#", url_english: "#",
background: "purple", background: "#6731b7",
color: "white", color: "white",
icon: "question-circle" icon: "question-circle"
}, },
@ -45,7 +45,7 @@ const quickLinks = [
name_english: "Glossary", name_english: "Glossary",
url_german: "https://vc.uni-bamberg.de/mod/glossary/view.php?id=1122803", 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", url_english: "https://vc.uni-bamberg.de/mod/glossary/view.php?id=1122803",
background: "#c16978", background: "#6731b7",
color: "white", color: "white",
icon: "book" icon: "book"
} }
@ -90,7 +90,7 @@ function addScriptTags() {
* Add quick link section. * Add quick link section.
*/ */
function addQuickLinks() { function addQuickLinks() {
const firstSection = document.getElementById('section-0'); const firstSection = document.querySelector('.course-content');
const quickLinkContainer = document.createElement('div'); const quickLinkContainer = document.createElement('div');
quickLinkContainer.classList.add('wiai-quick-link-container'); quickLinkContainer.classList.add('wiai-quick-link-container');
firstSection.prepend(quickLinkContainer); firstSection.prepend(quickLinkContainer);