From e6e910e43f8f28501b7f829ab0090088914735a2 Mon Sep 17 00:00:00 2001
From: Murillo Pinheiro de Oliveira <murillop.o06@gmail.com>
Date: Wed, 27 Mar 2024 15:46:17 -0300
Subject: updated: bootstrap removed (all tailwind and little css now); url
 image

---
 src/components/Footer.svelte | 36 ++++++++++++++++--------------------
 1 file changed, 16 insertions(+), 20 deletions(-)

(limited to 'src/components')

diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
index 12977900..260afd4f 100644
--- a/src/components/Footer.svelte
+++ b/src/components/Footer.svelte
@@ -16,46 +16,42 @@
 </script>
 <footer class="pt-16 bg-black">
 	<div class="max-w-[1296px] mx-auto px-8">
-		<!-- footer_top -->
-		<div class="footer_top pb-4">
+		<div class="footer_top border-b-[1] border-gray-800 pb-4">
 			<div class="flex-col md:flex-row flex md:items-center justify-between">
 				<div class="flex-1 mb-12 sm:mb-5">
-					<a href="#" class="footer_logo"><img src="images/footer-logo.png" alt="" /></a>
+					<a href="#" ><img src="images/footer-logo.png" alt="swapee logo" class="max-w-36" /></a>
 					<p class="text-gray-200 mt-10">Copyright © 2023. Swapee.me</p>
 					<p class="text-gray-200 mt-3">All rights reserved.</p>
 					<a href="#" class="btn_language inline-block mt-6 font-bold !text-white hover:!text-black">English</a>
 				</div>
-				<div
-					class="flex-1 footer_top_right flex items-center justify-start md:justify-center "
-				>
+				<div class="flex-1 flex items-center justify-start md:justify-center">
 					<div class="flex max-sm:flex-col md:justify-end gap-x-6">
 						<div class="flex-1 xl:mb-0 mb-4 md:pr-0 sm:pr-5">
 							<h6 class="!text-white/80 mb-0">Business enquiries</h6>
-							<a href="mailto:business@swapee.me">business@swapee.me</a>
+							<a href="mailto:business@swapee.me" class="text-swapee-purple hover:underline">business@swapee.me</a>
 						</div>
 						<div class="flex-1 xs:pr-5 mb-4 md:pr-0 sm:pr-5">
 							<h6 class="!text-white/80 mb-0">Support enquiries</h6>
-							<a href="mailto:support@swapee.me">support@swapee.me</a>
+							<a href="mailto:support@swapee.me" class="text-swapee-purple hover:underline">support@swapee.me</a>
 						</div>
 					</div>
 				</div>
 			</div>
 
-			<!-- footer_bottom -->
-			<div class="footer_bottom pt-4 pb-2">
-				<ul class="list-unstyled mb-0 ps-0">
-					<li class="pb-3 ">
-						<a href="/docs" class="!text-white/80 opacity-100 hover:!text-swapee-purple/100 font-semibold">Documentation</a>
+			<div class="footer_bottom flex justify-end pt-4 pb-2">
+				<ul class="flex flex-wrap justify-center mb-0 ps-0">
+					<li class="pb-3 ml-[0.9375rem]">
+						<a href="/docs" class="!text-white/80 opacity-100 hover:!text-swapee-purple/100 font-semibold py-[6px] px-[10px]">Documentation</a>
 					</li>
-					<li class="pb-3">
-						<a href="/privacy" class="!text-white/80 opacity-100 hover:!text-swapee-purple/100 font-semibold">Privacy Policy</a>
+					<li class="pb-3 ml-[0.9375rem]">
+						<a href="/privacy" class="!text-white/80 opacity-100 hover:!text-swapee-purple/100 font-semibold py-[6px] px-[10px]">Privacy Policy</a>
 					</li>
-          <li class="pb-3">
-						<a href="/support" class="!text-white/80 opacity-100 hover:!text-swapee-purple/100 font-semibold">Support</a>
+          			<li class="pb-3 ml-[0.9375rem]">
+						<a href="/support" class="!text-white/80 opacity-100 hover:!text-swapee-purple/100 font-semibold py-[6px] px-[10px]">Support</a>
+					</li>
+					<li class="pb-3 ml-[0.9375rem]">
+						<a href="/sitemap" class="!text-white/80 opacity-100 hover:!text-swapee-purple/100 font-semibold py-[6px] px-[10px]">Sitemap</a>
 					</li>
-					<li class="pb-3">
-								  <a href="/sitemap" class="!text-white/80 opacity-100 hover:!text-swapee-purple/100 font-semibold">Sitemap</a>
-							  </li>
 				</ul>
 			</div>
 		</div>
-- 
cgit v1.2.3


From a3efe1b696263b4fb92858b2f162d48133f78f0f Mon Sep 17 00:00:00 2001
From: Murillo Pinheiro de Oliveira <murillop.o06@gmail.com>
Date: Thu, 28 Mar 2024 16:38:12 -0300
Subject: updated: copyright year and small fixes

---
 src/components/Footer.svelte |  19 +++++++++++--------
 src/routes/+page.svelte      |   8 +++++---
 static/images/map-dark.png   | Bin 0 -> 89634 bytes
 3 files changed, 16 insertions(+), 11 deletions(-)
 create mode 100644 static/images/map-dark.png

(limited to 'src/components')

diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
index 260afd4f..bfeac41a 100644
--- a/src/components/Footer.svelte
+++ b/src/components/Footer.svelte
@@ -1,7 +1,10 @@
 <script>
-  import Icon from "$comp/Icon.svelte";
-  import LocaleSelector from "$comp/LocaleSelector.svelte";
-  import { t } from "$lib/translations";
+	import Icon from "$comp/Icon.svelte";
+	import LocaleSelector from "$comp/LocaleSelector.svelte";
+	import { t } from "$lib/translations";
+
+	const date = new Date()
+	const currentYear = date.getFullYear()
 
 	const followLinks = [
 		{ url: 'https://twitter.com/swapeewallet', titleID: 'twitter' },
@@ -9,10 +12,10 @@
 		{ url: 'https://linktr.ee/swapee.me', titleID: 'linktree' }
 	];
 
-  const companyLinks = [
-    { url: "/docs", titleID: "documentation" },
-    { url: "/support", titleID: "support" },
-  ];
+	const companyLinks = [
+		{ url: "/docs", titleID: "documentation" },
+		{ url: "/support", titleID: "support" },
+	];
 </script>
 <footer class="pt-16 bg-black">
 	<div class="max-w-[1296px] mx-auto px-8">
@@ -20,7 +23,7 @@
 			<div class="flex-col md:flex-row flex md:items-center justify-between">
 				<div class="flex-1 mb-12 sm:mb-5">
 					<a href="#" ><img src="images/footer-logo.png" alt="swapee logo" class="max-w-36" /></a>
-					<p class="text-gray-200 mt-10">Copyright © 2023. Swapee.me</p>
+					<p class="text-gray-200 mt-10">Copyright © {currentYear ?? 2024}. Swapee.me</p>
 					<p class="text-gray-200 mt-3">All rights reserved.</p>
 					<a href="#" class="btn_language inline-block mt-6 font-bold !text-white hover:!text-black">English</a>
 				</div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 876c9308..a71a4d49 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -338,7 +338,7 @@
 				{#each askedQuestionsAccordion as askedQuestionAccordion }
 					<Accordion.Item value={`item-${askedQuestionAccordion.id}`} class="bg-white dark:!bg-black rounded-[10px] border-[1px] border-gray-300 px-4">
 						<Accordion.Trigger class="py-0">
-							<h2 class="text-base pt-3 pb-3 font-bold border-b-black dark:!border-b-swapee-purple {askedQuestionsAccordionValue == `item-${askedQuestionAccordion.id}` ? 'border-b-2' : ''}">{askedQuestionAccordion.title}</h2>
+							<h2 class="text-base pt-3 pb-3 font-bold border-b-black dark:!border-b-swapee-purple dark:text-gray-100 !mb-0 {askedQuestionsAccordionValue == `item-${askedQuestionAccordion.id}` ? 'border-b-2' : ''}">{askedQuestionAccordion.title}</h2>
 						</Accordion.Trigger>
 						<Accordion.Content class="text-base text-slate-500 dark:text-gray-200 mt-0">
 							<Separator orientation="horizontal" class="mt-0 mb-3 bg-purple-950" />
@@ -352,12 +352,14 @@
 </section>
 
 <!-- bitcoin_location -->
-<div class="flex px-1 justify-center items-center py-[5.625rem] dark:bg-black bg-map-light dark:!bg-map-dark bg-no-repeat">
+<div class="flex px-1 justify-center items-center py-[5.625rem] dark:bg-black">
+	<img src="images/map.png" alt="" class="absolute dark:hidden max-h-[354px] min-h-[354px] w-full object-cover object-center" height="375">
+	<img src="images/map-dark.png" alt="" class="absolute hidden dark:block max-h-[354px] min-h-[354px] w-full object-cover object-center" height="375">
 	<div class="container sm:px-6 px-3">
 		<h2 class="text-[2.5rem] text-center dark:text-white f_bebas_neue font-bold mb-2">
 			Real-World Bitcoin Locations
 		</h2>
-		<p class="text-center opacity-75 md:mb-5 mb-4">
+		<p class="text-center opacity-75 md:mb-5 mb-4 dark:!text-gray-100">
 			Join the <span class="text-lg font-bold">Growing businesses</span> that accept
 			<span class="text-lg font-bold">Bitcoin</span>
 			with <span class="text-lg font-bold">Swapee!</span>
diff --git a/static/images/map-dark.png b/static/images/map-dark.png
new file mode 100644
index 00000000..08a00dd5
Binary files /dev/null and b/static/images/map-dark.png differ
-- 
cgit v1.2.3


From 95ccd96adeb29a80a9466e5b4db41ce2c69cc4b1 Mon Sep 17 00:00:00 2001
From: Murillo Pinheiro de Oliveira <murillop.o06@gmail.com>
Date: Wed, 3 Apr 2024 17:12:01 -0300
Subject: updated: small fixes

---
 src/components/AppHeader.svelte                          | 16 ++++++++--------
 src/routes/(app)/[username]/(profile)/+layout.svelte     | 10 +++++-----
 src/routes/(app)/[username]/(profile)/+page.svelte       |  6 +++---
 src/routes/(app)/[username]/+layout.svelte               |  2 +-
 .../(app)/[username]/settings/[...tab]/_pos.svelte       |  2 +-
 src/routes/(app)/send/[...text]/+page.svelte             |  2 +-
 6 files changed, 19 insertions(+), 19 deletions(-)

(limited to 'src/components')

diff --git a/src/components/AppHeader.svelte b/src/components/AppHeader.svelte
index 42536e62..147ba834 100644
--- a/src/components/AppHeader.svelte
+++ b/src/components/AppHeader.svelte
@@ -48,7 +48,7 @@
       {#if user}
         <a href={`/${user.username}`}>
           <button
-            class="bg-white dark:bg-black p-2 rounded-full w-12 h-12 md:w-16 md:h-16 drop-shadow-xl border border-black/10 {$page
+            class="bg-white dark:!bg-black p-2 rounded-full w-12 h-12 md:w-16 md:h-16 drop-shadow-xl border border-black/10 {$page
               .url.pathname === `/${user.username}`
               ? 'opacity-100'
               : 'opacity-70 hover:opacity-80'}"
@@ -57,7 +57,7 @@
         </a>
         <a href={`/${user.username}/buy`}>
           <button
-            class="bg-white dark:bg-black p-2 rounded-full w-12 h-12 md:w-16 md:h-16 drop-shadow-xl border border-black/10 {$page
+            class="bg-white dark:!bg-black p-2 rounded-full w-12 h-12 md:w-16 md:h-16 drop-shadow-xl border border-black/10 {$page
               .url.pathname === `/${user.username}/buy`
               ? 'opacity-100'
               : 'opacity-70 hover:opacity-80'}"
@@ -66,7 +66,7 @@
         </a>
         <a href={`/${user.username}/receive`}>
           <button
-            class="bg-white dark:bg-black p-2 rounded-full w-12 h-12 md:w-16 md:h-16 drop-shadow-xl border border-black/10 {$page
+            class="bg-white dark:!bg-black p-2 rounded-full w-12 h-12 md:w-16 md:h-16 drop-shadow-xl border border-black/10 {$page
               .url.pathname === `/${user.username}/receive`
               ? 'opacity-100'
               : 'opacity-70 hover:opacity-80'}"
@@ -75,7 +75,7 @@
         </a>
         <a href={`/${user.username}/payments`}>
           <button
-            class="bg-white dark:bg-black p-2 rounded-full w-12 h-12 md:w-16 md:h-16 drop-shadow-xl border border-black/10 {$page
+            class="bg-white dark:!bg-black p-2 rounded-full w-12 h-12 md:w-16 md:h-16 drop-shadow-xl border border-black/10 {$page
               .url.pathname === `/${user.username}/payments`
               ? 'opacity-100'
               : 'opacity-70 hover:opacity-80'} relative"
@@ -96,7 +96,7 @@
         </a>
         <a href={`/send`}>
           <button
-            class="bg-white dark:bg-black p-2 rounded-full w-12 h-12 md:w-16 md:h-16 drop-shadow-xl border border-black/10 {$page
+            class="bg-white dark:!bg-black p-2 rounded-full w-12 h-12 md:w-16 md:h-16 drop-shadow-xl border border-black/10 {$page
               .url.pathname === `/send`
               ? 'opacity-100'
               : 'opacity-70 hover:opacity-80'}"
@@ -106,7 +106,7 @@
         <div class="relative">
           <OutClick on:outclick={() => (showMenu = false)}>
             <button
-              class="bg-white dark:bg-black p-2 rounded-full w-12 h-12 md:w-16 md:h-16 drop-shadow-xl border border-black/10 {$page
+              class="bg-white dark:!bg-black p-2 rounded-full w-12 h-12 md:w-16 md:h-16 drop-shadow-xl border border-black/10 {$page
                 .url.pathname === `/${user.username}` ||
               $page.url.pathname === `/${user.username}/settings` ||
               $page.url.pathname === `/support`
@@ -121,7 +121,7 @@
             <div
               class="{showMenu
                 ? 'block'
-                : 'hidden'} absolute top-14 right-0 bg-white dark:bg-black dark:border-2 dark:border-gray-50 rounded-3xl p-8 shadow-xl z-50"
+                : 'hidden'} absolute top-14 right-0 bg-white dark:!bg-black dark:border-2 dark:border-gray-50 rounded-3xl p-8 shadow-xl z-50"
             >
               <ul class="space-y-5 w-48">
                 {#each menuButtons as { href, icon, key }}
@@ -145,7 +145,7 @@
         </div>
       {:else}
         <a href={`/login?redirect=${$page.url.pathname}`}>
-          <button class="bg-white dark:bg-black px-5 py-2 rounded-xl font-semibold text-sm"
+          <button class="bg-white dark:!bg-black px-5 py-2 rounded-xl font-semibold text-sm"
             >{$t("nav.signIn")}</button
           >
         </a>
diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte
index 2bf79a50..5bf8280b 100644
--- a/src/routes/(app)/[username]/(profile)/+layout.svelte
+++ b/src/routes/(app)/[username]/(profile)/+layout.svelte
@@ -164,7 +164,7 @@
         {#if following}
           <div class="w-full flex">
             <button
-              class="mx-auto rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60 bg-black text-white"
+              class="mx-auto rounded-full border dark:border-white py-3 px-6 font-bold hover:opacity-80 flex w-60 bg-black text-white"
               on:click={unfollow}
             >
               <div class="mx-auto flex">
@@ -176,7 +176,7 @@
         {:else}
           <div class="w-full flex">
             <button
-              class="mx-auto rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60"
+              class="mx-auto rounded-full border dark:border-white py-3 px-6 font-bold hover:opacity-80 flex w-60"
               on:click={follow}
             >
               <div class="mx-auto flex">
@@ -192,7 +192,7 @@
         <div class="w-full flex">
           <a href={`/${subject.username}/messages`} class="mx-auto">
             <button
-              class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60"
+              class="rounded-full border dark:border-white py-3 px-6 font-bold hover:opacity-80 flex w-60"
             >
               <div class="mx-auto flex">
                 <Icon icon="message" style="mr-2 my-auto" />
@@ -212,7 +212,7 @@
             class="mx-auto"
           >
             <button
-              class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60"
+              class="rounded-full border dark:border-white py-3 px-6 font-bold hover:opacity-80 flex w-60"
             >
               <div class="mx-auto flex">
                 <Icon icon="send" style="mr-2" />
@@ -228,7 +228,7 @@
           <input placeholder="Password reset" bind:value={password} />
           <button
             type="submit"
-            class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60"
+            class="rounded-full border dark:border-white py-3 px-6 font-bold hover:opacity-80 flex w-60"
           >
             <div class="mx-auto flex">
               <Icon icon="clock" style="mr-2 my-auto w-8" />
diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte
index 2812100c..6ca59e8a 100644
--- a/src/routes/(app)/[username]/(profile)/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/+page.svelte
@@ -94,7 +94,7 @@
         >
           <a href={`/send`} class="w-full md:w-40">
             <button
-              class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex h-14 w-full "
+              class="rounded-full border dark:border-white py-3 px-6 font-bold hover:opacity-80 flex h-14 w-full "
             >
               <div class="mx-auto my-auto flex">
                 <Icon icon="send" style="my-auto h-6 mr-2 text-red-300 dark:invert" />
@@ -105,7 +105,7 @@
 
           <a href={`/${user.username}/receive`} class="w-full md:w-40 my-auto">
             <button
-              class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex h-14 w-full"
+              class="rounded-full border dark:border-white py-3 px-6 font-bold hover:opacity-80 flex h-14 w-full"
             >
               <div class="mx-auto flex">
                 <Icon icon="numpad" style="my-auto h-6 mr-2 dark:invert" />
@@ -116,7 +116,7 @@
 
           <a href={`/buy`} class="w-full md:w-52">
             <button
-              class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex h-14 w-full"
+              class="rounded-full border dark:border-white py-3 px-6 font-bold hover:opacity-80 flex h-14 w-full"
             >
               <div class="mx-auto flex">
                 <!-- <Icon icon="plus" style="my-auto h-6 mr-2" /> -->
diff --git a/src/routes/(app)/[username]/+layout.svelte b/src/routes/(app)/[username]/+layout.svelte
index dd29e3aa..4d6faccd 100644
--- a/src/routes/(app)/[username]/+layout.svelte
+++ b/src/routes/(app)/[username]/+layout.svelte
@@ -54,4 +54,4 @@
     animation: 280ms cubic-bezier(0, 0, 0.2, 1) 80ms both fade-in,
       180ms cubic-bezier(0.4, 0, 0.2, 1) both slide-from-right;
   }
-</style>
+</style>
\ No newline at end of file
diff --git a/src/routes/(app)/[username]/settings/[...tab]/_pos.svelte b/src/routes/(app)/[username]/settings/[...tab]/_pos.svelte
index 68b5e05f..f20a8d89 100644
--- a/src/routes/(app)/[username]/settings/[...tab]/_pos.svelte
+++ b/src/routes/(app)/[username]/settings/[...tab]/_pos.svelte
@@ -110,7 +110,7 @@
 <a href="./shopify">
   <button
     type="button"
-    class="flex rounded-full border py-2 px-4 font-bold hover:opacity-80 w-full gap-2 my-5 justify-center"
+    class="flex rounded-full border py-2 px-4 font-bold hover:opacity-80 w-full gap-2 my-5 justify-center dark:border-white"
   >
     <img src="/icons/shopify.svg" alt="" class="w-8" />
     <div class="my-auto">Shopify Integration</div>
diff --git a/src/routes/(app)/send/[...text]/+page.svelte b/src/routes/(app)/send/[...text]/+page.svelte
index 817ed9e8..2622feed 100644
--- a/src/routes/(app)/send/[...text]/+page.svelte
+++ b/src/routes/(app)/send/[...text]/+page.svelte
@@ -124,7 +124,7 @@
               </div>
             </div>
           </div>
-        </a> -->
+        </a> -->         
         {#each contacts as c}
           <a href={`/send/${c.username}`}>
             <div
-- 
cgit v1.2.3