Skip to content

Commit 4ac7e57

Browse files
paulacianellipaulacianelli
committed
feat: add /primera-vez/ FAQ page for first-time attendees
1 parent 0d416de commit 4ac7e57

7 files changed

Lines changed: 533 additions & 3 deletions

File tree

‎_includes/default_header.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ <h2>Sé parte_</h2>
1515
{{ service[0] }}<img src='/assets/images/arrow.svg' aria-hidden="true" focuseable="false"/>
1616
</a>
1717
{% endfor %}
18+
<a href="/primera-vez/">Primera vez<img src='/assets/images/arrow.svg' aria-hidden="true" focuseable="false"/></a>
1819
</div>
1920
</div>
2021
</header>

‎_includes/head.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
<head>
2-
<title>Ruby UY</title>
2+
<title>{{ page.title | default: "Ruby UY" }}</title>
33
<meta charset='utf-8' />
44
<meta name="viewport" content="width=device-width, initial-scale=1">
5-
<meta name="description" content="Sitio de la comunidad de Ruby en Uruguay">
5+
<meta name="description" content="{{ page.description | default: 'Sitio de la comunidad de Ruby en Uruguay' }}">
66
<meta name="view-transition" content="same-origin" />
77
<link rel="preconnect" href="https://fonts.googleapis.com">
88
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

‎_layouts/primera-vez.html‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<!DOCTYPE html>
2+
<html lang="es">
3+
{% include head.html %}
4+
5+
<body>
6+
<nav class="pv-breadcrumb" aria-label="breadcrumb">
7+
<div class="pv-breadcrumb__inner">
8+
<ol class="pv-breadcrumb__trail">
9+
<li><a href="/">Ruby UY</a></li>
10+
<li><span class="sep" aria-hidden="true">›</span></li>
11+
<li><span class="pv-breadcrumb__current" aria-current="page">Primera vez</span></li>
12+
</ol>
13+
</div>
14+
</nav>
15+
16+
<main>
17+
<article id="view-primera-vez">
18+
{{ content }}
19+
</article>
20+
</main>
21+
22+
{% include footer.html %}
23+
</body>
24+
</html>

‎_sass/primera-vez.scss‎

Lines changed: 104 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,104 @@
1+
.pv-breadcrumb {
2+
background: $vm-blue;
3+
width: 100%;
4+
5+
.pv-breadcrumb__inner {
6+
align-items: center;
7+
display: flex;
8+
height: 44px;
9+
padding: 0 2rem;
10+
}
11+
12+
.pv-breadcrumb__trail {
13+
align-items: center;
14+
display: flex;
15+
font-size: 0.75rem;
16+
font-weight: 700;
17+
gap: 0.75rem;
18+
letter-spacing: 0.08em;
19+
list-style: none;
20+
margin: 0;
21+
padding: 0;
22+
23+
a {
24+
color: $vm-white;
25+
text-decoration: none;
26+
27+
&:hover { color: $vm-yellow; }
28+
}
29+
30+
.sep { color: rgba($vm-white, 0.4); }
31+
}
32+
33+
.pv-breadcrumb__current { color: $vm-yellow; }
34+
35+
@media (max-width: 768px) {
36+
.pv-breadcrumb__inner {
37+
height: auto;
38+
padding: 0.75rem 1.25rem;
39+
}
40+
}
41+
}
42+
43+
#view-primera-vez {
44+
background: $vm-cream;
45+
margin: 0 auto;
46+
max-width: 760px;
47+
padding: 2.5rem 2rem 3rem;
48+
width: 100%;
49+
50+
@media (max-width: 768px) {
51+
padding: 2rem 1.25rem 2.5rem;
52+
}
53+
54+
@media (max-width: 425px) {
55+
padding: 1.5rem 1rem 2rem;
56+
}
57+
}
58+
59+
.pv-title {
60+
color: $vm-blue;
61+
font: 700 clamp(1.5rem, 4vw, 2.25rem)/1.05 'Syncopate', sans-serif;
62+
letter-spacing: 0.04em;
63+
margin-bottom: 0.5rem;
64+
}
65+
66+
.pv-subtitle {
67+
color: rgba($vm-ink, 0.55);
68+
font-family: 'DM Sans', system-ui, sans-serif;
69+
font-size: 1rem;
70+
line-height: 1.5;
71+
margin-bottom: 2.5rem;
72+
}
73+
74+
.pv-faq {
75+
display: flex;
76+
flex-direction: column;
77+
}
78+
79+
.pv-faq__item {
80+
border-bottom: 1px solid rgba($vm-ink, 0.1);
81+
border-left: 3px solid $vm-yellow;
82+
margin-bottom: 1rem;
83+
padding: 0 0 1rem 1.25rem;
84+
85+
&:last-child {
86+
border-bottom: none;
87+
margin-bottom: 0;
88+
}
89+
}
90+
91+
.pv-faq__q {
92+
color: $vm-blue;
93+
font: 700 0.8rem 'Syncopate', sans-serif;
94+
letter-spacing: 0.05em;
95+
margin-bottom: 0.5rem;
96+
text-transform: uppercase;
97+
}
98+
99+
.pv-faq__a {
100+
color: rgba($vm-ink, 0.72);
101+
font-family: 'DM Sans', system-ui, sans-serif;
102+
font-size: 0.975rem;
103+
line-height: 1.65;
104+
}

‎assets/css/styles.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
---
22
---
3-
@import 'reset', 'application', 'header', 'nav', 'next_meetup', 'view_meetup', 'meetups', 'sponsors', 'footer';
3+
@import 'reset', 'application', 'header', 'nav', 'next_meetup', 'view_meetup', 'meetups', 'sponsors', 'footer', 'primera-vez';

0 commit comments

Comments
 (0)