overbrowsing.github.io/index.html at main · overbrowsing/overbrowsing.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE html>
<html lang="en-GB">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width">
  <title>Overbrowsing</title>
  <meta name="description" content="Overbrowsing is an applied research group focused on advancing sustainable web practices.">
  <meta property="og:title" content="Overbrowsing">
  <meta property="og:description" content="Overbrowsing is an applied research group focused on advancing sustainable web practices.">
  <meta property="og:image" content="https://overbrowsing.com/assets/media/card.webp">
  <meta property="og:url" content="https://overbrowsing.com">
  <link rel="stylesheet" href="/assets/css/main.css">
</head>

<body>
  <header>
    <div>
      <menu>
        <li><a href="/research">Research</a></li>
        <li><a href="/projects">Projects</a></li>
        <li><a href="/about">About</a></li>
      </menu>
    </div>
    <div>
      <nav>
        <ul>
          <li><a href="/">Overbrowsing</a></li>
        </ul>
      </nav>
      <div>
        <ul>
          <li id="data-image"></li>
          <li id="data-grid"></li>
          <li id="data-aq"></li>
          <li id="data-co2"></li>
        </ul>
      </div>
    </div>
  </header>

  <main>
    <section>
      <img class="background" data-src="/assets/media/planet.png" loading="lazy" alt="Planet Earth viewed from space">
      <h1 data-heading="Overbrowsing Research Group">Every Byte Counts</h1>
      <p>Overbrowsing is an applied research group focused on advancing sustainable web practices. Established as part of doctoral research at The University of Edinburgh's Institute for Design Informatics, we blend inquiry with action to develop research-driven solutions that reduce the environmental impact of the internet and improve accessibility, aligning technological potential with environmental stewardship.</p>
    </section>
    <hr>
    <section>
      <h1 data-heading="The Problem">Action is Long Overdue</h1>
      <p><a href="https://unctad.org/publication/digital-economy-report-2024" target="_blank">"Digitalisation's promise of dematerialisation has not yet materialised", as the internet now contributes 1.5-3.2% of global emissions</a> — <a href="https://theicct.org/publication/co2-emissions-from-commercial-aviation-2018" target="_blank">twice that of the aviation industry.</a> With <a href="https://itu.int/en/ITU-D/Statistics/Pages/stat/default.aspx" target="_blank">5.5 billion users (68% of the global population) and 4% annual growth, demand for power, infrastructure, and bandwidth continues to rise.</a> <a href="https://unctad.org/publication/digital-economy-report-2024" target="_blank">This accelerates extractive systems that deplete vital resources such as water, land, and abiotic materials, compounding environmental harm across the technology supply chain.</a> As IPCC Chair Hoesung Lee stated: <a href="https://ipcc.ch/site/assets/uploads/2018/12/181211-TD-political.pdf" target="_blank">“Every bit of warming matters. Every year matters. Every choice matters.”</a> And with that, every byte matters.</p>
      <a class="button" href="/about">Read more</a>
    </section>
    <hr>
    <section>
      <img class="background" data-src="/assets/media/wasteback-machine.png" loading="lazy" alt="Three people trimming tree branches">
      <h1 data-heading="Latest Project">Wasteback Machine</h1>
      <p>Wasteback Machine is a JavaScript library for measuring the size and composition of archived web pages (mementos) from the Internet Archive's Wayback Machine.</p>
      <a class="button" href="https://github.com/overbrowsing/wasteback-machine" target="_blank">View on GitHub</a>
    </section>
  </main>

  <footer>
    <div>
      <a href="mailto:overbrowsing@ed.ac.uk?subject=Overbrowsing%20Enquiry">overbrowsing@ed.ac.uk</a>
      <img data-src="/assets/media/uoe.png" loading="lazy" alt="The University of Edinburgh logo" width="250" height="60">
    </div>
    <div>
      <a href="https://withcabin.com/privacy/overbrowsing.com" target="_blank">We don't use cookies</a>
    </div>
  </footer>

  <script src="/assets/js/main.js"></script>
  <script async defer src="https://scripts.withcabin.com/hello.js"></script>
</body>

</html>