Skip to content

For testing purposes and beta previews of the online photo gallery built for awalkaday.art.

License

Notifications You must be signed in to change notification settings

daqhris/awalkaday

 
 

Repository files navigation

awalkaday.art Photography Collection

This is the code repository of a website, mainly built in JavaScript, that is used to host a digital photography gallery.

website overview screenshot

Highlights

  1. Easy setup and lightweight photo gallery.
  2. No complex code changes required.
  3. Responsive & Fast display for Web and Mobile devices.

Quick Start

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:

  1. Fork this repo by hitting the Fork button at the top right corner.
  2. Enable Github Pages from the repo settings.
  3. 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.)
  4. 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.
  5. Update the baseurl field in the _config.yml file with whatever domain you used in step #4.
  6. 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.

website footer screenshot

Tips

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:

  1. Fork and then clone the project to your computer.
  2. Go inside the project's local folder $ cd awalkaday.
  3. 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.
  4. 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.
  5. Run $ gulp on the command line inside the git folder in order to resize the images and generate thumbnails.
  6. 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.

Credits

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.

Copyrights

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).

website logo

About

For testing purposes and beta previews of the online photo gallery built for awalkaday.art.

Topics

Resources

License

Security policy

Stars

Watchers

Forks

Languages

  • JavaScript 33.3%
  • SCSS 30.7%
  • CSS 22.8%
  • HTML 13.2%