gcg-website/layouts/event/single.html

94 lines
3.2 KiB
HTML

{{ define "main" }}
<!-- event single -->
<section class="section-sm">
<div class="container">
<div class="row">
<div class="col-12">
<h2 class="section-title">{{ .Title }}</h2>
</div>
<!-- event image -->
<div class="col-12 mb-4">
<img style="height: 500px;width: 100%;object-fit: cover;" src="{{ .Params.Image | relURL }}" alt="{{ .Title }}" class="img-fluid w-100">
</div>
</div>
<!-- event info -->
<div class="row align-items-center mb-5">
<div class="col-lg-9">
<ul class="list-inline">
<li class="list-inline-item mr-xl-5 mr-4 mb-3 mb-lg-0">
<div class="d-flex align-items-center">
<i class="ti-location-pin text-primary icon-md mr-2"></i>
<div class="text-left">
<h6 class="mb-0">{{ i18n "location" | upper}}</h6>
<p class="mb-0">{{ .Params.Location | markdownify }}</p>
</div>
</div>
</li>
<li class="list-inline-item mr-xl-5 mr-4 mb-3 mb-lg-0">
<div class="d-flex align-items-center">
<i class="ti-calendar text-primary icon-md mr-2"></i>
<div class="text-left">
<h6 class="mb-0">{{ i18n "date" | upper}}</h6>
<p class="mb-0">{{ .Date.Format "02 Jan, 2006"}}</p>
</div>
</div>
</li>
<li class="list-inline-item mr-xl-5 mr-4 mb-3 mb-lg-0">
<div class="d-flex align-items-center">
<i class="ti-time text-primary icon-md mr-2"></i>
<div class="text-left">
<h6 class="mb-0">{{ i18n "time" | upper }}</h6>
<p class="mb-0">{{ .Date.Format "15:04"}}</p>
</div>
</div>
</li>
<!--li class="list-inline-item mr-xl-5 mr-4 mb-3 mb-lg-0">
<div class="d-flex align-items-center">
<i class="ti-wallet text-primary icon-md mr-2"></i>
<div class="text-left">
<h6 class="mb-0">{{ i18n "entry_fee" | upper }}</h6>
<p class="mb-0">{{ .Params.Fee | markdownify }}</p>
</div>
</div>
</li-->
</ul>
</div>
<!-- border -->
<div class="col-12 mt-4 order-4">
<div class="border-bottom border-primary"></div>
</div>
</div>
<!-- event details -->
<div class="row">
<div class="col-12 mb-50 content">
{{ .Content }}
</div>
</div>
</div>
</section>
<!-- /event single -->
<!-- more event -->
<section class="section pt-0">
<div class="container">
<div class="row">
<div class="col-12">
<h2 class="section-title">{{ i18n "more_event" }}</h2>
</div>
</div>
<div class="row justify-content-center">
<!-- event -->
{{ $related := (where .Site.RegularPages "Type" "event") | intersect (where .Site.Pages ".Title" "!=" .Title) | union (.Site.RegularPages.Related . ) | shuffle | first 3}}
{{ range first 3 $related }}
<div class="col-lg-4 col-sm-6 mb-5 mb-lg-0">
{{ .Render "event" }}
</div>
{{ end }}
</div>
</div>
</section>
<!-- /more event -->
{{ end }}