Skip to content

Commit 27a4c47

Browse files
facundopadillafacundopadilla
authored
Merge branch 'Salta-Dev:main' into main
2 parents e0a5614 + 985ef4d commit 27a4c47

22 files changed

Lines changed: 601 additions & 119 deletions

‎_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/nav.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,10 +16,10 @@
1616
<!-- <a href="/courses" class="d-block ">Cursos</a> -->
1717
<!-- <a href="/jobs" class="d-block">Oportunidades</a> -->
1818
<a href="/#aboutUs" class="d-block">Comunidad</a>
19+
<a href="/#staff" class="d-block">Staff</a>
20+
<a href="/#partners" class="d-block">Empresas</a>
1921
<a href="/events" class="d-block">Eventos</a>
20-
21-
<!-- <a href="/places" class="d-block">Lugares</a> -->
22-
<!-- <a href="/devs" class="d-block">Desarrolladores</a> -->
22+
<a href="/reglamento" class="d-block">Reglamento</a>
2323
</div>
2424

2525

‎_includes/partners.html‎

Lines changed: 100 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -1,59 +1,112 @@
1-
<section id="partners">
2-
<div id="partnerCarousel" class="carousel slide" data-ride="carousel">
3-
1+
<section id="partners" style="overflow: hidden; padding: 5vh 0; background-color: #000;">
2+
<div class="col-12 margin-top" style="text-align: center; margin-top: 3vh;">
3+
<h1 style="font-size: 5vh; text-align: center; width: 100%;" class="partners-title"><b>Partners</b> que apoyan a la comunidad</h1>
4+
</div>
5+
<div class="row" style="margin-bottom: 5vh;">
6+
<div class="col-12" style="text-align: center;">
7+
<h1 style="text-align: center; width: 100%; margin-bottom: 1vh; padding-bottom: 0;">¡Más de
8+
{{ site.confidents | size | minus: 1 }} empresas y proyectos <b>confían</b> en nosotros!
9+
</h1>
10+
<a href="#contact" class="headerButton" style="display: inline-block; margin-top: 1vh; position: relative;">¡Quiero ser parte!</a>
11+
</div>
12+
</div>
413

14+
<div class="carousel-container" style="position: relative; overflow: hidden; height: 15vh;">
15+
<div class="carousel-track" id="carouselTrack" style="display: flex; align-items: center; gap: 5vw;">
16+
<!-- Los partners se generarán aquí -->
17+
</div>
18+
</div>
519

6-
<div class="row">
7-
<div class="col-9">
8-
<h1>¡Más de
9-
{{ site.confidents | size | minus: 1 }} empresas y proyectos <b>confían</b> en nosotros!
10-
</h1>
11-
</div>
12-
<div class="col-3">
13-
<a href="#contact" class="headerButton">¡Quiero ser parte!</a>
14-
</div>
20+
<div class="carousel-container" style="position: relative; overflow: hidden; height: 15vh;">
21+
<div class="carousel-track" id="carouselTrack" style="display: flex; align-items: center; gap: 5vw;">
22+
<!-- Los partners se generarán aquí -->
1523
</div>
24+
</div>
1625

17-
<div class="carousel-inner" id="carouselInner">
26+
<style>
27+
.carousel-track {
28+
width: fit-content;
29+
animation: none;
30+
}
1831

19-
</div>
32+
.partner-item {
33+
flex: 0 0 auto;
34+
display: flex;
35+
flex-direction: column;
36+
align-items: center;
37+
text-align: center;
38+
min-width: 150px;
39+
}
2040

21-
</div>
41+
.partner-item img {
42+
max-width: 80px;
43+
max-height: 60px;
44+
object-fit: contain;
45+
margin-bottom: 1vh;
46+
}
2247

23-
<script>
24-
$('#partnerCarousel').carousel({
25-
interval: 2500
26-
})
27-
28-
const data = {{ site.confidents | jsonify}}
29-
30-
const carouselInner = document.getElementById("carouselInner")
31-
const groups = Math.ceil(data.length / 4)
32-
33-
34-
for (let i = 0; i < groups; i++) {
35-
36-
const groupInfo = data.slice(i * 4, (i + 1) * 4)
37-
const carouselItem = document.createElement("div")
38-
const carouselRow = document.createElement("div")
39-
carouselItem.classList.add("carousel-item")
40-
carouselRow.classList.add("row")
41-
carouselItem.appendChild(carouselRow)
42-
if (i == 0) carouselItem.classList.add("active")
43-
44-
groupInfo.forEach(confident => {
45-
carouselRow.insertAdjacentHTML("beforeend", `
46-
<div class="col-3">
47-
<a href="${confident.customURL}" target="_blank">
48-
<img src="${confident.icon}" alt="">
49-
<p>${confident.name}</p>
50-
</a>
51-
</div>
52-
`)
53-
});
48+
.partner-item p {
49+
font-size: 1.4vh;
50+
margin: 0;
51+
opacity: 0.8;
52+
color: white;
53+
}
5454

55-
carouselInner.appendChild(carouselItem)
55+
.partner-item a {
56+
text-decoration: none;
57+
color: inherit;
58+
transition: opacity 0.3s;
59+
}
5660

61+
.partner-item a:hover {
62+
opacity: 0.7;
5763
}
64+
</style>
65+
66+
<script>
67+
document.addEventListener('DOMContentLoaded', function() {
68+
const data = {{ site.confidents | jsonify }};
69+
const carouselTrack = document.getElementById("carouselTrack");
70+
71+
// Duplicamos los datos
72+
const duplicatedData = [...data, ...data];
73+
74+
duplicatedData.forEach(confident => {
75+
const partnerItem = document.createElement("div");
76+
partnerItem.classList.add("partner-item");
77+
78+
partnerItem.innerHTML = `
79+
<a href="${confident.customURL}" target="_blank">
80+
<img src="${confident.icon}" alt="${confident.name}">
81+
<p>${confident.name}</p>
82+
</a>
83+
`;
84+
85+
carouselTrack.appendChild(partnerItem);
86+
});
87+
88+
// Iniciamos la animación después de que se creen los elementos
89+
setTimeout(() => {
90+
const totalWidth = carouselTrack.scrollWidth;
91+
const moveDistance = totalWidth / 2;
92+
93+
let currentPosition = 0;
94+
const speed = 1; // píxeles por frame
95+
96+
function animate() {
97+
currentPosition -= speed;
98+
99+
// Cuando hemos movido exactamente la mitad, reiniciamos sin que se note
100+
if (Math.abs(currentPosition) >= moveDistance) {
101+
currentPosition = 0;
102+
}
103+
104+
carouselTrack.style.transform = `translateX(${currentPosition}px)`;
105+
requestAnimationFrame(animate);
106+
}
107+
108+
animate();
109+
}, 100);
110+
});
58111
</script>
59112
</section>

‎_includes/staff.html‎

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
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+
<style>
10+
.staff-card {
11+
padding: 3vh 2vw;
12+
border: 0.1vh solid var(--primaryColor);
13+
border-radius: 1vh 0vh 1vh 0vh;
14+
background: linear-gradient(35deg, rgba(78, 55, 55, 0.068), black);
15+
display: flex;
16+
flex-direction: column;
17+
justify-content: center;
18+
align-items: center;
19+
min-height: 40vh;
20+
text-align: center;
21+
width: 100%;
22+
flex: 1;
23+
transition: all 0.3s ease;
24+
}
25+
26+
.staff-card:hover {
27+
transform: translateY(-5px) scale(1.02);
28+
box-shadow: 0 10px 20px rgba(139, 195, 74, 0.2);
29+
border: 0.1vh solid var(--primaryColor);
30+
background: linear-gradient(35deg, rgba(78, 55, 55, 0.15), rgba(0, 0, 0, 0.9));
31+
}
32+
33+
.staff-card:hover .staff-social a {
34+
opacity: 1;
35+
}
36+
37+
.staff-social a {
38+
color: var(--primaryColor);
39+
font-size: 2.5vh;
40+
transition: all 0.3s ease;
41+
opacity: 0.8;
42+
}
43+
44+
.staff-social a:hover {
45+
transform: translateY(-3px);
46+
color: white;
47+
}
48+
</style>
49+
50+
<div class="row">
51+
{% for member in site.staff %}
52+
<div class="col-12 col-md-6 col-lg-4 col-xl-3" style="margin-bottom: 3vh; display: flex;">
53+
<div class="featureCard staff-card">
54+
<div class="featureCardContainer" style="width: 100%; display: flex; flex-direction: column; align-items: center;">
55+
{% if member.photo %}
56+
<div class="iconContainer" style="width: fit-content; font-size: 3vh; color: var(--primaryColor); margin-bottom: 2vh;">
57+
<img src="{{ member.photo }}" alt="{{ member.name }}" style="width: 70px; height: 70px; border-radius: 50%; object-fit: cover; border: 2px solid var(--primaryColor);">
58+
</div>
59+
{% else %}
60+
<div class="iconContainer" style="width: fit-content; font-size: 3vh; color: var(--primaryColor); margin-bottom: 2vh;">
61+
<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);">
62+
</div>
63+
{% endif %}
64+
65+
<h2 style="font-size: 2.5vh; color: white; margin-bottom: 1vh;">{{ member.name }}</h2>
66+
67+
{% if member.role %}
68+
<p style="color: var(--primaryColor); font-weight: bold; margin-bottom: 1vh; font-size: 1.6vh;">{{ member.role }}</p>
69+
{% endif %}
70+
71+
{% if member.description %}
72+
<p style="color: white; opacity: 0.8; font-size: 1.7vh; margin-bottom: 1.5vh; line-height: 1.4; padding: 0 1vw; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">{{ member.description }}</p>
73+
{% endif %}
74+
75+
<div class="socialLinks staff-social" style="display: flex; justify-content: center; gap: 1.5vh;">
76+
{% if member.twitter %}
77+
<a href="{{ member.twitter }}" target="_blank" title="Twitter">
78+
<i class="fa-brands fa-x-twitter"></i>
79+
</a>
80+
{% endif %}
81+
{% if member.linkedin %}
82+
<a href="{{ member.linkedin }}" target="_blank" title="LinkedIn">
83+
<i class="fa-brands fa-linkedin"></i>
84+
</a>
85+
{% endif %}
86+
{% if member.github %}
87+
<a href="{{ member.github }}" target="_blank" title="GitHub">
88+
<i class="fa-brands fa-github"></i>
89+
</a>
90+
{% endif %}
91+
</div>
92+
</div>
93+
</div>
94+
</div>
95+
{% endfor %}
96+
</div>
97+
</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/franco_saracho.md‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
name: "Franco Saracho"
3+
description: "Líder ERP y software developer en UCASAL"
4+
photo: "img/staff/franco_saracho.jpeg"
5+
linkedin: "https://www.linkedin.com/in/sarachofrancopatricio/"
6+
---

‎_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: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
name: "Juan P. Gutiérrez"
3+
description: "Consultor operacional A.I."
4+
photo: "img/staff/juan_gutierrez.jpg"
5+
linkedin: "https://www.linkedin.com/in/juangutierrezjp/"
6+
---

‎_staff/mariano_velarde.md‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
name: "Mariano Velarde"
3+
description: "Desarrollo de startups, asesor digital y founder de Dorigen"
4+
photo: "img/staff/mariano_velarde.jpg"
5+
linkedin: "https://www.linkedin.com/in/mariano-velarde-1b7b442a8/"
6+
---

0 commit comments

Comments
 (0)