hello
This commit is contained in:
parent
9f5f8c1ad8
commit
ac2c530405
11 changed files with 358 additions and 36 deletions
|
|
@ -6,7 +6,7 @@
|
|||
<div class="cover-container">
|
||||
<div class="container mx-auto">
|
||||
<div class="cover-title">
|
||||
<h1>{{ .Site.Params.landing.title }}</h1>
|
||||
<h1>{{ .Site.Params.landing.title | safeHTML }}</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -17,46 +17,46 @@
|
|||
<div class="w-full">
|
||||
<div class="card no-actions card-blue mx-2">
|
||||
<div class="card-title">
|
||||
<i class="fa fas fa-arrow-circle-right"></i> {{ .Site.Params.landing.edito.title }}
|
||||
<i class="fa fas fa-arrow-circle-right"></i> {{ .Site.Params.landing.edito.title | safeHTML }}
|
||||
</div>
|
||||
<div
|
||||
class="card-text">
|
||||
{{ .Site.Params.landing.edito.content }}
|
||||
{{ .Site.Params.landing.edito.content | safeHTML }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full md:w-1/2 ">
|
||||
<div class="card card-purple mx-2">
|
||||
<div class="card-title">
|
||||
<i class="fa fas fa-arrow-circle-right"></i> {{ .Site.Params.landing.mission.title }}
|
||||
<i class="fa fas fa-arrow-circle-right"></i> {{ .Site.Params.landing.mission.title | safeHTML }}
|
||||
</div>
|
||||
<div
|
||||
class="card-text">
|
||||
{{ .Site.Params.landing.mission.content }}
|
||||
{{ .Site.Params.landing.mission.content | safeHTML }}
|
||||
</div>
|
||||
<div class="card-actions">
|
||||
<nuxt-link
|
||||
to="/about"
|
||||
<a
|
||||
href="{{ relLangURL "/about" }}"
|
||||
class="card-action">
|
||||
{{ .Site.Params.landing.mission.action }}
|
||||
</nuxt-link>
|
||||
{{ .Site.Params.landing.mission.action | safeHTML }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full md:w-1/2">
|
||||
<div class="card card-green mx-2">
|
||||
<div class="card-title">
|
||||
<i class="fa fas fa-arrow-circle-right"></i> {{ .Site.Params.landing.support.title }}
|
||||
<i class="fa fas fa-arrow-circle-right"></i> {{ .Site.Params.landing.support.title | safeHTML }}
|
||||
</div>
|
||||
<div
|
||||
class="card-text">
|
||||
{{ .Site.Params.landing.support.content }}
|
||||
{{ .Site.Params.landing.support.content | safeHTML }}
|
||||
</div>
|
||||
<div class="card-actions">
|
||||
<a
|
||||
:href="$env.donate"
|
||||
href="{{ relLangURL "/donate" }}"
|
||||
class="card-action">
|
||||
{{ .Site.Params.landing.support.action }}
|
||||
{{ .Site.Params.landing.support.action | safeHTML }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -65,42 +65,42 @@
|
|||
<div class="divider my-5"></div>
|
||||
<h2 class="index-icon-title py-2 mb-5">
|
||||
<i class="fa fas fa-newspaper"></i>
|
||||
{{ .Site.Params.articles.last }}
|
||||
{{ .Site.Params.articles.last | safeHTML }}
|
||||
</h2>
|
||||
{{<articles :locale="$store.state.locale">}}
|
||||
{{ partial "articles.html" (dict "Paging" true "context" . "ammount" 3)}}
|
||||
<div class="index-more-section">
|
||||
<nuxt-link
|
||||
to="/blog"
|
||||
<a
|
||||
href="{{ relLangURL "/blog" }}"
|
||||
class="mt-3 link button button-primary">
|
||||
<div class="button-icon">
|
||||
<i class="fa fas fa-plus-square"></i>
|
||||
</div>
|
||||
<div class="button-text">{{ .Site.Params.more }}</div>
|
||||
</nuxt-link>
|
||||
<div class="button-text">{{ .Site.Params.more | safeHTML }}</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="clear-fix"></div>
|
||||
<div class="divider mt-4 mb-5"></div>
|
||||
<h2 class="index-icon-title py-2 mb-5">
|
||||
<i class="fa fas fa-newspaper"></i>
|
||||
{{ .Site.Params.photos.last }}
|
||||
{{ .Site.Params.photos.last | safeHTML }}
|
||||
</h2>
|
||||
<photos limit="4" />
|
||||
<div class="index-more-section">
|
||||
<nuxt-link
|
||||
to="/photos"
|
||||
<a
|
||||
href="{{ relLangURL "/photos" }}"
|
||||
class="mt-3 link button button-primary">
|
||||
<div class="button-icon">
|
||||
<i class="fa fas fa-plus-square"></i>
|
||||
</div>
|
||||
<div class="button-text">{{ .Site.Params.more }}</div>
|
||||
</nuxt-link>
|
||||
<div class="button-text">{{ .Site.Params.more | safeHTML }}</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="clear-fix"></div>
|
||||
<div class="divider my-5"></div>
|
||||
<div class="partners-quick flex flex-wrap">
|
||||
<div class="partner-quick-title partner-item w-full">
|
||||
<h3 class="partner-quick-title py-2 mb-2">
|
||||
{{ .Site.Params.partners.support-us }}
|
||||
{{ index .Site.Params.partners "support-us" | safeHTML }}
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
|
|
@ -109,10 +109,5 @@
|
|||
</div>
|
||||
</div>
|
||||
Index
|
||||
{{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}
|
||||
{{ range $paginator.Pages }}
|
||||
{{ .Render "summary" }}
|
||||
{{ end }}
|
||||
{{ partial "pagination.html" . }}
|
||||
</main>
|
||||
{{ end }}
|
||||
|
|
|
|||
53
layouts/partials/articles.html
Normal file
53
layouts/partials/articles.html
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.30.1/moment.min.js" integrity="sha512-hUhvpC5f8cgc04OZb55j0KNGh4eh7dLxd/dPSJ5VyzqDWxsayYbojWyl5Tkcgrmb/RVKCRJI1jNlRbVP4WWC4w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>-->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.30.1/moment-with-locales.min.js" integrity="sha512-4F1cxYdMiAW98oomSLaygEwmCnIP38pb4Kx70yQYqRwLVCs3DbRumfBq82T08g/4LJ/smbFGFpmeFlQgoDccgg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.30.1/locale/{{ .Lang }}.min.js" integrity="sha512-RAt2+PIRwJiyjWpzvvhKAG2LEdPpQhTgWfbEkFDCo8wC4rFYh5GQzJBVIFDswwaEDEYX16GEE/4fpeDNr7OIZw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
<div class="articles-list transition-parent">
|
||||
{{ $allposts := (where site.RegularPages "Section" "=" site.Params.mainSections)}}
|
||||
{{ $allposts = $allposts.ByDate }}
|
||||
{{ $context := (page.GetPage "/posts")}}
|
||||
{{ if (eq (len $allposts) 0) }}
|
||||
<div
|
||||
class="section-error-container transition-child"
|
||||
style="height: 100%;">
|
||||
<div class="section-error-content">
|
||||
<i class="fa fas fa-times-circle"></i>
|
||||
{{ .Site.Params.articles.empty }}
|
||||
</div>
|
||||
</div>
|
||||
{{ else }}
|
||||
<div
|
||||
class="articles">
|
||||
{{ range $index, $article := ($context.Page.Paginate $allposts .ammount).Pages }}
|
||||
<a class=article href="{{ $article.RelPermalink }}">
|
||||
<article>
|
||||
<div
|
||||
style="background-image:url({{ $article.Params.banner }});"
|
||||
class="article-thumb">
|
||||
</div>
|
||||
{{ if (and (eq $index 0) (lt (sub $article.Date.Day time.Now.Day ) 14)) }}
|
||||
<span
|
||||
class="article-status">NEW</span>
|
||||
{{ end }}
|
||||
<div class="article-body">
|
||||
<div class="article-title">
|
||||
{{ $article.Title }}
|
||||
</div>
|
||||
<div class="article-subtitle">
|
||||
<span id=from-now data-date="{{ $article.Date.Format "20060102" }}"></span>
|
||||
</div>
|
||||
<p class="article-description">
|
||||
{{ $article.Description }}
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<script>
|
||||
moment.locale("{{ .context.Lang }}");
|
||||
document.querySelectorAll("#from-now").forEach(e=>{e.innerHTML = moment(e.getAttribute("data-date"),"YYYYMMDD").fromNow();});
|
||||
</script>
|
||||
{{/* partial "pagination.html" . */}}
|
||||
105
layouts/posts/list.html
Normal file
105
layouts/posts/list.html
Normal file
|
|
@ -0,0 +1,105 @@
|
|||
{{ define "main" }}
|
||||
{{ $showDatesList := false }}
|
||||
<div>
|
||||
<div class="cover">
|
||||
<div class="cover-back"></div>
|
||||
<div class="cover-container">
|
||||
<div class="container mx-auto">
|
||||
<div class="cover-title">
|
||||
<h1>{{ site.Params.blog.title }}</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="container mx-auto">
|
||||
{{ if $showDatesList }}
|
||||
<div
|
||||
class="sort-by-dates-container"
|
||||
>
|
||||
<h3 class="ml-2">{{ (index site.Params.articles "sort-by-years").title }}</h3>
|
||||
<ul class="dates-mosaic">
|
||||
<li>
|
||||
<a
|
||||
class="link link-primary"
|
||||
@click="filterYear(null)">{{ site.Params.articles.all }}</a>
|
||||
</li>
|
||||
|
||||
{{ range (.Pages.GroupByDate "2006") }}
|
||||
<li>
|
||||
<a
|
||||
class="link link-primary"
|
||||
@click="filterYear(year.name)">{{ .Key }}</a> : {{(len .)}} {{ (index site.Params.articles "sort-by-years").posts }}
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="blog-title-container py-2">
|
||||
<h2 class="index-icon-title blog-title">
|
||||
<i class="fa fas fa-newspaper"></i>
|
||||
{{ site.Params.articles.all }}
|
||||
</h2>
|
||||
<div class="sort">
|
||||
<div
|
||||
class="link button button-primary"
|
||||
@click="fetchDates">
|
||||
<div class="button-icon">
|
||||
{{ if $showDatesList }}
|
||||
<i
|
||||
class="fa fas fa-calendar"></i>
|
||||
{{ else }}
|
||||
<i class="fa fas fa-times"></i>
|
||||
{{end}}
|
||||
</div>
|
||||
{{ if not $showDatesList }}
|
||||
<div
|
||||
class="button-text">{{ (index site.Params.articles "sort-by-years").title }}</div>
|
||||
{{ else }}
|
||||
<div
|
||||
class="button-text">{{ (index site.Params.articles "sort-by-years").close }}</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-4">
|
||||
{{partial "articles.html" (dict "Paging" true "context" . "ammount" 3)}}
|
||||
</div>
|
||||
|
||||
<div class="mt-6 pt-2 blog-pagination">
|
||||
<div class="blog-pagination-previous">
|
||||
<a
|
||||
class="{{ if .Paginator.HasPrev }}disabled{{end}}"
|
||||
class="button button-primary mobile-icon"
|
||||
href="{{ if .Paginator.HasPrev}}{{.Paginator.Prev.URL}}{{ end }}">
|
||||
<div class="button-icon">
|
||||
<i class="fa fas fa-arrow-left"></i>
|
||||
</div>
|
||||
<div class="link button-text">
|
||||
{{ site.Params.previous }}
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="blog-pagination-current">
|
||||
Page {{ .Paginator.PageNumber }}/{{ .Paginator.TotalPages }}
|
||||
</div>
|
||||
<div class="blog-pagination-next">
|
||||
<a
|
||||
class="{{ if .Paginator.HasNext }}disabled{{end}}"
|
||||
class="button button-primary mobile-icon"
|
||||
href="{{ if .Paginator.HasNext }}{{.Paginator.Next.URL }}{{end}}">
|
||||
<div class="link button-text">
|
||||
{{ site.Params.next }}
|
||||
</div>
|
||||
<div class="button-icon">
|
||||
<i class="fa fas fa-arrow-right"></i>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ end }}
|
||||
Loading…
Add table
Add a link
Reference in a new issue