Skip to content

Commit c978bc8

Browse files
facundopadillafacundopadilla
committed
✨ Add staff section
1 parent 8ce4573 commit c978bc8

10 files changed

Lines changed: 92 additions & 52 deletions

File tree

‎_config.yml‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,12 +40,15 @@ plugins:
4040
include:
4141
- _events
4242
- _confidents
43+
- _staff
4344

4445
collections:
4546
events:
4647
output: false
4748
confidents:
4849
output: false
50+
staff:
51+
output: false
4952
# Exclude from processing.
5053
# The following items will not be processed, by default.
5154
# Any item listed under the `exclude:` key here will be automatically added to

‎_includes/staff.html‎

Lines changed: 56 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
<section id="staff" style="padding: 15vh 7vw 5vh 7vw; color: white; background: linear-gradient(195deg, rgb(30 2 2 / 97%), rgb(0, 0, 0)), url(/img/featureBG.webp); background-position: center center; background-size: cover;">
2+
<div class="row" style="margin-bottom: 2vh;">
3+
<div class="col-12">
4+
<h1 style="font-size: 5vh; text-align: left;"><b>Staff</b> de SaltaDev</h1>
5+
<p style="width: 100%; margin-bottom: 3vh; margin-top: 2vh; opacity: 0.7; font-size: 2vh; text-align: left;">Conocé a quienes hacen posible la comunidad</p>
6+
</div>
7+
</div>
8+
9+
<div class="row">
10+
{% for member in site.staff %}
11+
<div class="col-12 col-md-6 col-lg-4 col-xl-3" style="margin-bottom: 3vh;">
12+
<div class="featureCard" style="padding: 3vh 2vw; border: 0.1vh solid var(--primaryColor); border-radius: 1vh 0vh 1vh 0vh; background: linear-gradient(35deg, rgba(78, 55, 55, 0.068), black); display: flex; flex-direction: column; justify-content: center; align-items: center; transition-duration: 0.3s; min-height: 30vh; text-align: center; width: 100%;">
13+
<div class="featureCardContainer" style="width: 100%; display: flex; flex-direction: column; align-items: center;">
14+
{% if member.photo %}
15+
<div class="iconContainer" style="width: fit-content; font-size: 3vh; color: var(--primaryColor); margin-bottom: 2vh;">
16+
<img src="{{ member.photo }}" alt="{{ member.name }}" style="width: 70px; height: 70px; border-radius: 50%; object-fit: cover; border: 2px solid var(--primaryColor);">
17+
</div>
18+
{% else %}
19+
<div class="iconContainer" style="width: fit-content; font-size: 3vh; color: var(--primaryColor); margin-bottom: 2vh;">
20+
<img src="/img/staff/default.jpg" alt="{{ member.name }}" style="width: 70px; height: 70px; border-radius: 50%; object-fit: cover; border: 2px solid var(--primaryColor);">
21+
</div>
22+
{% endif %}
23+
24+
<h2 style="font-size: 2.2vh; color: white; margin-bottom: 1vh;">{{ member.name }}</h2>
25+
26+
{% if member.role %}
27+
<p style="color: var(--primaryColor); font-weight: bold; margin-bottom: 1vh; font-size: 1.6vh;">{{ member.role }}</p>
28+
{% endif %}
29+
30+
{% if member.description %}
31+
<p style="color: white; opacity: 0.8; font-size: 1.4vh; margin-bottom: 2vh; line-height: 1.4; padding: 0 1vw;">{{ member.description }}</p>
32+
{% endif %}
33+
34+
<div class="socialLinks" style="display: flex; justify-content: center; gap: 1.5vh; margin-top: auto;">
35+
{% if member.twitter %}
36+
<a href="{{ member.twitter }}" target="_blank" title="Twitter" style="color: var(--primaryColor); font-size: 2.5vh; transition-duration: 0.3s;">
37+
<i class="fa-brands fa-x-twitter"></i>
38+
</a>
39+
{% endif %}
40+
{% if member.linkedin %}
41+
<a href="{{ member.linkedin }}" target="_blank" title="LinkedIn" style="color: var(--primaryColor); font-size: 2.5vh; transition-duration: 0.3s;">
42+
<i class="fa-brands fa-linkedin"></i>
43+
</a>
44+
{% endif %}
45+
{% if member.github %}
46+
<a href="{{ member.github }}" target="_blank" title="GitHub" style="color: var(--primaryColor); font-size: 2.5vh; transition-duration: 0.3s;">
47+
<i class="fa-brands fa-github"></i>
48+
</a>
49+
{% endif %}
50+
</div>
51+
</div>
52+
</div>
53+
</div>
54+
{% endfor %}
55+
</div>
56+
</section>

‎_staff/arturo_grande.md‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
---
2+
name: "Arturo Grande"
3+
description: "Director de producto & marketing en Eluter"
4+
photo: "img/staff/arturo_grande.jpg"
5+
twitter: "https://x.com/ArtuGrande"
6+
linkedin: "https://www.linkedin.com/in/arturo-grande/"
7+
---

‎_staff/facundo_padilla.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
name: "Facundo Padilla"
3+
description: "Software engineer en Santander Tecnología"
4+
photo: "img/staff/facundo_padilla.jpg"
5+
twitter: "https://x.com/facundopadilla_"
6+
linkedin: "https://www.linkedin.com/in/facundopadilla/"
7+
github: "https://www.github.com/facundopadilla"
8+
---

‎_staff/ivan_morales.md‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
---
2+
name: "Iván Morales"
3+
description: "Emprendedor & Software Engineer"
4+
photo: "img/staff/ivan_morales.jpg"
5+
linkedin: "https://www.linkedin.com/in/imora-ing/"
6+
github: "https://github.com/imora-dev"
7+
---

‎_staff/juan_gutierrez.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
name: "Juan P. Gutiérrez"
3+
description: "Consultor operacional A.I."
4+
photo: "img/staff/juan_p_gutierrez.jpg"
5+
twitter: ""
6+
linkedin: ""
7+
github: ""
8+
---

‎_staff/veronica_torres.md‎

Whitespace-only changes.

‎img/staff/arturo_grande.jpg‎

104 KB
Loading

‎img/staff/facundo_padilla.jpg‎

115 KB
Loading

‎index.html‎

Lines changed: 3 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -18,8 +18,6 @@
1818

1919
{% include nav.html %}
2020

21-
<!-- {% include globalDecorator.html %} -->
22-
2321
<header>
2422
<div class="row">
2523
<div class="col-6" style="position: relative; z-index: 10;">
@@ -53,55 +51,8 @@ <h1><b>Bienvenido</b> a la comunidad de <span>SaltaDev</span></h1>
5351

5452
<main>
5553

56-
<!-- <section id="partners">
57-
<div id="partnerCarousel" class="carousel slide" data-ride="carousel">
58-
<h1>Más de
59-
{{ site.confidents | size | minus: 1 }} empresas confían en nosotros
60-
</h1>
61-
<div class="carousel-inner" id="carouselInner">
62-
63-
64-
65-
66-
67-
<div class="carousel-item active">
68-
<div class="row">
69-
<div class="col-3">
70-
<a href="https://cloudycoding.com">
71-
<img src="/img/cloudy.webp" alt="">
72-
<p>Cloudy Coding</p>
73-
</a>
74-
75-
</div>
76-
<div class="col-3"></div>
77-
<div class="col-3"></div>
78-
<div class="col-3"></div>
79-
80-
</div>
81-
</div>
82-
83-
<div class="carousel-item ">
84-
<div class="row">
85-
<div class="col-3">
86-
<a href="https://cloudycoding.com">
87-
<img src="/img/cloudy.webp" alt="">
88-
<p>Cloudy Coding</p>
89-
</a>
90-
91-
</div>
92-
<div class="col-3"></div>
93-
<div class="col-3"></div>
94-
<div class="col-3"></div>
95-
96-
</div>
97-
</div>
98-
99-
</div>
100-
</div>
101-
</section> -->
102-
10354
{% include partners.html %}
104-
55+
{% include staff.html %}
10556

10657
<section id="aboutUs">
10758
<h1>¡Revisa <b>nuestros</b> logros!</h1>
@@ -117,8 +68,8 @@ <h1>¡Revisa <b>nuestros</b> logros!</h1>
11768
<a href="{{ site.whatsapp }}" target="_blank" class="headerButton">Únete ahora</a>
11869
</div>
11970

120-
<h1>+300</h1>
121-
<p>Más de 300 miembros activos en nuestra hermosa comunidad</p>
71+
<h1>+500</h1>
72+
<p>Más de 500 miembros activos en nuestra hermosa comunidad</p>
12273
</div>
12374

12475
</div>

0 commit comments

Comments
 (0)