From 1c612d3d2278ece786098d9b72ee6b3b0cd4a89f Mon Sep 17 00:00:00 2001
From: Roger Fan <rogerjoeyfan@gmail.com>
Date: Wed, 22 Nov 2023 16:53:39 -0800
Subject: [PATCH] bing bong bing bong

---
 public/X.svg                  |  5 ++++
 public/bg.svg                 | 34 ++++++++-----------------
 src/app/(landing)/About.tsx   |  7 +++--
 src/app/(landing)/Heading.tsx | 48 ++++++++++++++++++++---------------
 4 files changed, 47 insertions(+), 47 deletions(-)
 create mode 100644 public/X.svg

diff --git a/public/X.svg b/public/X.svg
new file mode 100644
index 0000000..3a2409d
--- /dev/null
+++ b/public/X.svg
@@ -0,0 +1,5 @@
+<svg width="262" height="240" viewBox="0 0 262 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.8886 0.000426769H67.882V25.0004H12.8886V0.000426769Z" fill="#FF0000"/>
+<path d="M27.8868 44.9999H82.8802V69.9999H27.8868V44.9999Z" fill="#FF0000"/>
+<path d="M104.87 0L136.038 75.8203H137.913L194.86 0H262L169.902 120L224.504 240H159.473L127.133 163.359H125.258L67.6091 240H0L94.559 120L41.7138 0H104.87Z" fill="#FF0000"/>
+</svg>
diff --git a/public/bg.svg b/public/bg.svg
index 53e5d54..0212c2a 100644
--- a/public/bg.svg
+++ b/public/bg.svg
@@ -1,25 +1,13 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-     viewBox="0 0 1920 1080" style="enable-background:new 0 0 1920 1080;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:url(#SVGID_1_);}
-	.st1{fill:#1F1D26;}
-	.st2{fill:#292834;}
-	.st3{fill:#FCC534;}
-	.st4{display:none;}
-	.st5{display:inline;}
-</style>
-    <g id="Layer_2">
-	<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="960" y1="1080" x2="960" y2="-9.094947e-13">
-		<stop  offset="0.0188" style="stop-color:#F7AC3A"/>
-        <stop  offset="0.4413" style="stop-color:#F47722"/>
-        <stop  offset="1" style="stop-color:#EF2C00"/>
-	</linearGradient>
-        <rect class="st0" width="1920" height="1080"/>
-        <polygon class="st1" points="0,950.84 144.52,752.65 243.61,950.84 386.06,823.87 674.06,988 1054.97,727.87 1293.42,947.74
-		1581.42,760.39 1920,910.58 1920,1080 0,1080 	"/>
-        <polygon class="st2" points="0,1012.77 138.32,910.58 375.23,1066.97 680.26,887.35 988.39,977.16 1310.45,840.9 1632.52,1011.23
-		1920,953.94 1920,1080 0,1080 	"/>
+<svg width="1920" height="1080" viewBox="0 0 1920 1080" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_47)">
+<rect width="1920" height="1080" fill="white"/>
+<path d="M1920 0H0V1080H1920V0Z" fill="#292834"/>
+<path d="M0 950.84L144.52 752.65L243.61 950.84L386.06 823.87L674.06 988L1054.97 727.87L1293.42 947.74L1581.42 760.39L1920 910.58V1080H0V950.84Z" fill="#EF4800"/>
+<path d="M0 1012.77L138.32 910.58L375.23 1066.97L680.26 887.35L988.39 977.16L1310.45 840.9L1632.52 1011.23L1920 953.94V1080H0V1012.77Z" fill="#F47722"/>
 </g>
+<defs>
+<clipPath id="clip0_1_47">
+<rect width="1920" height="1080" fill="white"/>
+</clipPath>
+</defs>
 </svg>
diff --git a/src/app/(landing)/About.tsx b/src/app/(landing)/About.tsx
index 6af1fa9..bade849 100644
--- a/src/app/(landing)/About.tsx
+++ b/src/app/(landing)/About.tsx
@@ -4,16 +4,15 @@ import Section from '../../components/Section';
 export default function About() {
     return (
         <Section title="About" id="about">
-            <p className="mb-4">The tenth iteration of GunnHacks, Gunn High School's annual hackathon.</p>
+            <p className="mb-4">Make, Build, Create & Learn. It’s GunnHacks 10.0, the tenth iteration of Gunn’s annual hackathon!</p>
             <p className="mb-4">
                 GunnHacks is a 24-hour high school hackathon hosted by the United Computations club at Gunn High School.
                 Throughout the years, we have continued this valued tradition to encourage students of all skill levels
                 and backgrounds to make cool projects and share what they can do.
             </p>
             <p>
-                Join us this year for an in-person, 24 hour high school hackathon with many games and workshops to look forward to.
-                Work in teams of up to four to create something amazing. We welcome any PAUSD student with an interest
-                in technology!
+                Join us this year for an in-person hackathon with many games and workshops to look forward to.
+                Work in teams of up to four to create something amazing!
             </p>
 
             {/* <p>
diff --git a/src/app/(landing)/Heading.tsx b/src/app/(landing)/Heading.tsx
index e289460..2550068 100644
--- a/src/app/(landing)/Heading.tsx
+++ b/src/app/(landing)/Heading.tsx
@@ -9,30 +9,38 @@ const overpass = Overpass({
 export default function Heading() {
     return (
         <section id="heading" className="text-white text-center h-screen relative flex flex-col items-center justify-center p-5">
-            <div className={'flex flex-wrap justify-center gap-3 text-5xl sm:text-8xl tracking-wider mb-2 ' + overpass.className}>
-                <img className="w-12 h-12 sm:w-24 sm:h-24" src="/lambda.png" alt="lambda" />
-                <span className="pt-2">GunnHaX</span>
-            </div>
-            <hr className="w-40 border-t-2 border-white mb-4" />
-            <p className="mb-2">
-                Make, Build, Create & Learn. It’s GunnHacks 10.0, Gunn’s 24‑hour high school hackathon!
-            </p>
-            {/* <strong className="text-xl mb-4">January 21-22, 2023</strong> */}
+            <div className={'mb-2 relative ' + overpass.className}>
+                <span className="pt-2 text-6xl sm:text-9xl tracking-wider">GunnHa<span className="invisible">X</span></span>
+                <img className="absolute w-30 h-30 left-[calc(26rem)] top-[-3rem]" src="/X.svg" alt="lambda" />
+
+                <div className="ml-3 mt-[-.5rem]"> 
+                    <p className="mb-2 w-96 text-base text-left">
+                        {/* Make, Build, Create & Learn. It’s GunnHacks 10.0, Gunn’s 24‑hour high school hackathon! */}
+                        January 20-21, 2024 | Gunn High School.<br />
+                    </p>
 
-            <div className="flex gap-4 text-2xl">
-                {/* <a target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/GunnHacks" aria-label="Facebook">
+                    <div className="flex gap-4 text-2xl">
+                        {/* <a target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/GunnHacks" aria-label="Facebook">
                     <RiFacebookFill />
                 </a> */}
-                <a target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/gunn.hacks/" aria-label="Instagram">
-                    <RiInstagramFill />
-                </a>
-                <a target="_blank" rel="noopener noreferrer" href="https://discord.gg/pyJmTpRWZJ" aria-label="Instagram">
-                    <RiDiscordFill />
-                </a>
-                <a href="mailto:ghshacks@gmail.com" aria-label="Email">
-                    <FaEnvelope />
-                </a>
+                        <a target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/gunn.hacks/" aria-label="Instagram">
+                            <RiInstagramFill />
+                        </a>
+                        <a target="_blank" rel="noopener noreferrer" href="https://discord.gg/pyJmTpRWZJ" aria-label="Instagram">
+                            <RiDiscordFill />
+                        </a>
+                        <a href="mailto:ghshacks@gmail.com" aria-label="Email">
+                            <FaEnvelope />
+                        </a>
+                    </div>
+                </div>
+                
+
             </div>
+            
+            {/* <strong className="text-xl mb-4">January 21-22, 2023</strong> */}
+
+            
         </section>
     )
 }