~jheckt/PhotographyWebsite

Code for my photography website (or what will be)
Merge branch 'exif-preload'
exif preload fully works, thanks ChatGPT
can preload but accessing on page render isnt working

refs

main
browse  log 

clone

read-only
https://git.sr.ht/~jheckt/PhotographyWebsite
read/write
git@git.sr.ht:~jheckt/PhotographyWebsite

You can also use your local clone with git send-email.

#Summary

This is the code repository for my photography website. Currently hosted at https://photography.jeremyheckt.com

The PaletteGenerator that I wrote can be found here: https://github.com/LetsEatLabs/ColorAveragePaletteGenerator

#Technical Details

#Dependencies

  • exiftool

#Directory layout

/   
    photos/
        Collection_One/
            Photo1.png
            Photo1.jpg
            Photo1.md
        Collection_Two/
            Photo2.png
            Photo2.jpg
            Photo2.md
        [...]
    averages/
        Photo1.png.average.png
        Photo2.png.average.png
    html/
        [html/css files]
    posts/
        01-my-first-blog-post.md

Your photos need to be placed under photos/<Collection_Name>/. This will be how the website knows where each image should be displayed.

Any color averages you have (the palettes) need to be placed under averages/. You should name the average file something like photoname.png.average.png. What is important is the first portion of the filename is the same so code can automatically pick it up.

Any descriptions of a photo can be saved as /photos/<collection-name>/<photo-name>.md and will be rendered on the photo's page. Only markdown is supported.

Any blog posts get written in markdown and placed in the posts/ directory. The website will display them under the /blog/ endpoint. The title of the blog post on this page will be the title case version of the filename, replacing "-" with a space: how-cameras-work.md -> How Cameras Work.

#Screenshots

#Current individual photo page

screenshots/current_photo_page_example.png