Giter VIP home page Giter VIP logo

glyn-dillon's Introduction

Glyn Dillon Website

A website to promote the artwork and 2022 exhibition of English artist, Glyn Dillon.

Website features

  1. Comprised of HTML, CSS and JavaScript files
  2. Dropdown menu onHover
  3. Artwork carousel with moving captions
  4. Intergated Mailchimp mailing list
  5. Contact form (synced to Google Forms)
  6. Device optimisation
  7. Images formatted in Figma

Usage

  1. Clone this repo
  2. Open project as current directory
  3. Open site as live server with http://127.0.0.1:5501/

glyn-dillon's People

Contributors

jim-dillon avatar anthonydillon avatar

Watchers

 avatar  avatar

Forkers

anthonydillon

glyn-dillon's Issues

Artwork Image Captions in footer

The captions in the art carousel need to be visible in the footer.

Instead of creating a separate footer, could the container for the caption just be 100% width and the same height as a footer? And then we could just make the background colour black so it looks like a footer?

News Page - landing page

When user signs up to mailing list they're brought to a subscription confirmation page on Mailchimp with Glyn's home address on it.

User also has to press back to bring them back to the website. Want to change this landing page to 'thank you' page

If we cant dictate landing page, can we customise it.

Transfer site onto domain

Glyn has reserved glyndillon.com already - need to transfer the site over so its hosted on domain

Contact Form landing page

After you submit the contact form it brings you to the google forms website.

I want to change the landing page to remain on the contact page (maybe include a message saying 'thanks for leaving your message, I'll get back to you as soon as I can')

Contact Page - edit layout of fields

Edit the style of the form so the field names are above the input bars. But, want to keep the layout of 2 rows of 2 fields and then the big subject field below.

Favicons for tab windows

Do we need to include an favicon for tab window? At the moment it's a grey globe, Emma said she can design a SVG for us.

Infinite carousel - previous button not working

We made the carousel work so when we got to the end of the slides it looped back to slide 1.

I tried to invert the JS to make the same thing happen going backwards, but it's glitched. I've commented out the code I attempted (lines 64-69 carousel.js)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.