From 5211188dbc1529449c95d468875c03507d255443 Mon Sep 17 00:00:00 2001
From: Omer Sabic <osabic2004@gmail.com>
Date: Sat, 24 Aug 2024 13:24:12 +0200
Subject: [PATCH] added contact page

---
 src/routes/+layout.svelte               |   5 ++-
 src/routes/contact/+page.server.js      |  47 ++++++++++++++++++++++++
 src/routes/contact/+page.svelte         |  28 ++++++++++++++
 static/SeorGrBp5preyO7sH0fCsTyaJLM.webp | Bin 0 -> 1174 bytes
 static/favicon.ico                      | Bin 0 -> 3774 bytes
 static/favicon.png                      | Bin 1571 -> 0 bytes
 6 files changed, 79 insertions(+), 1 deletion(-)
 create mode 100644 src/routes/contact/+page.server.js
 create mode 100644 src/routes/contact/+page.svelte
 create mode 100644 static/SeorGrBp5preyO7sH0fCsTyaJLM.webp
 create mode 100644 static/favicon.ico
 delete mode 100644 static/favicon.png

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index fefb43c..a838e6c 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -15,10 +15,13 @@
 >
     <div class="flex flex-row items-center">
         <a href="/" class="font-bold text-2xl">{data.blog.site.name}</a>
-        <div class="flex flex-row ml-8 font-bold">
+        <div class="flex flex-row ml-8 font-bold gap-4">
             {#if data.blog.site.use_about_page}
                 <a href="/about">About</a>
             {/if}
+            {#if data.blog.site.use_contact_page}
+                <a href="/contact">Contact</a>
+            {/if}
         </div>
     </div>
     <div>
diff --git a/src/routes/contact/+page.server.js b/src/routes/contact/+page.server.js
new file mode 100644
index 0000000..b0b34ad
--- /dev/null
+++ b/src/routes/contact/+page.server.js
@@ -0,0 +1,47 @@
+import { redirect } from "@sveltejs/kit";
+import { get } from 'svelte/store';
+import { site_id } from '../store';
+import { env } from '$lib';
+
+/** @type {import("@sveltejs/kit").Actions} */
+export const actions = {
+    contact: async (event) => {
+        const data = await event.request.formData();
+
+        const subject = data.get("subject");
+        const email = data.get("email");
+        const message = data.get("message");
+
+        if (!subject || !email || !message) {
+            return {
+                success: false,
+                message: "missing data"
+            }
+        }
+        
+        if (!email.toString().includes("@")) {
+            return {
+                success: false,
+                message: "invalid email"
+            }
+        }
+
+        let res = await fetch(env.api_url + "/blog/contact", {
+            method: "POST",
+            headers: {
+                "content-type": "application/json"
+            },
+            body: JSON.stringify({
+                subject,
+                email,
+                content: message,
+                blog_id: get(site_id)
+            })
+        });
+        console.log(await res.text());
+
+        return {
+            success: true
+        }
+    },
+}
\ No newline at end of file
diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
new file mode 100644
index 0000000..22684ac
--- /dev/null
+++ b/src/routes/contact/+page.svelte
@@ -0,0 +1,28 @@
+<div class="mt-44 mb-6 text-center w-full flex justify-center">
+    <form action="?/contact" method="post" class="flex flex-col gap-4 max-w-[400px] w-full">
+        <input
+            name="email"
+            id="email"
+            type="text"
+            placeholder="Email address"
+            class="py-3 px-5 flex-grow border border-solid border-gray-300 h-[50px] rounded-lg"
+        />
+        <input
+            name="subject"
+            id="subject"
+            type="text"
+            placeholder="Subject"
+            class="py-3 px-5 flex-grow border border-solid border-gray-300 h-[50px] rounded-lg"
+        />
+        <textarea
+            name="message"
+            id="message"
+            placeholder="Message"
+            class="py-3 px-5 flex-grow border border-solid border-gray-300 h-[200px] rounded-lg"
+        />
+        <button
+            class="px-8 py-3 bg-gray-900 text-white font-semibold rounded-lg h-[50px]"
+            >Submit</button
+        >
+    </form>
+</div>
diff --git a/static/SeorGrBp5preyO7sH0fCsTyaJLM.webp b/static/SeorGrBp5preyO7sH0fCsTyaJLM.webp
new file mode 100644
index 0000000000000000000000000000000000000000..6e300767f7e37943968326e383020d6f67a8b3cd
GIT binary patch
literal 1174
zcmWIYbaU%tVPFV%bqWXzu!!JdU|<jc;?E2W!i)@#J^>zkm>C#&Cro%-f5+^<;tB~D
z=KyiXP?kc08%_$+jXEsb1Z6npD6BYiz}0~LpbX1yp{Mt?_gmSD2@2#!cSbwLEN!;k
zl7GVV0e`@OtEDQLcPjl2VrRTzP!RX3GEdsF_{9gtsTJ)XF1GpY@R_`**}Te4Yg0r<
z!DOvCqg4lwdHnpTkjx=`ibGwQ?<va^!CkDUCOrCapC`!8MN#_INjCvWqm;#JMH8no
zNFMwx`}ga$rEUj8IbDvbc_*xDQCNB7TMpZ{gs&WIYaZwxx)Jh1;`<s;HMiqCf_;vK
z^7SW1o?a*<w^;k1@Ub6H4;a3hanwWC;#kN=$z1lnj~70x-EB(dS^dA#!0Kqqn(T~&
zH;g223dtp3H;}x^7WKe%a^T-T?^TlHjU;b5b6>NZe6i<)#Kwn)xA>$N-})eN^liPZ
z#A-&v#qtjfFSVRpp<YnEVn$DDYv0GSN@-i(eYQKiI)KYUGVavl`?m!(oXwAODx_9i
z|KnYMB|<XJ+qI5mfzX{``xoced1)kzDQg~B*%DJAS^gkpLpQJXj_-WY0l9G;%`f)*
z_q-Oha+_7qw8H(k#x|d}$ivAdT@!mxOxi6Ny+HMI)D}4oedjMf?=$N;n^Y+^ot~if
zKRrWorTl-%D7P?Ki3qn#vQlAf0_|)Q1g9?45n1>}D~RQW{5t3Sp3Bn??l+jCCf$^M
z=!nP`#zjk~J>X0ApKrzB)O9qocLOuWLyv?K<!x(vi>g~DT<*8b*_?Cawbhx0yt6-T
zDwMmmrtNkBx8H+L_k^QVc=E43xpt!MWW~)ZqIW(kRkHI2aixV;98xQ&oFFBoVtVHE
zE7K&7xJK(#>pflz@)n-enz^}X4^#PxjgCpn4t(ukeJ9h_Gb?S`fvtD`_0H5RSk1b*
zka^C5T1A1SCw_mfi;LO)e5b<dC3fA8Aw`Pkzx8{Vz5643NNd@F+CHZ;VGoD->5Z@F
zr7m6d;>MCM2Hr|qGn(v=Gl_p>oxvZdI`PK2ACo$y8NT1!B7Xm#wDkEO_h!p%IB?a(
zygEOv$n%NO-D=^f9o6|)dfxB7_<6_oWk;`78+Usv9ZlLd-R0W5q*$S!XLjpaY@7Zv
z_h5?PbeCEB$F{L1TkAj4?Q~InG<DUXXd%O!(wkI1DW*jiY@G2~bz=YNz2@=pdE8>c
zXL1it=D1O0y-;MwVxG*s`<9A4_PVOgB`et|vg7gsr^<&m`gzlix0Nitwd(Nlja+w5
z%AR1@qB`;GIe~jqwNlMFH-BfFv)sIGZ_rV(cWZ4Tg&bexs;}i)7vlKq#oQf#>s)`!
z-=6ruk`b7z71jWA^aLS>xr|z07(^KD3?+J87AY<i5MfYYX4$g6VE2aJ1uWkf-*5AC
wzMnIvecw$>{@P7Na=%la*nT^CqWbOR3Eyw4E7DH-8Uw?>|37pm09^?I0G-n$cmMzZ

literal 0
HcmV?d00001

diff --git a/static/favicon.ico b/static/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..c06e009a2d8ac727aa2d3502cdc70d66b1994965
GIT binary patch
literal 3774
zcmcK7O=#0#9LMo&)z$Y_hcD=)RZ-@_7xXd(jq{+0AiIb!hpDi`5RoAWf=DeQc<=>5
z5ic@53@^T1d;w8JJ%|b_z9NdP=sfHa@v_74@%xJgN|$v>ll;mj3rYI_uW6nqsbw|r
zYROwH^VZcVmNmn&tX8yO9kksI`+RbmZ4T~XH5!p*1}J_7cTvJI=wD4LzbU)}6VZ+L
zc#S=njJTtIJ1dIjSwD&IxPx|#L0qZsr@ASu!gciHJQg92`1SMZPGDs_p5qe^pczq8
ztDjeQCM$>W6;IHCai}Lj`l)UMmf#X}j{C3zVaHF<ew238#BviJpp3BNCu~1jxXH5I
z3yq&w*o8?LE%o;E>dt3HbCkx<E!e0ve%`WwGonP}M|0s#{J=RZgkR>dQP+JOQ60@y
zFQD<$gJvY1Su{8Tji1NZf;5thH-36)@)NozEJM=K_}Pf3&~==2yw7=?MmoPqW)8)R
zC`0qZ1|$*PH+Mtl?*sN>DiqCu8FwxEVk{-rL(d8t|EHk&pfdWb9hDpESl4&77#Gox
zYta2u^FVc?&S!c&JA^OLHMkYyF;eR7r@3Ssp5ZeNVmd}k*nZwzd4s|_cNfqKozox*
z({BL<&p_9L##1|L-3!<~EJ6BB<6Zml5iik+Aon^B8<txA^o*jp_7O@bU^b$}uU{ht
zSE3J^YkRR2LBAso9WmAY=5pk5e1qm7J*zY!uBe~xk-EOS@CNVDjV$7hey?1HuD3Ey
zAcv%KmcqYqA8X(@2eCPxq>XV>u&~@VPFv16YtzQDi+EUYY`umuj%`vXqSRx|VAhx+
m-eUgy!{5QI_Sxnr$8fCP<K!H>RB&slW?SZ85A{+{_5KT3HNq4C

literal 0
HcmV?d00001

diff --git a/static/favicon.png b/static/favicon.png
deleted file mode 100644
index 825b9e65af7c104cfb07089bb28659393b4f2097..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1571
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
VHuiSbmk|H}002ovPDHLkV1f%e^4kCa