add testing apps and max height
This commit is contained in:
parent
9fc6852e48
commit
ef5378ed3f
9 changed files with 1334 additions and 6 deletions
38
apps/info.html
Normal file
38
apps/info.html
Normal file
|
@ -0,0 +1,38 @@
|
||||||
|
<style>
|
||||||
|
@keyframes hue {
|
||||||
|
0% {
|
||||||
|
filter: hue-rotate(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
filter: hue-rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
animation: hue 2s infinite linear;
|
||||||
|
color:red;
|
||||||
|
padding:0;
|
||||||
|
margin:0;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
#body {
|
||||||
|
width: 100%;
|
||||||
|
padding:0;
|
||||||
|
margin:0;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<div id="body">
|
||||||
|
<h1>i-eat.rocks</h1>
|
||||||
|
<p>v0.0.0</p>
|
||||||
|
<a href = 'https://www.possiblyaxolotl.com/'>Created by PossiblyAxolotl</a>
|
||||||
|
</div>
|
1
apps/notepad.html
Normal file
1
apps/notepad.html
Normal file
|
@ -0,0 +1 @@
|
||||||
|
<textarea style="width: 100%; height: 99%; resize: none; border:none; font-size: large; margin:0;">I've eaten nothing but rocks for 3 days...
I don't know how much longer I can keep this going... I need food</textarea>
|
1128
apps/slimekoban.html
Normal file
1128
apps/slimekoban.html
Normal file
File diff suppressed because it is too large
Load diff
157
apps/slimekoban.js
Normal file
157
apps/slimekoban.js
Normal file
File diff suppressed because one or more lines are too long
BIN
bg.jpg
BIN
bg.jpg
Binary file not shown.
Before Width: | Height: | Size: 79 KiB |
2
box.html
2
box.html
|
@ -1,2 +0,0 @@
|
||||||
|
|
||||||
<h1>HIHI oh wow</h1>
|
|
2
drag.js
2
drag.js
|
@ -12,10 +12,12 @@ function clampPos() {
|
||||||
const lPad = -selected.offsetWidth / 2;
|
const lPad = -selected.offsetWidth / 2;
|
||||||
const rPad = window.innerWidth - selected.offsetWidth / 2;
|
const rPad = window.innerWidth - selected.offsetWidth / 2;
|
||||||
const tPad = 0;
|
const tPad = 0;
|
||||||
|
const bPad = document.body.offsetHeight - 32;
|
||||||
|
|
||||||
if (sPosX < lPad) {selected.style.left = lPad + "px"};
|
if (sPosX < lPad) {selected.style.left = lPad + "px"};
|
||||||
if (sPosX > rPad) {selected.style.left = rPad + "px"};
|
if (sPosX > rPad) {selected.style.left = rPad + "px"};
|
||||||
if (sPosY < tPad) {selected.style.top = tPad + "px"};
|
if (sPosY < tPad) {selected.style.top = tPad + "px"};
|
||||||
|
if (sPosY > bPad) {selected.style.top = bPad + "px"};
|
||||||
|
|
||||||
if (selected) {
|
if (selected) {
|
||||||
selected.getElementsByTagName("iframe")[0].style.pointerEvents = "all";
|
selected.getElementsByTagName("iframe")[0].style.pointerEvents = "all";
|
||||||
|
|
|
@ -7,9 +7,9 @@
|
||||||
|
|
||||||
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
|
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
|
||||||
|
|
||||||
<link rel="stylesheet" href="style.css">
|
<link rel="stylesheet" href="style.css?v=1">
|
||||||
|
|
||||||
<script src="drag.js" defer></script>
|
<script src="drag.js?v=1" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="body">
|
<div class="body">
|
||||||
|
@ -24,7 +24,10 @@
|
||||||
<button onclick="createWindow('https://www.possiblyaxolotl.com', 'possiblyaxolotl', '800px', '500px')">Created by PossiblyAxolotl</button>
|
<button onclick="createWindow('https://www.possiblyaxolotl.com', 'possiblyaxolotl', '800px', '500px')">Created by PossiblyAxolotl</button>
|
||||||
<button onclick="createWindow('box.html', 'test box', '400px', '200px')">Another window</button>
|
<button onclick="createWindow('box.html', 'test box', '400px', '200px')">Another window</button>
|
||||||
<button onclick="createWindow('https://www3.cbox.ws/box/?boxid=3540114&boxtag=qbEaqt', 'rock eaters chat', '300px', '450px')">Chatroom</button>
|
<button onclick="createWindow('https://www3.cbox.ws/box/?boxid=3540114&boxtag=qbEaqt', 'rock eaters chat', '300px', '450px')">Chatroom</button>
|
||||||
|
<button onclick="createWindow('apps/notepad.html', 'notepad', '500px', '450px')">notepad</button>
|
||||||
|
<button onclick="createWindow('https://ko-fi.com/possiblyaxolotl/?hidefeed=true&widget=true&embed=true&preview=true', 'donate', '400px', '630px')">support</button>
|
||||||
|
<button onclick="createWindow('apps/slimekoban.html', 'slimekoban', '450px', '350px')">slimekoban</button>
|
||||||
|
<button onclick="createWindow('apps/info.html', 'info', '200px', '120px')">info</button>
|
||||||
|
|
||||||
<p><a href="https://directory.possiblyaxolotl.com">PossiblyAxolotl Directory</a></p>
|
<p><a href="https://directory.possiblyaxolotl.com">PossiblyAxolotl Directory</a></p>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -120,10 +120,11 @@ button:active {
|
||||||
|
|
||||||
body, html {
|
body, html {
|
||||||
background: url("images/ui/wallpaper1.png");
|
background: url("images/ui/wallpaper1.png");
|
||||||
overflow-x: hidden;
|
overflow: hidden;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
max-width: 99vw;
|
max-width: 99vw;
|
||||||
|
|
||||||
padding:0;
|
padding:0;
|
||||||
margin:0;
|
margin:0;
|
||||||
|
min-height: 100vh;
|
||||||
}
|
}
|
Loading…
Reference in a new issue