sxn/index.html at main · netizenorg/sxn · 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>netizen.org</title>
    <!-- bent on bending tech -->
    <meta name="author" content="netizen.org">
    <meta name="description" content="netizen.org propels curious citizens of the ‘net beyond problematic defaults towards a more creative, playful, and equitable digital world. We are a collective of new media artists, educators and activists on a mission to reestablish human agency in the information age through public lectures, workshops, digital tools, online events and festivals.">

    <meta property="og:title" content="netizen.org">
    <meta property="og:url" content="http://netizen.org">
    <meta property="og:image" content="http://netizen.org/images/logo-bg.png">
    <meta property="og:description" content="netizen.org propels curious citizens of the ‘net beyond problematic defaults towards a more creative, playful, and equitable digital world. We are a collective of new media artists, educators and activists on a mission to reestablish human agency in the information age through public lectures, workshops, digital tools, online events and festivals.">
    <meta name="twitter:card" content="summary_large_image">
    <meta property="og:site_name" content="netizen.org">
    <meta name="twitter:site" content="@netizenorg">

    <link rel="icon" href="images/logo.svg" type="image/svg+xml">
    <link rel="stylesheet" href="css/fonts.css">
    <link rel="stylesheet" href="css/brand.css">
    <link rel="stylesheet" href="css/desktop.css">
  </head>
  <body>

    <section id="loader">
      <img src="images/logo-inverted-animated.svg" alt="netizen.org logo animated for the load screen">
    </section>

    <img id="netizen-logo" src="images/logo.svg" alt="netizen.org logo" tabindex=0 role="button" aria-label="Go to home">

    <header>
      <div class="burger">
        =
      </div>
      <nav>
        <span name="about" class="sec-nav">About</span>
        <span name="initiatives" class="sec-nav">Initiatives</span>
        <span name="support" class="sec-nav">Support</span>
      </nav>
    </header>

    <main>
      <div id="splash-canvas"></div>

      <div id="content"></div>

      <div id="main-grid" class="grid"></div>

      <footer>
        <img src="images/word-mark-tag-line-white.svg" alt="netizen.org, bent on bending tech<">
      </footer>
    </main>

    <script src="js/nn.min.js"></script>
    <script src="js/netitor.min.js"></script>
    <script src="js/netizen-nav.js"></script>
    <script src="js/netizen-ascii-splash.js"></script>
    <script src="js/netizen-content-block.js"></script>
    <script src="js/netizen-grid.js"></script>
    <script src="js/netizen-bend-panel.js"></script>
    <script src="js/netizen-syrup-image.js"></script>
    <script src="js/netizen-bent-text.js"></script>
    <script src="js/load-case-study.js"></script>
    <script src="js/grids.js"></script>
    <script src="js/utils.js"></script>
    <script src="js/desktop.js"></script>
  </body>
</html>