1<?xml version="1.0" encoding="UTF-8"?> 2<!DOCTYPE html> 3<html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <title>I am afraid I can't do that, Dave</title> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 7 <style> 8 body { 9 margin: 0; 10 padding: 0; 11 background-color: #000; 12 background-image: url(https://f.nordiskemedier.dk/layout/void/stars.png); 13 background-size: cover; 14 } 15 h1 { 16 color: #fff; 17 margin-top: 45vh; 18 position: absolute; 19 text-align: center; 20 width: 100%; 21 z-index: 3; 22 } 23 24 @keyframes move-twinkling-back { 25 from { 26 background-position: 0 0; 27 } 28 to { 29 background-position: -10000px 2500px; 30 } 31 } 32 @-webkit-keyframes move-twinkling-back { 33 from { 34 background-position: 0 0; 35 } 36 to { 37 background-position: -10000px 2500px; 38 } 39 } 40 @-moz-keyframes move-twinkling-back { 41 from { 42 background-position: 0 0; 43 } 44 to { 45 background-position: -10000px 2500px; 46 } 47 } 48 @-ms-keyframes move-twinkling-back { 49 from { 50 background-position: 0 0; 51 } 52 to { 53 background-position: -10000px 2500px; 54 } 55 } 56 57 .twinkling { 58 background-image: url(https://f.nordiskemedier.dk/layout/void/twinkling.png); 59 background-repeat: repeat; 60 background-position: top center; 61 position: absolute; 62 top: 0; 63 left: 0; 64 right: 0; 65 bottom: 0; 66 width: 100%; 67 height: 100%; 68 z-index: 1; 69 -moz-animation: move-twinkling-back 300s linear infinite; 70 -ms-animation: move-twinkling-back 300s linear infinite; 71 -o-animation: move-twinkling-back 300s linear infinite; 72 -webkit-animation: move-twinkling-back 300s linear infinite; 73 animation: move-twinkling-back 300s linear infinite; 74 } 75 76 @keyframes rotate-station { 77 from { 78 -moz-transform: rotate(0deg); 79 -ms-transform: rotate(0deg); 80 -o-transform: rotate(0deg); 81 -webkit-transform: rotate(0deg); 82 transform: rotate(0deg); 83 } 84 to { 85 -moz-transform: rotate(360deg); 86 -ms-transform: rotate(360deg); 87 -o-transform: rotate(360deg); 88 -webkit-transform: rotate(360deg); 89 transform: rotate(360deg); 90 } 91 } 92 @-webkit-keyframes rotate-station { 93 from { 94 -moz-transform: rotate(0deg); 95 -ms-transform: rotate(0deg); 96 -o-transform: rotate(0deg); 97 -webkit-transform: rotate(0deg); 98 transform: rotate(0deg); 99 } 100 to { 101 -moz-transform: rotate(360deg); 102 -ms-transform: rotate(360deg); 103 -o-transform: rotate(360deg); 104 -webkit-transform: rotate(360deg); 105 transform: rotate(360deg); 106 } 107 } 108 @-moz-keyframes rotate-station { 109 from { 110 -moz-transform: rotate(0deg); 111 -ms-transform: rotate(0deg); 112 -o-transform: rotate(0deg); 113 -webkit-transform: rotate(0deg); 114 transform: rotate(0deg); 115 } 116 to { 117 -moz-transform: rotate(360deg); 118 -ms-transform: rotate(360deg); 119 -o-transform: rotate(360deg); 120 -webkit-transform: rotate(360deg); 121 transform: rotate(360deg); 122 } 123 } 124 @-ms-keyframes rotate-station { 125 from { 126 -moz-transform: rotate(0deg); 127 -ms-transform: rotate(0deg); 128 -o-transform: rotate(0deg); 129 -webkit-transform: rotate(0deg); 130 transform: rotate(0deg); 131 } 132 to { 133 -moz-transform: rotate(360deg); 134 -ms-transform: rotate(360deg); 135 -o-transform: rotate(360deg); 136 -webkit-transform: rotate(360deg); 137 transform: rotate(360deg); 138 } 139 } 140 141 .station { 142 position: absolute; 143 top: 20vh; 144 left: 20vw; 145 width: 300px; 146 height: 300px; 147 z-index: 2; 148 -moz-animation: rotate-station 60s linear infinite; 149 -ms-animation: rotate-station 60s linear infinite; 150 -o-animation: rotate-station 60s linear infinite; 151 -webkit-animation: rotate-station 60s linear infinite; 152 animation: rotate-station 60s linear infinite; 153 } 154 </style> 155 </head> 156 <body> 157 <div class="twinkling"></div> 158 <img src="https://f.nordiskemedier.dk/layout/void/station.png" class="station" /> 159 <h1>My god, it's full of stars!</h1> 160 </body> 161</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.