7 years ago · b4bffbcd11
--- a/www/.gitignore
+++ b/www/.gitignore
@@ -4,6 +4,7 @@ public_html/videos/*.mp4
 
				 public_html/videos/*.ogg
			
 
				 public_html/videos/*.webm
			
 
				 public_html/metadata/*.json
			
 
				+public_html/assets/*.xcf
			
 
				 logs/*.log
			
 
				 tmp_metadata
			
 
				 tmp_videos
			
--- a/www/public_html/assets/lagare.png
+++ b/www/public_html/assets/lagare.png
--- a/www/public_html/css/dist/styles.min.css
+++ b/www/public_html/css/dist/styles.min.css
--- a/www/public_html/css/styles.css
+++ b/www/public_html/css/styles.css
@@ -83,3 +83,37 @@ html, body {
 
				     color: #827f7f; }
			
 
				   #timeline .vis-custom-time.videotime {
			
 
				     background-color: #2781cc; }
			
 
				+
			
 
				+#teaser {
			
 
				+  position: absolute;
			
 
				+  z-index: 50;
			
 
				+  top: 0;
			
 
				+  left: 0;
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  background-color: #000;
			
 
				+  background-image: url(../assets/lagare.png);
			
 
				+  background-size: cover;
			
 
				+  background-repeat: no-repeat; }
			
 
				+  #teaser .layer {
			
 
				+    position: absolute;
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    top: 0;
			
 
				+    left: 0;
			
 
				+    background-color: rgba(0, 0, 0, 0.7); }
			
 
				+  #teaser .popup {
			
 
				+    position: absolute;
			
 
				+    background-color: rgba(0, 0, 0, 0.8);
			
 
				+    width: 20%;
			
 
				+    left: 50%;
			
 
				+    top: 45%;
			
 
				+    margin-left: -10%;
			
 
				+    border-radius: 4px; }
			
 
				+    #teaser .popup h1 {
			
 
				+      color: #fff;
			
 
				+      text-align: center;
			
 
				+      font-family: monospace; }
			
 
				+
			
 
				+body.teasing #timelaps, body.teasing #mapin, body.teasing #mapout {
			
 
				+  display: none; }
			
--- a/www/public_html/index.php
+++ b/www/public_html/index.php
@@ -14,7 +14,7 @@ header("Pragma: no-cache");
 
				     <link href="bower_components/leaflet/dist/leaflet.css" rel="stylesheet" type="text/css" />
			
 
				     <link rel="stylesheet" href="css/styles.css" media="screen" charset="utf-8">
			
 
				   </head>
			
 
				-  <body>
			
 
				+  <body class="teasing">
			
 
				     <div id="root">
			
 
				       <header id="header">
			
 
				         <h1>hehe, Exo Planete</h1>
			
@@ -47,6 +47,13 @@ header("Pragma: no-cache");
 
				       </section>
			
 
				       <!-- map -->
			
 
				 
			
 
				+      <section id="teaser">
			
 
				+        <div class="layer"></div>
			
 
				+        <div class="popup">
			
 
				+          <h1>Centiped</h1>
			
 
				+        </div>
			
 
				+      </section>
			
 
				+
			
 
				     </div>
			
 
				     <!-- root -->
			
 
				 
			
--- a/www/public_html/js/dist/script.min.js
+++ b/www/public_html/js/dist/script.min.js
--- a/www/public_html/js/script.js
+++ b/www/public_html/js/script.js
@@ -22,8 +22,12 @@ $(document).ready(function() {
 
				 
			
 
				   function init(){
			
 
				     console.log("Init");
			
 
				+    tease();
			
 
				+    // loadData();
			
 
				+  };
			
 
				+
			
 
				+  function tease(){
			
 
				 
			
 
				-    loadData();
			
 
				   };
			
 
				 
			
 
				   function loadData(){
			
--- a/www/public_html/scss/styles.scss
+++ b/www/public_html/scss/styles.scss
@@ -82,3 +82,33 @@ html, body{
 
				     background-color: #2781cc;
			
 
				   }
			
 
				 }
			
 
				+
			
 
				+#teaser{
			
 
				+  position:absolute; z-index: 50;
			
 
				+  top:0; left:0; width:100%; height:100%;
			
 
				+  background-color: #000;
			
 
				+  background-image: url(../assets/lagare.png);
			
 
				+  background-size: cover;
			
 
				+  background-repeat: no-repeat;
			
 
				+  .layer{
			
 
				+    position: absolute;
			
 
				+    width:100%; height:100%;
			
 
				+    top:0; left:0;
			
 
				+    background-color: rgba(0,0,0,0.7);
			
 
				+  }
			
 
				+  .popup{
			
 
				+    position: absolute;
			
 
				+    background-color: rgba(0,0,0,0.8);
			
 
				+    width:20%; left:50%; top:45%; margin-left: -10%;
			
 
				+    border-radius: 4px;
			
 
				+    h1{
			
 
				+      color: #fff;
			
 
				+      text-align: center;
			
 
				+      font-family: monospace;
			
 
				+    }
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+body.teasing{
			
 
				+  #timelaps, #mapin, #mapout{display: none;}
			
 
				+}