From: Brendan Hansen <brendan.f.hansen@gmail.com>
Date: Mon, 6 Feb 2023 01:13:42 +0000 (-0600)
Subject: adding 'features' panel
X-Git-Url: https://git.brendanfh.com/?a=commitdiff_plain;h=3b2f6b98ae99c1414ef1bbab2fe28883372a681c;p=onyxlang.io.git

adding 'features' panel
---

diff --git a/www/static/css/new_style.css b/www/static/css/new_style.css
index 3bf5e8c..4ee63a8 100644
--- 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 2861ffa..e55aa55 100644
--- 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>