✨ add logo to top right

.gitpod.yml

@@ -0,0 +1,11 @@
+# This configuration file was automatically generated by Gitpod.
+# Please adjust to your needs (see https://www.gitpod.io/docs/introduction/learn-gitpod/gitpod-yaml)
+# and commit this file to your remote git repository to share the goodness with others.
+
+# Learn more from ready-to-use templates: https://www.gitpod.io/docs/introduction/getting-started/quickstart
+
+tasks:
+  - init: pnpm install && pnpm run build
+    command: pnpm run dev
+
+

src/app.css

@@ -1,3 +1,7 @@
+body {
+	font-family: "Inter", sans-serif
+}
+
 @font-face {
   font-family: 'Array-Wide';
   src: url('/Array-Wide.woff2') format('woff2'),

src/components/Background.svelte

@@ -3,7 +3,7 @@
     let _text = text.repeat(500)
 </script>
 
-<div class="max-h-120vh w-screen overflow-clip absolute -z-100">
+<div class="h-screen w-screen overflow-clip absolute -z-100">
     <div class="m-0 h-full w-[105vw] bg-black text-neutral-800 m-0 break-words" style="font-family: Array-Wide; font-size: 3rem; line-height:2.5rem">
         {_text}
     </div>

src/routes/+layout.svelte

@@ -2,4 +2,7 @@
     import "../app.css";
     import "uno.css"
 </script>
+<div class="fixed top-15 right-15">
+    <img src="./i-horiz.webp" alt="Team Illusion Logo. An I with a star swirling around it." width={64} height={64} class="ml-5">
+</div>
 <slot/>

src/routes/about/+page.mdx

@@ -9,21 +9,21 @@ abstract: ''
 	"../../components/Link.svelte"
 </script>
 
-<div class="min-h-screen w-screen px-0 m-0" style="font-family: Inter">
+<div class="min-h-screen w-screen px-0 m-0 bg-black" style="font-family: Inter">
     <header class="mx-auto flex items-center text-white lg:max-w-screen-xl w-2/5">
         <div class="text-left mt-20">
             <Link href="/" back>Back</Link>
             <h1 class="text-2xl my-0">{date}</h1>
             <div class="rise-wrapper whitespace-pre w-fit font-800 -spacing-1 text-purple">
                 {#each title.split(" ") as word, index}
-                    <p class="rise-anim md:inline-flex block text-7xl my-0 font-800 -spacing-3 mt-6" style={`--delay: ${index * 200 + 100}ms`}
+                    <p class="rise-anim md:inline-flex block text-5xl lg:text-7xl my-0 font-800 -spacing-3 mt-6" style={`--delay: ${index * 200 + 100}ms`}
                         >{`${word}`}{index !== title.length-1 ? " " : ""}</p>
 				{/each}
             </div>
             <hr class="my-10 border-neutral-700 "/>
         </div>
     </header>
-    <div class="prose text-xl text-white w-2/5 mx-auto font-500">
+    <div class="prose text-xl text-white w-2/5 mx-auto font-500 pb-10">
         At Team Illusion, we believe in the power of innovation, collaboration, transparency, and creativity to achieve our goals. Our team is more than just a robotics club-- it is a community of like-minded individuals who share a passion for science, technology, engineering, and mathematics.
 
         We are committed to pushing the boundaries of what is possible in the field of robotics. We believe that technology can be used to make the world a better place, and we strive to create robots that can solve real-world problems. Our focus is on developing robots that are not only functional but also aesthetically pleasing and inspiring.