rose/screen-1.html at master · openspaceobservatory/rose · 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
<!DOCTYPE html>
<html>
<head>
  <link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300i,400,500,500i&amp;subset=latin-ext" rel="stylesheet">
  <link href="assets/dist/css/normalize.css" rel="stylesheet">
  <link href="assets/dist/css/main.css" rel="stylesheet">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.13.0/d3.min.js">
  </script>

  <title>ROSE | OSO </title>

  <meta name="description" content="The Open Space Observatory work for The Future Starts Here exhibition, entitled Rose, provides a view into the data received from the open source satellite ground station network, SatNOGS." />
  <meta name="keywords" content="satnogs, libre space foundation, satellites, ground stations, victoria and albert museum, open space observatory, open source, floss, open hardware, space, technology" />
  <meta name="image" content="assets/dist/img/logo_bg.png">

  <meta property="og:title" content="ROSE | OSO">
  <meta property="og:description" content="The Open Space Observatory work for The Future Starts Here exhibition provides a view into data received by the open source satellite ground station network, SatNOGS.">
  <meta property="og:image" content="https://rose.openspaceobservatory.org/assets/dist/img/logo_bg.jpg">
  <meta property="og:url" content="https://rose.openspaceobservatory.org">

  <link rel="shortcut icon" href="assets/dist/img/favicon.png">

</head>
<body>

  <div class="installation-view midday" id="screen-1">

    <!-- Sphere -->
    <div class="sphere"></div>

    <!-- content -->
    <svg id="svg-content">
      <svg class="layer-one"></svg>
      <svg class="layer-two"></svg>
    </svg>
    <div id="content">
      <!-- Constellations appear here -->
      <div id="box-constellations">
        <img id="constellation" src="assets/dist/img/constellations/1.svg">
      </div>
    </div>

    <!--<div class="countdown-container">DATA SURFACING IN <span id="countdown"></span></div>-->

  </div>
  <script src="screen-1.js"></script>
</body>
</html>