From 15dffb3a0216c0eccc06b2fc449c423aba6811b2 Mon Sep 17 00:00:00 2001
From: secondl1ght <85003930+secondl1ght@users.noreply.github.com>
Date: Thu, 21 Jul 2022 22:22:30 -0600
Subject: add register and login pages, DRY up more, add $comp, add new
 components

---
 src/components/LandingInfoCard.svelte | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

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

diff --git a/src/components/LandingInfoCard.svelte b/src/components/LandingInfoCard.svelte
index 2b2dd2a1..c67d3fcc 100644
--- a/src/components/LandingInfoCard.svelte
+++ b/src/components/LandingInfoCard.svelte
@@ -1,4 +1,6 @@
 <script>
+	import Image from './Image.svelte';
+
 	export let image;
 	export let title;
 	export let description;
@@ -6,14 +8,11 @@
 </script>
 
 <div class="block lg:flex justify-center lg:space-x-20 items-center">
-	{#if image}
-		<img
-			src="/images/{image}.png"
-			alt={image}
-			class="w-2/3 md:w-5/12 lg:w-2/5 xl:w-1/3 2xl:w-1/4 max-w-xl mx-auto lg:mx-0 mb-10 lg:mb-0 {order ===
-				'reverse' && 'order-last'}"
-		/>
-	{/if}
+	<Image
+		{image}
+		style="w-2/3 md:w-5/12 lg:w-2/5 xl:w-1/3 2xl:w-1/4 max-w-xl mx-auto lg:mx-0 mb-10 lg:mb-0 {order ===
+			'reverse' && 'order-last'}"
+	/>
 	<div class="w-full lg:w-1/2 max-w-3xl space-y-10 mx-auto lg:mx-0">
 		<h3 class="text-5xl font-medium text-left w-full mx-auto lg:mx-0 md:w-[500px]">{title}</h3>
 		<p class="text-secondary text-xl font-medium w-full md:w-[500px] mx-auto lg:mx-0">
-- 
cgit v1.2.3