Carousel

daanvr · May 14, 2018 · b13bdf0 · b13bdf0
1 parent 4f7d319
commit b13bdf0
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -56,6 +56,10 @@
       <button type="button" class="done_btn" onclick="document.getElementById('Photo-Big-Background').style.display = 'none'">Terug</button>
   </div>
 
+<!-- attempt at building a in map carousel -->
+<div class="hovering-carousel" id="main-carousel">
+
+</div>
 
 <!-- loading jave script that manages interaction with the map -->
   <script type="text/javascript" src="script.js"></script>

diff --git a/style.css b/style.css
@@ -3,6 +3,15 @@ body {
     margin: 0px;
 }
 
+.hovering-carousel {
+  position: fixed;
+  width: 100vw;
+  height: 100px;
+  bottom: 50px;
+  background-color: rgba(255, 255, 255, 0.5);
+}
+
+
 .Photo-Small {
   /*vertical-align: middle;*/
   vertical-align:text-bottom;