apex/src/layouts/Layout.astro

67 lines
1.9 KiB
Plaintext

---
import 'bootstrap/dist/css/bootstrap-grid.min.css';
import 'bootstrap/dist/css/bootstrap-reboot.min.css';
import 'bootstrap-icons/font/bootstrap-icons.min.css';
import favicon from '../assets/svg/favicon.svg';
const gtm = import.meta.env.ASTRO_GTAG;
---
<!doctype html>
<html>
<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} />
<!-- <meta name="description" content='' /> -->
<title>CodyOps</title>
<link rel="icon" type="image/svg+xml" href={favicon.src} />
<link rel="alternate" href="https://codyops.com/" hreflang="es" />
<link rel="alternate" href="https://codyops.com.es/" hreflang="es-ES" />
<link rel="alternate" href="https://codyops.com.br/" hreflang="pt-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>