-
-
Save hotzeplotz/75c8921a583609a2328c to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype><html><head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <title>Odyssey.js Scroll</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/scroll.css"> | |
| <style> | |
| @font-face { | |
| font-family: "AleoRegular"; | |
| src: url("http://cartodb.github.io/odyssey.js/sandbox/fonts/aleo-regular-webfont.eot?#iefix") format("embedded-opentype"), url("http://cartodb.github.io/odyssey.js/sandbox/fonts/aleo-regular-webfont.woff") format("woff"), url("http://cartodb.github.io/odyssey.js/sandbox/fonts/aleo-regular-webfont.ttf") format("truetype"), url("http://cartodb.github.io/odyssey.js/sandbox/fonts/aleo-regular-webfont.svg") format("svg"); | |
| } | |
| * { | |
| font-family: AleoRegular; | |
| } | |
| </style> | |
| <script src="http://cartodb.github.io/odyssey.js/vendor/modernizr-2.6.2.min.js"></script> | |
| </head> | |
| <body> | |
| <div id="layout"> | |
| <!--<div class="progress-bar"></div>--> | |
| <div class="inner-header"> | |
| <div id="header"></div> | |
| </div> | |
| <div id="map_pos"> | |
| <div id="map_container"> | |
| <div id="map"></div> | |
| </div> | |
| </div> | |
| <div id="content"></div> | |
| <div id="credits"> | |
| <span class="title" id="title">Title</span> | |
| <span class="author"><b id="author">By Name using</b> <a href="#">Odyssey.js</a><span> | |
| </span></span></div> | |
| </div> <!-- layout --> | |
| <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> | |
| O.Template({ | |
| init: function() { | |
| var baseurl = this.baseurl = 'http://{s}.api.cartocdn.com/base-light/{z}/{x}/{y}.png'; | |
| var map = this.map = L.map('map',{ | |
| center: [0, 0], | |
| zoom: 4 | |
| }); | |
| this.map.scrollWheelZoom.disable(); | |
| var basemap = this.basemap = L.tileLayer(baseurl, { | |
| attribution: 'data OSM - map CartoDB' | |
| }).addTo(map); | |
| var story = O.Story() | |
| this.story = story; | |
| this.miniprogressbar = O.MiniProgressBar(); | |
| // trigger when map_pos go out of the screen | |
| this.edge = O.Edge( | |
| O.Triggers.Scroll().less('map_pos').offset(0), | |
| O.Triggers.Scroll().greater('map_pos').offset(0) | |
| ) | |
| }, | |
| update: function(actions) { | |
| var self = this; | |
| 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 TRIGGER_LINE = this.map.getSize().y + 50; | |
| this.story.addEvent( | |
| this.edge, | |
| O.Parallel( | |
| O.Actions.CSS($('#map_container')).toggleClass('attachTop'), | |
| O.Actions.CSS($('#content')).toggleClass('attachMap'), | |
| O.Actions.Debug().log('attach') | |
| ) | |
| ) | |
| // create content | |
| var content = ''; | |
| var slide_ = actions[0]; | |
| $('#header').html(slide_.html()); | |
| this.story | |
| .addState( | |
| O.Scroll().within($('#header')), | |
| slide_(this) | |
| ); | |
| for(var i = 1; i < actions.length; ++i) { | |
| var slide = actions[i]; | |
| content += "<div id='s_" + i +"'>" + slide.html() + "</div>"; | |
| } | |
| $('#content').html(content); | |
| // first slide is the header, skip it | |
| for(var i = 1; i < actions.length; ++i) { | |
| var slide = actions[i]; | |
| this.story.addState( | |
| O.Triggers.Scroll().within('s_' + i).offset(TRIGGER_LINE), | |
| O.Parallel( | |
| slide(this), | |
| this.miniprogressbar.percent(100*i/(actions.length - 1)) | |
| ) | |
| ) | |
| } | |
| if(window.scrollY === 0) { | |
| this.story.go(0); | |
| } | |
| } | |
| }); | |
| </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 type="text/template" id="md_template">``` | |
| -baseurl: "https://cartocdn_a.global.ssl.fastly.net/base-light/{z}/{x}/{y}.png" | |
| -title: "Urban Age conferences" | |
| -author: "LSE Cities" | |
| ``` | |
| # Urban Age conferences | |
| ``` | |
| - center: [42.2936, 11.7773] | |
| - zoom: 2 | |
| ``` | |
| The [Urban Age Programme](http://lsecities.net/ua/), jointly organised with Deutsche Bank’s Alfred Herrhausen Society, is an international investigation of the spatial and social dynamics of cities centred on an annual conference, research initiative and publication. Since 2005, over ten conferences have been held in rapidly urbanising regions in Africa and Asia, as well as in mature urban regions in the Americas and Europe. As an event, the Urban Age catalyses the exchange of information, experiences and data across a global network of cities. The conferences operate as mobile laboratories, testing and sampling the social and physical characteristics of global cities through expert presentations and testimonials, research, site visits, mapping and informal information exchange. | |
| # New York - February 2005 | |
| ``` | |
| - center: [40.7348, -73.9970] | |
| - zoom: 9 | |
| ``` | |
|  | |
| New York is the most populous and perhaps the most urban of America’s cities. Understanding New York’s very particular nature and its prospects is an essential part of coming to terms with the evolving nature of the contemporary city, as it faces up to the reality of the extraordinary size jump of the later years of the 20th century. As the first stage in a cumulative sequence of ongoing conferences, in 2005 Urban Age explored the deliberately provocative proposition that New York is almost all right. | |
| # Shanghai - July 2005 | |
| ``` | |
| - center: [31.1470, -238.5077] | |
| - zoom: 7 | |
| ``` | |
|  | |
| Shanghai, where one in five of its population is made up of temporary in-migrants from predominantly rural China, is the key city setting the pattern for the explosive urban growth in Asia. In 2005, Shanghai was the second in the Urban Age investigations on cities. It provided a chance to learn from a city in the midst of a spasm of change so violent that it questions the extent of human resilience, to explore the meaning of speed and friction. It is a city which is moving so fast that it’s possible to see the impact of theory on practice like nowhere else in the world. | |
| # London - November 2005 | |
| ``` | |
| - center: [51.4814, -360.0549] | |
| - zoom: 7 | |
| ``` | |
|  | |
| Can London cope with its future growth? Is it really Europe’s only global city? What is the impact of massive regeneration projects? These are some of the questions that civic leaders, city-builders, architects and academics from around the world asked when they met in London in 2005. The Mayors of Washington DC, Sao Paulo, Amsterdam, Barcelona and Edinburgh joined world-renowned urbanists Richard Rogers, Rem Koolhaas and Saskia Sassen to debate the future of a city facing momentous growth. | |
| # Mexico City - February 2006 | |
| ``` | |
| - center: [19.4562, -459.1022] | |
| - zoom: 7 | |
| ``` | |
|  | |
| Around the globe cities are being confronted with an expansion beyond their administrative boundaries, the formation of vast metropolitan regions, and local authorities being outgrown. Today, the Metropolitan Area of Mexico City is made up of the 16 boroughs of the Federal District, 58 municipalities of the State of Mexico, and one from the State of Hidalgo. Its 18 million inhabitants is almost equally divided between the Federal District and the State of Mexico. The challenges of growth and the challenges of integrated infrastructures and governance were the focus of the fourth Urban Age conference in 2006. | |
| # Johannesburg - July 2006 | |
| ``` | |
| - center: [-26.3525, -331.9849] | |
| - zoom: 5 | |
| ``` | |
|  | |
| Post-apartheid Johannesburg contends with glaring disparities in close physical proximity – gated and electrified suburban residential affluence stands within a ten minute driving distance of dense inner-city neighbourhoods rich with street life, informal commerce, and movement but still largely regarded as no-go zones by suburban residents. Its push to acquire ‘world-class’ status is mired with controversy while the city and pockets of visionary private developers aggressively pursue inner-city re-development. Particular in its historic and current development, in 2006 the Urban Age turned to Johannesburg to explore the city of extremes, at once a continental hub of financial transaction and cultural innovation and a hollowed out space of extreme disparity. | |
| # Berlin - November 2006 | |
| ``` | |
| - center: [52.5630, -346.7065] | |
| - zoom: 5 | |
| ``` | |
|  | |
| In 2006, following five conferences in New York, Shanghai, London , Mexico City, and Johannesburg, the Urban Age hosted a summit in Berlin to confront the statistics and the impressions built upon two years of research, conversation and debate. As Deyan Sudjic wrote then, the city is a complex interaction of issues and ambitions that are shaped by the everyday choices of its citizens as much as by their political leaders, and their officials. But given the costs and obligations that come with the privileges of urban life, a city is also a test of the limits of the power of persuasion, as opposed to compulsion. And in the end, a genuine city can only be about the persuasion and not the compulsion. | |
| # Mumbai - November 2007 | |
| ``` | |
| - center: [19.1452, -287.0288] | |
| - zoom: 5 | |
| ``` | |
|  | |
| In 2007, Urban Age examined how the largest democracy on earth negotiates considerable urbanisation and economic development. Shifting from a city to a regional focus, the conference considered Mumbai in relation to Kolkata, Bangalore and Delhi, as well and national and internaional comparisons. Urban governance, jurisdiction, decision making were analysed along-side planning, city design and transport and infrastructure delivery to elicit the challenges and opportunities of integrated city making. | |
| # São Paulo - December 2008 | |
| ``` | |
| - center: [-23.6647, -406.5930] | |
| - zoom: 6 | |
| ``` | |
| ![Urban Age São Paulo 2008]() | |
| In 2008, the Urban Age addressed the key social, spatial and economic issues underlying urban growth in South America. Focusing on the significant structural changes affecting São Paulo, Brazil’s largest city and major economic powerhouse, the Urban Age South America conference considered regional urban trends of the area’s five fastest growing cities – São Paulo, Rio de Janeiro, Buenos Aires, Bogotá and Lima focussing on inequality, territory and urban form. | |
| # Istanbul - November 2009 | |
| ``` | |
| - center: [40.9965, -331.0071] | |
| - zoom: 6 | |
| ``` | |
|  | |
| The Urban Age Istanbul Conference gathered over 400 people together to explore the vast and complex challenge of contemporary city making and the interconnected issues of the impact of the global economic condition on world cities, the effect of climate change on urban sustainability and the role of urban design in creating socially cohesive environments. Innovators of urban change, city mayors, scholars and authors side-by-side with architects and developers leading major urban regeneration projects around the globe offered presentations about urban transformations and policies, urban pasts and futures. | |
| # Chicago - Global MetroSummit - December 2010 | |
| ``` | |
| - center: [41.9677, -447.9895] | |
| - zoom: 6 | |
| ``` | |
|  | |
| The Brookings Institution, the London School of Economics and Political Science, the Alfred Herrhausen Society and TIME Magazine host the Global Metro Summit: Delivering the Next Economy, a two-day programme exploring the drivers of urban economic transformation The Global Metro Summit featured new economic trends analysis and research, unveiling a powerful vision for the post-recession economy that is export-oriented, low carbon, innovation-fueled, opportunity rich and ultimately led by metropolitan areas. | |
| # Hong Kong - Cities, health and well-being - November 2011 | |
| ``` | |
| - center: [22.3704, -605.8328] | |
| - zoom: 8 | |
| ``` | |
|  | |
| Urbanisation is associated with improvements in income levels and health outcomes. At the same time, the pressures of urban growth have contributed to the emergence of stark social and health inequalities in cities of the developed and developing world. The Urban Age Hong Kong conference explored urban health at both regional and global levels, with a focus on health and well-being implications of urban density, its planning and design. | |
| # London - Urban Age Electric City conference - December 2012 | |
| ``` | |
| - center: [51.4814, -360.0549] | |
| - zoom: 7 | |
| ``` | |
|  | |
| The eleventh Urban Age conference took place in central London on 6-7 December 2012. This year the conference focused on the ‘Electric City’ – a detailed investigation of how the combined forces of technological innovation and the global environmental crisis are affecting urban society. | |
| Organised by LSE Cities at the London School of Economics and Deutsche Bank’s Alfred Herrhausen Society, and supported by the Mayor of London, the two-day event explored a number of themes that connect technology, the environment and cities. Speakers were asked to tackle the social dimension of technological change, addressing questions of adaptation and change in individual and collective behaviour. The objective of the Urban Age Electric City conference – and the research leading up to it – is to provide a fresh perspective on how to accelerate the current sociotechnical transition of cities in order to more effectively respond to the urgent environmental and economic challenges. | |
| The invitation-only event was held in London and was attended by around 350 participants, with over 60 speakers drawn from cities and institutions in Asia, Africa, North and South America and Europe. | |
| # Rio de Janeiro - Urban Age City Transformations conference - October 2013 | |
| ``` | |
| - center: [-22.9584, -763.2092] | |
| - zoom: 6 | |
| ``` | |
|  | |
| Organised by LSE Cities at the London School of Economics and Political Science and Deutsche Bank’s Alfred Herrhausen Society, the 2013 Urban Age conference investigated the impact of large scale urban development projects on the social, economic, political and physical make-up of cities. | |
| The conference was held in the Olympic City of Rio de Janeiro in October 2013 and acted as a platform for exchange and debate amongst over 150 policy-makers, academics, urban designers, architects, and representatives of NGOs and local community groups building on the Urban Age’s network established through previous conferences held since 2005 in New York, Shanghai, Mexico City, Johannesburg, Berlin, Mumbai, São Paulo, Istanbul, Chicago, Hong Kong and London. | |
| International speakers and local representatives from Rio de Janeiro exchanged experiences on the design, governance and delivery of a number of significant projects in a range of world cities – including São Paulo, Santiago, Medellín, Bogotá, Antofogasta, Mexico City, New York, Detroit, Washington DC, Cape Town, Mumbai, Hong Kong, London, Hamburg, Barcelona and Stockholm. In addition to investigations of on-going projects in Rio surrounding the Olympics sites, the Bus Rapid Transit system and favelas improvement programme, the conference featured international projects including the Olympic Games and Legacy projects in London, Barcelona and The Netherlands; the HafenCity and IBA initiatives in Hamburg; The High-Line and East River waterfront redevelopment in New York City; the Hammersby development in Stockholm, the Transmilenio bus system and ciclovías in Bogotá, the cable-car and arts projects in Medellín as well as the Complexo Alemão, Parco Madureira, Porto Maravilha and other initiatives in Rio. In addition, economists, planners and social commentators debated the causes for the current wave of large-scale city transformations and their impact on local communities. City mayors and policymakers reflected on the best models of ensuring sustainable urban governance. | |
| # Delhi - Urban Age Governing Urban Futures conference - November 2014 | |
| ``` | |
| - center: [28.6135, -642.7771] | |
| - zoom: 6 | |
| ``` | |
|  | |
| The future is predicted to be increasingly urban. The United Nations estimates that globally, by 2050, up to 70 percent of the world’s population is expected to live in urban areas. Critical to the shape and nature of any urban future will be the role of urban governance. The Urban Age Delhi conference will explore the link between urban governance and the future development of cities. By comparing the experiences of different cities, it will analyse the conditions and processes that allow for participatory, effective, accountable and future-oriented decision making.</script></body></html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment