moritzruth/moritzruth.de
1
0
Fork 0
Code Activity Actions

Add new photo

Browse source
This commit is contained in:
Moritz Ruth 2022-07-14 22:37:59 +02:00
parent e8224e03a9
commit dc21af0153
3 changed files with 14 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/photography/Heat.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 285 KiB

7
src/data.ts
View file

@ -20,6 +20,13 @@ export const photos: Photo[] = [
altText: "A church on a vineyard", altText: "A church on a vineyard",
date: "2019", date: "2019",
description: "The Sankt-Laurentius church right by the Mosel river in Bremm (Germany)." description: "The Sankt-Laurentius church right by the Mosel river in Bremm (Germany)."
},
{
file: "Heat.webp",
title: "Heat",
altText: "An orange passageway with windows on all walls",
date: "2022",
description: "A passageway Venice."
} }
] ]

4
src/pages/photography.vue
View file

@ -6,11 +6,13 @@
:key="photo.file" :key="photo.file"
class="flex -lg:space-y-10 lg:space-x-10 -lg:flex-col -lg:items-center" class="flex -lg:space-y-10 lg:space-x-10 -lg:flex-col -lg:items-center"
> >
<a class="lg:max-w-150 block w-full" :href="`/photography/${photo.file}`">
<SuspendingImage <SuspendingImage
:src="`/photography/${photo.file}`" :src="`/photography/${photo.file}`"
:alt="photo.altText" :alt="photo.altText"
class="w-full lg:max-w-150 max-h-80vh block object-contain" class="w-full max-h-80vh block object-contain"
/> />
</a>
<div> <div>
<div class="text-gray-400"> <div class="text-gray-400">
{{ photo.date }} {{ photo.date }}