Easter: Website development

As well as showing photos on maps, I would like the website to show submissions from the workshops. After my first submission yesterday, I have created a section of the website to display the outputs. Here is the finished look, which you can also see here:

Current look

Here is how I did it …

I use Wix to host my website and uploaded test images.
Wix has a nifty data collection tool so that you can use a CMS to flow into your website. I started by creating a table with the test images to populate the gallery.
On a new webpage, I created a gallery to link to the dataset.
I connected to the dataset successfully
To create a more full look, I created dummy items based on the template letters. Each letter has a title, image, description, contributor name and tag for filtering.
Here is a mid-point look with the letters populating in any order
To filter, I experimented with choices linked to tags and filled them out. However, it has to be a dropdown feature so I reworked the page.
Here is the final page with the letters in order with a dropdown and an All button to reset the filter.
Here is the filter in action for the letter M.
The gallery allows for each image to be shown in an expanded view with contributor credit and description.

2 Comments

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.