Compare commits

..

No commits in common. "2c71573c97cceed0106e8ffb41246f495de70fa6" and "3dfb87a4e3cd0cea4c891b667384acaa08fcc586" have entirely different histories.

7 changed files with 49 additions and 101 deletions

View File

@ -9,6 +9,3 @@ sat = "Sa"
[dates]
far = "Further Events"
[gallery]
download = "lol"

View File

@ -8,7 +8,4 @@ fri = "Pi"
sat = "S"
[dates]
far = "Dalsze wydarzenia"
[gallery]
download = "temp"
far = "Further Events"

22
layouts/photos/list.html Normal file
View File

@ -0,0 +1,22 @@
{{ partial "header.html" . }}
{{ partial "nav.html" . }}
<div class="content">
<h1>{{ .Title }}</h1>
{{ .Content }}
{{ range.Data.Pages }}
<article class="post-snippet">
<h3>
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
</h3>
<time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">
{{ .Date.Format "January 2, 2006" }}
</time>
</article>
{{ end }}
</div>
{{ partial "footer.html" . }}

View File

@ -1,37 +1,24 @@
{{ partial "header.html" . }}
{{ partial "nav.html" . }}
{{ partial "nav.html" . }}
<div class="content">
<h1>{{ .Title }}</h1>
{{ .Content }}
{{ .Content }}
{{ $path := .Page.File.Path | strings.TrimSuffix (path.Ext .Page.File.Path) }}
{{ $path := printf "%s/*" $path }}
{{ $images := where (resources.Match $path ) "ResourceType" "eq" "image" }}
<div class="gallery">
{{ range $images }}
<div class="gallery-item">
{{ $thumbnail := .Process "resize x600 q50 jpeg" }}
{{ $public := .Process "jpeg q100" }}
<a href="{{ $public.RelPermalink }}" target="_blank"><img src="{{ $thumbnail.RelPermalink }}" /></a>
</div>
{{ end }}
</div>
{{ $file:= .Page.Params.archive }}
{{ with $file }}
{{ if not (resources.Get $file) }}
{{ errorf "Error: 'file' is a required parameter." }}
{{ end }}
<p>{{ i18n "gallery.download" }}</p>
{{- with resources.Get $file -}}
<a class="button" href="{{ .RelPermalink }}" download>Download {{ path.Ext $file }}</a>
{{- end -}}
{{ end }}
{{ $images := where (resources.Match "photos/test1/*" ) "ResourceType" "eq" "image" }}
<div class="gallery" >
{{ range $images }} <div class="gallery-item"> <img src="{{ .RelPermalink }}" /> {{ end }}
</div>
</div>
</div>
<style>
</style>
{{ partial "footer.html" . }}

View File

@ -1,12 +0,0 @@
{{ $file:= .Get "file" }}
{{ if not (resources.Get $file) }}
{{ errorf "Error: 'file' is a required parameter." }}
{{ end }}
{{- with .Get "message" -}}
<p>{{- . -}}</p>
{{- end -}}
{{- with resources.Get $file -}}
<a class="button" href="{{ .RelPermalink }}" download>Download {{ path.Ext $file }}</a>
{{- end -}}

View File

@ -52,7 +52,7 @@
<div class="grid-item">
<div class="child-element">
{{ with $url }}
<a class="button" href="{{ $url }}" target="_blank">See on Google Maps</a>
<a class="map-button" href="{{ $url }}" target="_blank">See on Google Maps</a>
{{ end }}
</div>
</div>

View File

@ -8,6 +8,10 @@ html, body {
padding: 0;
}
h1,h2,h3,h4,h5,h6 {
margin: 0;
}
body{
/* font-size: 100%; */
line-height: 1.5;
@ -200,7 +204,6 @@ a.home-link { display: none; }
footer {
width: calc(85% - 40px);
margin-left: 15%;
padding-top: 0;
}
footer.fixed { left: 15%; }
@ -230,12 +233,16 @@ blockquote {
border-left-color: var(--alt-bg);
border-left-width: 5px;
border-left-style: solid;
margin: 20px 0;
padding: 20px 0 20px 20px;
margin: 0;
}
blockquote blockquote { margin-left: 20px }
blockquote p {
padding: 20px;
margin-left: 5px;
}
/* Maps Shortcode */
blockquote.location {
background-color: var(--alt-bg);
@ -243,12 +250,8 @@ blockquote.location {
padding: 20px;
}
blockquote p { margin: 0; }
blockquote.location p { padding: inherit; }
.map-txt-grid .child-element a.button { margin: 0; }
/* =========================================== Still Needs cleaning */
/* Maps shortcode styling */
@ -263,15 +266,12 @@ blockquote.location p { padding: inherit; }
margin: 0;
}
.button {
.map-button {
color: var(--fg);
background-color: var(--acc-1);
padding: 5px;
border: solid 3px var(--acc-1);
border-radius: 8px;
margin-top: 10px;
margin-bottom: 10px;
display: inline-block;
}
.map {
@ -318,7 +318,7 @@ blockquote.location p { padding: inherit; }
display: block;
}
.button {
.map-button {
position: absolute;
bottom: 0;
right: 0;
@ -598,46 +598,3 @@ blockquote.location p { padding: inherit; }
font-size: 2vh;
}
}
/* pics stuff */
.gallery {
display: flex;
flex-wrap: wrap;
gap: 8px;
width: 100%;
}
.gallery-item {
flex-grow: 1;
flex: 1 1 auto;
height: 25vh;
}
.gallery-item img {
object-fit: cover;
width: 100%;
height: 100%;
transition: 140ms;
border-radius: 8px;
}
.gallery-item img:hover {
transform: scale(1.2);
transition: 400ms;
}
@media screen and (max-width: 755px) {
.gallery-item {
width: 100%;
height: auto;
}
.gallery-item img:hover {
transform: none;
}
}