A downloadable website assets package

This set of fully customizable HTML, CSS and JavaScript template files creates a sleek gallery to showcase your art and photos on your personal website!

Includes a demo of how the template can be used as well as a blank version!

Features:

  • Responsive layout for mobile and desktop 
  • Dark mode 
  • Tagging and filtering system
  • Detailed view when clicking on an item
  • Keyboard support for switching between pictures with the arrow keys 
  • "To top"-button that appears after scrolling down

Also available on my ko-fi shop! This pack is available for free, but if you enjoy what I've made then I'd hugely appreciate a tip <3

StatusReleased
CategoryTool
Release date 72 days ago
Rating
Rated 5.0 out of 5 stars
(1 total ratings)
Authorwerewolf-girlfriend
TagsInternet, neocities, resources, web
Code licenseGNU General Public License v3.0 (GPL)
Asset licenseCreative Commons Zero v1.0 Universal
Average sessionA few seconds
LanguagesEnglish

Download

Download
Werewolf-girlfriend's Gallery Template 1.1.zip 566 kB
Download
Werewolf-girlfriend's Gallery Template 1.0.zip 566 kB

Install instructions

Thank you for choosing to download my template!!

The template .zip contains:

  • index.html and blank.html: a demo of how the template can be used, and a blank version you can fill out!
  • gallery.css: a basic style for the .html files, but you can go crazy with it!
  • gallery.js: provides the interactive parts of the gallery, including the tag system and detailed view for the gallery items!
  • "img" folder: contains some example images for the demo :)

This template is a complete package and can readily be added to your personal website (potentially inside a subdirectory) as is!

I have included instructions on how to use the template within the HTML code of the demo file (index.html) itself! If anything is unclear then feel free to leave a comment here or contact me, and I might be able to help :) 

Happy websiting!

Development log

Leave a comment

Log in with itch.io to leave a comment.