docs: add sponsor data

src/App.svelte

@@ -1,7 +1,12 @@
 <script lang="js">
 	import Gallary from "./Components/Gallary.svelte";
 	import Nav from "./Components/Nav.svelte";
+	import { fade } from 'svelte/transition'
 	import { tickets, sponsors, partners } from "./data/data"
+
+	let show = {
+		ticket: false
+	}
 </script>
 
 <main class="flex flex-col items-center justify-center">
@@ -15,11 +20,6 @@
 		<h2 class=""><span class="font-bold">Venue:</span> The University of the Thai Chamber of Commerce</h2>
 	</section>
 
-	<h2 class="my-4 text-2xl md:my-8 text-center" id="tickets">Tickets</h2>
-	<section id="tickets">
-		<Gallary data={tickets} />
-	</section>
-
 		<h2 class="my-4 text-2xl md:my-8 text-center" id="about">About us</h2>
 	<section class="border-2 border-black" id="about">
 		<h4 class="p-4 md:p-8">The Stupid Hackathon in Thailand is a collaborative hackathon in Thailand with non-competitive intentions and no focuses on business value.</h4>
@@ -37,6 +37,15 @@
 		<Gallary data={partners} id="partners"/>
 	</section>
 
+	<h2 class="my-4 text-2xl md:my-8 text-center text-sky-600 hover:font-bold" id="tickets" on:click={()=>{
+		show.ticket = !show.ticket
+	}}>{show.ticket ? '[-] Tickets [Archived]' : '[+] Tickets [Archived]'}</h2>
+	{#if show.ticket}
+	<section id="tickets" transition:fade>
+		<Gallary data={tickets} />
+	</section>
+	{/if}
+
 	<footer class="py-6 gap-3 flex flex-row sm:gap-4" id="links">
 			<h4><a href="https://www.eventpop.me/e/13089" class="no-underline">Eventpop</a></h4>
 			<h4><a href="https://facebook.com/stupidhackth" class="no-underline">Facebook</a></h4>
@@ -57,7 +66,7 @@
 }
 
 a {
-  color: #0284c8;
+  color: #0891b2;
   text-decoration: underline;
 }
 

src/data/data.js

@@ -28,6 +28,15 @@ export const sponsors = [
         name: "Wonderful.software",
         href: "https://wonderful.software",
         imgSrc: "images/sponsors/wonderfulsoftware.webp",
+    },
+    {
+        name: "Sunday Ins.",
+        href: "https://easysunday.com/",
+        imgSrc: "images/sponsors/sunday.webp",
+    },{
+        name: "Microsoft",
+        href: "https://http://microsoft.com",
+        imgSrc: "images/sponsors/microsoft.webp",
     }
 ];