website wip

SCCapstone · Apr 17, 2024 · 780d6e3 · 780d6e3
1 parent c912347
commit 780d6e3
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -10,10 +10,10 @@
         <div class="header">
             <div class="spacer"></div> <!-- Dummy element for balancing -->
             <div class="header-title">
-                <p class="title-text">SchedulerX</p>
+                <img class="logo" src="website_content/logo.png" title="SchedulerX">
             </div>
             <div class="header-about">
-                <p onclick="location.href='about.html';">About</p>
+                <!--<p class="header-about-text" onclick="location.href='about.html';">About</p>-->
             </div>
         </div>
         <div class="container">
@@ -32,12 +32,23 @@ <h1>Demo</h1>
                         <source src="website_content/test_demo.mp4" type="video/mp4">
                         Video not supported
                     </video>
-                    <p style="font-style: italic; margin-top: 10px;">This is a placeholder video</p>
+                    <p style="font-style: italic; margin-top: 10px;">This is a placeholder video*</p>
                 </div>   
             </div>
             <div class="scrollable-content">
                 <h1>The SchedulerX App</h1>
-                <p>Hello World</p>
+                <p>SchedulerX is an Android application aimed at helping users manage their schedules and fitness and nutrition goals. The app features:</p>
+                <ul class="list">
+                    <li> Create and manage tasks on your personal calendar  </li>
+                    <li> Track task and fitness progress </li>
+                    <li> Browse a selection of workouts and meals <span class="list-note">— Powered by <a href="https://api-ninjas.com/" target="_blank" rel="noopener noreferrer" title="API Ninjas Website">API Ninjas</a></span> </li>
+                    <li> Personalize and share your own workouts and meals </li>
+                    <li> Dark and Light Mode Themes </li>
+                    <li> Personal information safely secured in Firebase storage </li>
+                </ul>
+                <p>
+                    The app is written in JavaScript using the React Native framework and uses Firebase for cloud storage and user authentication.
+                </p>
             </div>
         </div>
     </body>

diff --git a/website_content/logo.png b/website_content/logo.png
diff --git a/website_styles/index.css b/website_styles/index.css
@@ -4,12 +4,14 @@
     padding: 0;
     box-sizing: border-box;
     font-family: Arial, Helvetica, sans-serif;
+    color: white;
 }
 
 body, html {
     width: 100%;
     height: 100%;
     overflow: hidden; /* Prevents the entire page from scrolling */
+    background-color: #262626;
 }
 
 /*Header*/
@@ -18,7 +20,7 @@ body, html {
     flex-direction: row;
     align-items: center;
     width: 100%;
-    padding: 20px 10px 20px 10px;
+    padding: 20px 0px 0px 20px;
 }
 
 .spacer, .header-about {
@@ -37,12 +39,20 @@ body, html {
     font-weight: 600;
 }
 
+.logo {
+    height: 70px;
+}
+
 .header-about {
     justify-content: flex-end;
     align-items: center;
     font-size: 24px;
     font-weight: 600;
-    padding-right: 20px;
+    margin-right: 20px;
+}
+
+.header-about-text {
+    color: #5da8af;
 }
 
 .header-about:hover {
@@ -111,7 +121,26 @@ body, html {
     height: 100%;
     overflow-y: scroll;
     margin-left: 50%;
-    background: #eee;
+    background: #262626;
     color: #333;
     padding: 20px;
 }
+
+.scrollable-content p {
+    margin-top: 15px;
+    line-height: 1.7;
+    font-size: 18px;
+}
+
+.list {
+    color: white;
+    margin-top: 10px;
+    margin-left: 30px;
+}
+
+li {
+    /*color: rgb(100,255,218); */
+    color: #cbcbcb;
+    font-weight: 400;
+    line-height: 2.5;
+}