add more icons

site/index.html

@@ -7,7 +7,7 @@
 
     <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
 
-    <link rel="stylesheet" href="style.css?v=3">
+    <link rel="stylesheet" href="style.css?v=4">
 
     <script src="drag.js?v=4" defer></script>
     <script src="commands.js?v=2" defer></script>
@@ -18,16 +18,16 @@
             <p><img src="images/icons/home.png" width="48px" height="48px" /><sub>Welcome</sub></p>
         </div>
         <div class="app" ondblclick="createWindow('apps/notepad.html', 'notepad', '500px', '450px')">
-            <p><img src="images/icons/home.png" width="48px" height="48px" /><sub>notepad</sub></p>
+            <p><img src="images/icons/notepad-pastel.png" class="pixel" width="48px" height="48px" /><sub>notepad</sub></p>
         </div>
         <div class="app" ondblclick="createWindow('https://bandcamp.com/EmbeddedPlayer/album=3902721364/size=large/bgcol=181a1b/linkcol=056cc4/tracklist=false/artwork=small/track=3286219329/transparent=true', 'rock music', '400px', '120px')">
             <p><img src="images/icons/music.svg" width="48px" height="48px" /><sub>rock music</sub></p>
         </div>
         <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/stone.png" width="48px" height="48px" /><sub>rock</sub></p>
         </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>
+            <p><img src="images/icons/globe.png" width="48px" height="48px" /><sub>famous rocks</sub></p>
         </div>
         <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>
@@ -38,10 +38,10 @@
             <p><img src="images/icons/rock.png" width="48px" height="48px" /><sub>eat rocks?</sub></p>
         </div>
         <div class="app" ondblclick="createWindow('https://www3.cbox.ws/box/?boxid=3540114&boxtag=qbEaqt', 'rockchat', '300', '450')">
-            <p><img src="images/icons/home.png" width="48px" height="48px" /><sub>chatroom</sub></p>
+            <p><img src="images/icons/quite-chat-0037.gif" class="pixel" width="48px" height="48px" /><sub>chatroom</sub></p>
         </div>
         <div class="app" ondblclick="createWindow('apps/guestbook', 'guestbook', '500px', '600px')">
-            <p><img src="images/icons/home.png" width="48px" height="48px" /><sub>guestbook</sub></p>
+            <p><img src="images/icons/page-turning-book.gif" class="pixel" width="48px" height="48px" /><sub>guestbook</sub></p>
         </div>
         <div class="app" ondblclick="window.open('https://bsky.app/profile/i-eat.rocks')">
             <p><img src="images/icons/bluesky.png" width="48px" height="48px" /><sub>bluesky</sub></p>

site/style.css

@@ -23,6 +23,10 @@ sub {
     }
 }
 
+.pixel {
+    image-rendering: pixelated;
+}
+
 .window {
     animation: appear cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s;
     position: absolute;