Skip to content

Commit 621d6d9

Browse files
cursoragentcursoragent
committed
Refactor: Modularize organization page with reusable components
- Create _includes/organization/ directory for modular components - Extract Coderic Cloud section to coderic-cloud.html (58 lines) - Extract GitHub stats section to github-stats.html (32 lines) - Extract CTA section to cta-section.html (14 lines) - Reduce organization/index.html from 582 to 478 lines (-104 lines) - Improve maintainability and code reusability
1 parent 97e9c78 commit 621d6d9

4 files changed

Lines changed: 110 additions & 107 deletions

File tree

‎_includes/organization/coderic-cloud.html‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
<!-- 1. Coderic Cloud -->
2+
<div class="bg-gradient-to-br from-cyan-50 to-blue-50 border-2 border-cyan-200 rounded-lg p-4 sm:p-6 lg:p-8 mb-6 sm:mb-8 hover:shadow-xl transition-shadow">
3+
<div class="flex items-center mb-4">
4+
<div class="text-4xl mr-4">☁️</div>
5+
<div>
6+
<h3 class="text-2xl sm:text-3xl font-bold text-stone-800">1. Coderic Cloud</h3>
7+
<p class="text-sm sm:text-base text-gray-600">Provisión de infraestructura tecnológica basada en la nube</p>
8+
</div>
9+
</div>
10+
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6 mt-6">
11+
<div>
12+
<h4 class="font-bold text-stone-800 mb-3">Servicios Principales:</h4>
13+
<ul class="space-y-2 text-gray-700">
14+
<li class="flex items-start">
15+
<span class="text-cyan-600 mr-2">✓</span>
16+
<span><strong>SaaS, PaaS, IaaS, FaaS</strong> - Complete cloud computing solutions</span>
17+
</li>
18+
<li class="flex items-start">
19+
<span class="text-cyan-600 mr-2">✓</span>
20+
<span><strong>Venta y gestión de dominios</strong></span>
21+
</li>
22+
<li class="flex items-start">
23+
<span class="text-cyan-600 mr-2">✓</span>
24+
<span><strong>Gestión DNS</strong></span>
25+
</li>
26+
<li class="flex items-start">
27+
<span class="text-cyan-600 mr-2">✓</span>
28+
<span><strong>Big Data, Large Scale</strong></span>
29+
</li>
30+
<li class="flex items-start">
31+
<span class="text-cyan-600 mr-2">✓</span>
32+
<span><strong>Herramientas de automatización</strong> (Terraform, Ansible, etc.)</span>
33+
</li>
34+
</ul>
35+
</div>
36+
<div>
37+
<h4 class="font-bold text-stone-800 mb-3">Integraciones:</h4>
38+
<ul class="space-y-2 text-gray-700">
39+
<li class="flex items-start">
40+
<span class="text-cyan-600 mr-2">✓</span>
41+
<span>AWS (Amazon Web Services)</span>
42+
</li>
43+
<li class="flex items-start">
44+
<span class="text-cyan-600 mr-2">✓</span>
45+
<span>Contabo</span>
46+
</li>
47+
<li class="flex items-start">
48+
<span class="text-cyan-600 mr-2">✓</span>
49+
<span>Oracle Cloud</span>
50+
</li>
51+
<li class="flex items-start">
52+
<span class="text-cyan-600 mr-2">✓</span>
53+
<span>Heroku</span>
54+
</li>
55+
</ul>
56+
</div>
57+
</div>
58+
</div>

‎_includes/organization/cta-section.html‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!-- Call to Action -->
2+
<div class="bg-gradient-to-r from-orange-500 to-orange-600 text-white rounded-lg p-12 text-center">
3+
<h2 class="text-3xl font-bold mb-4">¿Listo para Ser Parte del Ecosistema Coderic?</h2>
4+
<p class="text-xl mb-8 max-w-2xl mx-auto">
5+
Únete a nuestra comunidad y descubre cómo podemos ayudarte a crecer tecnológicamente.
6+
</p>
7+
<div class="space-x-4">
8+
<a href="https://github.com/Coderic" class="bg-white hover:bg-gray-100 text-orange-600 font-bold py-2 sm:py-3 px-4 sm:px-6 lg:px-8 rounded-lg text-sm sm:text-base lg:text-lg inline-block transition">
9+
Contribuir en GitHub
10+
</a>
11+
<a href="/community" class="bg-orange-700 hover:bg-orange-800 text-white font-bold py-2 sm:py-3 px-4 sm:px-6 lg:px-8 rounded-lg text-sm sm:text-base lg:text-lg inline-block transition border-2 border-white">
12+
Unirse a la Comunidad
13+
</a>
14+
<a href="mailto:coderic@coderic.org" class="bg-transparent hover:bg-white hover:text-orange-600 text-white font-bold py-2 sm:py-3 px-4 sm:px-6 lg:px-8 rounded-lg text-sm sm:text-base lg:text-lg inline-block transition border-2 border-white">
15+
Contáctanos
16+
</a>
17+
</div>
18+
</div>

‎_includes/organization/github-stats.html‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!-- GitHub Statistics -->
2+
<div class="mb-16">
3+
<h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold mb-6 sm:mb-8 text-stone-800 text-center">Nuestra Presencia Open Source</h2>
4+
<div class="bg-stone-50 rounded-lg p-8">
5+
<div class="grid md:grid-cols-3 gap-6 text-center mb-8">
6+
<div class="bg-white p-6 rounded-lg shadow">
7+
<div class="text-4xl font-bold text-orange-600 mb-2">43+</div>
8+
<p class="text-gray-700 font-semibold">Repositorios Públicos</p>
9+
<p class="text-sm text-gray-500 mt-1">Proyectos open source</p>
10+
</div>
11+
<div class="bg-white p-6 rounded-lg shadow">
12+
<div class="text-4xl font-bold text-orange-600 mb-2">30+</div>
13+
<p class="text-gray-700 font-semibold">Seguidores de la Comunidad</p>
14+
<p class="text-sm text-gray-500 mt-1">On GitHub</p>
15+
</div>
16+
<div class="bg-white p-6 rounded-lg shadow">
17+
<div class="text-4xl font-bold text-orange-600 mb-2">2004</div>
18+
<p class="text-gray-700 font-semibold">Desde</p>
19+
<p class="text-sm text-gray-500 mt-1">Organización fundada</p>
20+
</div>
21+
</div>
22+
<div class="text-center">
23+
<p class="text-gray-700 mb-4">
24+
Somos una comunidad de desarrolladores trabajando colaborativamente en los ecosistemas tecnológicos de Coderic Corporation.
25+
</p>
26+
<a href="https://github.com/Coderic" class="bg-stone-800 hover:bg-stone-700 text-white font-bold py-2 sm:py-3 px-4 sm:px-6 lg:px-8 rounded-lg text-sm sm:text-base lg:text-lg inline-block transition">
27+
Ver Nuestra Organización en GitHub
28+
</a>
29+
</div>
30+
</div>
31+
</div>

‎organization/index.html‎

Lines changed: 3 additions & 107 deletions
Original file line numberDiff line numberDiff line change
@@ -89,64 +89,7 @@ <h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold mb-6 sm:mb-8 text-stone-80
8989
Nuestro ecosistema corporativo consta de cinco áreas principales que trabajan juntas para proporcionar soluciones integrales:
9090
</p>
9191

92-
<!-- 1. Coderic Cloud -->
93-
<div class="bg-gradient-to-br from-cyan-50 to-blue-50 border-2 border-cyan-200 rounded-lg p-4 sm:p-6 lg:p-8 mb-6 sm:mb-8 hover:shadow-xl transition-shadow">
94-
<div class="flex items-center mb-4">
95-
<div class="text-4xl mr-4">☁️</div>
96-
<div>
97-
<h3 class="text-2xl sm:text-3xl font-bold text-stone-800">1. Coderic Cloud</h3>
98-
<p class="text-sm sm:text-base text-gray-600">Provisión de infraestructura tecnológica basada en la nube</p>
99-
</div>
100-
</div>
101-
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6 mt-6">
102-
<div>
103-
<h4 class="font-bold text-stone-800 mb-3">Servicios Principales:</h4>
104-
<ul class="space-y-2 text-gray-700">
105-
<li class="flex items-start">
106-
<span class="text-cyan-600 mr-2">✓</span>
107-
<span><strong>SaaS, PaaS, IaaS, FaaS</strong> - Complete cloud computing solutions</span>
108-
</li>
109-
<li class="flex items-start">
110-
<span class="text-cyan-600 mr-2">✓</span>
111-
<span><strong>Venta y gestión de dominios</strong></span>
112-
</li>
113-
<li class="flex items-start">
114-
<span class="text-cyan-600 mr-2">✓</span>
115-
<span><strong>Gestión DNS</strong></span>
116-
</li>
117-
<li class="flex items-start">
118-
<span class="text-cyan-600 mr-2">✓</span>
119-
<span><strong>Big Data, Large Scale</strong></span>
120-
</li>
121-
<li class="flex items-start">
122-
<span class="text-cyan-600 mr-2">✓</span>
123-
<span><strong>Herramientas de automatización</strong> (Terraform, Ansible, etc.)</span>
124-
</li>
125-
</ul>
126-
</div>
127-
<div>
128-
<h4 class="font-bold text-stone-800 mb-3">Integraciones:</h4>
129-
<ul class="space-y-2 text-gray-700">
130-
<li class="flex items-start">
131-
<span class="text-cyan-600 mr-2">✓</span>
132-
<span>AWS (Amazon Web Services)</span>
133-
</li>
134-
<li class="flex items-start">
135-
<span class="text-cyan-600 mr-2">✓</span>
136-
<span>Contabo</span>
137-
</li>
138-
<li class="flex items-start">
139-
<span class="text-cyan-600 mr-2">✓</span>
140-
<span>Oracle Cloud</span>
141-
</li>
142-
<li class="flex items-start">
143-
<span class="text-cyan-600 mr-2">✓</span>
144-
<span>Heroku</span>
145-
</li>
146-
</ul>
147-
</div>
148-
</div>
149-
</div>
92+
{% include organization/coderic-cloud.html %}
15093

15194
<!-- 2. Coderic Stream -->
15295
<div class="bg-gradient-to-br from-purple-50 to-indigo-50 border-2 border-purple-200 rounded-lg p-4 sm:p-6 lg:p-8 mb-6 sm:mb-8 hover:shadow-xl transition-shadow">
@@ -399,37 +342,7 @@ <h4 class="font-bold text-stone-800 mb-3">Características de Seguridad:</h4>
399342
</div>
400343
</div>
401344

402-
<!-- GitHub Statistics -->
403-
<div class="mb-16">
404-
<h2 class="text-2xl sm:text-3xl lg:text-4xl font-bold mb-6 sm:mb-8 text-stone-800 text-center">Nuestra Presencia Open Source</h2>
405-
<div class="bg-stone-50 rounded-lg p-8">
406-
<div class="grid md:grid-cols-3 gap-6 text-center mb-8">
407-
<div class="bg-white p-6 rounded-lg shadow">
408-
<div class="text-4xl font-bold text-orange-600 mb-2">43+</div>
409-
<p class="text-gray-700 font-semibold">Repositorios Públicos</p>
410-
<p class="text-sm text-gray-500 mt-1">Proyectos open source</p>
411-
</div>
412-
<div class="bg-white p-6 rounded-lg shadow">
413-
<div class="text-4xl font-bold text-orange-600 mb-2">30+</div>
414-
<p class="text-gray-700 font-semibold">Seguidores de la Comunidad</p>
415-
<p class="text-sm text-gray-500 mt-1">On GitHub</p>
416-
</div>
417-
<div class="bg-white p-6 rounded-lg shadow">
418-
<div class="text-4xl font-bold text-orange-600 mb-2">2004</div>
419-
<p class="text-gray-700 font-semibold">Desde</p>
420-
<p class="text-sm text-gray-500 mt-1">Organización fundada</p>
421-
</div>
422-
</div>
423-
<div class="text-center">
424-
<p class="text-gray-700 mb-4">
425-
Somos una comunidad de desarrolladores trabajando colaborativamente en los ecosistemas tecnológicos de Coderic Corporation.
426-
</p>
427-
<a href="https://github.com/Coderic" class="bg-stone-800 hover:bg-stone-700 text-white font-bold py-2 sm:py-3 px-4 sm:px-6 lg:px-8 rounded-lg text-sm sm:text-base lg:text-lg inline-block transition">
428-
Ver Nuestra Organización en GitHub
429-
</a>
430-
</div>
431-
</div>
432-
</div>
345+
{% include organization/github-stats.html %}
433346

434347
<!-- Core Principles -->
435348
<div class="mb-16">
@@ -561,22 +474,5 @@ <h3 class="text-2xl font-bold mb-4 text-stone-800 flex items-center">
561474
</div>
562475
</div>
563476

564-
<!-- Call to Action -->
565-
<div class="bg-gradient-to-r from-orange-500 to-orange-600 text-white rounded-lg p-12 text-center">
566-
<h2 class="text-3xl font-bold mb-4">¿Listo para Ser Parte del Ecosistema Coderic?</h2>
567-
<p class="text-xl mb-8 max-w-2xl mx-auto">
568-
Únete a nuestra comunidad y descubre cómo podemos ayudarte a crecer tecnológicamente.
569-
</p>
570-
<div class="space-x-4">
571-
<a href="https://github.com/Coderic" class="bg-white hover:bg-gray-100 text-orange-600 font-bold py-2 sm:py-3 px-4 sm:px-6 lg:px-8 rounded-lg text-sm sm:text-base lg:text-lg inline-block transition">
572-
Contribuir en GitHub
573-
</a>
574-
<a href="/community" class="bg-orange-700 hover:bg-orange-800 text-white font-bold py-2 sm:py-3 px-4 sm:px-6 lg:px-8 rounded-lg text-sm sm:text-base lg:text-lg inline-block transition border-2 border-white">
575-
Unirse a la Comunidad
576-
</a>
577-
<a href="mailto:coderic@coderic.org" class="bg-transparent hover:bg-white hover:text-orange-600 text-white font-bold py-2 sm:py-3 px-4 sm:px-6 lg:px-8 rounded-lg text-sm sm:text-base lg:text-lg inline-block transition border-2 border-white">
578-
Contáctanos
579-
</a>
580-
</div>
581-
</div>
477+
{% include organization/cta-section.html %}
582478
</section>

0 commit comments

Comments
 (0)