diff --git a/README.md b/README.md
index 2616af4..09e0495 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,29 @@
 # netdb.io-plugins
 netdb.io plugins.
+
+## This is the oficial repository for netdb.io
+
+## What is a netdb plugin?
+Plugins are tools that will run agains the dataset of specific workspace. PLugins run sandboxed, so no plugin can comunicate with the netdb software, but netdb suftware can. Plugin trying to access to the netdb platform itself, will be deleted.
+
+## Coding standars
+
+## How it works?
+QUite simple.
+
+1. netdb will dispatch to your html, postMesage event with an array.
+2. Array will contain two key:values which are: data and configuration.
+3. Then.. You will recivie the event message, and do something with the data and config.
+ 
+## Current plugins
+* host screenshot
+* 
+
+## Submit your plugin
+
+
+
+## Contributors so far
+
+* @jamesjara
+* @fmonge
diff --git a/_config.yml b/_config.yml
new file mode 100644
index 0000000..b849713
--- /dev/null
+++ b/_config.yml
@@ -0,0 +1 @@
+theme: jekyll-theme-leap-day
\ No newline at end of file
diff --git a/maps/index.html b/maps/index.html
new file mode 100644
index 0000000..dc3675d
--- /dev/null
+++ b/maps/index.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset='utf-8'/>
+    <title></title>
+    <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
+    <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.32.1/mapbox-gl.js'></script>
+    <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.32.1/mapbox-gl.css' rel='stylesheet' />
+    <style>
+        body { margin:0; padding:0; }
+        #map { position:absolute; top:0; bottom:0; width:100%; }
+        #menu { position: absolute; background: rgba(0,0,0,0.3);
+            color: white; padding: 8px; font-size: 15px;}
+        #marker { background-image: url('http://www.myiconfinder.com/uploads/iconsets/256-256-f900504cdc9f243b1c6852985c35a7f7.png');
+            /*Icom By:  Aung Thaw Htut - CC BY 3.0 -
+             https://creativecommons.org/licenses/by/3.0/ -
+             www.myiconfinder.com/icon/place-base-gps-location-map-maps-marker-navigation-pin-location/3986 */
+            background-size: cover; width: 50px; height: 50px;
+            border-radius: 50%; cursor: pointer; }
+    </style>
+</head>
+<body>
+
+
+<div id='map'></div>
+<div id='menu'>
+    <input id='streets' type='radio' name='rtoggle' value='streets' checked='checked'>
+    <label for='streets'>Streets</label><br> 
+    <input id='dark' type='radio' name='rtoggle' value='dark' >
+    <label for='dark'>Dark</label><br>
+    <input id='satellite' type='radio' name='rtoggle' value='satellite'>
+    <label for='satellite'>Satellite</label>
+</div>
+
+<script>
+
+window.addEventListener('message', function(event){
+    // if (~event.origin.indexOf('http://netdb.io')) 
+    initPlugin(event.data);
+});
+/*
+function initPlugin(response){
+    Ext.onReady(function(){
+        window.key = response['config']['key']; 
+        var store = Ext.getStore('viewStore');
+        store.setProxy({type: 'memory', enablePaging: true, data: response['data']});
+        store.load();
+    });
+    // code ?
+}
+*/
+
+
+code()
+function code(data) {
+    mapboxgl.accessToken = 'pk.eyJ1IjoiZmFmYWJhIiwiYSI6ImNpeWpwMzd3ZDAwMDMycXM3YXdlZ3licHEifQ.XJU54ySPMKfOLLK8qo2QFA'; // public key - mapbox
+
+    // variables hardcodeadas
+    var geo =
+        [[-83.04160, 9.96312],[-83.04149,9.96212],
+        [-83.03132,9.96412],[-82.4283,8.3790],
+        [-82.1494,8.3097],[-72.2262,11.4568]], // longitud, latitud
+        geoLen = geo.length,
+        ip = [['0.0.0.0'],['1.1.1.1'],['2.2.2.2'],
+        ['3.3.3.3'],['4.4.4.4'],['5.5.5.5']],        
+        hostName = [['NSA'],['FBI'],['White House']
+        ['Defense'],['Navy'],['Marines'],['JCS']]
+
+
+
+    var popup = '',
+        div = '',
+        info = ''
+
+    var map = new mapboxgl.Map({
+            container: 'map',
+            style: 'mapbox://styles/mapbox/streets-v9',
+            center: geo[0],
+            zoom: geoLen > 1 ? 3 : 15
+        })
+
+        // radio
+    var layerList = document.getElementById('menu'),
+        inputs = layerList.getElementsByTagName('input')
+
+    for (var i = 0; i < inputs.length; i++)
+        inputs[i].onclick = switchLayer  
+
+
+    for (var i = geoLen - 1; i >= 0; i--) {
+        
+        info = `${ip[i]} / ${hostName[i]}`    
+        
+
+        popup = new mapboxgl.Popup({offset: 39})
+                .setText( info )    
+
+        div = document.createElement('div')
+        div.id = 'marker'
+
+        new mapboxgl.Marker(div, {offset:[-25, -50]})
+            .setLngLat(geo[i])
+            .setPopup(popup)
+            .addTo(map)
+    }   
+    function switchLayer(layer)
+    {
+        layerId = layer.target.id
+        map.setStyle(`mapbox://styles/mapbox/${layerId}-v9`)
+    }
+}
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/maps/popup.png b/maps/popup.png
new file mode 100644
index 0000000..42b04e2
Binary files /dev/null and b/maps/popup.png differ
