landing preview/disclaimer added

2 files changed, 35 insertions, 5 deletions

diff --git a/landing.html b/landing.html
index 47ca60e..d97c2ba 100644
--- a/landing.html
+++ b/landing.html
@@ -28,10 +28,16 @@
 
     <section id="app-intro">
       <h1 class="heading"> Our App </h1>
-      <p class="text">subtitle</p>
-      <p>who we are; our inspiration; purpose of our app: who for, what it's not</p> 
-      <div>our data</div>
-      <div>our algorithm</div>
+      <p></p>
+      <p class="text">Inspiration</p>
+      <div class="appinfotxt">who we are; our inspi</div>
+      <p></p>
+      <p class="text">The Data</p>
+      <div class="appinfotxt">who we are; our inspi</div>
+      <p></p>
+      <p class="text">The Algorithm</p>
+      <div class="appinfotxt">who we are; our inspiration; purpose of our app: who for, what it's not</div>
+      <p></p><p></p><p></p><p></p><p></p>
     </section>
       
     <section id="team">
@@ -74,8 +80,18 @@
   </main>
 
   <footer id="footer">
+    <p></p>
     <div class="footer-item">Disclaimer</div>
-    <div class="footer-item">Other</div>
+    <p></p>
+    <div class="footer-subtext">Suspicion ranks returned by <span>WatchDogs</span>’ 
+      algorithm DO NOT prove--or even suggest--that an individual has 
+      engaged in insider trading. <span>WatchDogs</span> suspicion ranks should not 
+      be interpreted as indication of an individual’s participation in 
+      illegal activity. <span>WatchDogs</span> data, including suspicion ranks, cannot 
+      be used as evidence in legal proceedings. Please use WatchDogs as 
+      it is intended, and use discretion when interpreting algorithmic results. 
+    </div>
+    <p></p>
   </footer>
 
   </body>
diff --git a/react-frontend/src/css/Landing.css b/react-frontend/src/css/Landing.css
index 0a5a845..c2bc567 100644
--- a/react-frontend/src/css/Landing.css
+++ b/react-frontend/src/css/Landing.css
@@ -117,6 +117,8 @@ section {
 
 #app-intro{
   padding-top: 160px;
+  height: fit-content;
+  width: 100vw;
 }
 
 .team {
@@ -220,11 +222,23 @@ section {
     align-items: center;
     position: relative;
     left: -10px;
+    height: fit-content;  
+    width: 100vw;
   }
   
 .footer-item{
     color: white;
     font-size: 20px;
 }
+.footer-subtext{
+    color: white;
+    font-size: 15px;
+    width: 80vw;
+}
+
+.appinfotxt {
+  font-size: 15px;
+  color:rgb(3, 2, 24);
+}