Holding page tweaks (#47)

* Holding page tweaks

* Fixed font on Safari, added correct favicon

assets/css/main.css

@@ -1,6 +1,6 @@
 body {
-  @apply text-[#231f20];
   font-family: "ff-good-web-pro-extra-conden", sans-serif;
+  @apply text-[#231f20] italic;
 }
 
 .countdown-tile {

components/HoldingPage.vue

@@ -1,10 +1,12 @@
 <template>
-  <div class="flex flex-wrap justify-center items-center gap-y-8">
-    <img
-      src="https://assets-cdn.sums.su/YU/website/img/Roses/500x500_Roses_Holding_Page.webp"
-      class="aspect-square"
-      alt="Roses 2025 logo"
-    >
+  <div class="flex flex-wrap justify-center items-center h-full">
+    <div class="max-w-[500px] max-h-[500px]">
+      <img
+        src="https://assets-cdn.sums.su/YU/website/img/Roses/500x500_Roses_Holding_Page.webp"
+        class="aspect-square w-full object-contain"
+        alt="Roses 2025 logo"
+      >
+    </div>
     <div class="flex flex-col gap-y-8 text-center">
       <h1 class="text-5xl xxs:text-6xl sm:text-8xl">
         #RosesAreWhite
@@ -13,7 +15,7 @@
       <div class="flex justify-center">
         <SocialLinks />
       </div>
-      <div class="flex justify-center items-center gap-6">
+      <div class="flex justify-center items-center gap-6 h-20">
         <a href="https://yorksu.org/"><img
           src="https://assets-cdn.sums.su/YU/website/img/yorksu-logo-black-full.png"
           alt="University of York Students' Union"

nuxt.config.ts

@@ -21,7 +21,7 @@ export default defineNuxtConfig({
         {
           rel: 'icon',
           type: 'image/x-icon',
-          href: '/yorksu-logo-black-icon.png',
+          href: '/roses-logo.png',
         },
         { rel: 'stylesheet', href: 'https://use.typekit.net/nks8xpu.css' },
         {