This is the code repository of a website, mainly built in JavaScript, that is used to host a digital photography gallery.
- Easy setup and lightweight photo gallery.
- No complex code changes required.
- Responsive & Fast display for Web and Mobile devices.
If you have basic knowledge of web development and you like photography, then this open-source project may help you set up a web application to showcase all your creations without much effort.
Follow the steps below and your website will be live in no time:
- Fork this repo by hitting the
Fork
button at the top right corner. - Enable Github Pages from the repo settings.
- Upload your pictures to the
images
directory. (You may do that on github.com itself or you may clone and push the images to your repo.) - Add your own custom domain in the
CNAME
file or just remove the file if you don't own a domain and use the default domain that GitHub provides. - Update the
baseurl
field in the_config.yml
file with whatever domain you used in step #4. - And that's it, your web application is set. To view, go to beta.awalkaday.art (or whatever you have in the CNAME file) and if you don't have one, you can go to [yourusername].github.io/awalkaday.
And, of course, you can modify the words that are shown on the landing page's footer in the _config.yml
file as well as a few other settings like your social media icons, contact form, etc.
The website is set up as a npm package with gulp to automate image resizing and thumbnail generation.
You can just do the following before you push your images to GitHub:
- Fork and then clone the project to your computer.
- Go inside the project's local folder
$ cd awalkaday
. - Install all dependencies by running
$ npm install
. This step might take some time while automatically downloading and installing recent versions of NodeJS, ImageMagick, Git, Python, Build Tools for your IDE like Node.js for Visual Studio and other required dependencies. - Copy all your pictures (if possible in JPG file format, the largest size available, straight from your camera or original files) and put them inside the
images
directory. - Run
$ gulp
on the command line inside the git folder in order to resize the images and generate thumbnails. - Push your local changes to github.com by using
$ git add --all
, then send a signed commit$ git commit -S -m "a short and descriptive commit message"
and finally update your remote code repo on GitHub by using$ 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 4.0 International (CC BY-NC 4.0).
Website Owner & Developer: Chris-Armel (@daqhris).