update wasm. add version

terrastruct · Sep 4, 2024 · 5e69fbd · 5e69fbd
1 parent a0c1d3e
commit 5e69fbd
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 3 deletions.
diff --git a/src/css/hero.css b/src/css/hero.css
@@ -14,9 +14,18 @@
 #hero-text {
   margin-top: 12px;
   color: var(--steel-850);
+  text-align: center;
+}
+
+#hero-text-tagline {
   font-size: 14px;
   font-family: "Source Sans Pro Medium";
-  text-align: center;
+}
+
+#hero-text-version {
+  font-size: 12px;
+  margin-top: 0.4rem;
+  color: var(--steel-550);
 }
 
 #hero-left-drawing,

diff --git a/src/d2.wasm b/src/d2.wasm
diff --git a/src/index.html b/src/index.html
@@ -120,8 +120,12 @@
               />
             </picture>
             <div id="hero-text">
-              An online runner to play, learn, and create with D2, the modern diagram
-              scripting language that turns text to diagrams.
+              <div id="hero-text-tagline">
+                An online runner to play, learn, and create with D2, the modern diagram
+                scripting language that turns text to diagrams.
+              </div>
+              <div id="hero-text-version">
+              </div>
             </div>
           </div>
           <div id="hero-right-drawing">

diff --git a/src/js/main.js b/src/js/main.js
@@ -27,6 +27,9 @@ async function init() {
   Layout.init();
   Modal.init();
 
+  const versionDOM = document.getElementById("hero-text-version");
+  versionDOM.innerHTML = `d2 version: ${d2Version()}`;
+
   // TODO defer load hero images all the way here
 }