What the project does.
This project is an animated, scrollable website about sustainable goal 14. UN's sustainable goal 14 is about conserving and use the oceans sustainably. Sea and marine resources are an important key element for a future within sustainable development, and should therefore be utalized. In the project we are using advanced CSS features such as CSS architecture, Sass, BEM, SVG, keyframe animations, transitions and transformations to achieve a unique and fun scrolling experience that hopefully will be educating.
This site features a scrolling narration, implemented use of Intersection Observer, and includes accessibility features such as "prefer-color-scheme" to ensure an optimal user experience. The primary objective of the project is to educate users about Sustainable Development Goal 14, which focuses on ocean conservation and sustainable use of marine resources. This is achieved through a combination of storytelling, animations, layout, and typography, which are designed to engage and inform users about the importance of protecting our oceans.
Why the project is useful
This project aims to raise awareness about United Nations Sustainable Development Goal 14: Life Below Water. Through an engaging scrollytelling experience, it educates individuals about the importance of protecting and sustainably managing our oceans, seas, and marine resources. By showcasing the challenges faced by marine ecosystems and offering actionable solutions, the project encourages people to become advocates for Goal 14 and contribute to a healthier and more sustainable future for our planet.
How users can get started with the project
-
To get started with the project you can Visit the GitHub Pages link where the project is published
-
Explore the visually captivating animations and educational resources on the website to support Sustainable Development Goal 14, which aims to conserve and sustainably use the oceans, seas, and marine resources.
-
For developers interested in contributing to the project,begin by forking the repository and cloning it to your local machine.
-
Next, create a new branch for the feature you'd like to work on and start making changes to the code.
-
Once you've completed your changes, push the branch to your forked repository and create a pull request to merge your changes into the original repository. Join the effort to protect our oceans and promote sustainable use of marine resources by contributing to this important project!
Where users can get help with your project
Please consult the README file located in the project's GitHub repository for guidance. If you encounter any bugs or issues, please utilize the "Issues" section within the GitHub repository to report them. For assistance or inquiries regarding the project, feel free to contact the team members listed as contributors in the GitHub repository.
Which technology is used
To promote sustainability goal 14, the project employs a variety of technologies to create an animated and scrollable website. These technologies include advanced CSS features, CSS architecture, Sass, BEM, SVG, keyframe animations, transitions, transformations,implementation of accessibility, prefers-reduced-motion, prefers-color-scheme, orientation and Scrollytelling using Intersection Observer and Javascript. we have used the color-scheme to change the sun to moon and a background gradient from lighter to darker shades creates a distinct transition that gives off a night-time vibe. The sun, the bottle, and the waves are reduced motion elements that represent the need to reduce our impact on the environment. By incorporating the prefers-reduced-motion feature, the website ensures that users who prefer reduced motion can access the content without any discomfort. By utilizing these technologies, the project is visually appealing, informative, and accessible to a diverse range of users.
Who maintains and contributes to the project
Since this project is a work on github, anyone who's a member of the community are allowed and able to contribute if they want to. The project is maintained and contributed by the team members which is listed in the github repository, Elina, Johan, Jørgen and Solveig.