Commit de5827a5 authored by Jonas Heinrich's avatar Jonas Heinrich

fix several styling issues

parent aebf3320
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
<div class="description"> <div class="description">
<h2>Herzlich Willkommen zu Ausstellung-Virtuell</h2> <h2>Herzlich Willkommen zu Ausstellung-Virtuell</h2>
<p class="prose-big">Bla bla</p> <p class="prose-big">Bla bla</p>
</div>
<section class="grid"> <section class="grid">
<span class="grid__item"> <span class="grid__item">
...@@ -34,7 +35,7 @@ ...@@ -34,7 +35,7 @@
</div> </div>
</span> </span>
<span class="grid__item"> <span class="grid__item">
<div class="profile-img clip" style="background-image: url('images/avatar.jpg'); background-size: cover; background-position: 50% 0;"></div> <div class="profile-img clip" style="background-image: url('images/profiles/mueller-quade.jpeg'); background-size: cover; background-position: 50% 0;"></div>
<div class="meta center"> <div class="meta center">
<h3 class="meta__title">Insa Müller-Quade</h3> <h3 class="meta__title">Insa Müller-Quade</h3>
<span class="quiet small">Moderation</span> <span class="quiet small">Moderation</span>
...@@ -55,7 +56,7 @@ ...@@ -55,7 +56,7 @@
</div> </div>
</span> </span>
<span class="grid__item"> <span class="grid__item">
<div class="profile-img clip" style="background-image: url('images/avatar.jpg'); background-size: cover; background-position: 50% 0;"></div> <div class="profile-img clip" style="background-image: url('images/profiles/stetter.jpeg'); background-size: cover; background-position: 50% 0;"></div>
<div class="meta center"> <div class="meta center">
<h3 class="meta__title">Hanna Stetter</h3> <h3 class="meta__title">Hanna Stetter</h3>
<span class="quiet small">Moderation</span> <span class="quiet small">Moderation</span>
...@@ -76,20 +77,22 @@ ...@@ -76,20 +77,22 @@
</div> </div>
</span> </span>
<span class="grid__item"> <span class="grid__item">
<div class="profile-img clip" style="background-image: url('images/avatar.jpg'); background-size: cover; background-position: 50% 0;"></div> <div class="profile-img clip" style="background-image: url('images/profiles/levchenko.jpeg'); background-size: cover; background-position: 50% 0;"></div>
<div class="meta center"> <div class="meta center">
<h3 class="meta__title">Oleksander Levchenko</h3> <h3 class="meta__title">Oleksander Levchenko</h3>
<span class="quiet small">Dokumentation</span> <span class="quiet small">Dokumentation</span>
</div> </div>
</span> </span>
<span class="grid__item"> <span class="grid__item">
<div class="profile-img clip" style="background-image: url('images/avatar.jpg'); background-size: cover; background-position: 50% 0;"></div> <div class="profile-img clip" style="background-image: url('images/profiles/schmitt.jpeg'); background-size: cover; background-position: 50% 0;"></div>
<div class="meta center"> <div class="meta center">
<h3 class="meta__title">Lukas</h3> <h3 class="meta__title">Lukas Schmitt</h3>
<span class="quiet small">Konzeptplanung</span> <span class="quiet small">Konzeptplanung</span>
</div> </div>
</span> </span>
</section> </section>
<div class="description">
Wir danken auch: Wir danken auch:
<a href=https://www.zak.kit.edu target=new><img src="images/logo_zak_whitened.png" width=100%></a> <a href=https://www.zak.kit.edu target=new><img src="images/logo_zak_whitened.png" width=100%></a>
<a href=https://www.kit.edu target=new><img src="images/logo_kit_whitened.png" width=100%></a> <a href=https://www.kit.edu target=new><img src="images/logo_kit_whitened.png" width=100%></a>
......
...@@ -83,7 +83,6 @@ h2 { ...@@ -83,7 +83,6 @@ h2 {
align-items: stretch; align-items: stretch;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
padding: 1.5em 0 1em;
text-align: center; text-align: center;
user-select: none; user-select: none;
justify-content: center; justify-content: center;
...@@ -91,7 +90,7 @@ h2 { ...@@ -91,7 +90,7 @@ h2 {
.grid__item { .grid__item {
position: relative; position: relative;
width: 27%; width: 140px;
padding-left: 1em; padding-left: 1em;
padding-right: 1em; padding-right: 1em;
padding-top: 0; padding-top: 0;
...@@ -210,3 +209,20 @@ h1, h2, h3, h4, h5, h6 { ...@@ -210,3 +209,20 @@ h1, h2, h3, h4, h5, h6 {
font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif; font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
color: black; color: black;
} }
#video-navigation {
width: 100%;
height: 50px;
display: flex;
text-align: center;
vertical-align: middle;
}
.btn {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
border: 1px solid transparent;
vertical-align: middle;
flex: 1;
}
body *, * {
padding: 0;
margin: 0;
outline: none;
box-sizing: border-box;
font-family: "Proxima Nova"; }
.flex { .flex {
display: -webkit-flex; display: -webkit-flex;
display: -moz-flex; display: -moz-flex;
......
...@@ -11,9 +11,6 @@ ...@@ -11,9 +11,6 @@
<link rel="stylesheet" type="text/css" href="css/videre.css"> <link rel="stylesheet" type="text/css" href="css/videre.css">
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.eot"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.eot">
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/videre.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head> </head>
<body> <body>
...@@ -82,6 +79,9 @@ ...@@ -82,6 +79,9 @@
</content> </content>
</div> </div>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/videre.js"></script>
<script src="js/jquery-ui-1.12.1.min.js"></script>
<script src='js/mapbox-gl-0.43.0.js'></script> <script src='js/mapbox-gl-0.43.0.js'></script>
<script src="js/map.js"></script> <script src="js/map.js"></script>
<script src="js/main.js"></script> <script src="js/main.js"></script>
......
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -46,14 +46,28 @@ ...@@ -46,14 +46,28 @@
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 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 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
</div> </div>
</content>
<div id="video-navigation">
<div class="btn disabled">
< Vorheriges Objekt
</div>
<div class="btn">
Nächstes Objekt >
</div>
</div> </div>
</content>
</div>
</body> </body>
<script language="javascript"> <script language="javascript">
$(document).ready(function(){ $(document).ready(function(){
$('#player').videre(); $('#player').videre();
$('.next')click(function() {
$( "content" ).load( "video2.html" );
});
}); });
</script> </script>
</html> </html>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment