-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.html
54 lines (45 loc) · 3.43 KB
/
main.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>◢.Unicide.◣</title>
<link rel="icon" href="res/unicide.ico">
<script src="lib/coffeescript.js"></script>
<style>
@font-face {font-family: Roboto; src: url(res/3966.ttf)}
@font-face {font-family: Oswald; src: url(res/Oswald-Regular.ttf)}
@font-face {font-family: Crimson; src: url(res/crimsontext.ttf)}
a {text-decoration: none; text-shadow: -1px -1px 2px black; font-style: italic; font-size: 15px; transition: .3s}
a:hover {text-shadow: 0px 0px 2px orange, 0 0 1em red; transition: .5s}
textarea:focus{outline: none;}
.bar {left: 5px; right: 5px; font-family: Roboto; font-size: 14px;}
.area {margin: 5px; width: 50%; display:flex; flex-flow: column; overflow: auto}
.lit {background: rgba(33, 33, 33, 0.5); resize: none; flex: 1 0; box-shadow: 0px 0px 5px darkslategray; line-height: 1.2; font-family: Crimson;}
.tip {text-align: center; width: 25%; min-height: auto;}
@supports (-ms-ime-align: auto) {
.tip {font-family: "Segoe UI Symbol"}
}
</style>
</head>
<body style="margin: 0; background: #0f0f0f -webkit-repeating-linear-gradient(top, transparent 0px, transparent 1px, rgba(0, 0, 0, 0.25) 1px, rgba(0, 0, 0, 0.25) 2px); -webkit-background-size: 100% 2px; overflow: hidden; user-select: none; -moz-user-select: none; -ms-user-select: none;">
<div id="appspace" style="position:absolute; top: 0; bottom: 0; display:flex; width: 100%; visibility: hidden; overflow: auto; flex-flow: column;">
<div class="bar" style="background: goldenrod; text-align: center; border-right: 2px dotted black; text-shadow: 0px 0px 3px #525222">• [<a href="https://github.com/Guevara-chan/Unicide" target="_blank" style="color: blanchedalmond">Unicide</a>]: forced evolution for unicellular entities v0.01 •</div>
<div style="display: flex; height: 100%">
<div class="area" style="margin-top: 0">
<textarea id="uni" class="lit" style="border: 2px solid goldenrod; border-top: 0; color: gold; z-index: 2; font-size: 15px; background: rgba(255,127,80,0.05)"></textarea>
<center>
<div class="tip" style="background: goldenrod; color: blanchedalmond; text-shadow: 1px 1px 2px gray, 0 0 1em red; border-radius: 0px 0px 10px 10px; border-top: 1px dashed rgba(255, 255, 255, 0.5); "><b>⦻⋮<b style="color: #440000; text-shadow: 0px 0px 3px gray; font-family: Oswald;">UNI</b>⋮⦻</b></div>
</center>
</div>
<div class="area" style="margin-bottom: 0">
<center>
<div class="tip" style="background: darkturquoise; color: #DFFEFE; text-shadow: 1px -1px 2px darkgray, 0 0 1em slategray; border-radius: 10px 10px 0px 0px; border-bottom: 1px dashed rgba(255, 255, 255, 0.5)">🞇⋮<b style="color:#004444; text-shadow: 0px 0px 3px gray; font-family: Oswald; line-height: 1.5">PLURI</b>⋮🞇</div>
</center>
<textarea id="pluri" class="lit" style="border: 2px solid darkturquoise; border-bottom: 0; color: #99FFFF; font-size: 15px; background-color:rgba(0,255,255,0.05)" readonly></textarea>
</div>
</div>
<div class="bar" style="text-shadow: 0px 0px 3px #222222; background: darkturquoise; text-align: center; border-left: 2px dotted black">• Developed in 2018 by [<a href="http://vk.com/guevara_chan" target="_blank" style="color: #DFFEFE">Victoria A. Guevara</a>] •</div>
</div>
<script type="text/coffeescript" src="./ui.coffee"></script>
</body>
</html>