Skip to content

Commit 93712eb

Browse files
Abhijeet2409Abhijeet2409
authored
fix: banner-positioning (#186)
Signed-off-by: Abhijeet Saharan <abhijeetsaharan2236@gmail.com> Signed-off-by: Abhijeet <abhijeetsaharan2236@gmail.com>
1 parent 3933530 commit 93712eb

File tree

1 file changed

+60
-43
lines changed

1 file changed

+60
-43
lines changed

‎layouts/_default/home.html‎

Lines changed: 60 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -64,48 +64,6 @@ <h2 class="text-2xl font-medium mb-5">{{ $.Param "section_what_parts_open_source
6464
</div>
6565
</div>
6666
</div>
67-
<!-- QUOTES -->
68-
<div id="quotes" class="anchor">
69-
<div class="pt-[40px] pb-[40px] sm:pt-[120px] sm:pb-[60px]">
70-
<div class="container container-mobile-full">
71-
<div class="relative w-full">
72-
<div class="mx-auto mb-10 lg:mb-0 lg:absolute lg:top-[50%] lg:left-0 lg:-translate-x-[91px] lg:-translate-y-[50%] text-white-dark text-5xl h-[40px] w-[51px]">
73-
{{ $graphic := resources.Get "images/Hiero-Icon-Quote-Left.svg" }}
74-
{{ with $graphic }}
75-
<img src="{{ $graphic.RelPermalink }}" {{ if $lazyLoading }}loading="lazy"{{ end }}>
76-
{{ end }}
77-
</div>
78-
<div class="px-[25px] pt-[80px] lg:pt-[60px] lg:px-[60px] lg:pb-0 text-lg text-white bg-gradient-to-br from-red-dark via-red to-red">
79-
<!-- Swiper -->
80-
<div class="swiper mySwiper">
81-
<div class="swiper-wrapper">
82-
{{ range .Param "section_quotes" }}
83-
<div class="swiper-slide">
84-
{{ $logo := resources.Get .logo }}
85-
{{ with $logo }}
86-
<div class="mb-5 flex justify-center h-[38px]">
87-
<img src="{{ $logo.RelPermalink }}" {{ if $lazyLoading }}loading="lazy"{{ end }}>
88-
</div>
89-
{{ end }}
90-
<div class="mb-5 [&>a]:text-white">{{ .quote | safeHTML }}</div>
91-
<div class="font-bold mb-[155px] [&>a]:text-white">{{ .author | safeHTML }}</div>
92-
</div>
93-
{{ end }}
94-
</div>
95-
<div class="swiper-button swiper-button-next"></div>
96-
<div class="swiper-button swiper-button-prev"></div>
97-
</div>
98-
</div>
99-
<div class="mx-auto mt-10 lg:mt-0 lg:absolute lg:top-[50%] lg:left-auto lg:right-0 lg:translate-x-[91px] lg:-translate-y-[50%] text-white-dark text-5xl h-[40px] w-[51px]">
100-
{{ $graphic := resources.Get "images/Hiero-Icon-Quote-Right.svg" }}
101-
{{ with $graphic }}
102-
<img src="{{ $graphic.RelPermalink }}" {{ if $lazyLoading }}loading="lazy"{{ end }}>
103-
{{ end }}
104-
</div>
105-
</div>
106-
</div>
107-
</div>
108-
</div>
10967

11068
<!-- Swiper JS -->
11169
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
@@ -122,7 +80,6 @@ <h2 class="text-2xl font-medium mb-5">{{ $.Param "section_what_parts_open_source
12280
},
12381
});
12482
</script>
125-
12683
<!-- CONTRIBUTE & CONNECT -->
12784
<div class="bg-white">
12885
<div class="container pt-[40px] pb-[40px] sm:pt-[60px] sm:pb-[120px] grid grid-cols-1 md:grid-cols-2 gap-16 md:gap-10">
@@ -273,6 +230,66 @@ <h3 class="text-xl sm:text-2xl font-medium mb-3 text-red">{{ .name | safeHTML }}
273230
<div class="w-full bg-white-dark h-[1px]"></div>
274231
</div>
275232
</div>
233+
234+
<!-- QUOTES -->
235+
<div id="quotes" class="anchor">
236+
<div class="pt-[40px] pb-[40px] sm:pt-[120px] sm:pb-[60px]">
237+
<div class="container container-mobile-full">
238+
<div class="relative w-full">
239+
<div class="mx-auto mb-10 lg:mb-0 lg:absolute lg:top-[50%] lg:left-0 lg:-translate-x-[91px] lg:-translate-y-[50%] text-white-dark text-5xl h-[40px] w-[51px]">
240+
{{ $graphic := resources.Get "images/Hiero-Icon-Quote-Left.svg" }}
241+
{{ with $graphic }}
242+
<img src="{{ $graphic.RelPermalink }}" {{ if $lazyLoading }}loading="lazy"{{ end }}>
243+
{{ end }}
244+
</div>
245+
<div class="px-[25px] pt-[80px] lg:pt-[60px] lg:px-[60px] lg:pb-0 text-lg text-white bg-gradient-to-br from-red-dark via-red to-red">
246+
<!-- Swiper -->
247+
<div class="swiper mySwiper">
248+
<div class="swiper-wrapper">
249+
{{ range .Param "section_quotes" }}
250+
<div class="swiper-slide">
251+
{{ $logo := resources.Get .logo }}
252+
{{ with $logo }}
253+
<div class="mb-5 flex justify-center h-[38px]">
254+
<img src="{{ $logo.RelPermalink }}" {{ if $lazyLoading }}loading="lazy"{{ end }}>
255+
</div>
256+
{{ end }}
257+
<div class="mb-5 [&>a]:text-white">{{ .quote | safeHTML }}</div>
258+
<div class="font-bold mb-[155px] [&>a]:text-white">{{ .author | safeHTML }}</div>
259+
</div>
260+
{{ end }}
261+
</div>
262+
<div class="swiper-button swiper-button-next"></div>
263+
<div class="swiper-button swiper-button-prev"></div>
264+
</div>
265+
</div>
266+
<div class="mx-auto mt-10 lg:mt-0 lg:absolute lg:top-[50%] lg:left-auto lg:right-0 lg:translate-x-[91px] lg:-translate-y-[50%] text-white-dark text-5xl h-[40px] w-[51px]">
267+
{{ $graphic := resources.Get "images/Hiero-Icon-Quote-Right.svg" }}
268+
{{ with $graphic }}
269+
<img src="{{ $graphic.RelPermalink }}" {{ if $lazyLoading }}loading="lazy"{{ end }}>
270+
{{ end }}
271+
</div>
272+
</div>
273+
</div>
274+
</div>
275+
</div>
276+
277+
<!-- Swiper JS -->
278+
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
279+
<!-- Initialize Swiper -->
280+
<script>
281+
var swiper = new Swiper(".mySwiper", {
282+
loop: true,
283+
autoplay: {
284+
delay: 30000,
285+
},
286+
navigation: {
287+
nextEl: ".swiper-button-next",
288+
prevEl: ".swiper-button-prev",
289+
},
290+
});
291+
</script>
292+
276293
<!-- TECHNICAL STEERING COMMITTEE -->
277294
<div id="technical-steering-committee" class="anchor">
278295
<div class="bg-white">

0 commit comments

Comments
 (0)
⚡