Initial static HTML and CSS

suncoast-devs · Sep 22, 2021 · 8b570cd · 8b570cd
1 parent 519ab83
commit 8b570cd
Show file tree

Hide file tree

Showing 17 changed files with 740 additions and 23 deletions.
diff --git a/ClientApp/index.html b/ClientApp/index.html
@@ -3,6 +3,12 @@
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
+    <link
+      crossorigin="anonymous"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"
+      integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog=="
+      rel="stylesheet"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>React App</title>
   </head>

diff --git a/ClientApp/src/App.tsx b/ClientApp/src/App.tsx
@@ -1,5 +1,31 @@
 import React from 'react'
+import { Restaurants } from './pages/Restaurants'
+import avatar from './images/avatar.png'
 
 export function App() {
-  return <div>Hello, World </div>
+  return (
+    <>
+      <header>
+        <ul>
+          <li>
+            <nav>
+              <a href="#">
+                <i className="fa fa-plus"></i> Restaurant
+              </a>
+              <p>Welcome back, Steve!</p>
+            </nav>
+          </li>
+          <li className="avatar">
+            <img src={avatar} alt="Steve's Avatar" height="64" width="64" />
+          </li>
+        </ul>
+      </header>
+      <Restaurants />
+      <footer>
+        <p>
+          Built with <i className="fa fa-heart"></i> in St Petersburg, Florida.
+        </p>
+      </footer>
+    </>
+  )
 }
diff --git a/ClientApp/src/images/avatar.png b/ClientApp/src/images/avatar.png
diff --git a/ClientApp/src/images/box.svg b/ClientApp/src/images/box.svg
diff --git a/ClientApp/src/images/map-border.svg b/ClientApp/src/images/map-border.svg
diff --git a/ClientApp/src/images/map.png b/ClientApp/src/images/map.png
diff --git a/ClientApp/src/images/saguaro.svg b/ClientApp/src/images/saguaro.svg
diff --git a/ClientApp/src/images/square.svg b/ClientApp/src/images/square.svg
diff --git a/ClientApp/src/images/taco-tuesday.svg b/ClientApp/src/images/taco-tuesday.svg
diff --git a/ClientApp/src/images/truck.svg b/ClientApp/src/images/truck.svg