playing with maps & content

author: Your Name <you@example.com> 2019-06-18 11:16:51 +0200
committer: Your Name <you@example.com> 2019-06-18 11:16:51 +0200
commit: 30f32e4804172092673710c41e1d4082f703b573 (patch)
tree: f49e01c837271cf5212e8f1a2542a2ce991708b2
parent: 48449d455df9b2e7b3207a22aa49c1b8fbbb5e62 (diff)
download: hacklab.brussels-30f32e4804172092673710c41e1d4082f703b573.tar.gz
7 files changed, 216 insertions, 13 deletions
diff --git a/hackmap.css b/hackmap.css
new file mode 100644
index 0000000..bad62d8
--- /dev/null
+++ b/hackmap.css
@@ -0,0 +1,18 @@
+
+
+html, body {
+    margin: 0;
+}
+
+
+#demo {
+  display: block;
+  width: 100%;
+  height: 50vh;
+}
+
+iframe {
+    width:100%;
+    height:100%;
+    border: none;
+}
diff --git a/index.html b/index.html
index ef0b2a8..280c3b4 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
   <head>
 	<meta name="generator" content="Hugo 0.18.1" />
     <meta charset="utf-8">
-    <link rel="stylesheet" href="hacklabxl.css">
+    <link rel="stylesheet" href="/hacklabxl.css">
     <title>hcklabxl</title>
   </head>
   <body>
@@ -12,7 +12,7 @@
    </div>
 
  
-<div>
+ <div>
    <p>agenda:</p>
 
 <ul>
@@ -30,14 +30,14 @@
 
  </div>
  
-<div>
+ <div>
    <p><img src="/computerlib_dreammachine.png" alt="computerlib-dreammachine" /></p>
 
 <p>You can and must understand computers NOW</p>
 
  </div>
  
-<div>
+ <div>
    <ul>
 <li>Av. Princesse Elisabeth 46 / 1030 schaerbeek</li>
 <li>Prinses Elisabethlaan 46 / 1030 schaarbeek</li>
@@ -47,21 +47,21 @@
 
  </div>
  
-<div>
+ <div>
    <p><img src="/criticalengineering.png" alt="critical engineering" /></p>
 
 <p><a href="https://criticalengineering.org">critical engineering manifesto</a></p>
 
  </div>
  
-<div>
+ <div>
    <p><img src="/floating_carrot.jpg" alt="man on top of an orange vessel in the sea" /></p>
 
 <p>man floats accross the atlantic</p>
 
  </div>
  
-<div>
+ <div>
    <p><img src="./foghorn_Leghorn.png"  class="fhri" alt=""></p>
 
 <p>A whistle shall be placed as high as practicable on a
@@ -109,7 +109,7 @@ plenty of DIY pvc foghorn designs online</p>
 
  </div>
  
-<div>
+ <div>
    <p><img src="/incommon_logo.png" alt="incommon project logo" /></p>
 
 <p><a href="https://incommon.cc" title="Incommon.cc webpage">the incommon webpage</a></p>
@@ -118,7 +118,7 @@ plenty of DIY pvc foghorn designs online</p>
 
  </div>
  
-<div>
+ <div>
    <p><img src="/neutrinet_logo.png" alt="neutrinet project logo" /></p>
 
 <p>neutrinet install parties, every 3rd sunday of the month / 14h till 18h</p>
@@ -127,7 +127,7 @@ plenty of DIY pvc foghorn designs online</p>
 
  </div>
  
-<div>
+ <div>
    <p><img src="/knot_ashley.png" alt="a picture from ashley's book of knots" /></p>
 
 <p>a vessel traveling at 1 knot along a meridian travels approximately one minute of geographic latitude in one hour.</p>
@@ -140,7 +140,14 @@ plenty of DIY pvc foghorn designs online</p>
 
  </div>
  
-<div>
+ <div>
+   <p><img src="/microfactory_1.jpg" alt="microfactory" /></p>
+
+<p>By the way, meeting the playmobil again.</p>
+
+ </div>
+ 
+ <div>
    <hr>
 
 <ul>
@@ -163,7 +170,7 @@ plenty of DIY pvc foghorn designs online</p>
 
  </div>
  
-<div>
+ <div>
    <p><img src="/tools_scuderi2.gif" alt="mechanism of scuderi engine" />
 <img src="/tools_adler30.jpg" alt="Adler-30-1-Long-Arm-Industrial-Sewing-Machine-Leather" /></p>
 
@@ -171,7 +178,7 @@ plenty of DIY pvc foghorn designs online</p>
 
  </div>
  
-<div>
+ <div>
    <p><img src="/travel_april2019_antwerp.png" alt="a nautical map of the region of antwerp, belgium" />
 #antwerp</p>
 
@@ -186,7 +193,11 @@ plenty of DIY pvc foghorn designs online</p>
 
  </div>
  
+ <div>
+   <p>mercury 6pk, coming from buratinas, stored in rue loquenghien (jan van loquenghien), repaired at hacklab <loc position="50.87286710651607, 4.377062022686005"> , maybe sold off and transported to bukavu <loc position="-2.5106, 28.8439">, to do the rounds on the lakes there.</p>
 
+ </div>
+ 
 
  </section>
   </body>
diff --git a/index.xml b/index.xml
index 9c8994e..a1c08d0 100644
--- a/index.xml
+++ b/index.xml
@@ -182,6 +182,18 @@ plenty of DIY pvc foghorn designs online&lt;/p&gt;
     </item>
     
     <item>
+      <title>microfactory</title>
+      <link>http://hacklab.brussels/microfactory/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>http://hacklab.brussels/microfactory/</guid>
+      <description>&lt;p&gt;&lt;img src=&#34;http://hacklab.brussels/microfactory_1.jpg&#34; alt=&#34;microfactory&#34; /&gt;&lt;/p&gt;
+
+&lt;p&gt;By the way, meeting the playmobil again.&lt;/p&gt;
+</description>
+    </item>
+    
+    <item>
       <title>recipes</title>
       <link>http://hacklab.brussels/recipes/</link>
       <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
@@ -242,5 +254,15 @@ plenty of DIY pvc foghorn designs online&lt;/p&gt;
 </description>
     </item>
     
+    <item>
+      <title>un moteur a bukavu</title>
+      <link>http://hacklab.brussels/un_moteur_a_bukavu/</link>
+      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
+      
+      <guid>http://hacklab.brussels/un_moteur_a_bukavu/</guid>
+      <description>&lt;p&gt;mercury 6pk, coming from buratinas, stored in rue loquenghien (jan van loquenghien), repaired at hacklab &lt;loc position=&#34;50.87286710651607, 4.377062022686005&#34;&gt; , maybe sold off and transported to bukavu &lt;loc position=&#34;-2.5106, 28.8439&#34;&gt;, to do the rounds on the lakes there.&lt;/p&gt;
+</description>
+    </item>
+    
   </channel>
 </rss>
 \ No newline at end of file
diff --git a/microfactory/index.html b/microfactory/index.html
new file mode 100644
index 0000000..1452fbe
--- /dev/null
+++ b/microfactory/index.html
@@ -0,0 +1,17 @@
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="hacklabxl.css">
+    <title>hcklabxl : microfactory</title>
+  </head>
+  <body>
+
+    <h1>hcklabxl : microfactory</h1>
+
+ <p><img src="/microfactory_1.jpg" alt="microfactory" /></p>
+
+<p>By the way, meeting the playmobil again.</p>
+
+
+  </body>
+</html>
diff --git a/microfactory_1.jpg b/microfactory_1.jpg
new file mode 100644
index 0000000..8a029e0
--- /dev/null
+++ b/microfactory_1.jpg
diff --git a/sitemap.xml b/sitemap.xml
index 5420f34..8697736 100644
--- a/sitemap.xml
+++ b/sitemap.xml
@@ -43,6 +43,10 @@
   </url>
   
   <url>
+    <loc>http://hacklab.brussels/microfactory/</loc>
+  </url>
+  
+  <url>
     <loc>http://hacklab.brussels/recipes/</loc>
   </url>
   
@@ -54,4 +58,8 @@
     <loc>http://hacklab.brussels/travel_april2019/</loc>
   </url>
   
+  <url>
+    <loc>http://hacklab.brussels/un_moteur_a_bukavu/</loc>
+  </url>
+  
 </urlset>
 \ No newline at end of file
diff --git a/un_moteur_a_bukavu/index.html b/un_moteur_a_bukavu/index.html
new file mode 100644
index 0000000..cdd9c13
--- /dev/null
+++ b/un_moteur_a_bukavu/index.html
@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title></title>
+    <link rel="stylesheet" href="hackmap.css">
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.4.0/dist/leaflet.css"
+   integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA=="
+   crossorigin=""/>
+    
+ <script src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.js"
+   crossorigin=""></script>
+  </head>
+  <body>
+    <div id="map" style="width:100vw; height:50vh">
+
+    </div>
+    <div id="story" style="">
+
+<p>mercury 6pk, coming from buratinas, stored in rue loquenghien (jan van loquenghien), repaired at hacklab <loc position="50.87286710651607, 4.377062022686005"> , maybe sold off and transported to bukavu <loc position="-2.5106, 28.8439">, to do the rounds on the lakes there.</p>
+
+
+    </div>
+  </body>
+  <script type="text/javascript">
+
+
+
+
+
+function Utils() {
+
+}
+
+Utils.prototype = {
+    constructor: Utils,
+    isElementInView: function (element, fullyInView) {
+        var pageTop = $(window).scrollTop();
+        var pageBottom = pageTop + $(window).height();
+        var elementTop = $(element).offset().top;
+        var elementBottom = elementTop + $(element).height();
+
+        if (fullyInView === true) {
+            return ((pageTop < elementTop) && (pageBottom > elementBottom));
+        } else {
+            return ((elementTop <= pageBottom) && (elementBottom >= pageTop));
+        }
+    }
+};
+
+var Utils = new Utils();
+
+
+
+L.MyMap = L.Map.extend({
+openPopup: function (popup, latlng, options) {
+document.getElementById("demo").innerHTML = popup.getContent();
+return this;
+}
+});
+
+L.myMap = function (m) {
+return new L.MyMap(m);
+};
+var map = L.myMap('map').setView([50.87287, 4.377], 17);
+
+
+
+
+var Stamen_Toner = L.tileLayer('https://stamen-tiles-{s}.a.ssl.fastly.net/toner/{z}/{x}/{y}{r}.{ext}', {
+attribution: 'Map tiles by <a href="http://stamen.com">Stamen Design</a>, <a href="http://creativecommons.org/licenses/by/3.0">CC BY 3.0</a> &mdash; Map data &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
+subdomains: 'abcd',
+minZoom: 0,
+maxZoom: 20,
+ext: 'png'
+}).addTo(map) ;
+
+var elementScrolled = function(evt){
+  console.log(evt.target);
+
+
+  
+
+}
+
+window.onscroll = elementScrolled;
+
+
+
+
+
+var locations = document.querySelectorAll("loc");
+console.log(locations);
+var locationLength=locations.length;
+var markerArray=[];
+
+for(var i=0;i<locationLength; i++) {
+   position = locations[i].getAttribute("position").split(",");
+   
+   var m = L.marker(position);
+   m.addTo(map);
+   
+   markerArray.push(m.getLatLng());
+   
+}
+var bounds = L.latLngBounds(markerArray);
+map.fitBounds(bounds, {padding: L.point(20, 20)});
+
+var circle = L.circle([50.87286710651607, 4.377062022686005], {
+color: 'orangered',
+fillColor: 'orangered',
+fillOpacity: 1 ,
+radius: 2
+}).addTo(map);
+circle.bindPopup('<iframe src="https://hacklab.brussels"></iframe>');
+
+
+
+  
+
+
+  </script>
+
+
+
+
+</html>
author	Your Name <you@example.com>	2019-06-18 11:16:51 +0200
committer	Your Name <you@example.com>	2019-06-18 11:16:51 +0200
commit	30f32e4804172092673710c41e1d4082f703b573 (patch)
tree	f49e01c837271cf5212e8f1a2542a2ce991708b2
parent	48449d455df9b2e7b3207a22aa49c1b8fbbb5e62 (diff)
download	hacklab.brussels-30f32e4804172092673710c41e1d4082f703b573.tar.gz