From f0d8562b7ba671fa6dd60867c542be3ed52758bf Mon Sep 17 00:00:00 2001
From: Logan Hunt <loganhunt@simponic.xyz>
Date: Wed, 27 Apr 2022 15:40:14 -0600
Subject: Add more static routes; setup for contact form HCAPTCHA

---
 src/components/DirectionCard.svelte | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 src/components/DirectionCard.svelte

(limited to 'src/components/DirectionCard.svelte')

diff --git a/src/components/DirectionCard.svelte b/src/components/DirectionCard.svelte
new file mode 100644
index 0000000..39d2260
--- /dev/null
+++ b/src/components/DirectionCard.svelte
@@ -0,0 +1,32 @@
+<script>
+  export let imageSpec;
+  export let direction;
+</script>
+
+<main>
+  {#if direction == 'right'}
+    <div class="row d-flex align-items-center my-2">
+      <div class="col-md-4 text-center order-sm-1">
+        <img class="img-fluid rounded shadow" src={imageSpec.image} alt={imageSpec.alt} />
+      </div>
+      <div class="col-md-8 border p-2 bg-light rounded shadow order-sm-2">
+        <slot />
+      </div>
+    </div>
+  {:else}
+    <div class="row d-flex align-items-center my-2">
+      <div class="col-md-8 border p-2 bg-light rounded shadow order-md-first order-last">
+        <slot />
+      </div>
+      <div class="col-md-4 text-center">
+        <img class="img-fluid rounded shadow" src={imageSpec.image} alt={imageSpec.alt} />
+      </div>
+    </div>
+  {/if}
+</main>
+
+<style>
+  p {
+    white-space: pre-wrap;
+  }
+</style>
-- 
cgit v1.2.3-70-g09d2

