adding 'features' panel

diff --git a/www/static/css/new_style.css b/www/static/css/new_style.css
index 3bf5e8c7cce35cf7ac0373bcbb913cb7b8b71c5b..4ee63a839967f993b5c62384fc23d675f8d5314c 100644 (file)
--- a/www/static/css/new_style.css
+++ b/www/static/css/new_style.css
@@ -158,3 +158,20 @@ navbar a {
     padding: 2px 0;
     text-decoration: none;
 }
+
+
+
+
+.panel-container {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    width: 100%;
+}
+
+.panel-container div {
+    flex-basis: 0;
+    min-width: 200px;
+    padding: 6px 0;
+    /* background-color: var(--background-color); */
+}
\ No newline at end of file

diff --git a/www/templates/pages/homepage.html b/www/templates/pages/homepage.html
index 2861ffab146fcf641874e30d06931ae60077f83e..e55aa55cba1a453e6035c547b1f5a19d4a7ca48a 100644 (file)
--- a/www/templates/pages/homepage.html
+++ b/www/templates/pages/homepage.html
@@ -11,8 +11,7 @@
 </div>
 
 <main>
-    <div class="container" style="width: 100%">
-    
+    <div class="container">
     <div style="display: flex; flex-direction: row; align-items: center; justify-content: space-between;">
         <div>
             <h2>Overview</h2>
@@ -43,6 +42,25 @@ factorial :: (n: i32) -> i32 {
     </div>
     </div>
 
+    <div class="container light">
+        <h2>Features</h2>
+
+        <div class="panel-container">
+            <div>
+                <h3>Portable</h3>
+            </div>
+            <div>
+                <h3>Simple</h3>
+            </div>
+            <div>
+                <h3>Extensible</h3>
+            </div>
+            <div>
+                <h3>Fun</h3>
+            </div>
+        </div>
+    </div>
+
 <!--
     <div class="container light" id="install">
     <h2>Installation</h2>