gcg-website/layouts/schulchronik/single.html

74 lines
2.6 KiB
HTML

{{ define "main" }}
<section class="section-sm">
<div class="container">
<div class="row">
<div class="col-12 mb-4">
{{ range .Params.topics }}
<div id="{{ lower .id }}" class="modal">
<!-- Modal content -->
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">{{ .title }}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="content">
{{ .content | markdownify }}
</div>
</div>
</div>
</div>
</div>
{{ end }}
<div id="wc-canvas" style="width: 800px;height: 800px;"></div>
{{ $topics := slice (slice .Params.Title 100) }}
{{ range .Params.topics }}
{{ $topics = $topics | append (slice (slice .title 40 .id)) }}
{{ end }}
{{ $topics = $topics | jsonify }}
<script>
WordCloud(
document.getElementById('wc-canvas'),
{
click: function (item) {
console.log(item);
if (item[1] != 100 || (item[1] == 100 && item[2] == "pretext")) {
$('#' + item[2]).modal('show');
}
},
color: function (word, weight) {
return (weight === 100) ? '#ffbc3b' : '#1a1a37';
},
fontFamily: 'Fira Sans, serif',
list: JSON.parse({{ $topics }})
}
);
</script>
</div>
{{ if .Params.Cantorpreisträger }}
<div class="col-12">
<h2 class="mb-3">{{ i18n "cantorpreisträger" }}</h2>
{{ range where (where .Site.RegularPages "Title" .Params.Title ) "Type" "=" "cantorpreis" }}
<div class="d-flex justify-content-between align-items-center flex-wrap">
<div class="media mb-2 mb-sm-0 align-items-center">
<img class="mr-4 img-fluid person-thumb-sm" src="{{ .Params.Image | relURL }}" alt="{{ .Title }}">
<div class="media-body">
<h4 class="mt-0"><a href="{{ .Permalink }}">{{ .Params.Name }}</a></h4>
{{ .Description }}
</div>
</div>
</div>
{{ end }}
<div class="border-bottom border-primary mt-4"></div>
</div>
{{ end }}
</div>
</div>
</section>
{{ end }}