-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathproyectos.html
More file actions
203 lines (197 loc) · 18.8 KB
/
Copy pathproyectos.html
File metadata and controls
203 lines (197 loc) · 18.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<!DOCTYPE html>
<html data-bs-theme="light" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta name="description" content="Descubre los proyectos en los que he trabajado con Django y Wagtail CMS. Desde plataformas educativas hasta marketplaces. ¡Explora mis casos de éxito!">
<title>Proyectos Realizados - @herr_pilgrim</title>
<!-- Open Graph -->
<meta property="og:title" content="Proyectos Realizados - @herr_pilgrim">
<meta property="og:description" content="Explora mis proyectos desarrollados con Django y Wagtail CMS. Casos de éxito en diferentes industrias.">
<meta property="og:image" content="https://tuweb.com/assets/img/projects.jpg">
<meta property="og:url" content="https://tuweb.com/proyectos.html">
<meta property="og:type" content="website">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Proyectos Realizados - @herr_pilgrim">
<meta name="twitter:description" content="Descubre cómo he desarrollado plataformas con Django y Wagtail CMS para diversos sectores.">
<meta name="twitter:image" content="https://tuweb.com/assets/img/projects.jpg">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&display=swap">
<link rel="stylesheet" href="assets/css/Hero-Clean-images.css">
<link rel="stylesheet" href="assets/css/Lightbox-Gallery-baguetteBox.min.css">
</head>
<body>
<nav class="navbar navbar-expand-md fixed-top navbar-shrink py-3 navbar-light" id="mainNav">
<div class="container"><a class="navbar-brand d-flex align-items-center" href="/"><span><a href="/"><strong><span style="color: rgb(0, 0, 0);">@herr_pilgrim</span></strong></a></span></a>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav mx-auto">
<li class="nav-item"></li>
<li class="nav-item"><a class="nav-link" href="servicios.html">Servicios</a></li>
<li class="nav-item"><a class="nav-link active" href="proyectos.html">Proyectos</a></li>
<li class="nav-item"></li>
</ul><a class="btn btn-primary shadow" role="button" href="https://t.me/Herrpilgrim" target="_blank" rel="noopener noreferrer">Trabajemos juntos</a>
</div>
</div>
</nav>
<section class="py-5 mt-5">
<div class="container py-4 py-xl-5">
<div class="row mb-5">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h2 class="display-6 fw-bold mb-4"></h2>
<p class="fs-2 text-muted">Algunos de los proyectos que he desarrollado y en los que me ha tocado participar</p>
</div>
</div>
</div>
<!-- GPTRAC - Proyecto más reciente -->
<div class="container py-4 py-xl-5">
<div class="row gy-4 gy-md-0">
<div class="col-md-6 d-xl-flex justify-content-xl-center align-items-xl-center">
<div class="carousel slide" data-bs-ride="false" id="carousel-gptrac">
<div class="carousel-inner">
<div class="carousel-item active"><img class="w-100 d-block" src="assets/img/Screenshot 2025-11-05 at 22.41.58.png" alt="Slide Image"></div>
<div class="carousel-item"><img class="w-100 d-block" src="assets/img/Screenshot 2025-11-05 at 23.00.35.png" alt="Slide Image"></div>
<div class="carousel-item"><img class="w-100 d-block" src="assets/img/Screenshot 2025-11-05 at 23.00.50.png" alt="Slide Image"></div>
</div>
<div><a class="carousel-control-prev" href="#carousel-gptrac" role="button" data-bs-slide="prev"><span class="carousel-control-prev-icon"></span><span class="visually-hidden">Previous</span></a><a class="carousel-control-next" href="#carousel-gptrac" role="button" data-bs-slide="next"><span class="carousel-control-next-icon"></span><span class="visually-hidden">Next</span></a></div>
<div class="carousel-indicators"><button type="button" data-bs-target="#carousel-gptrac" data-bs-slide-to="0" class="active"></button> <button type="button" data-bs-target="#carousel-gptrac" data-bs-slide-to="1"></button> <button type="button" data-bs-target="#carousel-gptrac" data-bs-slide-to="2"></button></div>
</div>
</div>
<div class="col-md-6 d-md-flex align-items-md-center">
<div style="max-width: 350px;">
<h2 class="fw-bold">gptrac.org</h2>
<p class="my-3"><strong>GPTRAC</strong> (The Great Plains Telehealth Resource and Assistance Center) es una iniciativa de la Universidad de Minnesota dedicada a proporcionar recursos y apoyo en telehealth. Mi trabajo consistió en migrar la plataforma institucional de Plone a Wagtail CMS, desarrollar y mantener la nueva plataforma web en Django/Wagtail, optimizar la accesibilidad y usabilidad para profesionales de la salud, e implementar un sistema flexible de administración de contenidos.<br><br><strong>Tecnologías:</strong> Python, Django, Wagtail CMS, PostgreSQL</p>
<p><a href="https://www.gptrac.org/" target="_blank" rel="noopener noreferrer">Visitar sitio →</a></p>
</div>
</div>
</div>
</div>
<!-- markplatz-landkultur.de -->
<div class="container py-4 py-xl-5">
<div class="row gy-4 gy-md-0">
<div class="col-md-6 d-xl-flex justify-content-xl-center align-items-xl-center">
<div class="carousel slide" data-bs-ride="false" id="carousel-1">
<div class="carousel-inner">
<div class="carousel-item active"><img class="w-100 d-block" src="assets/img/Screenshot%202025-01-28%20at%2019.03.48.jpg" alt="Slide Image"></div>
<div class="carousel-item"><img class="w-100 d-block" src="assets/img/Screenshot%202025-01-28%20at%2019.04.20.jpg" alt="Slide Image"></div>
<div class="carousel-item"><img class="w-100 d-block" src="assets/img/Screenshot%202025-01-28%20at%2019.05.05.jpg" alt="Slide Image"></div>
</div>
<div><a class="carousel-control-prev" href="#carousel-1" role="button" data-bs-slide="prev"><span class="carousel-control-prev-icon"></span><span class="visually-hidden">Previous</span></a><a class="carousel-control-next" href="#carousel-1" role="button" data-bs-slide="next"><span class="carousel-control-next-icon"></span><span class="visually-hidden">Next</span></a></div>
<div class="carousel-indicators"><button type="button" data-bs-target="#carousel-1" data-bs-slide-to="0" class="active"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="1"></button> <button type="button" data-bs-target="#carousel-1" data-bs-slide-to="2"></button></div>
</div>
</div>
<div class="col-md-6 d-md-flex align-items-md-center">
<div style="max-width: 350px;">
<h2 class="fw-bold">markplatz-landkultur.de</h2>
<p class="my-3">Marktplatz LandKultur es una plataforma que conecta a consumidores con productores locales, destacando la diversidad agrícola y su impacto cultural.<br><br><strong>Tecnologías:</strong> HTML, CSS, JavaScript, Backend APIs</p>
</div>
</div>
</div>
</div>
<!-- cajabierta.org -->
<div class="container py-4 py-xl-5">
<div class="row gy-4 gy-md-0">
<div class="col-md-6 text-center text-md-start d-flex d-sm-flex d-md-flex justify-content-center align-items-center justify-content-md-start align-items-md-center justify-content-xl-start">
<div style="max-width: 350px;">
<h2 class="fw-bold">cajabierta.org</h2>
<p class="my-3"><strong>Caja Abierta</strong> es una plataforma que ofrece un espacio para la reflexión y el aprendizaje sobre temas de sexualidad y género. Creado por un equipo de especialistas para fomentar el diálogo informado.<br><br><strong>Tecnologías:</strong> HTML, CSS, JavaScript, CMS</p>
</div>
</div>
<div class="col-md-6 d-xl-flex justify-content-xl-center align-items-xl-center">
<div class="carousel slide" data-bs-ride="false" id="carousel-2">
<div class="carousel-inner">
<div class="carousel-item active"><img class="w-100 d-block" src="assets/img/Screenshot%202025-01-28%20at%2020.05.55.png" alt="Slide Image"></div>
<div class="carousel-item"><img class="w-100 d-block" src="assets/img/Screenshot%202025-01-28%20at%2020.06.09.jpg" alt="Slide Image"></div>
<div class="carousel-item"><img class="w-100 d-block" src="assets/img/Screenshot%202025-01-28%20at%2020.07.39.png" alt="Slide Image"></div>
</div>
<div><a class="carousel-control-prev" href="#carousel-2" role="button" data-bs-slide="prev"><span class="carousel-control-prev-icon"></span><span class="visually-hidden">Previous</span></a><a class="carousel-control-next" href="#carousel-2" role="button" data-bs-slide="next"><span class="carousel-control-next-icon"></span><span class="visually-hidden">Next</span></a></div>
<div class="carousel-indicators"><button type="button" data-bs-target="#carousel-2" data-bs-slide-to="0" class="active"></button> <button type="button" data-bs-target="#carousel-2" data-bs-slide-to="1"></button> <button type="button" data-bs-target="#carousel-2" data-bs-slide-to="2"></button></div>
</div>
</div>
</div>
</div>
<!-- tankbier.be -->
<div class="container py-4 py-xl-5">
<div class="row gy-4 gy-md-0">
<div class="col-md-6 d-xl-flex justify-content-xl-center align-items-xl-center">
<div class="carousel slide" data-bs-ride="false" id="carousel-3">
<div class="carousel-inner">
<div class="carousel-item active"><img class="w-100 d-block" src="assets/img/Screenshot%202025-01-28%20at%2020.18.58.jpg" alt="Slide Image"></div>
<div class="carousel-item"><img class="w-100 d-block" src="assets/img/Screenshot%202025-01-28%20at%2020.19.08.jpg" alt="Slide Image"></div>
<div class="carousel-item"><img class="w-100 d-block" src="assets/img/Screenshot%202025-01-28%20at%2020.19.19.jpg" alt="Slide Image"></div>
</div>
<div><a class="carousel-control-prev" href="#carousel-3" role="button" data-bs-slide="prev"><span class="carousel-control-prev-icon"></span><span class="visually-hidden">Previous</span></a><a class="carousel-control-next" href="#carousel-3" role="button" data-bs-slide="next"><span class="carousel-control-next-icon"></span><span class="visually-hidden">Next</span></a></div>
<div class="carousel-indicators"><button type="button" data-bs-target="#carousel-3" data-bs-slide-to="0" class="active"></button> <button type="button" data-bs-target="#carousel-3" data-bs-slide-to="1"></button> <button type="button" data-bs-target="#carousel-3" data-bs-slide-to="2"></button></div>
</div>
</div>
<div class="col-md-6 d-md-flex align-items-md-center">
<div style="max-width: 350px;">
<h2 class="fw-bold">tankbier.be</h2>
<p class="my-3"><strong>Tankbier.be</strong> es una cervecería artesanal ubicada en Bélgica cuya página web necesitaba ser migrada y optimizada. Mi trabajo consistió en modernizar la plataforma y mejorar la experiencia del usuario.<br><br><strong>Tecnologías:</strong> HTML, CSS, JavaScript, Optimización SEO</p>
</div>
</div>
</div>
</div>
<!-- cryptocurrencies.info -->
<div class="container py-4 py-xl-5">
<div class="row gy-4 gy-md-0">
<div class="col-md-6 text-center text-md-start d-flex d-sm-flex d-md-flex justify-content-center align-items-center justify-content-md-start align-items-md-center justify-content-xl-start">
<div style="max-width: 350px;">
<h2 class="fw-bold">cryptocurrencies.info</h2>
<p class="my-3">Cryptobets.info es una plataforma dedicada a proporcionar información sobre apuestas deportivas, con un enfoque en la transparencia y el acceso a datos relevantes para la comunidad.<br><br><strong>Tecnologías:</strong> HTML, CSS, JavaScript, APIs de datos</p>
</div>
</div>
<div class="col-md-6 d-xl-flex justify-content-xl-center align-items-xl-center">
<div class="carousel slide" data-bs-ride="false" id="carousel-4">
<div class="carousel-inner">
<div class="carousel-item active"><img class="w-100 d-block" src="assets/img/Screenshot%202025-01-28%20at%2023.48.02.png" alt="Slide Image"></div>
<div class="carousel-item"><img class="w-100 d-block" src="assets/img/Screenshot%202025-01-28%20at%2023.49.01.png" alt="Slide Image"></div>
<div class="carousel-item"><img class="w-100 d-block" src="assets/img/Screenshot%202025-01-28%20at%2023.49.35.png" alt="Slide Image"></div>
</div>
<div><a class="carousel-control-prev" href="#carousel-4" role="button" data-bs-slide="prev"><span class="carousel-control-prev-icon"></span><span class="visually-hidden">Previous</span></a><a class="carousel-control-next" href="#carousel-4" role="button" data-bs-slide="next"><span class="carousel-control-next-icon"></span><span class="visually-hidden">Next</span></a></div>
<div class="carousel-indicators"><button type="button" data-bs-target="#carousel-4" data-bs-slide-to="0" class="active"></button> <button type="button" data-bs-target="#carousel-4" data-bs-slide-to="1"></button> <button type="button" data-bs-target="#carousel-4" data-bs-slide-to="2"></button></div>
</div>
</div>
</div>
</div>
</section>
<section></section>
<section class="py-4 py-xl-5">
<div class="container">
<div class="text-white bg-primary border rounded border-0 border-primary d-flex flex-column justify-content-between flex-lg-row p-4 p-md-5">
<div class="pb-2 pb-lg-1">
<h2 class="fw-bold text-warning mb-2">¿Tienes dudas de que seamos un match?</h2>
<p class="mb-0">Contáctame, estaré encantado de conocer tu proyecto y darte más detalles</p>
</div>
<div class="my-2"><a class="btn btn-light fs-5 py-2 px-4" role="button" href="https://t.me/Herrpilgrim" target="_blank" rel="noopener noreferrer">Contáctame</a></div>
</div>
</div>
</section>
<footer>
<div class="container py-4 py-lg-5">
<hr>
<div class="text-muted d-flex justify-content-between align-items-center pt-3">
<p class="mb-0">Copyright © 2025 herr_pilgrim</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://www.linkedin.com/in/royanezp/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.165-.405.789-1.241 1.914-1.241 1.734 0 2.433 1.318 2.433 3.253v3.461h-2.401V9.25c0-.821-.292-1.584-1.18-1.584-.644 0-1.025.431-1.193.847-.061.149-.077.357-.077.565v3.868h-2.401s.032-6.285 0-6.931h2.401z">
</path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/rypptc"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z">
</path>
</svg></a></li>
<li class="list-inline-item"><a href="https://www.fiverr.com/s/5raEjkk"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-fiverr">
<path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.2-.905.171l.667-3.218c.09-.434.27-.742.57-.909.295-.168.772-.182 1.578.182.244.118.38.572.356 1.256l-.355 1.76c-.114.572-.683 1.02-1.228.872-.338-.093-.571-.314-.558-.857l.035-.987c.164-.131.326-.328.517-.547l.134-.721c.126-.629-.003-1.048-.542-1.146zm-7.383-2.229a.7.7 0 0 0-.697.713.7.7 0 1 0 .697-.713zm.787 1.216c-.52 0-1.043.39-1.159 1.072-.065.393.033.862.473.862.54 0 1.055-.39 1.163-1.072.065-.393-.033-.862-.477-.862z">
</path>
</svg></a></li>
</ul>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/Lightbox-Gallery-baguetteBox.min.js"></script>
<script src="assets/js/Lightbox-Gallery.js"></script>
<script src="assets/js/startup-modern.js"></script>
</body>
</html>