From 52df994d405eb9ce13c1c6ec7af6c1c93c5f1213 Mon Sep 17 00:00:00 2001
From: James Shiffer <basedvioletfag@waifu.club>
Date: Fri, 12 Jun 2020 02:09:51 -0700
Subject: [PATCH] contact us page

---
 src/components/Nav.svelte |  6 +++---
 src/routes/contact.svelte | 45 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 48 insertions(+), 3 deletions(-)
 create mode 100644 src/routes/contact.svelte

diff --git a/src/components/Nav.svelte b/src/components/Nav.svelte
index 88e8415..eb8f24d 100644
--- a/src/components/Nav.svelte
+++ b/src/components/Nav.svelte
@@ -8,7 +8,7 @@
         font-weight: bold;
         padding: 1rem 0 0 0;
         position: fixed;
-        width: 100vw;
+        width: 100%;
         z-index: 100;
         background-color: #fff;
         top: 0;
@@ -45,6 +45,7 @@
         }
         div.link a {
             font-size: 2rem !important;
+            margin-left: 4rem;
         }
     }
 </style>
@@ -54,10 +55,9 @@
         <div><a href="/"><img class="wordmark" src="/logo.png" alt="HowFeed.biz"></a></div>
         <div class="filler"></div>
         {#if !$session.user}
-            <div class="link"><a href="mailto:the_katze@naver.com">Contact Us</a></div>
+            <div class="link"><a href="/contact">Contact Us</a></div>
         {:else}
             <div class="link"><a href="/cms">Dashboard</a></div>
-            <div class="filler"></div>
             <div class="link"><a href="/cms/logout">Logout</a></div>
         {/if}
     </div>
diff --git a/src/routes/contact.svelte b/src/routes/contact.svelte
new file mode 100644
index 0000000..e21ac44
--- /dev/null
+++ b/src/routes/contact.svelte
@@ -0,0 +1,45 @@
+<svelte:head>
+    <title>Contact Us | HOWFEED.BIZ</title>
+</svelte:head>
+
+<style>
+    div.people {
+        display: flex;
+        flex-wrap: wrap;
+    }
+    div.people > div {
+        flex: 1 0 0;
+    }
+</style>
+
+<div class="content">
+    <h1>Contact Us</h1>
+    <div class="people">
+        <div>
+            <h3>Myles C. Linden</h3>
+            <p>Creative Operations Director</p>
+            <p>FemboyFinancial Holdings Co., Ltd. (USA LLC)</p>
+            <address>
+                1198 South 6th Street<br>
+                Suite J<br>
+                San Jose, CA 95112
+            </address>
+            <p><a href="tel:+19257658478">(925) 765-8478</a></p>
+        </div>
+        <div>
+            <h3>Vincent M. Iannelli</h3>
+            <p>Creative Operations Director</p>
+            <p>FemboyFinancial Holdings Co., Ltd. (USA LLC)</p>
+            <p><a href="tel:+19258134360">(925) 813-4360</a></p>
+        </div>
+        <div>
+            <h3>James N. Shiffer</h3>
+            <p>Webmaster</p>
+            <p>FemboyFinancial Holdings Co., Ltd. (USA LLC)</p>
+            <p><a href="mailto:webmaster@femboyfashion.com.hk">webmaster@femboyfashion.com.hk</a></p>
+        </div>
+    </div>
+    <div style="max-width:100%;list-style:none; transition: none;overflow:hidden;width:500px;height:500px;">
+        <iframe style="height:100%;width:100%;border:0;" frameborder="0" src="https://www.google.com/maps/embed/v1/place?q=1198+S+Sixth+St&key=AIzaSyBFw0Qbyq9zTFTd-tUY6dZWTgaQzuU17R8"></iframe>
+    </div>
+</div>