diff --git a/apps/do.html b/apps/do.html new file mode 100644 index 0000000..d29066a --- /dev/null +++ b/apps/do.html @@ -0,0 +1,40 @@ + + + + + + Do I eat rocks? + + + + +
+

YES

+
+ + \ No newline at end of file diff --git a/apps/guestbook/index.html b/apps/guestbook/index.html new file mode 100644 index 0000000..751e08e --- /dev/null +++ b/apps/guestbook/index.html @@ -0,0 +1,43 @@ + + + + + + Guestbook + + + + + + + + + + + +

Loading...

+
+ +
+ +

+ +
+ +
+ +
    + Rules +
  1. No politics
    2. +
  2. Keep it PG
    3. +
  3. Be nice
    4. +
  4. Don't make a bunch of posts, this is more of a one time thing
    5. +
  5. You agree to the
    6. +
+ + \ No newline at end of file diff --git a/apps/guestbook/reciever.js b/apps/guestbook/reciever.js new file mode 100644 index 0000000..6ec9bf3 --- /dev/null +++ b/apps/guestbook/reciever.js @@ -0,0 +1,48 @@ +fetch(macroURL) + .then(response => { + return response.json(); + }) + .then(data => { + let totalPosts = 0; + const entriesDiv = document.getElementById("data"); + + data.forEach(entry => { + const entryDiv = document.createElement("div"); + entryDiv.className = "post"; + const dateTime = new Date(entry.datetime); + + let mins = dateTime.getMinutes(); + if (mins < 10) { + mins = `0${mins}`; + } + + const username = document.createElement("strong"); + const messg = document.createElement("p"); + const date = document.createElement("sub"); + + username.innerText = entry.name; + messg.innerText = entry.message; + date.innerText = `${dateTime.toDateString()} @ ${dateTime.getHours()}:${mins}` + + let htmlContent = messg.innerHTML; + + htmlContent = htmlContent.replace(/<(\/?(?:h1|h2|b|i|red|orange|yellow|green|blue|purple|rainbow))>/g, (match, p1) => {return `<${p1}>`;}); + + htmlContent = htmlContent.replace(/:fish:|:axo:|:axcket:|:approve:|:enby:|:woah:/g, matched => emoji[matched]); + + messg.innerHTML = htmlContent; + + entryDiv.appendChild(username); + entryDiv.appendChild(messg); + entryDiv.appendChild(date); + + entriesDiv.appendChild(entryDiv); + + totalPosts ++; + }); + + document.getElementById('loading').innerText = `Total posts: ${totalPosts}`; + }) + .catch( err => { + console.error('Error: ', err); + }); diff --git a/apps/guestbook/rocks.png b/apps/guestbook/rocks.png new file mode 100644 index 0000000..675e229 Binary files /dev/null and b/apps/guestbook/rocks.png differ diff --git a/apps/guestbook/style.css b/apps/guestbook/style.css new file mode 100644 index 0000000..359ec93 --- /dev/null +++ b/apps/guestbook/style.css @@ -0,0 +1,112 @@ +html, body { + margin: 0; + padding: 0; + width: 100%; + height: 100%; + + background-image: url("/apps/guestbook/rocks.png"); +} + +@keyframes hue { + 0% { + filter:hue-rotate(0deg); + } + + 100% { + filter:hue-rotate(360deg); + } +} + +#header { + text-align: center; + top:0; + left:0; + width: 100%; + align-content: center; +} + +h1 { + text-shadow: 2px 2px 0px white; + outline: 2px white; +} + +label, li, summary, p, sub, strong { + color:white; + text-shadow: 2px 2px 4px black; +} + +input, textarea { + resize: vertical; +} + +.button { + display: block; + margin:2px; + max-width: 100px; +} +button, .button, button:hover { +border: outset white 4px; +background-color: rgb(219, 219, 219); +color:black; + +text-align: center; + +border-radius: 0; + +margin:2px; + +box-shadow: 0px 0px 2px rgba(0,0,0,0.25); +} + +button:active, .button:active { +border: inset white 4px; +background-color: lightgray; +} + + +form { + display:grid; + text-align: center; + margin: auto; + + padding:25px; + + background-color: rgba(255,255,255,0.25); + + border: ridge 4px white; + margin:8px; +} + +.post { + display:grid; + margin: auto; + + padding:8px; + + background-color: rgba(255,255,255,0.25); + + border: ridge 4px white; + margin:8px; +} + +summary { + margin-bottom: 10px; + text-decoration: underline; +} + +ol { + margin:10px; + padding-bottom:20px; +} + +#loading { + margin-left:8px; +} + +#data { + overflow-y: scroll; + height: 400px; + + border-top: ridge 8px rgba(255, 255, 255, 0.50); + border-bottom: ridge 8px rgba(255, 255, 255, 0.50); +} \ No newline at end of file diff --git a/apps/guestbook/tracker.js b/apps/guestbook/tracker.js new file mode 100644 index 0000000..3d2dbf9 --- /dev/null +++ b/apps/guestbook/tracker.js @@ -0,0 +1,33 @@ +const nameLabel = document.getElementById("namelabel"); +const nameBox = document.getElementById("name"); + +nameBox.addEventListener("input", function() { + nameLabel.innerText = `Name (${64 - nameBox.value.length} characters left):`; +}) + +const msgLabel = document.getElementById("msglabel"); +const msgBox = document.getElementById("message"); + +msgBox.addEventListener("input", function() { + msgLabel.innerText = `Message (${600 - msgBox.value.length} characters left):`; +}) + +document.getElementById("submitForm").reset(); + +document.getElementById("submitForm").addEventListener("submit", function(event) { + event.preventDefault(); + const formData = new FormData(event.target); + + document.getElementById("submitButton").disabled = true; + + fetch(macroURL, { + method:"POST", + body: new URLSearchParams(formData) + }) + .then(response => response.json()) + .then(data => { + event.target.reset(); + window.location.reload() + }); + +}); \ No newline at end of file diff --git a/apps/info.html b/apps/info.html index 4f8196b..3142ca2 100644 --- a/apps/info.html +++ b/apps/info.html @@ -44,8 +44,9 @@

i-eat.rocks

-

Rock-OS v0.1.1

+

Rock-OS v0.1.2

Created by PossiblyAxolotl

+

Contact

diff --git a/apps/notepad.html b/apps/notepad.html index 9a195dd..54963f7 100644 --- a/apps/notepad.html +++ b/apps/notepad.html @@ -24,6 +24,6 @@ - + \ No newline at end of file diff --git a/apps/standard.css b/apps/standard.css index edd54ef..96b3447 100644 --- a/apps/standard.css +++ b/apps/standard.css @@ -12,6 +12,8 @@ button, button:hover { background-color: rgb(219, 219, 219); color:black; + border-radius: 0; + text-align: center; margin:2px; @@ -25,6 +27,7 @@ button:active { } input { + border-radius: 0; border: inset white 4px; background-color: #dbdbdb; } diff --git a/apps/terminal.html b/apps/terminal.html index 32d7c20..55d72e2 100644 --- a/apps/terminal.html +++ b/apps/terminal.html @@ -59,7 +59,8 @@ document.getElementById("form").addEventListener("submit", event => { event.preventDefault(); const ft = document.getElementById("formtext"); - const command = ft.value; + const command = ft.value.toLowerCase(); + ft.value = ""; ta.value += "\n> " + command; diff --git a/apps/welcome.html b/apps/welcome.html index 9412a71..3556642 100644 --- a/apps/welcome.html +++ b/apps/welcome.html @@ -23,6 +23,6 @@

Page coming soon!

- + \ No newline at end of file diff --git a/humans.txt b/humans.txt new file mode 100644 index 0000000..2ffe6a6 --- /dev/null +++ b/humans.txt @@ -0,0 +1,11 @@ +/* TEAM */ +Creator: PossiblyAxolotl +Flags: 🇨🇦 🏳️‍🌈 💛🤍💜🖤 +Contact: possiblyaxolotl@i-eat.rocks, me@possiblyaxolotl.com +Location: Canada 🇨🇦 + +/* SITE */ +Last update: 08/15/2024 +Language: English +Standards: HTML5, CSS3, Javscript +Software: VSCodium \ No newline at end of file diff --git a/images/icons/music.svg b/images/icons/music.svg new file mode 100644 index 0000000..e7bb92a --- /dev/null +++ b/images/icons/music.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/icons/rock.png b/images/icons/rock.png new file mode 100644 index 0000000..eeeee91 Binary files /dev/null and b/images/icons/rock.png differ diff --git a/images/icons/terminal.png b/images/icons/terminal.png new file mode 100644 index 0000000..9c90096 Binary files /dev/null and b/images/icons/terminal.png differ diff --git a/index.html b/index.html index 2776bb8..188141e 100644 --- a/index.html +++ b/index.html @@ -21,19 +21,25 @@

notepad

-

rock music

+

rock music

-
-

terminal

+
+

rock

+
+
+

terminal

-
-

eat rocks?

+
+

eat rocks?

chatroom

+
+

guestbook

+