Merge branch 'main' of https://github.com/alvarov17/medicalchain

alvarov17 · Jan 28, 2024 · 49c89a2 · 49c89a2
2 parents 62abe6f + c6f3c26
commit 49c89a2
Show file tree

Hide file tree

Showing 4 changed files with 70 additions and 7 deletions.
diff --git a/README.md b/README.md
@@ -1,2 +1,2 @@
 # IH24-V2
- New workspace cuz we dont know how to code in react lol
+ Medical Chain @ Irvine Hacks 2024
diff --git a/static/home.css b/static/home.css
@@ -99,6 +99,51 @@
     padding-left: 20px;
 }
 
+.land-logo{
+    position: absolute;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    width: 50%;
+  }
+
 .welcome{
     text-align: center;
 }
+
+.title{
+    position: absolute;
+    text-align: center;
+}
+
+.container {
+    z-index: 999;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 230px;
+
+}
+
+.learn{
+    background-color: lightblue;
+    border-radius: 60px;
+    border: 1px solid black;
+    width: 25%;
+    padding: 100px 20px;
+    font-size: 16px;
+    cursor: pointer;
+    text-align: center;
+}
+
+.login{
+    background-color: lightblue;
+    border-radius: 60px;
+    border: 1px solid black;
+    width: 25%;
+    padding: 100px 20px;
+    font-size: 16px;
+    cursor: pointer;
+    text-align: center;
+}
diff --git a/static/landing_page.css b/static/landing_page.css
@@ -11,6 +11,13 @@ h1{
     text-align: center;
 }
 
+.land-logo{
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  width: 50%;
+}
+
 
 form{
     width:35rem;

diff --git a/templates/index.html b/templates/index.html
@@ -1,17 +1,28 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="{{url_for('static', filename='landing_page.css')}}">
     <title>Document</title>
 </head>
+
 <body>
-    <a href="/about">
-        <button type="button" class="abt">Learn More</button>
-    </a>
-    <a href="/home">
-        <button type="button" class="abt">Login</button>
-    </a>
+    <div style="text-align: center; margin-top: 13%;">
+        <img src="static/photos/Group_13.png"  class="land-logos" alt="Logo" > <h1 class="title">HealthChain</h1>
+    </div>
+    <div class="container">
+        <div class="page-btns">
+            <a href="/about">
+                <button type="button" class="learn">Learn More</button>
+            </a>
+            <a href="/home">
+                <button type="button" class="login">Login</button>
+            </a>
+        </div>
+    </div>
 
 </body>
+
 </html>