Instructions: docs/INSTRUCTIONS.md

Caelor`s home page

Newly designed home page for Caelor

Description

With the new homepage made for Caelor you can scroll through their apps for Confluence and Jira, all you have to do is navigate through the carousel!

The new design makes the site less straining on your eyes by going with a darker theme and less vibrant colors, while still being pleasant for the eye.

I have also prioritized the 'attention-keeping' content, thus the long paragraphs of text have been shortened with the idea of having content be 'short but powerful'.

Client

Tobias and Lieselot from AlphaTango

The site

Click Here to go the the home page!

Characteristics

• HTML: Semantic elements
• CSS: media queries, custom properties, keyframes & animation, nesting, importing and font-faces, responsive layout
• JS: micro-interactions, event listeners, classtoggle, DOM Manipulation

Checklist

• [x] Intorduction animation on the site
• [x] Carousels for both Confluence and Jira
• [ ] Carousel animation that transitions like a moving wheel
• [ ] Animated header
• [x] Animated word slider with a couple words that describe Caelor well
• [x] Link to the marketplace for each app
• [ ] Glassmorphism, monochromatic boxes around the carousels
• [ ] Light and Dark mode for the website
• [ ] Paralax scroll on header
• [ ] slowly loaded in text when scrolling

  License

  This project is licensed under the terms of the MIT license.