Skip to content

Instantly share code, notes, and snippets.

@matallo

matallo/index.html

Created July 21, 2014 10:09
Show Gist options
  • Save matallo/991868f7c9cdb9ae7bb7 to your computer and use it in GitHub Desktop.
Save matallo/991868f7c9cdb9ae7bb7 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!doctype><html><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Odyssey.js Slides</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="http://cartodb.github.io/odyssey.js/sandbox/favicon.png">
<link rel="icon" type="image/png" href="http://cartodb.github.io/odyssey.js/sandbox/favicon.png">
<link rel="stylesheet" href="http://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/themes/css/cartodb.css">
<link rel="stylesheet" href="http://cartodb.github.io/odyssey.js/sandbox/css/slides.css">
<script src="http://cartodb.github.io/odyssey.js/vendor/modernizr-2.6.2.min.js"></script>
</head>
<body>
<div id="map" style="width: 100%; height: 100%;"></div>
<div id="slides_container" style="display:block;">
<div id="dots"></div>
<div id="slides"></div>
<ul id="navButtons">
<li><a class="prev"></a></li>
<li><a class="next"></a></li>
</ul>
</div>
<div id="credits">
<span class="title" id="title">Title</span>
<span class="author"><strong id="author">By Name using</strong> <a href="http://cartodb.github.io/odyssey.js/">Odyssey.js</a><span>
</span></span></div>
<script src="http://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/cartodb.js"></script>
<script src="http://cartodb.github.io/odyssey.js/dist/odyssey.js" charset="UTF-8"></script>
<script>
var resizePID,
map;
function clearResize() {
clearTimeout(resizePID);
resizePID = setTimeout(function() { adjustSlides(); }, 100);
}
if (!window.addEventListener) {
window.attachEvent("resize", function load(event) {
clearResize();
});
} else {
window.addEventListener("resize", function load(event) {
clearResize();
});
}
function adjustSlides() {
var container = document.getElementById("slides_container"),
slide = document.querySelectorAll('.selected_slide')[0];
if (slide) {
if (slide.offsetHeight+169+40+80 >= window.innerHeight) {
container.style.bottom = "80px";
var h = container.offsetHeight;
slide.style.height = h-169+"px";
slide.classList.add("scrolled");
} else {
container.style.bottom = "auto";
container.style.minHeight = "0";
slide.style.height = "auto";
slide.classList.remove("scrolled");
}
}
}
var resizeAction = O.Action(function() {
function imageLoaded() {
counter--;
if (counter === 0) {
adjustSlides();
}
}
var images = $('img');
var counter = images.length;
images.each(function() {
if (this.complete) {
imageLoaded.call( this );
} else {
$(this).one('load', imageLoaded);
}
});
});
function click(el) {
var element = O.Core.getElement(el);
var t = O.Trigger();
// TODO: clean properly
function click() {
t.trigger();
}
if (element) element.onclick = click;
return t;
}
O.Template({
init: function() {
var seq = O.Triggers.Sequential();
var baseurl = this.baseurl = 'http://{s}.api.cartocdn.com/base-light/{z}/{x}/{y}.png';
map = this.map = L.map('map').setView([37.314729, -12.352556], 5);
var basemap = this.basemap = L.tileLayer(baseurl, {
attribution: 'data OSM - map CartoDB'
}).addTo(map);
// enanle keys to move
O.Keys().on('map').left().then(seq.prev, seq)
O.Keys().on('map').right().then(seq.next, seq)
click(document.querySelectorAll('.next')).then(seq.next, seq)
click(document.querySelectorAll('.prev')).then(seq.prev, seq)
var slides = O.Actions.Slides('slides');
var story = O.Story()
this.story = story;
this.seq = seq;
this.slides = slides;
this.progress = O.UI.DotProgress('dots').count(0);
},
update: function(actions) {
var self = this;
if (!actions.length) return;
this.story.clear();
if (this.baseurl && (this.baseurl !== actions.global.baseurl)) {
this.baseurl = actions.global.baseurl || 'http://0.api.cartocdn.com/base-light/{z}/{x}/{y}.png';
this.basemap.setUrl(this.baseurl);
}
if (this.cartoDBLayer && ("http://"+self.cartoDBLayer.options.user_name+".cartodb.com/api/v2/viz/"+self.cartoDBLayer.options.layer_definition.stat_tag+"/viz.json" !== actions.global.vizjson)) {
this.map.removeLayer(this.cartoDBLayer);
this.cartoDBLayer = null;
this.created = false;
}
if (actions.global.vizjson && !this.cartoDBLayer) {
if (!this.created) { // sendCode debounce < vis loader
cdb.vis.Loader.get(actions.global.vizjson, function(vizjson) {
self.map.fitBounds(vizjson.bounds);
cartodb.createLayer(self.map, vizjson)
.done(function(layer) {
self.cartoDBLayer = layer;
var sublayer = layer.getSubLayer(0),
layer_name = layer.layers[0].options.layer_name,
filter = actions.global.cartodb_filter ? " WHERE "+actions.global.cartodb_filter : "";
sublayer.setSQL("SELECT * FROM "+layer_name+filter)
self.map.addLayer(layer);
self._resetActions(actions);
}).on('error', function(err) {
console.log("some error occurred: " + err);
});
});
this.created = true;
}
return;
}
this._resetActions(actions);
},
_resetActions: function(actions) {
// update footer title and author
var title_ = actions.global.title === undefined ? '' : actions.global.title,
author_ = actions.global.author === undefined ? 'Using' : 'By '+actions.global.author+' using';
document.getElementById('title').innerHTML = title_;
document.getElementById('author').innerHTML = author_;
document.title = title_ + " | " + author_ +' Odyssey.js';
var sl = actions;
document.getElementById('slides').innerHTML = ''
this.progress.count(sl.length);
// create new story
for(var i = 0; i < sl.length; ++i) {
var slide = sl[i];
var tmpl = "<div class='slide' style='diplay:none'>";
tmpl += slide.html();
tmpl += "</div>";
document.getElementById('slides').innerHTML += tmpl;
this.progress.step(i).then(this.seq.step(i), this.seq)
var actions = O.Parallel(
this.slides.activate(i),
slide(this),
this.progress.activate(i),
resizeAction
);
actions.on("finish.app", function() {
adjustSlides();
});
this.story.addState(
this.seq.step(i),
actions
)
}
this.story.go(this.seq.current());
},
changeSlide: function(n) {
this.seq.current(n);
}
});
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-20934186-21', 'cartodb.github.io');
ga('send', 'pageview');
</script>
<script id="md_template" type="text/template">```
-baseurl: "https://2.maps.nlp.nokia.com/maptile/2.1/maptile/newest/normal.day/{z}/{x}/{y}/256/png8?lg=eng&token=A7tBPacePg9Mj_zghvKt9Q&app_id=KuYppsdXZznpffJsKT24"
-title: "El mapa de los vertederos"
-author: "Martín González"
- vizjson: "http://martingg.cartodb.com/api/v2/viz/a4fd1486-0e92-11e4-936e-0e10bcd91c2b/viz.json"
```
#Los vertederos denunciados por la Comisión Europea
```
- center: [37.314729, -12.352556]
- zoom: 5
L.marker([37.7620, -122.4385]).actions.addRemove(S.map)
```
La CE ha denunciado a España por incumplir la normativa respecto a los vertederos de residuos. Tanto en la adecuación de los activos como en la clausura de los que no reunían las condiciones para seguir funcionando.
# Zurita
**Fuerteventura**
*Denunciado porque necesita trabajos de acondicionamiento*
```
- center: [28.480000, -13.890000]
- zoom: 9
L.marker([40.7348, -73.9970]).actions.addRemove(S.map)
```
![Zurita](http://images.eldiario.es/sociedad/CfakepathZURITAjpg_EDIIMA20140718_0354_1.jpg
)
8,9 millones para inversiones de mejora en el Complejo Ambiental de Zurita en 2014 y 2015 (9 de mayo de 2014).
# Juan Grande
**La Gomera**
*Denunciado porque necesita trabajos de acondicionamiento*
```
- center: [27.808123, -15.471514]
- zoom: 11
```
![Juan Grande](http://images.eldiario.es/sociedad/CfakepathJuanGrandejpg_EDIIMA20140718_0372_1.jpg)
El Consejo de Gobierno del Cabildo decidió este junio levantar la suspensió que el Tribunal Superior de Justicia impuso a la ampliación del vertedero para que la nueva contrata iniciara los trabajos.
# Ortuella
**Orconera**
*Denunciado porque necesita trabajos de acondicionamiento*
```
- center: [43.300134, -3.058673]
- zoom: 13
```
![Ortuella](http://images.eldiario.es/sociedad/Cfakepathortuella2jpg_EDIIMA20140718_0366_1.jpg
)
El 24 de mayo de 2014 sacó a concurso su "Recuperación ambiental y sellado".
# Alcolea de Cinca
**Huesca**
*Denunciado porque debería estar cerrado, vigilado y regenerado*
```
- center: [41.721525, 0.114657]
- zoom: 10
```
Ardió en marzo de 2014. Ha sufrido dos incendios en dos meses en lo que va de año. Las llamas y el humo obligaron a cortar la carretera comarcal del municipio. Se sospecha que son intencionados.
# Barranco de Sedasés
**Huesca**
*Denunciado porque debería estar cerrado, vigilado y regenerado*
```
- center: [41.522730, 0.342328]
- zoom: 10
```
![Sedasés](http://images.eldiario.es/sociedad/Cfakepathbarrancosedases_EDIIMA20140718_0391_1.jpg
)
**12 febrero de 2012:** el Ayuntamiento de Fraga ha adjudicado esta semana a la empresa aragonesa Sumelzo S.A. la ejecución de las obras necesarias para la legalización del vertedero de Sedasés, una instalación actualmente fuera de uso después de que la Comisión Europea estimase que sus características incumplían los estándares fijados por la legislación vigente en la UE para este tipo de equipamientos. “Podíamos sellar o legalizar, y hemos estimado que la mejor opción es legalizar el vertedero.
# Jumilla
**Murcia**
*Denunciado porque debería estar cerrado, vigilado y regenerado*
```
- center: [38.478236, -1.324912]
- zoom: 9
```
![Jumilla](http://images.eldiario.es/sociedad/CfakepathJumillavertederoJPG_EDIIMA20140718_0369_1.jpg
)
En enero 2104 la Consejería de Presidencia ordenó este viernes la ejecución forzosa subsidiaria del sellado de los vasos 1,2 y 3 del vertedero La Consejería añade en la resolución que fue preciso iniciar la ejecución subsidiaria porque la empresa incumplió la orden de sellado que se acordó en marzo de 2013.
# Sierra Valleja
**Arcos de la Frontera**
*Denunciado porque debería estar cerrado, vigilado y regenerado*
```
- center: [36.721685, -5.603201]
- zoom: 11
```
![Juan Grande](http://images.eldiario.es/sociedad/CfakepathJuanGrandejpg_EDIIMA20140718_0372_1.jpg)
Tuvo que suspender actividades en 2008 por riesgo de derrumbamiento en los taludes. Se reabrió en 2009. El municipio dice estar buscando una escombrera "legal" tras los avisos de la Comisión Europea de estar fuera de la normativa.
# Miramundo
**Medina Sidonia**
*Vertedero problemático*
```
- center: [36.460460, -5.930559]
- zoom: 11
```
![Miramundo](http://images.eldiario.es/sociedad/CfakepathMiramundo2jpg_EDIIMA20140718_0392_1.jpg
)
En Mayo 2014: El resto de poblaciones (excepto las del Campo de Gibraltar), que deberían hacerlo, traslada sus basuras al vertedero de Miramundo, donde son arrojadas sin ser sometidas a tratamiento alguno. ha recibido residuos urbanos en bruto, sin tratamiento, incumpliendo las exigencias de toda la legislación sobre residuos y vertederos.
# Fontcalent
**Alicante**
*Vertedero problemático*
```
- center: [38.372766, -0.560985]
- zoom: 11
```
![Fontcalent](http://images.eldiario.es/sociedad/CfakepathFONTCALENTjpg_EDIIMA20140718_0373_1.jpg
)
El Tribunal Superior de Justicia estudia si la Autorización Ambiental Integrada que ampliaba el vertedero un 50% se ajusta a derecho. Son tres vasos de vertido sin ninguna selección previa de las basuras. Dos balsas de lixiviados saturadas, (la normativa vigente recoge que en ningún momento deben superar la mitad de su capacidad).
# Moratalla
**Murcia**
*Vertedero problemático*
```
- center: [38.188800, -1.889824]
- zoom: 10
```
![Juan Grande](http://images.eldiario.es/sociedad/CfakepathJuanGrandejpg_EDIIMA20140718_0372_1.jpg)
Se clausuró en 2003 pero siguen llegando residuos: escombros, restos de poda, residuos de la industria del calzado, pinturas, fluorescentes, fitosanitarios, muebles y electrodomésticos. El ayuntamiento cerró los accesos en 2013 pero no se ha restaurado.
# Torremolinos
**Málaga**
*Vertedero problemático*
```
- center: [36.622148, -4.502853]
- zoom: 12
```
![Torremolinos](http://images.eldiario.es/sociedad/CfakepathTORREMOLINOSjpg_EDIIMA20140718_0359_1.jpg
)
Obligado a un cierre desde 2010 a partir de un auto del Juzgado de lo Contencioso-Administrativo número 1 de Málaga, denuncian que "sigue vertíendose allí".
# Cerceda
**A Coruña**
*Vertedero problemático*
```
- center: [43.190395, -8.473400]
- zoom: 11
```
![Cerceda](http://images.eldiario.es/sociedad/CfakepathCERCEDA-CORUNAjpg_EDIIMA20140718_0374_1.jpg
)
Incontrolado, tiene filtraciones, problemas de seguridad y está contaminando el río de Cerceda. El 14 de mayo de 2014 hubo un incendio. Ardieron 100 toneladas de residuos y tardó 6 horas en apagarse.
# Torija
**Guadalajara**
*Vertedero problemático*
```
- center: [40.744972, -3.030054]
- zoom: 11
```
![Torija](http://images.eldiario.es/sociedad/CfakepathTORIJA-GUADALAJARAjpg_EDIIMA20140718_0362_1.jpg
)
El retraso en la puesta en marcha de un tercer vaso ha colmado las fases del vertedero que deberían estar clausuradas. Las obras están en marcha.</script></body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment