werobot/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

eh

Browse source
This commit is contained in:
GZod01 2024-05-28 07:51:48 +02:00
parent 15582b9e0f
commit ca100ab3ff
8 changed files with 1098 additions and 1056 deletions
Download patch file Download diff file Expand all files Collapse all files

52
layouts/index.html
View file

@ -25,6 +25,40 @@
</div>
</div>
</div>
<div class="w-full md:w-1/2 flex justify-between" style="flex-direction: column;">
<div class="w-full">
<div class="card card-red mx-2">
<div class="card-title">
<i class="fas fa-newspaper"></i> {{ .Site.Params.articles.title | safeHTML }}
</div>
<div class="card-text">
<h3>{{ .Site.Params.articles.last | safeHTML }}</h3>
{{ partial "articles.html" (dict "context" . "ammount" 1)}}
</div>
<div class="card-actions">
<a href="{{ relLangURL "/blog" }}" class="card-action">
{{ .Site.Params.more | safeHTML }}
</a>
</div>
</div>
</div>
<div class="w-full">
<div class="card card-red mx-2">
<div class="card-title">
<i class="fab fa-instagram"></i> {{ .Site.Params.photos.title | safeHTML }}
</div>
<div class="card-text">
<h3>{{ .Site.Params.photos.last | safeHTML }}</h3>
{{ partial "photos.html" (dict "limit" 1) }}
</div>
<div class="card-actions">
<a href="{{ relLangURL "/photos" }}" class="card-action">
{{ .Site.Params.more | safeHTML }}
</a>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2 ">
<div class="card card-purple mx-2">
<div class="card-title">
@ -43,20 +77,6 @@
</div>
</div>
</div>
<div class="w-full md:w-1/2">
<div class="card card-red mx-2">
<div class="card-title">
HELLOWORLD
</div>
<div class="card-text">
Salut le monde
</div>
<div class="card-actions">
<a href="/blog" class="card-action">Hello</a>
<a href="/photos" class="card-action">World</a>
</div>
</div>
</div>
<div class="w-full md:w-1/2">
<div class="card card-green mx-2">
<div class="card-title">
@ -81,7 +101,7 @@
<i class="fa fas fa-newspaper"></i>
{{ .Site.Params.articles.last | safeHTML }}
</h2>
{{ partial "articles.html" (dict "Paging" true "context" . "ammount" 3)}}
{{ partial "articles.html" (dict "context" . "ammount" 3)}}
<div class="index-more-section">
<a
href="{{ relLangURL "/blog" }}"
@ -95,7 +115,7 @@
<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>
<i class="fab fa-instagram"></i>
{{ .Site.Params.photos.last | safeHTML }}
</h2>
{{ partial "photos.html" (dict "limit" 4) }}

2
layouts/partials/articles.html
View file

@ -20,7 +20,7 @@
</div>
{{ else }}
<div
class="articles">
class="articles {{ if (lt $ammount 3) }}articles-len-{{ $ammount }}{{ end }}">
{{ $pageslist := (first $ammount $allposts )}}
{{ if .pagination }}
{{ $pageslist = ($context.Page.Paginate $allposts (cast.ToInt $ammount)).Pages }}

13
layouts/partials/photos.html
View file

@ -1,4 +1,5 @@
<div id=photoslist class="transition-parent photos-list">
<div id="photoslist{{ if .limit }}-{{ .limit }}{{ end }}" class="transition-parent photos-list">
<span id="number" name="{{if .limit }}{{ .limit }}{{ end }}"></span>
<div
class="transition-child section-error-container"
style="height: 100%;">
@ -9,19 +10,21 @@
</div>
</div>
<script defer>
function loadimages(){
function loadimages(limit=-1){
var http = new XMLHttpRequest();
var url = '/getallphotos{{ if .limit }}?limit={{ .limit }}{{ end }}';
let issetlimit = (limit!=-1);
var url = '/getallphotos'+(issetlimit?('?limit='+limit):'');
http.open('GET', url, false);
http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
http.onreadystatechange = function() {//Call a function when the state changes.
if(http.readyState == 4 && http.status == 200) {
let responsehtml = http.responseText;
document.querySelector("#photoslist").innerHTML = responsehtml;
document.querySelectorAll("#photoslist"+(issetlimit?`-${limit}`:'')).forEach(
e=>{e.innerHTML = responsehtml});
}
}
http.send();
}
loadimages();
loadimages({{ if .limit }}{{ .limit }}{{ end }});
</script>