h4ckx0r/webSostenible
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Corrección de errores y build
All checks were successful
Verificar versión, Compilar y Desplegar / check-version (push) Successful in 13s
Details
Verificar versión, Compilar y Desplegar / build (push) Successful in 29s
Details
Verificar versión, Compilar y Desplegar / deploy (push) Successful in 12s
Details

Browse Source
This commit is contained in:
Natanael Gómez Ortiz
2024-10-16 14:53:28 +02:00
parent ca7cdf0dcb
commit 678cbe4feb
4 changed files with 67 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@@ -1,7 +1,7 @@
{ {
"name": "websostenible", "name": "websostenible",
"type": "module", "type": "module",
"version": "0.1.2", "version": "0.1.3",
"scripts": { "scripts": {
"dev": "astro dev", "dev": "astro dev",
"devhost": "astro dev --host", "devhost": "astro dev --host",

27
src/components/Footer.astro Normal file
View File

@@ -0,0 +1,27 @@
<footer class="bg-dark text-white py-4">
<div class="container">
<div class="row">
<div class="col-md-6 text-center text-md-start">
<p>
&copy; 2024 Ecobjetivos. Todos los derechos
reservados.
</p>
</div>
<div class="col-md-6 text-center text-md-end">
<a href="#" class="text-white me-2"
><i class="fab fa-facebook-f"></i></a
>
<a href="#" class="text-white me-2"
><i class="fab fa-twitter"></i></a
>
<a href="#" class="text-white me-2"
><i class="fab fa-instagram"></i></a
>
<a href="#" class="text-white"
><i class="fab fa-linkedin-in"></i></a
>
</div>
</div>
</div>
</footer>

48
src/layouts/PostStyle.astro
View File

@@ -3,6 +3,7 @@
import { getHeadings } from '../utils/getHeadings'; // Asumimos que crearemos esta utilidad import { getHeadings } from '../utils/getHeadings'; // Asumimos que crearemos esta utilidad
import RelatedPosts from '../components/PostsRelacionados.astro'; // Componente para posts relacionados import RelatedPosts from '../components/PostsRelacionados.astro'; // Componente para posts relacionados
import Navbar from '../components/Navbar.astro'; import Navbar from '../components/Navbar.astro';
import Footer from '../components/Footer.astro';
const { frontmatter, content } = Astro.props; const { frontmatter, content } = Astro.props;
const headings = getHeadings(content); const headings = getHeadings(content);
@@ -20,23 +21,23 @@ const linkedinShareUrl = `https://www.linkedin.com/shareArticle?mini=true&url=${
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{frontmatter.title} - Ecobjetivos</title> <title>{frontmatter.titulo} - Ecobjetivos</title>
<meta name="description" content={description}> <meta name="description" content={description}>
<link rel="canonical" href={new URL(Astro.url.pathname, Astro.site).toString()}> <link rel="canonical" href={new URL(Astro.url.pathname, Astro.site).toString()}>
<!-- Open Graph / Facebook --> <!-- Open Graph / Facebook -->
<meta property="og:type" content="article"> <meta property="og:type" content="article">
<meta property="og:url" content={Astro.url}> <meta property="og:url" content={Astro.url}>
<meta property="og:title" content={frontmatter.title}> <meta property="og:title" content={frontmatter.titulo}>
<meta property="og:description" content={description}> <meta property="og:description" content={description}>
<meta property="og:image" content={frontmatter.image && new URL(frontmatter.image, Astro.site)}> <meta property="og:image" content={frontmatter.imagen && new URL(frontmatter.imagen, Astro.site)}>
<!-- Twitter --> <!-- Twitter -->
<meta property="twitter:card" content="summary_large_image"> <meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content={Astro.url}> <meta property="twitter:url" content={Astro.url}>
<meta property="twitter:title" content={frontmatter.title}> <meta property="twitter:title" content={frontmatter.titulo}>
<meta property="twitter:description" content={description}> <meta property="twitter:description" content={description}>
<meta property="twitter:image" content={frontmatter.image && new URL(frontmatter.image, Astro.site)}> <meta property="twitter:image" content={frontmatter.imagen && new URL(frontmatter.imagen, Astro.site)}>
<!-- Structured Data for Google --> <!-- Structured Data for Google -->
<script type="application/ld+json"> <script type="application/ld+json">
@@ -72,6 +73,7 @@ const linkedinShareUrl = `https://www.linkedin.com/shareArticle?mini=true&url=${
color: #333; color: #333;
} }
.post-header { .post-header {
margin-top: 60px;
background-color: #4CAF50; background-color: #4CAF50;
color: white; color: white;
padding: 2rem 0; padding: 2rem 0;
@@ -136,7 +138,7 @@ const linkedinShareUrl = `https://www.linkedin.com/shareArticle?mini=true&url=${
<header class="post-header"> <header class="post-header">
<div class="container"> <div class="container">
<h1 class="display-4">{frontmatter.title}</h1> <h1 class="display-4">{frontmatter.titulo}</h1>
<p class="post-meta"> <p class="post-meta">
<i class="fas fa-calendar-alt"></i> {new Date(frontmatter.fecha).toLocaleDateString('es-ES', {year: 'numeric', month: 'long', day: 'numeric'})} <i class="fas fa-calendar-alt"></i> {new Date(frontmatter.fecha).toLocaleDateString('es-ES', {year: 'numeric', month: 'long', day: 'numeric'})}
&nbsp;|&nbsp; &nbsp;|&nbsp;
@@ -177,9 +179,9 @@ const linkedinShareUrl = `https://www.linkedin.com/shareArticle?mini=true&url=${
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Compartir</h5> <h5 class="card-title">Compartir</h5>
<a href={facebookShareUrl} target="_blank" rel="noopener noreferrer" class="btn btn-primary me-2"><i class="fab fa-facebook-f"></i></a> <a href={facebookShareUrl} target="_blank" rel="noopener noreferrer" class="btn btn-primary me-2"><i class="fab fa-facebook-f fa-fw"></i></a>
<a href={twitterShareUrl} target="_blank" rel="noopener noreferrer" class="btn btn-info me-2"><i class="fab fa-twitter"></i></a> <a href={twitterShareUrl} target="_blank" rel="noopener noreferrer" class="btn btn-info me-2"><i class="fab fa-twitter fa-fw"></i></a>
<a href={linkedinShareUrl} target="_blank" rel="noopener noreferrer" class="btn btn-secondary"><i class="fab fa-linkedin-in"></i></a> <a href={linkedinShareUrl} target="_blank" rel="noopener noreferrer" class="btn btn-secondary"><i class="fab fa-linkedin-in fa-fw"></i></a>
</div> </div>
</div> </div>
</aside> </aside>
@@ -189,10 +191,32 @@ const linkedinShareUrl = `https://www.linkedin.com/shareArticle?mini=true&url=${
<RelatedPosts currentPost={frontmatter} /> <RelatedPosts currentPost={frontmatter} />
</main> </main>
<footer class="bg-dark text-white py-4"> <Footer/>
<!-- ... (contenido del footer) ... -->
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
</body> </body>
</html> </html>
<style is:global>
@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:ital@0;1&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Londrina+Sketch&display=swap");
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
font-family: "Inter Tight", sans-serif !important;
font-optical-sizing: auto;
font-weight: 400 !important;
font-style: normal;
}
.londrina-sketch-regular {
font-family: "Londrina Sketch", sans-serif !important;
font-weight: 400;
font-style: normal;
}
</style>

28
src/pages/index.astro
View File

@@ -1,5 +1,6 @@
--- ---
// Component Imports // Component Imports
import Footer from "../components/Footer.astro";
import ListadoPostsHorizontal from "../components/ListadoPostsHorizontal.astro"; import ListadoPostsHorizontal from "../components/ListadoPostsHorizontal.astro";
import Navbar from "../components/Navbar.astro"; import Navbar from "../components/Navbar.astro";
import { Image } from "astro:assets"; import { Image } from "astro:assets";
@@ -248,32 +249,7 @@ const animateOnScroll = `
</section> </section>
</main> </main>
<footer class="bg-dark text-white py-4"> <Footer/>
<div class="container">
<div class="row">
<div class="col-md-6 text-center text-md-start">
<p>
&copy; 2024 Ecobjetivos. Todos los derechos
reservados.
</p>
</div>
<div class="col-md-6 text-center text-md-end">
<a href="#" class="text-white me-2"
><i class="fab fa-facebook-f"></i></a
>
<a href="#" class="text-white me-2"
><i class="fab fa-twitter"></i></a
>
<a href="#" class="text-white me-2"
><i class="fab fa-instagram"></i></a
>
<a href="#" class="text-white"
><i class="fab fa-linkedin-in"></i></a
>
</div>
</div>
</div>
</footer>
<script <script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"