occupyinternet-archive/sites.html at main · fatlab/occupyinternet-archive · 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
78
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Full Site List &ndash; occupyinter.net</title>
  <link href='stylesheets/frontpage.css' media='screen' rel='stylesheet' type='text/css' />
  <style>
    .archive-notice {
      background: #fff3cd;
      border: 2px solid #ffc107;
      padding: 15px;
      margin: 20px 0;
      border-radius: 5px;
    }
    .sites-approximation {
      font-family: monospace;
      margin: 20px 0;
      padding: 10px;
      background: #f5f5f5;
      border-left: 4px solid #f0f;
    }
    .sites-approximation ul {
      list-style: disc;
      margin-left: 20px;
    }
    @media (max-width: 768px) {
      #sites-list {
        column-count: 1 !important;
        font-size: 0.8em !important;
      }
    }
  </style>
</head>
<body>
  <div id='container'>
    <div style='background: #fff3cd; border: 2px solid #ffc107; padding: 12px 20px; margin: 0 0 20px 0; text-align: center; font-size: 14px;'>
      This site is an archive of a <a href='https://fffff.at' style='font-weight: bold; color: #000;'>F.A.T. Lab</a> project from October 2011. <a href='https://fffff.at/occupy-the-internet/' style='font-weight: bold; color: #000;'>Read more</a>
      <br><span style='font-size: 12px; margin-top: 6px; display: inline-block;'>Sites list from Jan 27, 2012, archived via <a href='https://web.archive.org/web/20120127104919/occupyinter.net/sites' style='color: #000;'>Wayback Machine</a></span>
    </div>
    <div id='header'>
      <h1>
        <a href='index.html'>Occupy The Internet</a>
      </h1>
      <div id='navigation'>
        <ul>
          <li><a href="index.html#embeddable-protest">Embeddable Protest</a></li>
          <li><a href="index.html#browser-addons">Browser Addons</a></li>
          <li><a href="index.html#site-hijack">Site Hijack</a></li>
          <li><a href="stats.html">Stats</a></li>
          <li><a href="sites.html">Full Site List</a></li>
          <li><a href="index.html#about">About</a></li>
        </ul>
      </div>
    </div>
    <div id='body'>
      <h2>Full Site List</h2>

      <p style="font-size: 0.9em; color: #666; margin-bottom: 15px;">
        <strong>1,651 sites</strong> embedded the widget (chronological order, oldest first). Many are no longer active.
      </p>

      <ul id="sites-list" style="font-family: monospace; font-size: 0.9em; line-height: 1.6; column-count: 3; column-gap: 20px; list-style: disc inside;">
      </ul>

      <script>
        fetch('sites-list.txt')
          .then(r => r.text())
          .then(text => {
            document.getElementById('sites-list').innerHTML =
              text.trim().split('\n').map(s => '<li>' + s + '</li>').join('');
          });
      </script>
    </div>
    <div id='footer'>
    </div>
  </div>
  <script id='embed_demo' src='embed.js'></script>
  <script src='archive-counter.js'></script>
</body>