feat: add header

redte-ch · Jul 30, 2024 · ac8ab93 · ac8ab93
1 parent 2d94f65
commit ac8ab93
Show file tree

Hide file tree

Showing 17 changed files with 104 additions and 50 deletions.
diff --git a/CNAME b/CNAME
@@ -1 +1 @@
-redte.ch
+maisonquiroga.art
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -2,7 +2,7 @@ import { defineConfig } from 'astro/config'
 import tailwind from '@astrojs/tailwind'
 
 export default defineConfig({
-  site: 'https://redte.ch',
+  site: 'https://maisonquiroga.art',
   compressHTML: true,
   integrations: [tailwind()]
 })
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@bonjourmauko/redtech",
+  "name": "@redtech/maisonquiroga",
   "version": "0.1.0",
   "private": true,
   "scripts": {

diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/icon.svg b/public/icon.svg
diff --git a/public/images/logo.png b/public/images/logo.png
diff --git a/src/components/Logo.astro b/src/components/Logo.astro
@@ -1,7 +1,7 @@
 ---
-const { class: className, ...rest } = Astro.props
+const { class: className, src, ...rest } = Astro.props
 ---
 
 <div class={ className }>
-    <img class="w-48 h-48" { ...rest } />
+    <img src={ src } { ...rest } class="w-20 h-20" alt="Logo"/>
 </div>
diff --git a/src/layouts/Head.astro b/src/layouts/Head.astro
@@ -1,10 +1,20 @@
 ---
 import "../styles/global.css"
+const title = "Maison Quiroga"
+const description = "" +
+  "Roberto Quiroga Valdovinos. " +
+  "Artiste peintre. " +
+  "Œuvres et contact : @maisonquiroga (Instagram). " +
+  "Exposition permanente : Lautaro Rosas 588 Cerro Alegre, Valparaíso, Chili."
 ---
 
-<meta charset="utf-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<title>Red Innovation</title>
-<meta name="description" content="Public tech for a better future">
-<meta name="author" content="Mauko Quiroga-Alvarado" />
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+  <title>{title}</title>
+  <meta name="description" content={description}>
+  <meta name="author" content="Roberto Quiroga Valdovinos" />
+  <link rel="icon" href="/favicon.ico" sizes="32x32">
+  <link rel="icon" href="/icon.svg" type="image/svg+xml">
+</head>
diff --git a/src/layouts/Home.astro b/src/layouts/Home.astro
@@ -2,10 +2,8 @@
 import Head from "./Head.astro"
 ---
 
-<html lang="en">
-    <head>
-        <Head />
-    </head>
+<html lang="fr">
+    <Head />
 
     <body>
         <main>

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -12,26 +12,38 @@ import Home from "../layouts/Home.astro"
     />
 
     <Hero class="hero">
-        <h1>
-            Public tech for a better future
+        <h1 class="block md:hidden">
+            RGQV
         </h1>
 
-        <h2>
-            Building the present of European digital public infrastructure
+        <h1 class="hidden md:block lg:hidden">
+            Roberto Quiroga
+        </h1>
+
+        <h1 class="hidden lg:block 3xl:hidden">
+            Roberto Quiroga Valdovinos
+        </h1>
+
+        <h1 class="hidden 3xl:block">
+            Roberto Gerardo Quiroga Valdovinos
+        </h1>
+
+        <h2 class="block sm:hidden">
+            peintre.
         </h2>
 
-        <p>
-            <b>
-                We enable governments & companies to generate AI solutions by
-                ensuring compliance with EU rules & guidelines.
-            </b>
+        <h2 class="hidden sm:block md:hidden">
+            artiste peintre.
+        </h2>
 
-            Providing an edge in the global AI market by positioning compliance
-            as part of your value proposition.
+        <h2 class="hidden md:block lg:hidden">
+            artiste peintre. <span>valparaíso.</span>
+        </h2>
+
+        <h2 class="hidden lg:block">
+            artiste peintre. <span>valparaíso, chili.</span>
+        </h2>
 
-            Consolidating the EU’s humanist approach to AI by enabling
-            compliance by principle and design - rather than an expensive
-            afterthought.
-        </p>
+        <p></p>
     </Hero>
 </Home>
diff --git a/src/styles/_base.css b/src/styles/_base.css
@@ -1,5 +1,5 @@
 html {
-    @apply bg-neutral !important;
+    @apply bg-white !important;
     @apply text-primary !important;
 }
 

diff --git a/src/styles/_font.css b/src/styles/_font.css
@@ -2,33 +2,33 @@
     font-family: 'AkzidenzGrotesk';
     font-style: normal;
     font-weight: 300;
-    src: url('/public/fonts/AkzidenzGrotesk-300.otf') format('opentype');
+    src: url('/fonts/AkzidenzGrotesk-300.otf') format('opentype');
 }
 
 @font-face {
     font-family: 'AkzidenzGrotesk';
     font-style: normal;
     font-weight: 400;
-    src: url('/public/fonts/AkzidenzGrotesk-400.otf') format('opentype');
+    src: url('/fonts/AkzidenzGrotesk-400.otf') format('opentype');
 }
 
 @font-face {
     font-family: 'AkzidenzGrotesk';
     font-style: normal;
     font-weight: 500;
-    src: url('/public/fonts/AkzidenzGrotesk-500.otf') format('opentype');
+    src: url('/fonts/AkzidenzGrotesk-500.otf') format('opentype');
 }
 
 @font-face {
     font-family: 'AkzidenzGrotesk';
     font-style: normal;
     font-weight: 700;
-    src: url('/public/fonts/AkzidenzGrotesk-700.otf') format('opentype');
+    src: url('/fonts/AkzidenzGrotesk-700.otf') format('opentype');
 }
 
 @font-face {
     font-family: 'AkzidenzGrotesk';
     font-style: normal;
     font-weight: 900;
-    src: url('/public/fonts/AkzidenzGrotesk-900.otf') format('opentype');
+    src: url('/fonts/AkzidenzGrotesk-900.otf') format('opentype');
 }
diff --git a/src/styles/_hero.css b/src/styles/_hero.css
@@ -1,4 +1,4 @@
 .hero {
     @apply bg-white;
-    @apply pt-32 pr-16 pb-16 pl-16;
+    @apply p-8;
 }
diff --git a/src/styles/_logo.css b/src/styles/_logo.css
@@ -1,4 +1,4 @@
 .logo {
-    @apply -mb-24;
-    @apply pt-16 pr-16 pl-16;
+    @apply -mb-28;
+    @apply pt-8 pr-8 pl-8;
 }
diff --git a/src/styles/_text.css b/src/styles/_text.css
@@ -1,16 +1,22 @@
 h1 {
-    @apply mb-4 !important;
+    @apply ml-16 !important;
+    @apply pl-8 !important;
     @apply text-5xl !important;
     @apply font-black !important;
 }
 
 h2 {
-    @apply mb-2 !important;
-    @apply text-2xl !important;
+    @apply ml-16 !important;
+    @apply pl-8 !important;
+    @apply text-4xl !important;
     @apply font-bold !important;
     @apply text-secondary !important;
 }
 
+h2 span {
+    @apply text-gray-300 !important;
+}
+
 p {
     @apply text-lg !important;
     @apply font-normal !important;

diff --git a/tailwind.config.cjs b/tailwind.config.cjs
@@ -6,10 +6,9 @@ module.exports = {
   theme: {
     extend: {
       colors: {
-        white: '#e2e7e9',
-        neutral: '#dee3e5',
+        white: '#ffffff',
         primary: '#000000',
-        secondary: '#e52043'
+        secondary: '#db0019'
       },
       fontFamily: {
         sans: ['AkzidenzGrotesk', ...defaultTheme.fontFamily.sans]