Clippit

CosmicSyntax · Apr 1, 2024 · 39a3ab0 · 39a3ab0
1 parent 69c8616
commit 39a3ab0
Show file tree

Hide file tree

Showing 6 changed files with 164 additions and 57 deletions.
diff --git a/files/085b5f45751b48811175.module.wasm b/files/085b5f45751b48811175.module.wasm
diff --git a/files/aad6f574c0486cb76dde.module.wasm b/files/aad6f574c0486cb76dde.module.wasm
diff --git a/files/main.js b/files/main.js
diff --git a/index.html b/index.html
@@ -46,7 +46,6 @@
 			<div class="position-fixed bottom-0 end-0 p-3" style="z-index: 11">
 				<div id="liveToast" class="toast bg-dark" role="alert" aria-live="assertive" aria-atomic="true">
 					<div class="toast-header">
-						<!-- <img src="..." class="rounded me-2" alt="..."> -->
 						<strong class="me-auto"></strong>
 						<small class="right-msg"></small>
 						<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
@@ -79,6 +78,10 @@
 								<img src="https://cdn.freebiesupply.com/logos/large/2x/python-5-logo-png-transparent.png" alt="" width="60" height="60">
 									Python Programming Language
 							</li>
+							<li class="list-group-item list-group-item-dark text-truncate" title="Docker">
+								<img src="https://cdn4.iconfinder.com/data/icons/logos-and-brands/512/97_Docker_logo_logos-512.png" alt="" width="60" height="60">
+									Docker
+							</li>
 							<li class="list-group-item list-group-item-dark text-truncate" title="Podman">
 								<img src="https://pbs.twimg.com/media/Ex4zUY5WEAQlVqW.png" alt="" width="60" height="60">
 									Podman
@@ -135,10 +138,6 @@
 								<img src="https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fpluspng.com%2Fimg-png%2Fnodejs-png-nodejs-icon-png-50-px-1600.png" alt="" width="60" height="60">
 									Node
 							</li>
-							<li class="list-group-item list-group-item-dark text-truncate" title="Docker">
-								<img src="https://cdn4.iconfinder.com/data/icons/logos-and-brands/512/97_Docker_logo_logos-512.png" alt="" width="60" height="60">
-									Docker
-							</li>
 						</ul>
 					</div>
 				</div>
@@ -173,7 +172,7 @@
 			</div>
 			<div class="pt-5">
 				<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
-					<p class="col-md-4 mb-0 mt-0 text-muted">Last Updated: 2024-02-22</p>
+					<p class="col-md-4 mb-0 mt-0 text-muted">Last Updated: 2024-04-01</p>
 					<a href="./files/public-key.pem" class="btn btn-dark">Public Key</a>
 				</footer>
 			</div>

diff --git a/package-lock.json b/package-lock.json
diff --git a/src/material.ts b/src/material.ts
@@ -21,7 +21,7 @@ async function startToast(x: number) {
 	let toastbody = document.querySelector('#liveToast .toast-body');
 	let toastheader = document.querySelector('#liveToast .me-auto');
 	let toastright = document.querySelector('#liveToast .right-msg');
-	toastbody.textContent = greeting;
+	toastbody.innerHTML = `<img src="https://static.wikia.nocookie.net/mugen/images/e/e8/ClippyArtwork.png" width="25%" class="rounded me-2" alt = "..."><span>${greeting}</span>`;
 	toastheader.textContent = "Hello there!";
 	toastright.textContent = "just now";
 	let toast = new BS.Toast(toastLive);