Merge pull request #1 from Vizzuality/coming-soon-page-redesign

revamp coming soon page

package.json

@@ -3,7 +3,7 @@
   "type": "module",
   "version": "0.0.1",
   "scripts": {
-    "dev": "astro dev",
+    "dev": "astro dev --host",
     "start": "astro dev",
     "build": "astro check && astro build",
     "preview": "astro preview",
@@ -13,6 +13,7 @@
     "@astrojs/check": "^0.4.1",
     "@astrojs/tailwind": "^5.1.0",
     "@fontsource/lexend": "^5.0.18",
+    "@fontsource/merriweather": "^5.0.13",
     "astro": "^4.1.2",
     "tailwindcss": "^3.4.1",
     "typescript": "^5.3.3"

src/layouts/Layout.astro

@@ -1,5 +1,6 @@
 ---
 import '@fontsource/lexend';
+import '@fontsource/merriweather';
 
 interface Props {
 	title: string;
@@ -24,13 +25,6 @@ const { title } = Astro.props;
 </html>
 <style is:global>
 	body {
-		background-image: url(/bg-mobile.svg);
-		@apply bg-blue-500 bg-cover bg-fixed bg-center bg-no-repeat font-sans text-white antialiased;
-	}
-
-	@media only screen and (min-width: 1023px) {
-		body {
-			background-image: url(/bg-desktop.svg);
-		}
+		@apply bg-white-900 text-base font-sans antialiased;
 	}
 </style>

tailwind.config.mjs

@@ -7,15 +7,56 @@ export default {
     extend: {
       fontSize: {
         '2xs': '.65rem', // 10px
+        'xs': '.75rem', // 12px
+        'base': '.875rem', // 14px
+        'xl': '0.975rem', // 16px
+        '2xl': '1.5rem', // 24px
+        '3xl': '2rem' // 32px
       },
       colors: {
         blue: {
           950: '#243B4A',
         },
+        lime: {
+          300: '#E4EA80',
+        },
+        green: {
+          900: '#237471',
+        },
+        'white-900': '#F7EEE0'
       },
       fontFamily: {
         sans: ['Lexend', ...defaultTheme.fontFamily.sans],
+        serif: ['Merriweather', ...defaultTheme.fontFamily.serif],
       },
+      backgroundImage: {
+        'forest': "url('/images/forest.jpeg')",
+        'm4n-logo': "url('/images/m4n-logo.svg')",
+        'm4n-logo-white': "url('/images/m4n-logo-white.svg')",
+        'naturist': "url('/images/naturist.png')",
+        'europe-flag': "url('/images/flag-of-europe.svg')",
+        'ciencias-lisboa': "url('/images/partners/Ciencias-Lisboa.png')",
+        'creaf': "url('/images/partners/CREAF.png')",
+        'cw': "url('/images/partners/CW.png')",
+        'dreamocracy': "url('/images/partners/Dreamocracy.png')",
+        'earthwatch': "url('/images/partners/Earthwatch.png')",
+        'flb-iaac': "url('/images/partners/FLB-IAAC.png')",
+        'tracasa-global': "url('/images/partners/Tracasa-Global.png')",
+        'forest-of-the-world': "url('/images/partners/Forests-Of-The-World.png')",
+        'ku': "url('/images/partners/ku_logo_uk_h-1 1.png')",
+        'niia': "url('/images/partners/NIIA.png')",
+        'nilu': "url('/images/partners/NILU.png')",
+        'nioo': "url('/images/partners/NIOO.png')",
+        'polski': "url('/images/partners/polski_alarm_smogowy_znak_kolor-1 1.png')",
+        'unep': "url('/images/partners/UNEPWCMC_Logo-Blue-2019-600x176 1.png')",
+        'vito': "url('/images/partners/vito-logo_blue_1-1 1.png')",
+        'vizzuality': "url('/images/partners/vizzuality_logo-1 1.png')",
+        'vms': "url('/images/partners/VWS_RIVM_Logo_online_ex_pos_en-1 1.png')",
+        'ihe': "url('/images/partners/IHE.png')",
+        'necu': "url('/images/partners/necu.png')",
+        'ecsa': "url('/images/partners/ECSA.png')",
+        'nordeco': "url('/images/partners/NORDECO.png')",
+      }
     },
   },
   plugins: [],