<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
< html >
< head >
< title > Paracity Gallery v0.41< / title >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes" / >
< style type = "text/css" >
body {
margin: 0;
height: 100vh;
width: 100vw;
max-height: 100vh;
max-width: 100vw;
overflow: scroll;
}
#paracity a {
width: 100%;
max-height: 100vh;
max-width: 95vw;
padding-top: 75vh;
text-align: center;
font-family: Courier;
font-size: 10vw;
color: #d152b8;
text-decoration: none;
z-index: 1000;
}
#android {
padding:10px;
font-size:10px;
width: 100%;
font-family: Courier;
color: #d152b8;
text-decoration: none;
z-index: 1000;
}
#paracity {
height: 80%;
width: 100%;
max-height: 100vh;
max-width: 100vw;
white-space: pre;
display: flex;
flex-direction: column;
padding: 2%;
}
#paracity h1 , h2 {
max-height: 100vh;
max-width: 100vw;
font-family: monospace;
max-width: 100%;
margin: 0;
color: #d152b8;
position: absolute;
padding-left: 2.5vw;
font-size: 1.9vw;
font-weight: bold;
}
#paracity h2 {
padding-left: 55vw;
padding-top: 65vw;
font-size: 3vw;
}
< / style >
< / head >
< body >
< div id = "android" > < / div >
< div id = "paracity" >
< h1 >
,-.----.
\ / \ ___
| : \ ,--, ,--.'|_
| | .\ : __ ,-. ,--.'| | | :,'
. : |: | ,' ,'/ /| | |, : : ' :
| | \ : ,--.--. ' | |' | ,--.--. ,---. `--'_ .;__,' / .--,
| : . // \ | | ,'/ \ / \ ,' ,'| | | | /_ ./|
; | |`-'.--. .-. |' : / .--. .-. | / / ' ' | | :__,'| : , ' , ' :
| | ; \__\/: . .| | ' \__\/: . .. ' / | | : ' : |__/___/ \: |
: ' | ," .--.; |; : | ," .--.; |' ; :__ ' : |__ | | '.'|. \ ' |
: : : / / ,. || , ; / / ,. |' | '.'|| | '.'|; : ; \ ; :
| | : ; : .' \---' ; : .' \ : :; : ;| , / \ \ ;
`---'.| | , .-./ | , .-./\ \ / | , / ---`-' : \ \
`---` `--`---' `--`---' `----' ---`-' \ ' ;
,----.. ,--, ,--, `--`
/ / \ ,--.'| ,--.'|
| : : | | : | | : __ ,-.
. | ;. / : : ' : : ' ,' ,'/ /|
. ; /--` ,--.--. | ' | | ' | ,---. ' | |' | .--,
; | ; __ / \ ' | | ' | | / \ | | ,' /_ ./|
| : |.' .'.--. .-. || | : | | : / / |' : /, ' , ' :
. | '_.' : \__\/: . .' : |__' : |__ . ' / || | '/___/ \: |
' ; : \ | ," .--.; || | '.'| | '.'|' ; /|; : | . \ ' |
' | '/ .'/ / ,. |; : ; : ;' | / || , ; \ ; :
| : / ; : .' \ , /| , / | : | ---' \ \ ;
\ \ .' | , .-./---`-' ---`-' \ \ / : \ \
`---` `--`---' ,--, `----' \ ' ;
,----.. ,--.'| ,---, `--`
/ / \ ,--, | : ,`--.' |
/ . : ,---.'| : ' / / :
.---. . / ;. \; : | | ;: |.' '
/. ./| . ; / ` ;| | : _' |`----': |
.-' . ' | ; | ; \ ; |: : |.' | ' ' ;
/___/ \: | | : | ; | '| ' ' ; : | | |
. \ ' . . | ' ' ' :\ \ .'. | ' : ;
\ \ ' ' ; \; / | `---`: | ' | | '
\ \ ___\ \ ', / ' ; | ' : |
\ \ / .\; : / | : ; ; |.'
'---"\ ; |\ \ .' ' ,/ '---'
`--" `---` '--'
< / h1 >
< h2 >
.
.
. ;.
.;
;;.
;.;;
;;;;.
;;;;;
;;;;;
;;;;;
;;;;;
;;;;;
..;;;;;..
':::::'
':`
< / h2 >
< a href = "/dl.html" > CONNECT< / a > <!-- reload page after 5sec to lure iOS request to hotspot - detect.html, or just load new page! -->
< / div >
< iframe width = "1" height = "1" frameBorder = "0" src = 'connect.html' > < / iframe > <!-- hide this -->
<!-- <button onClick="window.location.reload();">Refresh Page</button> --> <!-- a page refresh forces ios to look for hotspot detect again...mmmm -->
< script >
var ua = navigator.userAgent.toLowerCase();
var isAndroid = ua.indexOf("android") > -1; //& & ua.indexOf("mobile");
if(isAndroid) { //if user agent is android, download file automatically
setTimeout(function () {
document.getElementById("android").innerHTML = "< h1 > Hi Android user, please select 'Use this network as is' from the options menu. Then close this portal and open:< br > < br > http://opencoil.show < br > < br > in your normal Browser. After that click < a href = '/dl-android.html' > here< / a > to download the paracity gallery files< / h1 > "
}, 1000);
}
< / script >
< / body >
< / html >
