add basic html and css, images

software-students-spring2024 · Feb 24, 2024 · eb266cb · eb266cb
1 parent d95cacb
commit eb266cb
Show file tree

Hide file tree

Showing 8 changed files with 75 additions and 0 deletions.
diff --git a/node_modules/.package-lock.json b/node_modules/.package-lock.json
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1 @@
+{}
diff --git a/static/css/style.css b/static/css/style.css
@@ -0,0 +1,31 @@
+body {
+    font-family: sans-serif;
+    background: #5e4d47;
+    padding: 48px;
+  }
+
+  h1 {
+    color: #e1948d;
+    text-align: center;
+    font-size: 115px;
+  }
+
+  h3 {
+    color: #e1948d;
+    text-align: center;
+    font-size: 55px;
+  }
+
+  .card {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    margin: auto;
+    width: 90%;
+    aspect-ratio: 8 / 5;
+    border-radius: 7rem;
+    background: #fafafa;
+    padding: 10px;
+  }
+
diff --git a/static/images/otter.gif b/static/images/otter.gif
diff --git a/static/images/otter.png b/static/images/otter.png
diff --git a/static/images/otter2.gif b/static/images/otter2.gif
diff --git a/templates/mainScreen.html b/templates/mainScreen.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>DIVE DEEPER Mobile Web App</title>
+    <link
+      rel="stylesheet"
+      href="{{ url_for('static', filename='css/style.css') }}"
+    />
+  </head>
+  <body>
+    <div class="container">
+      <header>
+        <div class="logo">
+            <div class="title">
+              <h1>DIVE DEEPER</h1>
+              <nav>
+                <a href="{{ url_for('home')}}">Home</a>
+              </nav>
+            </div>
+          </div>        
+      </header>
+    </div>
+
+    <div class="container">
+        <div class="card">
+            <h3>build deeper connections with people.<h3>
+            </div>
+      </div>
+
+  </body>
+</html>