This is the code repository of a web gallery, mainly built in JavaScript, that is used to exhibit a digital photo collection.
- Easy setup and lightweight web gallery.
- No complex code changes required.
- Responsive & fast display for various devices.
If you have basic knowledge of web development, then this open-source project may help you set up a web application to showcase all your visual creations without much effort.
Follow the steps below and your site will be live in no time:
- Fork this repo by clicking the
Fork
button at the top right corner. - Enable GitHub Pages in the code repository settings.
- Upload your pictures to the
images
directory. (You may do that via github.com or clone/push the images to your repo.) - Add your own web domain in the
CNAME
file or just delete the file if you don't own a domain in order to use the default domain that GitHub provides. - Update the
baseurl
field inside_config.yml
with the web domain used in step #4. - And that's it, your web app is set and ready. To view the results, visit the link configured in the CNAME file. In this particular case, the web address is awalkaday.art.
It is possible to modify the short site description shown on the front-page's bottom area by editing the _config.yml
file.
Site navigation pointers, such as social media icons, contact methods, external links, license documents, legal statements, ... are located in the footer section.
The essential tool required to build the website is an NPM package: gulp which is used to automate image resizing and thumbnail generation.
Do the following before you push your images to a remote code repository:
- Fork and then, clone the project to your computer.
- Go inside the project's root folder
$ cd awalkaday
. - Install all Node Package Manager (npm) dependencies by running
$ npm install
. This step will take some time required to download and install recent versions of NodeJS, ImageMagick, Git, Python, Build Tools for your IDE like Node.js for Visual Studio and other specified dependencies. - Copy all your photographs (if possible: in JPG file format, of the largest size available, straight from your camera memory card) and place them inside the
images
directory. - Run
$ gulp
on the command line inside the git folder in order to resize the images and generate thumbnails. - Add your local code changes to a remote server by using
$ git add --all
then, follow up with a signed commit$ git commit -S -m "a short and descriptive commit message"
and lastly, update your remote code repo with the command$ git push origin master
.
Forked from: rampatra/photography — Enhanced for Jekyll by Ram Patra — Code reused under GPL-3.0 License.
Template: Multiverse by HTML5 UP — Web designer and developer: ajlkn.
Fonts: Source Sans 3 — Used under: SIL Open Font License.
Icons made from: OpenMoji — Remixed under CC BY-SA 4.0.
Code Open-source License: European Union Public License 1.2.
Content Legal Rights: Attribution-NonCommercial-NoDerivs 4.0 International (CC BY-NC-ND 4.0).
Website Owner & Developer: Chris-Armel (@daqhris).