-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
101 lines (98 loc) · 3.17 KB
/
index.html
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
<!DOCTYPE html>
<html id="frontpage">
<head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZJGXLN7TRR"></script>
<script>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-ZJGXLN7TRR');</script>
<meta charset="UTF-8">
<title>Wolfpack: Live Cipherer</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="yes" name="mobile-web-app-capable">
<link href="res/Elegantthemes-Beautiful-Flat-One-Color-Submarine.png" rel="icon" sizes="128x128">
<link href="Stylesheet-Global.css" rel="stylesheet">
<style>
html, body{
background: lightblue;
cursor: pointer;
}
:hover div{
background: #4F5D73;
}
div{
position: fixed;
top: 50%;
left: 50%;
display: flex;
align-items: center;
font-size: xx-large;
border-color: #4F5D73;
border-radius: 128px;
border-style: solid;
transform: translate(-50%, -50%);
}
.button-icon{
margin: -1px;
}
span{
font-weight: bold;
white-space: nowrap;
margin: 0.5em;
}
#link-to-github{
float: right;
}
#link-to-submarine{
position: absolute;
bottom: 4px;
width: inherit;
font-size: x-small;
color: black;
text-align: center;
}
</style>
<script>
'use strict'
var liveCipherer = undefined;
function closeWindow(){
if(liveCipherer === undefined){
window.requestAnimationFrame(closeWindow);
}else{
window.close();
document.getElementsByTagName('span')[0].innerHTML = ' You can now close this page ';
}
}
closeWindow();
function load(){
document.body.onclick = popup;
}
function popup(mouseEvent){
let isLink = false;
let srcElement = mouseEvent.srcElement;
while(!isLink && srcElement !== document.body){
isLink = srcElement.tagName.toLowerCase() === 'a';
srcElement = srcElement.parentElement;
}
if(!isLink && liveCipherer === undefined){
let width = 410;
let height = 240;
let top = (window.innerHeight)/2;
let left = (window.innerWidth)/2;
liveCipherer = window.open('LiveCipherer.html', '_blank', 'menubar=no,toolbar=no,location=no,status=no,scrollbars=no,resizable=yes,top='+top+',left='+left+',width='+width+',height='+height);
if(!liveCipherer || liveCipherer.closed || typeof liveCipherer.closed=='undefined'){
liveCipherer = undefined;
}
}
if(liveCipherer !== undefined){
window.close();
}
}
</script>
</head>
<body onload="load()">
<div>
<span>Click to open a Live Cipherer</span>
<img class="button-icon" src="res/Elegantthemes-Beautiful-Flat-One-Color-Submarine.png">
</div>
<a id="link-to-github" href="https://github.com/ChrisAcrobat/Wolfpack-Live-Cipherer"><img width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png?resize=149%2C149" class="attachment-full size-full" alt="Fork me on GitHub" data-recalc-dims="1"></a>
<a id="link-to-submarine" href="http://www.iconarchive.com/show/beautiful-flat-one-color-icons-by-elegantthemes/submarine-icon.html">Submarine icon by Elegantthemes</a>
</body>
</html>