Nabla: add gif

ray-pH · Jun 4, 2023 · 3e4056b · 3e4056b
1 parent 6343633
commit 3e4056b
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 0 deletions.
diff --git a/img/nabla.gif b/img/nabla.gif
diff --git a/nabla/index.html b/nabla/index.html
@@ -60,6 +60,15 @@
             </div>
         </div>
     </div>
+
+    <div class="segment">
+        <div class="label">Demonstration</div>
+        <div class="gif-container">
+            <img src="../img/nabla.gif" width="100%">
+        </div>
+    </div>
+
+
     <div class="segment">
         <div class="label">What is Nabla TypeMath?</div>
         <div class="desc">

diff --git a/nabla/style.css b/nabla/style.css
@@ -102,6 +102,17 @@ code {
     max-width: 700px;
 }
 
+.gif-container{
+    margin-left  : auto;
+    margin-right : auto;
+    width: 90%;
+    max-width: 700px;
+}
+
+.gif-container > img {
+    border-radius: 50px;
+}
+
 #logo {
     max-width: 200px;
     margin-right:16px;