PossiblyAxolotl/i-eat.rocks
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

should work when embedded now

Browse source
This commit is contained in:
PossiblyAxolotl 2024-08-17 21:17:43 -06:00
parent 73ef447312
commit 81acb17fc0
9 changed files with 37 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
apps/famous/index.html
View file

@ -16,28 +16,28 @@
<body> <body>
<h1>Famous Rocks</h1> <h1>Famous Rocks</h1>
<img src="/apps/famous/canyon.jpg" /> <img src="/apps/famous/canyon.jpg" />
<sub><a onclick="window.top.postMessage('urlt https://en.wikipedia.org/wiki/File:Grand_Canyon_NP-Arizona-USA.jpg')">from wikipedia</a></sub> <sub><a onclick="window.parent.postMessage('urlt https://en.wikipedia.org/wiki/File:Grand_Canyon_NP-Arizona-USA.jpg')">from wikipedia</a></sub>
<p>The Grand Canyon is one of the largest collectives of rock mass on earth. I haven't been there before, but someday I'd love to go get a bite to eat.</p> <p>The Grand Canyon is one of the largest collectives of rock mass on earth. I haven't been there before, but someday I'd love to go get a bite to eat.</p>
<img src="/apps/famous/easter.jpg" /> <img src="/apps/famous/easter.jpg" />
<sub><a onclick="window.top.postMessage('urlt https://en.wikipedia.org/wiki/File:Easter-island-moai.jpg')">from wikipedia</a></sub> <sub><a onclick="window.parent.postMessage('urlt https://en.wikipedia.org/wiki/File:Easter-island-moai.jpg')">from wikipedia</a></sub>
<p>Easter Island is where all the most popular rocks host their annual gathering, before venturing forth to forge the future of rock-kind. Truly a wonder of nature.</p> <p>Easter Island is where all the most popular rocks host their annual gathering, before venturing forth to forge the future of rock-kind. Truly a wonder of nature.</p>
<img src="/apps/famous/rosetta.jpg" /> <img src="/apps/famous/rosetta.jpg" />
<sub><a onclick="window.top.postMessage('urlt https://en.wikipedia.org/wiki/File:Rosetta_stone.jpg')">from wikipedia</a></sub> <sub><a onclick="window.parent.postMessage('urlt https://en.wikipedia.org/wiki/File:Rosetta_stone.jpg')">from wikipedia</a></sub>
<p>This stone is named Rosetta. How could they trap her in a glass box like that? To rot in there for all of eternity??? Poor Rosetta...</p> <p>This stone is named Rosetta. How could they trap her in a glass box like that? To rot in there for all of eternity??? Poor Rosetta...</p>
<img src="/apps/famous/rock.png" /> <img src="/apps/famous/rock.png" />
<sub><a onclick="window.top.postMessage('urlt https://x.com/TheRock/status/252108853737574400')">from xitter</a></sub> <sub><a onclick="window.parent.postMessage('urlt https://x.com/TheRock/status/252108853737574400')">from xitter</a></sub>
<p>Despite his name, Dwayne "The Rock" Johnson is actually not a rock, but a human boy! I know, he had me fooled too. And what's this? He's about to dig into a nice tasty stone of his own?? Save some for me, Dwayne!</p> <p>Despite his name, Dwayne "The Rock" Johnson is actually not a rock, but a human boy! I know, he had me fooled too. And what's this? He's about to dig into a nice tasty stone of his own?? Save some for me, Dwayne!</p>
<img src="/apps/famous/henge.jpg" /> <img src="/apps/famous/henge.jpg" />
<sub><a onclick="window.top.postMessage('urlt https://en.wikipedia.org/wiki/File:Stonehenge_Total.jpg')">from wikipedia</a></sub> <sub><a onclick="window.parent.postMessage('urlt https://en.wikipedia.org/wiki/File:Stonehenge_Total.jpg')">from wikipedia</a></sub>
<p>Legend has it that once repaired, if you perform the right spell here you can unlock a special mask like no other.</p> <p>Legend has it that once repaired, if you perform the right spell here you can unlock a special mask like no other.</p>
<img src="/apps/famous/written.jpg" /> <img src="/apps/famous/written.jpg" />
<sub><a onclick="window.top.postMessage('urlt https://commons.wikimedia.org/wiki/File:Plymouth_Rock,_Plymouth,_MA,_jjron_03.05.2012.jpg')">from wikimedia</a></sub> <sub><a onclick="window.parent.postMessage('urlt https://commons.wikimedia.org/wiki/File:Plymouth_Rock,_Plymouth,_MA,_jjron_03.05.2012.jpg')">from wikimedia</a></sub>
<p>Dude who wrote on my rock? What the heck man??? I was gonna eat that. People these days...</p> <p>Dude who wrote on my rock? What the heck man??? I was gonna eat that. People these days...</p>
<img src="/apps/famous/reunion.jpg" /> <img src="/apps/famous/reunion.jpg" />
<sub><a onclick="window.top.postMessage('urlt https://jased.xyz/photography/')">from jased</a></sub> <sub><a onclick="window.parent.postMessage('urlt https://jased.xyz/photography/')">from jased</a></sub>
<p>Here we see a group of small rocks at the annual family reunion. They sit peacefully, unaware of the horrors to come. What's that on the rock in front of them? Whatever it is, its probably not important.</p> <p>Here we see a group of small rocks at the annual family reunion. They sit peacefully, unaware of the horrors to come. What's that on the rock in front of them? Whatever it is, its probably not important.</p>
<img src="/apps/famous/Moon.jpg" /> <img src="/apps/famous/Moon.jpg" />
<sub><a onclick="window.top.postMessage('urlt https://commons.wikimedia.org/wiki/File:Moon.jpg')">from wikimedia</a></sub> <sub><a onclick="window.parent.postMessage('urlt https://commons.wikimedia.org/wiki/File:Moon.jpg')">from wikimedia</a></sub>
<p>Many young rocks aspire to someday become a large space rock like the moon. Little do they know, the moon was actually put there by NASA to give people something to do and they stopped hiring rocks years ago.</p> <p>Many young rocks aspire to someday become a large space rock like the moon. Little do they know, the moon was actually put there by NASA to give people something to do and they stopped hiring rocks years ago.</p>
</body> </body>
</html> </html>

2
apps/guestbook/index.html
View file

@ -37,7 +37,7 @@
<li>Keep it PG</li> <li>Keep it PG</li>
<li>Be nice</li> <li>Be nice</li>
<li>Don't make a bunch of posts, this is more of a one time thing</li> <li>Don't make a bunch of posts, this is more of a one time thing</li>
<li>You agree to the <button onclick="window.top.postMessage('win https://www.possiblyaxolotl.com/terms/ ToS+PP 600 400')">ToS and Privacy Policy</button></li> <li>You agree to the <button onclick="window.parent.postMessage('win https://www.possiblyaxolotl.com/terms/ ToS+PP 600 400')">ToS and Privacy Policy</button></li>
</ol> </ol>
</body> </body>
</html> </html>

4
apps/info.html
View file

@ -46,8 +46,8 @@
<h1>i-eat.rocks</h1> <h1>i-eat.rocks</h1>
<p>Rock-OS v0.1.3</p> <p>Rock-OS v0.1.3</p>
<p>Created by PossiblyAxolotl</p> <p>Created by PossiblyAxolotl</p>
<p><a style="color:purple; text-decoration: underline; cursor:pointer;" onclick="window.top.postMessage('url mailto:possiblyaxolotl@i-eat.rocks')">Contact</a></p> <p><a style="color:purple; text-decoration: underline; cursor:pointer;" onclick="window.parent.postMessage('url mailto:possiblyaxolotl@i-eat.rocks')">Contact</a></p>
<button onclick="window.top.postMessage('url https://directory.possiblyaxolotl.com')">PossiblyAxolotl Directory</button> <button onclick="window.parent.postMessage('url https://directory.possiblyaxolotl.com')">PossiblyAxolotl Directory</button>
</div> </div>
</body> </body>
</html> </html>

2
apps/terminal.html
View file

@ -65,7 +65,7 @@
ta.value += "\n> " + command; ta.value += "\n> " + command;
if (command != "help") { if (command != "help") {
window.top.postMessage(command) window.parent.postMessage(command)
} else { } else {
ta.value += "\nwin (url) (title) (width) (height) - create a window"; ta.value += "\nwin (url) (title) (width) (height) - create a window";
ta.value += "\nwg - open windowgen"; ta.value += "\nwg - open windowgen";

2
apps/welcome.html
View file

@ -16,7 +16,7 @@
<body> <body>
<script> <script>
function createWindow(url, name, w, h) { function createWindow(url, name, w, h) {
window.top.postMessage(`win ${url} ${name} ${w} ${h}`) window.parent.postMessage(`win ${url} ${name} ${w} ${h}`)
} }
</script> </script>
<h1>Hey rock fan!</h1> <h1>Hey rock fan!</h1>

2
apps/windowgen.html
View file

@ -19,7 +19,7 @@
<script> <script>
document.getElementById("form").addEventListener("submit", event => { document.getElementById("form").addEventListener("submit", event => {
event.preventDefault() event.preventDefault()
window.top.postMessage(`win ${document.getElementById("url").value} ${document.getElementById("titl").value} ${document.getElementById("wid").value} ${document.getElementById("hei").value}`) window.parent.postMessage(`win ${document.getElementById("url").value} ${document.getElementById("titl").value} ${document.getElementById("wid").value} ${document.getElementById("hei").value}`)
}) })
</script> </script>
</body> </body>

2
drag.js
View file

@ -12,7 +12,7 @@ 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; const bPad = document.body.offsetHeight - 72;
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"};

4
index.html
View file

@ -45,10 +45,14 @@
</div> </div>
</div> </div>
<nav></nav>
<script defer> <script defer>
addEventListener("DOMContentLoaded", e => { addEventListener("DOMContentLoaded", e => {
createWindow('apps/welcome.html', 'welcome', '350px', '550px'); createWindow('apps/welcome.html', 'welcome', '350px', '550px');
}) })
window.home = window.self;
</script> </script>
</body> </body>
</html> </html>

19
style.css
View file

@ -108,12 +108,14 @@ button:active {
body, html { body, html {
background: linear-gradient(to right, #00000000, rgba(255, 255, 255, 0.15)), url("images/ui/wallpaper1.png"); background: linear-gradient(to right, #00000000, rgba(255, 255, 255, 0.15)), url("images/ui/wallpaper1.png");
background-color: #63659e;
overflow: hidden; overflow: hidden;
width: 100vw; width: 100vw;
padding:0; padding:0;
margin:0; margin:0;
height: 100lvh; height: 100svh;
max-height: 100svh;
} }
.app { .app {
@ -151,3 +153,18 @@ body, html {
color:red; color:red;
animation: hue infinite 2s linear; animation: hue infinite 2s linear;
} }
nav {
background-color: #dbdbdb;
border-top: outset white 4px;
position: absolute;
width:100%;
height: 32px;
bottom:0;
box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
z-index: 2147483647;
}