CINXE.COM

<!doctype html> <html lang="en-GB"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/svg+xml" href="https://branch.climateaction.tech/wp-content/themes/branch-theme/images/branch_red-01.svg"> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="preload" href="https://branch.climateaction.tech/wp-content/themes/branch-theme/fonts/Rubik-Bold.woff2" as="font" type="font/woff2" crossorigin> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1'/> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>  <title>Branch Magazine: A Just and Sustainable Internet for All - Branch</title> <meta name="description" content="An online magazine written by and for people who dream of a just and sustainable internet. Issue 8: Finding beauty in the imperfect out now."/> <link rel="canonical" href="https://branch.climateaction.tech/"/> <meta property="og:locale" content="en_GB"/> <meta property="og:type" content="website"/> <meta property="og:title" content="Branch Magazine Issue 8: Finding beauty in the imperfect"/> <meta property="og:description" content="Branch is an online magazine written by and for people who dream of a sustainable and just internet. Issue 8 out now."/> <meta property="og:url" content="https://branch.climateaction.tech/"/> <meta property="og:site_name" content="Branch"/> <meta property="article:modified_time" content="2024-04-30T06:17:58+00:00"/> <meta property="og:image" content="https://branch.climateaction.tech/wp-content/uploads/2024/04/branch-8-square.jpg"/> <meta property="og:image:width" content="500"/> <meta property="og:image:height" content="500"/> <meta property="og:image:type" content="image/jpeg"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:title" content="Branch Magazine Issue 8: Finding beauty in the imperfect"/> <meta name="twitter:description" content="Branch is an online magazine written by and for people who dream of a sustainable and just internet. Issue 8 out now: Finding beauty in the imperfect."/> <meta name="twitter:image" content="https://branch.climateaction.tech/wp-content/uploads/2024/04/branch-8-square.jpg"/> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://branch.climateaction.tech/","url":"https://branch.climateaction.tech/","name":"Branch Magazine: A Just and Sustainable Internet for All - Branch","isPartOf":{"@id":"https://branch.climateaction.tech/#website"},"primaryImageOfPage":{"@id":"https://branch.climateaction.tech/#primaryimage"},"image":{"@id":"https://branch.climateaction.tech/#primaryimage"},"thumbnailUrl":"https://branch.climateaction.tech/wp-content/uploads/2024/04/Branch_Magazine_Cover_Issue8-724x1024.jpg","datePublished":"2020-10-14T10:33:23+00:00","dateModified":"2024-04-30T06:17:58+00:00","description":"An online magazine written by and for people who dream of a just and sustainable internet. Issue 8: Finding beauty in the imperfect out now.","breadcrumb":{"@id":"https://branch.climateaction.tech/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https://branch.climateaction.tech/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https://branch.climateaction.tech/#primaryimage","url":"https://branch.climateaction.tech/wp-content/uploads/2024/04/Branch_Magazine_Cover_Issue8.jpg","contentUrl":"https://branch.climateaction.tech/wp-content/uploads/2024/04/Branch_Magazine_Cover_Issue8.jpg","width":800,"height":1131,"caption":"Branch issue 8. Cover illustration: Clarote (CC BY-NC 4.0)"},{"@type":"BreadcrumbList","@id":"https://branch.climateaction.tech/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://branch.climateaction.tech/#website","url":"https://branch.climateaction.tech/","name":"Branch","description":"A Sustainable Internet for All","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://branch.climateaction.tech/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}</script>  <link rel='dns-prefetch' href='//unpkg.com'/> <link rel="alternate" type="application/rss+xml" title="Branch » Feed" href="https://branch.climateaction.tech/feed/"/> <link rel="alternate" type="application/rss+xml" title="Branch » Comments Feed" href="https://branch.climateaction.tech/comments/feed/"/> <script> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/branch.climateaction.tech\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.2"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); </script> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://branch.climateaction.tech/wp-includes/css/dist/block-library/A.style.min.css,qver=6.7.2.pagespeed.cf.-GTKN38myC.css' media='all'/> <style id='co-authors-plus-coauthors-style-inline-css'> .wp-block-co-authors-plus-coauthors.is-layout-flow [class*=wp-block-co-authors-plus]{display:inline} </style> <style id='co-authors-plus-avatar-style-inline-css'> .wp-block-co-authors-plus-avatar :where(img){height:auto;max-width:100%;vertical-align:bottom}.wp-block-co-authors-plus-coauthors.is-layout-flow .wp-block-co-authors-plus-avatar :where(img){vertical-align:middle}.wp-block-co-authors-plus-avatar:is(.alignleft,.alignright){display:table}.wp-block-co-authors-plus-avatar.aligncenter{display:table;margin-inline:auto} </style> <style id='co-authors-plus-image-style-inline-css'> .wp-block-co-authors-plus-image{margin-bottom:0}.wp-block-co-authors-plus-image :where(img){height:auto;max-width:100%;vertical-align:bottom}.wp-block-co-authors-plus-coauthors.is-layout-flow .wp-block-co-authors-plus-image :where(img){vertical-align:middle}.wp-block-co-authors-plus-image:is(.alignfull,.alignwide) :where(img){width:100%}.wp-block-co-authors-plus-image:is(.alignleft,.alignright){display:table}.wp-block-co-authors-plus-image.aligncenter{display:table;margin-inline:auto} </style> <style id='safe-svg-svg-icon-style-inline-css'> .safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%} </style> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='branch-style-css' href='https://branch.climateaction.tech/wp-content/themes/branch-theme/A.style.css,qver=1705489746.pagespeed.cf.tIVEBvZfr8.css' media='all'/> <link rel='stylesheet' id='selectr-style-css' href='https://branch.climateaction.tech/wp-content/themes/branch-theme/assets/css/A.selectr.css,qver=1683731446.pagespeed.cf.Y3cnrfpgWq.css' media='all'/> <link rel="https://api.w.org/" href="https://branch.climateaction.tech/wp-json/"/><link rel="alternate" title="JSON" type="application/json" href="https://branch.climateaction.tech/wp-json/wp/v2/pages/228"/><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://branch.climateaction.tech/xmlrpc.php?rsd"/> <meta name="generator" content="WordPress 6.7.2"/> <link rel='shortlink' href='https://branch.climateaction.tech/'/> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://branch.climateaction.tech/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbranch.climateaction.tech%2F"/> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://branch.climateaction.tech/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbranch.climateaction.tech%2F&format=xml"/> <style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style> <style id="wp-custom-css"> ol.wp-block-footnotes { padding: 0 0 0 1em; } ol.wp-block-footnotes li { margin-bottom: 1em; } .mb-0, .postid-3150 .wp-block-column p:last-child { margin-bottom: 0; } .post .post-thumbnail { margin-top: 1.5em; } hr.wp-block-separator { font-size: 1.1em; max-width: 35em; background-color: transparent; border-top-width: 1px; border-color: gray; margin: 3em auto; } .vox-pop { padding: 2em; border-radius: 2em; } .vox-pop p:last-child { margin-bottom: 0 } </style> </head> <body class="home page-template-default page page-id-228"> <div id="page" class="site"> <a class="skip-link screen-reader-text" href="#primary">Skip to content</a> <header id="masthead" class="site-header"> <div class="logo"> <img src="https://branch.climateaction.tech/wp-content/themes/branch-theme/images/branch_red-01.svg"/> </div> <div class="site-branding"> <p class="site-title"><a href="https://branch.climateaction.tech/" rel="home">Branch</a></p> <p class="site-description">A Sustainable Internet for All</p> </div> <nav id="site-navigation" class="main-navigation"> <div class="menu-main-navigation-container"><ul id="primary-menu" class="menu"><li id="menu-item-674" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-674"><a href="/issues">Issues</a></li> <li id="menu-item-339" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-339"><a href="https://branch.climateaction.tech/about/">About</a></li> <li id="menu-item-1421" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1421"><a target="_blank" href="https://opencollective.com/greenweb-collective/projects/branch">Donate</a></li> </ul></div> </nav> <div class="site-credit"> <a class="site-credit__link" href="https://climateaction.tech/"> <img class="site-credit__image" src="https://branch.climateaction.tech/wp-content/themes/branch-theme/images/Climate_Action_Tech_Logo.svg"/> </a> </div> </header> <div class="secondary-nav"> <div class="carbon-switcher"> <span> <span id="tooltip" class="tooltip">?</span> Grid <span class="hide-on-mobile">intensity </span> view: </span> <select id="carbon-switcher-toggle" class="select-list__linked select-css"></select> </div> </div> <div class="blackout"></div> <div class="table-of-contents"> <h2><a href="https://branch.climateaction.tech/issues/issue-1/" alt="View all post filed under Issue 1">Issue 1</a></h2><h2><a href="https://branch.climateaction.tech/issues/issue-2/" alt="View all post filed under Issue 2">Issue 2</a></h2><h2><a href="https://branch.climateaction.tech/issues/issue-3/" alt="View all post filed under Issue 3">Issue 3</a></h2><h2><a href="https://branch.climateaction.tech/issues/issue-4/" alt="View all post filed under Issue 4">Issue 4</a></h2><h2><a href="https://branch.climateaction.tech/issues/issue-5/" alt="View all post filed under Issue 5">Issue 5</a></h2><h2><a href="https://branch.climateaction.tech/issues/issue-6/" alt="View all post filed under Issue 6">Issue 6</a></h2><h2><a href="https://branch.climateaction.tech/issues/issue-7/" alt="View all post filed under Issue 7">Issue 7</a></h2><h2><a href="https://branch.climateaction.tech/issues/issue-8/" alt="View all post filed under Issue 8">Issue 8</a></h2> </div> <div class="carbon-intensity"> <span class="energy"><?xml version="1.0" encoding="UTF-8"?> <svg width="12px" height="15px" viewBox="0 0 12 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>⚡</title> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <path d="M0.857382646,14.9140625 L9.73042952,8.49023438 L9.65523421,7.82421875 C9.65523421,7.73828125 8.44494775,7.43391927 6.02437483,6.91113281 C5.45145817,6.91113281 5.16499983,6.6891276 5.16499983,6.24511719 L5.16499983,6.24511719 L11.0517186,1.15332031 L11.0517186,1.08886719 L10.847617,0.884765625 L10.7187108,0.884765625 L2.04976546,6.70703125 L2.11421858,7.37304688 C2.214479,7.48046875 3.40686181,7.76692708 5.69136702,8.23242188 C6.43615869,8.23242188 6.80855452,8.45442708 6.80855452,8.8984375 C6.80855452,8.97721354 4.78186181,10.8929036 0.728476396,14.6455078 L0.728476396,14.6455078 L0.728476396,14.7099609 L0.857382646,14.9140625 Z" id="⚡" fill="#51AEE2" fill-rule="nonzero"></path> </g> </svg></span> <span class="intensity">Unknown</span> grid intensity </div> <main id="primary" class="site-main"> <article id="post-228" class="post-228 page type-page status-publish hentry"> <header class="entry-header"> <h1 class="entry-title">Branch Magazine: A Just and Sustainable Internet for All</h1> </header> <div class="entry-content"> <h2 class="wp-block-heading">Issue 8: Finding Beauty in the Imperfect</h2> <h3 class="wp-block-heading">Spring 2024</h3> <div class="wp-block-image"> <figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="724" height="1024" src="https://branch.climateaction.tech/wp-content/uploads/2024/04/xBranch_Magazine_Cover_Issue8-724x1024.jpg.pagespeed.ic.8TiVXtxZr7.jpg" alt="Branch issue 8 magazine cover - Spring 2024 - Finding beauty in the imperfect" class="wp-image-3565" srcset="https://branch.climateaction.tech/wp-content/uploads/2024/04/xBranch_Magazine_Cover_Issue8-724x1024.jpg.pagespeed.ic.8TiVXtxZr7.jpg 724w, https://branch.climateaction.tech/wp-content/uploads/2024/04/xBranch_Magazine_Cover_Issue8-212x300.jpg.pagespeed.ic.j9nuMb2_5e.jpg 212w, https://branch.climateaction.tech/wp-content/uploads/2024/04/xBranch_Magazine_Cover_Issue8-768x1086.jpg.pagespeed.ic.PiMVS26A6h.jpg 768w, https://branch.climateaction.tech/wp-content/uploads/2024/04/xBranch_Magazine_Cover_Issue8.jpg.pagespeed.ic.fGp-iYsGe9.jpg 800w" sizes="auto, (max-width: 724px) 100vw, 724px"/><figcaption class="wp-element-caption">Branch issue 8. Cover illustration: <a href="https://www.clarote.net/">Clarote</a> (<a href="https://creativecommons.org/licenses/by-nc/4.0/deed.en">CC BY-NC 4.0</a>)</figcaption></figure></div> <p class="has-text-align-left">This issue is a collaboration between <a href="https://www.wholegraindigital.com/">Wholegrain Digital</a> and <a href="https://www.thegreenwebfoundation.org/">Green Web Foundation</a>.</p> <div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-1 wp-block-group-is-layout-flex"> <figure class="wp-block-image size-full no-carbon"><a href="https://www.wholegraindigital.com/"><img loading="lazy" decoding="async" width="260" height="100" src="https://branch.climateaction.tech/wp-content/uploads/2024/04/xWholegrain-Digital-logo.png.pagespeed.ic.Cot5LJTbQ2.png" alt="Wholegrain Digital logo" class="wp-image-3638" style="object-fit:cover"/></a></figure> <figure class="wp-block-image size-thumbnail is-resized no-carbon"><a href="https://www.thegreenwebfoundation.org/"><img loading="lazy" decoding="async" width="494" height="118" src="https://branch.climateaction.tech/wp-content/uploads/2023/06/TGWF-logo.svg" alt="Green Web Foundation logo" class="wp-image-2289" style="width:180px"/></a></figure> </div> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow"></div> <div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow"></div> </div> <hr class="wp-block-separator has-alpha-channel-opacity"/> <p>As we put the individual articles of this issue together and stepped back, we realised that the theme of “<em>finding beauty in the imperfect”</em> can be viewed not only as a mindset, but also as a loose journey guiding us on how to build a just, sustainable and more humane web. The grouping of these articles reflects that, which we explain in more detail in the editors’ letter.</p> <p><br></p> <p></p> <h2 class="wp-block-heading">Welcome!</h2> <p></p> <p><a href="https://branch.climateaction.tech/issues/issue-8/editors-letter/"><strong>Editors’ letter</strong></a><br/> <em>Hannah Smith and Marketa Benisek</em></p> <p><a href="https://branch.climateaction.tech/issues/issue-8/10-people-share/"><strong>10 people share what finding beauty in the imperfect means to them</strong></a></p> <p></p> <p><a class="row-title" href="https://branch.climateaction.tech/issues/issue-8/issue-8-playlist/" aria-label="“Issue 8 community-assembled playlist” (Edit)"><strong>Issue 8 community-assembled playlist</strong></a><br/> <em>Hannah Smith and Lima Dastgeer</em></p> <p></p> <p></p> <p></p> <h2 class="wp-block-heading">Meaningful connection</h2> <p></p> <p><a href="https://branch.climateaction.tech/issues/issue-8/restoring-information-ecosystems-through-authentic-human-connections/"><strong> Talking it out: Restoring information ecosystems through authentic human connections</strong></a><br/> <em> Bárbara Paes and Olivia Johnson</em></p> <p></p> <p><a href="https://branch.climateaction.tech/issues/issue-8/connecting-climate-strategies/"><strong>One Movement, Four Wings: Connecting climate strategies</strong></a><br/> <em>Melissa Hsiung</em></p> <p></p> <p><a href="https://branch.climateaction.tech/issues/issue-8/internet-connectivity-of-the-amazon"><strong>Connectivity, infrastructure and the defence of the Amazon’s socio-biodiverse ecosystems</strong></a><br/> <em>Hemanuel Veras</em></p> <p></p> <p><a href="https://branch.climateaction.tech/issues/issue-8/what-can-digital-sustainability-learn-from-accessibility/"><strong>What can digital sustainability learn from accessibility?</strong></a><br/> <em>Mike Masey</em></p> <p></p> <p></p> <h2 class="wp-block-heading">Solarpunk and speculative features</h2> <p></p> <p><a href="https://branch.climateaction.tech/issues/issue-8/pause/"><strong>Pause</strong></a><br/> <em>Jo Lindsay Walton</em></p> <p></p> <p><strong><a class="row-title" href="https://branch.climateaction.tech/issues/issue-8/care-for-life-care-for-the-chips/" aria-label="“Care for life, care for the chips: the future is re-used, recycled and permacomputing” (Edit)">Care for life, care for the chips: the future is re-used, recycled and permacomputing</a></strong><br/> <em>Alistair Alexander</em></p> <p></p> <p><a href="https://branch.climateaction.tech/issues/issue-8/toward-a-pragmatic-future/"><strong>Toward a Pragmatic Future: Accepting Imperfect Systems whilst Striving for Regeneration</strong></a><br/> <em>Oliver Cronk</em></p> <p></p> <p><a href="https://branch.climateaction.tech/issues/issue-8/solarpunk-meets-better-business/"><strong>Solarpunk Meets Better Business: Reimagining a Sustainable Digital Future</strong></a><br/> <em>Simon Blackler</em></p> <p></p> <p><a href="https://branch.climateaction.tech/issues/issue-8/ministry-of-imagination-manifesto/"><strong>Ministry of Imagination Manifesto</strong></a><br/> <em>Rob Hopkins</em></p> <p></p> <p><a href="https://branch.climateaction.tech/issues/issue-8/octavias-future-is-here-now-what/"><strong>Octavia’s Future is Here, Now What</strong></a><br/> <em>Mica Le John</em></p> <p></p> <p></p> <h2 class="wp-block-heading">Design philosophy</h2> <p></p> <p><a href="https://branch.climateaction.tech/issues/issue-8/embracing-friction/"><strong>Designing Friction</strong></a><br/> <em>Marketa Benisek, Luna Maurer, Roel Wouters</em></p> <p></p> <p><a href="https://branch.climateaction.tech/issues/issue-8/the-wabi-sabi-web/"><strong>The Wabi Sabi Web</strong></a><br/> <em>Tom Greenwood</em></p> <p></p> <p><a href="https://branch.climateaction.tech/issues/issue-8/echoes-of-electronic-waste/"><strong>Echoes of electronic waste</strong></a><br/> <em>Joanna Murzyn</em></p> <p></p> <p><a href="https://branch.climateaction.tech/issues/issue-8/imperfect-design-for-a-better-future/"><strong>Imperfect design for a better future</strong></a><br/> <em>Thorsten Jonas</em></p> <p></p> <p><a href="https://branch.climateaction.tech/issues/issue-8/consciously-designing-alternative-networks-with-earthly-dynamics/"><strong>Alternative networks: Consciously designing from within earthly dynamics</strong></a><br/> <em>Jesse Thompson</em></p> <p></p> <p></p> <h2 class="wp-block-heading">Perfection is the enemy of progress</h2> <p></p> <p><a href="https://branch.climateaction.tech/issues/issue-8/the-perfect-site-doesnt-exist/"><strong>The perfect site doesn’t exist</strong></a><br/> <em>Michelle Barker</em></p> <p></p> <p><a href="https://branch.climateaction.tech/issues/issue-8/rabbit-holes-of-perfection/"><strong>Rabbit holes of perfection</strong></a><br/> <em>Mary Pitt</em></p> <p></p> <p><a href="https://branch.climateaction.tech/issues/issue-8/immediates-transformation-of-good-food-website/"><strong>From bytes to carbon savings: Immediate’s sustainable transformation of Good Food</strong></a><br/> <em>Tommy Ferry, Marketa Benisek, Michelle Whitehead, Linzi Ricketts, Filippa Furniss, Graham Martin</em></p> <p></p> <p><a href="https://branch.climateaction.tech/issues/issue-8/building-sustainable-change-through-small-steps/"><strong>Small steps, big goals: Building sustainable change</strong></a><br/> <em>Kim Lea Rothe</em></p> <p></p> <p><a href="https://branch.climateaction.tech/issues/issue-8/the-perfect-data-paradox/"><strong>The perfect data paradox</strong></a><br/> <em>Rory Brown</em></p> <p><br/> This issue is a collaboration between <a href="https://www.wholegraindigital.com/">Wholegrain Digital</a> and <a href="https://www.thegreenwebfoundation.org/">Green Web Foundation</a>.</p> <h2><strong>About <a href="https://branch.climateaction.tech/about/">Branch</a></strong></h2> <p></p> </div> </article> </main> <footer id="colophon" class="site-footer"> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"><div class="wp-block-image"> <figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="320" height="77" src="https://branch.climateaction.tech/wp-content/uploads/2023/06/xAE_AwardforDigitalHumanity2021.png.pagespeed.ic.XuzljSnihz.png" alt="" class="wp-image-2288" srcset="https://branch.climateaction.tech/wp-content/uploads/2023/06/xAE_AwardforDigitalHumanity2021.png.pagespeed.ic.XuzljSnihz.png 320w, https://branch.climateaction.tech/wp-content/uploads/2023/06/xAE_AwardforDigitalHumanity2021-300x72.png.pagespeed.ic.WKVu35-i7f.png 300w" sizes="auto, (max-width: 320px) 100vw, 320px"/></figure></div></div> <div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%"><nav class="items-justified-center is-vertical wp-block-navigation is-content-justification-center is-layout-flex wp-container-core-navigation-is-layout-1 wp-block-navigation-is-layout-flex" aria-label="Navigation"><ul class="wp-block-navigation__container items-justified-center is-vertical wp-block-navigation"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://branch.climateaction.tech/subscribe-to-branch-magazine/"><span class="wp-block-navigation-item__label">Subscribe to Branch</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://opencollective.com/greenweb-collective/projects/branch"><span class="wp-block-navigation-item__label">Donate</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://branch.climateaction.tech/privacy-notice/"><span class="wp-block-navigation-item__label">Privacy notice</span></a></li></ul></nav></div> </div> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow"> <p class="has-text-align-center">Funding and editorial</p> <div class="wp-block-image no-carbon"> <figure class="aligncenter size-large is-resized"><a href="https://www.thegreenwebfoundation.org/" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="494" height="118" src="https://branch.climateaction.tech/wp-content/uploads/2023/06/TGWF-logo.svg" alt="Green Web Foundation logo" class="wp-image-2289" style="width:auto;height:50px"/></a></figure></div></div> <div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow"> <p class="has-text-align-center">Design and creative</p> <div class="wp-block-image"> <figure class="aligncenter size-full is-resized"><a href="https://tomjarrett.earth/" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="200" height="60" src="https://branch.climateaction.tech/wp-content/uploads/2023/08/xtomjarrett_logo.png.pagespeed.ic.eDRnZHeX8-.png" alt="Tom Jarrett logo" class="wp-image-2367" style="width:auto;height:50px"/></a></figure></div></div> <div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow"> <p class="has-text-align-center">Hosting</p> <div class="wp-block-image no-carbon"> <figure class="aligncenter size-large is-resized"><a href="https://low-carbon.digital/" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="158" height="44" src="https://branch.climateaction.tech/wp-content/uploads/2023/06/lcd-logo-share.svg" alt="Low-Carbon Digital logo" class="wp-image-2290" style="width:auto;height:50px"/></a></figure></div></div> <div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow"> <p class="has-text-align-center">Issue 8 partner</p> <div class="wp-block-image no-carbon"> <figure class="aligncenter size-full is-resized"><a href="https://www.wholegraindigital.com/" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="170" height="31" src="https://branch.climateaction.tech/wp-content/uploads/2024/02/Wholegraindigital-logo-complete-text-in-logo-1.svg" alt="Wholegrain Digital logo" class="wp-image-3075" style="width:auto;height:50px"/></a></figure></div></div> </div> </footer> </div> <script async defer src="https://scripts.withcabin.com/hello.js"></script> <script>const t={api:{current:"https://api.carbonintensity.org.uk/intensity",forwardLooking:"https://api.carbonintensity.org.uk/intensity/{from}/fw24h"},provider:"National Grid"};function e(){this.data=[],this.intensityProvider=t}e.prototype.setup=async function(t,e){this.data=this.getLocalIntensityData(),this.data.length<1&&(this.data=await this.fetchIntensityData())},e.prototype.getLocalIntensityData=function(){let t=this.localStorage;const e=t.getItem("gridIntensityData");if(!e)return[];if(!e.length)return[];try{return parsedIntervals=JSON.parse(e),console.debug({parsedIntervals:parsedIntervals}),parsedIntervals}catch(e){return t.setItem("gridIntensityData",[]),[]}},e.prototype.getNextInterval=function(t){let e;e=t&&t.checkDate?t.checkDate:new Date;for(const t of this.data.data){if(Date.parse(t.to)>e)return t}return null},e.prototype.getCarbonIndex=async function(t){let e,a;if(e=t&&t.checkDate?t.checkDate:new Date,a=this.getNextInterval({checkDate:e}),!a){const t=await this.fetchIntensityData();this.localStorage.setItem("gridIntensityData",JSON.stringify(t)),this.data=t,a=this.getNextInterval({checkDate:e})}return e>Date.parse(a.to)&&(this.data=await this.fetchIntensityData(),a=this.data.data[0]),a.intensity.index},e.prototype.fetchIntensityData=async function(){const t=new Date,[e,a]=this.intensityProvider.api.forwardLooking.split("{from}"),n=`${e}${t.toISOString()}${a}/`;let i=await this.fetch(n);return this.data=await i.json(),this.data},e.prototype.fetch=fetch,e.prototype.localStorage=localStorage,e.prototype.fetchIntensityData=async function(){const t=new Date,[e,a]=this.intensityProvider.api.forwardLooking.split("{from}"),n=`${e}${t.toISOString()}${a}/`;let i=await fetch(n);return this.data=await i.json(),this.data},window.GridIntensity=e; </script> <script> function setWithExpiry(key, value, ttl) { const now = new Date() // `item` is an object which contains the original value // as well as the time when it's supposed to expire const item = { value: value, expiry: now.getTime() + ttl, } localStorage.setItem(key, JSON.stringify(item)) } function getWithExpiry(key) { const itemStr = localStorage.getItem(key) // if the item doesn't exist, return null if (!itemStr) { return null } const item = JSON.parse(itemStr) const now = new Date() // compare the expiry time of the item with the current time if (now.getTime() > item.expiry) { // If the item is expired, delete the item from storage // and return null localStorage.removeItem(key) return null } return item.value } /** * Responds to grid intensity changes. * * @todo Refactor this horrible code! * * @param {string} intensity - Current grid intensity: 'high', 'moderate' or 'low'. * @return {undefined} - Returns nothing. */ function changeGridIntensity( intensity ) { const entryContent = document.querySelector('.entry-content'), figures = document.querySelectorAll('.entry-content .wp-block-image figure:not(.no-carbon), .entry-content figure.wp-block-image:not(.no-carbon), .entry-content figure.wp-block-gallery figure:not(.no-carbon)'); let logo; document.querySelector('body').classList.add(`${intensity}-grid-intensity`); document.querySelector('.intensity').textContent = intensity; if ( 'high' == intensity ) { logo = 'orange' document.documentElement.style.setProperty('--bg-colour', '#FFBF43'); document.documentElement.style.setProperty('--hl-colour', '#472E00'); document.documentElement.style.setProperty('--body-colour', '#1E1E1E'); figures.forEach( function(figure) { const image = figure.querySelector('img'); if ( image ) { const isInGallery = figure.closest('.wp-block-gallery'), imgSpan = document.createElement("span"); if ( null !== isInGallery ) { const imgPlaceholder = document.createElement("img"); imgPlaceholder.className = 'branch-placeholder-image'; imgPlaceholder.src = '/wp-content/themes/branch-theme/images/solid-placeholder.php?bg=ffdd9c&w=' + image.width + '&h=' + image.height; imgPlaceholder.width = image.width; imgPlaceholder.height = image.height; figure.appendChild(imgPlaceholder); figure.style.position = 'relative'; imgSpan.style.position = 'absolute'; imgSpan.style.width = '100%'; imgSpan.style.height = '100%'; } else { let figureWidth, figureHeight if ( image.width < entryContent.offsetWidth ) { figureWidth = image.width figureHeight = image.height } else { figureWidth = entryContent.offsetWidth figureHeight = (entryContent.offsetWidth / image.width) * image.height } imgSpan.style.width = figureWidth + 'px'; imgSpan.style.height = figureHeight + 'px'; } imgSpan.className = image.classList; imgSpan.style.display = 'inline-block'; if ( figure.querySelector('a img') ) { imageLink = figure.querySelector('a'); figure.insertBefore(imgSpan, imageLink); } else if ( figure.querySelector('picture img') ) { picture = figure.querySelector('picture'); figure.insertBefore(imgSpan, picture); } else { figure.insertBefore(imgSpan, image); } figure.addEventListener( "click", showImage ) function showImage() { image.style.setProperty( "display", "initial", "important" ); this.querySelector('span').remove(); this.querySelector('.branch-placeholder-image').remove(); } const altDiv = document.createElement("div") const altContent = document.createTextNode(image.alt) altDiv.appendChild(altContent); altDiv.className = "carbon-alt"; imgSpan.appendChild(altDiv); const showDiv = document.createElement("div"); const showContent = document.createTextNode("Show Image"); showDiv.appendChild(showContent); showDiv.className = "show-image"; imgSpan.appendChild(showDiv); } }); } else if ( 'moderate' == intensity ) { logo = 'blue' document.documentElement.style.setProperty('--bg-colour', '#87FEFF'); document.documentElement.style.setProperty('--hl-colour', '#00535C'); document.documentElement.style.setProperty('--body-colour', '#1E1E1E'); let re = /(\d{4})\/(\d{2})\//gi; figures.forEach( function(figure) { let image = figure.querySelector('img'); if ( image ) { image.src = image.src.replace(re, "$1/$2/low-res/"); image.srcset = image.srcset.replaceAll(re, "$1/$2/low-res/"); image.style.setProperty( "display", "initial", "important" ); } let pictureSource = figure.querySelector('picture source'); if ( pictureSource ) { pictureSource.srcset = pictureSource.srcset.replaceAll(re, "$1/$2/low-res/"); } }) } else { logo = 'green' document.documentElement.style.setProperty('--bg-colour', '#C8FF63'); document.documentElement.style.setProperty('--hl-colour', '#005C20'); document.documentElement.style.setProperty('--body-colour', '#1E1E1E'); figures.forEach( function(figure) { let image = figure.querySelector('img'); if ( image ) { image.style.setProperty( "display", "initial", "important" ); } }) } document.querySelector('.logo img').src = 'https://branch.climateaction.tech/wp-content/themes/branch-theme/images/branch_' + logo + '-02.svg'; document.querySelector("link[rel*='icon']").href = 'https://branch.climateaction.tech/wp-content/themes/branch-theme/images/branch_' + logo + '-02.svg'; } async function main() { let index if ( null != getWithExpiry( 'grid-intensity' ) ) { index = getWithExpiry( 'grid-intensity' ) } else { const grid = new GridIntensity() await grid.setup() index = await grid.getCarbonIndex() setWithExpiry( 'grid-intensity', index, 3600000 ) } if ( index === "very high" ) { index = "high"; } else if ( index === "very low" ) { index = "low"; } changeGridIntensity( index ); const sleep = (delay) => new Promise((resolve) => setTimeout(resolve, delay)); const tocLink = document.querySelector('.toc-link'); const blackOut = document.querySelector('.blackout'); const toc = document.querySelector('.table-of-contents'); let tocActive = 0; if ( tocLink !== null ) { tocLink.addEventListener( "click", function(event) { event.preventDefault(); if ( 1 == tocActive ) { blackOut.classList.add('blackout-fading'); setTimeout( function() { blackOut.classList.remove('blackout-active'); blackOut.classList.remove('blackout-fading'); tocActive = 0; }, 500); } else { blackOut.classList.add('blackout-active'); tocActive = 1; } toc.classList.toggle('table-of-contents-active'); }, false); } } main() </script> <style id='core-block-supports-inline-css'> .wp-container-core-group-is-layout-1{flex-wrap:nowrap;justify-content:center;}.wp-container-core-columns-is-layout-1{flex-wrap:nowrap;}.wp-container-core-navigation-is-layout-1{flex-direction:column;align-items:center;}.wp-container-core-columns-is-layout-2{flex-wrap:nowrap;}.wp-container-core-columns-is-layout-3{flex-wrap:nowrap;} </style> <script src="https://unpkg.com/@popperjs/core@2?ver=2.9.2" id="popperjs-js"></script> <script src="https://unpkg.com/tippy.js@6?ver=6.3.1" id="tippyjs-js"></script> <script src="https://branch.climateaction.tech/wp-content/themes/branch-theme/assets/js/selectr.js,qver==1683731446+intensity-toggle.js,qver==1683731446.pagespeed.jc.Wjll7QcEr0.js"></script><script>eval(mod_pagespeed_xMvw2rlLOY);</script> <script>eval(mod_pagespeed_NEhDJdUn_s);</script> </body> </html>