1 2<!DOCTYPE html> 3<html lang="en-US"> 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <link rel="profile" href="http://gmpg.org/xfn/11"> 8 <link rel="pingback" href="https://ecotopia.today/xmlrpc.php"> 9 10 <title>ECOTOPIA TODAY â because ecology is real places</title> 11<meta name='robots' content='max-image-preview:large' /> 12<link rel='dns-prefetch' href='//fonts.googleapis.com' /> 13<link rel='dns-prefetch' href='//s.w.org' /> 14<link rel="alternate" type="application/rss+xml" title="ECOTOPIA TODAY â because ecology is real places » Feed" href="https://ecotopia.today/feed/" /> 15<link rel="alternate" type="application/rss+xml" title="ECOTOPIA TODAY â because ecology is real places » Comments Feed" href="https://ecotopia.today/comments/feed/" /> 16
16<script type="text/javascript"> 17 window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/ecotopia.today\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.8.18"}}; 18 !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([10084,65039,8205,55357,56613],[10084,65039,8203,55357,56613])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings); 19 </script>
19 20 <style type="text/css"> 21img.wp-smiley, 22img.emoji { 23 display: inline !important; 24 border: none !important; 25 box-shadow: none !important; 26 height: 1em !important; 27 width: 1em !important; 28 margin: 0 .07em !important; 29 vertical-align: -0.1em !important; 30 background: none !important; 31 padding: 0 !important; 32} 33</style> 34 <link rel='stylesheet' id='wp-block-library-css' href='https://ecotopia.today/wp-includes/css/dist/block-library/style.min.css?ver=5.8.18' type='text/css' media='all' /> 35<link rel='stylesheet' id='contact-form-7-css' href='https://ecotopia.today/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.0.1' type='text/css' media='all' /> 36<link rel='stylesheet' id='bootstrap-css' href='https://ecotopia.today/wp-content/themes/shapely/assets/css/bootstrap.min.css?ver=5.8.18' type='text/css' media='all' /> 37<link rel='stylesheet' id='font-awesome-css' href='https://ecotopia.today/wp-content/themes/shapely/assets/css/font-awesome.min.css?ver=5.8.18' type='text/css' media='all' /> 38<link rel='stylesheet' id='shapely-fonts-css' href='//fonts.googleapis.com/css?family=Raleway%3A100%2C300%2C400%2C500%2C600%2C700%7COpen+Sans%3A400%2C500%2C600&ver=5.8.18' type='text/css' media='all' /> 39<link rel='stylesheet' id='flexslider-css' href='https://ecotopia.today/wp-content/themes/shapely/assets/css/flexslider.css?ver=5.8.18' type='text/css' media='all' /> 40<link rel='stylesheet' id='shapely-style-css' href='https://ecotopia.today/wp-content/themes/shapely/style.css?ver=5.8.18' type='text/css' media='all' /> 41<link rel='stylesheet' id='owl.carousel-css' href='https://ecotopia.today/wp-content/themes/shapely/assets/js/owl-carousel/owl.carousel.min.css?ver=5.8.18' type='text/css' media='all' /> 42<link rel='stylesheet' id='owl.carousel.theme-css' href='https://ecotopia.today/wp-content/themes/shapely/assets/js/owl-carousel/owl.theme.default.css?ver=5.8.18' type='text/css' media='all' />
43<script type='text/javascript' src='https://ecotopia.today/wp-includes/js/jquery/jquery.min.js?ver=3.6.0' id='jquery-core-js'></script>
vendor: 1 bytes, line 43
43
44<script type='text/javascript' src='https://ecotopia.today/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2' id='jquery-migrate-js'></script>
44 45<link rel="https://api.w.org/" href="https://ecotopia.today/wp-json/" /><link rel="alternate" type="application/json" href="https://ecotopia.today/wp-json/wp/v2/pages/25" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://ecotopia.today/xmlrpc.php?rsd" /> 46<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://ecotopia.today/wp-includes/wlwmanifest.xml" /> 47<meta name="generator" content="WordPress 5.8.18" /> 48<link rel="canonical" href="https://ecotopia.today/" /> 49<link rel='shortlink' href='https://ecotopia.today/' /> 50<link rel="alternate" type="application/json+oembed" href="https://ecotopia.today/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fecotopia.today%2F" /> 51<link rel="alternate" type="text/xml+oembed" href="https://ecotopia.today/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fecotopia.today%2F&format=xml" /> 52<style type="text/css">a, .image-bg a, .contact-section .social-icons li a, a:visited, .footer .footer-credits a, .post-content .post-meta li a, .post-content .shapely-category a, .module.widget-handle i {color:#003399 }a:hover, a:active, .post-title a:hover, 53 .image-bg a:hover, .contact-section .social-icons li a:hover, .footer .footer-credits a:hover, .post-content .post-meta li a:hover, 54 .widget.widget_recent_entries ul li a:focus, .widget.widget_recent_entries ul li a:hover, 55 .widget.widget_recent_comments ul li .comment-author-link a:focus, .widget.widget_recent_comments ul li .comment-author-link a:hover, 56 .widget.widget_archive > div ul li a:focus, .widget.widget_archive > div ul li a:hover, .widget.widget_archive ul li a:focus, .widget.widget_archive ul li a:hover, .widget.widget_categories > div ul li a:focus, .widget.widget_categories > div ul li a:hover, .widget.widget_categories ul li a:focus, .widget.widget_categories ul li a:hover, .widget.widget_meta > div ul li a:focus, .widget.widget_meta > div ul li a:hover, .widget.widget_meta ul li a:focus, .widget.widget_meta ul li a:hover, .widget.widget_pages > div ul li a:focus, .widget.widget_pages > div ul li a:hover, .widget.widget_pages ul li a:focus, .widget.widget_pages ul li a:hover, .widget.widget_nav_menu > div ul li a:focus, .widget.widget_nav_menu > div ul li a:hover, .widget.widget_nav_menu ul li a:focus, .widget.widget_nav_menu ul li a:hover, 57 .widget.widget_nav_menu .menu > li a:focus, .widget.widget_nav_menu .menu > li a:hover, 58 .widget.widget_tag_cloud a:focus, .widget.widget_tag_cloud a:hover, .widget_product_categories ul.product-categories li a:hover, .widget_product_tag_cloud .tagcloud a:hover, .widget_products .product_list_widget a:hover, 59 .woocommerce.widget ul.cart_list li a:hover, .woocommerce.widget ul.product_list_widget li a:hover, .woocommerce .widget_layered_nav_filters ul li a:hover, .woocommerce .widget_layered_nav ul li a:hover, 60 .main-navigation .menu > li > ul li:hover > a, .main-navigation .menu > li > ul .dropdown:hover:after, 61 .post-content .shapely-category a:hover, .post-content .shapely-category a:focus, .main-navigation .menu li:hover > a, .main-navigation .menu > li:hover:after { color: #003399;}</style><style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style><style type="text/css" id="custom-background-css"> 62body.custom-background { background-color: #fef9f3; } 63</style> 64 <style type="text/css" id="wp-custom-css"> 65 #site-navigation .search-widget-handle 66{ 67 display: none; 68} 69.pb0 { 70 background-color: #FEF9F3; 71} 72.main-navigation { 73 background-color: #FEF9F3; 74} 75.main-navigation .module-group.right { 76 display: none; 77} 78 79.site-title { 80 font-size: 30px; 81 line-height: 52px; 82 font-family: Palatino; 83 color: #000; 84} 85 86.header-image-bg .page-title { 87 display: none; 88} 89 90.container { 91 max-width: 900px; 92} 93 94div#shapely_home_parallax-2 { 95background-image: url(https://ecotopia.today/wp-content/uploads/2018/04/cropped-Willamette-1.jpg); 96background-size: cover; 97background-attachment: fixed; 98background-position: center center; 99} 100.site-info.col-sm-6 { 101display: none; 102} 103 104 105}
105 106 107 </style> 108 </head> 109 110<body class="home page-template page-template-page-templates page-template-template-home page-template-page-templatestemplate-home-php page page-id-25 custom-background has-sidebar-right"> 111<div id="page" class="site"> 112 <a class="skip-link screen-reader-text" href="#content">Skip to content</a> 113 114 <header id="masthead" class="site-header" role="banner"> 115 <div class="nav-container"> 116 <nav id="site-navigation" class="main-navigation" role="navigation"> 117 <div class="container nav-bar"> 118 <div class="flex-row"> 119 <div class="module left site-title-container"> 120 <a href="https://ecotopia.today/" class="custom-logo-link"><span class="site-title">ECOTOPIA TODAY â because ecology is real places</span></a> </div> 121 <div class="module widget-handle mobile-toggle right visible-sm visible-xs"> 122 <i class="fa fa-bars"></i> 123 </div> 124 <div class="module-group right"> 125 <div class="module left"> 126 </div> 127 <!--end of menu module--> 128 <div class="module widget-handle search-widget-handle left hidden-xs hidden-sm"> 129 <div class="search"> 130 <i class="fa fa-search"></i> 131 <span class="title">Site Search</span> 132 </div> 133 <div class="function"> 134 <form role="search" method="get" id="searchform" class="search-form" action="https://ecotopia.today/" > 135 <label class="screen-reader-text" for="s">Search for:</label> 136 <input type="text" placeholder="Type Here" type="text" value="" name="s" id="s" /> 137 <button type="submit" class="searchsubmit"><i class="fa fa-search" aria-hidden="true"></i><span class="screen-reader-text">Search</span></button> 138 </form> </div> 139 </div> 140 </div> 141 <!--end of module group--> 142 </div> 143 </div> 144 </nav><!-- #site-navigation --> 145 </div> 146 </header><!-- #masthead --> 147 <div id="content" class="main-container"> 148 149 <section class="content-area "> 150 <div id="main" class="" role="main"> 151<div id="shapely_home_parallax-2" class="widget shapely_home_parallax"> <section class="cover fullscreen image-bg border-bottom"> 152 <div class="parallax-window fullscreen" data-parallax="scroll" 153 data-image-src="http://209.145.55.185/wp-content/uploads/2018/04/Willamette.jpg" data-ios-fix="true" data-over-scroll-fix="true" data-android-fix="true"> 154 <div class="align-transform"> 155 156 <div class="row"> 157 158 159 <div class="top-parallax-section"> 160 <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 text-center"> 161 </div> 162 </div> 163 <!--end of row--> 164 </div> 165 </div> 166 </div> 167 </section> 168 <div class="clearfix"></div> 169 </div><div id="shapely_home_parallax-5" class="widget shapely_home_parallax"> <section class="bg-secondary pb0"> 170 <div class="container"> 171 172 <div class="row"> 173 174 175 <div class="col-sm-10 col-sm-offset-1 text-center"> 176 <div class=""> 177 <div class="mb32"><h5 style="font-family: Trebuchet;background-color: #FEF9F3">This webpage is about political ecology â<br />at the crisscross of art, science, philosophy and activism.<br /> 178It contains links to cartographic projects and texts by Brian Holmes. If you find them useful for a better world, their purpose is fulfilled.</h5> 179</div> </div> 180 </div> 181 <!--end of row--> 182 </div> 183 </div> 184 </section> 185 <div class="clearfix"></div> 186 </div><div id="custom_html-2" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><!DOCTYPE html> 187<html> 188<head> 189<meta name="viewport" content="width=device-width, initial-scale=1"> 190<style> 191* { 192 box-sizing: border-box; 193} 194 195/* Create two equal columns that floats next to each other */ 196.column { 197 float: left; 198 width: 50%; 199} 200 201/* Clear floats after the columns */ 202.row:after { 203 content: ""; 204 display: table; 205 clear: both; 206} 207@media screen and (max-width: 440px) { 208 .column { 209 width: 100%; 210 } 211} 212</style> 213</head> 214<body> 215<br><br> 216<div class="row"> 217<div class="column" style="font-family: Trebuchet; font-color: #003399; background-color:#CCFFCC; padding: 10%;"> 218 219<h2>Maps<br><br></h2> 220 221<div style="writing-mode: horizontal-lr; block-size: 36px;"> 222<p><h4><a href="https://map.deeptimechicago.org" target="_blank" rel="noopener">Mapmaker, There Is No Map</a></h4></p> 223</div> 224<div style="writing-mode: horizontal-lr; block-size: 20px; font-color: #000000"> 225<p><h6>artworks in a territorial frame</h6></p> 226</div><br><br> 227 228<div style="writing-mode: horizontal-lr; block-size: 36px;"> 229<p><h4><a href="https://mississippi.rivertoday.org" target="_blank" rel="noopener">
229Anthropocene River</a></h4></p> 230</div> 231<div style="writing-mode: horizontal-lr; block-size: 20px; font-color: #000000"> 232<p><h6>headwaters to the gulf of mexico</h6></p> 233</div><br><br> 234 235<div style="writing-mode: horizontal-lr; block-size: 36px;"> 236<p><h4><a href="https://cascadia.ecotopia.today" target="_blank" rel="noopener">Learning from Cascadia</a></h4></p> 237</div> 238<div style="writing-mode: horizontal-lr; block-size: 20px; font-color: #000000"> 239<p><h6>an experiment in collective perception</h6></p> 240</div><br><br> 241 242<div style="writing-mode: horizontal-lr; block-size: 36px;"> 243<p><h4><a href="https://ecotopia.today/livingrivers/map.html" target="_blank" rel="noopener">Living Rivers</a></h4></p> 244</div> 245<div style="writing-mode: horizontal-lr; block-size: 20px; font-color: #000000"> 246<p><h6>biomes – anthromes – wars – visions</h6></p> 247</div><br><br> 248 249<div style="writing-mode: horizontal-lr; block-size: 36px;"> 250<p><h4><a href="https://ecotopia.today/petropolis/map.html" target="_blank" rel="noopener">Petropolis</a></h4></p> 251</div> 252<div style="writing-mode: horizontal-lr; block-size: 20px; font-color: #000000"> 253<p><h6>city of desire, city of ashes</h6></p> 254</div><br><br> 255 256</div> 257<div class="column" style="font-family: Trebuchet; background-color:#66CCFF; padding: 10%;"> 258 259<h2>Texts<br><br></h2> 260 261<div style="writing-mode: horizontal-lr; block-size: 36px;"> 262<p><h4><a href="http://www.e-flux.com/journal/85/156774/driving-the-golden-spike/" target="_blank" rel="noopener">Driving the Golden Spike</a></h4></p></div> 263<div style="writing-mode: horizontal-lr; block-size: 20px; font-color: #000000"> 264<p><h6>the aesthetics of anthropocene public space</h6></p> 265</div><br><br> 266 267<div style="writing-mode: horizontal-lr; block-size: 36px;"> 268<p><h4><a href="https://www.anthropocene-curriculum.org/contribution/check-my-pulse" target="_blank" rel="noopener">Check My Pulse</a></h4></p></div> 269<div style="writing-mode: horizontal-lr; block-size: 20px; font-color: #000000"> 270<p><h6>the anthropocene river in reverse</h6></p> 271</div><br><br> 272 273<div style="writing-mode: horizontal-lr; block-size: 36px;"> 274<p><h4><a href="https://www.anthropocene-curriculum.org/contribution/the-watershed-in-your-head/" target="_blank" rel="noopener">The Watershed in Your Head</a></h4></p></div> 275<div style="writing-mode: horizontal-lr; block-size: 20px; font-color: #000000"> 276<p><h6>mapping river basins</h6></p> 277</div><br><br> 278 279<div style="writing-mode: horizontal-lr; block-size: 36px;"> 280<p><h4><a href="https://www.regionalrelationships.org/tewna/project/casa-rio-arte-y-ambiente/" target="_blank" rel="noopener">The Earth Will Not Abide</a></h4></p></div> 281<div style="writing-mode: horizontal-lr; block-size: 20px; font-color: #000000"> 282<p><h6>an inter-basin collaboration</h6></p> 283</div><br><br> 284 285<div style="writing-mode: horizontal-lr; block-size: 36px;"> 286<p><h4><a href="https://www.mocp.org/exhibitions/2016/07/essays/petcoke-essay-brian-holmes.pdf" target="_blank" rel="noopener">Captive Sun</a></h4></p></div> 287<div style="writing-mode: horizontal-lr; block-size: 20px; font-color: #000000"> 288<p><h6>from "Petcoke: tracing dirty energy"</h6></p> 289</div><br><br> 290 291</div> 292</body> 293</html></div></div> 294 295 296</div><!-- #main --> 297</section><!-- section --> 298 299<div class="footer-callout"> 300 </div> 301 302<footer id="colophon" class="site-footer footer bg-dark" role="contentinfo"> 303 <div class="container footer-inner"> 304 <div class="row"> 305 306 </div> 307 308 <div class="row"> 309 <div class="site-info col-sm-6"> 310 <div class="copyright-text"> 311 </div> 312 <div class="footer-credits"> 313 Theme by <a href="https://colorlib.com/" target="_blank" title="Colorlib">Colorlib</a> Powered by <a href="http://wordpress.org/" target="_blank" title="WordPress.org">WordPress</a> </div> 314 </div><!-- .site-info --> 315 <div class="col-sm-6 text-right"> 316 </div> 317 </div> 318 </div> 319 320 <a class="btn btn-sm fade-half back-to-top inner-link" href="#top"><i class="fa fa-angle-up"></i></a> 321</footer><!-- #colophon --> 322</div> 323</div><!-- #page --> 324 325
325<script type="text/javascript"> 326 jQuery(document).ready(function ($) { 327 if ( $(window).width() >= 767 ) { 328 $('.navbar-nav > li.menu-item > a').click(function () { 329 window.location = $(this).attr('href'); 330 }); 331 } 332 }); 333 </script>
333 334
334<script type='text/javascript' id='contact-form-7-js-extra'> 335/* <![CDATA[ */ 336var wpcf7 = {"apiSettings":{"root":"https:\/\/ecotopia.today\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"recaptcha":{"messages":{"empty":"Please verify that you are not a robot."}}}; 337/* ]]> */ 338</script>
vendor: 1 bytes, line 338
338
339<script type='text/javascript' src='https://ecotopia.today/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.0.1' id='contact-form-7-js'></script>
vendor: 1 bytes, line 339
339
340<script type='text/javascript' src='https://ecotopia.today/wp-content/themes/shapely/assets/js/skip-link-focus-fix.js?ver=20160115' id='shapely-skip-link-focus-fix-js'></script>
vendor: 1 bytes, line 340
340
341<script type='text/javascript' src='https://ecotopia.today/wp-content/themes/shapely/assets/js/flexslider.min.js?ver=20160222' id='flexslider-js'></script>
vendor: 1 bytes, line 341
341
342<script type='text/javascript' src='https://ecotopia.today/wp-content/themes/shapely/assets/js/parallax.min.js?ver=20160115' id='shapely-parallax-js'></script>
vendor: 1 bytes, line 342
342
343<script type='text/javascript' src='https://ecotopia.today/wp-content/themes/shapely/assets/js/owl-carousel/owl.carousel.min.js?ver=20160115' id='owl.carousel-js'></script>
vendor: 1 bytes, line 343
343
344<script type='text/javascript' src='https://ecotopia.today/wp-includes/js/imagesloaded.min.js?ver=4.1.4' id='imagesloaded-js'></script>
vendor: 1 bytes, line 344
344
345<script type='text/javascript' src='https://ecotopia.today/wp-content/themes/shapely/assets/js/shapely-scripts.js?ver=20160115' id='shapely-scripts-js'></script>
vendor: 1 bytes, line 345
345
346<script type='text/javascript' src='https://ecotopia.today/wp-includes/js/wp-embed.min.js?ver=5.8.18' id='wp-embed-js'></script>
346 347 348</body> 349</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.