⚡ background aweigh & update ios list

mstill3 · Jul 24, 2023 · fa8bf22 · fa8bf22
1 parent 198bf8d
commit fa8bf22
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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>