wasm link direct to book

demo/index.html

@@ -146,7 +146,8 @@ <h3 style="padding-left:1em; border: 2px solid var(--color-bg-secondary); border
 <img src="./img/css-animations.jpg" />
 </p>
 <p>
-Client side Animations
+Client side animations can enhance the emotional experience of the
+users. It adds personality to web interfaces and enhances interaction.
 </p>
 </aside>
 <aside>
@@ -157,7 +158,9 @@ <h3 style="padding-left:1em; border: 2px solid var(--color-bg-secondary); border
 <img src="./img/svg.png" />
 </p>
 <p>
-Powerful Animations
+SVG <small>(Scalable Vector Graphics)</small> has support for
+interactivity and powerful animation. Its ideal for web illustrations
+because it tends to have smaller file sizes than other formats.
 </p>
 </aside>
 </section>

demo/index.md

@@ -70,14 +70,15 @@ This simplifies the cooperation between the developers and the designers freeing
 <p>
 ![](./img/css-animations.jpg)
 </p>
-<p>Client side Animations</p>
+<p>Client side animations can enhance the emotional experience of the users. It adds personality to web interfaces and enhances interaction.</p>
 </aside>
 <aside>
 <h3 style="padding-left:1em; border: 2px solid var(--color-bg-secondary); border-radius: 4px;">SVG </h3>
 <p>
 ![](./img/svg.png)
 </p>
-<p>Powerful Animations</p>
+<p>SVG <small>(Scalable Vector Graphics)</small> has support for interactivity and powerful animation. 
+Its ideal for web illustrations because it tends to have smaller file sizes than other formats.</p>
 </aside>
 </section>
 

index.html

@@ -31,12 +31,6 @@
 <header id="title-block-header">
 <h1 class="title">OPTIMAL: Services</h1>
 </header>
-<nav id="TOC" role="doc-toc">
-<ul>
-<li><a href="#featured-tutorials" id="toc-featured-tutorials">Featured
-tutorials</a></li>
-</ul>
-</nav>
 <div class="bg">
 
 </div>
@@ -102,11 +96,19 @@ <h3>
 </section>
 <p><!-- ^--- hero --></p>
 <section id="demo">
-<h3 id="demo-page">Demo Page</h3>
+<div class="greetings">
+<p class="drop fancySerif">
+Demo pages
+</p>
+</div>
 <p><a href="./demo/index.html">Rust - Frontend &amp; Backend</a></p>
 </section>
 <section id="featured_projects">
-<h2 id="featured-tutorials">Featured tutorials</h2>
+<div class="greetings">
+<p class="drop fancySerif">
+Featured tutorials
+</p>
+</div>
 <div style="padding: 1em 2em;">
 <p>
 The following are selected tutorial we developed for experienced but

index.md

@@ -51,15 +51,15 @@ style="background-image: url('./img/optimal_trek.png'); background-size: cover;
 </section> <!-- ^--- hero -->
 
 <section id="demo">
-### Demo Page
+<div class="greetings"><p class="drop fancySerif">Demo pages</p></div>
 
 [Rust - Frontend & Backend](./demo/index.html)
 
 </section>
 
 <section id="featured_projects">
 
-## Featured tutorials
+<div class="greetings"><p class="drop fancySerif">Featured tutorials</p></div>
 
 <div style="padding: 1em 2em;">
 <p>The following are selected tutorial we developed for experienced but beginner rust programmers,