From bdece68d564ef236f3fc6fa3df91b624c766714d Mon Sep 17 00:00:00 2001 From: Sebastian Date: Wed, 19 Apr 2023 21:24:38 +0200 Subject: [PATCH 01/27] Updated the front page and the read me --- README.md | 31 ++++++++++++++++------------- index.html | 47 +++++++++++++++++++++++++++----------------- styles/style.css | 18 +++++++++++++++-- styles/style.css.map | 2 +- styles/style.scss | 18 +++++++++++++++-- 5 files changed, 79 insertions(+), 37 deletions(-) diff --git a/README.md b/README.md index 984e0d9..0ac9ffd 100644 --- a/README.md +++ b/README.md @@ -1,23 +1,26 @@ [![Review Assignment Due Date](https://classroom.github.com/assets/deadline-readme-button-24ddc0f5d75046c5622901739e7c5dd533143b0c8e959d652212380cedb1ea36.svg)](https://classroom.github.com/a/LlYauwvp) [![Open in Visual Studio Code](https://classroom.github.com/assets/open-in-vscode-718a45dd9cf7e7f842a935f5ebbe5719a5e09af4491e668f4dbf3b35d5cca122.svg)](https://classroom.github.com/online_ide?assignment_repo_id=10907409&assignment_repo_type=AssignmentRepo) -What the project does -The project is about sustainability and make people care about the enviroment. The game is about planting trees and showing -that caring about the enviroment can be fun +What the project does? -Why the project is useful -Bringing more attention to the damage we're doing to nature and why it's worth preserving will lead to better choices about -climate change and the enviroment. +The aim of this project is to promote sustainability and raise awareness about the environment. The project consists of an educational quiz game that teaches players about endangered species and how to help protect them. By playing the game, users can learn about different species that are currently at risk of extinction. -How users can get started with the project -The user can start by planting a tree and then the game will start. The user can then choose to plant more trees or maintain their -own tree. +Why the project is useful? -Where users can get help with your project -The user can get help by looking at the instructions in the game. +This project is useful because it draws attention to the damage that human activities have caused to the natural world and why it is important to protect it. By highlighting the real consequences of climate change and other environmental issues, people are more likely to make informed decisions that benefit the planet. The game's focus on endangered animals serves as a reminder that we need to take action to protect these vulnerable species. -Which technology is used -The technology used is HTML, CSS and scss. +How users can get started with the project? + +To get started with the project, users can visit the game page on the website after reading the introduction to the United Nations Sustainable Development Goal 15, which the game aims to promote. The quiz is designed to be easy to understand and straightforward, with the goal of raising awareness about the importance of protecting endangered species. + +Where users can get help with your project? + +If users need help with the project, they can refer to the instructions provided on the game page. + +Which technology is used? + +The technology used for this project includes HTML, CSS, and SCSS, with some JavaScript used to improve the game's functionality. The team behind the project has made an effort to minimize the use of JavaScript, focusing instead on HTML and CSS. + +Who maintains and contributes to the project? -Who maintains and contributes to the project The project is maintained by Sebastian Haugen, Gard Heimly and Helin diff --git a/index.html b/index.html index 9c15f95..3a09142 100644 --- a/index.html +++ b/index.html @@ -22,23 +22,34 @@

Sustainability Goal 15

-

Welcome to our website dedicated to UN Goal 15: Life on Land

-

- UN Goal 15 focuses on protecting, restoring and promoting the sustainable - use of terrestrial ecosystems, and their biodiversity. It highlights the - importance of preserving the natural resources that sustain life on Earth, - including forests, wetlands, and other ecosystems. -

-

- Through this goal, the UN aims to achieve a world where people and nature - can coexist in harmony, and where biodiversity is conserved for the - benefit of current and future generations. -

-

- On our website, we will explore the key issues and challenges related to - UN Goal 15, as well as showcase the initiatives and solutions that are - helping to achieve this important goal. Join us on this journey towards a - more sustainable future for all. -

+
+

Welcome to our website dedicated to UN Goal 15: Life on Land

+
+

+ UN Goal 15 focuses on protecting, restoring and promoting the + sustainable use of terrestrial ecosystems, and their biodiversity. It + highlights the importance of preserving the natural resources that + sustain life on Earth, including forests, wetlands, and other + ecosystems. +

+
+ +
+

+ Through this goal, the UN aims to achieve a world where people and + nature can coexist in harmony, and where biodiversity is conserved for + the benefit of current and future generations. +

+
+ +
+

+ On the game page, you find a quiz that teaches you about animals that + are endangered and what you can do to save the enviroment to save the + animals. Join us on this journey towards a more sustainable future for + all. +

+
+
diff --git a/styles/style.css b/styles/style.css index 9cb1559..7f269e9 100644 --- a/styles/style.css +++ b/styles/style.css @@ -6,7 +6,6 @@ body { font-family: "Roboto", sans-serif; background-color: #658932; - color: white; } h1 { @@ -26,7 +25,6 @@ h2 { p { text-align: center; font-size: 1.5em; - color: white; margin: 0 auto; padding: 30px; width: 80%; @@ -44,4 +42,20 @@ nav { text-align: center; margin-top: 20px; background-color: white; +} + +main { + display: flex; + flex-direction: column; + align-items: center; +} + +.box { + width: 80%; + height: 100%; + background-color: white; + margin: 10px; + padding: 20px; + text-align: center; + border-radius: 10px; }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/styles/style.css.map b/styles/style.css.map index b95c5e8..bb50b2b 100644 --- a/styles/style.css.map +++ b/styles/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAEA;EACI,SAAA;EACA,UAAA;ACDJ;;ADIA;EACI,iCAAA;EACA,yBATW;EAUX,YAAA;ACDJ;;ADIA;EACI,kBAAA;EACA,cAAA;EACA,YAAA;EACA,YAAA;ACDJ;;ADIA;EACI,kBAAA;EACA,cAAA;EACA,YAAA;EACA,YAAA;ACDJ;;ADIA;EACI,kBAAA;EACA,gBAAA;EACA,YAAA;EACA,cAAA;EACA,aAAA;EACA,UAAA;ACDJ;;ADKA;EACI,qBAAA;EACA,qBAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;ACFJ;;ADKA;EACI,kBAAA;EACA,gBAAA;EACA,uBAAA;ACFJ","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAEA;EACI,SAAA;EACA,UAAA;ACDJ;;ADIA;EACI,iCAAA;EACA,yBATW;ACQf;;ADIA;EACI,kBAAA;EACA,cAAA;EACA,YAAA;EACA,YAAA;ACDJ;;ADIA;EACI,kBAAA;EACA,cAAA;EACA,YAAA;EACA,YAAA;ACDJ;;ADIA;EACI,kBAAA;EACA,gBAAA;EACA,cAAA;EACA,aAAA;EACA,UAAA;ACDJ;;ADKA;EACI,qBAAA;EACA,qBAAA;EACA,cAAA;EACA,aAAA;EACA,eAAA;ACFJ;;ADKA;EACI,kBAAA;EACA,gBAAA;EACA,uBAAA;ACFJ;;ADMA;EACI,aAAA;EACA,sBAAA;EACA,mBAAA;ACHJ;;ADMA;EACI,UAAA;EACA,YAAA;EACA,uBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;EACA,mBAAA;ACHJ","file":"style.css"} \ No newline at end of file diff --git a/styles/style.scss b/styles/style.scss index 6946b9d..e8faf38 100644 --- a/styles/style.scss +++ b/styles/style.scss @@ -8,7 +8,6 @@ $primaryGreen: #658932; body { font-family: 'Roboto', sans-serif; background-color: $primaryGreen; - color: white; } h1 { @@ -28,7 +27,6 @@ h2 { p { text-align: center; font-size: 1.5em; - color: white; margin: 0 auto; padding: 30px; width: 80%; @@ -48,4 +46,20 @@ nav { margin-top: 20px; background-color: white; +} + +main { + display: flex; + flex-direction: column; + align-items: center; +} + +.box { + width: 80%; + height: 100%; + background-color: white; + margin: 10px; + padding: 20px; + text-align: center; + border-radius: 10px; } \ No newline at end of file From 167a229fb0b8a30846c3f6e099e223f9d5520427 Mon Sep 17 00:00:00 2001 From: Sebastian Date: Thu, 20 Apr 2023 14:14:01 +0200 Subject: [PATCH 02/27] Some issues with the game page --- game.html | 145 ++++++++++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 131 insertions(+), 14 deletions(-) diff --git a/game.html b/game.html index 771f1e8..b5d9a27 100644 --- a/game.html +++ b/game.html @@ -1,18 +1,135 @@ - - - - + + + + Game page - - - -