Skip to content

AdvancedCSS2023/assignment-3--scrollytelling-group_3

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Review Assignment Due Date Open in Visual Studio Code

What the project does

The website presents information about climate change and its effects on the environment and humanity, as well as the actions that individuals and governments can take to mitigate its impact.

The scrollytelling format allows users to navigate through the content in an engaging and interactive way, as they scroll down the page to reveal new sections of information. The website also features interactive elements such as animations and facts to help illustrate the concepts being presented.

Target audience

The target audience for the website is adults between the ages of 35-45 who have a general awareness of sustainability issues but may not be familiar with the details. The website is designed to be accessible to users who are technologically sufficient to use the internet, personal computers, and smartphones without encountering significant difficulties.

Overall, the website seeks to raise awareness about Goal 13 of the United Nations Sustainable Development Goals, which focuses on combating climate change and its impacts. By presenting information in an engaging and visually compelling format, the website aims to encourage users to take action and make a positive difference in the fight against climate change.

Why the project is useful

The project is a valuable contribution to raising awareness about one of the most pressing global issues of our time. Climate change is affecting every aspect of our lives, from the food we eat to the air we breathe, and it is crucial that we take action to reduce its effects. This project aims to inform and educate people about the importance of climate action, and inspire them to take meaningful steps towards a more sustainable future. By promoting the United Nations' Sustainable Development Goals, the project also aligns with the global effort to achieve a more equitable, prosperous, and sustainable world.

How users can get started with the project

Getting started with the "United Nations Goal 13: Climate Action" project is easy and straightforward. The first step is to fork the repository, which means creating a copy of the project on your own GitHub account. Once you have forked the repository, you can clone it to your local machine, and start exploring the code and files.

The project uses amongst other things HTML, CSS and JavaScript, so it is recommended that you have a basic understanding of these technologies before diving in.

Instructions1:

  1. Go to the GitHub repository that you want to fork.
  2. Click on the "Fork" button in the top-right corner of the repository page.
  3. Select the account where you want to fork the repository. If you have multiple accounts, make sure you select the correct one.
  4. Wait for GitHub to create a fork of the repository. This may take a few seconds to complete.

Furthermore

The objective of this project is to design a webpage using only CSS without using any additional JavaScript code. This means that all the dynamic and interactive features of the webpage should be created solely using CSS styling and animations. This can be a challenging task, but it allows for a more lightweight and efficient webpage that loads faster and has better performance. It also provides an opportunity to showcase advanced CSS skills and techniques. With careful planning and creativity, it is possible to create a visually appealing and engaging webpage using only CSS.

Where users can get help with your project

If you have any questions or issues related to the "United Nations Goal 13: Climate Action" project, you can reach out to the project maintainer, Eva. She is available to provide guidance, support, and feedback to users who are interested in contributing to the project. You can contact Eva through the project's GitHub page, by opening an issue or pull request, or by sending a direct message.

Which technology is used

The project uses a range of web technologies to create an interactive and engaging website. The project is built with HTML (Hypertext Markup Language), CSS (Cascading Style Sheets), SCSS (Sassy Cascading Style Sheets), JavaScript, and BEM (Block Element Modifier) methodology and CSS variables. HTML is used to create the structure and content of the website, while CSS and SCSS are used to style and layout the page elements. JavaScript is used to add dynamic functionality to the website, such as smooth scrolling and interactive animations. BEM methodology is used to organize the CSS code and make it more modular and reusable. Finally, CSS variables are used to define reusable values for colors, fonts, and other design elements.

Who maintains and contributes to the project

The project is maintained and contributed by Eva, who is the sole developer and designer of the project. However, the project is open to contributions from anyone who is interested in helping to improve it. Eva welcomes feedback, bug reports, feature requests, and pull requests from the community, and is committed to making the project as accessible and user-friendly as possible.

Footnotes

  1. More detailed instructions.

    1. First, you will need to create a GitHub account if you don't already have one. Go to GitHub and follow the prompts to create an account.
    2. Once you have a GitHub account, go to the project repository you want to fork. In this case, it's the "United Nations Goal 13: Climate Action" project.
    3. On the repository page, click the "Fork" button in the top right corner of the page. This will create a copy of the repository on your own GitHub account.
    4. After forking the repository, you can clone it to your local machine using Git. To do this, you will need to have Git installed on your computer. If you don't have Git installed, you can download it from the official website: git-scm.com/downloads.
    5. Open your terminal or command prompt and navigate to the directory where you want to store the project. Then enter the following command: git clone https://github.com/YOUR_USERNAME/climate-action.git Replace "YOUR_USERNAME" with your actual GitHub username.
    6. After cloning the repository, you can open it in your preferred text editor. Visual Studio Code is a popular choice and can be downloaded from the official website: VisualStudioCode
    7. Once you have the project open in your text editor, you can start exploring the code and making changes. To view the project in your web browser, simply open the index.html file.

    That's it! You're now ready to start working with the "United Nations Goal 13: Climate Action" project.

About

assignment-3--scrollytelling-group_3 created by GitHub Classroom

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •