redoing art
All checks were successful
Deploy Hugo site to Prod / Build Container (push) Successful in 49s

This commit is contained in:
Andy Pack 2024-10-13 21:03:13 +01:00
parent 96e7b1c84f
commit fe0274182e
Signed by: sarsoo
GPG Key ID: A55BA3536A5E0ED7
38 changed files with 136 additions and 28 deletions

View File

@ -167,3 +167,65 @@
.footer-logo:hover {
filter: contrast(0%) drop-shadow(7px 7px 5px grey);
}
///////////////////////
// ART GRID
///////////////////////
.art-grid {
--shift: 5px;
width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
& > figure > img {
border: 5px solid black;
box-shadow: var(--shift) var(--shift) 2px var(--shadow-colour);
translate: calc(var(--shift) * -1) calc(var(--shift) * -1);
@media (prefers-reduced-motion: no-preference) {
transition: box-shadow, translate;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
&:hover {
box-shadow: 0px 0px 0px var(--shadow-colour);
translate: none;
}
}
}
& > .art-col-2 {
grid-column: span 2;
}
& > .art-col-3 {
grid-column: span 3;
}
& > .art-row-2 {
grid-row: span 2;
}
& > .art-row-3 {
grid-row: span 3;
}
}
.art-home-grid {
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
@media only screen and (max-width: 768px) {
.art-grid {
grid-template-columns: repeat(2, 1fr);
}
.art-home-grid {
grid-template-columns: repeat(2, 1fr);
}
}

View File

@ -2,7 +2,12 @@
title: 'Art'
---
<div class="art-home-grid">
{{% image-box-link src="/art/animal/gorilla-baby.jpg" href="/art/animal" title="Animals" %}}
{{% image-box-link src="/art/portrait/skull.jpg" href="/art/portrait" title="Portraits" %}}
{{% image-box-link src="/art/portrait/updown.jpg" href="/art/portrait" title="Portraits" %}}
{{% image-box-link src="/art/sketchbook/flowers.jpg" href="/art/sketchbook" title="Sketchbook" %}}
{{% image-box-link src="/art/life/brown-white.jpg" href="/art/life" title="Life" %}}
{{% image-box-link src="/art/digital/skull.png" href="/art/digital" title="Digital" %}}
</div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 934 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 897 KiB

BIN
content/art/animal/dali.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 915 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 689 KiB

View File

@ -2,8 +2,14 @@
title: 'Animals'
---
{{< art-grid >}}
{{< figure src="zu.jpg" >}}
{{< figure src="zu-charcoal.jpg" >}}
{{< figure src="zu-charcoal.jpg" class="art-col-2" >}}
{{< figure src="orangutan.jpg" >}}
{{< figure src="gorilla-baby.jpg" >}}
{{< figure src="dali.png" >}}
{{< figure src="chimp.jpg" >}}
{{< figure src="chimp.png" >}}
{{< /art-grid >}}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 MiB

After

Width:  |  Height:  |  Size: 529 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.6 MiB

After

Width:  |  Height:  |  Size: 715 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 868 KiB

View File

@ -0,0 +1,12 @@
---
title: 'Digital'
---
{{< art-grid >}}
{{< figure src="/art/portrait/skull.jpg" >}}
{{< figure src="tilt.png" >}}
{{< figure src="/images/holo-avatar.jpg" >}}
{{< figure src="arms-up.png" >}}
{{< /art-grid >}}

Binary file not shown.

After

Width:  |  Height:  |  Size: 818 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1019 KiB

After

Width:  |  Height:  |  Size: 528 KiB

BIN
content/art/life/blue.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 693 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.3 MiB

After

Width:  |  Height:  |  Size: 762 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 894 KiB

After

Width:  |  Height:  |  Size: 1011 KiB

View File

@ -2,7 +2,13 @@
title: 'Life'
---
{{< art-grid >}}
{{< figure src="bikini.jpg" >}}
{{< figure src="brown-white.jpg" >}}
{{< figure src="brown-white.jpg" class="art-col-2" >}}
{{< figure src="grey.jpg" >}}
{{< figure src="red-blue.jpg" >}}
{{< figure src="blue.png" >}}
{{< figure src="ink-pencil.png" >}}
{{< /art-grid >}}

Binary file not shown.

After

Width:  |  Height:  |  Size: 839 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.5 MiB

After

Width:  |  Height:  |  Size: 786 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 733 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 823 KiB

View File

@ -2,10 +2,17 @@
title: 'Portrait'
---
{{< art-grid >}}
{{< figure src="freddie.jpg" >}}
{{< figure src="girlskull.jpg" >}}
{{< figure src="head-back.jpg" >}}
{{< figure src="self.jpg" >}}
{{< figure src="/art/sketchbook/line-face.jpg" >}}
{{< figure src="/art/sketchbook/bran.jpg" >}}
{{< figure src="/art/sketchbook/mushroom.jpg" >}}
{{< figure src="skull.jpg" >}}
{{< figure src="tyler.jpg" >}}
{{< figure src="updown.jpg" >}}
{{< /art-grid >}}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 MiB

After

Width:  |  Height:  |  Size: 593 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 817 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 MiB

After

Width:  |  Height:  |  Size: 828 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 731 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 MiB

After

Width:  |  Height:  |  Size: 837 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 MiB

After

Width:  |  Height:  |  Size: 596 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 MiB

After

Width:  |  Height:  |  Size: 916 KiB

View File

@ -2,13 +2,20 @@
title: 'Sketchbook'
---
{{< art-grid >}}
{{< figure src="blindfold.jpg" >}}
{{< figure src="bran.jpg" >}}
{{< figure src="buildings.jpg" >}}
{{< figure src="flowers.jpg" >}}
{{< figure src="grey.jpg" >}}
{{< figure src="hand-muscle.jpg" >}}
{{< figure src="ok.png" >}}
{{< figure src="music.png" class="art-col-2" >}}
{{< figure src="line-face.jpg" >}}
{{< figure src="mushroom.jpg" >}}
{{< figure src="kawagawa.png" >}}
{{< figure src="smoke.jpg" >}}
{{< figure src="spindly.jpg" >}}
{{< /art-grid >}}

Binary file not shown.

After

Width:  |  Height:  |  Size: 946 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 888 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 MiB

After

Width:  |  Height:  |  Size: 799 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 609 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 688 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 MiB

After

Width:  |  Height:  |  Size: 1.0 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.6 MiB

After

Width:  |  Height:  |  Size: 758 KiB

View File

@ -0,0 +1,3 @@
<div class="art-grid">
{{ .Inner }}
</div>