-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
executable file
·140 lines (116 loc) · 11.8 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
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
130
131
132
133
134
135
136
137
138
139
140
<html>
<head>
<!-- WEB_PORT (override start) -->
<title>JSplacement Web</title>
<meta name="description" content="Web version of JSPlacement - procedural displacement sci-fi maps generator."/>
<meta name="keywords" content="jsplacement, jsplacement alternative, jsplacement online, jsplacement generator, jsplacement blender, jsplacement web, jsplacement free, jsplacement free download, js placement texture, js placement"/>
<meta name="robots" content="index, follow"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta property="og:title" content="JSplacement Web"/>
<meta property="og:description" content="Web version of JSPlacement - procedural displacement sci-fi maps generator."/>
<meta property="og:site_name" content="JSplacement Web"/>
<meta property="og:image" content="/WEB_PORT_og_image.png"/>
<meta property="og:image:alt" content="Web version of JSPlacement - procedural displacement sci-fi maps generator."/>
<meta property="og:image:width" content="1200"/>
<meta property="og:image:height" content="630"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:title" content="JSplacement Web"/>
<meta name="twitter:description" content="Web version of JSPlacement - procedural displacement sci-fi maps generator."/>
<meta name="twitter:image" content="/WEB_PORT_og_image.png"/>
<meta name="twitter:image:alt" content="Web version of JSPlacement - procedural displacement sci-fi maps generator."/>
<meta name="twitter:image:width" content="1200"/>
<meta name="twitter:image:height" content="630"/>
<link rel="icon" href="/WEB_PORT_icon.png" type="image/png" sizes="any"/>
<link rel="apple-touch-icon" href="/WEB_PORT_icon.png" type="image/png" sizes="any"/>
<!-- WEB_PORT (override end) -->
<link rel="stylesheet" type="text/css" href="req/style.css" />
<!-- WEB_PORT (override start) -->
<link rel="stylesheet" type="text/css" href="WEB_PORT.css" />
<script src="https://cdn.jsdelivr.net/npm/requirejs@2.3.6/require.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.0/dist/jquery.min.js"></script>
<script src="WEB_PORT.js"></script>
<!-- WEB_PORT (override end) -->
<script src="req/js/sys/backbone.js"></script>
<script src="req/js/sys/config.js"></script>
<script src="req/js/sys/vercheck.js"></script>
<script src="req/js/sys/navigation.js"></script>
<script src="req/js/sys/hotkeys.js"></script>
<script src="req/js/sys/splash.js"></script>
<script src="req/js/gen/common/blob.js"></script>
<script src="req/js/gen/common/filesaver.js"></script>
</head>
<body>
<!-- FirstRun -->
<div id="firstrun" class=""></div>
<!-- Hotkey overlay -->
<div id="hotkeys" class="invisible"></div>
<!-- In-app guide overlay -->
<div id="digiguide" class="invisible">
<div id="guide">
</div>
</div>
<!-- Splash screen -->
<div id="splash" class="skip visible">
<div class="vernum">
Version: 1.3.0</br>
Build date: April 14th 2019</br>
Splash screen: <span id="splashartist"></span>
</div>
</div>
<!-- WEB_PORT (override start) -->
<div id="WEB_PORT_head">
<h1>JSPlacement Web</h1>
<a href="https://github.com/satelllte/JSPlacementWeb/" target="_blank">About</a>
</div>
<!-- WEB_PORT (override end) -->
<div id="titlebg">
<div id="titlebar">
<div class="dragger"></div>
<p style="position: absolute; left: 50%; transform:translateX(-50%); top: -5px; font-size: 16px;">Check out an open-source alternative: <a href="https://displacementx.pages.dev/" target="_blank" style="font-weight: bold;">Displacement X</a></p>
</div>
</div>
<a href="#" onclick="javascript:window.close()">
<svg class="closebutton" width="100%" height="100%" viewBox="0 0 40 40" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><path d="M20.129,10.001c0.467,0.009 0.931,0.044 1.393,0.114c0.934,0.143 1.846,0.42 2.702,0.82c2.006,0.937 3.672,2.544 4.681,4.514c0.429,0.837 0.739,1.735 0.916,2.659c0.207,1.082 0.235,2.199 0.082,3.29c-0.143,1.017 -0.444,2.011 -0.89,2.936c-0.523,1.085 -1.244,2.072 -2.115,2.903c-0.903,0.861 -1.965,1.551 -3.12,2.023c-1.196,0.49 -2.485,0.74 -3.778,0.74c-1.293,0 -2.582,-0.25 -3.778,-0.74c-1.155,-0.472 -2.217,-1.162 -3.12,-2.023c-0.871,-0.831 -1.592,-1.818 -2.115,-2.903c-0.446,-0.925 -0.747,-1.919 -0.89,-2.936c-0.153,-1.091 -0.125,-2.208 0.082,-3.29c0.177,-0.924 0.487,-1.822 0.916,-2.659c1.009,-1.97 2.675,-3.577 4.681,-4.514c0.856,-0.4 1.768,-0.677 2.702,-0.82c0.462,-0.07 0.926,-0.105 1.393,-0.114c0.13,-0.001 0.129,-0.001 0.258,0Zm-0.239,1.5c-0.361,0.007 -0.722,0.032 -1.08,0.082c-0.829,0.116 -1.64,0.356 -2.399,0.711c-1.705,0.796 -3.124,2.164 -3.981,3.839c-0.38,0.743 -0.65,1.541 -0.797,2.363c-0.166,0.922 -0.176,1.873 -0.035,2.8c0.126,0.826 0.377,1.633 0.74,2.386c0.445,0.923 1.058,1.763 1.799,2.469c0.768,0.732 1.671,1.319 2.652,1.721c1.051,0.43 2.186,0.642 3.321,0.627c1.131,-0.014 2.255,-0.254 3.291,-0.708c0.97,-0.425 1.859,-1.033 2.608,-1.782c0.725,-0.725 1.317,-1.58 1.74,-2.514c0.346,-0.764 0.576,-1.58 0.682,-2.412c0.123,-0.964 0.081,-1.95 -0.126,-2.9c-0.162,-0.744 -0.426,-1.467 -0.782,-2.14c-0.896,-1.696 -2.365,-3.065 -4.122,-3.834c-0.737,-0.323 -1.52,-0.539 -2.318,-0.64c-0.396,-0.051 -0.794,-0.071 -1.193,-0.068Zm1.524,8.145c-0.094,0.094 -0.146,0.221 -0.146,0.354c0,0.133 0.052,0.26 0.146,0.354c0.799,0.799 2.737,2.736 3.536,3.535c0.195,0.195 0.195,0.512 0,0.707c-0.114,0.114 -0.24,0.24 -0.354,0.354c-0.195,0.195 -0.512,0.195 -0.707,0c-0.799,-0.799 -2.736,-2.737 -3.535,-3.536c-0.094,-0.094 -0.221,-0.146 -0.354,-0.146c-0.133,0 -0.26,0.052 -0.354,0.146c-0.799,0.799 -2.736,2.737 -3.535,3.536c-0.195,0.195 -0.512,0.195 -0.707,0c-0.114,-0.114 -0.24,-0.24 -0.354,-0.354c-0.195,-0.195 -0.195,-0.512 0,-0.707c0.799,-0.799 2.737,-2.736 3.536,-3.535c0.094,-0.094 0.146,-0.221 0.146,-0.354c0,-0.133 -0.052,-0.26 -0.146,-0.354c-0.799,-0.799 -2.737,-2.736 -3.536,-3.535c-0.195,-0.195 -0.195,-0.512 0,-0.707c0.114,-0.114 0.24,-0.24 0.354,-0.354c0.195,-0.195 0.512,-0.195 0.707,0c0.799,0.799 2.736,2.737 3.535,3.536c0.094,0.094 0.221,0.146 0.354,0.146c0.133,0 0.26,-0.052 0.354,-0.146c0.799,-0.799 2.736,-2.737 3.535,-3.536c0.195,-0.195 0.512,-0.195 0.707,0c0.114,0.114 0.24,0.24 0.354,0.354c0.195,0.195 0.195,0.512 0,0.707c-0.799,0.799 -2.737,2.736 -3.536,3.535Z"/></svg>
</a>
<div id="sidemenu">
<div class="sidespacer first"></div>
<a href="#" onclick="hideMenu();unload();loadPage('home.html')"><div class="selector home">Main screen</div></a>
<div class="sidespacer"></div>
<a href="#" onclick="hideMenu();unload();loadPage('gen/jsplacement.html')"><div class="selector js">JSplacement: Classic</div></a>
<a href="#" onclick="hideMenu();unload();loadPage('gen/jsplacement2.html')"><div class="selector js2">JSplacement: 2</div></a>
<!-- <a href="#" onclick="hideMenu();unload();loadPage('gen/ultra.html')"><div class="selector jsu">JSplacement: Ultra</div></a> -->
<a href="#" onclick="hideMenu();unload();loadPage('gen/velvet.html')"><div class="selector jsv">JSplacement: Velvet</div></a>
<!-- <a href="#" onclick="hideMenu();unload();loadPage('gen/metropolis.html')"><div class="selector jsm">JSplacement: Metropolis</div></a> -->
<a href="#" onclick="hideMenu();unload();loadPage('gen/wyre.html')"><div class="selector jsw">JSplacement: Wyre</div></a>
<a href="#" onclick="hideMenu();unload();loadPage('gen/dotgrid.html')"><div class="selector jsdg">JSplacement: dotGrid</div></a>
<div class="sidespacer"></div>
<a href="#" onclick="hideMenu();gitGuide();"><div class="selector">Digital Guide</div></a>
<a href="#" onclick="hideMenu();unload();loadPage('settings.html')"><div class="selector">Settings</div></a>
<a href="#" onclick="hideMenu();unload();loadPage('about.html')"><div class="selector last">About</div></a>
</div>
<a href="#" onclick="toggleMenu()">
<svg class="menubutton" width="100%" height="100%" viewBox="0 0 40 40" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><path d="M13.5,26c0.133,0 0.26,0.053 0.354,0.146c0.093,0.094 0.146,0.221 0.146,0.354c0,0.769 0,2.231 0,3c0,0.133 -0.053,0.26 -0.146,0.354c-0.094,0.093 -0.221,0.146 -0.354,0.146c-0.769,0 -2.231,0 -3,0c-0.133,0 -0.26,-0.053 -0.354,-0.146c-0.093,-0.094 -0.146,-0.221 -0.146,-0.354c0,-0.769 0,-2.231 0,-3c0,-0.133 0.053,-0.26 0.146,-0.354c0.094,-0.093 0.221,-0.146 0.354,-0.146c0.769,0 2.231,0 3,0Zm8,0c0.133,0 0.26,0.053 0.354,0.146c0.093,0.094 0.146,0.221 0.146,0.354c0,0.769 0,2.231 0,3c0,0.133 -0.053,0.26 -0.146,0.354c-0.094,0.093 -0.221,0.146 -0.354,0.146c-0.769,0 -2.231,0 -3,0c-0.133,0 -0.26,-0.053 -0.354,-0.146c-0.093,-0.094 -0.146,-0.221 -0.146,-0.354c0,-0.769 0,-2.231 0,-3c0,-0.133 0.053,-0.26 0.146,-0.354c0.094,-0.093 0.221,-0.146 0.354,-0.146c0.769,0 2.231,0 3,0Zm8,0c0.133,0 0.26,0.053 0.354,0.146c0.093,0.094 0.146,0.221 0.146,0.354c0,0.769 0,2.231 0,3c0,0.133 -0.053,0.26 -0.146,0.354c-0.094,0.093 -0.221,0.146 -0.354,0.146c-0.769,0 -2.231,0 -3,0c-0.133,0 -0.26,-0.053 -0.354,-0.146c-0.093,-0.094 -0.146,-0.221 -0.146,-0.354c0,-0.769 0,-2.231 0,-3c0,-0.133 0.053,-0.26 0.146,-0.354c0.094,-0.093 0.221,-0.146 0.354,-0.146c0.769,0 2.231,0 3,0Zm-16,-8c0.133,0 0.26,0.053 0.354,0.146c0.093,0.094 0.146,0.221 0.146,0.354c0,0.769 0,2.231 0,3c0,0.133 -0.053,0.26 -0.146,0.354c-0.094,0.093 -0.221,0.146 -0.354,0.146c-0.769,0 -2.231,0 -3,0c-0.133,0 -0.26,-0.053 -0.354,-0.146c-0.093,-0.094 -0.146,-0.221 -0.146,-0.354c0,-0.769 0,-2.231 0,-3c0,-0.133 0.053,-0.26 0.146,-0.354c0.094,-0.093 0.221,-0.146 0.354,-0.146c0.769,0 2.231,0 3,0Zm8,0c0.133,0 0.26,0.053 0.354,0.146c0.093,0.094 0.146,0.221 0.146,0.354c0,0.769 0,2.231 0,3c0,0.133 -0.053,0.26 -0.146,0.354c-0.094,0.093 -0.221,0.146 -0.354,0.146c-0.769,0 -2.231,0 -3,0c-0.133,0 -0.26,-0.053 -0.354,-0.146c-0.093,-0.094 -0.146,-0.221 -0.146,-0.354c0,-0.769 0,-2.231 0,-3c0,-0.133 0.053,-0.26 0.146,-0.354c0.094,-0.093 0.221,-0.146 0.354,-0.146c0.769,0 2.231,0 3,0Zm8,0c0.133,0 0.26,0.053 0.354,0.146c0.093,0.094 0.146,0.221 0.146,0.354c0,0.769 0,2.231 0,3c0,0.133 -0.053,0.26 -0.146,0.354c-0.094,0.093 -0.221,0.146 -0.354,0.146c-0.769,0 -2.231,0 -3,0c-0.133,0 -0.26,-0.053 -0.354,-0.146c-0.093,-0.094 -0.146,-0.221 -0.146,-0.354c0,-0.769 0,-2.231 0,-3c0,-0.133 0.053,-0.26 0.146,-0.354c0.094,-0.093 0.221,-0.146 0.354,-0.146c0.769,0 2.231,0 3,0Zm-16,-8c0.133,0 0.26,0.053 0.354,0.146c0.093,0.094 0.146,0.221 0.146,0.354c0,0.769 0,2.231 0,3c0,0.133 -0.053,0.26 -0.146,0.354c-0.094,0.093 -0.221,0.146 -0.354,0.146c-0.769,0 -2.231,0 -3,0c-0.133,0 -0.26,-0.053 -0.354,-0.146c-0.093,-0.094 -0.146,-0.221 -0.146,-0.354c0,-0.769 0,-2.231 0,-3c0,-0.133 0.053,-0.26 0.146,-0.354c0.094,-0.093 0.221,-0.146 0.354,-0.146c0.769,0 2.231,0 3,0Zm8,0c0.133,0 0.26,0.053 0.354,0.146c0.093,0.094 0.146,0.221 0.146,0.354c0,0.769 0,2.231 0,3c0,0.133 -0.053,0.26 -0.146,0.354c-0.094,0.093 -0.221,0.146 -0.354,0.146c-0.769,0 -2.231,0 -3,0c-0.133,0 -0.26,-0.053 -0.354,-0.146c-0.093,-0.094 -0.146,-0.221 -0.146,-0.354c0,-0.769 0,-2.231 0,-3c0,-0.133 0.053,-0.26 0.146,-0.354c0.094,-0.093 0.221,-0.146 0.354,-0.146c0.769,0 2.231,0 3,0Zm8,0c0.133,0 0.26,0.053 0.354,0.146c0.093,0.094 0.146,0.221 0.146,0.354c0,0.769 0,2.231 0,3c0,0.133 -0.053,0.26 -0.146,0.354c-0.094,0.093 -0.221,0.146 -0.354,0.146c-0.769,0 -2.231,0 -3,0c-0.133,0 -0.26,-0.053 -0.354,-0.146c-0.093,-0.094 -0.146,-0.221 -0.146,-0.354c0,-0.769 0,-2.231 0,-3c0,-0.133 0.053,-0.26 0.146,-0.354c0.094,-0.093 0.221,-0.146 0.354,-0.146c0.769,0 2.231,0 3,0Z" /></svg>
</a>
<div id="canover"></div>
<div id="container" onclick="hideMenu()">
</div>
<footer>
<div id="disableanimation"></div>
<div id="vercheck">
</div>
</footer>
</body>
<!-- WEB_PORT (override start) -->
<script src="WEB_PORT_AFTER.js"></script>
<!-- WEB_PORT (override end) -->
<script>
$(function() {
if(cfg.General.disableAnimations == true){
$('#disableanimation').html('<style>*{transition: all 0ms linear !important;}</style>');
}
else{
$('#disableanimation').html('');
}
});
</script>
</html>