From 853383e6ae46f8949224cc4417d1299cca04c037 Mon Sep 17 00:00:00 2001
From: "github-classroom[bot]"
<66690702+github-classroom[bot]@users.noreply.github.com>
Date: Thu, 27 Apr 2023 14:00:52 +0000
Subject: [PATCH 01/88] Setting up GitHub Classroom Feedback
From ed66dd1bfd5a8bb0ba14a748f92b8865600276a8 Mon Sep 17 00:00:00 2001
From: "github-classroom[bot]"
<66690702+github-classroom[bot]@users.noreply.github.com>
Date: Mon, 1 May 2023 15:01:25 +0000
Subject: [PATCH 02/88] Add assignment deadline url
---
README.md | 1 +
1 file changed, 1 insertion(+)
diff --git a/README.md b/README.md
index 293d948..db12de8 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,2 @@
+[](https://classroom.github.com/a/E1TYCvbT)
[](https://classroom.github.com/online_ide?assignment_repo_id=11008367&assignment_repo_type=AssignmentRepo)
From 73a9f3deaa9c3bd25d0b18a9f3a5930489ab2fcc Mon Sep 17 00:00:00 2001
From: MajaBru <122542734+MajaBru@users.noreply.github.com>
Date: Tue, 2 May 2023 18:24:38 +0200
Subject: [PATCH 03/88] files architecture
---
assets/styles/_colors.scss | 0
assets/styles/_fonts.scss | 0
assets/styles/_keyframes.scss | 0
assets/styles/_layout.scss | 0
assets/styles/_styles.scss | 5 +++++
assets/styles/index.css | 5 +++++
assets/styles/index.css.map | 1 +
assets/styles/index.scss | 5 +++++
index.html | 21 +++++++++++++++++++++
script.js | 0
10 files changed, 37 insertions(+)
create mode 100644 assets/styles/_colors.scss
create mode 100644 assets/styles/_fonts.scss
create mode 100644 assets/styles/_keyframes.scss
create mode 100644 assets/styles/_layout.scss
create mode 100644 assets/styles/_styles.scss
create mode 100644 assets/styles/index.css
create mode 100644 assets/styles/index.css.map
create mode 100644 assets/styles/index.scss
create mode 100644 index.html
create mode 100644 script.js
diff --git a/assets/styles/_colors.scss b/assets/styles/_colors.scss
new file mode 100644
index 0000000..e69de29
diff --git a/assets/styles/_fonts.scss b/assets/styles/_fonts.scss
new file mode 100644
index 0000000..e69de29
diff --git a/assets/styles/_keyframes.scss b/assets/styles/_keyframes.scss
new file mode 100644
index 0000000..e69de29
diff --git a/assets/styles/_layout.scss b/assets/styles/_layout.scss
new file mode 100644
index 0000000..e69de29
diff --git a/assets/styles/_styles.scss b/assets/styles/_styles.scss
new file mode 100644
index 0000000..45f760e
--- /dev/null
+++ b/assets/styles/_styles.scss
@@ -0,0 +1,5 @@
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
\ No newline at end of file
diff --git a/assets/styles/index.css b/assets/styles/index.css
new file mode 100644
index 0000000..6034ef6
--- /dev/null
+++ b/assets/styles/index.css
@@ -0,0 +1,5 @@
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}/*# sourceMappingURL=index.css.map */
\ No newline at end of file
diff --git a/assets/styles/index.css.map b/assets/styles/index.css.map
new file mode 100644
index 0000000..3733b25
--- /dev/null
+++ b/assets/styles/index.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["_styles.scss","index.css"],"names":[],"mappings":"AAAA;EACI,SAAA;EACA,UAAA;EACA,sBAAA;ACCJ","file":"index.css"}
\ No newline at end of file
diff --git a/assets/styles/index.scss b/assets/styles/index.scss
new file mode 100644
index 0000000..0f05444
--- /dev/null
+++ b/assets/styles/index.scss
@@ -0,0 +1,5 @@
+@import "styles";
+@import "layout";
+@import "keyframes";
+@import "fonts";
+@import "colors";
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..1eabf8f
--- /dev/null
+++ b/index.html
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+ UN goal 14: Life below water
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..e69de29
From 550796f82266968ab11817bd86153b0e59d5022d Mon Sep 17 00:00:00 2001
From: MajaBru <122542734+MajaBru@users.noreply.github.com>
Date: Tue, 2 May 2023 18:43:04 +0200
Subject: [PATCH 04/88] main + sections
---
index.html | 17 +++++++++++++++++
1 file changed, 17 insertions(+)
diff --git a/index.html b/index.html
index 1eabf8f..dd27a11 100644
--- a/index.html
+++ b/index.html
@@ -14,6 +14,23 @@ Life below water
Scroll down to see more *arrowkey down*
+
+
+
+
+
+
+
+
+
From c87e2e421c5a1ca58e8308a303831a9ed89d93b2 Mon Sep 17 00:00:00 2001
From: Maja <122542734+MajaBru@users.noreply.github.com>
Date: Tue, 2 May 2023 21:53:46 +0200
Subject: [PATCH 05/88] Update README.md
---
README.md | 9 +++++++++
1 file changed, 9 insertions(+)
diff --git a/README.md b/README.md
index db12de8..8eca743 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,11 @@
[](https://classroom.github.com/a/E1TYCvbT)
[](https://classroom.github.com/online_ide?assignment_repo_id=11008367&assignment_repo_type=AssignmentRepo)
+
+# Scrollytelling website: Goal 14 | Life below water
+
+### What the project does
+### Why the project is useful
+### How users can get started with the project
+### Where users can get help with your project
+### Which technology is used
+### Who maintains and contributes to the project
From 4e1acd210d03a18c46649cd23ed045d32b4f8731 Mon Sep 17 00:00:00 2001
From: MajaBru <122542734+MajaBru@users.noreply.github.com>
Date: Wed, 3 May 2023 04:43:25 +0200
Subject: [PATCH 06/88] multiple elements to the intro scene + gsap in js
---
assets/img/cloud.svg | 7 ++++
assets/styles/_styles.scss | 74 ++++++++++++++++++++++++++++++++++++-
assets/styles/index.css | 62 +++++++++++++++++++++++++++++++
assets/styles/index.css.map | 2 +-
index.html | 53 +++++++++++++++++---------
script.js | 24 ++++++++++++
6 files changed, 202 insertions(+), 20 deletions(-)
create mode 100644 assets/img/cloud.svg
diff --git a/assets/img/cloud.svg b/assets/img/cloud.svg
new file mode 100644
index 0000000..a0dc19e
--- /dev/null
+++ b/assets/img/cloud.svg
@@ -0,0 +1,7 @@
+
diff --git a/assets/styles/_styles.scss b/assets/styles/_styles.scss
index 45f760e..779b56b 100644
--- a/assets/styles/_styles.scss
+++ b/assets/styles/_styles.scss
@@ -2,4 +2,76 @@
margin: 0;
padding: 0;
box-sizing: border-box;
-}
\ No newline at end of file
+}
+
+.intro {
+ width: auto!important;
+ height: 200vh !important;
+ background: linear-gradient(180deg, rgb(0, 25, 39) 0%, rgba(0,114,212,1) 100%);
+ overflow-x: hidden;
+
+ &__container {
+ position: absolute;
+ }
+
+ &__heading {
+ text-align: center;
+ position: relative;
+ top: 20%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ color: aliceblue;
+ }
+
+ &__title {
+ font-size: 9rem;
+ font-family: 'Nixie One', cursive;
+ }
+ &__para {
+ font-size: 1.5rem;
+ position: absolute;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ margin-top: 10em;
+ border: 4px solid aliceblue;
+ padding: 15px;
+ border-radius: 10px;
+ }
+}
+
+
+
+.cloud-one {
+ position: relative;
+ top: 60em;
+ left: 10em;
+}
+
+.cloud-two {
+ position: relative;
+ top: 70em;
+ right: 50em;
+}
+
+.cloud-three {
+ position: relative;
+ top: 85em;
+ left: 80em;
+}
+
+.cloud-four {
+ position: relative;
+ top: 100em;
+ right: -10em;
+}
+
+section {
+ width: auto;
+ height: 100vh;
+ background-color: rgb(32, 52, 83);
+}
+
+@media screen and (max-width: 600px) {
+
+
+ }
\ No newline at end of file
diff --git a/assets/styles/index.css b/assets/styles/index.css
index 6034ef6..9ff839a 100644
--- a/assets/styles/index.css
+++ b/assets/styles/index.css
@@ -2,4 +2,66 @@
margin: 0;
padding: 0;
box-sizing: border-box;
+}
+
+.intro {
+ width: auto !important;
+ height: 200vh !important;
+ background: linear-gradient(180deg, rgb(0, 25, 39) 0%, rgb(0, 114, 212) 100%);
+ overflow-x: hidden;
+}
+.intro__container {
+ position: absolute;
+}
+.intro__heading {
+ text-align: center;
+ position: relative;
+ top: 20%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ color: aliceblue;
+}
+.intro__title {
+ font-size: 9rem;
+ font-family: "Nixie One", cursive;
+}
+.intro__para {
+ font-size: 1.5rem;
+ position: absolute;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ margin-top: 10em;
+ border: 4px solid aliceblue;
+ padding: 15px;
+ border-radius: 10px;
+}
+
+.cloud-one {
+ position: relative;
+ top: 60em;
+ left: 10em;
+}
+
+.cloud-two {
+ position: relative;
+ top: 70em;
+ right: 50em;
+}
+
+.cloud-three {
+ position: relative;
+ top: 85em;
+ left: 80em;
+}
+
+.cloud-four {
+ position: relative;
+ top: 100em;
+ right: -10em;
+}
+
+section {
+ width: auto;
+ height: 100vh;
+ background-color: rgb(32, 52, 83);
}/*# sourceMappingURL=index.css.map */
\ No newline at end of file
diff --git a/assets/styles/index.css.map b/assets/styles/index.css.map
index 3733b25..b64353b 100644
--- a/assets/styles/index.css.map
+++ b/assets/styles/index.css.map
@@ -1 +1 @@
-{"version":3,"sources":["_styles.scss","index.css"],"names":[],"mappings":"AAAA;EACI,SAAA;EACA,UAAA;EACA,sBAAA;ACCJ","file":"index.css"}
\ No newline at end of file
+{"version":3,"sources":["_styles.scss","index.css"],"names":[],"mappings":"AAAA;EACI,SAAA;EACA,UAAA;EACA,sBAAA;ACCJ;;ADEA;EACI,sBAAA;EACA,wBAAA;EACA,6EAAA;EACA,kBAAA;ACCJ;ADCI;EACI,kBAAA;ACCR;ADEI;EACI,kBAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,gCAAA;EACA,gBAAA;ACAR;ADGI;EACI,eAAA;EACA,iCAAA;ACDR;ADGI;EACI,iBAAA;EACA,kBAAA;EACA,SAAA;EACA,gCAAA;EACA,gBAAA;EACA,2BAAA;EACA,aAAA;EACA,mBAAA;ACDR;;ADOA;EACI,kBAAA;EACA,SAAA;EACA,UAAA;ACJJ;;ADOA;EACI,kBAAA;EACA,SAAA;EACA,WAAA;ACJJ;;ADOA;EACI,kBAAA;EACA,SAAA;EACA,UAAA;ACJJ;;ADOA;EACI,kBAAA;EACA,UAAA;EACA,YAAA;ACJJ;;ADOA;EACI,WAAA;EACA,aAAA;EACA,iCAAA;ACJJ","file":"index.css"}
\ No newline at end of file
diff --git a/index.html b/index.html
index dd27a11..93e5b76 100644
--- a/index.html
+++ b/index.html
@@ -6,33 +6,50 @@
UN goal 14: Life below water
-
+
+
+
+
-
-
+
+
-
-
+
-
+
-
+
-
+
+
+
+
+
+