diff --git a/about.html b/about.html index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..215d97c1b09d0f5d3562df34a8f3ae7ec3c26637 100644 --- a/about.html +++ b/about.html @@ -0,0 +1,96 @@ + + +
+

Herzlich Willkommen zu Ausstellung-Virtuell

+

Bla bla

+ +
+ +
+
+

Dr. Alice Anna Klaassen

+ Seminarleitung, Organisation +
+
+ +
+
+

Dr. Jesús Muñoz Morcillo

+ Seminarleitung, Regie +
+
+ +
+
+

Anke Leiber

+ Kamera, Video-Schnitt, Storyboard +
+
+ +
+
+

Jonas Mangler

+ Autor +
+
+ +
+
+

Insa Müller-Quade

+ Moderation +
+
+ +
+
+

Timo Sannwald

+ Kamera, Video-Schnitt, Storyboard +
+
+ +
+
+

Natalija Traboulsi-Wegner

+ Autor, Webseite +
+
+ +
+
+

Hannah Luise Stetter

+ Moderation +
+
+ +
+
+

Hannah Eßer

+ Autor +
+
+ +
+
+

Jonas Heinrich

+ Webseite +
+
+ +
+
+

Oleksander

+ - +
+
+ +
+
+

Lukas

+ Moderation +
+
+
+ +
+ + diff --git a/css/main.css b/css/main.css index 4596cadffc3729f6f21eed5814376e65efc8c133..42c485b594e464b32a6c2f79921a94a282bcd014 100644 --- a/css/main.css +++ b/css/main.css @@ -61,7 +61,7 @@ map { } .description { - padding: 15px 80px 15px 80px; + padding: 15px 60px 15px 60px; } h2 { @@ -101,3 +101,67 @@ h2 { } } + + +/* .avatar-frame,.avatar-frame img{ + width: 100px; + height: 100px; + border-radius: 60px; +} */ + +.grid__item { + position: relative; + width: 25%; + padding-left: 1em; + padding-right: 1em; + padding-top: 0; + padding-bottom: 2em; +} + +.grid { + display: flex; + flex-wrap: wrap; + align-items: stretch; + position: relative; + overflow: hidden; + padding: 1.5em 0 1em; + text-align: center; + user-select: none; +} + +.profile-img { + border-radius: 50%; + height: 0; + padding-bottom: 100%; +} +.clip { + overflow: hidden; +} + +.meta { + position: relative; + margin: 10px 0 0; + padding: 0 0px 0 0; + text-align: center; +} +.center { + text-align: center; +} + +.meta__title { + font-size: .95em; + font-weight: bold; + margin: 0; + padding: .4em 0 .1em; +} + +h3 { + font-size: 15px; + line-height: 20px; +} + +h1, h2, h3, h4, h5, h6 { + font-family: 'Open Sans Bold', sans-serif; + font-weight: normal; + margin: 0; +} diff --git a/index.html b/index.html index d5bca984c5a151b2b4bf3d3000e6c20ee71c06a0..6d0ffc17942a7ba19f40124fffc823ff4e173300 100644 --- a/index.html +++ b/index.html @@ -14,7 +14,7 @@
- + diff --git a/js/map.js b/js/map.js index 8a2d13ddafa5e82ee4080b6cfc443255257ed7e3..e2df9e34660cecabd7e6ae10cf619c18c84bd51f 100644 --- a/js/map.js +++ b/js/map.js @@ -8,7 +8,8 @@ var bounds = [ mapboxgl.accessToken = 'pk.eyJ1Ijoib25ueSIsImEiOiJjajhvdnc1eTgwOTM3MnFudG81MXlpZGJrIn0.lDC0PwJDf704okmeI6w61g'; var map = new mapboxgl.Map({ container: 'map', - style: 'mapbox://styles/mapbox/light-v9', + //style: 'mapbox://styles/mapbox/light-v9', + style: 'mapbox://styles/onny/cjbgb2xyfbqwt2sp6qm2vu3yi', center: [8.404, 49.0150], zoom: 14, pitch: 0, diff --git a/overview.html b/overview.html index bdf7e50489cfd0406ed3f2524385979b0576202a..dcd3487da2ed8cd8b4047f8f99788b85ad9107cf 100644 --- a/overview.html +++ b/overview.html @@ -1 +1,16 @@ -Hallo Test + + +
+

Herzlich Willkommen zu Ausstellung-Virtuell

+

Bla bla

+ Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla + Bla bla bla Bla bla bla Bla bla bla + Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla + Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla + Bla bla bla Bla bla bla Bla bla bla + Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla + Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla + Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla +
+ +