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
* ==============
*/
@ -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;
}

View File

@ -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);