Transaction 43d03d200ea4b97ee538f7250822fab1f5cd5d325e6e45bf92b7a4041751062d
1 Input
-
e5811b52c74d39877cfc45c78c32b3b59313bcc328adf7ef495afdbae393b340:0
OP_DATA_32(32) 117f692257b2331233b5705ce9c682be8719ff1b2b64cbca290bd6faeb54423eOP_CHECKSIG(172)OP_DATA_6(6) o”ÀˆOP_DROP(117)OP_0(0)OP_IF(99)OP_DATA_3(3) ordOP_DATA_1(1)OP_DATA_23(23) text/html;charset=utf-8OP_0(0)OP_PUSHDATA2(77) <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <title></title> <meta name="Generator" content="Cocoa HTML Writer"> <meta name="CocoaVersion" content="2299.7"> <style type="text/css"> p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica} p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-heiOP_PUSHDATA2(77) ght: 14.0px} </style> </head> <body> <p class="p1"><!DOCTYPE html></p> <p class="p1"><html></p> <p class="p1"><head></p> <p class="p1"><span class="Apple-converted-space">  </span><title>8bit - Interactive Website</title></p> <p class="p1"><span class="Apple-converted-space">  </span><style></p> <p class="p1"><span class="Apple-converted-space">    </span>/* CSS styles for the website */</p> <p class="p1"><span class="Apple-converted-space">    </span>boOP_PUSHDATA2(77) dy {</p> <p class="p1"><span class="Apple-converted-space">      </span>background-color: #000;</p> <p class="p1"><span class="Apple-converted-space">      </span>color: #fff;</p> <p class="p1"><span class="Apple-converted-space">      </span>font-family: Arial, sans-serif;</p> <p class="p1"><span class="Apple-converted-space">      </span>text-align: center;</p> <p class="p1"><span class="Apple-converted-space">    </span>}</p> <p class="p2"><span class="ApplOP_PUSHDATA2(77) e-converted-space">     </span></p> <p class="p1"><span class="Apple-converted-space">    </span>h1 {</p> <p class="p1"><span class="Apple-converted-space">      </span>margin-top: 50px;</p> <p class="p1"><span class="Apple-converted-space">    </span>}</p> <p class="p2"><span class="Apple-converted-space">     </span></p> <p class="p1"><span class="Apple-converted-space">    </span>.container {</p> <p class="p1"><span class="Apple-converted-space">    ÂOP_PUSHDATA2(77)  </span>margin-top: 50px;</p> <p class="p1"><span class="Apple-converted-space">      </span>display: flex;</p> <p class="p1"><span class="Apple-converted-space">      </span>flex-direction: column;</p> <p class="p1"><span class="Apple-converted-space">      </span>align-items: center;</p> <p class="p1"><span class="Apple-converted-space">    </span>}</p> <p class="p2"><span class="Apple-converted-space">     </span></p> <p class="p1"><span class="Apple-converteOP_PUSHDATA2(77) d-space">    </span>.form-input {</p> <p class="p1"><span class="Apple-converted-space">      </span>margin-bottom: 10px;</p> <p class="p1"><span class="Apple-converted-space">    </span>}</p> <p class="p2"><span class="Apple-converted-space">     </span></p> <p class="p1"><span class="Apple-converted-space">    </span>.button {</p> <p class="p1"><span class="Apple-converted-space">      </span>display: inline-block;</p> <p class="p1"><span class="Apple-converOP_PUSHDATA2(77) ted-space">      </span>padding: 10px 20px;</p> <p class="p1"><span class="Apple-converted-space">      </span>background-color: #f44336;</p> <p class="p1"><span class="Apple-converted-space">      </span>color: #fff;</p> <p class="p1"><span class="Apple-converted-space">      </span>text-decoration: none;</p> <p class="p1"><span class="Apple-converted-space">      </span>border-radius: 5px;</p> <p class="p1"><span class="Apple-converted-space">   ÂOP_PUSHDATA2(77)   </span>margin: 10px;</p> <p class="p1"><span class="Apple-converted-space">      </span>transition: background-color 0.3s ease;</p> <p class="p1"><span class="Apple-converted-space">    </span>}</p> <p class="p2"><span class="Apple-converted-space">     </span></p> <p class="p1"><span class="Apple-converted-space">    </span>.button:hover {</p> <p class="p1"><span class="Apple-converted-space">      </span>background-color: #ff6659;</p> <p class="p1"><span clasOP_PUSHDATA2(77) s="Apple-converted-space">    </span>}</p> <p class="p2"><span class="Apple-converted-space">     </span></p> <p class="p1"><span class="Apple-converted-space">    </span>.tweet-button {</p> <p class="p1"><span class="Apple-converted-space">      </span>display: inline-block;</p> <p class="p1"><span class="Apple-converted-space">      </span>padding: 10px 20px;</p> <p class="p1"><span class="Apple-converted-space">      </span>background-color: #1da1f2;</pOP_PUSHDATA2(77) > <p class="p1"><span class="Apple-converted-space">      </span>color: #fff;</p> <p class="p1"><span class="Apple-converted-space">      </span>text-decoration: none;</p> <p class="p1"><span class="Apple-converted-space">      </span>border-radius: 5px;</p> <p class="p1"><span class="Apple-converted-space">      </span>margin: 10px;</p> <p class="p1"><span class="Apple-converted-space">      </span>transition: background-color 0.3s ease;</p> <p class="p1"OP_PUSHDATA2(77) ><span class="Apple-converted-space">    </span>}</p> <p class="p2"><span class="Apple-converted-space">     </span></p> <p class="p1"><span class="Apple-converted-space">    </span>.tweet-button:hover {</p> <p class="p1"><span class="Apple-converted-space">      </span>background-color: #0c85d0;</p> <p class="p1"><span class="Apple-converted-space">    </span>}</p> <p class="p1"><span class="Apple-converted-space">  </span></style></p> <p class="p1"></head&gOP_PUSHDATA2(77) t;</p> <p class="p1"><body></p> <p class="p1"><span class="Apple-converted-space">  </span><h1>Welcome to 8bit</h1></p> <p class="p1"><span class="Apple-converted-space">  </span><p>An interactive website with a form to fill out</p></p> <p class="p2"><span class="Apple-converted-space">   </span></p> <p class="p1"><span class="Apple-converted-space">  </span><div class="container"></p> <p class="p1"><span class="Apple-converted-space">    </span><form iOP_PUSHDATA2(77) d="contact-form" action="mailto:beetsbyj@gmail.com" method="post" enctype="text/plain"></p> <p class="p1"><span class="Apple-converted-space">      </span><div class="form-input"></p> <p class="p1"><span class="Apple-converted-space">        </span><label for="name">Twitter Handle</label></p> <p class="p1"><span class="Apple-converted-space">        </span><input type="text" id="name" name="name" required></p> <p class="p1"><span class="Apple-coOP_PUSHDATA2(77) nverted-space">      </span></div></p> <p class="p1"><span class="Apple-converted-space">      </span><div class="form-input"></p> <p class="p1"><span class="Apple-converted-space">        </span><label for="email">Tao Root Wallet</label></p> <p class="p1"><span class="Apple-converted-space">        </span><input type="email" id="email" name="email" required></p> <p class="p2"><span class="Apple-converted-space">      <OP_PUSHDATA2(77) /span></p> <p class="p2"><span class="Apple-converted-space">       </span></p> <p class="p1"><span class="Apple-converted-space">      </span><button class="button" type="submit">Submit</button></p> <p class="p2"><span class="Apple-converted-space">       </span></p> <p class="p1"><span class="Apple-converted-space">      </span><a class="tweet-button" href="https://twitter.com/intent/tweet?text=I+have+applied+for+8bit+WL" target="_blank">Tweet</OP_PUSHDATA2(77) a></p> <p class="p1"><span class="Apple-converted-space">      </span><!DOCTYPE html></p> <p class="p1"><html></p> <p class="p1"><head></p> <p class="p1"><span class="Apple-converted-space">  </span><title>Frogger Game</title></p> <p class="p1"><span class="Apple-converted-space">  </span><style></p> <p class="p1"><span class="Apple-converted-space">    </span>#game-board {</p> <p class="p1"><span class="Apple-converted-space">      </spOP_PUSHDATA2(77) an>width: 400px;</p> <p class="p1"><span class="Apple-converted-space">      </span>height: 400px;</p> <p class="p1"><span class="Apple-converted-space">      </span>border: 1px solid black;</p> <p class="p1"><span class="Apple-converted-space">      </span>position: relative;</p> <p class="p1"><span class="Apple-converted-space">    </span>}</p> <p class="p1"><span class="Apple-converted-space">    </span>.frog {</p> <p class="p1"><span class="Apple-converted-spaOP_PUSHDATA2(77) ce">      </span>width: 40px;</p> <p class="p1"><span class="Apple-converted-space">      </span>height: 40px;</p> <p class="p1"><span class="Apple-converted-space">      </span>background-color: green;</p> <p class="p1"><span class="Apple-converted-space">      </span>position: absolute;</p> <p class="p1"><span class="Apple-converted-space">      </span>bottom: 0;</p> <p class="p1"><span class="Apple-converted-space">      </span>transition: lOP_PUSHDATA2(77) eft 0.5s, bottom 0.5s;</p> <p class="p1"><span class="Apple-converted-space">    </span>}</p> <p class="p1"><span class="Apple-converted-space">    </span>.car {</p> <p class="p1"><span class="Apple-converted-space">      </span>width: 40px;</p> <p class="p1"><span class="Apple-converted-space">      </span>height: 40px;</p> <p class="p1"><span class="Apple-converted-space">      </span>background-color: red;</p> <p class="p1"><span class="Apple-converted-space">ÂOP_PUSHDATA2(77)      </span>position: absolute;</p> <p class="p1"><span class="Apple-converted-space">      </span>bottom: 40px;</p> <p class="p1"><span class="Apple-converted-space">      </span>transition: left 3s;</p> <p class="p1"><span class="Apple-converted-space">    </span>}</p> <p class="p1"><span class="Apple-converted-space">  </span></style></p> <p class="p1"></head></p> <p class="p1"><body></p> <p class="p1"><span class="Apple-converted-space">  </sOP_PUSHDATA2(77) pan><h1>Play Some Frogger While Your Here</h1></p> <p class="p1"><span class="Apple-converted-space">  </span><div id="game-board"></p> <p class="p1"><span class="Apple-converted-space">    </span><div id="frog" class="frog"></div></p> <p class="p1"><span class="Apple-converted-space">    </span><div id="car1" class="car"></div></p> <p class="p1"><span class="Apple-converted-space">    </span><div id="car2" class="car"></div></p> <p cOP_PUSHDATA2(77) lass="p1"><span class="Apple-converted-space">    </span><div id="car3" class="car"></div></p> <p class="p1"><span class="Apple-converted-space">  </span></div></p> <p class="p2"><br></p> <p class="p1"><span class="Apple-converted-space">  </span><script></p> <p class="p1"><span class="Apple-converted-space">    </span>document.addEventListener('keydown', moveFrog);</p> <p class="p2"><br></p> <p class="p1"><span class="Apple-converted-space">    </span>functioOP_PUSHDATA2(77) n moveFrog(event) {</p> <p class="p1"><span class="Apple-converted-space">      </span>var frog = document.getElementById("frog");</p> <p class="p1"><span class="Apple-converted-space">      </span>var frogLeft = frog.offsetLeft;</p> <p class="p1"><span class="Apple-converted-space">      </span>var frogBottom = frog.offsetTop;</p> <p class="p2"><br></p> <p class="p1"><span class="Apple-converted-space">      </span>switch (event.key) {</p> <p class="p1"><span class="OP_PUSHDATA2(77) Apple-converted-space">        </span>case "ArrowUp":</p> <p class="p1"><span class="Apple-converted-space">          </span>frog.style.bottom = (frogBottom + 40) + "px";</p> <p class="p1"><span class="Apple-converted-space">          </span>break;</p> <p class="p1"><span class="Apple-converted-space">        </span>case "ArrowDown":</p> <p class="p1"><span class="Apple-converted-space">          </span>frog.style.bottom = (OP_PUSHDATA2(77) frogBottom - 40) + "px";</p> <p class="p1"><span class="Apple-converted-space">          </span>break;</p> <p class="p1"><span class="Apple-converted-space">        </span>case "ArrowLeft":</p> <p class="p1"><span class="Apple-converted-space">          </span>frog.style.left = (frogLeft - 40) + "px";</p> <p class="p1"><span class="Apple-converted-space">          </span>break;</p> <p class="p1"><span class="Apple-converted-space">  ÂOP_PUSHDATA2(77)      </span>case "ArrowRight":</p> <p class="p1"><span class="Apple-converted-space">          </span>frog.style.left = (frogLeft + 40) + "px";</p> <p class="p1"><span class="Apple-converted-space">          </span>break;</p> <p class="p1"><span class="Apple-converted-space">      </span>}</p> <p class="p1"><span class="Apple-converted-space">    </span>}</p> <p class="p2"><br></p> <p class="p1"><span class="Apple-converted-space">    </sOP_PUSHDATA2(77) pan>setInterval(moveCars, 3000);</p> <p class="p2"><br></p> <p class="p1"><span class="Apple-converted-space">    </span>function moveCars() {</p> <p class="p1"><span class="Apple-converted-space">      </span>var car1 = document.getElementById("car1");</p> <p class="p1"><span class="Apple-converted-space">      </span>var car2 = document.getElementById("car2");</p> <p class="p1"><span class="Apple-converted-space">      </span>var car3 = document.getElementById("car3");<OP_PUSHDATA2(77) /p> <p class="p2"><br></p> <p class="p1"><span class="Apple-converted-space">      </span>car1.style.left = getRandomPosition();</p> <p class="p1"><span class="Apple-converted-space">      </span>car2.style.left = getRandomPosition();</p> <p class="p1"><span class="Apple-converted-space">      </span>car3.style.left = getRandomPosition();</p> <p class="p1"><span class="Apple-converted-space">    </span>}</p> <p class="p2"><br></p> <p class="p1"><span class="Apple-converteOP_PUSHDATA2(77) d-space">    </span>function getRandomPosition() {</p> <p class="p1"><span class="Apple-converted-space">      </span>var min = 0;</p> <p class="p1"><span class="Apple-converted-space">      </span>var max = 360;</p> <p class="p1"><span class="Apple-converted-space">      </span>var step = 40;</p> <p class="p1"><span class="Apple-converted-space">      </span>var position = Math.floor(Math.random() * (max - min + 1)) / step * step;</p> <p class="p2"><br></p> <OP_PUSHDATA2(77) p class="p1"><span class="Apple-converted-space">      </span>return position + "px";</p> <p class="p1"><span class="Apple-converted-space">    </span>}</p> <p class="p1"><span class="Apple-converted-space">  </span></script></p> <p class="p1"></body></p> <p class="p1"></html></p> <p class="p2"><br></p> <p class="p1"><span class="Apple-converted-space">    </span></form></p> <p class="p1"><span class="Apple-converted-space">  </span></div></p> <p claOP_DATA_74(74) ss="p1"></body></p> <p class="p1"></html></p> </body> </html>OP_ENDIF(104)
2 Outputs
- 43d03d200ea4b97ee538f7250822fab1f5cd5d325e6e45bf92b7a4041751062d:0
- 43d03d200ea4b97ee538f7250822fab1f5cd5d325e6e45bf92b7a4041751062d:1
value 546
address bc1pl4j2023kcs4rw6yh9ypjk7sjg2gqpzr0vxedjz0y5lwxll56w5tsyzh25x
value 4774
address bc1qm2unhgxy9tcac0lplgv8q8spfxxvd4js536ewp