Add openGraph and fix site and base (astro.config.mjs)

IEEE-ESTl · Apr 29, 2024 · 27429cc · 27429cc
1 parent bcb1cd0
commit 27429cc
Show file tree

Hide file tree

Showing 9 changed files with 48 additions and 20 deletions.
diff --git a/README.md b/README.md
@@ -1,9 +1,9 @@
 <h1 align="center"> IEEE-ESTl Student Web Hub </h1>
 <p align="center">
-  <img width="400px" src="https://github.com/IEEE-ESTl/IEEE-ESTl-Student-Web-Hub/blob/main/public/SB-Logo.png" alt="IEEE - ESTl Student Branch"/>
+  <img width="400px" src="https://github.com/IEEE-ESTl/blob/main/public/SB-Logo.png" alt="IEEE - ESTl Student Branch"/>
 </p>
 
-[![Deploy to GitHub Pages](https://github.com/IEEE-ESTl/IEEE-ESTl-Student-Web-Hub/actions/workflows/deploy.yml/badge.svg?branch=main)](https://github.com/IEEE-ESTl/IEEE-ESTl-Student-Web-Hub/actions/workflows/deploy.yml)
+[![Deploy to GitHub Pages](https://github.com/IEEE-ESTl/actions/workflows/deploy.yml/badge.svg?branch=main)](https://github.com/IEEE-ESTl/actions/workflows/deploy.yml)
 
 ### La Rama Estudiantil IEEE-ESTl es una comunidad de estudiantes apasionados por la programación, la innovación y el conocimiento de nuevas tecnologías. Como miembros de la rama, nos vimos en la tarea de crear la página web “IEEE-ESTL Student Web Hub”.
 
@@ -37,7 +37,7 @@
 <h2 align="center">Instalación</h2>
 <p>Para hacer uso de este proyecto de manera local es necesario descargar el código desde el apartado “code” o si lo desea puede ejecutar los siguientes comandos en la terminal de visual studio code.</p>
 
-- `git clone https://github.com/IEEE-ESTl/IEEE-ESTl-Student-Web-Hub.git`  para clonar el proyecto
+- `git clone https://github.com/IEEE-ESTl.git`  para clonar el proyecto
 
 - `pnpm install` para instalar todas las dependencias del proyecto
 - `pnpm run dev` para abrir una previsualización del proyecto de forma local

diff --git a/astro.config.mjs b/astro.config.mjs
@@ -6,6 +6,4 @@ import tailwind from "@astrojs/tailwind";
 // https://astro.build/config
 export default defineConfig({
   integrations: [react(), tailwind()],
-  site: 'https://IEEE-ESTl.github.io',
-  base: '/IEEE-ESTl-Student-Web-Hub'
 });
diff --git a/package.json b/package.json
@@ -24,6 +24,7 @@
     "@types/react": "^18.2.59",
     "@types/react-dom": "^18.2.19",
     "astro": "^4.4.1",
+    "astro-seo": "^0.8.3",
     "dependence": "^1.1.0",
     "framer-motion": "^11.1.7",
     "react": "^18.2.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -25,7 +25,7 @@ const isMembersPage = pathname.includes("members");
     src={branchLogo.src}
     class="logoIEEE cursor-pointer"
     alt="Logo de IEEE"
-    onclick="window.location.href='/IEEE-ESTl-Student-Web-Hub/'"
+    onclick="window.location.href='/'"
   />
 
   <div class="navInicio">

diff --git a/src/components/Inicio.astro b/src/components/Inicio.astro
@@ -41,7 +41,7 @@ import "@fontsource/open-sauce-sans/600.css";
             >
             <button
               class="Contactar2"
-              onclick="location.href='/IEEE-ESTl-Student-Web-Hub/members'"
+              onclick="location.href='/members'"
               >Miembros</button
             >
           </div>

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -1,11 +1,12 @@
 ---
 import logo from "/public/SB-Logo.png";
 import config from "../../config.json";
-
 import "@fontsource/open-sauce-sans/400.css";
 import "@fontsource/open-sauce-sans/800.css";
-
 import Header from "@components/Header.astro";
+import { SEO } from "astro-seo";
+
+const { title, description } = Astro.props;
 ---
 
 <!doctype html>
@@ -15,16 +16,26 @@ import Header from "@components/Header.astro";
     <meta name="description" content="Astro description" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" type="image/png" href={logo.src} />
-    <title>{config.branchName}</title>
+
+    <SEO
+      title={title}
+      description={description}
+      openGraph={{
+        basic: {
+          title: title,
+          type: "website",
+          image: logo.src,
+        },
+      }}
+    />
   </head>
   <body>
-    <Header />  
+    <Header />
     <slot />
+    <style>
+      body {
+        font-family: "Open Sauce Sans", sans-serif;
+      }
+    </style>
   </body>
 </html>
-
-<style>
-  body {
-    font-family: "Open Sauce Sans", sans-serif;
-  }
-</style>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -12,7 +12,10 @@ import Inicio from "../components/Inicio.astro";
 import Titulos from "../components/Titulos.astro";
 ---
 
-<Layout title="Welcome to StudentWebHub">
+<Layout
+  title="IEEE - ESTl | Apasionados por el Saber"
+  description="Somos un grupo de estudiantes apasionados por el saber. Nuestro objetivo es fomentar el conocimiento técnico, la colaboración y la innovación"
+>
   <Inicio />
   <Titulos titulo="Eventos" />
 
@@ -84,7 +87,6 @@ import Titulos from "../components/Titulos.astro";
     }
 
     @media (max-width: 1155px) {
-
       .unete {
         margin-bottom: 2rem;
       }

diff --git a/src/pages/members.astro b/src/pages/members.astro
@@ -121,7 +121,10 @@ const members = [
 ];
 ---
 
-<Layout title="IEEE - ESTl Branch Members">
+<Layout
+    title="IEEE - ESTl | Miembros de la Rama"
+    description="Conoce a los miembros de la rama estudiantil IEEE - ESTl"
+>
     <h1
         class="text-5xl font-bold text-center mb-6 max-[1000px]:text-3xl max-[600px]:text-2xl"
     >