codyops/apex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix #5 - Mejoras SEO (#8)

Browse Source 
Reviewed-on: #8
Co-authored-by: Luciano Giacchetta <giacchetta-@outlook.com>
Co-committed-by: Luciano Giacchetta <giacchetta-@outlook.com>
This commit is contained in:
Luciano Giacchetta 2025-06-16 18:56:05 -03:00 committed by Luciano Giacchetta
parent 1c2c71cfc4
commit 3f460d90c3
8 changed files with 64 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.gitea/workflows/builder.yaml
View File

@ -12,6 +12,9 @@ jobs:
ASTRO_GTAG_COM: ${{ vars.ASTRO_GTAG_COM }}
ASTRO_GTAG_ES: ${{ vars.ASTRO_GTAG_ES }}
ASTRO_GTAG_BR: ${{ vars.ASTRO_GTAG_BR }}
ASTRO_SITE_COM: ${{ vars.ASTRO_SITE_COM }}
ASTRO_SITE_ES: ${{ vars.ASTRO_SITE_ES }}
ASTRO_SITE_BR: ${{ vars.ASTRO_SITE_BR }}
steps:
- name: Check out repository code
uses: actions/checkout@v4

1
Makefile
View File

@ -16,6 +16,7 @@ build: setup $(addprefix step-,$(DOMAINS))
$(addprefix step-,$(DOMAINS)):
@echo "Ejecutando step para el dominio: $(shell echo $(patsubst step-%,%,$@) | tr '[:lower:]' '[:upper:]')"
export ASTRO_GTAG=${ASTRO_GTAG_$(shell echo $(patsubst step-%,%,$@) | tr '[:lower:]' '[:upper:]')} && \
export ASTRO_SITE=${ASTRO_SITE_$(shell echo $(patsubst step-%,%,$@) | tr '[:lower:]' '[:upper:]')} && \
npx astro build --force
podman build --pull=newer --tag $(REGISTRY)/$(IMAGE):$(patsubst step-%,%,$@) .
podman push $(REGISTRY)/$(IMAGE):$(patsubst step-%,%,$@)

13
package-lock.json generated
View File

@ -9,8 +9,10 @@
"version": "0.0.1",
"dependencies": {
"astro": "^5.9.2",
"bootstrap": "^5.3.6",
"bootstrap-icons": "^1.11.3"
"bootstrap": "^5.3.6"
},
"devDependencies": {
"bootstrap-icons": "^1.13.1"
}
},
"node_modules/@astrojs/compiler": {
@ -1682,9 +1684,10 @@
}
},
"node_modules/bootstrap-icons": {
"version": "1.11.3",
"resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.11.3.tgz",
"integrity": "sha512-+3lpHrCw/it2/7lBL15VR0HEumaBss0+f/Lb6ZvHISn1mlK83jjFpooTLsMWbIjJMDjDjOExMsTxnXSIT4k4ww==",
"version": "1.13.1",
"resolved": "https://registry.npmjs.org/bootstrap-icons/-/bootstrap-icons-1.13.1.tgz",
"integrity": "sha512-ijombt4v6bv5CLeXvRWKy7CuM3TRTuPEuGaGKvTV5cz65rQSY8RQ2JcHt6b90cBBAC7s8fsf2EkQDldzCoXUjw==",
"dev": true,
"funding": [
{
"type": "github",

6
package.json
View File

@ -10,7 +10,9 @@
},
"dependencies": {
"astro": "^5.9.2",
"bootstrap": "^5.3.6",
"bootstrap-icons": "^1.11.3"
"bootstrap": "^5.3.6"
},
"devDependencies": {
"bootstrap-icons": "^1.13.1"
}
}

BIN
src/assets/img/apex-cursos-carreras.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

24
src/components/Footer.astro
View File

@ -1,5 +1,11 @@
---
const date = new Date();
import { Image } from 'astro:assets';
import linkedIn from 'bootstrap-icons/icons/linkedin.svg'
import facebook from 'bootstrap-icons/icons/facebook.svg'
import instagram from 'bootstrap-icons/icons/instagram.svg'
import youtube from 'bootstrap-icons/icons/youtube.svg'
import github from 'bootstrap-icons/icons/github.svg'
---
<footer>
<div class="container pb-5">
@ -11,31 +17,37 @@ const date = new Date();
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a href="https://www.linkedin.com/company/codyopslatam">
<i class="bi-linkedin text-white"></i>
<Image class="img-bg-w" src={linkedIn} width={25} alt={'linkedIn Logo'}></Image>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.facebook.com/codyopslatam">
<i class="bi-facebook text-white"></i>
<Image class="img-bg-w" src={facebook} width={25} alt={'facebook Logo'}></Image>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.instagram.com/codyopslatam">
<i class="bi-instagram text-white"></i>
<Image class="img-bg-w" src={instagram} width={25} alt={'instagram Logo'}></Image>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.youtube.com/@codyopslabs">
<i class="bi-youtube text-white"></i>
<Image class="img-bg-w" src={youtube} width={25} alt={'youtube Logo'}></Image>
</a>
</li>
<li class="list-inline-item">
<a href="https://github.com/codyopslabs">
<i class="bi-github text-white"></i>
<Image class="img-bg-w" src={github} width={25} alt={'github Logo'}></Image>
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</footer>
<style>
.img-bg-w {
filter: invert(100%) brightness(100%);
}
</style>

20
src/layouts/Layout.astro
View File

@ -1,23 +1,33 @@
---
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';
import og from '../assets/img/apex-cursos-carreras.png'
const gtm = import.meta.env.ASTRO_GTAG;
const title='CodyOps'
const description='Cursos y Carreras - Trabajo Remoto - Programa de Pasantías - Alta Demanda'
---
<!doctype html>
<html>
<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} />
<!-- <meta name="description" content='' /> -->
<title>CodyOps</title>
<meta name="description" content={description} />
<title>{title}</title>
<link rel="icon" type="image/svg+xml" href={favicon.src} />
<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" />
<link rel="alternate" href="https://codyops.com.br/" hreflang="pt-BR" />
<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>

30
src/pages/index.astro
View File

@ -31,7 +31,7 @@ import spain from '../assets/img/spain-flag-square-medium.png';
<div class="col-md-6 col-lg-4 mb-4 mb-md-5 mb-lg-0">
<a class="text-center text-decoration-none border-0" href="https://ar.codyops.com/ ">
<div class="mb-3">
<Picture class="img-thumbnail" src={argentina} alt="Argentina Logo" />
<Picture class="img-thumbnail" width="435" height="435" loading="eager" src={argentina} alt="Argentina Logo" />
</div>
<h2 class="card-title text-white">Argentina</h2>
</a>
@ -39,7 +39,7 @@ import spain from '../assets/img/spain-flag-square-medium.png';
<div class="col-md-6 col-lg-4 mb-4 mb-md-5 mb-lg-0">
<a class="text-center text-decoration-none border-0" href="https://www.codyops.com.br">
<div class="mb-3">
<Picture class="img-thumbnail" src={brazil} alt="Brasil Logo" />
<Picture class="img-thumbnail" width="435" height="435" loading="eager" src={brazil} alt="Brasil Logo" />
</div>
<h2 class="card-title text-white">Brasil</h2>
</a>
@ -47,7 +47,7 @@ import spain from '../assets/img/spain-flag-square-medium.png';
<div class="col-md-6 col-lg-4 mb-4 mb-md-5 mb-lg-0">
<a class="text-center text-decoration-none border-0" href="https://cl.codyops.com">
<div class="mb-3">
<Picture class="img-thumbnail" src={chile} alt="Chile Logo" />
<Picture class="img-thumbnail" width="435" height="435" loading="eager" src={chile} alt="Chile Logo" />
</div>
<h2 class="card-title text-white">Chile</h2>
</a>
@ -57,7 +57,7 @@ import spain from '../assets/img/spain-flag-square-medium.png';
<div class="col-md-6 col-lg-4 mb-4 mb-md-5 mb-lg-0">
<a class="text-center text-decoration-none border-0" href="https://co.codyops.com">
<div class="mb-3">
<Picture class="img-thumbnail" src={colombia} alt="Colombia Logo" />
<Picture class="img-thumbnail" width="435" height="435" loading="eager" src={colombia} alt="Colombia Logo" />
</div>
<h2 class="card-title text-white">Colombia</h2>
</a>
@ -65,7 +65,7 @@ import spain from '../assets/img/spain-flag-square-medium.png';
<div class="col-md-6 col-lg-4 mb-4 mb-md-5 mb-lg-0">
<a class="text-center text-decoration-none border-0" href="https://cr.codyops.com/ ">
<div class="mb-3">
<Picture class="img-thumbnail" src={costarica} alt="Costa Rica Logo" />
<Picture class="img-thumbnail" width="435" height="435" loading="eager" src={costarica} alt="Costa Rica Logo" />
</div>
<h2 class="card-title text-white">Costa Rica</h2>
</a>
@ -73,7 +73,7 @@ import spain from '../assets/img/spain-flag-square-medium.png';
<div class="col-md-6 col-lg-4 mb-4 mb-md-5 mb-lg-0">
<a class="text-center text-decoration-none border-0" href="https://do.codyops.com">
<div class="mb-3">
<Picture class="img-thumbnail" src={dominicana} alt="Dominicana Logo" />
<Picture class="img-thumbnail" width="435" height="435" loading="eager" src={dominicana} alt="Dominicana Logo" />
</div>
<h2 class="card-title text-white">Dominicana</h2>
</a>
@ -83,7 +83,7 @@ import spain from '../assets/img/spain-flag-square-medium.png';
<div class="col-md-6 col-lg-4 mb-4 mb-md-5 mb-lg-0">
<a class="text-center text-decoration-none border-0" href="https://ec.codyops.com">
<div class="mb-3">
<Picture class="img-thumbnail" src={ecuador} alt="Ecuador Logo" />
<Picture class="img-thumbnail" width="435" height="435" loading="eager" src={ecuador} alt="Ecuador Logo" />
</div>
<h2 class="card-title text-white">Ecuador</h2>
</a>
@ -91,7 +91,7 @@ import spain from '../assets/img/spain-flag-square-medium.png';
<div class="col-md-6 col-lg-4 mb-4 mb-md-5 mb-lg-0">
<a class="text-center text-decoration-none border-0" href="https://www.codyops.com.es">
<div class="mb-3">
<Picture class="img-thumbnail" src={spain} alt="Spain Logo" />
<Picture class="img-thumbnail" width="435" height="435" loading="eager" src={spain} alt="Spain Logo" />
</div>
<h2 class="card-title text-white">España</h2>
</a>
@ -99,7 +99,7 @@ import spain from '../assets/img/spain-flag-square-medium.png';
<div class="col-md-6 col-lg-4 mb-4 mb-md-5 mb-lg-0">
<a class="text-center text-decoration-none border-0" href="https://www.codyops.com ">
<div class="mb-3">
<Picture class="img-thumbnail" src={usa} alt="USA Logo" />
<Picture class="img-thumbnail" width="435" height="435" loading="eager" src={usa} alt="USA Logo" />
</div>
<h2 class="card-title text-white">Estados Unidos</h2>
</a>
@ -109,7 +109,7 @@ import spain from '../assets/img/spain-flag-square-medium.png';
<div class="col-md-6 col-lg-4 mb-4 mb-md-5 mb-lg-0">
<a class="text-center text-decoration-none border-0" href="https://mx.codyops.com/ ">
<div class="mb-3">
<Picture class="img-thumbnail" src={mexico} alt="Mexico Logo" />
<Picture class="img-thumbnail" width="435" height="435" loading="eager" src={mexico} alt="Mexico Logo" />
</div>
<h2 class="card-title text-white">México</h2>
</a>
@ -117,7 +117,7 @@ import spain from '../assets/img/spain-flag-square-medium.png';
<div class="col-md-6 col-lg-4 mb-4 mb-md-5 mb-lg-0">
<a class="text-center text-decoration-none border-0" href="https://pa.codyops.com">
<div class="mb-3">
<Picture class="img-thumbnail" src={panama} alt="Panama Logo" />
<Picture class="img-thumbnail" width="435" height="435" loading="eager" src={panama} alt="Panama Logo" />
</div>
<h2 class="card-title text-white">Panamá</h2>
</a>
@ -125,7 +125,7 @@ import spain from '../assets/img/spain-flag-square-medium.png';
<div class="col-md-6 col-lg-4">
<a class="text-center text-decoration-none border-0" href="https://py.codyops.com">
<div class="mb-3">
<Picture class="img-thumbnail" src={paraguay} alt="Paraguay Logo" />
<Picture class="img-thumbnail" width="435" height="435" loading="eager" src={paraguay} alt="Paraguay Logo" />
</div>
<h2 class="card-title text-white">Paraguay</h2>
</a>
@ -135,7 +135,7 @@ import spain from '../assets/img/spain-flag-square-medium.png';
<div class="col-md-6 col-lg-4 mb-4 mb-md-5 mb-lg-0">
<a class="text-center text-decoration-none border-0" href="https://pe.codyops.com/ ">
<div class="mb-3">
<Picture class="img-thumbnail" src={peru} alt="Peru Logo" />
<Picture class="img-thumbnail" width="435" height="435" loading="eager" src={peru} alt="Peru Logo" />
</div>
<h2 class="card-title text-white">Perú</h2>
</a>
@ -143,7 +143,7 @@ import spain from '../assets/img/spain-flag-square-medium.png';
<div class="col-md-6 col-lg-4 mb-4 mb-md-5 mb-lg-0">
<a class="text-center text-decoration-none border-0" href="https://sv.codyops.com">
<div class="mb-3">
<Picture class="img-thumbnail" src={salvador} alt="Salvador Logo" />
<Picture class="img-thumbnail" width="435" height="435" loading="eager" src={salvador} alt="Salvador Logo" />
</div>
<h2 class="card-title text-white">El Salvador</h2>
</a>
@ -151,7 +151,7 @@ import spain from '../assets/img/spain-flag-square-medium.png';
<div class="col-md-6 col-lg-4">
<a class="text-center text-decoration-none border-0" href="https://uy.codyops.com">
<div class="mb-3">
<Picture class="img-thumbnail" src={uruguay} alt="Uruguay Logo" />
<Picture class="img-thumbnail" width="435" height="435" loading="eager" src={uruguay} alt="Uruguay Logo" />
</div>
<h2 class="card-title text-white">Uruguay</h2>
</a>