Site for a village festival. Provides the menu and photos of the various evenings. Feel free to get some inspiration.

The gallery pages were generated with the script provided by: https://cyclenerd.github.io/gallery_shell/

Developed by Federico Calzoni.

How to add a new album:

NEW METHOD:

1. Run gallery.py

   gallery.py [-h] imagedir outputdir title repo_url

   • imagedir: Folder with the original pictures you want to add
   • outputdir: Folder where you want to place the thumbnails and html output.
   • title: Title of the album
   • repo_url: Remote folder in which original pictures are present

   Example: (from root directory of the project)

   python3 scripts/gallery.py '../RocknBirra-Foto2024/28-07-24/' 'images/2024/28-07-24/' '28-07-24 #Playa' 'https://raw.githubusercontent.com/RocknBirra/RocknBirra-Foto2024/main/28-07-24/'

   Two folders with the thumbnails images and gallery.html will be created. To edit formatting and webpage behavior edit style-gallery.css and gallery.js present in the root directory of the project.

2. Create a new entry in the phots page:

   1. Place a new entry in Photos.html with the following structure:

   <div class="home-buttons">
      <div class="card">
            <a class="albums" href="images/2024/28-07-24/gallery.html" style="--background-image-url: url(images/2024/28-07-24/406px/IMG_5860.webp);">
               <h2 class="album-title">28/07/24 <Br> #Playa </h2>
            </a>
      </div>
   </div>

3. Push changes to github and automatically a workflow will start to deploy the updated website.

OLD METHOD:

0. Requirements: make sure to have installed the following packages:

   • imagemagick
   • jhead
   • jpegoptim

1. create a folder inside images/ and place your pictures

2. create thumbnails and html pages for each picture:

   1. copy gallery.sh in the folder created
   2. run gallery.sh

   sh gallery.sh -t "My Photos" -d "thumbs" -e "External-Repo"

   • replace "My Photos" with the title of the album, a.e.: 29/07/23 #Cumbesa"
   • if you want to store data in a remote, replace "External-Repo", a.e.: "https://raw.githubusercontent.com/RocknBirra/RocknBirra-Foto2023/main/21-07-23/"
   1. delete gallery.sh from the folder, and if you linked an external remote, you can remove also the original pictures

3. compress the images

   run compress_images.sh

   (It will skip already compressed images)

4. Create a new entry in the phots page:

   1. open photos.html with a text editor:
   2. place a new entry with the following structure:

   <div class="home-buttons">
        <div class="card">
            <a class="albums" href="images/29-07-23/index.html" style="--background-image-url: url(images/29-07-23/thumbs/406/IMG_3293.JPG);">
                <h2 class="album-title">29/07/23 <Br> #Cumbesa</h2>
            </a>
        </div>
    </div>

   • Replace "images/29-07-23/index.html", with the new one.
   • Replace "images/29-07-23/thumbs/406/IMG_3293.JPG" with an image that you like from the new ones
   • Replace "29/07/23 <Br> #Cumbesa" with the new album name

5. Push changes to github and automatically a workflow will start and deploy the updated website.