Welcome! https://amzzy78.github.io/ecstatic_dance-limerick/
Ecstatic Dance Limerick website is to be a digital poster for a weekly event based in Limerick, Ireland. The site will feature the event details, guidelines and contact pages in the nav bar. The footer will have links to the connect, guidelines, safety, and privacy policy pages. The website features two videos that have no sound but are to portray the essence of an Ecstatic Dance event, where silence is also part of the dance. Images throughout the site show the diversity and inclusive nature of the event. The guideline's page will explain what is required at these events, such as a code of conduct to adhere to, and a connect page with a subscribe form.
It is a fully responsive site. The site will be targeted toward building a community of locals looking to express themselves through the freeform dance movement and will be a space for people wishing to connect with a conscious dancing community that is outside of the regular dance/club scene in Ireland.
(a.) I want to attend a weekly dance practice and find information online as to where the nearest event is.
(b.) I want the site to be easy to navigate and for the content to inform me of the events guidelines.
(c.) I want to see clear instructions on how to get to the event.
(d.) I want to be able to sign up to receive updates on the event.
(e.) I want to be able to view the site in any reasonable browser so that I can use what I’m accustomed to.
(a.) I want to see reqular updates and pictures of the event.
(b.) I want to see new videos of the event.
-
Nav bar with links to the sites' main pages: events, guidelines, and connect.
-
Footer bar with links to the site's pages: safety, privacy policy, guidelines, and contact us.
-
Image logo in the footer links back to the top of the page.
-
Content relative to the event.
-
Responsive on all device sizes.
The navigation bar links: Event, Guidelines and Connect page.
Ecstatic Dance Limerick text Logo returns the user to the top of the evnt page.
Contains the title of the site, tagline, image logo and image.
The about section contains text information about the event, images and a video clip with no audio.
The footer column section contains two cards: an image poster of the event with details of the price, date, and time. This will be updated weekly.
Google Maps location and brief instructions on how to get to the event.
Links to pages: safety, guidelines, contact us and privacy policy.
Logo image links back to the top of the page.
The Connect page contains a form for the user to subscribe to recevie updates on the event. The correct information must be filled into the name and email field to proceed to the button click.
When the Subscribe button is clicked, it opens a subscribe page with a thank you.
The initial colours I chose for both the text and background caused accessability issues. I would have been better off to initially choose a complete colour palette with the correct contrasts for accessability.
Source-sans-pro
Images and video throughout the site are relative to an Ecstatic Dance event.
- Desktop
- Mobile
The performance score and accessibity score were too low and this took time to correct following suggestions from the app. The main issue was the Largest Contentful Paint score and contrast issues.
HTML:
CSS:
Shopping cart for ticket sales.
The site was deployed to GitHub pages. The steps to deploy are as follows: In the GitHub repository, navigate to the Settings tab from the source section drop-down menu, select the Main Branch. Once the main branch has been saved, the page will automatically refresh with a detailed ribbon display to indicate the successful deployment. The live link can be found here - https://amzzy78.github.io/ecstatic_dance-limerick/
The text for all pages are a mix taken from: https://www.ecstaticdancela.com/homepage/ https://ecstaticdance.org/resources/ https://kilmurrycentre.com/about-us/ https://www.facebook.com/events/hayfork-yoga-center/ecstatic-dance/462021097690846/ https://en.wikipedia.org/wiki/Ecstatic_dance/ https://www.facebook.com/ecstaticdancelasvegas/ https://en.wikipedia.org/wiki/Gabrielle_Roth/
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
https://www.w3schools.com/howto/howto_make_a_website.asp W3schools for tutorials on all stages and used/modified a mix of code from a template in dreamweaver and an old website I half built.I got a bit confused as was drawing from too many sources and caused alot more work more than I needed to do.
https://learn.codeinstitute.net/ci_program/diplomainsoftwaredevelopmentecommerce Instructions on how to implement form validation on the Connect page was taken from a Code Institute Tutorial.
The photos and videos used on all pages are from: https://www.pexels.com/collections/dance-xlb5itr/ Adobe Stock.
- HTML
- CSS
- JavaScript