Skip to content

Commit 985ef4d

Browse files
facundopadillafacundopadilla
committed
✨ Staff, rules and some fixes
1 parent c978bc8 commit 985ef4d

15 files changed

Lines changed: 521 additions & 79 deletions

‎_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: 49 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -6,10 +6,51 @@ <h1 style="font-size: 5vh; text-align: left;"><b>Staff</b> de SaltaDev</h1>
66
</div>
77
</div>
88

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+
950
<div class="row">
1051
{% 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%;">
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">
1354
<div class="featureCardContainer" style="width: 100%; display: flex; flex-direction: column; align-items: center;">
1455
{% if member.photo %}
1556
<div class="iconContainer" style="width: fit-content; font-size: 3vh; color: var(--primaryColor); margin-bottom: 2vh;">
@@ -21,29 +62,29 @@ <h1 style="font-size: 5vh; text-align: left;"><b>Staff</b> de SaltaDev</h1>
2162
</div>
2263
{% endif %}
2364

24-
<h2 style="font-size: 2.2vh; color: white; margin-bottom: 1vh;">{{ member.name }}</h2>
65+
<h2 style="font-size: 2.5vh; color: white; margin-bottom: 1vh;">{{ member.name }}</h2>
2566

2667
{% if member.role %}
2768
<p style="color: var(--primaryColor); font-weight: bold; margin-bottom: 1vh; font-size: 1.6vh;">{{ member.role }}</p>
2869
{% endif %}
2970

3071
{% 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>
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>
3273
{% endif %}
3374

34-
<div class="socialLinks" style="display: flex; justify-content: center; gap: 1.5vh; margin-top: auto;">
75+
<div class="socialLinks staff-social" style="display: flex; justify-content: center; gap: 1.5vh;">
3576
{% if member.twitter %}
36-
<a href="{{ member.twitter }}" target="_blank" title="Twitter" style="color: var(--primaryColor); font-size: 2.5vh; transition-duration: 0.3s;">
77+
<a href="{{ member.twitter }}" target="_blank" title="Twitter">
3778
<i class="fa-brands fa-x-twitter"></i>
3879
</a>
3980
{% endif %}
4081
{% if member.linkedin %}
41-
<a href="{{ member.linkedin }}" target="_blank" title="LinkedIn" style="color: var(--primaryColor); font-size: 2.5vh; transition-duration: 0.3s;">
82+
<a href="{{ member.linkedin }}" target="_blank" title="LinkedIn">
4283
<i class="fa-brands fa-linkedin"></i>
4384
</a>
4485
{% endif %}
4586
{% if member.github %}
46-
<a href="{{ member.github }}" target="_blank" title="GitHub" style="color: var(--primaryColor); font-size: 2.5vh; transition-duration: 0.3s;">
87+
<a href="{{ member.github }}" target="_blank" title="GitHub">
4788
<i class="fa-brands fa-github"></i>
4889
</a>
4990
{% endif %}

‎_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/juan_gutierrez.md‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
11
---
22
name: "Juan P. Gutiérrez"
33
description: "Consultor operacional A.I."
4-
photo: "img/staff/juan_p_gutierrez.jpg"
5-
twitter: ""
6-
linkedin: ""
7-
github: ""
4+
photo: "img/staff/juan_gutierrez.jpg"
5+
linkedin: "https://www.linkedin.com/in/juangutierrezjp/"
86
---

‎_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+
---

‎_staff/veronica_torres.md‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
name: "Verónica Torres"
3+
description: "Docente, project manager y tester QA"
4+
photo: "img/staff/veronica_torres.jpg"
5+
linkedin: "https://www.linkedin.com/in/verofxtorres/"
6+
---

0 commit comments

Comments
 (0)