diff options
Diffstat (limited to 'layouts/index.html')
| -rw-r--r-- | layouts/index.html | 182 |
1 files changed, 80 insertions, 102 deletions
diff --git a/layouts/index.html b/layouts/index.html index f81afc0..03ce667 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -9,9 +9,12 @@ <div class="d-flex justify-content-center"> <div class="text-center"> {{ with site.Data.homepage.main }} - <h1 class="mx-auto my-0 text-uppercase">{{ .header.title }}</h1> - <h2 class="text-white-75 mx-auto mt-2 mb-2 text-uppercase">{{ .header.description }}</h2> - <a class="btn btn-primary" href="{{ .header.button.url }}">{{ .header.button.text }}</a> + <img class="img-fluid" src="{{ .header.logo }}"/> + <h2 class="text-white mx-auto mt-2 mb-2 chilanka"> + {{ .header.description | markdownify | safeHTML }} + </h2> + <a class="btn btn-primary fw-bold" href="{{ .header.button.url }}">{{ .header.button.text }}</a> + <a class="btn btn-secondary" href="{{ .header.button2.url }}">{{ .header.button2.text }}</a> {{ end }} </div> </div> @@ -20,127 +23,102 @@ <!-- About--> {{ with site.Data.homepage.about }} <section class="about-section text-center" id="about"> - <div class="container px-4 px-lg-5"> + <div class="overflow-x container px-4 px-lg-5"> <div class="row gx-4 gx-lg-5 justify-content-center"> <div class="col-lg-8"> - <h2 class="text-white mb-4 text-uppercase">{{ .title }}</h2> - <p class="text-white-75">{{ .desc }}</p> + <h1 class="text-white mb-4 text-uppercase shadows-into-light">{{ .title }}</h1> {{ if .button.enable }} <a class="btn btn-primary about-btn" href="{{ .button.url }}">{{ .button.text }}</a> {{ end }} </div> - <div class="about-row"> - <figure class="column text-center"> - <img class="about-img" src="{{ .image0.src }}" alt="A live picture of {{ .image0.text }}"/> - <figcaption class="text-white-75 mx-auto mt-2 mb-5 text-uppercase">{{ .image0.text }}</figcaption> - </figure> - <figure class="column text-center"> - <img class="about-img" src="{{ .image1.src }}" alt="A live picture of {{ .image1.text }}"/> - <figcaption class="text-white-75 mx-auto mt-2 mb-5 text-uppercase">{{ .image1.text }}</figcaption> - </figure> - <figure class="column text-center"> - <img class="about-img" src="{{ .image2.src }}" alt="A live picture of {{ .image2.text }}"/> - <figcaption class="text-white-75 mx-auto mt-2 mb-5 text-uppercase">{{ .image2.text }}</figcaption> - </figure> - <figure class="column text-center"> - <img class="about-img" src="{{ .image3.src }}" alt="A live picture of {{ .image3.text }}"/> - <figcaption class="text-white-75 mx-auto mt-2 mb-3 text-uppercase">{{ .image3.text }}</figcaption> - </figure> - </div> - </div> - </div> - </section> - {{ end }} - {{ with site.Data.homepage.musicvideo }} - <!-- Listen--> - <section class="watch-section" id="watch"> - <div class="container px-4 px-lg-5"> - <div class="d-flex justify-content-center"> - <div class="col-lg-8 text-center"> - <h2 class="text-white mb-4 text-uppercase">{{ .title }}</h2> - <p class="text-white-75 h2">{{ .desc }}</p> - </div> - </div> - <div class="text-center gx-4 gx-lg-5 justify-content-center about-row"> - <video class="musicvideo mx-auto" controls preload="metadata" alt="Music video for Path of Emotions"> - <source src='{{ .src }}' type="audio/ogg"> - </video> - </div> - </div> - </section> - {{ end }} - {{ with site.Data.homepage.listen }} - <!-- Listen--> - <section class="listen-section" id="listen"> - <div class="container px-4 px-lg-5"> - <div class="d-flex justify-content-center"> - <div class="col-lg-8 text-center"> - <h2 class="text-white mb-4 text-uppercase">{{ .title }}</h2> - <p class="text-white-75 h2">{{ .desc }}</p> - </div> - </div> - <div class="text-center mx-auto mt-2 mb-2"> - <img class="listen-img" src="{{ .image }}" alt="Workart for our EP Take Away"/> - </div> - <div class="text-center gx-4 gx-lg-5 justify-content-center about-row"> - <section class="text-white-75 text-uppercase"> {{ .audio0.title }} </section> - <audio class="mx-auto mt-1 mb-1" controls preload="metadata"> - <source src='{{ .audio0.src }}' type="audio/ogg"> - </audio> + <div class=""> + {{ with .image0 }} + <div class="about py-lg-1 align-items-center"> + <img class="about-img order-0" src="{{ .src }}"/> + <div class="text-white order-1 justify-content-center px-sm-2"> + <h2 class="text-uppercase shadows-into-light">{{ .title }}</h2> + <div class="chilanka"> + {{ .text }} + </div> + </div> + </div> + {{ end }} - <section class="text-white-75 text-uppercase"> {{ .audio1.title }} </section> - <audio class="mx-auto mt-1 mb-1" controls preload="metadata"> - <source src='{{ .audio1.src }}' type="audio/ogg"> - </audio> + {{ with .image1 }} + <div class="about-right py-lg-1 align-items-center"> + <img class="about-img order-0" src="{{ .src }}"/> + <div class="text-white order-1 justify-content-center px-sm-2"> + <h2 class="text-uppercase shadows-into-light">{{ .title }}</h2> + <div class="chilanka"> + {{ .text }} + </div> + </div> + </div> + {{ end }} - <section class="text-white-75 text-uppercase"> {{ .audio2.title }} </section> - <audio class="mx-auto mt-1 mb-1" controls preload="metadata"> - <source src='{{ .audio2.src }}' type="audio/ogg"> - </audio> + {{ with .image2 }} + <div class="about py-lg-1 align-items-center"> + <img class="about-img order-0" src="{{ .src }}"/> + <div class="text-white order-1 justify-content-center px-sm-2"> + <h2 class="text-uppercase shadows-into-light">{{ .title }}</h2> + <div class="chilanka"> + {{ .text }} + </div> + </div> + </div> + {{ end }} - <section class="text-white-75 text-uppercase"> {{ .audio3.title }} </section> - <audio class="mx-auto mt-1 mb-1" controls preload="metadata"> - <source src='{{ .audio3.src }}' type="audio/ogg"> - </audio> + {{ with .image3 }} + <div class="about-right py-lg-1 align-items-center"> + <img class="about-img order-0" src="{{ .src }}"/> + <div class="text-white order-1 justify-content-center px-sm-2"> + <h2 class="text-uppercase shadows-into-light">{{ .title }}</h2> + <div class="chilanka"> + {{ .text | markdownify | safeHTML }} + </div> + </div> + </div> + {{ end }} + </div> + {{ with site.Data.homepage.gallery }} + <h1 class="mt-4 text-white text-uppercase shadows-into-light">{{ .title }}</h1> + {{ end }} + {{- partial "slider.html" . -}} + {{ with site.Data.homepage.main }} + <a class="btn btn-primary btn-primary-foot fw-bold" href="{{ .header.button.url }}">{{ .header.button.text }}</a> + {{ end }} </div> </div> </section> {{ end }} + {{ with site.Data.homepage.booking }} + {{ end }} <!-- Contact--> {{ with site.Data.homepage.contact }} - <section class="contact-section bg-black" id="contact"> + <section class="contact-section" id="contact"> <div class="d-flex justify-content-center"> <div class="col-lg-8 text-center"> - <h2 class="text-white mb-4 text-uppercase">{{ .title }}</h2> + <h1 class="text-white mb-4 text-uppercase shadows-into-light">{{ .title }}</h1> </div> </div> <div class="container px-4 px-lg-5"> <div class="row gx-4 gx-lg-5 justify-content-center"> - <div class="btn btn-primary mx-2 col-md-4 mb-3 mb-md-0"> - <a href="mailto:{{ .email }}"> - <i class="fas fa-envelope text-primary mb-2"></i> - <h4 class="text-uppercase m-4 text-white-75">Email</h4> - <div class="small my-4 text-white-75">{{ .email }}</div> - </a> - </div> - <div class="column btn btn-primary mx-2 col-md-4 mb-3 mb-md-0"> - <a href="xmpp:{{ .xmpp }}?message"> - <i class="fas fa-envelope text-primary mb-2"></i> - <h4 class="text-uppercase m-4 text-white-75">XMPP</h4> - <div class="small my-4 text-white-75">{{ .xmpp }}</div> - </a> - </div> - </div> - {{ with site.Data.homepage.social }} - <div class="social d-flex justify-content-center"> - <a class="mx-2" href="{{ .fediverse.url }}"><img class="social-img" src="{{ .fediverse.src }}" alt="{{ .fediverse.altext }}"/></a> - <a class="mx-2" href="{{ .spotify.url }}"><img class="social-img" src="{{ .spotify.src }}" alt="{{ .spotify.altext }}"/></a> - <a class="mx-2" href="{{ .instagram.url }}"><img class="social-img" src="{{ .instagram.src }}" alt="{{ .instagram.altext }}"/></a> - <a class="mx-2" href="{{ .youtube.url }}"><img class="social-img" src="{{ .youtube.src }}" alt="{{ .youtube.altext }}"/></a> - <a class="mx-2" href="{{ .peertube.url }}"><img class="social-img" src="{{ .peertube.src }}" alt="{{ .peertube.altext }}"/></a> - <a class="mx-2" href="{{ .linktree.url }}"><img class="social-img" src="{{ .linktree.src }}" alt="{{ .linktree.altext }}"/></a> + <div class="text-white">Email: <a class="text-white" href="mailto:{{ .email }}">{{ .email }}</a></div> + <div class="text-white">Adreça: <a class="text-white" href="https://www.openstreetmap.org/?mlat=41.145592&mlon=1.104775#map=19/41.145592/1.104775">{{ .address }}</a></div> + <div class="text-white">Telèfon: <a class="text-white" href="tel:{{ .phonefull }}">{{ .phone }}</a></div> + {{ with site.Data.homepage.social }} + <div class="d-flex justify-content-center py-lg-1"> + <a class="social mx-2" href="{{ .instagram.url }}"><img class="social-img" src="{{ .instagram.src }}" alt="{{ .instagram.altext }}"/></a> + <a class="text-white" href="{{ .instagram.url }}">{{ .instagram.profile }}</a> + </div> + {{ end }} + <iframe + width="425" + height="350" + src="https://www.openstreetmap.org/export/embed.html?bbox=1.1030048131942751%2C41.144678988077644%2C1.1065453290939333%2C41.146504897076724&layer=mapnik&marker=41.14559194893249%2C1.104775071144104"> + </iframe><br/><small class="text-center"><a class="text-white" href="https://www.openstreetmap.org/?mlat=41.145592&mlon=1.104775#map=19/41.145592/1.104775">Veure a OpenStreetMap</a></small> </div> - {{ end }} + </div> </section> {{ end }} |