tavo/blog
1
0
Fork 0
mirror of https://gitlab.com/tavo-wasd/blog.git synced 2025-06-07 06:43:28 -06:00
Code Issues Projects Releases Packages Wiki Activity Actions

gallery

Browse source
This commit is contained in:
tavo-wasd 2023-10-26 22:59:52 -06:00
parent 6c0a169af2
commit 93b068b831
17 changed files with 137 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
content/fotos/_index.md
View file

@ -1,3 +1,4 @@
--- ---
title: Fotos title: Fotos
type: gallery
--- ---

BIN
content/fotos/p01/foto.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 146 KiB

9
content/fotos/p01/index.md Normal file
View file

@ -0,0 +1,9 @@
+++
image = "foto.jpg"
title = "Playa y sombrero en mano"
type = "gallery"
+++
"La brisa de la playa y el calor del sol en mi cara.
Solo yo, mi fiel sombrero y la tranquilidad infinita del océano.
Pura felicidad"

BIN
content/fotos/p02/foto.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 141 KiB

8
content/fotos/p02/index.md Normal file
View file

@ -0,0 +1,8 @@
+++
image = "foto.jpg"
title = "En medio de la naturaleza"
type = "gallery"
+++
"En medio del encantador abrazo de la naturaleza,
una foto para recordar buenos tiempos"

BIN
content/fotos/p03/foto.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 146 KiB

8
content/fotos/p03/index.md Normal file
View file

@ -0,0 +1,8 @@
+++
image = "foto.jpg"
title = "Ritmo vibrante de la noche"
type = "gallery"
+++
"En el ritmo vibrante de la noche,
vestido para una importante celebración"

BIN
content/fotos/p04/foto.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 146 KiB

8
content/fotos/p04/index.md Normal file
View file

@ -0,0 +1,8 @@
+++
image = "foto.jpg"
title = "Unión"
type = "gallery"
+++
"Los momentos más importantes y preciados, son a veces
los más simples"

BIN
content/fotos/p05/foto.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 142 KiB

8
content/fotos/p05/index.md Normal file
View file

@ -0,0 +1,8 @@
+++
image = "foto.jpg"
title = "En un abrir y cerrar de ojos"
type = "gallery"
+++
"Este momento es realmente emotivo y para siempre
recordará el maravilloso logro de crear una familia"

BIN
content/fotos/p06/foto.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 119 KiB

9
content/fotos/p06/index.md Normal file
View file

@ -0,0 +1,9 @@
+++
image = "foto.jpg"
title = "Decisión"
type = "gallery"
+++
"A medida que nuestras manos se entrelazan, se abre un nuevo capítulo.
Adornado con la promesa eterna del amor, con el corazón rebosante de alegría,
entramos en el camino de la unión"

19
themes/blog/layouts/_default/baseof.html
View file

@ -1,11 +1,14 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="{{ .Site.LanguageCode }}">
{{- partial "head.html" . -}} {{- partial "head.html" . -}}
<body> <body>
<div class="container">
{{- partial "header.html" . -}} {{- partial "header.html" . -}}
<div id="content"> </div>
{{- block "main" . }}{{- end }}
</div> <div class="container" >
{{- partial "footer.html" . -}} {{ block "main" . }}{{ end }}
</body> {{ partial "footer.html" . }}
</div>
</body>
</html> </html>

17
themes/blog/layouts/gallery/list.html Normal file
View file

@ -0,0 +1,17 @@
{{ define "main" }}
<h1>{{ .Page.Title }}</h1>
{{ .Content }}
<div class="image-grid">
{{ range sort .Data.Pages "Date" "desc" }}
{{ if and (isset .Params "image") .Params.image }}
<a href="{{ .Permalink }}" title="{{ .Title }}">
{{ $image := .Page.Resources.GetMatch .Params.image }}
{{ with $image }}
{{ $thumb := .Resize "600x" }}
<img src="{{ $thumb.RelPermalink }}" alt="{{ .Title }}">
{{end}}
</a>
{{ end }}
{{ end }}
</div>
{{ end }}

13
themes/blog/layouts/gallery/single.html Normal file
View file

@ -0,0 +1,13 @@
{{ define "main" }}
<h1>{{ .Page.Title }}</h1>
{{ if and (isset .Params "image") .Params.image }}
{{ $image := .Page.Resources.GetMatch .Params.image }}
{{ with $image }}
{{ $thumb := .Resize "x1080" }}
{{ printf `<img src="%s" alt="%s" class="single">` $thumb.RelPermalink .Title | safeHTML }}
{{end}}
{{ end }}
{{ .Content }}
{{ end }}

61
themes/blog/static/css/default.css
View file

@ -1,22 +1,34 @@
/* Global formatting */
html { html {
--global-font-size: 15px;
--page-width: 60em;
width: 90%; width: 90%;
max-width: 800px; max-width: 800px;
font-family: sans-serif; font-family: sans-serif;
font-size: 11pt;
background: #121212; background: #121212;
color: #ebdbb2; color: #ebdbb2;
margin: auto; margin: auto;
text-align: justify; text-align: justify;
} }
/* Highlight links on hover */ @media only screen and (max-width: 850px) {
a:hover { :root {
transition: ease 0.2s; --global-font-size: 14px;
color: white; --global-line-height: 1.6em;
--page-width: 70em;
}
}
/* hide class for certain objects on a phone*/
@media (max-width: 850px) {
.hide-phone {
display: none;
}
}
h2,h3,h4,h5,h6,strong {
font-size:var(--global-font-size);
} }
/* Headings */
body,h1,h2,h3,h4,h5 { body,h1,h2,h3,h4,h5 {
text-align: left; text-align: left;
} }
@ -25,19 +37,36 @@ h2,h3,h4,h5 {
color: #b8bb26; color: #b8bb26;
} }
/* Navbar */ a:hover {
opacity:0.8;
}
.navbar h2,h4,a { .navbar h2,h4,a {
color: #fe8019; color: #fe8019;
padding: 20px 10px 0px; padding: 10px 5px 0px;
text-align: center; text-align: center;
} }
/* EXTRA */ .image-grid {
display: grid;
/* hide class for certain objects on a phone*/ grid-gap: 10px;
@media (max-width: 600px) { grid-template-rows: auto;
.hide-phone { grid-template-columns: repeat(auto-fit,
display: none; minmax(calc(var(--page-width) / 4), 1fr));
}
} }
.container {
margin: 0 auto;
padding: 0 calc(var(--global-space));
max-width: var(--page-width);
}
img {
width: 100%;
}
.single {
max-height: 60vh;
max-width: 90vw;
width: auto;
}