Skip to content

Commit b911161

Browse files
cursoragentNeftaliYagua
cursoragent
and
NeftaliYagua
committed
Add organization page and navigation link
Co-authored-by: neftali.yagua <[email protected]>
1 parent 8646e4c commit b911161

File tree

3 files changed

+290
-2
lines changed

3 files changed

+290
-2
lines changed

‎_includes/portal.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -51,6 +51,12 @@
5151
COMMUNITY
5252
</a>
5353
</li>
54+
<li class="static">
55+
<a class="flex items-end h-24 pb-6 font-semibold text-white transition duration-200 ease-in-out hover:bg-neutral-600 focus:bg-neutral-600 lg:px-6 {{ request()->routeIs('organization') ? 'bg-orange-500' : 'bg-stone-800' }}"
56+
href="/organization">
57+
ORGANIZATION
58+
</a>
59+
</li>
5460
</ul>
5561
</div>
5662
</div>

‎index.html‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,9 +8,14 @@
88
<svg class="h-6 w-6 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M8.4,18.2C8.78,18.7,9,19.32,9,20c0,1.66-1.34,3-3,3s-3-1.34-3-3s1.34-3,3-3c0.44,0,0.85,0.09,1.23,0.26l1.41-1.77 c-0.92-1.03-1.29-2.39-1.09-3.69l-2.03-0.68C4.98,11.95,4.06,12.5,3,12.5c-1.66,0-3-1.34-3-3s1.34-3,3-3s3,1.34,3,3 c0,0.07,0,0.14-0.01,0.21l2.03,0.68c0.64-1.21,1.82-2.09,3.22-2.32l0-2.16C9.96,5.57,9,4.4,9,3c0-1.66,1.34-3,3-3s3,1.34,3,3 c0,1.4-0.96,2.57-2.25,2.91v2.16c1.4,0.23,2.58,1.11,3.22,2.32l2.03-0.68C18,9.64,18,9.57,18,9.5c0-1.66,1.34-3,3-3s3,1.34,3,3 s-1.34,3-3,3c-1.06,0-1.98-0.55-2.52-1.37l-2.03,0.68c0.2,1.29-0.16,2.65-1.09,3.69l1.41,1.77C17.15,17.09,17.56,17,18,17 c1.66,0,3,1.34,3,3s-1.34,3-3,3s-3-1.34-3-3c0-0.68,0.22-1.3,0.6-1.8l-1.41-1.77c-1.35,0.75-3.01,0.76-4.37,0L8.4,18.2z"/></svg>
99
Welcome!
1010
</large>
11-
<h1 class="text-6xl font-bold mb-4 mt-4">This is</span>&nbsp;<span class="text-orange-500">Coderic</span></h1>
11+
<h1 class="text-6xl font-bold mb-4 mt-4">This is <span class="text-orange-500">Coderic</span></h1>
1212
<blockquote class="p-8 italic font-medium text-lg mb-4">Coderic may seem like a lot to you, but the truth is that we are a Software Factory, and that is that we, we do software engineering, our technological ecosystems are our exposure to the world of what we do offering tools and integration within everyone’s reach.</blockquote>
13-
<a href="/dashboard" class="bg-orange-600 hover:bg-orange-500 text-white font-bold py-2 px-4 rounded-lg text-lg">Get Started</a>
13+
<p class="text-lg mb-2 text-gray-200">Corporation Oriented to the Development of Engineering Resources and Information for Commerce</p>
14+
<p class="text-base mb-6 text-gray-300">Since September 30, 2004</p>
15+
<div class="space-x-4">
16+
<a href="/dashboard" class="bg-orange-600 hover:bg-orange-500 text-white font-bold py-2 px-4 rounded-lg text-lg">Get Started</a>
17+
<a href="/organization" class="bg-stone-700 hover:bg-stone-600 text-white font-bold py-2 px-4 rounded-lg text-lg">Learn More</a>
18+
</div>
1419
</div>
1520
<div class="w-1/2 h-96">
1621
<img src="/images/hero-thumb.png" class="w-96 float-right" />

‎organization/index.html‎

Lines changed: 277 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,277 @@
1+
---
2+
layout: layout_en
3+
title: "Organization"
4+
---
5+
6+
<div class="bg-gradient-to-r from-stone-800 to-stone-900 text-white py-20 px-8">
7+
<div class="max-w-6xl mx-auto text-center">
8+
<h1 class="text-5xl font-bold mb-6">Coderic Organization</h1>
9+
<p class="text-xl mb-4">Corporation Oriented to the Development of Engineering Resources and Information for Commerce</p>
10+
<p class="text-lg max-w-3xl mx-auto text-gray-300">Since September 30, 2004</p>
11+
</div>
12+
</div>
13+
14+
<section class="max-w-6xl mx-auto px-8 py-16">
15+
<div class="mb-16">
16+
<h2 class="text-4xl font-bold mb-6 text-stone-800 text-center">Who We Are</h2>
17+
<p class="text-lg text-gray-700 text-center max-w-3xl mx-auto mb-8">
18+
Coderic is a Software Factory dedicated to software engineering and the development of technological ecosystems. We create tools and integrations that are accessible to everyone, fostering innovation through collaboration and open source principles.
19+
</p>
20+
<p class="text-lg text-gray-700 text-center max-w-3xl mx-auto">
21+
Our organization serves as a bridge between technology and commerce, providing comprehensive solutions that range from software development to community building, education, and infrastructure services.
22+
</p>
23+
</div>
24+
25+
<div class="grid md:grid-cols-2 gap-12 mb-16">
26+
<div class="bg-stone-50 p-8 rounded-lg">
27+
<h3 class="text-2xl font-bold mb-4 text-orange-600 flex items-center">
28+
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 mr-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
29+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
30+
</svg>
31+
Our Mission
32+
</h3>
33+
<p class="text-gray-700 mb-4">
34+
To democratize technology through open source software, accessible tools, and collaborative ecosystems that empower individuals and businesses to innovate and grow.
35+
</p>
36+
<p class="text-gray-700">
37+
We believe in transparency, collaboration, and the power of community-driven development to create solutions that make a real difference.
38+
</p>
39+
</div>
40+
41+
<div class="bg-orange-50 p-8 rounded-lg">
42+
<h3 class="text-2xl font-bold mb-4 text-stone-800 flex items-center">
43+
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 mr-3 text-orange-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
44+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
45+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" />
46+
</svg>
47+
Our Vision
48+
</h3>
49+
<p class="text-gray-700 mb-4">
50+
To be a leading force in the global technology ecosystem, where open source software and collaborative innovation drive sustainable growth and positive change.
51+
</p>
52+
<p class="text-gray-700">
53+
We envision a world where technology is accessible, transparent, and built by communities for communities.
54+
</p>
55+
</div>
56+
</div>
57+
58+
<div class="bg-stone-800 text-white rounded-lg p-12 mb-16">
59+
<h3 class="text-3xl font-bold mb-8 text-center">Our Core Values</h3>
60+
<div class="grid md:grid-cols-3 gap-8">
61+
<div class="text-center">
62+
<div class="text-5xl mb-4">🔓</div>
63+
<h4 class="text-xl font-bold mb-2">Open Source First</h4>
64+
<p class="text-gray-300">We believe in the power of open source software to drive innovation, transparency, and collaboration. All our projects are built with open source principles at their core.</p>
65+
</div>
66+
<div class="text-center">
67+
<div class="text-5xl mb-4">🤝</div>
68+
<h4 class="text-xl font-bold mb-2">Collaboration</h4>
69+
<p class="text-gray-300">We thrive on collaboration. By working together, sharing knowledge, and supporting each other, we create solutions that are greater than the sum of their parts.</p>
70+
</div>
71+
<div class="text-center">
72+
<div class="text-5xl mb-4">🎯</div>
73+
<h4 class="text-xl font-bold mb-2">Quality & Excellence</h4>
74+
<p class="text-gray-300">We maintain high standards in everything we do, from code quality to user experience. Excellence is not optional—it's our commitment to our community.</p>
75+
</div>
76+
<div class="text-center">
77+
<div class="text-5xl mb-4">🌍</div>
78+
<h4 class="text-xl font-bold mb-2">Accessibility</h4>
79+
<p class="text-gray-300">Technology should be accessible to everyone. We design our tools and platforms to be inclusive, easy to use, and available to all, regardless of background or experience level.</p>
80+
</div>
81+
<div class="text-center">
82+
<div class="text-5xl mb-4">💡</div>
83+
<h4 class="text-xl font-bold mb-2">Innovation</h4>
84+
<p class="text-gray-300">We continuously push boundaries, experiment with new technologies, and embrace change. Innovation is not just about new features—it's about solving real problems in better ways.</p>
85+
</div>
86+
<div class="text-center">
87+
<div class="text-5xl mb-4">🌱</div>
88+
<h4 class="text-xl font-bold mb-2">Sustainability</h4>
89+
<p class="text-gray-300">We build for the long term. Our solutions are designed to be maintainable, scalable, and sustainable, ensuring they continue to serve our community for years to come.</p>
90+
</div>
91+
</div>
92+
</div>
93+
94+
<div class="mb-16">
95+
<h2 class="text-4xl font-bold mb-8 text-stone-800 text-center">Our Ecosystem</h2>
96+
<p class="text-lg text-gray-700 text-center max-w-3xl mx-auto mb-12">
97+
Coderic operates across multiple platforms and domains, each serving a specific purpose in our technological ecosystem:
98+
</p>
99+
<div class="grid md:grid-cols-2 gap-8">
100+
<div class="bg-white border-2 border-stone-200 rounded-lg p-8 hover:shadow-xl transition-shadow">
101+
<div class="flex items-center mb-4">
102+
<svg class="h-8 w-8 mr-3 text-orange-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
103+
<path d="M19,9A7,7,0,1,0,8.0257,14.75928L5,20l2.25562.09314L8.46411,22l3.46613-6.00354C11.95374,15.9967,11.97644,16,12,16s.04626-.0033.06976-.00354L15.53589,22l1.232-1.866L19,20l-3.02576-5.24072A6.98951,6.98951,0,0,0,19,9ZM7,9a5,5,0,1,1,5,5A5,5,0,0,1,7,9Z" />
104+
<circle cx="12" cy="9" r="3" />
105+
</svg>
106+
<h3 class="text-2xl font-bold text-stone-800">Coderic.org</h3>
107+
</div>
108+
<p class="text-gray-700 mb-4">
109+
<strong>The Organization Hub</strong> - Our main organizational website, providing information about our corporation, services, and community. This is where you can learn about who we are, what we do, and how to get involved.
110+
</p>
111+
<a href="https://coderic.org" class="text-orange-600 hover:text-orange-700 font-semibold">Visit coderic.org →</a>
112+
</div>
113+
114+
<div class="bg-white border-2 border-stone-200 rounded-lg p-8 hover:shadow-xl transition-shadow">
115+
<div class="flex items-center mb-4">
116+
<svg class="h-8 w-8 mr-3 text-blue-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
117+
<rect x="6" y="7" width="8" height="2" />
118+
<rect x="6" y="11" width="12" height="2" />
119+
<rect x="6" y="15" width="2.99" height="2" />
120+
<path d="M14,3,11,0V2H4A2,2,0,0,0,2,4V20a2,2,0,0,0,2,2H8V20H4V4h7V6Z" />
121+
<path d="M10,21l3,3V22h7a2,2,0,0,0,2-2V4a2,2,0,0,0-2-2H16V4h4V20H13V18Z" />
122+
</svg>
123+
<h3 class="text-2xl font-bold text-stone-800">Coderic.net</h3>
124+
</div>
125+
<p class="text-gray-700 mb-4">
126+
<strong>Content Hub</strong> - A platform for articles, tutorials, documentation, and educational content. Share knowledge, learn from the community, and access comprehensive resources for developers and tech enthusiasts.
127+
</p>
128+
<a href="https://coderic.net" class="text-blue-600 hover:text-blue-700 font-semibold">Visit coderic.net →</a>
129+
</div>
130+
131+
<div class="bg-white border-2 border-stone-200 rounded-lg p-8 hover:shadow-xl transition-shadow">
132+
<div class="flex items-center mb-4">
133+
<svg class="h-8 w-8 mr-3 text-cyan-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
134+
<path d="M12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6m0-2C9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96C18.67 6.59 15.64 4 12 4z" />
135+
</svg>
136+
<h3 class="text-2xl font-bold text-stone-800">Coderic.cloud</h3>
137+
</div>
138+
<p class="text-gray-700 mb-4">
139+
<strong>Cloud Infrastructure</strong> - Our cloud computing platform offering scalable infrastructure, hosting services, and cloud-native solutions. Deploy and manage your applications with ease.
140+
</p>
141+
<a href="https://coderic.cloud" class="text-cyan-600 hover:text-cyan-700 font-semibold">Visit coderic.cloud →</a>
142+
</div>
143+
144+
<div class="bg-white border-2 border-stone-200 rounded-lg p-8 hover:shadow-xl transition-shadow">
145+
<div class="flex items-center mb-4">
146+
<svg class="h-8 w-8 mr-3 text-green-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
147+
<path d="M6,16.5L3,19.44V11H6M11,14.66L9.43,13.32L8,14.64V7H11M16,13L13,16V3H16M18.81,12.81L17,11H22V16L20.21,14.21L13,21.36L9.53,18.34L5.75,22H3L9.47,15.66L13,18.64" />
148+
</svg>
149+
<h3 class="text-2xl font-bold text-stone-800">Coderic.co</h3>
150+
</div>
151+
<p class="text-gray-700 mb-4">
152+
<strong>FinTech Solutions</strong> - Financial technology services and solutions. Providing innovative fintech tools, payment processing, and financial software for businesses and individuals.
153+
</p>
154+
<a href="https://coderic.co" class="text-green-600 hover:text-green-700 font-semibold">Visit coderic.co →</a>
155+
</div>
156+
</div>
157+
</div>
158+
159+
<div class="mb-16">
160+
<h2 class="text-4xl font-bold mb-8 text-stone-800 text-center">Our Services & Platforms</h2>
161+
<div class="grid md:grid-cols-3 gap-6">
162+
<a href="/development" class="bg-gradient-to-br from-stone-50 to-stone-100 p-6 rounded-lg hover:shadow-lg transition-all">
163+
<div class="text-4xl mb-3">💻</div>
164+
<h3 class="text-xl font-bold mb-2 text-stone-800">Software Development</h3>
165+
<p class="text-gray-700 text-sm">Custom software solutions, API development, and legacy modernization using modern technologies and best practices.</p>
166+
</a>
167+
<a href="/community" class="bg-gradient-to-br from-green-50 to-green-100 p-6 rounded-lg hover:shadow-lg transition-all">
168+
<div class="text-4xl mb-3">👥</div>
169+
<h3 class="text-xl font-bold mb-2 text-stone-800">Community</h3>
170+
<p class="text-gray-700 text-sm">A vibrant ecosystem of developers, creators, and innovators collaborating on open source projects.</p>
171+
</a>
172+
<a href="/coworking" class="bg-gradient-to-br from-blue-50 to-blue-100 p-6 rounded-lg hover:shadow-lg transition-all">
173+
<div class="text-4xl mb-3">🏢</div>
174+
<h3 class="text-xl font-bold mb-2 text-stone-800">Coworking</h3>
175+
<p class="text-gray-700 text-sm">Collaborative workspaces designed for tech innovators, with modern infrastructure and networking opportunities.</p>
176+
</a>
177+
<a href="/crowdfunding" class="bg-gradient-to-br from-orange-50 to-orange-100 p-6 rounded-lg hover:shadow-lg transition-all">
178+
<div class="text-4xl mb-3">💰</div>
179+
<h3 class="text-xl font-bold mb-2 text-stone-800">Crowdfunding</h3>
180+
<p class="text-gray-700 text-sm">Platform for funding innovative open source projects and tech initiatives through community support.</p>
181+
</a>
182+
<a href="/freelancers" class="bg-gradient-to-br from-purple-50 to-purple-100 p-6 rounded-lg hover:shadow-lg transition-all">
183+
<div class="text-4xl mb-3">🛠️</div>
184+
<h3 class="text-xl font-bold mb-2 text-stone-800">Freelancers</h3>
185+
<p class="text-gray-700 text-sm">Network connecting talented tech professionals with projects and clients, fostering independent work opportunities.</p>
186+
</a>
187+
<a href="/learning" class="bg-gradient-to-br from-indigo-50 to-indigo-100 p-6 rounded-lg hover:shadow-lg transition-all">
188+
<div class="text-4xl mb-3">📚</div>
189+
<h3 class="text-xl font-bold mb-2 text-stone-800">Learning</h3>
190+
<p class="text-gray-700 text-sm">Educational platform offering courses, workshops, and resources for mastering modern technology.</p>
191+
</a>
192+
</div>
193+
</div>
194+
195+
<div class="bg-gradient-to-r from-orange-500 to-orange-600 text-white rounded-lg p-12 mb-16">
196+
<div class="text-center max-w-3xl mx-auto">
197+
<h3 class="text-3xl font-bold mb-4">Our Commitment to Open Source</h3>
198+
<p class="text-xl mb-8">
199+
At Coderic, open source is not just a development model—it's a philosophy. We believe that software should be transparent, accessible, and built collaboratively. All our projects are open source, allowing the community to contribute, learn, and improve together.
200+
</p>
201+
<div class="grid md:grid-cols-3 gap-6 text-left">
202+
<div>
203+
<div class="text-3xl mb-2">🌐</div>
204+
<h4 class="font-bold mb-2">Global Collaboration</h4>
205+
<p class="text-orange-100">Work with contributors from around the world on projects that make a difference.</p>
206+
</div>
207+
<div>
208+
<div class="text-3xl mb-2">🔍</div>
209+
<h4 class="font-bold mb-2">Transparency</h4>
210+
<p class="text-orange-100">All code is open for review, ensuring security, quality, and trust.</p>
211+
</div>
212+
<div>
213+
<div class="text-3xl mb-2">🚀</div>
214+
<h4 class="font-bold mb-2">Innovation</h4>
215+
<p class="text-orange-100">Community-driven development leads to faster innovation and better solutions.</p>
216+
</div>
217+
</div>
218+
<div class="mt-8">
219+
<a href="https://github.com/Coderic" class="bg-white hover:bg-gray-100 text-orange-600 font-bold py-3 px-8 rounded-lg text-lg inline-block transition">
220+
Explore Our GitHub
221+
</a>
222+
</div>
223+
</div>
224+
</div>
225+
226+
<div class="bg-stone-100 rounded-lg p-12 mb-16">
227+
<h3 class="text-3xl font-bold mb-8 text-stone-800 text-center">Our History</h3>
228+
<div class="max-w-3xl mx-auto">
229+
<div class="mb-6">
230+
<div class="flex items-center mb-2">
231+
<div class="w-3 h-3 bg-orange-500 rounded-full mr-4"></div>
232+
<h4 class="text-xl font-bold text-stone-800">September 30, 2004</h4>
233+
</div>
234+
<p class="text-gray-700 ml-7">Coderic was founded with a vision to democratize technology through open source software and collaborative innovation.</p>
235+
</div>
236+
<div class="mb-6">
237+
<div class="flex items-center mb-2">
238+
<div class="w-3 h-3 bg-orange-500 rounded-full mr-4"></div>
239+
<h4 class="text-xl font-bold text-stone-800">Early Years</h4>
240+
</div>
241+
<p class="text-gray-700 ml-7">We began as a Software Factory focused on developing custom solutions and contributing to the open source community.</p>
242+
</div>
243+
<div class="mb-6">
244+
<div class="flex items-center mb-2">
245+
<div class="w-3 h-3 bg-orange-500 rounded-full mr-4"></div>
246+
<h4 class="text-xl font-bold text-stone-800">Expansion</h4>
247+
</div>
248+
<p class="text-gray-700 ml-7">Over the years, we've expanded our ecosystem to include cloud services, content platforms, fintech solutions, and comprehensive community services.</p>
249+
</div>
250+
<div>
251+
<div class="flex items-center mb-2">
252+
<div class="w-3 h-3 bg-orange-500 rounded-full mr-4"></div>
253+
<h4 class="text-xl font-bold text-stone-800">Today</h4>
254+
</div>
255+
<p class="text-gray-700 ml-7">Coderic continues to grow as a leading technology organization, serving thousands of developers, businesses, and communities worldwide through our diverse platforms and services.</p>
256+
</div>
257+
</div>
258+
</div>
259+
260+
<div class="text-center">
261+
<h2 class="text-3xl font-bold mb-6 text-stone-800">Join the Coderic Community</h2>
262+
<p class="text-lg text-gray-700 mb-8 max-w-2xl mx-auto">
263+
Whether you're a developer, entrepreneur, student, or tech enthusiast, there's a place for you in the Coderic ecosystem. Join us in building the future of technology together.
264+
</p>
265+
<div class="space-x-4">
266+
<a href="https://github.com/Coderic" class="bg-orange-600 hover:bg-orange-700 text-white font-bold py-3 px-8 rounded-lg text-lg inline-block">
267+
Contribute on GitHub
268+
</a>
269+
<a href="/community" class="bg-stone-700 hover:bg-stone-800 text-white font-bold py-3 px-8 rounded-lg text-lg inline-block">
270+
Join Our Community
271+
</a>
272+
<a href="mailto:[email protected]" class="bg-stone-600 hover:bg-stone-700 text-white font-bold py-3 px-8 rounded-lg text-lg inline-block">
273+
Contact Us
274+
</a>
275+
</div>
276+
</div>
277+
</section>

0 commit comments

Comments
 (0)