add testing apps and max height

This commit is contained in:
PossiblyAxolotl 2024-08-15 17:51:36 -06:00
parent 9fc6852e48
commit ef5378ed3f
9 changed files with 1334 additions and 6 deletions

38
apps/info.html Normal file
View 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
View 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...&NewLine;I don't know how much longer I can keep this going... I need food</textarea>

1128
apps/slimekoban.html Normal file

File diff suppressed because it is too large Load diff

157
apps/slimekoban.js Normal file

File diff suppressed because one or more lines are too long

BIN
bg.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 79 KiB

View file

@ -1,2 +0,0 @@
<h1>HIHI oh wow</h1>

View file

@ -12,10 +12,12 @@ function clampPos() {
const lPad = -selected.offsetWidth / 2;
const rPad = window.innerWidth - selected.offsetWidth / 2;
const tPad = 0;
const bPad = document.body.offsetHeight - 32;
if (sPosX < lPad) {selected.style.left = lPad + "px"};
if (sPosX > rPad) {selected.style.left = rPad + "px"};
if (sPosY < tPad) {selected.style.top = tPad + "px"};
if (sPosY > bPad) {selected.style.top = bPad + "px"};
if (selected) {
selected.getElementsByTagName("iframe")[0].style.pointerEvents = "all";

View file

@ -7,9 +7,9 @@
<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>
<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('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('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>
</div>

View file

@ -120,10 +120,11 @@ button:active {
body, html {
background: url("images/ui/wallpaper1.png");
overflow-x: hidden;
overflow: hidden;
width: 100vw;
max-width: 99vw;
padding:0;
margin:0;
min-height: 100vh;
}