moving the slider a bit to the left

5 years ago · 60ad158cc3
2 changed files with 28 additions and 11 deletions
--- a/css/stylesheet.css
+++ b/css/stylesheet.css
@ -7,22 +7,29 @@ body{
 	color:purple;
 	background-color:#ff4d4d33;
 }
-div#container{
+hr{
+	border:0;
+	border-bottom:1px dotted;
+}
+
+h1{
+	z-index: 10;
+}
+
+/* --- slider --- */
+
+
+div#sliders{
 	position: fixed;
 	width: 1000px;
 	height: 500px;
+	top:60px;
+	left:340px;
 }
 div#slider{
 	float: left;
 	margin:0.5em 1em 1em 0.5em;
-}
-
-a:visited{
-
-}
-hr{
-	border:0;
-	border-bottom:1px dotted;
+	z-index: 1;
 }

 /* --- control points ---*/
--- a/index.html
+++ b/index.html
@ -9,7 +9,7 @@
 </head>
 <body>
    <!-- The curved slider -->
-    <div id="container">
+    <div id="sliders">
        <div id="slider"></div>
        <div id="slider2"></div>
    </div>
@ -53,7 +53,17 @@
    </script>

    <div id="curve">
-        <h1>Relearn curved</h1>
+        <h1>Relearn 
+    	<select onchange="window.location.href=this.value" style="display: inline-block;">
+			<option value="http://relearn.be/2019/" selected="selected">2019</option>
+			<option value="http://relearn.be/2017/">2017</option>
+			<option value="http://relearn.be/2016/">2016</option>
+	   	    <option value="http://relearn.be/2015/">2015</option>
+	        <option value="http://relearn.be/2014/">2014</option>
+	        <option value="http://relearn.be/2013/">2013</option>
+	    </select>
+	    curved</h1>
+
        <p>Relearn 2019 is a curve, transversing multiple times and spaces.</p>

        <div id="rotterdam" class="controlpoint">