Skip to content

Commit 98e70b6

Browse files
annalisaantonioliannalisaantonioli
committed
Add tickets block + testimonial fix
1 parent 6e96523 commit 98e70b6

13 files changed

+245
-14
lines changed

‎_config.yml

+2
Original file line numberDiff line numberDiff line change
@@ -48,6 +48,8 @@ collections:
4848
output: true
4949
archives:
5050
output: true
51+
tickets:
52+
output: true
5153

5254
defaults:
5355
- scope:

‎_data/settings.yml

+1
Original file line numberDiff line numberDiff line change
@@ -12,3 +12,4 @@ homepage_settings:
1212
gallery:
1313
show: true
1414
title: "Code BEAM Europe 2024"
15+
tickets: false

‎_includes/testimonials.html

+5-2
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
11
{% assign testimonials = site.testimonials %}
2-
{{ testimonial | json }}
2+
33
{% if testimonials != null %}
44
<!-- Slider main container -->
5-
<div class="section--carousel">
5+
<div class="section section--carousel">
6+
<div class="carousel-wrapper">
67
<h3 class="title">{{ site.data.settings.homepage_settings.testimonials.title }}</h3>
8+
<hr/>
79
<div id="testimonials-carousel-quotes" class="owl-carousel owl-theme">
810
{% for testimonial in site.testimonials %}
911
<figure class="testimonial-item item">
@@ -21,4 +23,5 @@ <h5>{{ testimonial.name }} <span> {{ testimonial.role }}</span></h5>
2123

2224
</div>
2325
</div>
26+
</div>
2427
{% endif %}

‎_includes/tickets-block.html

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<div class="section tickets-block" id="register">
2+
<h2 class="title">Register</h2>
3+
<hr/>
4+
<div class="items-container">
5+
{% for item in site.tickets %}
6+
<div class="ticket-item">
7+
<div>
8+
<h3>{{ item.title }}</h3>
9+
<div class="price">
10+
{{ item.price }}
11+
{% if item.discount %}
12+
<span>{{ item.discount }}</span>
13+
{% endif %}
14+
</div>
15+
16+
{% if item.description %}
17+
<div class="description">
18+
{{ item.description}}
19+
</div>
20+
{% endif %}
21+
<a href="{{item.link}}" target="_blank" title="Register">Register</a>
22+
<hr />
23+
<div class="features">
24+
{{ item.content | markdownify }}
25+
</div>
26+
{% if item.conditions %}
27+
<div class="conditions">
28+
<hr />
29+
{% for condition in item.conditions %}
30+
<p>{{ condition}}</p>
31+
{% endfor %}
32+
</div>
33+
{% endif %}
34+
</div>
35+
</div>
36+
{% endfor %}
37+
</div>
38+
</div>

‎_sass/global.scss

+4-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
$primary: blue;
2-
$light-blue: #543462;
2+
$light-blue: hsl(282, 31%, 29%);
33
$white: #fff;
4+
$brand: #ff00ff;
5+
$secondary: #2aea9c;
46

57
a {
68
-webkit-transition: all 300ms ease-in-out;
@@ -39,7 +41,7 @@ a {
3941

4042
.page-loader .load-icon:before,
4143
.page-loader .load-icon:after {
42-
content: "";
44+
content: '';
4345
display: block;
4446
position: absolute;
4547
background: rgba(151, 33, 248, 0.2);

‎_sass/main.sass

+3-10
Original file line numberDiff line numberDiff line change
@@ -153,16 +153,9 @@ a
153153
.section
154154
height: 35em
155155
width: 100%
156-
157-
&--carousel
158-
width: 100%
159-
margin: 60px auto
160-
max-width: 95vw
161-
@media screen and (min-width: 1024px)
162-
margin: 80px auto
163-
max-width: 1280px
164-
padding-left: 2rem
165-
padding-right: 2rem
156+
&.section--carousel
157+
height: auto
158+
padding: 0
166159

167160
.btn-outline
168161
align-items: center

‎_sass/testimonials.scss

+12
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,15 @@
1+
.carousel-wrapper {
2+
width: 100%;
3+
margin: 60px auto;
4+
max-width: 95vw;
5+
@media screen and (min-width: 1024px) {
6+
margin: 80px auto;
7+
max-width: 1280px;
8+
padding-left: 2rem;
9+
padding-right: 2rem;
10+
}
11+
}
12+
113
#testimonials-carousel-quotes {
214
margin-top: 40px;
315
margin-bottom: 40px;

‎_sass/tickets-block.scss

+118
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,118 @@
1+
.tickets-block {
2+
font-family: 'Montserrat', sans-serif;
3+
.items-container {
4+
margin: 30px auto;
5+
display: flex;
6+
flex-wrap: wrap;
7+
flex-direction: column;
8+
gap: 1em;
9+
@media screen and (min-width: 768px) {
10+
flex-direction: row;
11+
justify-content: center;
12+
align-items: flex-start;
13+
gap: 1.5em;
14+
}
15+
}
16+
.ticket-item {
17+
// background: linear-gradient(to left, #0074a9 50%, #e32dfd 50%);
18+
padding: 3.5px;
19+
text-align: center;
20+
font-family: 'Lato';
21+
border-radius: 8px;
22+
background: linear-gradient(-45deg, #0074a9, #e32dfd, #2aea9c, #e32dfd);
23+
background-size: 400% 400%;
24+
position: relative;
25+
z-index: 1;
26+
animation: gradientAnimation 9s linear infinite;
27+
@media screen and (min-width: 768px) {
28+
flex: 0 1 25%;
29+
}
30+
&:nth-child(even) {
31+
background: linear-gradient(-45deg, #e32dfd, #2aea9c, #e32dfd, #0074a9);
32+
}
33+
> div {
34+
background-color: #fff;
35+
padding: 30px 20px;
36+
border-radius: 8px;
37+
}
38+
39+
h3 {
40+
font-size: 20px;
41+
font-weight: bold;
42+
margin-bottom: 1em;
43+
}
44+
.price {
45+
margin: 0.75em auto;
46+
font-size: 35px;
47+
display: flex;
48+
flex-direction: column;
49+
gap: 10px;
50+
align-items: center;
51+
span {
52+
display: inline-block;
53+
width: auto;
54+
font-size: 1rem;
55+
56+
background-color: $secondary;
57+
padding: 3px 8px;
58+
}
59+
}
60+
.description {
61+
margin: 1em auto;
62+
}
63+
a {
64+
align-items: center;
65+
border: 1px solid $brand;
66+
color: $brand;
67+
border-radius: 0.3em;
68+
margin: 1em auto;
69+
font-size: 0.75em;
70+
font-weight: 500;
71+
letter-spacing: 0.16em;
72+
padding: 0.5em 2.7em;
73+
display: inline-block;
74+
transition: all 0.3s linear;
75+
&:hover {
76+
background-color: $brand;
77+
color: #ffffffff;
78+
}
79+
}
80+
81+
hr {
82+
margin: 1em auto !important;
83+
height: 1px;
84+
background: lightgray;
85+
}
86+
.features {
87+
padding: 18px 30px;
88+
ul {
89+
text-align: left;
90+
margin: 20px 0;
91+
list-style-type: '👉';
92+
padding-inline-start: 1em;
93+
li {
94+
margin-bottom: 10px;
95+
padding-left: 0.5em;
96+
}
97+
}
98+
}
99+
.conditions p {
100+
font-size: 0.7rem;
101+
margin-bottom: 8px;
102+
opacity: 0.86;
103+
color: #000;
104+
}
105+
}
106+
}
107+
108+
@keyframes gradientAnimation {
109+
0% {
110+
background-position: 0% 50%;
111+
}
112+
50% {
113+
background-position: 100% 50%;
114+
}
115+
100% {
116+
background-position: 0% 50%;
117+
}
118+
}

‎_tickets/example copy 2.md

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
---
2+
title: 'This is the ticket title'
3+
price: '1000$'
4+
discount: '15% off until dec 2025'
5+
description: 'Solis 39 urbanitas utuntur explicari adiungimus efficeretur delicata faciam errorem atomos adiungimus Albucius acri intelleges.'
6+
link: 'www.link.com'
7+
conditions:
8+
- 'Confidet desideraturam excruciant malit firmitatem tempore seditiones distinctio placet'
9+
- 'Utinam aliae sero seditione appetendi tua aiebat Utrum omittantur levis!'
10+
- 'Ei modum sublatum ipsius puto civitatis vellem significet consule suavitate iudicem miserum locis aliquo officiis.'
11+
---
12+
13+
### FEATURES
14+
15+
- Feature 01
16+
- Solis 39 urbanitas utuntur explicari adiungimus efficeretur delicata
17+
- Faciam errorem atomos adiungimus Albucius acri intelleges
18+
- Lorem ipsum dolor sit
19+
- Feature 01
20+
- Solis 39 urbanitas utuntur explicari adiungimus efficeretur delicata
21+
- Faciam errorem atomos adiungimus Albucius acri intelleges
22+
- Lorem ipsum dolor sit

‎_tickets/example copy.md

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
title: 'This is the ticket title'
3+
price: '1000$'
4+
discount: '15% off until dec 2025'
5+
description: 'Solis 39 urbanitas utuntur explicari adiungimus efficeretur delicata faciam errorem atomos adiungimus Albucius acri intelleges.'
6+
link: 'www.link.com'
7+
conditions:
8+
- 'Confidet desideraturam excruciant malit firmitatem tempore seditiones distinctio placet'
9+
---
10+
11+
### FEATURES
12+
13+
- Feature 01
14+
- Solis 39 urbanitas utuntur explicari adiungimus efficeretur delicata
15+
- Faciam errorem atomos adiungimus Albucius acri intelleges
16+
- Lorem ipsum dolor sit

‎_tickets/example.md

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
---
2+
title: 'This is the ticket title'
3+
price: '1000$'
4+
discount: '15% off until dec 2025'
5+
description: 'Solis 39 urbanitas utuntur explicari adiungimus efficeretur delicata faciam errorem atomos adiungimus Albucius acri intelleges.'
6+
link: 'www.link.com'
7+
conditions:
8+
- 'Confidet desideraturam excruciant malit firmitatem tempore seditiones distinctio placet'
9+
- 'Utinam aliae sero seditione appetendi tua aiebat Utrum omittantur levis!'
10+
- 'Ei modum sublatum ipsius puto civitatis vellem significet consule suavitate iudicem miserum locis aliquo officiis.'
11+
---
12+
13+
### FEATURES
14+
15+
- Feature 01
16+
- Solis 39 urbanitas utuntur explicari adiungimus efficeretur delicata
17+
- Faciam errorem atomos adiungimus Albucius acri intelleges
18+
- Lorem ipsum dolor sit

‎assets/css/styles.scss

+1
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,7 @@
2323
@import 'modal';
2424
@import 'testimonials';
2525
@import 'gallery-grid';
26+
@import 'tickets-block';
2627

2728
@import '_animations';
2829
@import '_owl-carousel';

‎index.html

+5
Original file line numberDiff line numberDiff line change
@@ -46,6 +46,11 @@
4646
<!-- end of trainers -->
4747
{% include training.html %}
4848
<!-- end of training -->
49+
50+
{% if site.data.settings.homepage_settings.tickets %}
51+
{% include tickets-block.html %}
52+
{% endif %}
53+
<!-- end of tickets -->
4954
{% comment %} {% include register.html %} {% endcomment %}
5055
<!-- end of register -->
5156
{% include banner-3.html %}

0 commit comments

Comments
 (0)