adding wasm to webpage

Author: CosmicSyntax

files/0477beb99a044831d2f9.module.wasm

@@ -58,7 +58,7 @@
 			<!-- End of Toast -->
 
 			<div id="daBod">
-				<p class="mt-5 fs-5">Hello there! Welcome to my little nook. This page is a work in progress...</p>
+				<p class="mt-5 fs-5">Hello there! Welcome to my little nook. This page is a work in progress... over-engineered using TypeScript and WASM.</p>
 				<p class="t-5 fs-5">My name is Dan: I am a dad, a software development engineer, a lifelong learner, 
 					and a service member in the US Armed Forces.</p>
 				<p class="mt-5 fs-5">I am a full stack developer with a heavier emphasis in the back-end and data science.</p>
@@ -83,6 +83,10 @@
 								<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/39/Kubernetes_logo_without_workmark.svg/1200px-Kubernetes_logo_without_workmark.svg.png" alt="" width="60" height="60">
 									Kubernetes
 							</li>
+							<li class="list-group-item list-group-item-dark text-truncate">
+								<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1f/WebAssembly_Logo.svg/600px-WebAssembly_Logo.svg.png" alt="" width="60" height="60">
+									WebAssembly
+							</li>
 							<li class="list-group-item list-group-item-dark text-truncate">
 								<img src="https://cdn4.iconfinder.com/data/icons/logos-and-brands/512/97_Docker_logo_logos-512.png" alt="" width="60" height="60">
 									Docker
@@ -165,7 +169,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-01-02</p>
+					<p class="col-md-4 mb-0 mt-0 text-muted">Last Updated: 2024-02-18</p>
 					<a href="./files/public-key.pem" class="btn btn-dark">Public Key</a>
 				</footer>
 			</div>

files/300d6d637e5bf64a16ef.module.wasm

@@ -1,6 +1,6 @@
 // import * as $ from "jquery";
-import {greeting} from "./time";
-import {vidGen} from "./video";
+import { greeting } from "./time";
+import { vidGen } from "./video";
 import * as BS from "bootstrap";
 
 // window.showem = function(iden) {
@@ -12,10 +12,10 @@ import * as BS from "bootstrap";
 // let mCollection = new Object;
 //
 function timer(ms: number) {
-    return new Promise(resolve => setTimeout(() => resolve(true), ms));
+	return new Promise(resolve => setTimeout(() => resolve(true), ms));
 }
 async function startToast(x: number) {
-    await timer(x);
+	await timer(x);
 	let toastLive = document.getElementById('liveToast');
 	let toastbody = document.querySelector('#liveToast .toast-body');
 	let toastheader = document.querySelector('#liveToast .me-auto');
@@ -31,18 +31,22 @@ async function startToast(x: number) {
 //     mCollection.sidenav[0].close();
 // }
 //
-document.addEventListener('DOMContentLoaded', function() {
-    // let elems = [
-    //     document.querySelectorAll('.collapsible'),
-    //     document.querySelectorAll('.tooltipped'),
-    //     document.querySelectorAll('.sidenav'),
-    // ];
-    // mCollection.collInst = M.Collapsible.init(elems[0]);
-    // mCollection.toolInst = M.Tooltip.init(elems[1], {"position": "right"});
-    // mCollection.sidenav  = M.Sidenav.init(elems[2]);
-    startToast(5000).then(() => console.log("Toast has launched!"));
-    vidGen();
-	console.log("STARTING!");
+document.addEventListener('readystatechange', function() {
+	if (document.readyState === "complete") {
+		// let elems = [
+		//     document.querySelectorAll('.collapsible'),
+		//     document.querySelectorAll('.tooltipped'),
+		//     document.querySelectorAll('.sidenav'),
+		// ];
+		// mCollection.collInst = M.Collapsible.init(elems[0]);
+		// mCollection.toolInst = M.Tooltip.init(elems[1], {"position": "right"});
+		// mCollection.sidenav  = M.Sidenav.init(elems[2]);
+		console.log("STARTING!");
+		startToast(5000).then(() => console.log("Toast has launched!"));
+		vidGen();
+		console.log("STARTED!");
+
+	}
 });
 //
 // document.querySelector("#menu").addEventListener("click", function() {