sitesgithub.github.io/respring.html at master · sitesgithub/sitesgithub.github.io · 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
<!DOCTYPE html>
<head>
  <title>Respring</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="Content-Language" content="en">
		<meta name="viewport" content="minimum-scale=1.0, width=device-width, maximum-scale=0.6667, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="white">
		<link rel="apple-touch-icon-precomposed" href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRXnELsL2137x3nDpRdBpmAbR19C5PPJJkZFOffQtO_sapTR0xp">
  <style>
    .loader {
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -75px 0 0 -75px;

      border: 10px solid #f3f3f3;
      border-radius: 50%;
      border-top: 10px solid #044595;
      border-left: 10px solid #044595;
      width: 120px;
      height: 120px;

      -webkit-animation: spin 1s linear infinite;
    }

    .credits {
      overflow: hidden;
      position: fixed;
      position: absolute;
      top: 90%;
      left: 50%;

      font-size: 16px;
      font-family: sans-serif;
      text-align: center;

      transform: translate(-50%, -90%);
    }

    @-webkit-keyframes spin {
      0% { -webkit-transform: rotate(0deg); }
      100% { -webkit-transform: rotate(360deg); }
    }
  </style>
</head>
<body style="margin:0;">
  <script>
function a() {
setTimeout(function(){document.getElementById('awaiting').innerText = "Respring has failed."; document.getElementById('awaiting').style.color = "red"}, 3000)
}
  </script>

  <a class="loader" href="appleprintcenter://" onclick="a()"></a>

  <div id="footer" class="credits">
    <ul style="list-style: none;padding-left:0">
      <li id="awaiting">Press on the loader!</li>
      <li>Style ripped from HEN</li>
      <li>CloudFTL for discovering</li>
      <a href="homescreen.html">Add to homescreen</a>
    </ul>
  </div>
</body>
</html>