How to Install Gallery CSS on Debian Latest

Gallery CSS is a lightweight and customizable CSS gallery for showcasing your images. It is easy to install on any website and perfect for designers and photographers who want to showcase their portfolios. In this tutorial, we will guide you through the process of installing Gallery CSS on Debian Latest.

Prerequisites

Before you begin with the installation of Gallery CSS, ensure that you have the following:

  • A Debian Latest with SSH access
  • A web server installed on your Debian Latest (Apache, Nginx, or any other web server of your choice)
  • Basic knowledge of working with the command line

Step 1: Download Gallery CSS

To download Gallery CSS, you will need to use the command line. Open up your terminal and navigate to your web server's root directory using the following command:

cd /var/www/html/

Next, download the Gallery CSS files using the following command:

sudo wget https://github.com/benschwarz/gallery-css/archive/refs/tags/1.0.3.tar.gz

Once the download is complete, extract the Gallery CSS files using the following command:

sudo tar -zxvf 1.0.3.tar.gz

This will extract the files to a folder named "gallery-css-1.0.3".

Step 2: Create a Gallery

Now that you have downloaded and extracted Gallery CSS, you can create a gallery using the sample HTML provided. Open up your favorite text editor and create a new file named "index.html" inside the "gallery-css-1.0.3" folder.

Copy and paste the sample HTML code from the "index.html" file in the Gallery CSS folder.

<!DOCTYPE html>
<html>
  <head>
    <title>Gallery CSS Example</title>
    <link rel="stylesheet" href="gallery.css">
  </head>
  <body>
    <div class="gallery">
      <div class="gallery__item">
        <img src="https://unsplash.it/800/600" alt="">
      </div>
      <div class="gallery__item">
        <img src="https://unsplash.it/601/900" alt="">
      </div>
      <div class="gallery__item">
        <img src="https://unsplash.it/600/601" alt="">
      </div>
    </div>
  </body>
</html>

Save the file, and you're ready to move on to the next step.

Step 3: Test Gallery CSS

Now that you have created a Gallery, you can test it by opening it up in a web browser. Navigate to your web server's IP address or domain name followed by the path to your gallery (e.g., http://yourdomain.com/gallery-css-1.0.3/index.html).

You should now see your Gallery displaying your images in the Gallery CSS layout.

Conclusion

Gallery CSS is perfect for showcasing your images in a professional and aesthetically pleasing way. With these simple steps, you can install and use Gallery CSS on Debian Latest. If you encounter any issues during the installation process, feel free to seek assistance from the Gallery CSS community or from Debian Latest support.