burn/index.html at gh-pages · goog1e/burn · 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html>
    <head>
        <style type="text/css" media="screen">
         @font-face {
             font-family: friz;
             src: local("Friz Quadrata Bold"),
             local("Friz Quadrata-Bold"),
             url('./Friz Quadrata Bold.ttf');
             font-weight: bold;
         }

        body{font-family:friz; margin:0;height:0;overflow: hidden;}
         body > div {transform: rotate(180deg);}
         h1{    font-family: friz;
  font-size: 10em;
  color: rgba(255, 255, 255, 0.42);
  text-align: center;
  margin-top: -25px;}
      </style>
    </head>
    <body>
        <!--
 __|HM\
/HH\.M|
HMHH\.|
\HMHH\|
\\HMHH\
HH\HMHH\
HHH\HMHH\
    \HMHH\-HHH\
     \HMHH\.HHM\
      \HMHH\.HMH\
      |\HMHH\\HMH\
      |H\HHH| \HMH\
      |MH\H/   \HMH\
      |MH\      \HMH\
      \HMH\      \HMH\
       \HMH\    __|HM|
        \HMH\  /HH\.M|
         \HMH\ |MHH\.|
          \HMH\\HMHH\|
           \HMH\\HMHH\
            \HMHH\HMHH\
             \HHHH\HMHH\
                   \HMHH\-HHH\
                    \HMHH\.HHM\
                     \HMHH\.HMH\
                     |\HMHH|\HMH
                     |H\HMH/ \HM
                     |MH\H/   \H
                     |MH\      \
                     \HMH\
 VK                   \HMH\
                       \HMH\

        https://en.wikipedia.org/wiki/Annea_Lockwood
        &
        https://soundcloud.com/pastelvoids/sets/pastel-voids_fall-winter_2014

 __|HM\
/HH\.M|
HMHH\.|
\HMHH\|
\\HMHH\
HH\HMHH\
HHH\HMHH\
    \HMHH\-HHH\
     \HMHH\.HHM\
      \HMHH\.HMH\
      |\HMHH\\HMH\
      |H\HHH| \HMH\
      |MH\H/   \HMH\
      |MH\      \HMH\
      \HMH\      \HMH\
       \HMH\    __|HM|
        \HMH\  /HH\.M|
         \HMH\ |MHH\.|
          \HMH\\HMHH\|
           \HMH\\HMHH\
            \HMHH\HMHH\
             \HHHH\HMHH\
                   \HMHH\-HHH\
                    \HMHH\.HHM\
                     \HMHH\.HMH\
                     |\HMHH|\HMH
                     |H\HMH/ \HM
                     |MH\H/   \H
                     |MH\      \
                     \HMH\
 VK                   \HMH\
                       \HMH\


        -->
      <div style="position: fixed; z-index: -99; width: 100%; height: 100%">
          <iframe id="video" frameborder="0" height="100%" width="100%"
                  src="https://www.youtube.com/embed/MhNFqRbWP-A?autoplay=1&loop=1&controls=0&showinfo=0&enablejsapi=1">
          </iframe>
          <div class="breakthechain"></div>
      </div>
      <iframe width="0"
              height="0"src="streetvalue.mp3"></iframe>
      <h1>PURGE the WORLD of BOURGEOIS SICKNESS</h1>
      <script>
       var tag = document.createElement('script');
       tag.src = "//www.youtube.com/player_api";
       var firstScriptTag = document.getElementsByTagName('script')[0];
       firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

       var player;

       function onYouTubePlayerAPIReady() {
         // create the global player from the specific iframe (#video)
         player = new YT.Player('video', {
           events: {
             // call this function when player is ready to use
             'onReady': onPlayerReady
           }
         });
       }

       function onPlayerReady(event) {
         player.setPlaybackRate(.5)
         player.mute();
       }
      </script>
    </body>
</html>