Merge pull request woutervdijke#8 from UnrealApex/directories

Organize favicons and images
iamlooper · Feb 2, 2023 · afcc3bf · afcc3bf
2 parents 15b941c + b4c7eb0
commit afcc3bf
Show file tree

Hide file tree

Showing 11 changed files with 31 additions and 9 deletions.
diff --git a/android-chrome-192x192.png → favicons/android-chrome-192x192.png b/android-chrome-192x192.png → favicons/android-chrome-192x192.png
diff --git a/android-chrome-512x512.png → favicons/android-chrome-512x512.png b/android-chrome-512x512.png → favicons/android-chrome-512x512.png
diff --git a/apple-touch-icon.png → favicons/apple-touch-icon.png b/apple-touch-icon.png → favicons/apple-touch-icon.png
diff --git a/favicon-16x16.png → favicons/favicon-16x16.png b/favicon-16x16.png → favicons/favicon-16x16.png
diff --git a/favicon-32x32.png → favicons/favicon-32x32.png b/favicon-32x32.png → favicons/favicon-32x32.png
diff --git a/favicon.ico → favicons/favicon.ico b/favicon.ico → favicons/favicon.ico
diff --git a/avatar.png → images/avatar.png b/avatar.png → images/avatar.png
diff --git a/user.png → images/user.png b/user.png → images/user.png
diff --git a/wouter.jpeg → images/wouter.jpeg b/wouter.jpeg → images/wouter.jpeg
diff --git a/index.html b/index.html
@@ -5,9 +5,9 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
     <link rel="manifest" href="/site.webmanifest">
 
     <link href="style.css" rel="stylesheet" />
@@ -28,7 +28,7 @@ <h1>CatGPT</h1>
 
             <div id="chat">
                 <div class="chat-bubble-container chat-gpt-bubble-container">
-                    <div class="profile-picture"><img src="avatar.png" height="100%" /></div>
+                    <div class="profile-picture"><img src="/images/avatar.png" height="100%" /></div>
                     <div class="chat-bubble chat-gpt-bubble">
                         Meow, meow meow meow, meow meow?
                     </div>
@@ -72,7 +72,8 @@ <h1>CatGPT</h1>
 
                 let newBubbleContainer = document.createElement("div");
                 newBubbleContainer.classList.add("chat-bubble-container", "user-bubble-container");
-                newBubbleContainer.innerHTML = '<div class="profile-picture"><img src="user.png" height="100%" /></div>';
+                newBubbleContainer.innerHTML = '<div class="profile-picture"><img src="/images/user.png" height="100%" /></div>';
+
                 let newBubble = document.createElement("div");
                 newBubble.classList.add("chat-bubble", "user-bubble");
                 newBubble.innerHTML = userInput.value;
@@ -107,9 +108,11 @@ <h1>CatGPT</h1>
                 }
 
                 // Show the CatGPT response in a new chat-gpt-bubble, wrapped in a chat-bubble-container
+
                 let newBubble2Container = document.createElement("div");
                 newBubble2Container.classList.add("chat-bubble-container", "chat-gpt-bubble-container");
-                newBubble2Container.innerHTML = '<div class="profile-picture"><img src="avatar.png" height="100%" /></div>';
+                newBubble2Container.innerHTML = '<div class="profile-picture"><img src="/images/avatar.png" height="100%" /></div>';
+
                 let newBubble2 = document.createElement("div");
                 newBubble2.classList.add("chat-bubble", "chat-gpt-bubble");
                 newBubble2.innerHTML = "...."; // At first, only show an ellipsis
@@ -149,9 +152,10 @@ <h1>CatGPT</h1>
 
         function handleInfoClick() {
             // Create a chat-bubble-container
+
             let newBubble3Container = document.createElement("div");
             newBubble3Container.classList.add("chat-bubble-container", "wouter-bubble-container");
-            newBubble3Container.innerHTML = '<div class="profile-picture"><img src="wouter.jpeg" height="100%" /></div>';
+            newBubble3Container.innerHTML = '<div class="profile-picture"><img src="/images/wouter.jpeg" height="100%" /></div>';
 
             function createLine(i) { // Create each line seperately, one at a time
                 if (i < infoText.length) { // Check if the line exists
@@ -187,4 +191,4 @@ <h1>CatGPT</h1>
     </script>
 </body>
 
-</html>
+</html>
diff --git a/site.webmanifest b/site.webmanifest
@@ -1 +1,19 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
+{
+  "name": "",
+  "short_name": "",
+  "icons": [
+    {
+      "src": "/favicons/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/favicons/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}