Do not follow this link

~jheckt/PhotographyWebsite

Code for my photography website (or what will be)
updated readme with instructions
Merge branch 'exif-preload'
exif preload fully works, thanks ChatGPT

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.

#Updating The Site

To create a new entry for the photowebsite:

  1. Copy your PNG and JPG files with the same names to the appropraite folder under photos

  2. Create two directories: images, averages

  3. Put a copy of your PNG into the images folder

  4. Run the Color Average Palette Generator (CAPG)

  5. Copy the created averages from the averages folder to the production averages folder

  6. (Optional) Place a .md file with the same name as the images in the image folder to add details about the image.

#Screenshots

#Current individual photo page

screenshots/current_photo_page_example.png

Do not follow this link