Add hero image
This commit is contained in:
parent
4e8f12578b
commit
7ffa732e68
@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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);
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user