add famous rocks

This commit is contained in:
PossiblyAxolotl 2024-08-16 20:40:00 -06:00
parent 9cb4268709
commit 8aadcff508
16 changed files with 97 additions and 6 deletions

BIN
apps/famous/Moon.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

BIN
apps/famous/canyon.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 MiB

BIN
apps/famous/easter.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

BIN
apps/famous/henge.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 111 KiB

43
apps/famous/index.html Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Famous rocks</title>
<link rel="stylesheet" href="/apps/standard.css">
<style>
img {
width: 100%;
}
</style>
</head>
<body>
<h1>Famous Rocks</h1>
<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>
<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" />
<sub><a onclick="window.top.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>
<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>
<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" />
<sub><a onclick="window.top.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>
<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>
<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" />
<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>
<p>Dude who wrote on my rock? What the hell man??? I was gonna eat that. People these days...</p>
<img src="/apps/famous/reunion.jpg" />
<sub><a onclick="window.top.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>
<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>
<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>
</html>

BIN
apps/famous/reunion.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 191 KiB

BIN
apps/famous/rock.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 439 KiB

BIN
apps/famous/rosetta.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 MiB

BIN
apps/famous/written.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

View file

@ -44,7 +44,7 @@
<body> <body>
<div id="body"> <div id="body">
<h1>i-eat.rocks</h1> <h1>i-eat.rocks</h1>
<p>Rock-OS v0.1.2</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.top.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.top.postMessage('url https://directory.possiblyaxolotl.com')">PossiblyAxolotl Directory</button>

View file

@ -24,6 +24,7 @@
</style> </style>
</head> </head>
<body> <body>
<textarea style="width: 100%; height: 100%; 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&NewLine;&NewLine;--- January 21&NewLine;&NewLine;It's been so long... I don't know where I end end and the rocks begin.&NewLine;&NewLine;--- March 12&NewLine;&NewLine;I've started to see things I'm not sure are really there... creatures of pure stone. Can they see me? Why doesn't anyone else notice?&NewLine;&NewLine;--- April 17&NewLine;&NewLine;The door sits there, taunting. I wonder what's behind it but I am afraid...&NewLine;&NewLine;I have left a note in the guestbook.. please make sure nobody else finds out about this&NewLine;&NewLine;--- July 4</textarea> <!--&NewLine;&NewLine;&NewLine;&NewLine;&NewLine;&NewLine;&NewLine;&NewLine;&NewLine;&NewLine;&NewLine;&NewLine;&NewLine;&NewLine;&NewLine;&NewLine;&NewLine;&NewLine;&NewLine;&NewLine;&NewLine;The door sits there, taunting. I wonder what's behind it but I am afraid...&NewLine;&NewLine;I have left a note in the guestbook.. please make sure nobody else finds out about this&NewLine;&NewLine;--- July 4-->
<textarea style="width: 100%; height: 100%; 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&NewLine;&NewLine;--- January 21&NewLine;&NewLine;It's been so long... I don't know where I end end and the rocks begin.&NewLine;&NewLine;--- March 12</textarea>
</body> </body>
</html> </html>

View file

@ -34,4 +34,28 @@ input {
*:focus, *:active { *:focus, *:active {
outline: none; outline: none;
}
h1 {
text-align: center;
}
@keyframes hue {
0% {
filter: hue-rotate(0deg);
}
100% {
filter: hue-rotate(360deg);
}
}
.rainbow {
color:red;
animation: hue infinite 2s linear;
}
a {
color:purple;
text-decoration: underline;
} }

View file

@ -19,10 +19,13 @@
window.top.postMessage(`win ${url} ${name} ${w} ${h}`) window.top.postMessage(`win ${url} ${name} ${w} ${h}`)
} }
</script> </script>
<h1>Hihi</h1> <h1>Hey rock fan!</h1>
<p>Page coming soon!</p> <p>If you're seeing this that means you must really like rocks.</p>
<p>Don't worry, I'm the same way, which is why I developed <span class="rainbow">Rock-OS</span></p>
<p><span class="rainbow">Rock-OS</span> is chock-full of rock-related activities to keep your brain stimulated, but of course you know that after paying the modest $1,999 license fee.</p>
<p>Now without further ado, please enjoy <span class="rainbow">Rock-OS</span>!</p>
<button onclick="createWindow('https://www.possiblyaxolotl.com', 'possiblyaxolotl', '900', '500')">Created by PossiblyAxolotl</button><button onclick="createWindow('https://ko-fi.com/possiblyaxolotl/?hidefeed=true&widget=true&embed=true&preview=true', 'donate', '400', '630')">support me!</button><button onclick="createWindow('apps/info.html', 'info', '350', '230')">info</button> <button onclick="createWindow('https://www.possiblyaxolotl.com', 'www.possiblyaxolotl.com', '900', '500')">Created by PossiblyAxolotl</button><button onclick="createWindow('https://ko-fi.com/possiblyaxolotl/?hidefeed=true&widget=true&embed=true&preview=true', 'donate', '400', '630')">support me!</button><button onclick="createWindow('apps/info.html', 'info', '350', '230')">info</button>
</body> </body>
</html> </html>

View file

@ -9,6 +9,8 @@ window.onmessage = function(e) {
window.location.href='/favicon.ico'; window.location.href='/favicon.ico';
} else if (dat[0] == "url") { } else if (dat[0] == "url") {
window.location.href = dat[1]; window.location.href = dat[1];
} else if (dat[0] == "urlt") {
window.open(dat[1]);
} else if (dat[0] == "wg") { } else if (dat[0] == "wg") {
createWindow("/apps/windowgen.html", "WINDOWGEN™", "250px", "150px") createWindow("/apps/windowgen.html", "WINDOWGEN™", "250px", "150px")
} }

View file

@ -26,6 +26,9 @@
<div class="app" ondblclick="createWindow('https://www.youtube.com/embed/zOnMIjl19g8?si=1J3CPY5fF8B0SWEW', 'rock', '384px', '216px')"> <div class="app" ondblclick="createWindow('https://www.youtube.com/embed/zOnMIjl19g8?si=1J3CPY5fF8B0SWEW', 'rock', '384px', '216px')">
<p><img src="images/icons/home.png" width="48px" height="48px" /><sub>rock</sub></p> <p><img src="images/icons/home.png" width="48px" height="48px" /><sub>rock</sub></p>
</div> </div>
<div class="app" ondblclick="createWindow('apps/famous/', 'famous rocks', '500px', '500px')">
<p><img src="images/icons/home.png" width="48px" height="48px" /><sub>famous rocks</sub></p>
</div>
<div class="app" ondblclick="createWindow('apps/terminal.html', 'terminal', '800px', '500px')"> <div class="app" ondblclick="createWindow('apps/terminal.html', 'terminal', '800px', '500px')">
<p><img src="images/icons/terminal.png" width="48px" height="48px" /><sub>terminal</sub></p> <p><img src="images/icons/terminal.png" width="48px" height="48px" /><sub>terminal</sub></p>
</div> </div>
@ -44,7 +47,7 @@
<script defer> <script defer>
addEventListener("DOMContentLoaded", e => { addEventListener("DOMContentLoaded", e => {
createWindow('apps/welcome.html', 'welcome', '300px', '235px'); createWindow('apps/welcome.html', 'welcome', '350px', '550px');
}) })
</script> </script>
</body> </body>

View file

@ -135,4 +135,19 @@ body, html {
margin:4px; margin:4px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
}
@keyframes hue {
0% {
filter: hue-rotate(0deg);
}
100% {
filter: hue-rotate(360deg);
}
}
.rainbow {
color:red;
animation: hue infinite 2s linear;
} }