Compare commits

...

9 Commits

Author SHA1 Message Date
Jakub
2c71573c97 finish photo gallery 2024-03-01 22:53:26 -05:00
Jakub
1db3d7cf24 made download shortcode 2024-03-01 22:17:22 -05:00
Jakub
be6204aa1e rename map-button to button 2024-03-01 21:34:32 -05:00
Jakub
ed080385e8 change height of imgs wide mode 2024-03-01 21:28:55 -05:00
Jakub
a365f82360 remove testing string and use proper path var 2024-03-01 21:27:01 -05:00
Jakub
1639033905 add compressing to jpeg for images and thumbnails 2024-03-01 21:11:13 -05:00
Jakub
6433fb41ba finish css layout for gallery 2024-03-01 20:50:04 -05:00
Jakub
07dce0f1b6 fix unclosed div 2024-03-01 17:05:49 -05:00
Jakub
406f91b557 updatre translated string 2024-03-01 16:55:33 -05:00
7 changed files with 101 additions and 49 deletions

View File

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

View File

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

View File

@ -1,22 +0,0 @@
{{ 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

@ -3,22 +3,35 @@
<div class="content">
<h1>{{ .Title }}</h1>
{{ .Content }}
{{ $path := .Page.File.Path | strings.TrimSuffix (path.Ext .Page.File.Path) }}
{{ $images := where (resources.Match "photos/test1/*" ) "ResourceType" "eq" "image" }}
{{ $path := printf "%s/*" $path }}
{{ $images := where (resources.Match $path ) "ResourceType" "eq" "image" }}
<div class="gallery">
{{ range $images }} <div class="gallery-item"> <img src="{{ .RelPermalink }}" /> {{ end }}
{{ 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>
</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 }}
</div>
<style>
</style>
{{ partial "footer.html" . }}

View File

@ -0,0 +1,12 @@
{{ $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="map-button" href="{{ $url }}" target="_blank">See on Google Maps</a>
<a class="button" href="{{ $url }}" target="_blank">See on Google Maps</a>
{{ end }}
</div>
</div>

View File

@ -8,10 +8,6 @@ html, body {
padding: 0;
}
h1,h2,h3,h4,h5,h6 {
margin: 0;
}
body{
/* font-size: 100%; */
line-height: 1.5;
@ -204,6 +200,7 @@ a.home-link { display: none; }
footer {
width: calc(85% - 40px);
margin-left: 15%;
padding-top: 0;
}
footer.fixed { left: 15%; }
@ -233,16 +230,12 @@ blockquote {
border-left-color: var(--alt-bg);
border-left-width: 5px;
border-left-style: solid;
margin: 0;
margin: 20px 0;
padding: 20px 0 20px 20px;
}
blockquote blockquote { margin-left: 20px }
blockquote p {
padding: 20px;
margin-left: 5px;
}
/* Maps Shortcode */
blockquote.location {
background-color: var(--alt-bg);
@ -250,8 +243,12 @@ 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 */
@ -266,12 +263,15 @@ blockquote.location p { padding: inherit; }
margin: 0;
}
.map-button {
.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;
}
.map-button {
.button {
position: absolute;
bottom: 0;
right: 0;
@ -598,3 +598,46 @@ 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;
}
}