apex/src/layouts/Layout.astro

77 lines
2.4 KiB
Plaintext
Raw Normal View History

---
import 'bootstrap/dist/css/bootstrap-grid.min.css';
import 'bootstrap/dist/css/bootstrap-reboot.min.css';
2025-06-16 18:41:54 -03:00
import favicon from '../assets/svg/favicon.svg';
2025-06-16 18:41:54 -03:00
import og from '../assets/img/apex-cursos-carreras.png'
const gtm = import.meta.env.ASTRO_GTAG;
2025-06-16 18:41:54 -03:00
const title='CodyOps'
const description='Cursos y Carreras - Trabajo Remoto - Programa de Pasantías - Alta Demanda'
---
<!doctype html>
2025-06-16 18:41:54 -03:00
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="generator" content={Astro.generator} />
2025-06-16 18:41:54 -03:00
<meta name="description" content={description} />
<title>{title}</title>
<link rel="icon" type="image/svg+xml" href={favicon.src} />
2025-06-16 18:41:54 -03:00
<meta name="robots" content="all" />
<meta property="og:title" content={title} />
<meta property="og:type" content="website" />
<meta property="og:image" content={og.src} />
<meta property="og:url" content={process.env.ASTRO_SITE === undefined ? process.env.ASTRO_SITE_COM : 'https://codyops.com/'} />
<meta property="og:description" content={description} />
<link rel="alternate" href="https://codyops.com/" hreflang="es" />
<link rel="alternate" href="https://codyops.com.es/" hreflang="es-ES" />
2025-06-16 18:41:54 -03:00
<link rel="alternate" href="https://codyops.com.br/" hreflang="es-BR" />
{ !import.meta.env.DEV &&
<script is:inline async src={`https://www.googletagmanager.com/gtag/js?id=${gtm}`}></script>
<script is:inline async define:vars={{ gtm }}>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', gtm);</script>
}
</head>
<body data-bs-theme="dark">
<slot />
</body>
</html>
<style is:global>
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-right: 1rem;
}
.text-center {
text-align: center !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-white {
--bs-text-opacity: 1;
color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-decoration-none {
text-decoration: none !important;
}
.img-thumbnail {
padding: 0.25rem;
background-color: var(--bs-body-bg);
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
max-width: 100%;
height: auto;
}
.border-0 {
border: 0 !important;
}
</style>