forked from jakub/jakubb-hugo
Compare commits
No commits in common. "2c71573c97cceed0106e8ffb41246f495de70fa6" and "3dfb87a4e3cd0cea4c891b667384acaa08fcc586" have entirely different histories.
2c71573c97
...
3dfb87a4e3
@ -9,6 +9,3 @@ sat = "Sa"
|
||||
|
||||
[dates]
|
||||
far = "Further Events"
|
||||
|
||||
[gallery]
|
||||
download = "lol"
|
||||
|
@ -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
22
layouts/photos/list.html
Normal 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" . }}
|
@ -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" . }}
|
||||
|
@ -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 -}}
|
@ -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>
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user