From fa8bf225e2b0ee261c66cbcf7f190390d6d6c482 Mon Sep 17 00:00:00 2001
From: Matt <stillwell006@gmail.com>
Date: Sun, 23 Jul 2023 21:16:55 -0400
Subject: [PATCH] :zap: background aweigh & update ios list

---
 ios/aweigh/css/styles.css |  4 ++++
 ios/css/index.css         | 15 +++++++++-----
 ios/index.html            | 41 +++++++++++++++++++++++++++++++++++++++
 3 files changed, 55 insertions(+), 5 deletions(-)

diff --git a/ios/aweigh/css/styles.css b/ios/aweigh/css/styles.css
index de0486a..27bbddb 100644
--- a/ios/aweigh/css/styles.css
+++ b/ios/aweigh/css/styles.css
@@ -11099,3 +11099,7 @@ section#features {
   color: var(--link-color) !important;
   padding-top: 10px;
 }
+
+body {
+  background-color: var(--dark-gray);
+}
diff --git a/ios/css/index.css b/ios/css/index.css
index 3538411..948f397 100644
--- a/ios/css/index.css
+++ b/ios/css/index.css
@@ -16,10 +16,10 @@ body {
 }
 
 .container {
-    background-color: var(--dark);
-    height: 100%;
-    max-height: 100vh;
-    overflow-y: scroll;
+    /*background-color: var(--dark);*/
+    /*height: 100%;*/
+    /*max-height: 100vh;*/
+    /*overflow-y: scroll;*/
 }
 
 #home-icon {
@@ -34,7 +34,7 @@ h2 {
 }
 
 #apps-list {
-    padding: 0 5%;
+    padding: 0;
 }
 
 ul {
@@ -81,3 +81,8 @@ a:hover {
     display: inline-block;
     padding-right: 10px;
 }
+
+.box {
+    background-color: #2E3440;
+    border-radius: 25px;
+}
diff --git a/ios/index.html b/ios/index.html
index 2347cd5..0e90765 100644
--- a/ios/index.html
+++ b/ios/index.html
@@ -35,6 +35,47 @@
                     <h2>
                         iOS Apps
                     </h2>
+<!--                    <div class="row">-->
+<!--                        <div class="col">-->
+<!--                            <a href="./aweigh">-->
+<!--                        <div class="box">-->
+<!--                            <div class="col">-->
+<!--                                <div class="row">-->
+<!--                                    <img-->
+<!--                                            class="app-logo"-->
+<!--                                            alt="aweigh app logo"-->
+<!--                                            src="images/aweigh_logo.png"-->
+<!--                                    />-->
+<!--                                </div>-->
+<!--                            </div>-->
+<!--                            <div class="col">-->
+<!--                                <div class="row">-->
+<!--                                    <p-->
+<!--                                            class="app-name"-->
+<!--                                    >-->
+<!--                                        aweigh-->
+<!--                                    </p>-->
+<!--                                </div>-->
+<!--                            </div>-->
+<!--                            <div class="col">-->
+<!--                                <div class="row">-->
+<!--                                    <p-->
+<!--                                            class="app-description"-->
+<!--                                    >-->
+<!--                                        Vizualize your weight!-->
+<!--                                    </p>-->
+<!--                                </div>-->
+<!--                            </div>-->
+<!--                        </div>-->
+<!--                            </a>-->
+<!--                        </div>-->
+<!--                        <div class="col">-->
+<!--                            <div class="box">-->
+
+<!--                            </div>-->
+<!--                        </div>-->
+<!--                    </div>-->
+
                     <ul id="apps-list">
                         <a href="./aweigh">
                             <li>