From 0a2113f0988006b45a3c3d33ffd92e4ceeada156 Mon Sep 17 00:00:00 2001 From: maheggh <111765195+maheggh@users.noreply.github.com> Date: Wed, 26 Apr 2023 13:11:16 +0200 Subject: [PATCH 01/88] Dont need scene4 --- images/osos.svg | 239 ----------------------------------------- public/index.html | 7 -- src/sass/_scene1.scss | 4 + src/sass/_scene2.scss | 4 + src/sass/_scene3.scss | 4 + src/sass/_scene4.scss | 4 - src/sass/style.css | 16 ++- src/sass/style.css.map | 2 +- src/sass/style.scss | 1 - 9 files changed, 26 insertions(+), 255 deletions(-) delete mode 100644 images/osos.svg delete mode 100644 src/sass/_scene4.scss diff --git a/images/osos.svg b/images/osos.svg deleted file mode 100644 index c423c69..0000000 --- a/images/osos.svg +++ /dev/null @@ -1,239 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - image/svg+xml - - - - - Openclipart - - - - - - - - - - - diff --git a/public/index.html b/public/index.html index cfdc35d..046980c 100644 --- a/public/index.html +++ b/public/index.html @@ -31,13 +31,6 @@

Scene 3

Content for scene 3...

- -
-
-

Scene 4

-

Content for scene 4...

-
-
\ No newline at end of file diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index 154dc35..0d03065 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -1,3 +1,7 @@ /* scene 1 ------------------------------------------------ +THE BEGINNING: +• Polo bear – main character +• Narrator – Give facts to viewers. +• Polo bear is on an iceberg, and it starts to slowly sink, while viewer is scrolling down. */ \ No newline at end of file diff --git a/src/sass/_scene2.scss b/src/sass/_scene2.scss index 0b63425..c2c2ec7 100644 --- a/src/sass/_scene2.scss +++ b/src/sass/_scene2.scss @@ -1,4 +1,8 @@ /* scene 2 ------------------------------------------------ +MIDDLE +• Facts come up while It's sinking. +• Soon the iceberg is melted, the polo bear sinks down under water. +• We can also see plastic, toxic waste, dying see life, biohazard sign. */ diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index 0a7c476..0d8cf9b 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -1,4 +1,8 @@ /* scene 3 ------------------------------------------------ +END +• The water getting darker and fades to black screen. +• Text comes up. +• ….. */ diff --git a/src/sass/_scene4.scss b/src/sass/_scene4.scss deleted file mode 100644 index a3c0d39..0000000 --- a/src/sass/_scene4.scss +++ /dev/null @@ -1,4 +0,0 @@ -/* scene 4 ------------------------------------------------- -*/ - diff --git a/src/sass/style.css b/src/sass/style.css index 36974a4..98407ab 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -1,3 +1,4 @@ +@charset "UTF-8"; body { font-family: Arial, sans-serif; margin: 0; @@ -46,13 +47,22 @@ body { } /* scene 1 ------------------------------------------------ +THE BEGINNING: +• Polo bear – main character +• Narrator – Give facts to viewers. +• Polo bear is on an iceberg, and it starts to slowly sink, while viewer is scrolling down. */ /* scene 2 ------------------------------------------------ +MIDDLE +• Facts come up while It's sinking. +• Soon the iceberg is melted, the polo bear sinks down under water. +• We can also see plastic, toxic waste, dying see life, biohazard sign. */ /* scene 3 ------------------------------------------------ -*/ -/* scene 4 ------------------------------------------------- +END +• The water getting darker and fades to black screen. +• Text comes up. +• ….. *//*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/src/sass/style.css.map b/src/sass/style.css.map index e527ddd..3af2cef 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["_root.scss","style.css","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"AAAA;EACI,8BAAA;EACA,SAAA;EACA,UAAA;ACCJ;;ADEA;EACI,iBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;ACCJ;;ADEA;EACI,UAAA;EACA,2BAAA;EACA,2BAAA;ACCJ;;ADEA;EACI,UAAA;EACA,wBAAA;ACCJ;;ADEA;EACI,UAAA;EACA,2BAAA;EACA,2BAAA;ACCJ;;ADEA;EACI,UAAA;EACA,wBAAA;EACA,mDAAA;ACCJ;;ADEA;EACI;IACI,iCAAA;ECCN;EDCE;IACI,uCAAA;ECCN;AACF;AC7CA;;CAAA;ACAA;;CAAA;ACAA;;CAAA;ACAA;;CAAA","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACI,8BAAA;EACA,SAAA;EACA,UAAA;ADEJ;;ACCA;EACI,iBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;ADEJ;;ACCA;EACI,UAAA;EACA,2BAAA;EACA,2BAAA;ADEJ;;ACCA;EACI,UAAA;EACA,wBAAA;ADEJ;;ACCA;EACI,UAAA;EACA,2BAAA;EACA,2BAAA;ADEJ;;ACCA;EACI,UAAA;EACA,wBAAA;EACA,mDAAA;ADEJ;;ACCA;EACI;IACI,iCAAA;EDEN;ECAE;IACI,uCAAA;EDEN;AACF;AE9CA;;;;;;CAAA;ACAA;;;;;;CAAA;ACAA;;;;;;CAAA","file":"style.css"} \ No newline at end of file diff --git a/src/sass/style.scss b/src/sass/style.scss index 62cfb92..6fbb852 100644 --- a/src/sass/style.scss +++ b/src/sass/style.scss @@ -2,4 +2,3 @@ @use 'scene1'; @use 'scene2'; @use 'scene3'; -@use 'scene4'; From 82cbf7c54356eb868760fc7aa1992df8f6d5e61c Mon Sep 17 00:00:00 2001 From: maheggh <111765195+maheggh@users.noreply.github.com> Date: Wed, 26 Apr 2023 13:57:08 +0200 Subject: [PATCH 02/88] updated with text --- public/index.html | 68 ++++++++++++++++++++++++++++++++---------- src/sass/_scene1.scss | 13 +++++++- src/sass/_scene2.scss | 14 ++++++++- src/sass/_scene3.scss | 3 ++ src/sass/style.css | 25 +++++++++++++++- src/sass/style.css.map | 2 +- 6 files changed, 106 insertions(+), 19 deletions(-) diff --git a/public/index.html b/public/index.html index 046980c..72acfc6 100644 --- a/public/index.html +++ b/public/index.html @@ -1,12 +1,14 @@ + - - - - -Assignment_3 group_9 - + + + + + Assignment_3 group_9 + @@ -14,23 +16,59 @@

Scene 1

Content for scene 1...

+
+ “We need to change course if we want to stop further habitat loss + and ensure resilient wildlife populations, + both in the Arctic and around the world.” + Margaret Williams + Managing Director, WWFs Arctic Program +
+
+

Today’s study, published in Ecological Applications, + analyzed data on polar bears in northeast Alaska and the Northwest Territories + and documented a 40 percent population loss between 2001-2010 from 1,500 to 900 + bears.

+
-
+

Scene 2

Content for scene 2...

+
+

The world is already 1.1° C (1.9° F) hotter + than it was between 1850 and 1900, the pre-industrial era. + And while there’s no question that limiting warming to 1.5° C + will be difficult, there’s also no question that we have the + technology needed to do it—and that every tenth of a degree matters.

+
+
+

As the earth continues to warm, crucial habitats may no longer be hospitable + for certain animals or plants. + This puts a variety of species at risk, + depending on whether they can adapt or move.

+
+
+
+
+
+

Scene 3

+

Content for scene 3...

+
+

+ The average US citizen emits 20 tons of greenhouse gas emissions per year, + most of which come from transportation, electricity generation, and the food system. + (This is 10 times the emissions from the average person in India, for example.) + It’s important for our communities, cities, states, + and country to tackle the climate crisis. + Here are a few ways they can take action:

+
-
-
-
-

Scene 3

-

Content for scene 3...

-
-
- +
+ + \ No newline at end of file diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index 0d03065..0938c0e 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -4,4 +4,15 @@ THE BEGINNING: • Polo bear – main character • Narrator – Give facts to viewers. • Polo bear is on an iceberg, and it starts to slowly sink, while viewer is scrolling down. -*/ \ No newline at end of file +*/ + +.scroll-section { +&--scene1 { + display: grid; +} + +&__quote { + margin-left: auto; + margin-right: auto; +} +} \ No newline at end of file diff --git a/src/sass/_scene2.scss b/src/sass/_scene2.scss index c2c2ec7..6fd9647 100644 --- a/src/sass/_scene2.scss +++ b/src/sass/_scene2.scss @@ -5,4 +5,16 @@ MIDDLE • Soon the iceberg is melted, the polo bear sinks down under water. • We can also see plastic, toxic waste, dying see life, biohazard sign. */ - +.scroll-section { + &--scene2 { + display: grid; + } + &__globalwarmingfacts { + margin: 20px; + width: 400px; + } + &__globalwarmingfacts2 { + margin: 20px; + width: 400px; + } +} \ No newline at end of file diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index 0d8cf9b..efd13f2 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -6,3 +6,6 @@ END • ….. */ +.scroll-section--scene1 { + display: grid; +} \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index 98407ab..9cff646 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -52,6 +52,14 @@ THE BEGINNING: • Narrator – Give facts to viewers. • Polo bear is on an iceberg, and it starts to slowly sink, while viewer is scrolling down. */ +.scroll-section--scene1 { + display: grid; +} +.scroll-section__quote { + margin-left: auto; + margin-right: auto; +} + /* scene 2 ------------------------------------------------ MIDDLE @@ -59,10 +67,25 @@ MIDDLE • Soon the iceberg is melted, the polo bear sinks down under water. • We can also see plastic, toxic waste, dying see life, biohazard sign. */ +.scroll-section--scene2 { + display: grid; +} +.scroll-section__globalwarmingfacts { + margin: 20px; + width: 400px; +} +.scroll-section__globalwarmingfacts2 { + margin: 20px; + width: 400px; +} + /* scene 3 ------------------------------------------------ END • The water getting darker and fades to black screen. • Text comes up. • ….. -*//*# sourceMappingURL=style.css.map */ \ No newline at end of file +*/ +.scroll-section--scene1 { + display: grid; +}/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 3af2cef..6b5c357 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACI,8BAAA;EACA,SAAA;EACA,UAAA;ADEJ;;ACCA;EACI,iBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;ADEJ;;ACCA;EACI,UAAA;EACA,2BAAA;EACA,2BAAA;ADEJ;;ACCA;EACI,UAAA;EACA,wBAAA;ADEJ;;ACCA;EACI,UAAA;EACA,2BAAA;EACA,2BAAA;ADEJ;;ACCA;EACI,UAAA;EACA,wBAAA;EACA,mDAAA;ADEJ;;ACCA;EACI;IACI,iCAAA;EDEN;ECAE;IACI,uCAAA;EDEN;AACF;AE9CA;;;;;;CAAA;ACAA;;;;;;CAAA;ACAA;;;;;;CAAA","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACI,8BAAA;EACA,SAAA;EACA,UAAA;ADEJ;;ACCA;EACI,iBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;ADEJ;;ACCA;EACI,UAAA;EACA,2BAAA;EACA,2BAAA;ADEJ;;ACCA;EACI,UAAA;EACA,wBAAA;ADEJ;;ACCA;EACI,UAAA;EACA,2BAAA;EACA,2BAAA;ADEJ;;ACCA;EACI,UAAA;EACA,wBAAA;EACA,mDAAA;ADEJ;;ACCA;EACI;IACI,iCAAA;EDEN;ECAE;IACI,uCAAA;EDEN;AACF;AE9CA;;;;;;CAAA;AASA;EACI,aAAA;AF8CJ;AE3CA;EACI,iBAAA;EACA,kBAAA;AF6CJ;;AG5DA;;;;;;CAAA;AAQI;EACI,aAAA;AH8DR;AG5DI;EACI,YAAA;EACA,YAAA;AH8DR;AG5DI;EACI,YAAA;EACA,YAAA;AH8DR;;AI/EA;;;;;;CAAA;AAQA;EACI,aAAA;AJiFJ","file":"style.css"} \ No newline at end of file From 4a45cb0062edadc23c3c7d9510e4f1496b18f81f Mon Sep 17 00:00:00 2001 From: maheggh <111765195+maheggh@users.noreply.github.com> Date: Wed, 26 Apr 2023 14:04:24 +0200 Subject: [PATCH 03/88] some margin changes --- src/sass/_scene1.scss | 4 ++-- src/sass/style.css | 4 ++-- src/sass/style.css.map | 2 +- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index 0938c0e..b11f785 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -12,7 +12,7 @@ THE BEGINNING: } &__quote { - margin-left: auto; - margin-right: auto; + margin: 20px; + width: 400px; } } \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index 9cff646..a11605b 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -56,8 +56,8 @@ THE BEGINNING: display: grid; } .scroll-section__quote { - margin-left: auto; - margin-right: auto; + margin: 20px; + width: 400px; } /* scene 2 diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 6b5c357..a2ef9dc 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACI,8BAAA;EACA,SAAA;EACA,UAAA;ADEJ;;ACCA;EACI,iBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;ADEJ;;ACCA;EACI,UAAA;EACA,2BAAA;EACA,2BAAA;ADEJ;;ACCA;EACI,UAAA;EACA,wBAAA;ADEJ;;ACCA;EACI,UAAA;EACA,2BAAA;EACA,2BAAA;ADEJ;;ACCA;EACI,UAAA;EACA,wBAAA;EACA,mDAAA;ADEJ;;ACCA;EACI;IACI,iCAAA;EDEN;ECAE;IACI,uCAAA;EDEN;AACF;AE9CA;;;;;;CAAA;AASA;EACI,aAAA;AF8CJ;AE3CA;EACI,iBAAA;EACA,kBAAA;AF6CJ;;AG5DA;;;;;;CAAA;AAQI;EACI,aAAA;AH8DR;AG5DI;EACI,YAAA;EACA,YAAA;AH8DR;AG5DI;EACI,YAAA;EACA,YAAA;AH8DR;;AI/EA;;;;;;CAAA;AAQA;EACI,aAAA;AJiFJ","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACI,8BAAA;EACA,SAAA;EACA,UAAA;ADEJ;;ACCA;EACI,iBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;ADEJ;;ACCA;EACI,UAAA;EACA,2BAAA;EACA,2BAAA;ADEJ;;ACCA;EACI,UAAA;EACA,wBAAA;ADEJ;;ACCA;EACI,UAAA;EACA,2BAAA;EACA,2BAAA;ADEJ;;ACCA;EACI,UAAA;EACA,wBAAA;EACA,mDAAA;ADEJ;;ACCA;EACI;IACI,iCAAA;EDEN;ECAE;IACI,uCAAA;EDEN;AACF;AE9CA;;;;;;CAAA;AASA;EACI,aAAA;AF8CJ;AE3CA;EACI,YAAA;EACA,YAAA;AF6CJ;;AG5DA;;;;;;CAAA;AAQI;EACI,aAAA;AH8DR;AG5DI;EACI,YAAA;EACA,YAAA;AH8DR;AG5DI;EACI,YAAA;EACA,YAAA;AH8DR;;AI/EA;;;;;;CAAA;AAQA;EACI,aAAA;AJiFJ","file":"style.css"} \ No newline at end of file From 78501c8a0e53ec7c972a27e84a340c7432116579 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Wed, 26 Apr 2023 14:19:54 +0200 Subject: [PATCH 04/88] hei hei9 --- .DS_Store | Bin 0 -> 6148 bytes images/.DS_Store | Bin 0 -> 6148 bytes images/fish.svg | 292 +++++++++++++++++++++++++++++++++++++++++ images/trash.svg | 130 ++++++++++++++++++ public/index.html | 8 ++ public/index.js | 37 ++---- src/sass/_root.scss | 57 ++++---- src/sass/_scene1.scss | 6 +- src/sass/style.css | 46 ++++--- src/sass/style.css.map | 6 +- 10 files changed, 501 insertions(+), 81 deletions(-) create mode 100644 .DS_Store create mode 100644 images/.DS_Store create mode 100644 images/fish.svg create mode 100644 images/trash.svg diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..1ffd8d2faded060022de7187e313b5f2834a46d5 GIT binary patch literal 6148 zcmeHK&u`N(6n<_?moSiu1kx@@k+_!9tpf>h38g!5;Ibe%04hmSjj$}Pnv@Dvm2!qZ zhAaOF{4bo~d$uPvDZ5S#`AN^8e|`4z7uk-9NDLS8K2e8=95`d^I+DK_x3h0q!_>Gy zp~jd}{ydeFD3#GxZ(Cs%unPQZ3h>@-Q$lAH(g{`fFCPj|;l1C=ROpqy(K4Tzz5YF# zrAc1&`#(ja*}B%=adw2ln;{Y+*>m}Jwr zA|&w?UEaPL0KgWil_AfUAagu}zQIx>T3|v`fto7J6GLb^>OIrXH&|-abQ0$AA6Gq6TJv1e6Rmu?k$O0)GIfG^tzw literal 0 HcmV?d00001 diff --git a/images/.DS_Store b/images/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..7955238af3784556373b6276c8a8d2a89a03e463 GIT binary patch literal 6148 zcmeHK%SuBr5Iv(^TyfK-%X~qhJD0K4g=>F6tN4Jzh5A_MPy9Z=LeD&u7K1xQWCkW@ znw&{;4>ZXDkj2yW9GC(a=!&92$F#dUv=`)kqSzcWJm49(XY28*Gtpn{(!CG3!990= zhpqju*5is}D$FbW_$|!%BiZVG{s}oVr!xW$@Q4jAzggjhtohaomX=K_kP4&%sX!|5 zBMR`&RvQi-vrPq3fmGmA0X-iIU9ko>M>{&$SP4L!u-lBWKAAPA1lGXj$Pt=&D$!FV zN(}LI_Ltz*z~<=bkSIPRR{khn#8&70#psagm~ASM3hXMNwJ&X|_x~yXGTkEIDA}X} zslb0#Kqkxc<$_-qck7q$)VsFOFX(E@YZ}lP?>qwdL(h>T8}#v_F?ltxIqEFhZ|TH* N2$&$*qyoR7z&o60Icfj^ literal 0 HcmV?d00001 diff --git a/images/fish.svg b/images/fish.svg new file mode 100644 index 0000000..5d664d4 --- /dev/null +++ b/images/fish.svg @@ -0,0 +1,292 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/images/trash.svg b/images/trash.svg new file mode 100644 index 0000000..44221a2 --- /dev/null +++ b/images/trash.svg @@ -0,0 +1,130 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/index.html b/public/index.html index 72acfc6..f8909e9 100644 --- a/public/index.html +++ b/public/index.html @@ -12,6 +12,14 @@ + +
+
+
+
+ + +

Scene 1

diff --git a/public/index.js b/public/index.js index 71a8b27..9132a6c 100644 --- a/public/index.js +++ b/public/index.js @@ -1,24 +1,15 @@ -document.addEventListener("DOMContentLoaded", () => { - const observerOptions = { - root: null, - rootMargin: "0px", - threshold: 0.25, - }; - - const observerCallback = (entries, observer) => { - entries.forEach((entry) => { - if (entry.isIntersecting) { - entry.target.querySelector(".scroll-section__content").classList.add("scroll-section__content--visible"); - } else { - entry.target.querySelector(".scroll-section__content").classList.remove("scroll-section__content--visible"); - } - }); - }; - - const observer = new IntersectionObserver(observerCallback, observerOptions); - const sections = document.querySelectorAll(".scroll-section"); - - sections.forEach((section) => { - observer.observe(section); +const callback = (entries, observer) => { + entries.forEach(entry => { + if (entry.isIntersecting) { + document.body.style.backgroundColor = entry.target.dataset.color; + } }); -}); \ No newline at end of file + }; + + const changes = document.querySelectorAll('.change'); + + const observer = new IntersectionObserver(callback, { threshold: .5 }); + + changes.forEach(change => { + observer.observe(change); + }); \ No newline at end of file diff --git a/src/sass/_root.scss b/src/sass/_root.scss index 0024448..bad6fff 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -1,46 +1,33 @@ -body { - font-family: Arial, sans-serif; - margin: 0; - padding: 0; -} -.scroll-section { - min-height: 100vh; - display: flex; - justify-content: center; - align-items: center; - position: relative; - overflow: hidden; +body { + transition: .5s background-color; + background-color: aqua; } -.scroll-section__content { - opacity: 0; - transform: translateY(50px); - transition: all 1s ease-out; -} -.scroll-section__content--visible { - opacity: 1; - transform: translateY(0); +.change-1 { + position:absolute; + width: 100px; + height: 100px; } -.scroll-section__polar-bear { - opacity: 0; - transform: translateY(50px); - transition: all 1s ease-out; +.change-2 { + position:absolute; + width: 100px; + height: 100px; + margin-top: 1440px; } -.scroll-section__polar-bear--visible { - opacity: 1; - transform: translateY(0); - animation: polarBearAnimation 3s infinite alternate; +.change-3 { + position:absolute; + width: 100px; + height: 100px; + margin-top: 2880px; } -@keyframes polarBearAnimation { - 0% { - transform: translateY(0) scale(1); - } - 100% { - transform: translateY(-10px) scale(1.1); - } +.change-4 { + position:absolute; + width: 100px; + height: 100px; + margin-top: 4320px; } \ No newline at end of file diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index b11f785..b9882d1 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -1,3 +1,4 @@ +<<<<<<< Updated upstream /* scene 1 ------------------------------------------------ THE BEGINNING: @@ -15,4 +16,7 @@ THE BEGINNING: margin: 20px; width: 400px; } -} \ No newline at end of file +} +======= +/* scene 1 ------------------------------------------------*/ +>>>>>>> Stashed changes diff --git a/src/sass/style.css b/src/sass/style.css index a11605b..f6aeba7 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -1,36 +1,37 @@ @charset "UTF-8"; body { - font-family: Arial, sans-serif; - margin: 0; - padding: 0; + transition: 0.5s background-color; + background-color: aqua; } -.scroll-section { - min-height: 100vh; - display: flex; - justify-content: center; - align-items: center; - position: relative; - overflow: hidden; +.change-1 { + position: absolute; + width: 100px; + height: 100px; } -.scroll-section__content { - opacity: 0; - transform: translateY(50px); - transition: all 1s ease-out; +.change-2 { + position: absolute; + width: 100px; + height: 100px; + margin-top: 1440px; } -.scroll-section__content--visible { - opacity: 1; - transform: translateY(0); +.change-3 { + position: absolute; + width: 100px; + height: 100px; + margin-top: 2880px; } -.scroll-section__polar-bear { - opacity: 0; - transform: translateY(50px); - transition: all 1s ease-out; +.change-4 { + position: absolute; + width: 100px; + height: 100px; + margin-top: 4320px; } +<<<<<<< Updated upstream .scroll-section__polar-bear--visible { opacity: 1; transform: translateY(0); @@ -61,6 +62,9 @@ THE BEGINNING: } /* scene 2 +======= +/* scene 1 ------------------------------------------------*/ /* scene 2 +>>>>>>> Stashed changes ------------------------------------------------ MIDDLE • Facts come up while It's sinking. diff --git a/src/sass/style.css.map b/src/sass/style.css.map index a2ef9dc..8fcbb40 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1,5 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACI,8BAAA;EACA,SAAA;EACA,UAAA;ADEJ;;ACCA;EACI,iBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;ADEJ;;ACCA;EACI,UAAA;EACA,2BAAA;EACA,2BAAA;ADEJ;;ACCA;EACI,UAAA;EACA,wBAAA;ADEJ;;ACCA;EACI,UAAA;EACA,2BAAA;EACA,2BAAA;ADEJ;;ACCA;EACI,UAAA;EACA,wBAAA;EACA,mDAAA;ADEJ;;ACCA;EACI;IACI,iCAAA;EDEN;ECAE;IACI,uCAAA;EDEN;AACF;AE9CA;;;;;;CAAA;AASA;EACI,aAAA;AF8CJ;AE3CA;EACI,YAAA;EACA,YAAA;AF6CJ;;AG5DA;;;;;;CAAA;AAQI;EACI,aAAA;AH8DR;AG5DI;EACI,YAAA;EACA,YAAA;AH8DR;AG5DI;EACI,YAAA;EACA,YAAA;AH8DR;;AI/EA;;;;;;CAAA;AAQA;EACI,aAAA;AJiFJ","file":"style.css"} \ No newline at end of file +<<<<<<< Updated upstream +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACI,8BAAA;EACA,SAAA;EACA,UAAA;ADEJ;;ACCA;EACI,iBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;ADEJ;;ACCA;EACI,UAAA;EACA,2BAAA;EACA,2BAAA;ADEJ;;ACCA;EACI,UAAA;EACA,wBAAA;ADEJ;;ACCA;EACI,UAAA;EACA,2BAAA;EACA,2BAAA;ADEJ;;ACCA;EACI,UAAA;EACA,wBAAA;EACA,mDAAA;ADEJ;;ACCA;EACI;IACI,iCAAA;EDEN;ECAE;IACI,uCAAA;EDEN;AACF;AE9CA;;;;;;CAAA;AASA;EACI,aAAA;AF8CJ;AE3CA;EACI,YAAA;EACA,YAAA;AF6CJ;;AG5DA;;;;;;CAAA;AAQI;EACI,aAAA;AH8DR;AG5DI;EACI,YAAA;EACA,YAAA;AH8DR;AG5DI;EACI,YAAA;EACA,YAAA;AH8DR;;AI/EA;;;;;;CAAA;AAQA;EACI,aAAA;AJiFJ","file":"style.css"} +======= +{"version":3,"sources":["_root.scss","style.css","_scene1.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"AACA;EACI,iCAAA;EACA,sBAAA;ACAJ;;ADIA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;ACDJ;;ADIA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ACDJ;;ADIA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ACDJ;;ADIA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ACDJ;;AC9BA,4DAAA,EAAA;;CAAA;ACAA;;CAAA;ACAA;;CAAA","file":"style.css"} +>>>>>>> Stashed changes From 043ea4a11b2dcaf773fd153d4846a1e3a5af2d31 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Wed, 26 Apr 2023 14:49:32 +0200 Subject: [PATCH 05/88] hei hei9 --- public/index.html | 4 ++-- src/sass/_root.scss | 53 ++++++++++++++++++++++----------------------- src/sass/style.css | 20 +++++++---------- 3 files changed, 36 insertions(+), 41 deletions(-) diff --git a/public/index.html b/public/index.html index f8909e9..91405aa 100644 --- a/public/index.html +++ b/public/index.html @@ -15,8 +15,8 @@
-
-
+
+
diff --git a/src/sass/_root.scss b/src/sass/_root.scss index bad6fff..5681e9d 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -1,33 +1,32 @@ -body { - transition: .5s background-color; - background-color: aqua; -} +// body { +// transition: .5s background-color; +// } -.change-1 { - position:absolute; - width: 100px; - height: 100px; -} +// .change-1 { +// position: absolute; +// width: 100px; +// height: 1600px; +// } -.change-2 { - position:absolute; - width: 100px; - height: 100px; - margin-top: 1440px; -} +// .change-2 { +// position: absolute; +// width: 1000px; +// height: 1500px; +// margin-top: 3540px; +// } -.change-3 { - position:absolute; - width: 100px; - height: 100px; - margin-top: 2880px; -} +// .change-3 { +// position: absolute; +// width: 1000px; +// height: 1500px; +// margin-top: 4080px; +// } -.change-4 { - position:absolute; - width: 100px; - height: 100px; - margin-top: 4320px; -} \ No newline at end of file +// .change-4 { +// position: absolute; +// width: 1000px; +// height: 2000px; +// margin-top: 6000px; +// } \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index f6aeba7..92bcaef 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -1,34 +1,30 @@ @charset "UTF-8"; body { transition: 0.5s background-color; - background-color: aqua; } .change-1 { position: absolute; - width: 100px; - height: 100px; + height: 3000px; } .change-2 { position: absolute; - width: 100px; - height: 100px; - margin-top: 1440px; + height: 2000px; + margin-top: 3000px; } .change-3 { position: absolute; - width: 100px; - height: 100px; - margin-top: 2880px; + height: 2000px; + margin-top: 5000px; } .change-4 { position: absolute; - width: 100px; - height: 100px; - margin-top: 4320px; + width: 1000px; + height: 2000px; + margin-top: 7000px; } <<<<<<< Updated upstream From ae4f08145d67ec345f498167593c085f70eee267 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Thu, 27 Apr 2023 13:34:55 +0200 Subject: [PATCH 06/88] bla bla --- public/index.html | 8 +++---- src/sass/_root.scss | 50 +++++++++++++++++++++---------------------- src/sass/_scene2.scss | 15 ++++++++----- src/sass/_scene3.scss | 1 + src/sass/style.css | 9 ++++---- 5 files changed, 43 insertions(+), 40 deletions(-) diff --git a/public/index.html b/public/index.html index 91405aa..d5ab103 100644 --- a/public/index.html +++ b/public/index.html @@ -14,8 +14,8 @@
-
-
+
+
@@ -49,13 +49,13 @@

Scene 2

The world is already 1.1° C (1.9° F) hotter than it was between 1850 and 1900, the pre-industrial era. - And while there’s no question that limiting warming to 1.5° C + And while there’s no question that limiting warming to 1.5° C will be difficult, there’s also no question that we have the technology needed to do it—and that every tenth of a degree matters.

As the earth continues to warm, crucial habitats may no longer be hospitable - for certain animals or plants. + for certain animals or plants. This puts a variety of species at risk, depending on whether they can adapt or move.

diff --git a/src/sass/_root.scss b/src/sass/_root.scss index 5681e9d..5586ba9 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -1,32 +1,30 @@ -// body { -// transition: .5s background-color; -// } -// .change-1 { -// position: absolute; -// width: 100px; -// height: 1600px; -// } -// .change-2 { -// position: absolute; -// width: 1000px; -// height: 1500px; -// margin-top: 3540px; -// } +.change-1 { + position: absolute; + width: 100px; + height: 1600px; +} -// .change-3 { -// position: absolute; -// width: 1000px; -// height: 1500px; -// margin-top: 4080px; -// } +.change-2 { + position: absolute; + width: 1000px; + height: 1500px; + margin-top: 3540px; +} -// .change-4 { -// position: absolute; -// width: 1000px; -// height: 2000px; -// margin-top: 6000px; -// } \ No newline at end of file +.change-3 { + position: absolute; + width: 1000px; + height: 1500px; + margin-top: 4080px; +} + +.change-4 { + position: absolute; + width: 1000px; + height: 2000px; + margin-top: 6000px; +} \ No newline at end of file diff --git a/src/sass/_scene2.scss b/src/sass/_scene2.scss index 6fd9647..4921918 100644 --- a/src/sass/_scene2.scss +++ b/src/sass/_scene2.scss @@ -5,16 +5,21 @@ MIDDLE • Soon the iceberg is melted, the polo bear sinks down under water. • We can also see plastic, toxic waste, dying see life, biohazard sign. */ + .scroll-section { + &--scene2 { - display: grid; + display: grid; + margin-top:1440px; } + &__globalwarmingfacts { - margin: 20px; - width: 400px; + margin: 20px; + width: 400px; } + &__globalwarmingfacts2 { - margin: 20px; - width: 400px; + margin: 20px; + width: 400px; } } \ No newline at end of file diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index efd13f2..80834e7 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -8,4 +8,5 @@ END .scroll-section--scene1 { display: grid; + } \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index 92bcaef..a45169c 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -1,6 +1,6 @@ @charset "UTF-8"; body { - transition: 0.5s background-color; + transition: 2s background-color; } .change-1 { @@ -10,22 +10,21 @@ body { .change-2 { position: absolute; - height: 2000px; + height: 3000px; margin-top: 3000px; } .change-3 { position: absolute; height: 2000px; - margin-top: 5000px; + margin-top: 6000px; } - .change-4 { position: absolute; width: 1000px; height: 2000px; margin-top: 7000px; -} +} <<<<<<< Updated upstream .scroll-section__polar-bear--visible { From 7159f252f425a7f74fd1ebfd8a98966f7c75ab07 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Thu, 27 Apr 2023 15:31:24 +0200 Subject: [PATCH 07/88] Hei --- .DS_Store | Bin 6148 -> 6148 bytes images/.DS_Store | Bin 6148 -> 6148 bytes images/big-fish.svg | 258 +++++++++++++++++++++++++++++++++++ images/cluster-fish.svg | 220 ++++++++++++++++++++++++++++++ images/fish.svg | 292 ---------------------------------------- images/small-fish.svg | 185 +++++++++++++++++++++++++ public/index.html | 37 +++-- src/sass/_root.scss | 5 +- src/sass/_scene2.scss | 16 ++- src/sass/style.css | 2 + 10 files changed, 705 insertions(+), 310 deletions(-) create mode 100644 images/big-fish.svg create mode 100644 images/cluster-fish.svg delete mode 100644 images/fish.svg create mode 100644 images/small-fish.svg diff --git a/.DS_Store b/.DS_Store index 1ffd8d2faded060022de7187e313b5f2834a46d5..277d95455cdf3b6542827033e61ab7a183d031c3 100644 GIT binary patch delta 46 zcmZoMXffCj%)+>RatKQymw0uxp|OsFiLv423oO!%os-|N$TN0r=3)KKw3&_LA3p$8 C%MPmm delta 47 zcmZoMXffCj%)+>1atKQyw?uWdp|O#Ug0YF| diff --git a/images/.DS_Store b/images/.DS_Store index 7955238af3784556373b6276c8a8d2a89a03e463..3eb075ea2370223886c0fbac00a7497211a74d39 100644 GIT binary patch delta 164 zcmZoMXfc@JFUrEez`)4BAi%(o#*oQS%#gvL$51?ZA>(phkPHt)5>PaqL3gqMqnr|B zDNxAnKNJAj0u0FvISi#hZ6yq;3`JmN^0L2xGPX#n_<-`c42eLMIS_;R7;giWIKq@n Z&S6yLo(&YSfrxBg$SBUXnVsV=KLCJFHf;a^ delta 117 zcmZoMXfc@JFUrioz`)4BAi%(&$56~r#*prrlb<~KBja*bkPOG<2u69ymq3=qe<%Qn wGUNl*0`cSoMsZ$8poktsl7V6J0Y+8c`9KjvnEK5h8O7KpHUw{G=lIJH03T5*eE + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/images/cluster-fish.svg b/images/cluster-fish.svg new file mode 100644 index 0000000..8ed32c1 --- /dev/null +++ b/images/cluster-fish.svg @@ -0,0 +1,220 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/images/fish.svg b/images/fish.svg deleted file mode 100644 index 5d664d4..0000000 --- a/images/fish.svg +++ /dev/null @@ -1,292 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/images/small-fish.svg b/images/small-fish.svg new file mode 100644 index 0000000..a97b700 --- /dev/null +++ b/images/small-fish.svg @@ -0,0 +1,185 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/index.html b/public/index.html index d5ab103..4581e59 100644 --- a/public/index.html +++ b/public/index.html @@ -9,6 +9,7 @@ rel="stylesheet"> Assignment_3 group_9 + @@ -25,23 +26,26 @@

Scene 1

Content for scene 1...

- “We need to change course if we want to stop further habitat loss - and ensure resilient wildlife populations, - both in the Arctic and around the world.” - Margaret Williams - Managing Director, WWFs Arctic Program + “We need to change course if we want to stop further habitat loss + and ensure resilient wildlife populations, + both in the Arctic and around the world.” + Margaret Williams + Managing Director, WWFs Arctic Program +
-

Today’s study, published in Ecological Applications, - analyzed data on polar bears in northeast Alaska and the Northwest Territories - and documented a 40 percent population loss between 2001-2010 from 1,500 to 900 - bears.

+

Today’s study, published in Ecological Applications, + analyzed data on polar bears in northeast Alaska and the Northwest Territories + and documented a 40 percent population loss between 2001-2010 from 1,500 to 900 + bears. +

+

Scene 2

@@ -51,16 +55,20 @@

Scene 2

than it was between 1850 and 1900, the pre-industrial era. And while there’s no question that limiting warming to 1.5° C will be difficult, there’s also no question that we have the - technology needed to do it—and that every tenth of a degree matters.

-
+ technology needed to do it—and that every tenth of a degree matters. +

+

As the earth continues to warm, crucial habitats may no longer be hospitable for certain animals or plants. This puts a variety of species at risk, - depending on whether they can adapt or move.

+ depending on whether they can adapt or move. +

+ small-fish
+

Scene 3

@@ -72,11 +80,12 @@

Scene 3

(This is 10 times the emissions from the average person in India, for example.) It’s important for our communities, cities, states, and country to tackle the climate crisis. - Here are a few ways they can take action:

+ Here are a few ways they can take action: +

- + \ No newline at end of file diff --git a/src/sass/_root.scss b/src/sass/_root.scss index 5586ba9..e46188d 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -1,7 +1,5 @@ - - .change-1 { position: absolute; width: 100px; @@ -27,4 +25,5 @@ width: 1000px; height: 2000px; margin-top: 6000px; -} \ No newline at end of file +} + diff --git a/src/sass/_scene2.scss b/src/sass/_scene2.scss index 4921918..bbfa950 100644 --- a/src/sass/_scene2.scss +++ b/src/sass/_scene2.scss @@ -22,4 +22,18 @@ MIDDLE margin: 20px; width: 400px; } -} \ No newline at end of file +} + +.small__fish{ + animation: fish-animation 10s infinite; +} + +@keyframes fish-animation{ + from { + transform: translateX(1300px); + } + to { + transform: translateX(-2000px); + } +} + diff --git a/src/sass/style.css b/src/sass/style.css index a45169c..da5fa16 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -78,6 +78,8 @@ MIDDLE width: 400px; } + + /* scene 3 ------------------------------------------------ END From 4a91a6d7578e0636508de1969d116c536ae2773b Mon Sep 17 00:00:00 2001 From: maheggh Date: Sun, 30 Apr 2023 16:37:28 +0200 Subject: [PATCH 08/88] Images added some images for cloud, deadfish, oceanfloor, seaweed --- images/SVG/cloud1.svg | 1 + images/SVG/cloud2.svg | 1 + images/SVG/cloud3.svg | 1 + images/SVG/cloud4.svg | 1 + images/SVG/cloud5.svg | 1 + images/SVG/cloud6.svg | 1 + images/SVG/cloud7.svg | 1 + images/SVG/deadfish 1.svg | 1 + images/SVG/deadfish 2.svg | 1 + images/SVG/oceanfloor.svg | 1 + images/SVG/seaweed1.svg | 1 + images/SVG/seaweed2.svg | 1 + public/index.html | 11 +++++++++++ src/sass/_scene1.scss | 3 --- 14 files changed, 23 insertions(+), 3 deletions(-) create mode 100644 images/SVG/cloud1.svg create mode 100644 images/SVG/cloud2.svg create mode 100644 images/SVG/cloud3.svg create mode 100644 images/SVG/cloud4.svg create mode 100644 images/SVG/cloud5.svg create mode 100644 images/SVG/cloud6.svg create mode 100644 images/SVG/cloud7.svg create mode 100644 images/SVG/deadfish 1.svg create mode 100644 images/SVG/deadfish 2.svg create mode 100644 images/SVG/oceanfloor.svg create mode 100644 images/SVG/seaweed1.svg create mode 100644 images/SVG/seaweed2.svg diff --git a/images/SVG/cloud1.svg b/images/SVG/cloud1.svg new file mode 100644 index 0000000..1e3e99c --- /dev/null +++ b/images/SVG/cloud1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/SVG/cloud2.svg b/images/SVG/cloud2.svg new file mode 100644 index 0000000..6940c16 --- /dev/null +++ b/images/SVG/cloud2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/SVG/cloud3.svg b/images/SVG/cloud3.svg new file mode 100644 index 0000000..b283968 --- /dev/null +++ b/images/SVG/cloud3.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/SVG/cloud4.svg b/images/SVG/cloud4.svg new file mode 100644 index 0000000..43259cb --- /dev/null +++ b/images/SVG/cloud4.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/SVG/cloud5.svg b/images/SVG/cloud5.svg new file mode 100644 index 0000000..ebbb530 --- /dev/null +++ b/images/SVG/cloud5.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/SVG/cloud6.svg b/images/SVG/cloud6.svg new file mode 100644 index 0000000..2cbc74e --- /dev/null +++ b/images/SVG/cloud6.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/SVG/cloud7.svg b/images/SVG/cloud7.svg new file mode 100644 index 0000000..f7ee785 --- /dev/null +++ b/images/SVG/cloud7.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/SVG/deadfish 1.svg b/images/SVG/deadfish 1.svg new file mode 100644 index 0000000..1b5dd6d --- /dev/null +++ b/images/SVG/deadfish 1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/SVG/deadfish 2.svg b/images/SVG/deadfish 2.svg new file mode 100644 index 0000000..ec0a218 --- /dev/null +++ b/images/SVG/deadfish 2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/SVG/oceanfloor.svg b/images/SVG/oceanfloor.svg new file mode 100644 index 0000000..c32ecfd --- /dev/null +++ b/images/SVG/oceanfloor.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/SVG/seaweed1.svg b/images/SVG/seaweed1.svg new file mode 100644 index 0000000..fe3feaf --- /dev/null +++ b/images/SVG/seaweed1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/SVG/seaweed2.svg b/images/SVG/seaweed2.svg new file mode 100644 index 0000000..5bad280 --- /dev/null +++ b/images/SVG/seaweed2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/index.html b/public/index.html index f8909e9..49be88a 100644 --- a/public/index.html +++ b/public/index.html @@ -65,6 +65,17 @@

Scene 2

Scene 3

Content for scene 3...

+ + + +

The average US citizen emits 20 tons of greenhouse gas emissions per year, diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index b9882d1..f35d177 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -1,4 +1,3 @@ -<<<<<<< Updated upstream /* scene 1 ------------------------------------------------ THE BEGINNING: @@ -17,6 +16,4 @@ THE BEGINNING: width: 400px; } } -======= /* scene 1 ------------------------------------------------*/ ->>>>>>> Stashed changes From e146ebf299741ad640e89697a3362cbfff460bd1 Mon Sep 17 00:00:00 2001 From: maheggh Date: Sun, 30 Apr 2023 19:17:54 +0200 Subject: [PATCH 09/88] moved svg moved all the svg to main image folder, and added styling for scene 3 --- images/{SVG => }/cloud1.svg | 0 images/{SVG => }/cloud2.svg | 0 images/{SVG => }/cloud3.svg | 0 images/{SVG => }/cloud4.svg | 0 images/{SVG => }/cloud5.svg | 0 images/{SVG => }/cloud6.svg | 0 images/{SVG => }/cloud7.svg | 0 images/{SVG => }/deadfish 1.svg | 0 images/{SVG => }/deadfish 2.svg | 0 images/{SVG => }/oceanfloor.svg | 0 images/{SVG => }/seaweed1.svg | 0 images/{SVG => }/seaweed2.svg | 0 public/index.html | 72 +++++++++++-------------------- src/sass/_scene3.scss | 57 ++++++++++++++++++++++++- src/sass/style.css | 75 ++++++++++++++++++++++++--------- src/sass/style.css.map | 6 +-- 16 files changed, 137 insertions(+), 73 deletions(-) rename images/{SVG => }/cloud1.svg (100%) rename images/{SVG => }/cloud2.svg (100%) rename images/{SVG => }/cloud3.svg (100%) rename images/{SVG => }/cloud4.svg (100%) rename images/{SVG => }/cloud5.svg (100%) rename images/{SVG => }/cloud6.svg (100%) rename images/{SVG => }/cloud7.svg (100%) rename images/{SVG => }/deadfish 1.svg (100%) rename images/{SVG => }/deadfish 2.svg (100%) rename images/{SVG => }/oceanfloor.svg (100%) rename images/{SVG => }/seaweed1.svg (100%) rename images/{SVG => }/seaweed2.svg (100%) diff --git a/images/SVG/cloud1.svg b/images/cloud1.svg similarity index 100% rename from images/SVG/cloud1.svg rename to images/cloud1.svg diff --git a/images/SVG/cloud2.svg b/images/cloud2.svg similarity index 100% rename from images/SVG/cloud2.svg rename to images/cloud2.svg diff --git a/images/SVG/cloud3.svg b/images/cloud3.svg similarity index 100% rename from images/SVG/cloud3.svg rename to images/cloud3.svg diff --git a/images/SVG/cloud4.svg b/images/cloud4.svg similarity index 100% rename from images/SVG/cloud4.svg rename to images/cloud4.svg diff --git a/images/SVG/cloud5.svg b/images/cloud5.svg similarity index 100% rename from images/SVG/cloud5.svg rename to images/cloud5.svg diff --git a/images/SVG/cloud6.svg b/images/cloud6.svg similarity index 100% rename from images/SVG/cloud6.svg rename to images/cloud6.svg diff --git a/images/SVG/cloud7.svg b/images/cloud7.svg similarity index 100% rename from images/SVG/cloud7.svg rename to images/cloud7.svg diff --git a/images/SVG/deadfish 1.svg b/images/deadfish 1.svg similarity index 100% rename from images/SVG/deadfish 1.svg rename to images/deadfish 1.svg diff --git a/images/SVG/deadfish 2.svg b/images/deadfish 2.svg similarity index 100% rename from images/SVG/deadfish 2.svg rename to images/deadfish 2.svg diff --git a/images/SVG/oceanfloor.svg b/images/oceanfloor.svg similarity index 100% rename from images/SVG/oceanfloor.svg rename to images/oceanfloor.svg diff --git a/images/SVG/seaweed1.svg b/images/seaweed1.svg similarity index 100% rename from images/SVG/seaweed1.svg rename to images/seaweed1.svg diff --git a/images/SVG/seaweed2.svg b/images/seaweed2.svg similarity index 100% rename from images/SVG/seaweed2.svg rename to images/seaweed2.svg diff --git a/public/index.html b/public/index.html index 49be88a..fe9e785 100644 --- a/public/index.html +++ b/public/index.html @@ -19,53 +19,7 @@

- -
-
-

Scene 1

-

Content for scene 1...

-
- “We need to change course if we want to stop further habitat loss - and ensure resilient wildlife populations, - both in the Arctic and around the world.” - Margaret Williams - Managing Director, WWFs Arctic Program -
-
-

Today’s study, published in Ecological Applications, - analyzed data on polar bears in northeast Alaska and the Northwest Territories - and documented a 40 percent population loss between 2001-2010 from 1,500 to 900 - bears.

-
-
- -
-
-
-
-
-

Scene 2

-

Content for scene 2...

-
-

The world is already 1.1° C (1.9° F) hotter - than it was between 1850 and 1900, the pre-industrial era. - And while there’s no question that limiting warming to 1.5° C - will be difficult, there’s also no question that we have the - technology needed to do it—and that every tenth of a degree matters.

-
-
-

As the earth continues to warm, crucial habitats may no longer be hospitable - for certain animals or plants. - This puts a variety of species at risk, - depending on whether they can adapt or move.

-
-
-
-
-
-

Scene 3

-

Content for scene 3...

- +
+
+
+

Scene 3

+

Content for scene 3...

- +
+ dead fish on the ocean floor +
+
+ dead fish on the ocean floor +
+
+ dead fish on the ocean floor +
+
+ dead fish on the ocean floor +
+
+ dead fish on the ocean floor +
+
+ dead fish on the ocean floor +

diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index efd13f2..bb2f25b 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -5,7 +5,62 @@ END • Text comes up. • ….. */ +.scroll-section { -.scroll-section--scene1 { +/*The whole scene*/ +&--scene3 { display: grid; +} +/*infotext*/ +&__howtofix { + font-size: 25px; + z-index: 1; + width: 500px; + color: red; + position: absolute; + top: 25%; + left: 25%; +} +/*deadfish 1*/ +&__img1 { + width: 250px; + position: absolute; + z-index: 1; + transform: translate(1000px, 620px); +} +/*deadfish 2*/ +&__img2 { + width: 500px; + position: absolute; + z-index: 1; + transform: translate(100px, 600px); +} +/*seaweed 1*/ +&__img3 { + width: 400px; + position: absolute; + z-index: 1; + transform: translate(1700px, 200px); + +} +/*seaweed 2*/ +&__img4 { + width: 200px; + position: absolute; + z-index: 1; + transform: translate(42px, 100px); +} +/*oceanfloor*/ +&__img5 { + width: 100vw; + position: absolute; + transform: translate(-30px, 600px); +} +/*extra dead fish*/ +&__img6 { + width: 400px; + margin-bottom: 0; + position: absolute; + transform: rotate(180deg) translate(-1000px, -700px); +} } \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index f6aeba7..6c5c079 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -31,21 +31,6 @@ body { margin-top: 4320px; } -<<<<<<< Updated upstream -.scroll-section__polar-bear--visible { - opacity: 1; - transform: translateY(0); - animation: polarBearAnimation 3s infinite alternate; -} - -@keyframes polarBearAnimation { - 0% { - transform: translateY(0) scale(1); - } - 100% { - transform: translateY(-10px) scale(1.1); - } -} /* scene 1 ------------------------------------------------ THE BEGINNING: @@ -61,10 +46,8 @@ THE BEGINNING: width: 400px; } +/* scene 1 ------------------------------------------------*/ /* scene 2 -======= -/* scene 1 ------------------------------------------------*/ /* scene 2 ->>>>>>> Stashed changes ------------------------------------------------ MIDDLE • Facts come up while It's sinking. @@ -90,6 +73,60 @@ END • Text comes up. • ….. */ -.scroll-section--scene1 { +.scroll-section { + /*The whole scene*/ + /*infotext*/ + /*deadfish 1*/ + /*deadfish 2*/ + /*seaweed 1*/ + /*seaweed 2*/ + /*oceanfloor*/ + /*extra dead fish*/ +} +.scroll-section--scene3 { display: grid; +} +.scroll-section__howtofix { + font-size: 25px; + z-index: 1; + width: 500px; + color: red; + position: absolute; + top: 25%; + left: 25%; +} +.scroll-section__img1 { + width: 250px; + position: absolute; + z-index: 1; + transform: translate(1000px, 620px); +} +.scroll-section__img2 { + width: 500px; + position: absolute; + z-index: 1; + transform: translate(100px, 600px); +} +.scroll-section__img3 { + width: 400px; + position: absolute; + z-index: 1; + transform: translate(1700px, 200px); +} +.scroll-section__img4 { + width: 200px; + position: absolute; + z-index: 1; + transform: translate(42px, 100px); +} +.scroll-section__img5 { + width: 100vw; + position: absolute; + transform: translate(-30px, 600px); +} +.scroll-section__img6 { + width: 400px; + margin-bottom: 0; + position: absolute; + transform: rotate(180deg) translate(-1000px, -700px); }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 8fcbb40..52febb1 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1,5 +1 @@ -<<<<<<< Updated upstream -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACI,8BAAA;EACA,SAAA;EACA,UAAA;ADEJ;;ACCA;EACI,iBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;ADEJ;;ACCA;EACI,UAAA;EACA,2BAAA;EACA,2BAAA;ADEJ;;ACCA;EACI,UAAA;EACA,wBAAA;ADEJ;;ACCA;EACI,UAAA;EACA,2BAAA;EACA,2BAAA;ADEJ;;ACCA;EACI,UAAA;EACA,wBAAA;EACA,mDAAA;ADEJ;;ACCA;EACI;IACI,iCAAA;EDEN;ECAE;IACI,uCAAA;EDEN;AACF;AE9CA;;;;;;CAAA;AASA;EACI,aAAA;AF8CJ;AE3CA;EACI,YAAA;EACA,YAAA;AF6CJ;;AG5DA;;;;;;CAAA;AAQI;EACI,aAAA;AH8DR;AG5DI;EACI,YAAA;EACA,YAAA;AH8DR;AG5DI;EACI,YAAA;EACA,YAAA;AH8DR;;AI/EA;;;;;;CAAA;AAQA;EACI,aAAA;AJiFJ","file":"style.css"} -======= -{"version":3,"sources":["_root.scss","style.css","_scene1.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"AACA;EACI,iCAAA;EACA,sBAAA;ACAJ;;ADIA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;ACDJ;;ADIA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ACDJ;;ADIA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ACDJ;;ADIA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ACDJ;;AC9BA,4DAAA,EAAA;;CAAA;ACAA;;CAAA;ACAA;;CAAA","file":"style.css"} ->>>>>>> Stashed changes +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,iCAAA;EACA,sBAAA;ADCJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ADAJ;;AE/BA;;;;;;CAAA;AASA;EACI,aAAA;AFgCJ;AE7BA;EACI,YAAA;EACA,YAAA;AF+BJ;;AE5BA,4DAAA;AClBA;;;;;;CAAA;AAQI;EACI,aAAA;AHiDR;AG/CI;EACI,YAAA;EACA,YAAA;AHiDR;AG/CI;EACI,YAAA;EACA,YAAA;AHiDR;;AIlEA;;;;;;CAAA;AAOA;EAEA,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJ0BA;AI1EA;EACI,aAAA;AJ4EJ;AIzEA;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJ2EJ;AIxEA;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ0EJ;AIvEA;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJyEJ;AItEA;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJwEJ;AIpEA;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJsEJ;AInEA;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJqEJ;AIlEA;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,oDAAA;AJoEJ","file":"style.css"} \ No newline at end of file From f354bec8dfbda4b836c7ca11b1922fe12653b78e Mon Sep 17 00:00:00 2001 From: maheggh Date: Sun, 30 Apr 2023 23:00:16 +0200 Subject: [PATCH 10/88] Update style.css yes --- src/sass/style.css | 53 +++++++++++++++++++++++++++------------------- 1 file changed, 31 insertions(+), 22 deletions(-) diff --git a/src/sass/style.css b/src/sass/style.css index 6c5c079..0bec424 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -74,59 +74,68 @@ END • ….. */ .scroll-section { - /*The whole scene*/ - /*infotext*/ - /*deadfish 1*/ - /*deadfish 2*/ - /*seaweed 1*/ - /*seaweed 2*/ - /*oceanfloor*/ - /*extra dead fish*/ -} + .scroll-section--scene3 { - display: grid; + position: relative; } + .scroll-section__howtofix { font-size: 25px; z-index: 1; - width: 500px; + width: 50%; color: red; position: absolute; top: 25%; left: 25%; } + .scroll-section__img1 { width: 250px; position: absolute; z-index: 1; - transform: translate(1000px, 620px); + bottom: 0; + left: 700px; } + .scroll-section__img2 { - width: 500px; + width: 300px; position: absolute; z-index: 1; - transform: translate(100px, 600px); + bottom: 100px; + left: 1000px; } + .scroll-section__img3 { - width: 400px; + max-width: 400px; + width: 300px; position: absolute; z-index: 1; - transform: translate(1700px, 200px); + bottom: 200px; + left: 1200px; } + .scroll-section__img4 { width: 200px; + margin-bottom: 200px; position: absolute; z-index: 1; - transform: translate(42px, 100px); + bottom: 0; + left: 0; } + .scroll-section__img5 { - width: 100vw; + width: 1440px; position: absolute; - transform: translate(-30px, 600px); + bottom: 0; + left: 0; } + .scroll-section__img6 { width: 400px; - margin-bottom: 0; position: absolute; - transform: rotate(180deg) translate(-1000px, -700px); -}/*# sourceMappingURL=style.css.map */ \ No newline at end of file + z-index: 1; + bottom: 0; + left: 200px; + transform: rotate(180deg); +} +} \ No newline at end of file From 0ea54e4cb5e829447b644160d8c8081028520991 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Mon, 1 May 2023 15:44:56 +0200 Subject: [PATCH 11/88] fjernet public folder --- .DS_Store | Bin 6148 -> 6148 bytes public/index.html => index.html | 0 public/index.js => index.js | 0 3 files changed, 0 insertions(+), 0 deletions(-) rename public/index.html => index.html (100%) rename public/index.js => index.js (100%) diff --git a/.DS_Store b/.DS_Store index 277d95455cdf3b6542827033e61ab7a183d031c3..ffe05815338bb4464b7250117786a786531b470c 100644 GIT binary patch delta 163 zcmZoMXfc@J&&ahgU^g=(*JK_Rc}AbfIxPPZxfn7T@)%MWQW+{3^cXT2N*Hn(ay)bL zlaq4tlNcBn1c2BPh?o2a10aimfdfTP7DF+b`t``_C#$oXGVYoj%WBT3G5H{?0TUC; bZm1^( diff --git a/public/index.html b/index.html similarity index 100% rename from public/index.html rename to index.html diff --git a/public/index.js b/index.js similarity index 100% rename from public/index.js rename to index.js From 5baf4350114e7e1b61ca72b99f25044900f9abc8 Mon Sep 17 00:00:00 2001 From: maheggh <111765195+maheggh@users.noreply.github.com> Date: Mon, 1 May 2023 15:58:35 +0200 Subject: [PATCH 12/88] pushed from Martin branch Pushed changes from Martin Branch over to main --- src/sass/_scene3.scss | 56 ++++++++++++++++++++++++++++++++++++++++ src/sass/style.css | 59 +++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 115 insertions(+) diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index efd13f2..74cfd28 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -8,4 +8,60 @@ END .scroll-section--scene1 { display: grid; +<<<<<<< Updated upstream +======= +} +/*infotext*/ +&__howtofix { + font-size: 25px; + z-index: 1; + width: 500px; + color: red; + position: absolute; + top: 25%; + left: 25%; +} +/*deadfish 1*/ +&__img1 { + width: 250px; + position: absolute; + z-index: 1; + transform: translate(1000px, 620px); +} +/*deadfish 2*/ +&__img2 { + width: 500px; + position: absolute; + z-index: 1; + transform: translate(100px, 600px); +} +/*seaweed 1*/ +&__img3 { + width: 400px; + position: absolute; + z-index: 1; + transform: translate(1300px, 200px); + +} +/*seaweed 2*/ +&__img4 { + width: 200px; + position: absolute; + z-index: 1; + transform: translate(42px, 100px); +} +/*oceanfloor*/ +&__img5 { + width: 100vw; + position: absolute; + transform: translate(-30px, 600px); +} +/*extra dead fish*/ +&__img6 { + width: 400px; + margin-bottom: 0; + position: absolute; + transform: rotate(180deg) translate(-1000px, -700px); +} +>>>>>>> Stashed changes } \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index f6aeba7..a1f1c20 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -90,6 +90,65 @@ END • Text comes up. • ….. */ +<<<<<<< Updated upstream .scroll-section--scene1 { display: grid; +======= +.scroll-section { + /*The whole scene*/ + /*infotext*/ + /*deadfish 1*/ + /*deadfish 2*/ + /*seaweed 1*/ + /*seaweed 2*/ + /*oceanfloor*/ + /*extra dead fish*/ +} +.scroll-section--scene3 { + display: grid; +} +.scroll-section__howtofix { + font-size: 25px; + z-index: 1; + width: 500px; + color: red; + position: absolute; + top: 25%; + left: 25%; +} +.scroll-section__img1 { + width: 250px; + position: absolute; + z-index: 1; + transform: translate(1000px, 620px); +} +.scroll-section__img2 { + width: 500px; + position: absolute; + z-index: 1; + transform: translate(100px, 600px); +} +.scroll-section__img3 { + width: 400px; + position: absolute; + z-index: 1; + transform: translate(1300px, 200px); +} +.scroll-section__img4 { + width: 200px; + position: absolute; + z-index: 1; + transform: translate(42px, 100px); +} +.scroll-section__img5 { + width: 100vw; + position: absolute; + transform: translate(-30px, 600px); +} +.scroll-section__img6 { + width: 400px; + margin-bottom: 0; + position: absolute; + transform: rotate(180deg) translate(-1000px, -700px); +>>>>>>> Stashed changes }/*# sourceMappingURL=style.css.map */ \ No newline at end of file From 159b648e14a1e02a0aa4f9a57096b4be90448713 Mon Sep 17 00:00:00 2001 From: maheggh <111765195+maheggh@users.noreply.github.com> Date: Mon, 1 May 2023 16:15:36 +0200 Subject: [PATCH 13/88] pushed from Martin branch Pushed changes from Martin Branch over to main --- .vscode/settings.json | 5 ++++- src/sass/_scene1.scss | 20 +++++++++----------- src/sass/_scene3.scss | 5 +---- src/sass/style.css | 27 ++------------------------- src/sass/style.css.map | 6 +----- 5 files changed, 17 insertions(+), 46 deletions(-) diff --git a/.vscode/settings.json b/.vscode/settings.json index 6f3a291..250032a 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,3 +1,6 @@ { - "liveServer.settings.port": 5501 + "liveServer.settings.port": 5501, + "githubPullRequests.ignoredPullRequestBranches": [ + "main" + ] } \ No newline at end of file diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index b9882d1..da67426 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -1,4 +1,3 @@ -<<<<<<< Updated upstream /* scene 1 ------------------------------------------------ THE BEGINNING: @@ -8,15 +7,14 @@ THE BEGINNING: */ .scroll-section { -&--scene1 { - display: grid; -} -&__quote { - margin: 20px; - width: 400px; -} + &--scene1 { + display: grid; + } + + &__quote { + margin: 20px; + width: 400px; + } } -======= -/* scene 1 ------------------------------------------------*/ ->>>>>>> Stashed changes +/* scene 1 ------------------------------------------------*/ \ No newline at end of file diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index 74cfd28..36bd354 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -5,11 +5,9 @@ END • Text comes up. • ….. */ - +.scroll-section { .scroll-section--scene1 { display: grid; -<<<<<<< Updated upstream -======= } /*infotext*/ &__howtofix { @@ -63,5 +61,4 @@ END position: absolute; transform: rotate(180deg) translate(-1000px, -700px); } ->>>>>>> Stashed changes } \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index a1f1c20..f192b2d 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -31,21 +31,6 @@ body { margin-top: 4320px; } -<<<<<<< Updated upstream -.scroll-section__polar-bear--visible { - opacity: 1; - transform: translateY(0); - animation: polarBearAnimation 3s infinite alternate; -} - -@keyframes polarBearAnimation { - 0% { - transform: translateY(0) scale(1); - } - 100% { - transform: translateY(-10px) scale(1.1); - } -} /* scene 1 ------------------------------------------------ THE BEGINNING: @@ -61,10 +46,8 @@ THE BEGINNING: width: 400px; } +/* scene 1 ------------------------------------------------*/ /* scene 2 -======= -/* scene 1 ------------------------------------------------*/ /* scene 2 ->>>>>>> Stashed changes ------------------------------------------------ MIDDLE • Facts come up while It's sinking. @@ -90,12 +73,7 @@ END • Text comes up. • ….. */ -<<<<<<< Updated upstream -.scroll-section--scene1 { - display: grid; -======= .scroll-section { - /*The whole scene*/ /*infotext*/ /*deadfish 1*/ /*deadfish 2*/ @@ -104,7 +82,7 @@ END /*oceanfloor*/ /*extra dead fish*/ } -.scroll-section--scene3 { +.scroll-section .scroll-section--scene1 { display: grid; } .scroll-section__howtofix { @@ -150,5 +128,4 @@ END margin-bottom: 0; position: absolute; transform: rotate(180deg) translate(-1000px, -700px); ->>>>>>> Stashed changes }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 8fcbb40..8d412ad 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1,5 +1 @@ -<<<<<<< Updated upstream -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACI,8BAAA;EACA,SAAA;EACA,UAAA;ADEJ;;ACCA;EACI,iBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;ADEJ;;ACCA;EACI,UAAA;EACA,2BAAA;EACA,2BAAA;ADEJ;;ACCA;EACI,UAAA;EACA,wBAAA;ADEJ;;ACCA;EACI,UAAA;EACA,2BAAA;EACA,2BAAA;ADEJ;;ACCA;EACI,UAAA;EACA,wBAAA;EACA,mDAAA;ADEJ;;ACCA;EACI;IACI,iCAAA;EDEN;ECAE;IACI,uCAAA;EDEN;AACF;AE9CA;;;;;;CAAA;AASA;EACI,aAAA;AF8CJ;AE3CA;EACI,YAAA;EACA,YAAA;AF6CJ;;AG5DA;;;;;;CAAA;AAQI;EACI,aAAA;AH8DR;AG5DI;EACI,YAAA;EACA,YAAA;AH8DR;AG5DI;EACI,YAAA;EACA,YAAA;AH8DR;;AI/EA;;;;;;CAAA;AAQA;EACI,aAAA;AJiFJ","file":"style.css"} -======= -{"version":3,"sources":["_root.scss","style.css","_scene1.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"AACA;EACI,iCAAA;EACA,sBAAA;ACAJ;;ADIA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;ACDJ;;ADIA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ACDJ;;ADIA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ACDJ;;ADIA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ACDJ;;AC9BA,4DAAA,EAAA;;CAAA;ACAA;;CAAA;ACAA;;CAAA","file":"style.css"} ->>>>>>> Stashed changes +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,iCAAA;EACA,sBAAA;ADCJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ADAJ;;AE/BA;;;;;;CAAA;AAUI;EACI,aAAA;AF+BR;AE5BI;EACI,YAAA;EACA,YAAA;AF8BR;;AE3BA,4DAAA;ACnBA;;;;;;CAAA;AAQI;EACI,aAAA;AHiDR;AG/CI;EACI,YAAA;EACA,YAAA;AHiDR;AG/CI;EACI,YAAA;EACA,YAAA;AHiDR;;AIlEA;;;;;;CAAA;AAOA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJ2BA;AI3EA;EACI,aAAA;AJ6EJ;AI1EA;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJ4EJ;AIzEA;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ2EJ;AIxEA;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJ0EJ;AIvEA;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJyEJ;AIrEA;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJuEJ;AIpEA;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJsEJ;AInEA;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,oDAAA;AJqEJ","file":"style.css"} \ No newline at end of file From 01be73f64eeff4e9dd2abbac2d6b9deea80795e3 Mon Sep 17 00:00:00 2001 From: maheggh <111765195+maheggh@users.noreply.github.com> Date: Mon, 1 May 2023 16:37:23 +0200 Subject: [PATCH 14/88] fixed stuff --- src/sass/_scene1.scss | 1 - src/sass/_scene3.scss | 116 +++++++++++++++++++++--------------------- 2 files changed, 58 insertions(+), 59 deletions(-) diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index f261931..da67426 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -17,5 +17,4 @@ THE BEGINNING: width: 400px; } } -======= /* scene 1 ------------------------------------------------*/ \ No newline at end of file diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index 3d62f62..b15e3d4 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -5,62 +5,62 @@ END • Text comes up. • ….. */ -.scroll-section {.scroll-section { +.scroll-section { -/*The whole scene*/ -&--scene3 { - display: grid; -} -/*infotext*/ -&__howtofix { - font-size: 25px; - z-index: 1; - width: 500px; - color: red; - position: absolute; - top: 25%; - left: 25%; -} -/*deadfish 1*/ -&__img1 { - width: 250px; - position: absolute; - z-index: 1; - transform: translate(1000px, 620px); -} -/*deadfish 2*/ -&__img2 { - width: 500px; - position: absolute; - z-index: 1; - transform: translate(100px, 600px); -} -/*seaweed 1*/ -&__img3 { - width: 400px; - position: absolute; - z-index: 1; - transform: translate(1700px, 200px); - -} -/*seaweed 2*/ -&__img4 { - width: 200px; - position: absolute; - z-index: 1; - transform: translate(42px, 100px); -} -/*oceanfloor*/ -&__img5 { - width: 100vw; - position: absolute; - transform: translate(-30px, 600px); -} -/*extra dead fish*/ -&__img6 { - width: 400px; - margin-bottom: 0; - position: absolute; - transform: rotate(180deg) translate(-1000px, -700px); -} -} \ No newline at end of file + /*The whole scene*/ + &--scene3 { + display: grid; + } + /*infotext*/ + &__howtofix { + font-size: 25px; + z-index: 1; + width: 500px; + color: red; + position: absolute; + top: 25%; + left: 25%; + } + /*deadfish 1*/ + &__img1 { + width: 250px; + position: absolute; + z-index: 1; + transform: translate(1000px, 620px); + } + /*deadfish 2*/ + &__img2 { + width: 500px; + position: absolute; + z-index: 1; + transform: translate(100px, 600px); + } + /*seaweed 1*/ + &__img3 { + width: 400px; + position: absolute; + z-index: 1; + transform: translate(1700px, 200px); + + } + /*seaweed 2*/ + &__img4 { + width: 200px; + position: absolute; + z-index: 1; + transform: translate(42px, 100px); + } + /*oceanfloor*/ + &__img5 { + width: 100vw; + position: absolute; + transform: translate(-30px, 600px); + } + /*extra dead fish*/ + &__img6 { + width: 400px; + margin-bottom: 0; + position: absolute; + transform: rotate(180deg) translate(-1000px, -700px); + } + } \ No newline at end of file From 4d372fd26b4b3c7d6eb22318ac0d2a61db9ee2fb Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Mon, 1 May 2023 16:42:37 +0200 Subject: [PATCH 15/88] hei --- index.html | 8 +++---- src/sass/_scene1.scss | 4 ---- src/sass/style.css | 51 ++++++++++++++++++------------------------ src/sass/style.css.map | 6 +---- 4 files changed, 26 insertions(+), 43 deletions(-) diff --git a/index.html b/index.html index 4581e59..588129c 100644 --- a/index.html +++ b/index.html @@ -9,15 +9,14 @@ rel="stylesheet"> Assignment_3 group_9 -

-
-
-
+
+
+
@@ -45,7 +44,6 @@

Scene 1

-

Scene 2

diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index b9882d1..ec3d622 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -1,4 +1,3 @@ -<<<<<<< Updated upstream /* scene 1 ------------------------------------------------ THE BEGINNING: @@ -17,6 +16,3 @@ THE BEGINNING: width: 400px; } } -======= -/* scene 1 ------------------------------------------------*/ ->>>>>>> Stashed changes diff --git a/src/sass/style.css b/src/sass/style.css index da5fa16..e0b501f 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -1,46 +1,31 @@ @charset "UTF-8"; -body { - transition: 2s background-color; -} - .change-1 { position: absolute; - height: 3000px; + width: 100px; + height: 1600px; } .change-2 { position: absolute; - height: 3000px; - margin-top: 3000px; + width: 1000px; + height: 1500px; + margin-top: 3540px; } .change-3 { position: absolute; - height: 2000px; - margin-top: 6000px; + width: 1000px; + height: 1500px; + margin-top: 4080px; } + .change-4 { position: absolute; width: 1000px; height: 2000px; - margin-top: 7000px; -} - -<<<<<<< Updated upstream -.scroll-section__polar-bear--visible { - opacity: 1; - transform: translateY(0); - animation: polarBearAnimation 3s infinite alternate; + margin-top: 6000px; } -@keyframes polarBearAnimation { - 0% { - transform: translateY(0) scale(1); - } - 100% { - transform: translateY(-10px) scale(1.1); - } -} /* scene 1 ------------------------------------------------ THE BEGINNING: @@ -57,9 +42,6 @@ THE BEGINNING: } /* scene 2 -======= -/* scene 1 ------------------------------------------------*/ /* scene 2 ->>>>>>> Stashed changes ------------------------------------------------ MIDDLE • Facts come up while It's sinking. @@ -68,6 +50,7 @@ MIDDLE */ .scroll-section--scene2 { display: grid; + margin-top: 1440px; } .scroll-section__globalwarmingfacts { margin: 20px; @@ -78,8 +61,18 @@ MIDDLE width: 400px; } +.small__fish { + animation: fish-animation 10s infinite; +} - +@keyframes fish-animation { + from { + transform: translateX(1300px); + } + to { + transform: translateX(-2000px); + } +} /* scene 3 ------------------------------------------------ END diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 8fcbb40..a4ae269 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1,5 +1 @@ -<<<<<<< Updated upstream -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACI,8BAAA;EACA,SAAA;EACA,UAAA;ADEJ;;ACCA;EACI,iBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;ADEJ;;ACCA;EACI,UAAA;EACA,2BAAA;EACA,2BAAA;ADEJ;;ACCA;EACI,UAAA;EACA,wBAAA;ADEJ;;ACCA;EACI,UAAA;EACA,2BAAA;EACA,2BAAA;ADEJ;;ACCA;EACI,UAAA;EACA,wBAAA;EACA,mDAAA;ADEJ;;ACCA;EACI;IACI,iCAAA;EDEN;ECAE;IACI,uCAAA;EDEN;AACF;AE9CA;;;;;;CAAA;AASA;EACI,aAAA;AF8CJ;AE3CA;EACI,YAAA;EACA,YAAA;AF6CJ;;AG5DA;;;;;;CAAA;AAQI;EACI,aAAA;AH8DR;AG5DI;EACI,YAAA;EACA,YAAA;AH8DR;AG5DI;EACI,YAAA;EACA,YAAA;AH8DR;;AI/EA;;;;;;CAAA;AAQA;EACI,aAAA;AJiFJ","file":"style.css"} -======= -{"version":3,"sources":["_root.scss","style.css","_scene1.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"AACA;EACI,iCAAA;EACA,sBAAA;ACAJ;;ADIA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;ACDJ;;ADIA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ACDJ;;ADIA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ACDJ;;ADIA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ACDJ;;AC9BA,4DAAA,EAAA;;CAAA;ACAA;;CAAA;ACAA;;CAAA","file":"style.css"} ->>>>>>> Stashed changes +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACEhB;EACI,kBAAA;EACA,YAAA;EACA,cAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;AE1BA;;;;;;CAAA;AASA;EACI,aAAA;AF2BJ;AExBA;EACI,YAAA;EACA,YAAA;AF0BJ;;AGzCA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHyCJ;AGtCI;EACA,YAAA;EACA,YAAA;AHwCJ;AGrCI;EACA,YAAA;EACA,YAAA;AHuCJ;;AGnCA;EACI,sCAAA;AHsCJ;;AGnCA;EACI;IACI,6BAAA;EHsCN;EGpCE;IACI,8BAAA;EHsCN;AACF;AI1EA;;;;;;CAAA;AAQA;EACI,aAAA;AJ2EJ","file":"style.css"} \ No newline at end of file From a06a6a19adac18ec27e49c80a04ef691cc7f41f5 Mon Sep 17 00:00:00 2001 From: maheggh <111765195+maheggh@users.noreply.github.com> Date: Mon, 1 May 2023 16:50:06 +0200 Subject: [PATCH 16/88] . --- src/sass/_scene3.scss | 2 +- src/sass/style.css | 56 +++++++++++++++++++++++++++++++++++++++++- src/sass/style.css.map | 2 +- 3 files changed, 57 insertions(+), 3 deletions(-) diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index b15e3d4..732fc39 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -40,7 +40,7 @@ END width: 400px; position: absolute; z-index: 1; - transform: translate(1700px, 200px); + transform: translate(1400px, 200px); } /*seaweed 2*/ diff --git a/src/sass/style.css b/src/sass/style.css index 8aa40ac..56a0e12 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -73,6 +73,60 @@ END • Text comes up. • ….. */ -.scroll-section--scene1 { +.scroll-section { + /*The whole scene*/ + /*infotext*/ + /*deadfish 1*/ + /*deadfish 2*/ + /*seaweed 1*/ + /*seaweed 2*/ + /*oceanfloor*/ + /*extra dead fish*/ +} +.scroll-section--scene3 { display: grid; +} +.scroll-section__howtofix { + font-size: 25px; + z-index: 1; + width: 500px; + color: red; + position: absolute; + top: 25%; + left: 25%; +} +.scroll-section__img1 { + width: 250px; + position: absolute; + z-index: 1; + transform: translate(1000px, 620px); +} +.scroll-section__img2 { + width: 500px; + position: absolute; + z-index: 1; + transform: translate(100px, 600px); +} +.scroll-section__img3 { + width: 400px; + position: absolute; + z-index: 1; + transform: translate(1400px, 200px); +} +.scroll-section__img4 { + width: 200px; + position: absolute; + z-index: 1; + transform: translate(42px, 100px); +} +.scroll-section__img5 { + width: 100vw; + position: absolute; + transform: translate(-30px, 600px); +} +.scroll-section__img6 { + width: 400px; + margin-bottom: 0; + position: absolute; + transform: rotate(180deg) translate(-1000px, -700px); }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 4ad7eb7..f867150 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,iCAAA;EACA,sBAAA;ADCJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ADAJ;;AE/BA;;;;;;CAAA;AASA;EACI,aAAA;AFgCJ;AE7BA;EACI,YAAA;EACA,YAAA;AF+BJ;;AE5BA,4DAAA;AClBA;;;;;;CAAA;AAQI;EACI,aAAA;AHiDR;AG/CI;EACI,YAAA;EACA,YAAA;AHiDR;AG/CI;EACI,YAAA;EACA,YAAA;AHiDR;;AIlEA;;;;;;CAAA;AAOA;EAEA,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJ0BA;AI1EA;EACI,aAAA;AJ4EJ;AIzEA;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJ2EJ;AIxEA;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ0EJ;AIvEA;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJyEJ;AItEA;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJwEJ;AIpEA;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJsEJ;AInEA;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJqEJ;AIlEA;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,oDAAA;AJoEJ","file":"style.css"} +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,iCAAA;EACA,sBAAA;ADCJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ADAJ;;AE/BA;;;;;;CAAA;AAUI;EACI,aAAA;AF+BR;AE5BI;EACI,YAAA;EACA,YAAA;AF8BR;;AE3BA,4DAAA;ACnBA;;;;;;CAAA;AAQI;EACI,aAAA;AHiDR;AG/CI;EACI,YAAA;EACA,YAAA;AHiDR;AG/CI;EACI,YAAA;EACA,YAAA;AHiDR;;AIlEA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJ0BJ;AI1EI;EACI,aAAA;AJ4ER;AIzEI;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJ2ER;AIxEI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ0ER;AIvEI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJyER;AItEI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJwER;AIpEI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJsER;AInEI;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJqER;AIlEI;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,oDAAA;AJoER","file":"style.css"} \ No newline at end of file From e7fccb7cd9e9ce8844d180f7f4dd1c9d7c9e0eac Mon Sep 17 00:00:00 2001 From: maheggh <111765195+maheggh@users.noreply.github.com> Date: Mon, 1 May 2023 16:50:51 +0200 Subject: [PATCH 17/88] . --- src/sass/style.css.map | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/sass/style.css.map b/src/sass/style.css.map index f867150..6acedae 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,iCAAA;EACA,sBAAA;ADCJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ADAJ;;AE/BA;;;;;;CAAA;AAUI;EACI,aAAA;AF+BR;AE5BI;EACI,YAAA;EACA,YAAA;AF8BR;;AE3BA,4DAAA;ACnBA;;;;;;CAAA;AAQI;EACI,aAAA;AHiDR;AG/CI;EACI,YAAA;EACA,YAAA;AHiDR;AG/CI;EACI,YAAA;EACA,YAAA;AHiDR;;AIlEA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJ0BJ;AI1EI;EACI,aAAA;AJ4ER;AIzEI;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJ2ER;AIxEI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ0ER;AIvEI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJyER;AItEI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJwER;AIpEI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJsER;AInEI;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJqER;AIlEI;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,oDAAA;AJoER","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACEhB;EACI,kBAAA;EACA,YAAA;EACA,cAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;AE1BA;;;;;;CAAA;AAUI;EACI,aAAA;AF0BR;AEvBI;EACI,YAAA;EACA,YAAA;AFyBR;;AEtBA,4DAAA;ACnBA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AH0CJ;AGvCI;EACA,YAAA;EACA,YAAA;AHyCJ;AGtCI;EACA,YAAA;EACA,YAAA;AHwCJ;;AGpCA;EACI,sCAAA;AHuCJ;;AGpCA;EACI;IACI,6BAAA;EHuCN;EGrCE;IACI,8BAAA;EHuCN;AACF;AI3EA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJkCJ;AIlFI;EACI,aAAA;AJoFR;AIjFI;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJmFR;AIhFI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJkFR;AI/EI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJiFR;AI9EI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJgFR;AI5EI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJ8ER;AI3EI;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJ6ER;AI1EI;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,oDAAA;AJ4ER","file":"style.css"} \ No newline at end of file From 923d3ac75e528956578e7ef36113f99ba0da4a7a Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Mon, 1 May 2023 16:55:07 +0200 Subject: [PATCH 18/88] hei --- index.html | 51 ++++++++++++++++++------------------- src/sass/_scene3.scss | 2 +- src/sass/style.css | 57 ++++++++++++++++++++++++++++++++++++++++-- src/sass/style.css.map | 2 +- 4 files changed, 82 insertions(+), 30 deletions(-) diff --git a/index.html b/index.html index 5c1b709..0b2beae 100644 --- a/index.html +++ b/index.html @@ -19,15 +19,14 @@
- -
+ + + + + + + +
@@ -35,23 +34,23 @@

Scene 3

Content for scene 3...

- dead fish on the ocean floor -
-
- dead fish on the ocean floor -
-
- dead fish on the ocean floor -
-
- dead fish on the ocean floor -
-
- dead fish on the ocean floor -
-
- dead fish on the ocean floor -
+ dead fish on the ocean floor +
+
+ dead fish on the ocean floor +
+
+ dead fish on the ocean floor +
+
+ dead fish on the ocean floor +
+
+ dead fish on the ocean floor +
+
+ dead fish on the ocean floor +

diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index 3d62f62..9e5feef 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -5,7 +5,7 @@ END • Text comes up. • ….. */ -.scroll-section {.scroll-section { +.scroll-section .scroll-section { /*The whole scene*/ &--scene3 { diff --git a/src/sass/style.css b/src/sass/style.css index 4ec89af..216b986 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -41,7 +41,6 @@ THE BEGINNING: width: 400px; } -/* scene 1 ------------------------------------------------*/ /* scene 2 ------------------------------------------------ MIDDLE @@ -81,6 +80,60 @@ END • Text comes up. • ….. */ -.scroll-section--scene1 { +.scroll-section .scroll-section { + /*The whole scene*/ + /*infotext*/ + /*deadfish 1*/ + /*deadfish 2*/ + /*seaweed 1*/ + /*seaweed 2*/ + /*oceanfloor*/ + /*extra dead fish*/ +} +.scroll-section .scroll-section--scene3 { display: grid; +} +.scroll-section .scroll-section__howtofix { + font-size: 25px; + z-index: 1; + width: 500px; + color: red; + position: absolute; + top: 25%; + left: 25%; +} +.scroll-section .scroll-section__img1 { + width: 250px; + position: absolute; + z-index: 1; + transform: translate(1000px, 620px); +} +.scroll-section .scroll-section__img2 { + width: 500px; + position: absolute; + z-index: 1; + transform: translate(100px, 600px); +} +.scroll-section .scroll-section__img3 { + width: 400px; + position: absolute; + z-index: 1; + transform: translate(1700px, 200px); +} +.scroll-section .scroll-section__img4 { + width: 200px; + position: absolute; + z-index: 1; + transform: translate(42px, 100px); +} +.scroll-section .scroll-section__img5 { + width: 100vw; + position: absolute; + transform: translate(-30px, 600px); +} +.scroll-section .scroll-section__img6 { + width: 400px; + margin-bottom: 0; + position: absolute; + transform: rotate(180deg) translate(-1000px, -700px); }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 4ad7eb7..75b35fd 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,iCAAA;EACA,sBAAA;ADCJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,kBAAA;ADAJ;;AE/BA;;;;;;CAAA;AASA;EACI,aAAA;AFgCJ;AE7BA;EACI,YAAA;EACA,YAAA;AF+BJ;;AE5BA,4DAAA;AClBA;;;;;;CAAA;AAQI;EACI,aAAA;AHiDR;AG/CI;EACI,YAAA;EACA,YAAA;AHiDR;AG/CI;EACI,YAAA;EACA,YAAA;AHiDR;;AIlEA;;;;;;CAAA;AAOA;EAEA,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJ0BA;AI1EA;EACI,aAAA;AJ4EJ;AIzEA;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJ2EJ;AIxEA;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ0EJ;AIvEA;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJyEJ;AItEA;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJwEJ;AIpEA;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJsEJ;AInEA;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJqEJ;AIlEA;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,oDAAA;AJoEJ","file":"style.css"} +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACEhB;EACI,kBAAA;EACA,YAAA;EACA,cAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;AE1BA;;;;;;CAAA;AAUI;EACI,aAAA;AF0BR;AEvBI;EACI,YAAA;EACA,YAAA;AFyBR;;AGzCA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHyCJ;AGtCI;EACA,YAAA;EACA,YAAA;AHwCJ;AGrCI;EACA,YAAA;EACA,YAAA;AHuCJ;;AGnCA;EACI,sCAAA;AHsCJ;;AGnCA;EACI;IACI,6BAAA;EHsCN;EGpCE;IACI,8BAAA;EHsCN;AACF;AI1EA;;;;;;CAAA;AAOA;EAEA,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJiCA;AIjFA;EACI,aAAA;AJmFJ;AIhFA;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJkFJ;AI/EA;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJiFJ;AI9EA;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJgFJ;AI7EA;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ+EJ;AI3EA;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJ6EJ;AI1EA;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJ4EJ;AIzEA;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,oDAAA;AJ2EJ","file":"style.css"} \ No newline at end of file From a53bd3b70058ecdde07b53be8d32f2a3a4adddb5 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Mon, 1 May 2023 17:01:11 +0200 Subject: [PATCH 19/88] . --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 588129c..1657524 100644 --- a/index.html +++ b/index.html @@ -63,7 +63,7 @@

Scene 2

depending on whether they can adapt or move.

- small-fish + small-fish
From 3506cf4207baa6dac48a9bc3765e69d2d0bb533b 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:24 +0000 Subject: [PATCH 20/88] Add assignment deadline url --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index d5ff804..93a888a 100644 --- a/README.md +++ b/README.md @@ -1 +1,2 @@ +[![Review Assignment Due Date](https://classroom.github.com/assets/deadline-readme-button-24ddc0f5d75046c5622901739e7c5dd533143b0c8e959d652212380cedb1ea36.svg)](https://classroom.github.com/a/E1TYCvbT) [![Open in Visual Studio Code](https://classroom.github.com/assets/open-in-vscode-718a45dd9cf7e7f842a935f5ebbe5719a5e09af4491e668f4dbf3b35d5cca122.svg)](https://classroom.github.com/online_ide?assignment_repo_id=10934183&assignment_repo_type=AssignmentRepo) From f9bba805c19c810cc22487dd102a6e497df6fa7b Mon Sep 17 00:00:00 2001 From: Geka19 Date: Mon, 1 May 2023 17:33:23 +0200 Subject: [PATCH 21/88] Changes Test --- Iceparts/Icebear_body_1.svg | 21 ++++++ Iceparts/Icebear_ear_1.svg | 46 ++++++++++++ Iceparts/Icebear_face_1.svg | 39 ++++++++++ Iceparts/Icebear_footLeft_1.svg | 28 +++++++ Iceparts/Icebear_footRight_1.svg | 28 +++++++ Iceparts/Icebear_headBase_1.svg | 27 +++++++ Iceparts/Icebear_legLeft_1.svg | 26 +++++++ Iceparts/Icebear_legRight_1.svg | 27 +++++++ Iceparts/Icebear_tail_1.svg | 21 ++++++ Iceparts/Iceberg_base_1.svg | 31 ++++++++ Iceparts/Iceberg_bottom_1.svg | 19 +++++ Iceparts/Iceberg_overlay_1.svg | 92 +++++++++++++++++++++++ Iceparts/Iceberg_overlay_2.svg | 122 +++++++++++++++++++++++++++++++ Iceparts/Iceberg_platform_1.svg | 11 +++ index.html | 87 ++++++++++++++++++++++ style.css | 53 +++++++++++--- 16 files changed, 668 insertions(+), 10 deletions(-) create mode 100644 Iceparts/Icebear_body_1.svg create mode 100644 Iceparts/Icebear_ear_1.svg create mode 100644 Iceparts/Icebear_face_1.svg create mode 100644 Iceparts/Icebear_footLeft_1.svg create mode 100644 Iceparts/Icebear_footRight_1.svg create mode 100644 Iceparts/Icebear_headBase_1.svg create mode 100644 Iceparts/Icebear_legLeft_1.svg create mode 100644 Iceparts/Icebear_legRight_1.svg create mode 100644 Iceparts/Icebear_tail_1.svg create mode 100644 Iceparts/Iceberg_base_1.svg create mode 100644 Iceparts/Iceberg_bottom_1.svg create mode 100644 Iceparts/Iceberg_overlay_1.svg create mode 100644 Iceparts/Iceberg_overlay_2.svg create mode 100644 Iceparts/Iceberg_platform_1.svg create mode 100644 index.html diff --git a/Iceparts/Icebear_body_1.svg b/Iceparts/Icebear_body_1.svg new file mode 100644 index 0000000..66e03e3 --- /dev/null +++ b/Iceparts/Icebear_body_1.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Iceparts/Icebear_ear_1.svg b/Iceparts/Icebear_ear_1.svg new file mode 100644 index 0000000..0703063 --- /dev/null +++ b/Iceparts/Icebear_ear_1.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Iceparts/Icebear_face_1.svg b/Iceparts/Icebear_face_1.svg new file mode 100644 index 0000000..61e016e --- /dev/null +++ b/Iceparts/Icebear_face_1.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Iceparts/Icebear_footLeft_1.svg b/Iceparts/Icebear_footLeft_1.svg new file mode 100644 index 0000000..66e1e8a --- /dev/null +++ b/Iceparts/Icebear_footLeft_1.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Iceparts/Icebear_footRight_1.svg b/Iceparts/Icebear_footRight_1.svg new file mode 100644 index 0000000..753c832 --- /dev/null +++ b/Iceparts/Icebear_footRight_1.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Iceparts/Icebear_headBase_1.svg b/Iceparts/Icebear_headBase_1.svg new file mode 100644 index 0000000..4952028 --- /dev/null +++ b/Iceparts/Icebear_headBase_1.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Iceparts/Icebear_legLeft_1.svg b/Iceparts/Icebear_legLeft_1.svg new file mode 100644 index 0000000..b00344f --- /dev/null +++ b/Iceparts/Icebear_legLeft_1.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Iceparts/Icebear_legRight_1.svg b/Iceparts/Icebear_legRight_1.svg new file mode 100644 index 0000000..5048565 --- /dev/null +++ b/Iceparts/Icebear_legRight_1.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Iceparts/Icebear_tail_1.svg b/Iceparts/Icebear_tail_1.svg new file mode 100644 index 0000000..0e303c5 --- /dev/null +++ b/Iceparts/Icebear_tail_1.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Iceparts/Iceberg_base_1.svg b/Iceparts/Iceberg_base_1.svg new file mode 100644 index 0000000..cf06fe2 --- /dev/null +++ b/Iceparts/Iceberg_base_1.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Iceparts/Iceberg_bottom_1.svg b/Iceparts/Iceberg_bottom_1.svg new file mode 100644 index 0000000..7ef9488 --- /dev/null +++ b/Iceparts/Iceberg_bottom_1.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/Iceparts/Iceberg_overlay_1.svg b/Iceparts/Iceberg_overlay_1.svg new file mode 100644 index 0000000..788d0f7 --- /dev/null +++ b/Iceparts/Iceberg_overlay_1.svg @@ -0,0 +1,92 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Iceparts/Iceberg_overlay_2.svg b/Iceparts/Iceberg_overlay_2.svg new file mode 100644 index 0000000..b85eaf0 --- /dev/null +++ b/Iceparts/Iceberg_overlay_2.svg @@ -0,0 +1,122 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Iceparts/Iceberg_platform_1.svg b/Iceparts/Iceberg_platform_1.svg new file mode 100644 index 0000000..35c1f10 --- /dev/null +++ b/Iceparts/Iceberg_platform_1.svg @@ -0,0 +1,11 @@ + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..7d765da --- /dev/null +++ b/index.html @@ -0,0 +1,87 @@ + + + + + + + Document + + + +
+ + + + + + + +
+ + +
+ + + +
+ + + + + + + + + +
+
+ + \ No newline at end of file diff --git a/style.css b/style.css index f361cb0..0577849 100644 --- a/style.css +++ b/style.css @@ -1,12 +1,45 @@ +.iceberg, .icebear{ + display: grid; + justify-items: center; +} + +.ice-platform{ + position: absolute; + +} + +.ice-overlay{ + z-index: -1; + position: absolute; + animation: iceberg-animation 1s alternate infinite linear; +} + +.ice-bottom{ + z-index: -2; + position: absolute; + animation: iceberg-animation 3s alternate infinite linear; +} + +.icebear{ + margin-top: -150px; +} -:root { - --sky-color: #dcf6fc; - --cloud-color: #8ae0f3; - --ground-color: #e2ede2; - --green-house: #7cbb7c; - --shadow-house: #8b1818; - --pink-house: #f8aa9f; - --dark: #1d1d1b; - --dark-roof: #0a490a; - --dark-vegetation: #0a490a; +.icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face{ + position: absolute; } + +.head-move{ + position: absolute; + margin-left: -850px; + animation: iceberg-animation 3s alternate infinite linear; +} + +@keyframes iceberg-animation { + 0% { + transform: rotate(2deg); + } + + 100%{ + transform: rotate(-2deg); + } +} \ No newline at end of file From 72646167646452d3fbc01544d0be91aa59b4d963 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Mon, 1 May 2023 17:41:33 +0200 Subject: [PATCH 22/88] . --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index bdce96a..977f81a 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,7 @@ - + Date: Mon, 1 May 2023 17:45:23 +0200 Subject: [PATCH 23/88] CSS fixes --- src/sass/_scene1.scss | 50 +++++++++++++++++++++++++++++++++++++++---- 1 file changed, 46 insertions(+), 4 deletions(-) diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index b9882d1..fb78893 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -1,4 +1,3 @@ -<<<<<<< Updated upstream /* scene 1 ------------------------------------------------ THE BEGINNING: @@ -16,7 +15,50 @@ THE BEGINNING: margin: 20px; width: 400px; } + +} +.iceberg, .icebear{ + display: grid; + justify-items: center; +} + +.ice-platform{ + position: absolute; + +} + +.ice-overlay{ + z-index: -1; + position: absolute; + animation: iceberg-animation 1s alternate infinite linear; +} + +.ice-bottom{ + z-index: -2; + position: absolute; + animation: iceberg-animation 3s alternate infinite linear; +} + +.icebear{ + margin-top: -150px; +} + +.icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face{ + position: absolute; +} + +.head-move{ + position: absolute; + margin-left: -850px; + animation: iceberg-animation 3s alternate infinite linear; } -======= -/* scene 1 ------------------------------------------------*/ ->>>>>>> Stashed changes + +@keyframes iceberg-animation { + 0% { + transform: rotate(2deg); + } + + 100%{ + transform: rotate(-2deg); + } +} \ No newline at end of file From 41dcbf7be1c18bff1e31f30aa4b4bfd3afd14546 Mon Sep 17 00:00:00 2001 From: maheggh <111765195+maheggh@users.noreply.github.com> Date: Mon, 1 May 2023 17:52:34 +0200 Subject: [PATCH 24/88] fish changes --- src/sass/_scene3.scss | 4 +-- src/sass/style.css | 63 +++++++++++++++++++++++++++++++++++------- src/sass/style.css.map | 2 +- 3 files changed, 56 insertions(+), 13 deletions(-) diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index b582e5d..c097b83 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -5,7 +5,7 @@ END • Text comes up. • ….. */ -.scroll-section .scroll-section { +.scroll-section { /*The whole scene*/ &--scene3 { @@ -61,6 +61,6 @@ END width: 400px; margin-bottom: 0; position: absolute; - transform: rotate(180deg) translate(-1000px, -700px); + transform: rotate(180deg) translate(-1000px, 200px); } } \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index b275804..050adaa 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -42,6 +42,49 @@ THE BEGINNING: } /* scene 1 ------------------------------------------------*/ +.iceberg, .icebear { + display: grid; + justify-items: center; +} + +.ice-platform { + position: absolute; +} + +.ice-overlay { + z-index: -1; + position: absolute; + animation: iceberg-animation 1s alternate infinite linear; +} + +.ice-bottom { + z-index: -2; + position: absolute; + animation: iceberg-animation 3s alternate infinite linear; +} + +.icebear { + margin-top: -150px; +} + +.icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face { + position: absolute; +} + +.head-move { + position: absolute; + margin-left: -850px; + animation: iceberg-animation 3s alternate infinite linear; +} + +@keyframes iceberg-animation { + 0% { + transform: rotate(2deg); + } + 100% { + transform: rotate(-2deg); + } +} /* scene 2 ------------------------------------------------ MIDDLE @@ -81,7 +124,7 @@ END • Text comes up. • ….. */ -.scroll-section .scroll-section { +.scroll-section { /*The whole scene*/ /*infotext*/ /*deadfish 1*/ @@ -91,10 +134,10 @@ END /*oceanfloor*/ /*extra dead fish*/ } -.scroll-section .scroll-section--scene3 { +.scroll-section--scene3 { display: grid; } -.scroll-section .scroll-section__howtofix { +.scroll-section__howtofix { font-size: 25px; z-index: 1; width: 500px; @@ -103,38 +146,38 @@ END top: 25%; left: 25%; } -.scroll-section .scroll-section__img1 { +.scroll-section__img1 { width: 250px; position: absolute; z-index: 1; transform: translate(1000px, 620px); } -.scroll-section .scroll-section__img2 { +.scroll-section__img2 { width: 500px; position: absolute; z-index: 1; transform: translate(100px, 600px); } -.scroll-section .scroll-section__img3 { +.scroll-section__img3 { width: 400px; position: absolute; z-index: 1; transform: translate(1400px, 200px); } -.scroll-section .scroll-section__img4 { +.scroll-section__img4 { width: 200px; position: absolute; z-index: 1; transform: translate(42px, 100px); } -.scroll-section .scroll-section__img5 { +.scroll-section__img5 { width: 100vw; position: absolute; transform: translate(-30px, 600px); } -.scroll-section .scroll-section__img6 { +.scroll-section__img6 { width: 400px; margin-bottom: 0; position: absolute; - transform: rotate(180deg) translate(-1000px, -700px); + transform: rotate(180deg) translate(-1000px, 200px); }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 6acedae..4ed8ca0 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACEhB;EACI,kBAAA;EACA,YAAA;EACA,cAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;AE1BA;;;;;;CAAA;AAUI;EACI,aAAA;AF0BR;AEvBI;EACI,YAAA;EACA,YAAA;AFyBR;;AEtBA,4DAAA;ACnBA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AH0CJ;AGvCI;EACA,YAAA;EACA,YAAA;AHyCJ;AGtCI;EACA,YAAA;EACA,YAAA;AHwCJ;;AGpCA;EACI,sCAAA;AHuCJ;;AGpCA;EACI;IACI,6BAAA;EHuCN;EGrCE;IACI,8BAAA;EHuCN;AACF;AI3EA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJkCJ;AIlFI;EACI,aAAA;AJoFR;AIjFI;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJmFR;AIhFI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJkFR;AI/EI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJiFR;AI9EI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJgFR;AI5EI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJ8ER;AI3EI;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJ6ER;AI1EI;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,oDAAA;AJ4ER","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACEhB;EACI,kBAAA;EACA,YAAA;EACA,cAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;AE1BA;;;;;;CAAA;AAUI;EACI,aAAA;AF0BR;AEvBI;EACI,YAAA;EACA,YAAA;AFyBR;;AEtBA,4DAAA;AACA;EACI,aAAA;EACA,qBAAA;AFyBJ;;AEtBA;EACI,kBAAA;AFyBJ;;AErBA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI,kBAAA;AFwBJ;;AErBA;EACI,kBAAA;AFwBJ;;AErBA;EACI,kBAAA;EACA,mBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI;IACI,uBAAA;EFwBN;EErBE;IACE,wBAAA;EFuBJ;AACF;AGtFA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHqFJ;AGlFI;EACA,YAAA;EACA,YAAA;AHoFJ;AGjFI;EACA,YAAA;EACA,YAAA;AHmFJ;;AG/EA;EACI,sCAAA;AHkFJ;;AG/EA;EACI;IACI,6BAAA;EHkFN;EGhFE;IACI,8BAAA;EHkFN;AACF;AItHA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJ6EJ;AI7HI;EACI,aAAA;AJ+HR;AI5HI;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJ8HR;AI3HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ6HR;AI1HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJ4HR;AIzHI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ2HR;AIvHI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJyHR;AItHI;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJwHR;AIrHI;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,mDAAA;AJuHR","file":"style.css"} \ No newline at end of file From 043214428cb93ee4cf2362681b6af6e5b1baa98d Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Mon, 1 May 2023 17:52:47 +0200 Subject: [PATCH 25/88] . --- index.html | 16 ++++++++------ src/sass/_scene1.scss | 2 +- src/sass/style.css | 47 ++++++++++++++++++++++++++++++++++++++++++ src/sass/style.css.map | 2 +- 4 files changed, 59 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index d139467..f64f49f 100644 --- a/index.html +++ b/index.html @@ -11,6 +11,15 @@ + + +
+
+
+
+ + +
- -
-
-
-
- +

Scene 3

diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index 0a02eab..87b8505 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -57,7 +57,7 @@ THE BEGINNING: @keyframes iceberg-animation { 0% { transform: rotate(2deg); - } + } 100%{ transform: rotate(-2deg); diff --git a/src/sass/style.css b/src/sass/style.css index b275804..cc3574c 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -42,6 +42,49 @@ THE BEGINNING: } /* scene 1 ------------------------------------------------*/ +.iceberg, .icebear { + display: grid; + justify-items: center; +} + +.ice-platform { + position: absolute; +} + +.ice-overlay { + z-index: -1; + position: absolute; + animation: iceberg-animation 1s alternate infinite linear; +} + +.ice-bottom { + z-index: -2; + position: absolute; + animation: iceberg-animation 3s alternate infinite linear; +} + +.icebear { + margin-top: -150px; +} + +.icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face { + position: absolute; +} + +.head-move { + position: absolute; + margin-left: -850px; + animation: iceberg-animation 3s alternate infinite linear; +} + +@keyframes iceberg-animation { + 0% { + transform: rotate(2deg); + } + 100% { + transform: rotate(-2deg); + } +} /* scene 2 ------------------------------------------------ MIDDLE @@ -74,6 +117,10 @@ MIDDLE transform: translateX(-2000px); } } + + + + /* scene 3 ------------------------------------------------ END diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 6acedae..7e4373b 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACEhB;EACI,kBAAA;EACA,YAAA;EACA,cAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;AE1BA;;;;;;CAAA;AAUI;EACI,aAAA;AF0BR;AEvBI;EACI,YAAA;EACA,YAAA;AFyBR;;AEtBA,4DAAA;ACnBA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AH0CJ;AGvCI;EACA,YAAA;EACA,YAAA;AHyCJ;AGtCI;EACA,YAAA;EACA,YAAA;AHwCJ;;AGpCA;EACI,sCAAA;AHuCJ;;AGpCA;EACI;IACI,6BAAA;EHuCN;EGrCE;IACI,8BAAA;EHuCN;AACF;AI3EA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJkCJ;AIlFI;EACI,aAAA;AJoFR;AIjFI;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJmFR;AIhFI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJkFR;AI/EI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJiFR;AI9EI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJgFR;AI5EI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJ8ER;AI3EI;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJ6ER;AI1EI;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,oDAAA;AJ4ER","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACEhB;EACI,kBAAA;EACA,YAAA;EACA,cAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;AE1BA;;;;;;CAAA;AAUI;EACI,aAAA;AF0BR;AEvBI;EACI,YAAA;EACA,YAAA;AFyBR;;AEtBA,4DAAA;AACA;EACI,aAAA;EACA,qBAAA;AFyBJ;;AEtBA;EACI,kBAAA;AFyBJ;;AErBA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI,kBAAA;AFwBJ;;AErBA;EACI,kBAAA;AFwBJ;;AErBA;EACI,kBAAA;EACA,mBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI;IACI,uBAAA;EFwBN;EErBE;IACE,wBAAA;EFuBJ;AACF;AGtFA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHqFJ;AGlFI;EACA,YAAA;EACA,YAAA;AHoFJ;AGjFI;EACA,YAAA;EACA,YAAA;AHmFJ;;AG/EA;EACI,sCAAA;AHkFJ;;AG/EA;EACI;IACI,6BAAA;EHkFN;EGhFE;IACI,8BAAA;EHkFN;AACF;AItHA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJ6EJ;AI7HI;EACI,aAAA;AJ+HR;AI5HI;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJ8HR;AI3HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ6HR;AI1HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJ4HR;AIzHI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ2HR;AIvHI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJyHR;AItHI;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJwHR;AIrHI;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,oDAAA;AJuHR","file":"style.css"} \ No newline at end of file From 1681e829ee455063e3c549e330f18275f4eee644 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Mon, 1 May 2023 17:55:16 +0200 Subject: [PATCH 26/88] . --- src/sass/_scene1.scss | 2 +- src/sass/style.css | 4 ---- src/sass/style.css.map | 2 +- 3 files changed, 2 insertions(+), 6 deletions(-) diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index 87b8505..83d0ea2 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -60,6 +60,6 @@ THE BEGINNING: } 100%{ - transform: rotate(-2deg); + transform: rotate(-2deg); } } \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index cc3574c..fb8baaf 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -117,10 +117,6 @@ MIDDLE transform: translateX(-2000px); } } - - - - /* scene 3 ------------------------------------------------ END diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 7e4373b..01305d8 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACEhB;EACI,kBAAA;EACA,YAAA;EACA,cAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;AE1BA;;;;;;CAAA;AAUI;EACI,aAAA;AF0BR;AEvBI;EACI,YAAA;EACA,YAAA;AFyBR;;AEtBA,4DAAA;AACA;EACI,aAAA;EACA,qBAAA;AFyBJ;;AEtBA;EACI,kBAAA;AFyBJ;;AErBA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI,kBAAA;AFwBJ;;AErBA;EACI,kBAAA;AFwBJ;;AErBA;EACI,kBAAA;EACA,mBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI;IACI,uBAAA;EFwBN;EErBE;IACE,wBAAA;EFuBJ;AACF;AGtFA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHqFJ;AGlFI;EACA,YAAA;EACA,YAAA;AHoFJ;AGjFI;EACA,YAAA;EACA,YAAA;AHmFJ;;AG/EA;EACI,sCAAA;AHkFJ;;AG/EA;EACI;IACI,6BAAA;EHkFN;EGhFE;IACI,8BAAA;EHkFN;AACF;AItHA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJ6EJ;AI7HI;EACI,aAAA;AJ+HR;AI5HI;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJ8HR;AI3HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ6HR;AI1HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJ4HR;AIzHI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ2HR;AIvHI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJyHR;AItHI;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJwHR;AIrHI;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,oDAAA;AJuHR","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACEhB;EACI,kBAAA;EACA,YAAA;EACA,cAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;AE1BA;;;;;;CAAA;AAUI;EACI,aAAA;AF0BR;AEvBI;EACI,YAAA;EACA,YAAA;AFyBR;;AEtBA,4DAAA;AACA;EACI,aAAA;EACA,qBAAA;AFyBJ;;AEtBA;EACI,kBAAA;AFyBJ;;AErBA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI,kBAAA;AFwBJ;;AErBA;EACI,kBAAA;AFwBJ;;AErBA;EACI,kBAAA;EACA,mBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI;IACI,uBAAA;EFwBN;EErBE;IACI,wBAAA;EFuBN;AACF;AGtFA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHqFJ;AGlFI;EACA,YAAA;EACA,YAAA;AHoFJ;AGjFI;EACA,YAAA;EACA,YAAA;AHmFJ;;AG/EA;EACI,sCAAA;AHkFJ;;AG/EA;EACI;IACI,6BAAA;EHkFN;EGhFE;IACI,8BAAA;EHkFN;AACF;AItHA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJ6EJ;AI7HI;EACI,aAAA;AJ+HR;AI5HI;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJ8HR;AI3HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ6HR;AI1HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJ4HR;AIzHI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ2HR;AIvHI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJyHR;AItHI;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJwHR;AIrHI;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,oDAAA;AJuHR","file":"style.css"} \ No newline at end of file From c28d58a589d2973a97591bf2000ff2261b7e4bdc Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Mon, 1 May 2023 18:04:13 +0200 Subject: [PATCH 27/88] . --- src/sass/_scene1.scss | 1 - src/sass/_scene3.scss | 128 +++++++++++++++++++++--------------------- 2 files changed, 64 insertions(+), 65 deletions(-) diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index 83d0ea2..74fec02 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -25,7 +25,6 @@ THE BEGINNING: .ice-platform{ position: absolute; - } .ice-overlay{ diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index b582e5d..9a25547 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -1,66 +1,66 @@ -/* scene 3 ------------------------------------------------- -END -• The water getting darker and fades to black screen. -• Text comes up. -• ….. -*/ -.scroll-section .scroll-section { +// /* scene 3 +// ------------------------------------------------ +// END +// • The water getting darker and fades to black screen. +// • Text comes up. +// • ….. +// */ +// .scroll-section .scroll-section { - /*The whole scene*/ - &--scene3 { - display: grid; - } - /*infotext*/ - &__howtofix { - font-size: 25px; - z-index: 1; - width: 500px; - color: red; - position: absolute; - top: 25%; - left: 25%; - } - /*deadfish 1*/ - &__img1 { - width: 250px; - position: absolute; - z-index: 1; - transform: translate(1000px, 620px); - } - /*deadfish 2*/ - &__img2 { - width: 500px; - position: absolute; - z-index: 1; - transform: translate(100px, 600px); - } - /*seaweed 1*/ - &__img3 { - width: 400px; - position: absolute; - z-index: 1; - transform: translate(1400px, 200px); +// /*The whole scene*/ +// &--scene3 { +// display: grid; +// } +// /*infotext*/ +// &__howtofix { +// font-size: 25px; +// z-index: 1; +// width: 500px; +// color: red; +// position: absolute; +// top: 25%; +// left: 25%; +// } +// /*deadfish 1*/ +// &__img1 { +// width: 250px; +// position: absolute; +// z-index: 1; +// transform: translate(1000px, 620px); +// } +// /*deadfish 2*/ +// &__img2 { +// width: 500px; +// position: absolute; +// z-index: 1; +// transform: translate(100px, 600px); +// } +// /*seaweed 1*/ +// &__img3 { +// width: 400px; +// position: absolute; +// z-index: 1; +// transform: translate(1400px, 200px); - } - /*seaweed 2*/ - &__img4 { - width: 200px; - position: absolute; - z-index: 1; - transform: translate(42px, 100px); - } - /*oceanfloor*/ - &__img5 { - width: 100vw; - position: absolute; - transform: translate(-30px, 600px); - } - /*extra dead fish*/ - &__img6 { - width: 400px; - margin-bottom: 0; - position: absolute; - transform: rotate(180deg) translate(-1000px, -700px); - } - } \ No newline at end of file +// } +// /*seaweed 2*/ +// &__img4 { +// width: 200px; +// position: absolute; +// z-index: 1; +// transform: translate(42px, 100px); +// } +// /*oceanfloor*/ +// &__img5 { +// width: 100vw; +// position: absolute; +// transform: translate(-30px, 600px); +// } +// /*extra dead fish*/ +// &__img6 { +// width: 400px; +// margin-bottom: 0; +// position: absolute; +// transform: rotate(180deg) translate(-1000px, -700px); +// } +// } \ No newline at end of file From c99b427992bb0b09c41f1cf9ddc6ff95a4c18421 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Mon, 1 May 2023 18:07:04 +0200 Subject: [PATCH 28/88] . --- src/sass/style.css.map | 4 ---- 1 file changed, 4 deletions(-) diff --git a/src/sass/style.css.map b/src/sass/style.css.map index b87c515..ec878e5 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1,5 +1 @@ -<<<<<<< HEAD {"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACEhB;EACI,kBAAA;EACA,YAAA;EACA,cAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;AE1BA;;;;;;CAAA;AAUI;EACI,aAAA;AF0BR;AEvBI;EACI,YAAA;EACA,YAAA;AFyBR;;AEtBA,4DAAA;AACA;EACI,aAAA;EACA,qBAAA;AFyBJ;;AEtBA;EACI,kBAAA;AFyBJ;;AErBA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI,kBAAA;AFwBJ;;AErBA;EACI,kBAAA;AFwBJ;;AErBA;EACI,kBAAA;EACA,mBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI;IACI,uBAAA;EFwBN;EErBE;IACE,wBAAA;EFuBJ;AACF;AGtFA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHqFJ;AGlFI;EACA,YAAA;EACA,YAAA;AHoFJ;AGjFI;EACA,YAAA;EACA,YAAA;AHmFJ;;AG/EA;EACI,sCAAA;AHkFJ;;AG/EA;EACI;IACI,6BAAA;EHkFN;EGhFE;IACI,8BAAA;EHkFN;AACF;AItHA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJ6EJ;AI7HI;EACI,aAAA;AJ+HR;AI5HI;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJ8HR;AI3HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ6HR;AI1HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJ4HR;AIzHI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ2HR;AIvHI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJyHR;AItHI;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJwHR;AIrHI;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,mDAAA;AJuHR","file":"style.css"} -======= -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACEhB;EACI,kBAAA;EACA,YAAA;EACA,cAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;AE1BA;;;;;;CAAA;AAUI;EACI,aAAA;AF0BR;AEvBI;EACI,YAAA;EACA,YAAA;AFyBR;;AEtBA,4DAAA;AACA;EACI,aAAA;EACA,qBAAA;AFyBJ;;AEtBA;EACI,kBAAA;AFyBJ;;AErBA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI,kBAAA;AFwBJ;;AErBA;EACI,kBAAA;AFwBJ;;AErBA;EACI,kBAAA;EACA,mBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI;IACI,uBAAA;EFwBN;EErBE;IACI,wBAAA;EFuBN;AACF;AGtFA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHqFJ;AGlFI;EACA,YAAA;EACA,YAAA;AHoFJ;AGjFI;EACA,YAAA;EACA,YAAA;AHmFJ;;AG/EA;EACI,sCAAA;AHkFJ;;AG/EA;EACI;IACI,6BAAA;EHkFN;EGhFE;IACI,8BAAA;EHkFN;AACF;AItHA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJ6EJ;AI7HI;EACI,aAAA;AJ+HR;AI5HI;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJ8HR;AI3HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ6HR;AI1HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJ4HR;AIzHI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ2HR;AIvHI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJyHR;AItHI;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJwHR;AIrHI;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,oDAAA;AJuHR","file":"style.css"} ->>>>>>> 1681e829ee455063e3c549e330f18275f4eee644 From 397cea60ae58ddeab8b2adc8597b6ba51fdcdaa8 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Mon, 1 May 2023 18:25:58 +0200 Subject: [PATCH 29/88] . --- .DS_Store | Bin 6148 -> 6148 bytes index.html | 2 ++ index.js | 28 ++++++++++++++-------------- src/sass/_root.scss | 3 +++ src/sass/_scene1.scss | 1 - src/sass/style.css | 4 ++++ src/sass/style.css.map | 2 +- 7 files changed, 24 insertions(+), 16 deletions(-) diff --git a/.DS_Store b/.DS_Store index ffe05815338bb4464b7250117786a786531b470c..bc043177dd33b66d9a3b90d626d6a7d372460cdb 100644 GIT binary patch delta 83 zcmZoMXffEJ&B7SIS%*c9k#XzfU{-D3B@7G Assignment_3 group_9 + @@ -132,6 +133,7 @@

Scene 3

+ diff --git a/index.js b/index.js index 9132a6c..995aec5 100644 --- a/index.js +++ b/index.js @@ -1,15 +1,15 @@ const callback = (entries, observer) => { - entries.forEach(entry => { - if (entry.isIntersecting) { - document.body.style.backgroundColor = entry.target.dataset.color; - } - }); - }; - - const changes = document.querySelectorAll('.change'); - - const observer = new IntersectionObserver(callback, { threshold: .5 }); - - changes.forEach(change => { - observer.observe(change); - }); \ No newline at end of file + entries.forEach(entry => { + if (entry.isIntersecting) { + document.body.style.backgroundColor = entry.target.dataset.color; + } + }); +}; + +const changes = document.querySelectorAll('.change'); + +const observer = new IntersectionObserver(callback, { threshold: .5 }); + +changes.forEach(change => { + observer.observe(change); +}); \ No newline at end of file diff --git a/src/sass/_root.scss b/src/sass/_root.scss index e46188d..99025ae 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -1,4 +1,7 @@ +body { + transition: .5s background-color; +} .change-1 { position: absolute; diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index 83d0ea2..74fec02 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -25,7 +25,6 @@ THE BEGINNING: .ice-platform{ position: absolute; - } .ice-overlay{ diff --git a/src/sass/style.css b/src/sass/style.css index 050adaa..f027a86 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -1,4 +1,8 @@ @charset "UTF-8"; +body { + transition: 0.5s background-color; +} + .change-1 { position: absolute; width: 100px; diff --git a/src/sass/style.css.map b/src/sass/style.css.map index ec878e5..2e4fa50 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACEhB;EACI,kBAAA;EACA,YAAA;EACA,cAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;AE1BA;;;;;;CAAA;AAUI;EACI,aAAA;AF0BR;AEvBI;EACI,YAAA;EACA,YAAA;AFyBR;;AEtBA,4DAAA;AACA;EACI,aAAA;EACA,qBAAA;AFyBJ;;AEtBA;EACI,kBAAA;AFyBJ;;AErBA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI,kBAAA;AFwBJ;;AErBA;EACI,kBAAA;AFwBJ;;AErBA;EACI,kBAAA;EACA,mBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI;IACI,uBAAA;EFwBN;EErBE;IACE,wBAAA;EFuBJ;AACF;AGtFA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHqFJ;AGlFI;EACA,YAAA;EACA,YAAA;AHoFJ;AGjFI;EACA,YAAA;EACA,YAAA;AHmFJ;;AG/EA;EACI,sCAAA;AHkFJ;;AG/EA;EACI;IACI,6BAAA;EHkFN;EGhFE;IACI,8BAAA;EHkFN;AACF;AItHA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJ6EJ;AI7HI;EACI,aAAA;AJ+HR;AI5HI;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJ8HR;AI3HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ6HR;AI1HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJ4HR;AIzHI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ2HR;AIvHI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJyHR;AItHI;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJwHR;AIrHI;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,mDAAA;AJuHR","file":"style.css"} +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,iCAAA;ADCJ;;ACEA;EACI,kBAAA;EACA,YAAA;EACA,cAAA;ADCJ;;ACEA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADCJ;;ACEA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADCJ;;ACEA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADCJ;;AE9BA;;;;;;CAAA;AAUI;EACI,aAAA;AF8BR;AE3BI;EACI,YAAA;EACA,YAAA;AF6BR;;AE1BA,4DAAA;AACA;EACI,aAAA;EACA,qBAAA;AF6BJ;;AE1BA;EACI,kBAAA;AF6BJ;;AE1BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AF6BJ;;AE1BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AF6BJ;;AE1BA;EACI,kBAAA;AF6BJ;;AE1BA;EACI,kBAAA;AF6BJ;;AE1BA;EACI,kBAAA;EACA,mBAAA;EACA,yDAAA;AF6BJ;;AE1BA;EACI;IACI,uBAAA;EF6BN;EE1BE;IACI,wBAAA;EF4BN;AACF;AG1FA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHyFJ;AGtFI;EACA,YAAA;EACA,YAAA;AHwFJ;AGrFI;EACA,YAAA;EACA,YAAA;AHuFJ;;AGnFA;EACI,sCAAA;AHsFJ;;AGnFA;EACI;IACI,6BAAA;EHsFN;EGpFE;IACI,8BAAA;EHsFN;AACF;AI1HA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJiFJ;AIjII;EACI,aAAA;AJmIR;AIhII;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJkIR;AI/HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJiIR;AI9HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJgIR;AI7HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ+HR;AI3HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJ6HR;AI1HI;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJ4HR;AIzHI;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,mDAAA;AJ2HR","file":"style.css"} \ No newline at end of file From 41a25c61223355602e4211d2bd4b7e119241354a Mon Sep 17 00:00:00 2001 From: maheggh <111765195+maheggh@users.noreply.github.com> Date: Mon, 1 May 2023 18:26:24 +0200 Subject: [PATCH 30/88] fixed the background changes --- index.html | 7 +++---- index.js | 2 +- src/sass/_root.scss | 3 ++- src/sass/style.css | 3 ++- src/sass/style.css.map | 6 +----- 5 files changed, 9 insertions(+), 12 deletions(-) diff --git a/index.html b/index.html index f64f49f..794d6f4 100644 --- a/index.html +++ b/index.html @@ -12,13 +12,13 @@ - +
- +
@@ -132,7 +132,6 @@

Scene 3

+ - - \ No newline at end of file diff --git a/index.js b/index.js index 9132a6c..bb6b6d5 100644 --- a/index.js +++ b/index.js @@ -8,7 +8,7 @@ const callback = (entries, observer) => { const changes = document.querySelectorAll('.change'); - const observer = new IntersectionObserver(callback, { threshold: .5 }); + const observer = new IntersectionObserver(callback, { threshold: 0.5 }); changes.forEach(change => { observer.observe(change); diff --git a/src/sass/_root.scss b/src/sass/_root.scss index e46188d..48812c9 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -2,8 +2,9 @@ .change-1 { position: absolute; - width: 100px; + width: 1000px; height: 1600px; + z-index: 9999 } .change-2 { diff --git a/src/sass/style.css b/src/sass/style.css index 050adaa..d2e70e9 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -1,8 +1,9 @@ @charset "UTF-8"; .change-1 { position: absolute; - width: 100px; + width: 1000px; height: 1600px; + z-index: 9999; } .change-2 { diff --git a/src/sass/style.css.map b/src/sass/style.css.map index b87c515..3b9ec85 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1,5 +1 @@ -<<<<<<< HEAD -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACEhB;EACI,kBAAA;EACA,YAAA;EACA,cAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;AE1BA;;;;;;CAAA;AAUI;EACI,aAAA;AF0BR;AEvBI;EACI,YAAA;EACA,YAAA;AFyBR;;AEtBA,4DAAA;AACA;EACI,aAAA;EACA,qBAAA;AFyBJ;;AEtBA;EACI,kBAAA;AFyBJ;;AErBA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI,kBAAA;AFwBJ;;AErBA;EACI,kBAAA;AFwBJ;;AErBA;EACI,kBAAA;EACA,mBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI;IACI,uBAAA;EFwBN;EErBE;IACE,wBAAA;EFuBJ;AACF;AGtFA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHqFJ;AGlFI;EACA,YAAA;EACA,YAAA;AHoFJ;AGjFI;EACA,YAAA;EACA,YAAA;AHmFJ;;AG/EA;EACI,sCAAA;AHkFJ;;AG/EA;EACI;IACI,6BAAA;EHkFN;EGhFE;IACI,8BAAA;EHkFN;AACF;AItHA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJ6EJ;AI7HI;EACI,aAAA;AJ+HR;AI5HI;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJ8HR;AI3HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ6HR;AI1HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJ4HR;AIzHI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ2HR;AIvHI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJyHR;AItHI;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJwHR;AIrHI;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,mDAAA;AJuHR","file":"style.css"} -======= -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACEhB;EACI,kBAAA;EACA,YAAA;EACA,cAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;AE1BA;;;;;;CAAA;AAUI;EACI,aAAA;AF0BR;AEvBI;EACI,YAAA;EACA,YAAA;AFyBR;;AEtBA,4DAAA;AACA;EACI,aAAA;EACA,qBAAA;AFyBJ;;AEtBA;EACI,kBAAA;AFyBJ;;AErBA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI,kBAAA;AFwBJ;;AErBA;EACI,kBAAA;AFwBJ;;AErBA;EACI,kBAAA;EACA,mBAAA;EACA,yDAAA;AFwBJ;;AErBA;EACI;IACI,uBAAA;EFwBN;EErBE;IACI,wBAAA;EFuBN;AACF;AGtFA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHqFJ;AGlFI;EACA,YAAA;EACA,YAAA;AHoFJ;AGjFI;EACA,YAAA;EACA,YAAA;AHmFJ;;AG/EA;EACI,sCAAA;AHkFJ;;AG/EA;EACI;IACI,6BAAA;EHkFN;EGhFE;IACI,8BAAA;EHkFN;AACF;AItHA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJ6EJ;AI7HI;EACI,aAAA;AJ+HR;AI5HI;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJ8HR;AI3HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ6HR;AI1HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJ4HR;AIzHI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ2HR;AIvHI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJyHR;AItHI;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJwHR;AIrHI;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,oDAAA;AJuHR","file":"style.css"} ->>>>>>> 1681e829ee455063e3c549e330f18275f4eee644 +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACEhB;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,aAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;AE3BA;;;;;;CAAA;AAUI;EACI,aAAA;AF2BR;AExBI;EACI,YAAA;EACA,YAAA;AF0BR;;AEvBA,4DAAA;AACA;EACI,aAAA;EACA,qBAAA;AF0BJ;;AEvBA;EACI,kBAAA;AF0BJ;;AEtBA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFyBJ;;AEtBA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFyBJ;;AEtBA;EACI,kBAAA;AFyBJ;;AEtBA;EACI,kBAAA;AFyBJ;;AEtBA;EACI,kBAAA;EACA,mBAAA;EACA,yDAAA;AFyBJ;;AEtBA;EACI;IACI,uBAAA;EFyBN;EEtBE;IACI,wBAAA;EFwBN;AACF;AGvFA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHsFJ;AGnFI;EACA,YAAA;EACA,YAAA;AHqFJ;AGlFI;EACA,YAAA;EACA,YAAA;AHoFJ;;AGhFA;EACI,sCAAA;AHmFJ;;AGhFA;EACI;IACI,6BAAA;EHmFN;EGjFE;IACI,8BAAA;EHmFN;AACF;AIvHA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJ8EJ;AI9HI;EACI,aAAA;AJgIR;AI7HI;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJ+HR;AI5HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ8HR;AI3HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJ6HR;AI1HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ4HR;AIxHI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJ0HR;AIvHI;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJyHR;AItHI;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,mDAAA;AJwHR","file":"style.css"} \ No newline at end of file From bf77c4755429241de143228119348a8ed960333e Mon Sep 17 00:00:00 2001 From: maheggh <111765195+maheggh@users.noreply.github.com> Date: Mon, 1 May 2023 18:36:10 +0200 Subject: [PATCH 31/88] . --- src/sass/style.css.map | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 6c5080a..3f3b6bd 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACEhB;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,aAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;ACGA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADAJ;;AE3BA;;;;;;CAAA;AAUI;EACI,aAAA;AF2BR;AExBI;EACI,YAAA;EACA,YAAA;AF0BR;;AEvBA,4DAAA;AACA;EACI,aAAA;EACA,qBAAA;AF0BJ;;AEvBA;EACI,kBAAA;AF0BJ;;AEtBA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFyBJ;;AEtBA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFyBJ;;AEtBA;EACI,kBAAA;AFyBJ;;AEtBA;EACI,kBAAA;AFyBJ;;AEtBA;EACI,kBAAA;EACA,mBAAA;EACA,yDAAA;AFyBJ;;AEtBA;EACI;IACI,uBAAA;EFyBN;EEtBE;IACI,wBAAA;EFwBN;AACF;AGvFA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHsFJ;AGnFI;EACA,YAAA;EACA,YAAA;AHqFJ;AGlFI;EACA,YAAA;EACA,YAAA;AHoFJ;;AGhFA;EACI,sCAAA;AHmFJ;;AGhFA;EACI;IACI,6BAAA;EHmFN;EGjFE;IACI,8BAAA;EHmFN;AACF;AIvHA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJ8EJ;AI9HI;EACI,aAAA;AJgIR;AI7HI;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJ+HR;AI5HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ8HR;AI3HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJ6HR;AI1HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ4HR;AIxHI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJ0HR;AIvHI;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJyHR;AItHI;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,mDAAA;AJwHR","file":"style.css"} +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,iCAAA;ADCJ;;ACEA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,aAAA;ADCJ;;ACEA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADCJ;;ACEA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADCJ;;ACEA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADCJ;;AE/BA;;;;;;CAAA;AAUI;EACI,aAAA;AF+BR;AE5BI;EACI,YAAA;EACA,YAAA;AF8BR;;AE3BA,4DAAA;AACA;EACI,aAAA;EACA,qBAAA;AF8BJ;;AE3BA;EACI,kBAAA;AF8BJ;;AE3BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AF8BJ;;AE3BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AF8BJ;;AE3BA;EACI,kBAAA;AF8BJ;;AE3BA;EACI,kBAAA;AF8BJ;;AE3BA;EACI,kBAAA;EACA,mBAAA;EACA,yDAAA;AF8BJ;;AE3BA;EACI;IACI,uBAAA;EF8BN;EE3BE;IACI,wBAAA;EF6BN;AACF;AG3FA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AH0FJ;AGvFI;EACA,YAAA;EACA,YAAA;AHyFJ;AGtFI;EACA,YAAA;EACA,YAAA;AHwFJ;;AGpFA;EACI,sCAAA;AHuFJ;;AGpFA;EACI;IACI,6BAAA;EHuFN;EGrFE;IACI,8BAAA;EHuFN;AACF;AI3HA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJkFJ;AIlII;EACI,aAAA;AJoIR;AIjII;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJmIR;AIhII;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJkIR;AI/HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJiIR;AI9HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJgIR;AI5HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJ8HR;AI3HI;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJ6HR;AI1HI;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,mDAAA;AJ4HR","file":"style.css"} \ No newline at end of file From 1fa0e3a942e5f39778e4019dd492d1a868dcb13a Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Mon, 1 May 2023 18:40:00 +0200 Subject: [PATCH 32/88] . --- index.html | 1 + src/sass/style.css | 11 ++--------- 2 files changed, 3 insertions(+), 9 deletions(-) diff --git a/index.html b/index.html index 05db483..7256d67 100644 --- a/index.html +++ b/index.html @@ -9,6 +9,7 @@ rel="stylesheet"> Assignment_3 group_9 + diff --git a/src/sass/style.css b/src/sass/style.css index f027a86..047b24d 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -107,7 +107,7 @@ MIDDLE .scroll-section__globalwarmingfacts2 { margin: 20px; width: 400px; -} +} .small__fish { animation: fish-animation 10s infinite; @@ -129,14 +129,7 @@ END • ….. */ .scroll-section { - /*The whole scene*/ - /*infotext*/ - /*deadfish 1*/ - /*deadfish 2*/ - /*seaweed 1*/ - /*seaweed 2*/ - /*oceanfloor*/ - /*extra dead fish*/ + } .scroll-section--scene3 { display: grid; From 2710c22a243bad6683119b283da0b1e934771be2 Mon Sep 17 00:00:00 2001 From: Geka19 Date: Mon, 1 May 2023 19:03:35 +0200 Subject: [PATCH 33/88] scene settup --- index.html | 8 ++++---- src/sass/_root.scss | 36 +++++++++++++++++++++++------------- src/sass/_scene3.scss | 2 +- src/sass/style.css | 38 +++++++++++++++++++++++++------------- src/sass/style.css.map | 2 +- 5 files changed, 54 insertions(+), 32 deletions(-) diff --git a/index.html b/index.html index ca59f44..792ad26 100644 --- a/index.html +++ b/index.html @@ -12,7 +12,6 @@ -
@@ -93,7 +92,10 @@ - +
+ small-fish + +

Scene 3

@@ -114,8 +116,6 @@

Scene 3

dead fish on the ocean floor
- small-fish -
dead fish on the ocean floor diff --git a/src/sass/_root.scss b/src/sass/_root.scss index b7e1395..792acf9 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -1,33 +1,43 @@ body { - transition: .5s background-color; + transition: 3s background-color; } +.scene1 { + margin-top: 1080px; +} +.scene2 { + margin-top: 1080px; + } .change-1 { position: absolute; - width: 1000px; - height: 1600px; - z-index: 9999 + width: 100%; + height: 100vh; + z-index: 9999; } .change-2 { position: absolute; - width: 1000px; - height: 1500px; - margin-top: 3540px; + width: 100%; + height: 100vh; + margin-top: 1080px; } .change-3 { position: absolute; - width: 1000px; - height: 1500px; - margin-top: 4080px; + width: 100%; + height: 100vh; + margin-top: 2160px; } .change-4 { position: absolute; - width: 1000px; - height: 2000px; - margin-top: 6000px; + width: 100%; + height: 100vh; + margin-top: 3240px; +} + +* { + overflow-x: hidden; } diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index c097b83..732fc39 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -61,6 +61,6 @@ END width: 400px; margin-bottom: 0; position: absolute; - transform: rotate(180deg) translate(-1000px, 200px); + transform: rotate(180deg) translate(-1000px, -700px); } } \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index e3b38e7..a2402df 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -1,34 +1,46 @@ @charset "UTF-8"; body { - transition: 0.5s background-color; + transition: 3s background-color; +} + +.scene1 { + margin-top: 1080px; +} + +.scene2 { + margin-top: 1080px; } .change-1 { position: absolute; - width: 1000px; - height: 1600px; + width: 100%; + height: 100vh; z-index: 9999; } .change-2 { position: absolute; - width: 1000px; - height: 1500px; - margin-top: 3540px; + width: 100%; + height: 100vh; + margin-top: 1080px; } .change-3 { position: absolute; - width: 1000px; - height: 1500px; - margin-top: 4080px; + width: 100%; + height: 100vh; + margin-top: 2160px; } .change-4 { position: absolute; - width: 1000px; - height: 2000px; - margin-top: 6000px; + width: 100%; + height: 100vh; + margin-top: 3240px; +} + +* { + overflow-x: hidden; } /* scene 1 @@ -184,5 +196,5 @@ END width: 400px; margin-bottom: 0; position: absolute; - transform: rotate(180deg) translate(-1000px, 200px); + transform: rotate(180deg) translate(-1000px, -700px); }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 3f3b6bd..bafcf16 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,iCAAA;ADCJ;;ACEA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,aAAA;ADCJ;;ACEA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADCJ;;ACEA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADCJ;;ACEA;EACI,kBAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;ADCJ;;AE/BA;;;;;;CAAA;AAUI;EACI,aAAA;AF+BR;AE5BI;EACI,YAAA;EACA,YAAA;AF8BR;;AE3BA,4DAAA;AACA;EACI,aAAA;EACA,qBAAA;AF8BJ;;AE3BA;EACI,kBAAA;AF8BJ;;AE3BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AF8BJ;;AE3BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AF8BJ;;AE3BA;EACI,kBAAA;AF8BJ;;AE3BA;EACI,kBAAA;AF8BJ;;AE3BA;EACI,kBAAA;EACA,mBAAA;EACA,yDAAA;AF8BJ;;AE3BA;EACI;IACI,uBAAA;EF8BN;EE3BE;IACI,wBAAA;EF6BN;AACF;AG3FA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AH0FJ;AGvFI;EACA,YAAA;EACA,YAAA;AHyFJ;AGtFI;EACA,YAAA;EACA,YAAA;AHwFJ;;AGpFA;EACI,sCAAA;AHuFJ;;AGpFA;EACI;IACI,6BAAA;EHuFN;EGrFE;IACI,8BAAA;EHuFN;AACF;AI3HA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJkFJ;AIlII;EACI,aAAA;AJoIR;AIjII;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJmIR;AIhII;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJkIR;AI/HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJiIR;AI9HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJgIR;AI5HI;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJ8HR;AI3HI;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJ6HR;AI1HI;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,mDAAA;AJ4HR","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,+BAAA;ADCJ;;ACEA;EACG,kBAAA;ADCH;;ACCA;EACI,kBAAA;ADEJ;;ACAA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;EACA,aAAA;ADGJ;;ACAA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;ADGJ;;ACAA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;ADGJ;;ACAA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;ADGJ;;ACAA;EACI,kBAAA;ADGJ;;AE3CA;;;;;;CAAA;AAUI;EACI,aAAA;AF2CR;AExCI;EACI,YAAA;EACA,YAAA;AF0CR;;AEvCA,4DAAA;AACA;EACI,aAAA;EACA,qBAAA;AF0CJ;;AEvCA;EACI,kBAAA;AF0CJ;;AEvCA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AF0CJ;;AEvCA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AF0CJ;;AEvCA;EACI,kBAAA;AF0CJ;;AEvCA;EACI,kBAAA;AF0CJ;;AEvCA;EACI,kBAAA;EACA,mBAAA;EACA,yDAAA;AF0CJ;;AEvCA;EACI;IACI,uBAAA;EF0CN;EEvCE;IACI,wBAAA;EFyCN;AACF;AGvGA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHsGJ;AGnGI;EACA,YAAA;EACA,YAAA;AHqGJ;AGlGI;EACA,YAAA;EACA,YAAA;AHoGJ;;AGhGA;EACI,sCAAA;AHmGJ;;AGhGA;EACI;IACI,6BAAA;EHmGN;EGjGE;IACI,8BAAA;EHmGN;AACF;AIvIA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJ8FJ;AI9II;EACI,aAAA;AJgJR;AI7II;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJ+IR;AI5II;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ8IR;AI3II;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJ6IR;AI1II;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ4IR;AIxII;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJ0IR;AIvII;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJyIR;AItII;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,oDAAA;AJwIR","file":"style.css"} \ No newline at end of file From b39c7de13e6c43edfe90ad995e15ce113de32289 Mon Sep 17 00:00:00 2001 From: maheggh Date: Tue, 2 May 2023 10:55:25 +0200 Subject: [PATCH 34/88] icebear + background fix changed background, and icebears head floating, and repaired a lot of errors in the html --- index.html | 121 ++++++++++++----------------------------- index.js | 2 +- src/sass/_root.scss | 4 +- src/sass/_scene1.scss | 5 +- src/sass/style.css | 17 ++++-- src/sass/style.css.map | 2 +- 6 files changed, 55 insertions(+), 96 deletions(-) diff --git a/index.html b/index.html index 9d8a823..a69066b 100644 --- a/index.html +++ b/index.html @@ -9,9 +9,8 @@ rel="stylesheet"> Assignment_3 group_9 - - +
@@ -19,83 +18,32 @@
-
- - - - + + + - -
- - +
- - - -
- - - - - - -
+ + + +
+ + + + + + + + +
+
- small-fish - + small-fish
@@ -117,23 +65,24 @@

Scene 3

dead fish on the ocean floor
+
-
- dead fish on the ocean floor -
+
+ dead fish on the ocean floor +
-
-

- The average US citizen emits 20 tons of greenhouse gas emissions per year, - most of which come from transportation, electricity generation, and the food system. - (This is 10 times the emissions from the average person in India, for example.) - It’s important for our communities, cities, states, - and country to tackle the climate crisis. - Here are a few ways they can take action: -

-
- +
+

+ The average US citizen emits 20 tons of greenhouse gas emissions per year, + most of which come from transportation, electricity generation, and the food system. + (This is 10 times the emissions from the average person in India, for example.) + It’s important for our communities, cities, states, + and country to tackle the climate crisis. + Here are a few ways they can take action: +

+
+ \ No newline at end of file diff --git a/index.js b/index.js index 9132a6c..d2c86b2 100644 --- a/index.js +++ b/index.js @@ -8,7 +8,7 @@ const callback = (entries, observer) => { const changes = document.querySelectorAll('.change'); - const observer = new IntersectionObserver(callback, { threshold: .5 }); + const observer = new IntersectionObserver(callback, { threshold: .1 }); changes.forEach(change => { observer.observe(change); diff --git a/src/sass/_root.scss b/src/sass/_root.scss index 792acf9..97d800f 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -13,7 +13,6 @@ body { position: absolute; width: 100%; height: 100vh; - z-index: 9999; } .change-2 { @@ -39,5 +38,4 @@ body { * { overflow-x: hidden; -} - +} \ No newline at end of file diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index 74fec02..bed00b9 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -45,11 +45,14 @@ THE BEGINNING: .icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face{ position: absolute; + width: 900px; + height: 900px; } .head-move{ position: absolute; - margin-left: -850px; + width: 900px; + height: 900px; animation: iceberg-animation 3s alternate infinite linear; } diff --git a/src/sass/style.css b/src/sass/style.css index 6a211b0..ced5873 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -15,7 +15,6 @@ body { position: absolute; width: 100%; height: 100vh; - z-index: 9999; } .change-2 { @@ -86,11 +85,14 @@ THE BEGINNING: .icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face { position: absolute; + width: 900px; + height: 900px; } .head-move { position: absolute; - margin-left: -850px; + width: 900px; + height: 900px; animation: iceberg-animation 3s alternate infinite linear; } @@ -120,7 +122,7 @@ MIDDLE .scroll-section__globalwarmingfacts2 { margin: 20px; width: 400px; -} +} .small__fish { animation: fish-animation 10s infinite; @@ -142,7 +144,14 @@ END • ….. */ .scroll-section { - + /*The whole scene*/ + /*infotext*/ + /*deadfish 1*/ + /*deadfish 2*/ + /*seaweed 1*/ + /*seaweed 2*/ + /*oceanfloor*/ + /*extra dead fish*/ } .scroll-section--scene3 { display: grid; diff --git a/src/sass/style.css.map b/src/sass/style.css.map index bafcf16..53a737f 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,+BAAA;ADCJ;;ACEA;EACG,kBAAA;ADCH;;ACCA;EACI,kBAAA;ADEJ;;ACAA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;EACA,aAAA;ADGJ;;ACAA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;ADGJ;;ACAA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;ADGJ;;ACAA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;ADGJ;;ACAA;EACI,kBAAA;ADGJ;;AE3CA;;;;;;CAAA;AAUI;EACI,aAAA;AF2CR;AExCI;EACI,YAAA;EACA,YAAA;AF0CR;;AEvCA,4DAAA;AACA;EACI,aAAA;EACA,qBAAA;AF0CJ;;AEvCA;EACI,kBAAA;AF0CJ;;AEvCA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AF0CJ;;AEvCA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AF0CJ;;AEvCA;EACI,kBAAA;AF0CJ;;AEvCA;EACI,kBAAA;AF0CJ;;AEvCA;EACI,kBAAA;EACA,mBAAA;EACA,yDAAA;AF0CJ;;AEvCA;EACI;IACI,uBAAA;EF0CN;EEvCE;IACI,wBAAA;EFyCN;AACF;AGvGA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHsGJ;AGnGI;EACA,YAAA;EACA,YAAA;AHqGJ;AGlGI;EACA,YAAA;EACA,YAAA;AHoGJ;;AGhGA;EACI,sCAAA;AHmGJ;;AGhGA;EACI;IACI,6BAAA;EHmGN;EGjGE;IACI,8BAAA;EHmGN;AACF;AIvIA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJ8FJ;AI9II;EACI,aAAA;AJgJR;AI7II;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJ+IR;AI5II;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ8IR;AI3II;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJ6IR;AI1II;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ4IR;AIxII;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJ0IR;AIvII;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJyIR;AItII;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,oDAAA;AJwIR","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,+BAAA;ADCJ;;ACEA;EACG,kBAAA;ADCH;;ACCA;EACI,kBAAA;ADEJ;;ACAA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;ADGJ;;ACAA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;ADGJ;;ACAA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;ADGJ;;ACAA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;ADGJ;;ACAA;EACI,kBAAA;ADGJ;;AE1CA;;;;;;CAAA;AAUI;EACI,aAAA;AF0CR;AEvCI;EACI,YAAA;EACA,YAAA;AFyCR;;AEtCA,4DAAA;AACA;EACI,aAAA;EACA,qBAAA;AFyCJ;;AEtCA;EACI,kBAAA;AFyCJ;;AEtCA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFyCJ;;AEtCA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFyCJ;;AEtCA;EACI,kBAAA;AFyCJ;;AEtCA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;AFyCJ;;AEtCA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,yDAAA;AFyCJ;;AEtCA;EACI;IACI,uBAAA;EFyCN;EEtCE;IACI,wBAAA;EFwCN;AACF;AGzGA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHwGJ;AGrGI;EACA,YAAA;EACA,YAAA;AHuGJ;AGpGI;EACA,YAAA;EACA,YAAA;AHsGJ;;AGlGA;EACI,sCAAA;AHqGJ;;AGlGA;EACI;IACI,6BAAA;EHqGN;EGnGE;IACI,8BAAA;EHqGN;AACF;AIzIA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJgGJ;AIhJI;EACI,aAAA;AJkJR;AI/II;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJiJR;AI9II;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJgJR;AI7II;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJ+IR;AI5II;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ8IR;AI1II;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJ4IR;AIzII;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJ2IR;AIxII;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,oDAAA;AJ0IR","file":"style.css"} \ No newline at end of file From a33a870ce9bc2fcdf47a40f6052d4623cdb4beb9 Mon Sep 17 00:00:00 2001 From: Geka19 Date: Wed, 3 May 2023 13:56:20 +0200 Subject: [PATCH 35/88] Color changes --- index.html | 52 ++++++++++++++++++++++++------------------- src/sass/_scene1.scss | 12 +++++++++- 2 files changed, 40 insertions(+), 24 deletions(-) diff --git a/index.html b/index.html index a69066b..5627399 100644 --- a/index.html +++ b/index.html @@ -13,24 +13,30 @@ -
-
-
-
+
+
+
+
- - - + + +
-
+
@@ -40,8 +46,8 @@
- +
small-fish
@@ -66,21 +72,21 @@

Scene 3

dead fish on the ocean floor - -
- dead fish on the ocean floor -
-
-

- The average US citizen emits 20 tons of greenhouse gas emissions per year, - most of which come from transportation, electricity generation, and the food system. - (This is 10 times the emissions from the average person in India, for example.) - It’s important for our communities, cities, states, - and country to tackle the climate crisis. - Here are a few ways they can take action: -

-
+
+ dead fish on the ocean floor +
+ +
+

+ The average US citizen emits 20 tons of greenhouse gas emissions per year, + most of which come from transportation, electricity generation, and the food system. + (This is 10 times the emissions from the average person in India, for example.) + It’s important for our communities, cities, states, + and country to tackle the climate crisis. + Here are a few ways they can take action: +

+
diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index bed00b9..9746a44 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -53,7 +53,7 @@ THE BEGINNING: position: absolute; width: 900px; height: 900px; - animation: iceberg-animation 3s alternate infinite linear; + animation: head-animation 1s alternate infinite linear; } @keyframes iceberg-animation { @@ -64,4 +64,14 @@ THE BEGINNING: 100%{ transform: rotate(-2deg); } +} + +@keyframes head-animation { + 0% { + transform: rotate(10deg); + } + + 100%{ + transform: rotate(-10deg); + } } \ No newline at end of file From 8f7e19c929072a284798672ff66e9c7f8242f4b5 Mon Sep 17 00:00:00 2001 From: Geka19 Date: Fri, 5 May 2023 14:03:20 +0200 Subject: [PATCH 36/88] Bug fixes --- index.html | 76 ++++++++++++++++++++++++++---------------- src/sass/_root.scss | 4 +-- src/sass/_scene1.scss | 17 ++++++---- src/sass/style.css | 30 ++++++++--------- src/sass/style.css.map | 2 +- 5 files changed, 76 insertions(+), 53 deletions(-) diff --git a/index.html b/index.html index 5627399..ccd5507 100644 --- a/index.html +++ b/index.html @@ -19,38 +19,56 @@
-
- - - - - -
-
- - - +
+ +
+ + + + + +
+
+ + + +
+ + + + + + + +
- - - - - - - -
-
- small-fish +
+ small-fish

Scene 3

@@ -78,14 +96,14 @@

Scene 3

-

+

diff --git a/src/sass/_root.scss b/src/sass/_root.scss index 97d800f..7649902 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -4,10 +4,10 @@ body { } .scene1 { - margin-top: 1080px; + } .scene2 { - margin-top: 1080px; + } .change-1 { position: absolute; diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index 9746a44..8549b84 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -18,6 +18,9 @@ THE BEGINNING: } } /* scene 1 ------------------------------------------------*/ +/*.clouds{ + position: absolute; +}*/ .iceberg, .icebear{ display: grid; justify-items: center; @@ -40,20 +43,18 @@ THE BEGINNING: } .icebear{ - margin-top: -150px; + } .icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face{ position: absolute; - width: 900px; - height: 900px; } .head-move{ position: absolute; width: 900px; height: 900px; - animation: head-animation 1s alternate infinite linear; + animation: head-animation 3s alternate infinite linear; } @keyframes iceberg-animation { @@ -68,10 +69,14 @@ THE BEGINNING: @keyframes head-animation { 0% { - transform: rotate(10deg); + transform: rotate(8deg); + } + + 50%{ + transform: rotate(-2deg); } 100%{ - transform: rotate(-10deg); + transform: rotate(-8deg); } } \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index ced5873..04f2bae 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -3,14 +3,6 @@ body { transition: 3s background-color; } -.scene1 { - margin-top: 1080px; -} - -.scene2 { - margin-top: 1080px; -} - .change-1 { position: absolute; width: 100%; @@ -58,6 +50,9 @@ THE BEGINNING: } /* scene 1 ------------------------------------------------*/ +/*.clouds{ + position: absolute; +}*/ .iceberg, .icebear { display: grid; justify-items: center; @@ -79,21 +74,15 @@ THE BEGINNING: animation: iceberg-animation 3s alternate infinite linear; } -.icebear { - margin-top: -150px; -} - .icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face { position: absolute; - width: 900px; - height: 900px; } .head-move { position: absolute; width: 900px; height: 900px; - animation: iceberg-animation 3s alternate infinite linear; + animation: head-animation 3s alternate infinite linear; } @keyframes iceberg-animation { @@ -104,6 +93,17 @@ THE BEGINNING: transform: rotate(-2deg); } } +@keyframes head-animation { + 0% { + transform: rotate(8deg); + } + 50% { + transform: rotate(-2deg); + } + 100% { + transform: rotate(-8deg); + } +} /* scene 2 ------------------------------------------------ MIDDLE diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 53a737f..e67bfd6 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,+BAAA;ADCJ;;ACEA;EACG,kBAAA;ADCH;;ACCA;EACI,kBAAA;ADEJ;;ACAA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;ADGJ;;ACAA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;ADGJ;;ACAA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;ADGJ;;ACAA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;ADGJ;;ACAA;EACI,kBAAA;ADGJ;;AE1CA;;;;;;CAAA;AAUI;EACI,aAAA;AF0CR;AEvCI;EACI,YAAA;EACA,YAAA;AFyCR;;AEtCA,4DAAA;AACA;EACI,aAAA;EACA,qBAAA;AFyCJ;;AEtCA;EACI,kBAAA;AFyCJ;;AEtCA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFyCJ;;AEtCA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFyCJ;;AEtCA;EACI,kBAAA;AFyCJ;;AEtCA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;AFyCJ;;AEtCA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,yDAAA;AFyCJ;;AEtCA;EACI;IACI,uBAAA;EFyCN;EEtCE;IACI,wBAAA;EFwCN;AACF;AGzGA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHwGJ;AGrGI;EACA,YAAA;EACA,YAAA;AHuGJ;AGpGI;EACA,YAAA;EACA,YAAA;AHsGJ;;AGlGA;EACI,sCAAA;AHqGJ;;AGlGA;EACI;IACI,6BAAA;EHqGN;EGnGE;IACI,8BAAA;EHqGN;AACF;AIzIA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJgGJ;AIhJI;EACI,aAAA;AJkJR;AI/II;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJiJR;AI9II;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJgJR;AI7II;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJ+IR;AI5II;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ8IR;AI1II;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJ4IR;AIzII;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJ2IR;AIxII;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,oDAAA;AJ0IR","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,+BAAA;ADCJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;ADLJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;ADLJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;ADLJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;ADLJ;;ACQA;EACI,kBAAA;ADLJ;;AElCA;;;;;;CAAA;AAUI;EACI,aAAA;AFkCR;AE/BI;EACI,YAAA;EACA,YAAA;AFiCR;;AE9BA,4DAAA;AACA;;EAAA;AAGA;EACI,aAAA;EACA,qBAAA;AFiCJ;;AE9BA;EACI,kBAAA;AFiCJ;;AE9BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFiCJ;;AE9BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFiCJ;;AE1BA;EACI,kBAAA;AF6BJ;;AE1BA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,sDAAA;AF6BJ;;AE1BA;EACI;IACI,uBAAA;EF6BN;EE1BE;IACI,wBAAA;EF4BN;AACF;AEzBA;EACI;IACI,uBAAA;EF2BN;EExBE;IACI,wBAAA;EF0BN;EEvBE;IACI,wBAAA;EFyBN;AACF;AGzGA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHwGJ;AGrGI;EACA,YAAA;EACA,YAAA;AHuGJ;AGpGI;EACA,YAAA;EACA,YAAA;AHsGJ;;AGlGA;EACI,sCAAA;AHqGJ;;AGlGA;EACI;IACI,6BAAA;EHqGN;EGnGE;IACI,8BAAA;EHqGN;AACF;AIzIA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJgGJ;AIhJI;EACI,aAAA;AJkJR;AI/II;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJiJR;AI9II;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJgJR;AI7II;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJ+IR;AI5II;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ8IR;AI1II;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJ4IR;AIzII;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJ2IR;AIxII;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,oDAAA;AJ0IR","file":"style.css"} \ No newline at end of file From 7be1e2b9b50beedccf99cb84925418e3890ff368 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Fri, 5 May 2023 14:03:27 +0200 Subject: [PATCH 37/88] fish upgrade --- .DS_Store | Bin 6148 -> 6148 bytes images/.DS_Store | Bin 6148 -> 8196 bytes images/fish/.DS_Store | Bin 0 -> 6148 bytes images/fish/big-fish-2.svg | 138 +++++++++++++++++++++++++++++ images/{ => fish}/big-fish.svg | 0 images/{ => fish}/cluster-fish.svg | 2 +- images/fish/small-amount-fish.svg | 70 +++++++++++++++ images/{ => fish}/small-fish.svg | 0 images/trash.svg | 130 --------------------------- images/trash/can.svg | 39 ++++++++ images/trash/sock.svg | 47 ++++++++++ images/trash/spoon.svg | 27 ++++++ images/trash/trashbag.svg | 45 ++++++++++ index.html | 31 +++++-- src/sass/_root.scss | 12 +-- src/sass/_scene2.scss | 50 ++++++++++- src/sass/style.css | 119 ++++++++++--------------- src/sass/style.css.map | 2 +- style.css | 2 +- 19 files changed, 493 insertions(+), 221 deletions(-) create mode 100644 images/fish/.DS_Store create mode 100644 images/fish/big-fish-2.svg rename images/{ => fish}/big-fish.svg (100%) rename images/{ => fish}/cluster-fish.svg (99%) create mode 100644 images/fish/small-amount-fish.svg rename images/{ => fish}/small-fish.svg (100%) delete mode 100644 images/trash.svg create mode 100644 images/trash/can.svg create mode 100644 images/trash/sock.svg create mode 100644 images/trash/spoon.svg create mode 100644 images/trash/trashbag.svg diff --git a/.DS_Store b/.DS_Store index bc043177dd33b66d9a3b90d626d6a7d372460cdb..24771a4fb3ac9f6d175e993e79cfd751881b72b1 100644 GIT binary patch delta 123 zcmZoMXfc@JFUrlpz`)4BAi%(o$WX*k!cgp)lb^gOV diff --git a/images/.DS_Store b/images/.DS_Store index 3eb075ea2370223886c0fbac00a7497211a74d39..59d2637015d78da2d0dcf84e9ee50bf1497487a7 100644 GIT binary patch literal 8196 zcmeHMPmj_-6o13AyTx@k95mtB#M_3fu&hfqUJ&tMG#;$cgMYB4xHOgyfdU6Y!ddUe zkKn-%;K8dVUOf5%{2V6w-po)7w1ktO;2-Pyhe}8`=CG zsstfFwH3*z9s)DO1GrFzBN)I4&R3#!hh{)Cpc&8%Xa+O`e***f%_cEYzWdUvwPrvw z@Lw`O?*|hb*_yI5X~nApl_&wwX0clc9%CIKFs8CKWoOa~D2^$s2d1D*l^9II(Qi^X z+M2R6X(b$(gacDEGgYB5F+1W+5e}>-t=5_W&A=)HRJ&h*7Wlwn7_Z-N`@H4&+(ADs zsZ5CW=%)}dNE~xKulbiS-`8L&DHxjPeabv1DHxh34Rb9S1NZP1ahNjCX$t1!8ca1A z!w#1)2gq?7Y}7Bn!<~{2zUQJnlSTg6+YPX3-0v)5v-9~D=YTiJ-Q5@uQJga#^wjhJ z;PiZN5SB{cSY|7`y|ZiV8hgf5tHZ}uXotf=-R?i8vj?2}&ivSR9(wI@Gk@tO4?^1u z+I<1=+%|?hdE^ByAJ_RXa0dcwNr#a$a?N~UGAW-`ie|Z5ofgf>*>S08o>We!)0}bn z%GK-ln=k!tz+d6DqcHVJfPHx$>DPD^-H(4>wpzT~i@Y&kmp2;fUX9AL&tImQPdDP& zE_c`Zd!6*LM^-=Zc|iMNbe#vd&RQY^0(>I0>Nxb1bBEU4LXKX z2TSlUBmo7}8FU$-l9MM0iffhvwb=cK03^@#?K+Po#sSHI(sucvqReu3h*dnRs z1FFkqNCfK0K~f1cSNb+kr6ZC`PM~>3K$Sp8O$M68JsT)*1CifYD9*N+or6P=87Kw> q0^C5t738grh2NPc^UGK&fP{e_V}jBke}Xum004yv!{&INIm`goWJPoU diff --git a/images/fish/.DS_Store b/images/fish/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..55057b439616d05cf2d25e1ba7a521a2e061e54b GIT binary patch literal 6148 zcmeHK!AiqG5PefCRFu+-;6=y}SkQyu$yn;avp-;4wF=RKTF>#5{3(A!-|UPvA@M3I zGcfxmlXvrp=n%hrh|es3Lyfk{iYt3WNf61=j3wpy&VT_xJxg zDV{=sP~cxFAl>o#c*G_7+1gl~p0yeMg07}@rQwRgARWc5)uVWao{afS17hx28ZtwR OKLSaH7(#&`Rp0~ex?zC; literal 0 HcmV?d00001 diff --git a/images/fish/big-fish-2.svg b/images/fish/big-fish-2.svg new file mode 100644 index 0000000..a35d1b5 --- /dev/null +++ b/images/fish/big-fish-2.svg @@ -0,0 +1,138 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/images/big-fish.svg b/images/fish/big-fish.svg similarity index 100% rename from images/big-fish.svg rename to images/fish/big-fish.svg diff --git a/images/cluster-fish.svg b/images/fish/cluster-fish.svg similarity index 99% rename from images/cluster-fish.svg rename to images/fish/cluster-fish.svg index 8ed32c1..a8a07a3 100644 --- a/images/cluster-fish.svg +++ b/images/fish/cluster-fish.svg @@ -3,7 +3,7 @@ diff --git a/images/fish/small-amount-fish.svg b/images/fish/small-amount-fish.svg new file mode 100644 index 0000000..876c731 --- /dev/null +++ b/images/fish/small-amount-fish.svg @@ -0,0 +1,70 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/images/small-fish.svg b/images/fish/small-fish.svg similarity index 100% rename from images/small-fish.svg rename to images/fish/small-fish.svg diff --git a/images/trash.svg b/images/trash.svg deleted file mode 100644 index 44221a2..0000000 --- a/images/trash.svg +++ /dev/null @@ -1,130 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/images/trash/can.svg b/images/trash/can.svg new file mode 100644 index 0000000..a733392 --- /dev/null +++ b/images/trash/can.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/images/trash/sock.svg b/images/trash/sock.svg new file mode 100644 index 0000000..e44f23d --- /dev/null +++ b/images/trash/sock.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/images/trash/spoon.svg b/images/trash/spoon.svg new file mode 100644 index 0000000..cf1ed78 --- /dev/null +++ b/images/trash/spoon.svg @@ -0,0 +1,27 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/images/trash/trashbag.svg b/images/trash/trashbag.svg new file mode 100644 index 0000000..3fada9a --- /dev/null +++ b/images/trash/trashbag.svg @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index 5627399..f8c6396 100644 --- a/index.html +++ b/index.html @@ -12,12 +12,12 @@ - +
- +
@@ -33,9 +33,9 @@
- - - + + +
@@ -49,8 +49,24 @@
- small-fish -
+ +
+
+ big-fish + small-fish + small-amount-fish + cluster-fish +
+ + +
+ trash-can + trash-spoon + trash-bag + trash-sock +
+
+

Scene 3

@@ -90,5 +106,4 @@

Scene 3

- \ No newline at end of file diff --git a/src/sass/_root.scss b/src/sass/_root.scss index 97d800f..3313bbd 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -4,35 +4,35 @@ body { } .scene1 { - margin-top: 1080px; + // margin-top: 1080px; } .scene2 { margin-top: 1080px; - } +} .change-1 { position: absolute; width: 100%; - height: 100vh; + min-height: 100vh; } .change-2 { position: absolute; width: 100%; - height: 100vh; + min-height: 100vh; margin-top: 1080px; } .change-3 { position: absolute; width: 100%; - height: 100vh; + min-height: 100vh; margin-top: 2160px; } .change-4 { position: absolute; width: 100%; - height: 100vh; + min-height: 100vh; margin-top: 3240px; } diff --git a/src/sass/_scene2.scss b/src/sass/_scene2.scss index bbfa950..525e217 100644 --- a/src/sass/_scene2.scss +++ b/src/sass/_scene2.scss @@ -25,15 +25,59 @@ MIDDLE } .small__fish{ - animation: fish-animation 10s infinite; + animation: fish-animation-1 10s infinite; } -@keyframes fish-animation{ + +@keyframes fish-animation-1{ from { transform: translateX(1300px); } to { - transform: translateX(-2000px); + transform: translateX(-1700px); + } +} + +.big__fish, .small__amount__fish{ + animation: fish-animation-2 14s infinite; +} + +@keyframes fish-animation-2{ + from { + transform: translateX(-1300px); + } + to { + transform: translateX(1700px); + } +} + + + +.trash{ + animation: trash-animation 7s ease-in infinite; + +} + +@keyframes trash-animation { + 0%{ + transform: translateY(0); } + 30%{ + transform: translateY(50px); + } + 50%{ + transform: translateY(100px); + } + 70%{ + transform: translateY(50px); + } + 100%{ + transform: translateY(0); + } + } +.trash__sock{ + margin-left: 100px; + height: 20px; +} \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index ced5873..f43cdf4 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -3,10 +3,6 @@ body { transition: 3s background-color; } -.scene1 { - margin-top: 1080px; -} - .scene2 { margin-top: 1080px; } @@ -14,27 +10,27 @@ body { .change-1 { position: absolute; width: 100%; - height: 100vh; + min-height: 100vh; } .change-2 { position: absolute; width: 100%; - height: 100vh; + min-height: 100vh; margin-top: 1080px; } .change-3 { position: absolute; width: 100%; - height: 100vh; + min-height: 100vh; margin-top: 2160px; } .change-4 { position: absolute; width: 100%; - height: 100vh; + min-height: 100vh; margin-top: 3240px; } @@ -93,7 +89,7 @@ THE BEGINNING: position: absolute; width: 900px; height: 900px; - animation: iceberg-animation 3s alternate infinite linear; + animation: head-animation 1s alternate infinite linear; } @keyframes iceberg-animation { @@ -104,6 +100,14 @@ THE BEGINNING: transform: rotate(-2deg); } } +@keyframes head-animation { + 0% { + transform: rotate(10deg); + } + 100% { + transform: rotate(-10deg); + } +} /* scene 2 ------------------------------------------------ MIDDLE @@ -125,78 +129,51 @@ MIDDLE } .small__fish { - animation: fish-animation 10s infinite; + animation: fish-animation-1 10s infinite; } -@keyframes fish-animation { +@keyframes fish-animation-1 { from { transform: translateX(1300px); } to { - transform: translateX(-2000px); + transform: translateX(-1700px); } } -/* scene 3 ------------------------------------------------- -END -• The water getting darker and fades to black screen. -• Text comes up. -• ….. -*/ -.scroll-section { - /*The whole scene*/ - /*infotext*/ - /*deadfish 1*/ - /*deadfish 2*/ - /*seaweed 1*/ - /*seaweed 2*/ - /*oceanfloor*/ - /*extra dead fish*/ -} -.scroll-section--scene3 { - display: grid; +.big__fish, .small__amount__fish { + animation: fish-animation-2 14s infinite; } -.scroll-section__howtofix { - font-size: 25px; - z-index: 1; - width: 500px; - color: red; - position: absolute; - top: 25%; - left: 25%; -} -.scroll-section__img1 { - width: 250px; - position: absolute; - z-index: 1; - transform: translate(1000px, 620px); -} -.scroll-section__img2 { - width: 500px; - position: absolute; - z-index: 1; - transform: translate(100px, 600px); -} -.scroll-section__img3 { - width: 400px; - position: absolute; - z-index: 1; - transform: translate(1400px, 200px); + +@keyframes fish-animation-2 { + from { + transform: translateX(-1300px); + } + to { + transform: translateX(1700px); + } } -.scroll-section__img4 { - width: 200px; - position: absolute; - z-index: 1; - transform: translate(42px, 100px); +.trash { + animation: trash-animation 7s ease-in infinite; } -.scroll-section__img5 { - width: 100vw; - position: absolute; - transform: translate(-30px, 600px); + +@keyframes trash-animation { + 0% { + transform: translateY(0); + } + 30% { + transform: translateY(50px); + } + 50% { + transform: translateY(100px); + } + 70% { + transform: translateY(50px); + } + 100% { + transform: translateY(0); + } } -.scroll-section__img6 { - width: 400px; - margin-bottom: 0; - position: absolute; - transform: rotate(180deg) translate(-1000px, -700px); +.trash__sock { + margin-left: 100px; + height: 20px; }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 53a737f..6ebb971 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,+BAAA;ADCJ;;ACEA;EACG,kBAAA;ADCH;;ACCA;EACI,kBAAA;ADEJ;;ACAA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;ADGJ;;ACAA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;ADGJ;;ACAA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;ADGJ;;ACAA;EACI,kBAAA;EACA,WAAA;EACA,aAAA;EACA,kBAAA;ADGJ;;ACAA;EACI,kBAAA;ADGJ;;AE1CA;;;;;;CAAA;AAUI;EACI,aAAA;AF0CR;AEvCI;EACI,YAAA;EACA,YAAA;AFyCR;;AEtCA,4DAAA;AACA;EACI,aAAA;EACA,qBAAA;AFyCJ;;AEtCA;EACI,kBAAA;AFyCJ;;AEtCA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFyCJ;;AEtCA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFyCJ;;AEtCA;EACI,kBAAA;AFyCJ;;AEtCA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;AFyCJ;;AEtCA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,yDAAA;AFyCJ;;AEtCA;EACI;IACI,uBAAA;EFyCN;EEtCE;IACI,wBAAA;EFwCN;AACF;AGzGA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHwGJ;AGrGI;EACA,YAAA;EACA,YAAA;AHuGJ;AGpGI;EACA,YAAA;EACA,YAAA;AHsGJ;;AGlGA;EACI,sCAAA;AHqGJ;;AGlGA;EACI;IACI,6BAAA;EHqGN;EGnGE;IACI,8BAAA;EHqGN;AACF;AIzIA;;;;;;CAAA;AAOA;EAEI,kBAAA;EAIA,WAAA;EAUA,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJgGJ;AIhJI;EACI,aAAA;AJkJR;AI/II;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJiJR;AI9II;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJgJR;AI7II;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJ+IR;AI5II;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,mCAAA;AJ8IR;AI1II;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJ4IR;AIzII;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJ2IR;AIxII;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,oDAAA;AJ0IR","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,+BAAA;ADCJ;;ACKA;EACI,kBAAA;ADFJ;;ACIA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;ADDJ;;ACIA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADDJ;;ACIA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADDJ;;ACIA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADDJ;;ACIA;EACI,kBAAA;ADDJ;;AEtCA;;;;;;CAAA;AAUI;EACI,aAAA;AFsCR;AEnCI;EACI,YAAA;EACA,YAAA;AFqCR;;AElCA,4DAAA;AACA;EACI,aAAA;EACA,qBAAA;AFqCJ;;AElCA;EACI,kBAAA;AFqCJ;;AElCA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFqCJ;;AElCA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFqCJ;;AElCA;EACI,kBAAA;AFqCJ;;AElCA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;AFqCJ;;AElCA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,sDAAA;AFqCJ;;AElCA;EACI;IACI,uBAAA;EFqCN;EElCE;IACI,wBAAA;EFoCN;AACF;AEjCA;EACI;IACI,wBAAA;EFmCN;EEhCE;IACI,yBAAA;EFkCN;AACF;AG7GA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AH4GJ;AGzGI;EACA,YAAA;EACA,YAAA;AH2GJ;AGxGI;EACA,YAAA;EACA,YAAA;AH0GJ;;AGtGA;EACI,wCAAA;AHyGJ;;AGrGA;EACI;IACI,6BAAA;EHwGN;EGtGE;IACI,8BAAA;EHwGN;AACF;AGrGA;EACI,wCAAA;AHuGJ;;AGpGA;EACI;IACI,8BAAA;EHuGN;EGrGE;IACI,6BAAA;EHuGN;AACF;AGlGA;EACI,8CAAA;AHoGJ;;AGhGA;EACI;IACI,wBAAA;EHmGN;EGjGE;IACI,2BAAA;EHmGN;EGjGE;IACI,4BAAA;EHmGN;EGjGE;IACI,2BAAA;EHmGN;EGjGE;IACI,wBAAA;EHmGN;AACF;AG/FA;EACI,kBAAA;EACA,YAAA;AHiGJ","file":"style.css"} \ No newline at end of file diff --git a/style.css b/style.css index 0577849..48c7757 100644 --- a/style.css +++ b/style.css @@ -5,7 +5,7 @@ .ice-platform{ position: absolute; - + } .ice-overlay{ From e3f79c373fcf7668c7d36ee5ac25ed461c710693 Mon Sep 17 00:00:00 2001 From: Geka19 Date: Fri, 5 May 2023 14:20:06 +0200 Subject: [PATCH 38/88] BugFixes2 --- index.html | 12 +++++++++--- src/sass/_scene2.scss | 4 ++++ src/sass/style.css | 4 ++++ src/sass/style.css.map | 2 +- 4 files changed, 18 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 8a1268f..de2b48f 100644 --- a/index.html +++ b/index.html @@ -33,10 +33,16 @@
- - - + + +
+ + + + + +
diff --git a/src/sass/_scene2.scss b/src/sass/_scene2.scss index 525e217..3f91840 100644 --- a/src/sass/_scene2.scss +++ b/src/sass/_scene2.scss @@ -80,4 +80,8 @@ MIDDLE .trash__sock{ margin-left: 100px; height: 20px; +} + +.scene2 { + overflow: hidden; } \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index 4b79ce7..47072a2 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -172,4 +172,8 @@ MIDDLE .trash__sock { margin-left: 100px; height: 20px; +} + +.scene2 { + overflow: hidden; }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 621b352..d589246 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,+BAAA;ADCJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;ADLJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADLJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADLJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADLJ;;ACQA;EACI,kBAAA;ADLJ;;AElCA;;;;;;CAAA;AAUI;EACI,aAAA;AFkCR;AE/BI;EACI,YAAA;EACA,YAAA;AFiCR;;AE9BA,4DAAA;AACA;;EAAA;AAGA;EACI,aAAA;EACA,qBAAA;AFiCJ;;AE9BA;EACI,kBAAA;AFiCJ;;AE9BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFiCJ;;AE9BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFiCJ;;AE1BA;EACI,kBAAA;AF6BJ;;AE1BA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,sDAAA;AF6BJ;;AE1BA;EACI;IACI,uBAAA;EF6BN;EE1BE;IACI,wBAAA;EF4BN;AACF;AEzBA;EACI;IACI,uBAAA;EF2BN;EExBE;IACI,wBAAA;EF0BN;EEvBE;IACI,wBAAA;EFyBN;AACF;AGzGA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHwGJ;AGrGI;EACA,YAAA;EACA,YAAA;AHuGJ;AGpGI;EACA,YAAA;EACA,YAAA;AHsGJ;;AGlGA;EACI,wCAAA;AHqGJ;;AGjGA;EACI;IACI,6BAAA;EHoGN;EGlGE;IACI,8BAAA;EHoGN;AACF;AGjGA;EACI,wCAAA;AHmGJ;;AGhGA;EACI;IACI,8BAAA;EHmGN;EGjGE;IACI,6BAAA;EHmGN;AACF;AG9FA;EACI,8CAAA;AHgGJ;;AG5FA;EACI;IACI,wBAAA;EH+FN;EG7FE;IACI,2BAAA;EH+FN;EG7FE;IACI,4BAAA;EH+FN;EG7FE;IACI,2BAAA;EH+FN;EG7FE;IACI,wBAAA;EH+FN;AACF;AG3FA;EACI,kBAAA;EACA,YAAA;AH6FJ","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,+BAAA;ADCJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;ADLJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADLJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADLJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADLJ;;ACQA;EACI,kBAAA;ADLJ;;AElCA;;;;;;CAAA;AAUI;EACI,aAAA;AFkCR;AE/BI;EACI,YAAA;EACA,YAAA;AFiCR;;AE9BA,4DAAA;AACA;;EAAA;AAGA;EACI,aAAA;EACA,qBAAA;AFiCJ;;AE9BA;EACI,kBAAA;AFiCJ;;AE9BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFiCJ;;AE9BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFiCJ;;AE1BA;EACI,kBAAA;AF6BJ;;AE1BA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,sDAAA;AF6BJ;;AE1BA;EACI;IACI,uBAAA;EF6BN;EE1BE;IACI,wBAAA;EF4BN;AACF;AEzBA;EACI;IACI,uBAAA;EF2BN;EExBE;IACI,wBAAA;EF0BN;EEvBE;IACI,wBAAA;EFyBN;AACF;AGzGA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHwGJ;AGrGI;EACA,YAAA;EACA,YAAA;AHuGJ;AGpGI;EACA,YAAA;EACA,YAAA;AHsGJ;;AGlGA;EACI,wCAAA;AHqGJ;;AGjGA;EACI;IACI,6BAAA;EHoGN;EGlGE;IACI,8BAAA;EHoGN;AACF;AGjGA;EACI,wCAAA;AHmGJ;;AGhGA;EACI;IACI,8BAAA;EHmGN;EGjGE;IACI,6BAAA;EHmGN;AACF;AG9FA;EACI,8CAAA;AHgGJ;;AG5FA;EACI;IACI,wBAAA;EH+FN;EG7FE;IACI,2BAAA;EH+FN;EG7FE;IACI,4BAAA;EH+FN;EG7FE;IACI,2BAAA;EH+FN;EG7FE;IACI,wBAAA;EH+FN;AACF;AG3FA;EACI,kBAAA;EACA,YAAA;AH6FJ;;AG1FA;EACI,gBAAA;AH6FJ","file":"style.css"} \ No newline at end of file From df72655768f4b6c8023ec90eb4263fb4949dbeb0 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Fri, 5 May 2023 14:20:22 +0200 Subject: [PATCH 39/88] . --- src/sass/_root.scss | 4 ++-- src/sass/_scene2.scss | 3 +++ src/sass/style.css | 4 ++++ src/sass/style.css.map | 2 +- 4 files changed, 10 insertions(+), 3 deletions(-) diff --git a/src/sass/_root.scss b/src/sass/_root.scss index 26c1280..d6f8f76 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -4,11 +4,11 @@ body { } .scene1 { - + } .scene2 { - } +} .change-1 { position: absolute; width: 100%; diff --git a/src/sass/_scene2.scss b/src/sass/_scene2.scss index 525e217..9d6e673 100644 --- a/src/sass/_scene2.scss +++ b/src/sass/_scene2.scss @@ -28,6 +28,9 @@ MIDDLE animation: fish-animation-1 10s infinite; } +.cluster__fish{ + overflow: hidden; +} @keyframes fish-animation-1{ from { diff --git a/src/sass/style.css b/src/sass/style.css index 4b79ce7..2165870 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -128,6 +128,10 @@ MIDDLE animation: fish-animation-1 10s infinite; } +.cluster__fish { + overflow: hidden; +} + @keyframes fish-animation-1 { from { transform: translateX(1300px); diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 621b352..ad04b6d 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,+BAAA;ADCJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;ADLJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADLJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADLJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADLJ;;ACQA;EACI,kBAAA;ADLJ;;AElCA;;;;;;CAAA;AAUI;EACI,aAAA;AFkCR;AE/BI;EACI,YAAA;EACA,YAAA;AFiCR;;AE9BA,4DAAA;AACA;;EAAA;AAGA;EACI,aAAA;EACA,qBAAA;AFiCJ;;AE9BA;EACI,kBAAA;AFiCJ;;AE9BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFiCJ;;AE9BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFiCJ;;AE1BA;EACI,kBAAA;AF6BJ;;AE1BA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,sDAAA;AF6BJ;;AE1BA;EACI;IACI,uBAAA;EF6BN;EE1BE;IACI,wBAAA;EF4BN;AACF;AEzBA;EACI;IACI,uBAAA;EF2BN;EExBE;IACI,wBAAA;EF0BN;EEvBE;IACI,wBAAA;EFyBN;AACF;AGzGA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHwGJ;AGrGI;EACA,YAAA;EACA,YAAA;AHuGJ;AGpGI;EACA,YAAA;EACA,YAAA;AHsGJ;;AGlGA;EACI,wCAAA;AHqGJ;;AGjGA;EACI;IACI,6BAAA;EHoGN;EGlGE;IACI,8BAAA;EHoGN;AACF;AGjGA;EACI,wCAAA;AHmGJ;;AGhGA;EACI;IACI,8BAAA;EHmGN;EGjGE;IACI,6BAAA;EHmGN;AACF;AG9FA;EACI,8CAAA;AHgGJ;;AG5FA;EACI;IACI,wBAAA;EH+FN;EG7FE;IACI,2BAAA;EH+FN;EG7FE;IACI,4BAAA;EH+FN;EG7FE;IACI,2BAAA;EH+FN;EG7FE;IACI,wBAAA;EH+FN;AACF;AG3FA;EACI,kBAAA;EACA,YAAA;AH6FJ","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,+BAAA;ADCJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;ADLJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADLJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADLJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADLJ;;ACQA;EACI,kBAAA;ADLJ;;AElCA;;;;;;CAAA;AAUI;EACI,aAAA;AFkCR;AE/BI;EACI,YAAA;EACA,YAAA;AFiCR;;AE9BA,4DAAA;AACA;;EAAA;AAGA;EACI,aAAA;EACA,qBAAA;AFiCJ;;AE9BA;EACI,kBAAA;AFiCJ;;AE9BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFiCJ;;AE9BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFiCJ;;AE1BA;EACI,kBAAA;AF6BJ;;AE1BA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,sDAAA;AF6BJ;;AE1BA;EACI;IACI,uBAAA;EF6BN;EE1BE;IACI,wBAAA;EF4BN;AACF;AEzBA;EACI;IACI,uBAAA;EF2BN;EExBE;IACI,wBAAA;EF0BN;EEvBE;IACI,wBAAA;EFyBN;AACF;AGzGA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHwGJ;AGrGI;EACA,YAAA;EACA,YAAA;AHuGJ;AGpGI;EACA,YAAA;EACA,YAAA;AHsGJ;;AGlGA;EACI,wCAAA;AHqGJ;;AGlGA;EACI,gBAAA;AHqGJ;;AGlGA;EACI;IACI,6BAAA;EHqGN;EGnGE;IACI,8BAAA;EHqGN;AACF;AGlGA;EACI,wCAAA;AHoGJ;;AGjGA;EACI;IACI,8BAAA;EHoGN;EGlGE;IACI,6BAAA;EHoGN;AACF;AG/FA;EACI,8CAAA;AHiGJ;;AG7FA;EACI;IACI,wBAAA;EHgGN;EG9FE;IACI,2BAAA;EHgGN;EG9FE;IACI,4BAAA;EHgGN;EG9FE;IACI,2BAAA;EHgGN;EG9FE;IACI,wBAAA;EHgGN;AACF;AG5FA;EACI,kBAAA;EACA,YAAA;AH8FJ","file":"style.css"} \ No newline at end of file From 635ef8f02746d37be6ccbb7d5d55662215f766eb Mon Sep 17 00:00:00 2001 From: Geka19 Date: Fri, 5 May 2023 14:26:58 +0200 Subject: [PATCH 40/88] fixes --- src/sass/_root.scss | 7 ++++--- src/sass/style.css.map | 2 +- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/src/sass/_root.scss b/src/sass/_root.scss index 26c1280..58ece13 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -4,11 +4,12 @@ body { } .scene1 { - + } + .scene2 { - - } + +} .change-1 { position: absolute; width: 100%; diff --git a/src/sass/style.css.map b/src/sass/style.css.map index d589246..12b9a55 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,+BAAA;ADCJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;ADLJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADLJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADLJ;;ACQA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADLJ;;ACQA;EACI,kBAAA;ADLJ;;AElCA;;;;;;CAAA;AAUI;EACI,aAAA;AFkCR;AE/BI;EACI,YAAA;EACA,YAAA;AFiCR;;AE9BA,4DAAA;AACA;;EAAA;AAGA;EACI,aAAA;EACA,qBAAA;AFiCJ;;AE9BA;EACI,kBAAA;AFiCJ;;AE9BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFiCJ;;AE9BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFiCJ;;AE1BA;EACI,kBAAA;AF6BJ;;AE1BA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,sDAAA;AF6BJ;;AE1BA;EACI;IACI,uBAAA;EF6BN;EE1BE;IACI,wBAAA;EF4BN;AACF;AEzBA;EACI;IACI,uBAAA;EF2BN;EExBE;IACI,wBAAA;EF0BN;EEvBE;IACI,wBAAA;EFyBN;AACF;AGzGA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHwGJ;AGrGI;EACA,YAAA;EACA,YAAA;AHuGJ;AGpGI;EACA,YAAA;EACA,YAAA;AHsGJ;;AGlGA;EACI,wCAAA;AHqGJ;;AGjGA;EACI;IACI,6BAAA;EHoGN;EGlGE;IACI,8BAAA;EHoGN;AACF;AGjGA;EACI,wCAAA;AHmGJ;;AGhGA;EACI;IACI,8BAAA;EHmGN;EGjGE;IACI,6BAAA;EHmGN;AACF;AG9FA;EACI,8CAAA;AHgGJ;;AG5FA;EACI;IACI,wBAAA;EH+FN;EG7FE;IACI,2BAAA;EH+FN;EG7FE;IACI,4BAAA;EH+FN;EG7FE;IACI,2BAAA;EH+FN;EG7FE;IACI,wBAAA;EH+FN;AACF;AG3FA;EACI,kBAAA;EACA,YAAA;AH6FJ;;AG1FA;EACI,gBAAA;AH6FJ","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,+BAAA;ADCJ;;ACSA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;ADNJ;;ACSA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADNJ;;ACSA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADNJ;;ACSA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADNJ;;ACSA;EACI,kBAAA;ADNJ;;AElCA;;;;;;CAAA;AAUI;EACI,aAAA;AFkCR;AE/BI;EACI,YAAA;EACA,YAAA;AFiCR;;AE9BA,4DAAA;AACA;;EAAA;AAGA;EACI,aAAA;EACA,qBAAA;AFiCJ;;AE9BA;EACI,kBAAA;AFiCJ;;AE9BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFiCJ;;AE9BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFiCJ;;AE1BA;EACI,kBAAA;AF6BJ;;AE1BA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,sDAAA;AF6BJ;;AE1BA;EACI;IACI,uBAAA;EF6BN;EE1BE;IACI,wBAAA;EF4BN;AACF;AEzBA;EACI;IACI,uBAAA;EF2BN;EExBE;IACI,wBAAA;EF0BN;EEvBE;IACI,wBAAA;EFyBN;AACF;AGzGA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHwGJ;AGrGI;EACA,YAAA;EACA,YAAA;AHuGJ;AGpGI;EACA,YAAA;EACA,YAAA;AHsGJ;;AGlGA;EACI,wCAAA;AHqGJ;;AGjGA;EACI;IACI,6BAAA;EHoGN;EGlGE;IACI,8BAAA;EHoGN;AACF;AGjGA;EACI,wCAAA;AHmGJ;;AGhGA;EACI;IACI,8BAAA;EHmGN;EGjGE;IACI,6BAAA;EHmGN;AACF;AG9FA;EACI,8CAAA;AHgGJ;;AG5FA;EACI;IACI,wBAAA;EH+FN;EG7FE;IACI,2BAAA;EH+FN;EG7FE;IACI,4BAAA;EH+FN;EG7FE;IACI,2BAAA;EH+FN;EG7FE;IACI,wBAAA;EH+FN;AACF;AG3FA;EACI,kBAAA;EACA,YAAA;AH6FJ;;AG1FA;EACI,gBAAA;AH6FJ","file":"style.css"} \ No newline at end of file From fa70f714cacae2e275a9d3bca7eb84356dd3584b Mon Sep 17 00:00:00 2001 From: Geka19 Date: Fri, 5 May 2023 14:48:23 +0200 Subject: [PATCH 41/88] Fixes --- index.html | 54 +++++++++---------- src/sass/_scene1.scss | 2 +- src/sass/_scene3.scss | 114 ++++++++++++++++++++--------------------- src/sass/style.css | 62 ++++++++++++++++++++++ src/sass/style.css.map | 2 +- 5 files changed, 149 insertions(+), 85 deletions(-) diff --git a/index.html b/index.html index de2b48f..58fb64e 100644 --- a/index.html +++ b/index.html @@ -16,38 +16,40 @@
-
+
-
- - - - - -
-
- - - + + +
+
+ + + + + +
+
+ + + +
+ + + + + +
- - - - - -
-
-
big-fish diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index 8549b84..c199013 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -43,7 +43,7 @@ THE BEGINNING: } .icebear{ - + margin-top: -150px; } .icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face{ diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index 9a25547..e789816 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -5,62 +5,62 @@ // • Text comes up. // • ….. // */ -// .scroll-section .scroll-section { +.scroll-section .scroll-section { -// /*The whole scene*/ -// &--scene3 { -// display: grid; -// } -// /*infotext*/ -// &__howtofix { -// font-size: 25px; -// z-index: 1; -// width: 500px; -// color: red; -// position: absolute; -// top: 25%; -// left: 25%; -// } -// /*deadfish 1*/ -// &__img1 { -// width: 250px; -// position: absolute; -// z-index: 1; -// transform: translate(1000px, 620px); -// } -// /*deadfish 2*/ -// &__img2 { -// width: 500px; -// position: absolute; -// z-index: 1; -// transform: translate(100px, 600px); -// } -// /*seaweed 1*/ -// &__img3 { -// width: 400px; -// position: absolute; -// z-index: 1; -// transform: translate(1400px, 200px); +/*The whole scene*/ +&--scene3 { +display: grid; +} +/*infotext*/ +&__howtofix { + font-size: 25px; + z-index: 1; + width: 500px; + color: red; + position: absolute; + top: 25%; + left: 25%; +} + /*deadfish 1*/ + &__img1 { + width: 250px; + position: absolute; + z-index: 1; + transform: translate(10px, 62px); + } + /*deadfish 2*/ + &__img2 { + width: 500px; + position: absolute; + z-index: 1; + transform: translate(100px, 600px); + } + /*seaweed 1*/ + &__img3 { + width: 400px; + position: absolute; + z-index: 1; + transform: translate(1400px, 200px); -// } -// /*seaweed 2*/ -// &__img4 { -// width: 200px; -// position: absolute; -// z-index: 1; -// transform: translate(42px, 100px); -// } -// /*oceanfloor*/ -// &__img5 { -// width: 100vw; -// position: absolute; -// transform: translate(-30px, 600px); -// } -// /*extra dead fish*/ -// &__img6 { -// width: 400px; -// margin-bottom: 0; -// position: absolute; -// transform: rotate(180deg) translate(-1000px, -700px); -// } -// } \ No newline at end of file + } + /*seaweed 2*/ + &__img4 { + width: 200px; + position: absolute; + z-index: 1; + transform: translate(42px, 100px); + } + /*oceanfloor*/ + &__img5 { + width: 100vw; + position: absolute; + transform: translate(-30px, 600px); + } + /*extra dead fish*/ + &__img6 { + width: 400px; + margin-bottom: 0; + position: absolute; + transform: rotate(180deg) translate(-1000px, -700px); + } + } \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index 47072a2..1f6aa9c 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -74,6 +74,10 @@ THE BEGINNING: animation: iceberg-animation 3s alternate infinite linear; } +.icebear { + margin-top: -150px; +} + .icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face { position: absolute; } @@ -176,4 +180,62 @@ MIDDLE .scene2 { overflow: hidden; +} + +.scroll-section .scroll-section { + /*The whole scene*/ + /*infotext*/ + /*deadfish 1*/ + /*deadfish 2*/ + /*seaweed 1*/ + /*seaweed 2*/ + /*oceanfloor*/ + /*extra dead fish*/ +} +.scroll-section .scroll-section--scene3 { + display: grid; +} +.scroll-section .scroll-section__howtofix { + font-size: 25px; + z-index: 1; + width: 500px; + color: red; + position: absolute; + top: 25%; + left: 25%; +} +.scroll-section .scroll-section__img1 { + width: 250px; + position: absolute; + z-index: 1; + transform: translate(10px, 62px); +} +.scroll-section .scroll-section__img2 { + width: 500px; + position: absolute; + z-index: 1; + transform: translate(100px, 600px); +} +.scroll-section .scroll-section__img3 { + width: 400px; + position: absolute; + z-index: 1; + transform: translate(1400px, 200px); +} +.scroll-section .scroll-section__img4 { + width: 200px; + position: absolute; + z-index: 1; + transform: translate(42px, 100px); +} +.scroll-section .scroll-section__img5 { + width: 100vw; + position: absolute; + transform: translate(-30px, 600px); +} +.scroll-section .scroll-section__img6 { + width: 400px; + margin-bottom: 0; + position: absolute; + transform: rotate(180deg) translate(-1000px, -700px); }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 12b9a55..921c160 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,+BAAA;ADCJ;;ACSA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;ADNJ;;ACSA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADNJ;;ACSA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADNJ;;ACSA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADNJ;;ACSA;EACI,kBAAA;ADNJ;;AElCA;;;;;;CAAA;AAUI;EACI,aAAA;AFkCR;AE/BI;EACI,YAAA;EACA,YAAA;AFiCR;;AE9BA,4DAAA;AACA;;EAAA;AAGA;EACI,aAAA;EACA,qBAAA;AFiCJ;;AE9BA;EACI,kBAAA;AFiCJ;;AE9BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFiCJ;;AE9BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFiCJ;;AE1BA;EACI,kBAAA;AF6BJ;;AE1BA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,sDAAA;AF6BJ;;AE1BA;EACI;IACI,uBAAA;EF6BN;EE1BE;IACI,wBAAA;EF4BN;AACF;AEzBA;EACI;IACI,uBAAA;EF2BN;EExBE;IACI,wBAAA;EF0BN;EEvBE;IACI,wBAAA;EFyBN;AACF;AGzGA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AHwGJ;AGrGI;EACA,YAAA;EACA,YAAA;AHuGJ;AGpGI;EACA,YAAA;EACA,YAAA;AHsGJ;;AGlGA;EACI,wCAAA;AHqGJ;;AGjGA;EACI;IACI,6BAAA;EHoGN;EGlGE;IACI,8BAAA;EHoGN;AACF;AGjGA;EACI,wCAAA;AHmGJ;;AGhGA;EACI;IACI,8BAAA;EHmGN;EGjGE;IACI,6BAAA;EHmGN;AACF;AG9FA;EACI,8CAAA;AHgGJ;;AG5FA;EACI;IACI,wBAAA;EH+FN;EG7FE;IACI,2BAAA;EH+FN;EG7FE;IACI,4BAAA;EH+FN;EG7FE;IACI,2BAAA;EH+FN;EG7FE;IACI,wBAAA;EH+FN;AACF;AG3FA;EACI,kBAAA;EACA,YAAA;AH6FJ;;AG1FA;EACI,gBAAA;AH6FJ","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACChB;EACI,+BAAA;ADCJ;;ACSA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;ADNJ;;ACSA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADNJ;;ACSA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADNJ;;ACSA;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,kBAAA;ADNJ;;ACSA;EACI,kBAAA;ADNJ;;AElCA;;;;;;CAAA;AAUI;EACI,aAAA;AFkCR;AE/BI;EACI,YAAA;EACA,YAAA;AFiCR;;AE9BA,4DAAA;AACA;;EAAA;AAGA;EACI,aAAA;EACA,qBAAA;AFiCJ;;AE9BA;EACI,kBAAA;AFiCJ;;AE9BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFiCJ;;AE9BA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFiCJ;;AE9BA;EACI,kBAAA;AFiCJ;;AE9BA;EACI,kBAAA;AFiCJ;;AE9BA;EACI,kBAAA;EACA,YAAA;EACA,aAAA;EACA,sDAAA;AFiCJ;;AE9BA;EACI;IACI,uBAAA;EFiCN;EE9BE;IACI,wBAAA;EFgCN;AACF;AE7BA;EACI;IACI,uBAAA;EF+BN;EE5BE;IACI,wBAAA;EF8BN;EE3BE;IACI,wBAAA;EF6BN;AACF;AG7GA;;;;;;CAAA;AAUI;EACA,aAAA;EACA,kBAAA;AH4GJ;AGzGI;EACA,YAAA;EACA,YAAA;AH2GJ;AGxGI;EACA,YAAA;EACA,YAAA;AH0GJ;;AGtGA;EACI,wCAAA;AHyGJ;;AGrGA;EACI;IACI,6BAAA;EHwGN;EGtGE;IACI,8BAAA;EHwGN;AACF;AGrGA;EACI,wCAAA;AHuGJ;;AGpGA;EACI;IACI,8BAAA;EHuGN;EGrGE;IACI,6BAAA;EHuGN;AACF;AGlGA;EACI,8CAAA;AHoGJ;;AGhGA;EACI;IACI,wBAAA;EHmGN;EGjGE;IACI,2BAAA;EHmGN;EGjGE;IACI,4BAAA;EHmGN;EGjGE;IACI,2BAAA;EHmGN;EGjGE;IACI,wBAAA;EHmGN;AACF;AG/FA;EACI,kBAAA;EACA,YAAA;AHiGJ;;AG9FA;EACI,gBAAA;AHiGJ;;AI/KA;EAEA,kBAAA;EAIA,WAAA;EAUK,aAAA;EAOA,aAAA;EAOA,YAAA;EAQA,YAAA;EAOA,aAAA;EAMA,kBAAA;AJuIL;AIvLA;EACA,aAAA;AJyLA;AItLA;EACI,eAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;AJwLJ;AIrLK;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,gCAAA;AJuLT;AIpLK;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,kCAAA;AJsLT;AInLK;EACG,YAAA;EACC,kBAAA;EACA,UAAA;EACA,mCAAA;AJqLT;AIjLK;EACI,YAAA;EACA,kBAAA;EACA,UAAA;EACA,iCAAA;AJmLT;AIhLK;EACI,YAAA;EACA,kBAAA;EACA,kCAAA;AJkLT;AI/KK;EACI,YAAA;EACA,gBAAA;EACA,kBAAA;EACA,oDAAA;AJiLT","file":"style.css"} \ No newline at end of file From 44b79ce3c0f3874c477fe06fb6092681dfd29f3b Mon Sep 17 00:00:00 2001 From: maheggh Date: Sun, 7 May 2023 16:37:58 +0200 Subject: [PATCH 42/88] px to vw and vh replaced all the px values with vh and vw --- index.html | 92 ++++++++++----------------- src/sass/_root.scss | 52 ++++++++------- src/sass/_scene1.scss | 81 ++++++++++++------------ src/sass/_scene2.scss | 101 ++++++++++++++--------------- src/sass/_scene3.scss | 101 ++++++++++++++--------------- src/sass/style.css | 140 +++++++++++++++++++++++------------------ src/sass/style.css.map | 2 +- 7 files changed, 280 insertions(+), 289 deletions(-) diff --git a/index.html b/index.html index ff334c5..33c623b 100644 --- a/index.html +++ b/index.html @@ -1,12 +1,12 @@ - + - + + - + Assignment_3 group_9 @@ -19,51 +19,40 @@
- -
- - - - - + ice-platform + ice-overlay + ice-bottom
-
- - - -
- - - - - - +
+ icebear-headBase + icebear-face + icebear-ear +
+ icebear-body + icebear-legLeft + icebear-tail + icebear-footLeft + icebear-legRight + icebear-footRight
- big-fish - small-fish - small-amount-fish - cluster-fish + big-fish + small-fish + small-amount-fish + cluster-fish
-
- trash-can - trash-spoon - trash-bag - trash-sock + trash-can + trash-spoon + trash-bag + trash-sock
@@ -71,27 +60,14 @@

Scene 3

Content for scene 3...

- -
- dead fish on the ocean floor -
-
- dead fish on the ocean floor -
-
- dead fish on the ocean floor -
-
- dead fish on the ocean floor -
-
- dead fish on the ocean floor -
-
- -
- dead fish on the ocean floor -
+
+ dead fish on the ocean floor + dead fish on the ocean floor + seaweed + seaweed + ocean floor + dead fish on the ocean floor +
-
diff --git a/index.js b/index.js index d2c86b2..9f18f5c 100644 --- a/index.js +++ b/index.js @@ -1,15 +1,57 @@ const callback = (entries, observer) => { + entries.forEach(entry => { + if (entry.isIntersecting) { + document.body.style.backgroundColor = entry.target.dataset.color; + } + }); +}; + +const changes = document.querySelectorAll('.change'); + +const observer = new IntersectionObserver(callback, { threshold: .9 }); + +changes.forEach(change => { + observer.observe(change); +}); + +const howToFixElems = document.querySelectorAll('.scroll-section__howtofix'); +const totalSections = howToFixElems.length; + +document.addEventListener("DOMContentLoaded", function() { + let fading = false; + + window.addEventListener("scroll", function() { + const scrollTop = window.pageYOffset || document.documentElement.scrollTop; + const scrollPercentage = (scrollTop / (document.documentElement.scrollHeight - document.documentElement.clientHeight)) * 100; + + let activeIndex = Math.floor(scrollPercentage / (100 / totalSections)); + + howToFixElems.forEach((elem, index) => { + if (index === activeIndex) { + elem.classList.remove("fade-out"); + elem.style.transform = `translateY(${scrollTop}px)`; + fading = false; + } else { + elem.classList.add("fade-out"); + elem.style.transform = ''; + fading = true; + } + }); + }); +}); + +document.addEventListener("DOMContentLoaded", function() { + const bottomText = document.querySelector('.scroll-section__bottom'); + + const fadeInCallback = (entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { - document.body.style.backgroundColor = entry.target.dataset.color; + entry.target.classList.add('fade-in'); + observer.unobserve(entry.target); } }); }; - - const changes = document.querySelectorAll('.change'); - - const observer = new IntersectionObserver(callback, { threshold: .1 }); - - changes.forEach(change => { - observer.observe(change); - }); \ No newline at end of file + + const fadeInObserver = new IntersectionObserver(fadeInCallback, { threshold: 0.1 }); + fadeInObserver.observe(bottomText); +}); \ No newline at end of file diff --git a/src/sass/_root.scss b/src/sass/_root.scss index ff820fc..5929db7 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -43,4 +43,16 @@ body { * { overflow-x: hidden; +} +.fade-in { + opacity: 1; + transition: opacity 1s; + } +.fade-out { + opacity: 0; + transition: opacity 1s; + } + +.scroll-section__howtofix { + padding-top: 50vh; } \ No newline at end of file diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index 1b849d0..885ef6e 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -66,4 +66,16 @@ height: auto; transform: rotate(180deg); } + + &__bottom { + font-size: 30px; + color: white; + text-align: center; + animation: fadeIn 5s; + } + .fade-in { + opacity: 1; + transition: opacity 5s; + } + } \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index 6c48cee..b326f5b 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -47,6 +47,20 @@ body { overflow-x: hidden; } +.fade-in { + opacity: 1; + transition: opacity 1s; +} + +.fade-out { + opacity: 0; + transition: opacity 1s; +} + +.scroll-section__howtofix { + padding-top: 50vh; +} + /* scene 1 ------------------------------------------------ THE BEGINNING: @@ -249,4 +263,14 @@ MIDDLE height: 10vh; height: auto; transform: rotate(180deg); +} +.scroll-section__bottom { + font-size: 30px; + color: white; + text-align: center; + animation: fadeIn 5s; +} +.scroll-section .fade-in { + opacity: 1; + transition: opacity 5s; }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 8523553..bb86711 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACE,+BAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;ADEF;;ACCA;EACE,aAAA;ADEF;;ACAA;EACE,WAAA;EACA,WAAA;ADGF;;ACAA;EACI,kBAAA;ADGJ;;AE/CA;;;;;;CAAA;AAaI;EACI,YAAA;EACA,WAAA;AF4CR;;AEzCA,4DAAA;AACA;;EAAA;AAMA;EACA,gBAAA;AFyCA;;AEtCE;EACE,kBAAA;AFyCJ;;AEtCE;EACE,WAAA;EACA,kBAAA;EACA,yDAAA;AFyCJ;;AEtCE;EACE,WAAA;EACA,kBAAA;EACA,yDAAA;AFyCJ;;AEtCE;EACE,kBAAA;AFyCJ;;AEtCE;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,sDAAA;AFyCJ;;AEnCE;EACE;IACE,uBAAA;EFsCJ;EEpCE;IACE,wBAAA;EFsCJ;AACF;AEpCE;EACE;IACE,uBAAA;EFsCJ;EEpCE;IACE,wBAAA;EFsCJ;EEpCE;IACE,wBAAA;EFsCJ;AACF;AGlHA;;;;;;CAAA;AAQA;EACI,aAAA;EACA,iBAAA;AHmHJ;;AGjHE;EACE,WAAA;EACA,WAAA;AHoHJ;;AGlHE;EACE,WAAA;EACA,WAAA;AHqHJ;;AGlHE;EACE,wCAAA;AHqHJ;;AGjHE;EACE;IACE,4BAAA;EHoHJ;EGlHE;IACE,6BAAA;EHoHJ;AACF;AGlHE;EACE,wCAAA;AHoHJ;;AGhHE;EACE;IACE,6BAAA;EHmHJ;EGjHE;IACE,4BAAA;EHmHJ;AACF;AGjHE;EACE,8CAAA;AHmHJ;;AGhHE;EACE;IACE,wBAAA;EHmHJ;EGjHE;IACE,6BAAA;EHmHJ;EGjHE;IACE,8BAAA;EHmHJ;EGjHE;IACE,6BAAA;EHmHJ;EGjHE;IACE,wBAAA;EHmHJ;AACF;AGjHE;EACE,iBAAA;EACA,cAAA;AHmHJ;;AGhHE;EACE,gBAAA;AHmHJ;;AI7LA;EACI,kBAAA;AJgMJ;AI9LI;EACE,kBAAA;EACA,YAAA;EACA,aAAA;AJgMN;AI7LI;EACE,gBAAA;EACA,UAAA;EACA,WAAA;EACA,UAAA;EACA,kBAAA;AJ+LN;AI5LI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;AJ8LN;AI3LI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,UAAA;AJ6LN;AI1LI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,SAAA;AJ4LN;AIzLI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,UAAA;AJ2LN;AIxLI;EACE,kBAAA;EACA,SAAA;EACA,OAAA;AJ0LN;AIvLI;EACE,kBAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,yBAAA;AJyLN","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACE,+BAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;ADEF;;ACCA;EACE,aAAA;ADEF;;ACAA;EACE,WAAA;EACA,WAAA;ADGF;;ACAA;EACI,kBAAA;ADGJ;;ACDA;EACI,UAAA;EACA,sBAAA;ADIJ;;ACFA;EACI,UAAA;EACA,sBAAA;ADKJ;;ACFA;EACI,iBAAA;ADKJ;;AE7DA;;;;;;CAAA;AAaI;EACI,YAAA;EACA,WAAA;AF0DR;;AEvDA,4DAAA;AACA;;EAAA;AAMA;EACA,gBAAA;AFuDA;;AEpDE;EACE,kBAAA;AFuDJ;;AEpDE;EACE,WAAA;EACA,kBAAA;EACA,yDAAA;AFuDJ;;AEpDE;EACE,WAAA;EACA,kBAAA;EACA,yDAAA;AFuDJ;;AEpDE;EACE,kBAAA;AFuDJ;;AEpDE;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,sDAAA;AFuDJ;;AEjDE;EACE;IACE,uBAAA;EFoDJ;EElDE;IACE,wBAAA;EFoDJ;AACF;AElDE;EACE;IACE,uBAAA;EFoDJ;EElDE;IACE,wBAAA;EFoDJ;EElDE;IACE,wBAAA;EFoDJ;AACF;AGhIA;;;;;;CAAA;AAQA;EACI,aAAA;EACA,iBAAA;AHiIJ;;AG/HE;EACE,WAAA;EACA,WAAA;AHkIJ;;AGhIE;EACE,WAAA;EACA,WAAA;AHmIJ;;AGhIE;EACE,wCAAA;AHmIJ;;AG/HE;EACE;IACE,4BAAA;EHkIJ;EGhIE;IACE,6BAAA;EHkIJ;AACF;AGhIE;EACE,wCAAA;AHkIJ;;AG9HE;EACE;IACE,6BAAA;EHiIJ;EG/HE;IACE,4BAAA;EHiIJ;AACF;AG/HE;EACE,8CAAA;AHiIJ;;AG9HE;EACE;IACE,wBAAA;EHiIJ;EG/HE;IACE,6BAAA;EHiIJ;EG/HE;IACE,8BAAA;EHiIJ;EG/HE;IACE,6BAAA;EHiIJ;EG/HE;IACE,wBAAA;EHiIJ;AACF;AG/HE;EACE,iBAAA;EACA,cAAA;AHiIJ;;AG9HE;EACE,gBAAA;AHiIJ;;AI3MA;EACI,kBAAA;AJ8MJ;AI5MI;EACE,kBAAA;EACA,YAAA;EACA,aAAA;AJ8MN;AI3MI;EACE,gBAAA;EACA,UAAA;EACA,WAAA;EACA,UAAA;EACA,kBAAA;AJ6MN;AI1MI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;AJ4MN;AIzMI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,UAAA;AJ2MN;AIxMI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,SAAA;AJ0MN;AIvMI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,UAAA;AJyMN;AItMI;EACE,kBAAA;EACA,SAAA;EACA,OAAA;AJwMN;AIrMI;EACE,kBAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,yBAAA;AJuMN;AIpMI;EACI,eAAA;EACA,YAAA;EACA,kBAAA;EACA,oBAAA;AJsMR;AIpMI;EACI,UAAA;EACA,sBAAA;AJsMR","file":"style.css"} \ No newline at end of file From b7fe25d1a46beb9daa1a2dd6b20549dd5e065fae Mon Sep 17 00:00:00 2001 From: maheggh Date: Sun, 7 May 2023 18:56:51 +0200 Subject: [PATCH 44/88] reduce motion --- index.js | 3 ++- src/sass/_root.scss | 11 ++++++++++- src/sass/style.css | 9 +++++++++ src/sass/style.css.map | 2 +- 4 files changed, 22 insertions(+), 3 deletions(-) diff --git a/index.js b/index.js index 9f18f5c..cee3d1d 100644 --- a/index.js +++ b/index.js @@ -54,4 +54,5 @@ document.addEventListener("DOMContentLoaded", function() { const fadeInObserver = new IntersectionObserver(fadeInCallback, { threshold: 0.1 }); fadeInObserver.observe(bottomText); -}); \ No newline at end of file +}); + diff --git a/src/sass/_root.scss b/src/sass/_root.scss index 5929db7..e233b69 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -55,4 +55,13 @@ body { .scroll-section__howtofix { padding-top: 50vh; -} \ No newline at end of file +} +/* +@media (prefers-reduced-motion: reduce) { + Disable all animations + * { + animation: none !important; + transition: none !important; + } +} +*/ \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index b326f5b..bb76aea 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -61,6 +61,15 @@ body { padding-top: 50vh; } +/* +@media (prefers-reduced-motion: reduce) { + Disable all animations + * { + animation: none !important; + transition: none !important; + } +} +*/ /* scene 1 ------------------------------------------------ THE BEGINNING: diff --git a/src/sass/style.css.map b/src/sass/style.css.map index bb86711..9a90ca6 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACE,+BAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;ADEF;;ACCA;EACE,aAAA;ADEF;;ACAA;EACE,WAAA;EACA,WAAA;ADGF;;ACAA;EACI,kBAAA;ADGJ;;ACDA;EACI,UAAA;EACA,sBAAA;ADIJ;;ACFA;EACI,UAAA;EACA,sBAAA;ADKJ;;ACFA;EACI,iBAAA;ADKJ;;AE7DA;;;;;;CAAA;AAaI;EACI,YAAA;EACA,WAAA;AF0DR;;AEvDA,4DAAA;AACA;;EAAA;AAMA;EACA,gBAAA;AFuDA;;AEpDE;EACE,kBAAA;AFuDJ;;AEpDE;EACE,WAAA;EACA,kBAAA;EACA,yDAAA;AFuDJ;;AEpDE;EACE,WAAA;EACA,kBAAA;EACA,yDAAA;AFuDJ;;AEpDE;EACE,kBAAA;AFuDJ;;AEpDE;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,sDAAA;AFuDJ;;AEjDE;EACE;IACE,uBAAA;EFoDJ;EElDE;IACE,wBAAA;EFoDJ;AACF;AElDE;EACE;IACE,uBAAA;EFoDJ;EElDE;IACE,wBAAA;EFoDJ;EElDE;IACE,wBAAA;EFoDJ;AACF;AGhIA;;;;;;CAAA;AAQA;EACI,aAAA;EACA,iBAAA;AHiIJ;;AG/HE;EACE,WAAA;EACA,WAAA;AHkIJ;;AGhIE;EACE,WAAA;EACA,WAAA;AHmIJ;;AGhIE;EACE,wCAAA;AHmIJ;;AG/HE;EACE;IACE,4BAAA;EHkIJ;EGhIE;IACE,6BAAA;EHkIJ;AACF;AGhIE;EACE,wCAAA;AHkIJ;;AG9HE;EACE;IACE,6BAAA;EHiIJ;EG/HE;IACE,4BAAA;EHiIJ;AACF;AG/HE;EACE,8CAAA;AHiIJ;;AG9HE;EACE;IACE,wBAAA;EHiIJ;EG/HE;IACE,6BAAA;EHiIJ;EG/HE;IACE,8BAAA;EHiIJ;EG/HE;IACE,6BAAA;EHiIJ;EG/HE;IACE,wBAAA;EHiIJ;AACF;AG/HE;EACE,iBAAA;EACA,cAAA;AHiIJ;;AG9HE;EACE,gBAAA;AHiIJ;;AI3MA;EACI,kBAAA;AJ8MJ;AI5MI;EACE,kBAAA;EACA,YAAA;EACA,aAAA;AJ8MN;AI3MI;EACE,gBAAA;EACA,UAAA;EACA,WAAA;EACA,UAAA;EACA,kBAAA;AJ6MN;AI1MI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;AJ4MN;AIzMI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,UAAA;AJ2MN;AIxMI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,SAAA;AJ0MN;AIvMI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,UAAA;AJyMN;AItMI;EACE,kBAAA;EACA,SAAA;EACA,OAAA;AJwMN;AIrMI;EACE,kBAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,yBAAA;AJuMN;AIpMI;EACI,eAAA;EACA,YAAA;EACA,kBAAA;EACA,oBAAA;AJsMR;AIpMI;EACI,UAAA;EACA,sBAAA;AJsMR","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACE,+BAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;ADEF;;ACCA;EACE,aAAA;ADEF;;ACAA;EACE,WAAA;EACA,WAAA;ADGF;;ACAA;EACI,kBAAA;ADGJ;;ACDA;EACI,UAAA;EACA,sBAAA;ADIJ;;ACFA;EACI,UAAA;EACA,sBAAA;ADKJ;;ACFA;EACI,iBAAA;ADKJ;;ACHA;;;;;;;;CAAA;AC1DA;;;;;;CAAA;AAaI;EACI,YAAA;EACA,WAAA;AFmER;;AEhEA,4DAAA;AACA;;EAAA;AAMA;EACA,gBAAA;AFgEA;;AE7DE;EACE,kBAAA;AFgEJ;;AE7DE;EACE,WAAA;EACA,kBAAA;EACA,yDAAA;AFgEJ;;AE7DE;EACE,WAAA;EACA,kBAAA;EACA,yDAAA;AFgEJ;;AE7DE;EACE,kBAAA;AFgEJ;;AE7DE;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,sDAAA;AFgEJ;;AE1DE;EACE;IACE,uBAAA;EF6DJ;EE3DE;IACE,wBAAA;EF6DJ;AACF;AE3DE;EACE;IACE,uBAAA;EF6DJ;EE3DE;IACE,wBAAA;EF6DJ;EE3DE;IACE,wBAAA;EF6DJ;AACF;AGzIA;;;;;;CAAA;AAQA;EACI,aAAA;EACA,iBAAA;AH0IJ;;AGxIE;EACE,WAAA;EACA,WAAA;AH2IJ;;AGzIE;EACE,WAAA;EACA,WAAA;AH4IJ;;AGzIE;EACE,wCAAA;AH4IJ;;AGxIE;EACE;IACE,4BAAA;EH2IJ;EGzIE;IACE,6BAAA;EH2IJ;AACF;AGzIE;EACE,wCAAA;AH2IJ;;AGvIE;EACE;IACE,6BAAA;EH0IJ;EGxIE;IACE,4BAAA;EH0IJ;AACF;AGxIE;EACE,8CAAA;AH0IJ;;AGvIE;EACE;IACE,wBAAA;EH0IJ;EGxIE;IACE,6BAAA;EH0IJ;EGxIE;IACE,8BAAA;EH0IJ;EGxIE;IACE,6BAAA;EH0IJ;EGxIE;IACE,wBAAA;EH0IJ;AACF;AGxIE;EACE,iBAAA;EACA,cAAA;AH0IJ;;AGvIE;EACE,gBAAA;AH0IJ;;AIpNA;EACI,kBAAA;AJuNJ;AIrNI;EACE,kBAAA;EACA,YAAA;EACA,aAAA;AJuNN;AIpNI;EACE,gBAAA;EACA,UAAA;EACA,WAAA;EACA,UAAA;EACA,kBAAA;AJsNN;AInNI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;AJqNN;AIlNI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,UAAA;AJoNN;AIjNI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,SAAA;AJmNN;AIhNI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,UAAA;AJkNN;AI/MI;EACE,kBAAA;EACA,SAAA;EACA,OAAA;AJiNN;AI9MI;EACE,kBAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,yBAAA;AJgNN;AI7MI;EACI,eAAA;EACA,YAAA;EACA,kBAAA;EACA,oBAAA;AJ+MR;AI7MI;EACI,UAAA;EACA,sBAAA;AJ+MR","file":"style.css"} \ No newline at end of file From d1514fa6de5614f88a5d0514e98e3f508523b364 Mon Sep 17 00:00:00 2001 From: maheggh Date: Sun, 7 May 2023 18:58:39 +0200 Subject: [PATCH 45/88] prefered color functionality --- index.js | 5 +++++ src/sass/_root.scss | 12 ++++++++++++ src/sass/style.css | 12 ++++++++++++ src/sass/style.css.map | 2 +- 4 files changed, 30 insertions(+), 1 deletion(-) diff --git a/index.js b/index.js index cee3d1d..9a69c14 100644 --- a/index.js +++ b/index.js @@ -56,3 +56,8 @@ document.addEventListener("DOMContentLoaded", function() { fadeInObserver.observe(bottomText); }); +if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) { + document.documentElement.setAttribute('data-theme', 'dark'); +} else { + document.documentElement.setAttribute('data-theme', 'light'); +} \ No newline at end of file diff --git a/src/sass/_root.scss b/src/sass/_root.scss index e233b69..72de70b 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -1,5 +1,17 @@ +:root { + --text-color: black; + --background-color: white; + } + + [data-theme="dark"] { + --text-color: white; + --background-color: black; + } + body { transition: 3s background-color; + color: var(--text-color); + background-color: var(--background-color); } .change-1 { diff --git a/src/sass/style.css b/src/sass/style.css index bb76aea..62c2746 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -1,6 +1,18 @@ @charset "UTF-8"; +:root { + --text-color: black; + --background-color: white; +} + +[data-theme=dark] { + --text-color: white; + --background-color: black; +} + body { transition: 3s background-color; + color: var(--text-color); + background-color: var(--background-color); } .change-1 { diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 9a90ca6..5ef9914 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACE,+BAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;ADEF;;ACCA;EACE,aAAA;ADEF;;ACAA;EACE,WAAA;EACA,WAAA;ADGF;;ACAA;EACI,kBAAA;ADGJ;;ACDA;EACI,UAAA;EACA,sBAAA;ADIJ;;ACFA;EACI,UAAA;EACA,sBAAA;ADKJ;;ACFA;EACI,iBAAA;ADKJ;;ACHA;;;;;;;;CAAA;AC1DA;;;;;;CAAA;AAaI;EACI,YAAA;EACA,WAAA;AFmER;;AEhEA,4DAAA;AACA;;EAAA;AAMA;EACA,gBAAA;AFgEA;;AE7DE;EACE,kBAAA;AFgEJ;;AE7DE;EACE,WAAA;EACA,kBAAA;EACA,yDAAA;AFgEJ;;AE7DE;EACE,WAAA;EACA,kBAAA;EACA,yDAAA;AFgEJ;;AE7DE;EACE,kBAAA;AFgEJ;;AE7DE;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,sDAAA;AFgEJ;;AE1DE;EACE;IACE,uBAAA;EF6DJ;EE3DE;IACE,wBAAA;EF6DJ;AACF;AE3DE;EACE;IACE,uBAAA;EF6DJ;EE3DE;IACE,wBAAA;EF6DJ;EE3DE;IACE,wBAAA;EF6DJ;AACF;AGzIA;;;;;;CAAA;AAQA;EACI,aAAA;EACA,iBAAA;AH0IJ;;AGxIE;EACE,WAAA;EACA,WAAA;AH2IJ;;AGzIE;EACE,WAAA;EACA,WAAA;AH4IJ;;AGzIE;EACE,wCAAA;AH4IJ;;AGxIE;EACE;IACE,4BAAA;EH2IJ;EGzIE;IACE,6BAAA;EH2IJ;AACF;AGzIE;EACE,wCAAA;AH2IJ;;AGvIE;EACE;IACE,6BAAA;EH0IJ;EGxIE;IACE,4BAAA;EH0IJ;AACF;AGxIE;EACE,8CAAA;AH0IJ;;AGvIE;EACE;IACE,wBAAA;EH0IJ;EGxIE;IACE,6BAAA;EH0IJ;EGxIE;IACE,8BAAA;EH0IJ;EGxIE;IACE,6BAAA;EH0IJ;EGxIE;IACE,wBAAA;EH0IJ;AACF;AGxIE;EACE,iBAAA;EACA,cAAA;AH0IJ;;AGvIE;EACE,gBAAA;AH0IJ;;AIpNA;EACI,kBAAA;AJuNJ;AIrNI;EACE,kBAAA;EACA,YAAA;EACA,aAAA;AJuNN;AIpNI;EACE,gBAAA;EACA,UAAA;EACA,WAAA;EACA,UAAA;EACA,kBAAA;AJsNN;AInNI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;AJqNN;AIlNI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,UAAA;AJoNN;AIjNI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,SAAA;AJmNN;AIhNI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,UAAA;AJkNN;AI/MI;EACE,kBAAA;EACA,SAAA;EACA,OAAA;AJiNN;AI9MI;EACE,kBAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,yBAAA;AJgNN;AI7MI;EACI,eAAA;EACA,YAAA;EACA,kBAAA;EACA,oBAAA;AJ+MR;AI7MI;EACI,UAAA;EACA,sBAAA;AJ+MR","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From cab668c4ffcb0c5e8cb96eaec55a902f02fdd191 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Tue, 9 May 2023 10:12:21 +0200 Subject: [PATCH 46/88] . --- images/trash/.DS_Store | Bin 0 -> 6148 bytes index.js | 45 +++++++++++++++++------- src/sass/_scene2.scss | 78 ++++++++++++++++++++--------------------- 3 files changed, 72 insertions(+), 51 deletions(-) create mode 100644 images/trash/.DS_Store diff --git a/images/trash/.DS_Store b/images/trash/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..9bd4c7b4f7611b8dcacc2065cc510ec59a8a0c13 GIT binary patch literal 6148 zcmeHK%TB{E5FCdJ74hnkW6nra;t! D3#lAOQu5ic|zR=gtT5C43Agn6;NG&f|(I zv|HKZI6K~W9A&!z+~W1_5|{y)vI!;!>;_EkOY2#pGy6p6*Lc7Ma@?ZCyytBbyQqMi z-7#M9%u}n;KEE1oC|B#M$k$a)FTNt~ojCvY<~I{F3$F3RlOJM!b(p77%ng|v-18|0 z*-6=9pG52$6$(6#a6dcTIC9On6@MeojTPDFtsNh=BLBYW1N+5ChsR4ZQ@|831$IUO z=4`R)VLkhtuN2X=JAriu2LAe(K%fvVhi`0;WK$z+SkVN&deYum59`U6}%= zz`s(!O_tZo1-GQRwYNFRwJF;To0#}D0k;$md@81|q~bF+Z=6qMK+F`IfSjS(9|13e Kb*8|dD)0j~=V-0~ literal 0 HcmV?d00001 diff --git a/index.js b/index.js index d2c86b2..5308671 100644 --- a/index.js +++ b/index.js @@ -1,15 +1,36 @@ -const callback = (entries, observer) => { - entries.forEach(entry => { - if (entry.isIntersecting) { - document.body.style.backgroundColor = entry.target.dataset.color; - } - }); - }; +// const callback = (entries, observer) => { +// entries.forEach(entry => { +// if (entry.isIntersecting) { +// document.body.style.backgroundColor = entry.target.dataset.color; +// } +// }); +// }; - const changes = document.querySelectorAll('.change'); +// const changes = document.querySelectorAll('.change'); - const observer = new IntersectionObserver(callback, { threshold: .1 }); +// const observer = new IntersectionObserver(callback, { threshold: .1 }); - changes.forEach(change => { - observer.observe(change); - }); \ No newline at end of file +// changes.forEach(change => { +// observer.observe(change); +// }); + +const callback = (entries, observer) => { + entries.forEach(entry => { + if (entry.isIntersecting) { + document.body.style.backgroundColor = entry.target.dataset.color; + } + }); +}; + +const changes = document.querySelectorAll('.change'); +const fish = document.querySelectorAll('.fish'); + +const observer = new IntersectionObserver(callback, { threshold: .1 }); + +changes.forEach(change => { + observer.observe(change); +}); + +fish.forEach(fishElem => { + observer.observe(fishElem); +}); \ No newline at end of file diff --git a/src/sass/_scene2.scss b/src/sass/_scene2.scss index 4cc72c7..41ba8da 100644 --- a/src/sass/_scene2.scss +++ b/src/sass/_scene2.scss @@ -23,55 +23,55 @@ MIDDLE } } -.small__fish, .cluster__fish{ - animation: fish-animation-1 10s infinite; -} +// .small__fish, .cluster__fish{ +// animation: fish-animation-1 10s infinite; +// } -@keyframes fish-animation-1{ - from { - transform: translateX(1300px); - } - to { - transform: translateX(-1700px); - } -} +// @keyframes fish-animation-1{ +// from { +// transform: translateX(1300px); +// } +// to { +// transform: translateX(-1700px); +// } +// } -.big__fish, .small__amount__fish{ - animation: fish-animation-2 14s infinite; -} +// .big__fish, .small__amount__fish{ +// animation: fish-animation-2 14s infinite; +// } -@keyframes fish-animation-2{ - from { - transform: translateX(-1300px); - } - to { - transform: translateX(1700px); - } -} +// @keyframes fish-animation-2{ +// from { +// transform: translateX(-1300px); +// } +// to { +// transform: translateX(1700px); +// } +// } .trash{ animation: trash-animation 7s ease-in infinite; } -@keyframes trash-animation { - 0%{ - transform: translateY(0); - } - 30%{ - transform: translateY(50px); - } - 50%{ - transform: translateY(100px); - } - 70%{ - transform: translateY(50px); - } - 100%{ - transform: translateY(0); - } +// @keyframes trash-animation { +// 0%{ +// transform: translateY(0); +// } +// 30%{ +// transform: translateY(50px); +// } +// 50%{ +// transform: translateY(100px); +// } +// 70%{ +// transform: translateY(50px); +// } +// 100%{ +// transform: translateY(0); +// } -} +// } .trash__sock{ margin-left: 100px; From f663d2a1161475f6add286d80b7d1b398f04aa27 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Tue, 9 May 2023 13:24:40 +0200 Subject: [PATCH 47/88] moved fish and trash --- .DS_Store | Bin 6148 -> 6148 bytes images/.DS_Store | Bin 8196 -> 8196 bytes images/fish/light_fish.png | Bin 0 -> 13859 bytes images/fish/light_fish.svg | 185 +++++++++++++++++++++++++++++++++++++ images/goal-14.png | Bin 0 -> 50767 bytes index.html | 51 +++++----- src/sass/_root.scss | 4 +- src/sass/_scene2.scss | 27 +++++- src/sass/_scene3.scss | 9 +- src/sass/style.css | 32 ++++++- src/sass/style.css.map | 2 +- 11 files changed, 268 insertions(+), 42 deletions(-) create mode 100644 images/fish/light_fish.png create mode 100644 images/fish/light_fish.svg create mode 100644 images/goal-14.png diff --git a/.DS_Store b/.DS_Store index 976efe7451f23c9f1ff381a1835cb8a8e373407b..24771a4fb3ac9f6d175e993e79cfd751881b72b1 100644 GIT binary patch delta 47 zcmZoMXffE(%)+>1atli#w?uWdp_z$}f{}sQBatli#r&x8hp@pfAg5e}qX~vGpGOY59otte~Pcv<1<@nDJ05et% AIsgCw diff --git a/images/.DS_Store b/images/.DS_Store index b10f8664c4b9199b6cd6da975ba8e6465ac8915f..0e5895524142ac37bbf3ec68b8da229f32eca33b 100644 GIT binary patch delta 124 zcmZp1XmOa}&nUeyU^hRb^kyCbWhTZQlMRFlxh1Nrjf{7F_H$w@i+Nem1O0t^g{vOrqzKNv7D YY%UXyWZBFv@r`A2zfja>dC|2@0FLh@cK`qY delta 52 zcmV-40L%Y`K!iY$PXQXSP`eKS8nX-#BLb716uOh^5|Fd86IKL~fH<=U81@8{$r2v3 KQx&uVk$^SoF%tv; diff --git a/images/fish/light_fish.png b/images/fish/light_fish.png new file mode 100644 index 0000000000000000000000000000000000000000..78a4fd1821c6c442aec954324e7119d81f6b3bba GIT binary patch literal 13859 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 -zq+Ypyd7`rHadnZ&dyEIokj$-Xvvd&9gwT%8F zkqZ%NlJshUL(J4u9m?t(iFz_$g>WsrF-OMByNz{i(sgon6_LnO<*ZZ;Rr#+|bl+ zrYWi*;|}8s+Csa-CPNOmJ}P$qd~SSP^d!Me0a^F7_vNQoQz=iSyD&J1v#&fH_|jF% zNb43jJ%}=UhWUA0Iz79>dS*fmc>erMcbx_Wen`fWD*c*%>ZKov>!g?@^s^%J9KH?wmRyTc3 zcoeoSKJ~%t(Gs5nj69FpYqbfiKSdiy6d@YK*%f4g{-zCDK}#}1^$x2|Nd3)xVy#Z!8(1sZ7c@Q`~DzT0TP)&q4d~V zd_?jG1b0;nDF0;d?4jMUhE}xG + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/images/goal-14.png b/images/goal-14.png new file mode 100644 index 0000000000000000000000000000000000000000..832a9aab729cd3b657de1aa2d21653b4dc9bce8a GIT binary patch literal 50767 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 G1^*v#Bey*O literal 0 HcmV?d00001 diff --git a/index.html b/index.html index e1e0d39..2bc7d2a 100644 --- a/index.html +++ b/index.html @@ -12,39 +12,37 @@ + goal-14-image
+
-

- Lorem ipsum dolor sit amet. -

+

This is Barnard, he lives on an iceberg in the north pole

-

- Consectetur adipiscing elit magna. -

+

Lately because of pollution, he´s home has slowly started to melt

-

- Vivamus lacinia odio vitae. -

+

This means he have to swim all the time and eventually be so tired he’s going to drown.

-

- Cras venenatis euismod malesuada. -

+

Human activities are at the root of this problem, because of the carbon dioxide from industry's, co2 gasses from cars and other greenhouse gasses.

+
+ +
+

This have raised temperatures, especially on the poles. As a result, icebergs are rapidly melting into the sea and retreating on land.

+
-
-
-
+
+
ice-platform @@ -65,11 +63,12 @@
+
big-fish small-fish - small-amount-fish + small-amount-fish cluster-fish
@@ -82,16 +81,16 @@
-
-

If we dont do something... bla bla

-
- dead fish on the ocean floor - dead fish on the ocean floor - seaweed - seaweed - ocean floor - dead fish on the ocean floor -
+
+

If we dont do something... bla bla

+
+ dead fish on the ocean floor + dead fish on the ocean floor + seaweed + seaweed + ocean floor + dead fish on the ocean floor +
diff --git a/src/sass/_root.scss b/src/sass/_root.scss index 72de70b..55a5a16 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -13,7 +13,9 @@ body { color: var(--text-color); background-color: var(--background-color); } - +.goal_14{ + width: 20vh; +} .change-1 { position: absolute; width: 100%; diff --git a/src/sass/_scene2.scss b/src/sass/_scene2.scss index 58911f6..06b9362 100644 --- a/src/sass/_scene2.scss +++ b/src/sass/_scene2.scss @@ -34,16 +34,19 @@ MIDDLE } } .big__fish, .small__amount__fish { - animation: fish-animation-2 14s infinite; + animation: fish-animation-2 10s infinite; } +.big__fish{ + margin-top: 230vh; +} @keyframes fish-animation-2 { from { - transform: translateX(-130vw); + transform: translateX(-110vw); } to { - transform: translateX(170vw); + transform: translateX(130vw); } } @@ -51,6 +54,22 @@ MIDDLE animation: trash-animation 7s ease-in infinite; } +.trash__bag{ + margin-bottom: 200vh; + margin-left: 120vh; + // position: relative; +} + +.trash__can{ + margin-left: 100vh; + margin-bottom: 260vh; + position: relative; +} + +.trash__spoon{ + margin-left: 50vh; +} + @keyframes trash-animation { 0% { transform: translateY(0); @@ -71,7 +90,7 @@ MIDDLE .trash__sock { margin-left: 10vw; - height: 2.22vh; + } .scene2 { diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index 885ef6e..d09eaa4 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -1,20 +1,19 @@ .scroll-section { /*The whole scene*/ - &--scene3 { position: relative; width: 100vw; height: 100vh; } - + &__howtofix { font-size: 2.5vh; z-index: 1; width: 30vw; - color: red; + color: rgb(99, 99, 99); position: absolute; } - + &__img1 { position: absolute; z-index: 1; @@ -23,7 +22,7 @@ bottom: 0; left: 10vw; } - + &__img2 { position: absolute; z-index: 1; diff --git a/src/sass/style.css b/src/sass/style.css index 62c2746..2805083 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -15,6 +15,10 @@ body { background-color: var(--background-color); } +.goal_14 { + width: 20vh; +} + .change-1 { position: absolute; width: 100%; @@ -183,21 +187,40 @@ MIDDLE } } .big__fish, .small__amount__fish { - animation: fish-animation-2 14s infinite; + animation: fish-animation-2 10s infinite; +} + +.big__fish { + margin-top: 230vh; } @keyframes fish-animation-2 { from { - transform: translateX(-130vw); + transform: translateX(-110vw); } to { - transform: translateX(170vw); + transform: translateX(130vw); } } .trash { animation: trash-animation 7s ease-in infinite; } +.trash__bag { + margin-bottom: 200vh; + margin-left: 120vh; +} + +.trash__can { + margin-left: 100vh; + margin-bottom: 260vh; + position: relative; +} + +.trash__spoon { + margin-left: 50vh; +} + @keyframes trash-animation { 0% { transform: translateY(0); @@ -217,7 +240,6 @@ MIDDLE } .trash__sock { margin-left: 10vw; - height: 2.22vh; } .scene2 { @@ -236,7 +258,7 @@ MIDDLE font-size: 2.5vh; z-index: 1; width: 30vw; - color: red; + color: rgb(99, 99, 99); position: absolute; } .scroll-section__img1 { diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 5ef9914..3f25fa4 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From 4a645c5b770d6edf6fd0134cf9007ef85d6f883f Mon Sep 17 00:00:00 2001 From: Geka19 Date: Tue, 9 May 2023 13:25:21 +0200 Subject: [PATCH 48/88] Water fixes --- index.html | 30 +++++++----- src/sass/_scene1.scss | 107 +++++++++++++++++++++++++++++------------ src/sass/style.css | 54 +++++++++++++++++++-- src/sass/style.css.map | 2 +- 4 files changed, 144 insertions(+), 49 deletions(-) diff --git a/index.html b/index.html index e1e0d39..b789556 100644 --- a/index.html +++ b/index.html @@ -42,26 +42,32 @@

-
-
-
+
+
+
ice-platform ice-overlay ice-bottom
-
- icebear-headBase - icebear-face - icebear-ear -
+
+ icebear-headBase + icebear-face + icebear-ear +
icebear-body - icebear-legLeft + +
+ icebear-legLeft icebear-tail - icebear-footLeft - icebear-legRight - icebear-footRight + icebear-footLeft +
+
+ icebear-legRight + icebear-footRight +
+
diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index b80ec07..8672d0c 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -23,57 +23,102 @@ THE BEGINNING: .scene1 { } + +.water{ + position: absolute; + width: 100%; + height: 70%; + left: 0%; + top: 63%; + background: linear-gradient(to top, rgba(169,208,113,0),rgba(21,119,143,1)); +} + .iceberg { margin-left: 20%; - } +} - .ice-platform { +.ice-platform { position: absolute; - } - - .ice-overlay { +} + +.ice-overlay { z-index: -1; position: absolute; animation: iceberg-animation 1s alternate infinite linear; - } - - .ice-bottom { +} + +.ice-bottom { z-index: -2; position: absolute; animation: iceberg-animation 3s alternate infinite linear; - } - - .icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face { - position: absolute; - } - - .head-move { - position: absolute; +} + +.icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face { + position: fixed; +} + +.head-move { + transform-origin: left; + position: fixed; width: 100vw; height: 100vw; - animation: head-animation 3s alternate infinite linear; - } + animation: head-animation 4s alternate infinite linear; + animation-timing-function: ease-in-out; +} + +.leftLeg-move{ + transform-origin: top left; + position: fixed; + width: 100vw; + height: 100vw; + animation: leg-animation 4s alternate infinite linear; + animation-timing-function: ease-in-out; +} - .icebear__body { - } - - @keyframes iceberg-animation { +.rightLeg-move{ + transform-origin: top center; + position: fixed; + width: 100vw; + height: 100vw; + animation: leg-animation 3s alternate infinite linear; + animation-timing-function: ease-in-out; +} + +.icebear { + position: absolute; + +} + +@keyframes iceberg-animation { 0% { - transform: rotate(2deg); + transform: rotate(2deg); } 100% { - transform: rotate(-2deg); + transform: rotate(-2deg); } - } - @keyframes head-animation { +} + +@keyframes head-animation { 0% { - transform: rotate(1deg); + transform: rotate(0.5deg); } 50% { - transform: rotate(-1deg); + transform: rotate(-0.5deg); } 100% { - transform: rotate(-1deg); + transform: rotate(-1deg); } - } - \ No newline at end of file +} + +@keyframes leg-animation { + 0% { + transform: rotate(0.5deg); + } + 50% { + transform: rotate(-0.2deg); + } + 100% { + transform: rotate(1deg); + } +} + diff --git a/src/sass/style.css b/src/sass/style.css index 62c2746..3ee0b4c 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -98,6 +98,15 @@ THE BEGINNING: /*.clouds{ position: absolute; }*/ +.water { + position: absolute; + width: 100%; + height: 70%; + left: 0%; + top: 63%; + background: linear-gradient(to top, rgba(169, 208, 113, 0), rgb(21, 119, 143)); +} + .iceberg { margin-left: 20%; } @@ -119,14 +128,38 @@ THE BEGINNING: } .icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face { - position: absolute; + position: fixed; } .head-move { - position: absolute; + transform-origin: left; + position: fixed; + width: 100vw; + height: 100vw; + animation: head-animation 4s alternate infinite linear; + animation-timing-function: ease-in-out; +} + +.leftLeg-move { + transform-origin: top left; + position: fixed; + width: 100vw; + height: 100vw; + animation: leg-animation 4s alternate infinite linear; + animation-timing-function: ease-in-out; +} + +.rightLeg-move { + transform-origin: top center; + position: fixed; width: 100vw; height: 100vw; - animation: head-animation 3s alternate infinite linear; + animation: leg-animation 3s alternate infinite linear; + animation-timing-function: ease-in-out; +} + +.icebear { + position: absolute; } @keyframes iceberg-animation { @@ -139,15 +172,26 @@ THE BEGINNING: } @keyframes head-animation { 0% { - transform: rotate(1deg); + transform: rotate(0.5deg); } 50% { - transform: rotate(-1deg); + transform: rotate(-0.5deg); } 100% { transform: rotate(-1deg); } } +@keyframes leg-animation { + 0% { + transform: rotate(0.5deg); + } + 50% { + transform: rotate(-0.2deg); + } + 100% { + transform: rotate(1deg); + } +} /* scene 2 ------------------------------------------------ MIDDLE diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 5ef9914..6c7521d 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From f0d40e879ae09ed69a52488afc421cb12318a834 Mon Sep 17 00:00:00 2001 From: Geka19 Date: Tue, 9 May 2023 13:27:29 +0200 Subject: [PATCH 49/88] small fix --- src/sass/_root.scss | 1 + src/sass/style.css | 1 + src/sass/style.css.map | 2 +- 3 files changed, 3 insertions(+), 1 deletion(-) diff --git a/src/sass/_root.scss b/src/sass/_root.scss index 55a5a16..2a3e102 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -14,6 +14,7 @@ body { background-color: var(--background-color); } .goal_14{ + position: absolute; width: 20vh; } .change-1 { diff --git a/src/sass/style.css b/src/sass/style.css index e59bab5..0bd6bbe 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -16,6 +16,7 @@ body { } .goal_14 { + position: absolute; width: 20vh; } diff --git a/src/sass/style.css.map b/src/sass/style.css.map index d2412e0..c7b1641 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACI,mBAAA;EACA,yBAAA;ADEJ;;ACCE;EACE,mBAAA;EACA,yBAAA;ADEJ;;ACCA;EACE,+BAAA;EACA,wBAAA;EACA,yCAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADEF;;ACCA;EACE,kBAAA;ADEF;;ACCA;EACE,aAAA;ADEF;;ACAA;EACE,WAAA;EACA,WAAA;ADGF;;ACAA;EACI,kBAAA;ADGJ;;ACDA;EACI,UAAA;EACA,sBAAA;ADIJ;;ACFA;EACI,UAAA;EACA,sBAAA;ADKJ;;ACFA;EACI,iBAAA;ADKJ;;ACHA;;;;;;;;CAAA;ACtEA;;;;;;CAAA;AAaI;EACI,YAAA;EACA,WAAA;AF+ER;;AE5EA,4DAAA;AACA;;EAAA;AAOA;EACI,kBAAA;EACA,WAAA;EACA,WAAA;EACA,QAAA;EACA,QAAA;EACA,8EAAA;AF2EJ;;AExEA;EACA,gBAAA;AF2EA;;AExEA;EACI,kBAAA;AF2EJ;;AExEA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AF2EJ;;AExEA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AF2EJ;;AExEA;EACI,eAAA;AF2EJ;;AExEA;EACI,sBAAA;EACA,eAAA;EACA,YAAA;EACA,aAAA;EACA,sDAAA;EACA,sCAAA;AF2EJ;;AExEA;EACI,0BAAA;EACA,eAAA;EACA,YAAA;EACA,aAAA;EACA,qDAAA;EACA,sCAAA;AF2EJ;;AExEA;EACI,4BAAA;EACA,eAAA;EACA,YAAA;EACA,aAAA;EACA,qDAAA;EACA,sCAAA;AF2EJ;;AExEA;EACI,kBAAA;AF2EJ;;AEvEA;EACI;IACA,uBAAA;EF0EF;EExEE;IACA,wBAAA;EF0EF;AACF;AEvEA;EACI;IACA,yBAAA;EFyEF;EEvEE;IACA,0BAAA;EFyEF;EEvEE;IACA,wBAAA;EFyEF;AACF;AEtEA;EACI;IACA,yBAAA;EFwEF;EEtEE;IACA,0BAAA;EFwEF;EEtEE;IACI,uBAAA;EFwEN;AACF;AGjMA;;;;;;CAAA;AAQA;EACI,aAAA;EACA,iBAAA;AHkMJ;;AG/LA;EACI,WAAA;EACA,WAAA;AHkMJ;;AG/LA;EACI,WAAA;EACA,WAAA;AHkMJ;;AG/LA;EACI,wCAAA;AHkMJ;;AG/LA;EACI;IACI,4BAAA;EHkMN;EGhME;IACI,6BAAA;EHkMN;AACF;AGhMA;EACI,wCAAA;AHkMJ;;AG9LA;EACI;IACI,6BAAA;EHiMN;EG/LE;IACI,4BAAA;EHiMN;AACF;AG9LA;EACI,8CAAA;AHgMJ;;AG7LA;EACI;IACI,wBAAA;EHgMN;EG9LE;IACI,6BAAA;EHgMN;EG9LE;IACI,8BAAA;EHgMN;EG9LE;IACI,6BAAA;EHgMN;EG9LE;IACI,wBAAA;EHgMN;AACF;AG7LA;EACI,iBAAA;EACA,cAAA;AH+LJ;;AG5LA;EACI,gBAAA;AH+LJ;;AI5QA;EACI,kBAAA;AJ+QJ;AI7QI;EACE,kBAAA;EACA,YAAA;EACA,aAAA;AJ+QN;AI5QI;EACE,gBAAA;EACA,UAAA;EACA,WAAA;EACA,UAAA;EACA,kBAAA;AJ8QN;AI3QI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;AJ6QN;AI1QI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,UAAA;AJ4QN;AIzQI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,SAAA;AJ2QN;AIxQI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,UAAA;AJ0QN;AIvQI;EACE,kBAAA;EACA,SAAA;EACA,OAAA;AJyQN;AItQI;EACE,kBAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,yBAAA;AJwQN;AIrQI;EACI,eAAA;EACA,YAAA;EACA,kBAAA;EACA,oBAAA;AJuQR;AIrQI;EACI,UAAA;EACA,sBAAA;AJuQR","file":"style.css"} +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From 44b02ff36657d1d33f92a99df291a2dd2cbbca3a Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Tue, 9 May 2023 13:32:11 +0200 Subject: [PATCH 50/88] small fix --- src/sass/_root.scss | 1 + src/sass/style.css | 1 + src/sass/style.css.map | 2 +- 3 files changed, 3 insertions(+), 1 deletion(-) diff --git a/src/sass/_root.scss b/src/sass/_root.scss index 55a5a16..2a3e102 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -14,6 +14,7 @@ body { background-color: var(--background-color); } .goal_14{ + position: absolute; width: 20vh; } .change-1 { diff --git a/src/sass/style.css b/src/sass/style.css index e59bab5..0bd6bbe 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -16,6 +16,7 @@ body { } .goal_14 { + position: absolute; width: 20vh; } diff --git a/src/sass/style.css.map b/src/sass/style.css.map index d2412e0..c7b1641 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From 7f35be09ae7e7747ee4501ce59c6cd93e022665e Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Tue, 9 May 2023 14:05:38 +0200 Subject: [PATCH 51/88] fix --- index.html | 11 ++++++++++- src/sass/_root.scss | 4 ++-- src/sass/style.css.map | 2 +- 3 files changed, 13 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index ad8c241..23df056 100644 --- a/index.html +++ b/index.html @@ -37,6 +37,15 @@
+

Things YOU can do to help:

+
    +
  • Recycle your trash properly
    • +
  • Save energy at home
    • +
  • Walk or bicycle instead of taking your car
    • +
+
+ +

This have raised temperatures, especially on the poles. As a result, icebergs are rapidly melting into the sea and retreating on land.

@@ -89,7 +98,7 @@
-

If we dont do something... bla bla

+

Act now to save other polo bears like Barnard

dead fish on the ocean floor dead fish on the ocean floor diff --git a/src/sass/_root.scss b/src/sass/_root.scss index 2a3e102..cdb1174 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -7,14 +7,14 @@ --text-color: white; --background-color: black; } - + body { transition: 3s background-color; color: var(--text-color); background-color: var(--background-color); } .goal_14{ - position: absolute; + position: absolute; width: 20vh; } .change-1 { diff --git a/src/sass/style.css.map b/src/sass/style.css.map index c7b1641..65be991 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From 94f484c1ae2dd75ab140944c2d25bb911a6da349 Mon Sep 17 00:00:00 2001 From: Geka19 Date: Tue, 9 May 2023 14:20:15 +0200 Subject: [PATCH 52/88] changes --- src/sass/_scene1.scss | 8 ++++---- src/sass/style.css | 8 ++++---- src/sass/style.css.map | 2 +- 3 files changed, 9 insertions(+), 9 deletions(-) diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index 8672d0c..d57c722 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -26,10 +26,10 @@ THE BEGINNING: .water{ position: absolute; - width: 100%; - height: 70%; - left: 0%; - top: 63%; + width: 100vw; + height: 70vh; + left: 0; + top: 34vw; background: linear-gradient(to top, rgba(169,208,113,0),rgba(21,119,143,1)); } diff --git a/src/sass/style.css b/src/sass/style.css index 0bd6bbe..f1439eb 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -105,10 +105,10 @@ THE BEGINNING: }*/ .water { position: absolute; - width: 100%; - height: 70%; - left: 0%; - top: 63%; + width: 100vw; + height: 70vh; + left: 0; + top: 34vw; background: linear-gradient(to top, rgba(169, 208, 113, 0), rgb(21, 119, 143)); } diff --git a/src/sass/style.css.map b/src/sass/style.css.map index c7b1641..01ebeec 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACI,mBAAA;EACA,yBAAA;ADEJ;;ACCE;EACE,mBAAA;EACA,yBAAA;ADEJ;;ACCA;EACE,+BAAA;EACA,wBAAA;EACA,yCAAA;ADEF;;ACAA;EACI,kBAAA;EACF,WAAA;ADGF;;ACDA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;ADIF;;ACDA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADIF;;ACDA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADIF;;ACDA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADIF;;ACDA;EACE,kBAAA;ADIF;;ACDA;EACE,aAAA;ADIF;;ACFA;EACE,WAAA;EACA,WAAA;ADKF;;ACFA;EACI,kBAAA;ADKJ;;ACHA;EACI,UAAA;EACA,sBAAA;ADMJ;;ACJA;EACI,UAAA;EACA,sBAAA;ADOJ;;ACJA;EACI,iBAAA;ADOJ;;ACLA;;;;;;;;CAAA;ACzEA;;;;;;CAAA;AAaI;EACI,YAAA;EACA,WAAA;AFoFR;;AEjFA,4DAAA;AACA;;EAAA;AAOA;EACI,kBAAA;EACA,YAAA;EACA,YAAA;EACA,OAAA;EACA,SAAA;EACA,8EAAA;AFgFJ;;AE7EA;EACA,gBAAA;AFgFA;;AE7EA;EACI,kBAAA;AFgFJ;;AE7EA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFgFJ;;AE7EA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFgFJ;;AE7EA;EACI,eAAA;AFgFJ;;AE7EA;EACI,sBAAA;EACA,eAAA;EACA,YAAA;EACA,aAAA;EACA,sDAAA;EACA,sCAAA;AFgFJ;;AE7EA;EACI,0BAAA;EACA,eAAA;EACA,YAAA;EACA,aAAA;EACA,qDAAA;EACA,sCAAA;AFgFJ;;AE7EA;EACI,4BAAA;EACA,eAAA;EACA,YAAA;EACA,aAAA;EACA,qDAAA;EACA,sCAAA;AFgFJ;;AE7EA;EACI,kBAAA;AFgFJ;;AE5EA;EACI;IACA,uBAAA;EF+EF;EE7EE;IACA,wBAAA;EF+EF;AACF;AE5EA;EACI;IACA,yBAAA;EF8EF;EE5EE;IACA,0BAAA;EF8EF;EE5EE;IACA,wBAAA;EF8EF;AACF;AE3EA;EACI;IACA,yBAAA;EF6EF;EE3EE;IACA,0BAAA;EF6EF;EE3EE;IACI,uBAAA;EF6EN;AACF;AGtMA;;;;;;CAAA;AAQA;EACI,aAAA;EACA,iBAAA;AHuMJ;;AGpMA;EACI,WAAA;EACA,WAAA;AHuMJ;;AGpMA;EACI,WAAA;EACA,WAAA;AHuMJ;;AGpMA;EACI,wCAAA;AHuMJ;;AGpMA;EACI;IACI,4BAAA;EHuMN;EGrME;IACI,6BAAA;EHuMN;AACF;AGrMA;EACI,wCAAA;AHuMJ;;AGpMA;EACI,iBAAA;AHuMJ;;AGpMA;EACI;IACI,6BAAA;EHuMN;EGrME;IACI,4BAAA;EHuMN;AACF;AGpMA;EACI,8CAAA;AHsMJ;;AGnMA;EACI,oBAAA;EACA,kBAAA;AHsMJ;;AGlMA;EACI,kBAAA;EACA,oBAAA;EACA,kBAAA;AHqMJ;;AGlMA;EACI,iBAAA;AHqMJ;;AGlMA;EACI;IACI,wBAAA;EHqMN;EGnME;IACI,6BAAA;EHqMN;EGnME;IACI,8BAAA;EHqMN;EGnME;IACI,6BAAA;EHqMN;EGnME;IACI,wBAAA;EHqMN;AACF;AGlMA;EACI,iBAAA;AHoMJ;;AGhMA;EACI,gBAAA;AHmMJ;;AInSA;EACI,kBAAA;AJsSJ;AIrSI;EACE,kBAAA;EACA,YAAA;EACA,aAAA;AJuSN;AIpSI;EACE,gBAAA;EACA,UAAA;EACA,WAAA;EACA,sBAAA;EACA,kBAAA;AJsSN;AInSI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;AJqSN;AIlSI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,UAAA;AJoSN;AIjSI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,SAAA;AJmSN;AIhSI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,UAAA;AJkSN;AI/RI;EACE,kBAAA;EACA,SAAA;EACA,OAAA;AJiSN;AI9RI;EACE,kBAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,yBAAA;AJgSN;AI7RI;EACI,eAAA;EACA,YAAA;EACA,kBAAA;EACA,oBAAA;AJ+RR;AI7RI;EACI,UAAA;EACA,sBAAA;AJ+RR","file":"style.css"} \ No newline at end of file From 2b3b0f252c08c6f22e3763acdbf4ec86762ee174 Mon Sep 17 00:00:00 2001 From: maheggh Date: Wed, 10 May 2023 14:24:08 +0200 Subject: [PATCH 53/88] added scene 4 --- index.html | 15 ++++++- src/sass/_root.scss | 12 ++++-- src/sass/_scene3.scss | 20 ++++++---- src/sass/_scene4.scss | 49 +++++++++++++++++++++++ src/sass/style.css | 91 +++++++++++++++++++++++++++++++++++++----- src/sass/style.css.map | 2 +- src/sass/style.scss | 1 + 7 files changed, 168 insertions(+), 22 deletions(-) create mode 100644 src/sass/_scene4.scss diff --git a/index.html b/index.html index ad8c241..68d8a74 100644 --- a/index.html +++ b/index.html @@ -18,6 +18,7 @@
+
@@ -89,7 +90,6 @@
-

If we dont do something... bla bla

dead fish on the ocean floor dead fish on the ocean floor @@ -99,6 +99,19 @@ dead fish on the ocean floor
+
+

If we dont do something... + Rising sea levels could impact 1 billion people by the year 2050

+

Changes in water temperature causes algae to leave coral reefs, + turning them white and making them vulnerable to + disease and death—a phenomenon known as coral bleaching.

+

Arctic sea ice recedes every summer, + but still covers millions of square miles of ocean today. + But the Arctic is warming faster than anywhere else on + Earth and ice-free summers could become a reality.

+

Heat waves will become more frequent and severe around the world, + affecting hundreds of millions—or even billions—of people if we don’t act.

+
\ No newline at end of file diff --git a/src/sass/_root.scss b/src/sass/_root.scss index 2a3e102..71d73c9 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -1,13 +1,15 @@ :root { --text-color: black; --background-color: white; + overflow-x: hidden; } [data-theme="dark"] { --text-color: white; --background-color: black; } - + + body { transition: 3s background-color; color: var(--text-color); @@ -44,15 +46,17 @@ body { margin-top: 300vh; } -* { - overflow-x: hidden; +.change-5 { + position: absolute; + width: 100%; + min-height: 100vh; + margin-top: 400vh; } .scroll-section--scene1 { display: grid; } .scroll-section__quote { - margin: 2vh; width: 40vw; } diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index d09eaa4..14ff2ee 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -4,6 +4,7 @@ position: relative; width: 100vw; height: 100vh; + background-image: linear-gradient(to top, rgba(239,239,239,255), rgba(239,239,239,0)); } &__howtofix { @@ -66,15 +67,20 @@ transform: rotate(180deg); } - &__bottom { - font-size: 30px; - color: white; - text-align: center; - animation: fadeIn 5s; - } .fade-in { opacity: 1; transition: opacity 5s; } - + + &__images::before { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + height: 100vh; + background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgb(0, 0, 0) 150%); + z-index: 1000; + } } \ No newline at end of file diff --git a/src/sass/_scene4.scss b/src/sass/_scene4.scss new file mode 100644 index 0000000..b90d30d --- /dev/null +++ b/src/sass/_scene4.scss @@ -0,0 +1,49 @@ +.scroll-section { + /*The whole scene*/ + &--scene4 { + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 100vw; + height: 100vh; + background-color: black; + z-index: 100; + } + &__bottom1, &__bottom2, &__bottom3, &__bottom4 { + position: absolute; /* Add this */ + font-size: 5vh; + text-align: center; + animation: fadeInOut 40s infinite; + width: 50vw; + display: block; + animation-timing-function: ease-in-out; + opacity: 0; + visibility: hidden; + } + + &__bottom1 { + animation-delay: 0s; + } + + &__bottom2 { + animation-delay: 10s; + } + + &__bottom3 { + animation-delay: 20s; + } + + &__bottom4 { + animation-delay: 30s; + } + + @keyframes fadeInOut { + 0%, 16.66% { opacity: 0; visibility: hidden; } + 16.67%, 20% { opacity: 0; visibility: visible; transform: scale(1.0); } // Fade in starts + 25%, 33.33% { opacity: 1; visibility: visible; transform: scale(1.1);} // Fully visible + 33.34%, 37.5% { opacity: 1; visibility: visible;} // Fade out starts + 41.67%, 50% { opacity: 0; visibility: visible; } // Fully transparent + 50.01%, 100% { visibility: hidden; } + } +} \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index 0bd6bbe..c0c1bcc 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -2,6 +2,7 @@ :root { --text-color: black; --background-color: white; + overflow-x: hidden; } [data-theme=dark] { @@ -47,8 +48,11 @@ body { margin-top: 300vh; } -* { - overflow-x: hidden; +.change-5 { + position: absolute; + width: 100%; + min-height: 100vh; + margin-top: 400vh; } .scroll-section--scene1 { @@ -56,7 +60,6 @@ body { } .scroll-section__quote { - margin: 2vh; width: 40vw; } @@ -298,6 +301,7 @@ MIDDLE position: relative; width: 100vw; height: 100vh; + background-image: linear-gradient(to top, rgb(239, 239, 239), rgba(239, 239, 239, 0)); } .scroll-section__howtofix { font-size: 2.5vh; @@ -352,13 +356,82 @@ MIDDLE height: auto; transform: rotate(180deg); } -.scroll-section__bottom { - font-size: 30px; - color: white; - text-align: center; - animation: fadeIn 5s; -} .scroll-section .fade-in { opacity: 1; transition: opacity 5s; +} +.scroll-section__images::before { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + right: 0; + height: 100vh; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 150%); + z-index: 1000; +} + +.scroll-section { + /*The whole scene*/ +} +.scroll-section--scene4 { + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 100vw; + height: 100vh; + background-color: black; + z-index: 100; +} +.scroll-section__bottom1, .scroll-section__bottom2, .scroll-section__bottom3, .scroll-section__bottom4 { + position: absolute; /* Add this */ + font-size: 5vh; + text-align: center; + animation: fadeInOut 40s infinite; + width: 50vw; + display: block; + animation-timing-function: ease-in-out; + opacity: 0; + visibility: hidden; +} +.scroll-section__bottom1 { + animation-delay: 0s; +} +.scroll-section__bottom2 { + animation-delay: 10s; +} +.scroll-section__bottom3 { + animation-delay: 20s; +} +.scroll-section__bottom4 { + animation-delay: 30s; +} +@keyframes fadeInOut { + 0%, 16.66% { + opacity: 0; + visibility: hidden; + } + 16.67%, 20% { + opacity: 0; + visibility: visible; + transform: scale(1); + } + 25%, 33.33% { + opacity: 1; + visibility: visible; + transform: scale(1.1); + } + 33.34%, 37.5% { + opacity: 1; + visibility: visible; + } + 41.67%, 50% { + opacity: 0; + visibility: visible; + } + 50.01%, 100% { + visibility: hidden; + } }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/src/sass/style.css.map b/src/sass/style.css.map index c7b1641..05f22a6 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACI,mBAAA;EACA,yBAAA;ADEJ;;ACCE;EACE,mBAAA;EACA,yBAAA;ADEJ;;ACCA;EACE,+BAAA;EACA,wBAAA;EACA,yCAAA;ADEF;;ACAA;EACI,kBAAA;EACF,WAAA;ADGF;;ACDA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;ADIF;;ACDA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADIF;;ACDA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADIF;;ACDA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADIF;;ACDA;EACE,kBAAA;ADIF;;ACDA;EACE,aAAA;ADIF;;ACFA;EACE,WAAA;EACA,WAAA;ADKF;;ACFA;EACI,kBAAA;ADKJ;;ACHA;EACI,UAAA;EACA,sBAAA;ADMJ;;ACJA;EACI,UAAA;EACA,sBAAA;ADOJ;;ACJA;EACI,iBAAA;ADOJ;;ACLA;;;;;;;;CAAA;ACzEA;;;;;;CAAA;AAaI;EACI,YAAA;EACA,WAAA;AFoFR;;AEjFA,4DAAA;AACA;;EAAA;AAOA;EACI,kBAAA;EACA,WAAA;EACA,WAAA;EACA,QAAA;EACA,QAAA;EACA,8EAAA;AFgFJ;;AE7EA;EACA,gBAAA;AFgFA;;AE7EA;EACI,kBAAA;AFgFJ;;AE7EA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFgFJ;;AE7EA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFgFJ;;AE7EA;EACI,eAAA;AFgFJ;;AE7EA;EACI,sBAAA;EACA,eAAA;EACA,YAAA;EACA,aAAA;EACA,sDAAA;EACA,sCAAA;AFgFJ;;AE7EA;EACI,0BAAA;EACA,eAAA;EACA,YAAA;EACA,aAAA;EACA,qDAAA;EACA,sCAAA;AFgFJ;;AE7EA;EACI,4BAAA;EACA,eAAA;EACA,YAAA;EACA,aAAA;EACA,qDAAA;EACA,sCAAA;AFgFJ;;AE7EA;EACI,kBAAA;AFgFJ;;AE5EA;EACI;IACA,uBAAA;EF+EF;EE7EE;IACA,wBAAA;EF+EF;AACF;AE5EA;EACI;IACA,yBAAA;EF8EF;EE5EE;IACA,0BAAA;EF8EF;EE5EE;IACA,wBAAA;EF8EF;AACF;AE3EA;EACI;IACA,yBAAA;EF6EF;EE3EE;IACA,0BAAA;EF6EF;EE3EE;IACI,uBAAA;EF6EN;AACF;AGtMA;;;;;;CAAA;AAQA;EACI,aAAA;EACA,iBAAA;AHuMJ;;AGpMA;EACI,WAAA;EACA,WAAA;AHuMJ;;AGpMA;EACI,WAAA;EACA,WAAA;AHuMJ;;AGpMA;EACI,wCAAA;AHuMJ;;AGpMA;EACI;IACI,4BAAA;EHuMN;EGrME;IACI,6BAAA;EHuMN;AACF;AGrMA;EACI,wCAAA;AHuMJ;;AGpMA;EACI,iBAAA;AHuMJ;;AGpMA;EACI;IACI,6BAAA;EHuMN;EGrME;IACI,4BAAA;EHuMN;AACF;AGpMA;EACI,8CAAA;AHsMJ;;AGnMA;EACI,oBAAA;EACA,kBAAA;AHsMJ;;AGlMA;EACI,kBAAA;EACA,oBAAA;EACA,kBAAA;AHqMJ;;AGlMA;EACI,iBAAA;AHqMJ;;AGlMA;EACI;IACI,wBAAA;EHqMN;EGnME;IACI,6BAAA;EHqMN;EGnME;IACI,8BAAA;EHqMN;EGnME;IACI,6BAAA;EHqMN;EGnME;IACI,wBAAA;EHqMN;AACF;AGlMA;EACI,iBAAA;AHoMJ;;AGhMA;EACI,gBAAA;AHmMJ;;AInSA;EACI,kBAAA;AJsSJ;AIrSI;EACE,kBAAA;EACA,YAAA;EACA,aAAA;AJuSN;AIpSI;EACE,gBAAA;EACA,UAAA;EACA,WAAA;EACA,sBAAA;EACA,kBAAA;AJsSN;AInSI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;AJqSN;AIlSI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,UAAA;AJoSN;AIjSI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,SAAA;AJmSN;AIhSI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,UAAA;AJkSN;AI/RI;EACE,kBAAA;EACA,SAAA;EACA,OAAA;AJiSN;AI9RI;EACE,kBAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,yBAAA;AJgSN;AI7RI;EACI,eAAA;EACA,YAAA;EACA,kBAAA;EACA,oBAAA;AJ+RR;AI7RI;EACI,UAAA;EACA,sBAAA;AJ+RR","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/src/sass/style.scss b/src/sass/style.scss index 6fbb852..62cfb92 100644 --- a/src/sass/style.scss +++ b/src/sass/style.scss @@ -2,3 +2,4 @@ @use 'scene1'; @use 'scene2'; @use 'scene3'; +@use 'scene4'; From b63b07df08bb98d08b33943570d59083f233fe8c Mon Sep 17 00:00:00 2001 From: maheggh Date: Wed, 10 May 2023 14:30:18 +0200 Subject: [PATCH 54/88] fix som stylez --- images/favicon.ico | Bin 0 -> 4286 bytes index.html | 1 + src/sass/_root.scss | 1 + src/sass/style.css | 1 + src/sass/style.css.map | 2 +- 5 files changed, 4 insertions(+), 1 deletion(-) create mode 100644 images/favicon.ico diff --git a/images/favicon.ico b/images/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..5fcdda12d918a755b8ce9dec04e1cb7864ee62e4 GIT binary patch literal 4286 zcmeHLdrXyO82?alnT=dI-7F_g)7rYaYICd9X8A|9*=jXstu1wF<((82flyRT(bTlz zyi}TYQ!(UnINUh`3JR#)4j^EN3dltf4mQ7PgG3SlrhioIN(uT;_&hSl1cy|LOq)Zx^w0^@b77qr3;` zvaWl;-QMJMb7om%NaR{WqI?FzhR(9N7v()rB5^0e(_D_bw5L~_yV2G8zKiNj+&Ws~ zHV&6C58`9WRN0Up{xx*2G$d}*oW!huMDJQw0~58m2V5VZpMFvH`9p6@ zb7P(4N3Ir?iG7Qwi>~y;Go>OgRGJ!U#PM_Q&J8I|4U)vIW7WPWpFz&!fVdLZs-grH z|M$5d30-Eu&*!D8*xZxWR)=al@!s~CHedepQwb+-PR4?^6L)*WTGi3od{4^K4@=|S zTjuAMW@&9{YS-CeNGr@}(T{my9uf{5o#6xZGsc<6W~;20riM1XO{U&B zJYR|uwsg9G;l~*o%l`7g;eYnYg{EG}XM7zvtM7`r>1%yep@b|VA1A`TM*R+B7rWt6 ziS%L|I_FPkzWc{}th)Nv zx6i15;0)_oZs<}ejP{X)Z`~zyIWd_kc8e!!({wYpe1;;|KaqUwCGC1v^_~lwj64XC z%%kr+rQeZzg|X|Uq2{X8mZr+x%6zRw*QQX+yAEG z&plhSQJGiALO>&>q>J{MY^ieq{%LF8S8A%Iosn5NT{{9~_R?28k(Y7UXBl-V!*+xQ;_&T&O} zx=P|UcjbH73K!*i+@_K6*G=EaP2!%oZH)4iy+ikqBUZ@ji*B>GJ8BhsxGUD6_QhF) z@nj8%{$?<8gfoFz6Z9_obK4!qJ+1qF?18K~ssnjW*%9dVj<``SIl<+acQ_NUF0dY1 zk*|E3i&&V8cl927K#%-4=bf{AUj|=BYYs>I4VRR?uc|+stB8Hdo=IAJQ*bZ&`xiCe z;{!%v-f#yVLvUvtYT^X_Y}-Cw>o;d3+xCg5B}2_V)Qt_~25S}jl|5pW>ber=ubhtE z;HGmx*2(!&nQxV%_|1|Rx=aeJUf|a@DNQ?sbr80^AQg5CxPL(B1bf69%uQa9w^D9` zv#K9{be$uKiRwpPW$j?yBB!g0;-#s+8a_-=JaSGgg#JkI-e0m#%tH<=kgF-Xk%u8t zmT^SV55Ftb#WpE9vkNvHl-!WTDk~@CE6izOlCWizV(EzI{js2a^0gXyeEIlXxe~V# zcKbqKoW`2?C+&O&^sBXxpU)Ud(LGZ`%tou z&r@y{#RmYVkJUe|8QpN&;a{JgZL@Z){|Jfo$Gir6qW#>Ei%*)k0Xyaa&uoEX<;-^z z)!v>k?UT+fHgiT}Eg{!fFC)EJOFCl4eJ)2`;nNvCy?#gM#E$yg`ELjAvmTl;?tJFF MEsp;O_^+P-03MPS_y7O^ literal 0 HcmV?d00001 diff --git a/index.html b/index.html index 68d8a74..9b5da88 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,7 @@ + Assignment_3 group_9 diff --git a/src/sass/_root.scss b/src/sass/_root.scss index 71d73c9..ad9a0db 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -18,6 +18,7 @@ body { .goal_14{ position: absolute; width: 20vh; + padding-left: 0.2vw; } .change-1 { position: absolute; diff --git a/src/sass/style.css b/src/sass/style.css index c0c1bcc..f40ce87 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -19,6 +19,7 @@ body { .goal_14 { position: absolute; width: 20vh; + padding-left: 0.2vw; } .change-1 { diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 05f22a6..444d679 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From 405449fa89eed71f941faef85d4e9ced62fb7172 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Wed, 10 May 2023 16:17:32 +0200 Subject: [PATCH 55/88] put on clouds, and fixed text --- index.html | 8 ++++++-- src/sass/_root.scss | 27 +++++++++++++++++++-------- src/sass/_scene1.scss | 24 ++++++++++++++++++++++-- src/sass/_scene3.scss | 3 ++- src/sass/style.css | 32 ++++++++++++++++++++++++++++++-- src/sass/style.css.map | 2 +- 6 files changed, 80 insertions(+), 16 deletions(-) diff --git a/index.html b/index.html index 23df056..4ebbaed 100644 --- a/index.html +++ b/index.html @@ -20,6 +20,11 @@
+
+ clouds + clouds + clouds +

This is Barnard, he lives on an iceberg in the north pole

@@ -68,14 +73,13 @@
icebear-legLeft - icebear-tail + icebear-tail icebear-footLeft
icebear-legRight icebear-footRight
-
diff --git a/src/sass/_root.scss b/src/sass/_root.scss index cdb1174..7c9b967 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -1,5 +1,5 @@ :root { - --text-color: black; + --text-color: rgb(0, 0, 0); --background-color: white; } @@ -60,17 +60,28 @@ body { overflow-x: hidden; } .fade-in { - opacity: 1; - transition: opacity 1s; - } + opacity: 1; + transition: opacity 1s; +} + .fade-out { - opacity: 0; - transition: opacity 1s; - } + opacity: 0; + transition: opacity 1s; +} .scroll-section__howtofix { - padding-top: 50vh; + padding-top: 50vh; + + & p, li { + background-color: rgb(163, 192, 217); + color: black; + padding: 10px; + border-radius: 20px; + margin: 10px; + } } + + /* @media (prefers-reduced-motion: reduce) { Disable all animations diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index 8672d0c..a2002e3 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -7,7 +7,6 @@ THE BEGINNING: */ .scroll-section { - &--scene1 { } @@ -20,8 +19,29 @@ THE BEGINNING: /*.clouds{ position: absolute; }*/ -.scene1 { +.clouds{ + + .cloud_1{ + position: absolute; + margin-left: 100vh; + width: 50vh; + z-index: -1; + } + .cloud_2{ + position: absolute; + margin-left: 50vh; + width: 20vh; + z-index: -1; + } + + .cloud_3{ + position: absolute; + margin-top: 25vh; + margin-left: 140vh; + width: 20vh; + z-index: -2; + } } .water{ diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index d09eaa4..2eb0dd9 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -67,8 +67,9 @@ } &__bottom { - font-size: 30px; + font-size: 33px; color: white; + background-color: none; text-align: center; animation: fadeIn 5s; } diff --git a/src/sass/style.css b/src/sass/style.css index 0bd6bbe..0004848 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -1,6 +1,6 @@ @charset "UTF-8"; :root { - --text-color: black; + --text-color: rgb(0, 0, 0); --background-color: white; } @@ -77,6 +77,13 @@ body { .scroll-section__howtofix { padding-top: 50vh; } +.scroll-section__howtofix p, .scroll-section__howtofix li { + background-color: rgb(163, 192, 217); + color: black; + padding: 10px; + border-radius: 20px; + margin: 10px; +} /* @media (prefers-reduced-motion: reduce) { @@ -103,6 +110,26 @@ THE BEGINNING: /*.clouds{ position: absolute; }*/ +.clouds .cloud_1 { + position: absolute; + margin-left: 100vh; + width: 50vh; + z-index: -1; +} +.clouds .cloud_2 { + position: absolute; + margin-left: 50vh; + width: 20vh; + z-index: -1; +} +.clouds .cloud_3 { + position: absolute; + margin-top: 25vh; + margin-left: 140vh; + width: 20vh; + z-index: -2; +} + .water { position: absolute; width: 100%; @@ -353,8 +380,9 @@ MIDDLE transform: rotate(180deg); } .scroll-section__bottom { - font-size: 30px; + font-size: 33px; color: white; + background-color: none; text-align: center; animation: fadeIn 5s; } diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 65be991..20649ea 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From aa682d6350ae54517d36b33042e7221462224306 Mon Sep 17 00:00:00 2001 From: maheggh Date: Wed, 10 May 2023 17:28:34 +0200 Subject: [PATCH 56/88] toxic barrel --- images/SVG/toxic.svg | 1 + images/toxic.svg | 1 + index.html | 9 ++++++++ index.js | 6 +++++ src/sass/_scene3.scss | 51 ++++++++++++++++++++++++++++++++++++++++++ src/sass/style.css | 46 +++++++++++++++++++++++++++++++++++++ src/sass/style.css.map | 2 +- 7 files changed, 115 insertions(+), 1 deletion(-) create mode 100644 images/SVG/toxic.svg create mode 100644 images/toxic.svg diff --git a/images/SVG/toxic.svg b/images/SVG/toxic.svg new file mode 100644 index 0000000..fb3de63 --- /dev/null +++ b/images/SVG/toxic.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/toxic.svg b/images/toxic.svg new file mode 100644 index 0000000..fb3de63 --- /dev/null +++ b/images/toxic.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.html b/index.html index 9b5da88..87ca332 100644 --- a/index.html +++ b/index.html @@ -98,6 +98,15 @@ seaweed ocean floor dead fish on the ocean floor + toxic barrel +
+
+
+
+
+
+
+
diff --git a/index.js b/index.js index 032aa5b..3918393 100644 --- a/index.js +++ b/index.js @@ -78,3 +78,9 @@ if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').match } else { document.documentElement.setAttribute('data-theme', 'light'); } + +const particles = document.querySelectorAll('.particle'); + +particles.forEach((particle, index) => { + particle.style.left = `${83.5 + Math.random() * 5}vw`; +}); \ No newline at end of file diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index 14ff2ee..3598de7 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -67,6 +67,15 @@ transform: rotate(180deg); } + &__img7 { + position: absolute; + bottom: 0; + left: 80vw; + width: 20vw; + height: 10vh; + height: auto; + } + .fade-in { opacity: 1; transition: opacity 5s; @@ -83,4 +92,46 @@ background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgb(0, 0, 0) 150%); z-index: 1000; } + @keyframes moveParticles { + 0% { + transform: translateY(0); + opacity: 1; + } + 100% { + transform: translateY(-100vh); + opacity: 0; + } + } + + .particle { + position: absolute; + bottom: 0; + background: green; + width: 25px; + height: 25px; + animation: moveParticles 2s linear infinite; + margin-bottom: 40vh; + border-radius: 50%; + } + + .particle:nth-child(2n) { + animation-duration: 7s; + } + + .particle:nth-child(3n) { + animation-duration: 7s; + } + + .particle:nth-child(4n) { + animation-duration: 6s; + } + .particle:nth-child(5n) { + animation-duration: 7s; + } + .particle:nth-child(6n) { + animation-duration: 6s; + } + .particle:nth-child(7n) { + animation-duration: 4s; + } } \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index f40ce87..3ce59c3 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -357,6 +357,14 @@ MIDDLE height: auto; transform: rotate(180deg); } +.scroll-section__img7 { + position: absolute; + bottom: 0; + left: 80vw; + width: 20vw; + height: 10vh; + height: auto; +} .scroll-section .fade-in { opacity: 1; transition: opacity 5s; @@ -372,6 +380,44 @@ MIDDLE background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 150%); z-index: 1000; } +@keyframes moveParticles { + 0% { + transform: translateY(0); + opacity: 1; + } + 100% { + transform: translateY(-100vh); + opacity: 0; + } +} +.scroll-section .particle { + position: absolute; + bottom: 0; + background: green; + width: 25px; + height: 25px; + animation: moveParticles 2s linear infinite; + margin-bottom: 40vh; + border-radius: 50%; +} +.scroll-section .particle:nth-child(2n) { + animation-duration: 7s; +} +.scroll-section .particle:nth-child(3n) { + animation-duration: 7s; +} +.scroll-section .particle:nth-child(4n) { + animation-duration: 6s; +} +.scroll-section .particle:nth-child(5n) { + animation-duration: 7s; +} +.scroll-section .particle:nth-child(6n) { + animation-duration: 6s; +} +.scroll-section .particle:nth-child(7n) { + animation-duration: 4s; +} .scroll-section { /*The whole scene*/ diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 444d679..c2284ea 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACI,mBAAA;EACA,yBAAA;EACA,kBAAA;ADEJ;;ACCE;EACE,mBAAA;EACA,yBAAA;ADEJ;;ACEA;EACE,+BAAA;EACA,wBAAA;EACA,yCAAA;ADCF;;ACCA;EACI,kBAAA;EACF,WAAA;EACA,mBAAA;ADEF;;ACAA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;ADGF;;ACAA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADGF;;ACAA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADGF;;ACAA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADGF;;ACAA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADGF;;ACAA;EACE,aAAA;ADGF;;ACDA;EACE,WAAA;ADIF;;ACDA;EACI,kBAAA;ADIJ;;ACFA;EACI,UAAA;EACA,sBAAA;ADKJ;;ACHA;EACI,UAAA;EACA,sBAAA;ADMJ;;ACHA;EACI,iBAAA;ADMJ;;ACJA;;;;;;;;CAAA;AC9EA;;;;;;CAAA;AAaI;EACI,YAAA;EACA,WAAA;AFwFR;;AErFA,4DAAA;AACA;;EAAA;AAOA;EACI,kBAAA;EACA,WAAA;EACA,WAAA;EACA,QAAA;EACA,QAAA;EACA,8EAAA;AFoFJ;;AEjFA;EACA,gBAAA;AFoFA;;AEjFA;EACI,kBAAA;AFoFJ;;AEjFA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFoFJ;;AEjFA;EACI,WAAA;EACA,kBAAA;EACA,yDAAA;AFoFJ;;AEjFA;EACI,eAAA;AFoFJ;;AEjFA;EACI,sBAAA;EACA,eAAA;EACA,YAAA;EACA,aAAA;EACA,sDAAA;EACA,sCAAA;AFoFJ;;AEjFA;EACI,0BAAA;EACA,eAAA;EACA,YAAA;EACA,aAAA;EACA,qDAAA;EACA,sCAAA;AFoFJ;;AEjFA;EACI,4BAAA;EACA,eAAA;EACA,YAAA;EACA,aAAA;EACA,qDAAA;EACA,sCAAA;AFoFJ;;AEjFA;EACI,kBAAA;AFoFJ;;AEhFA;EACI;IACA,uBAAA;EFmFF;EEjFE;IACA,wBAAA;EFmFF;AACF;AEhFA;EACI;IACA,yBAAA;EFkFF;EEhFE;IACA,0BAAA;EFkFF;EEhFE;IACA,wBAAA;EFkFF;AACF;AE/EA;EACI;IACA,yBAAA;EFiFF;EE/EE;IACA,0BAAA;EFiFF;EE/EE;IACI,uBAAA;EFiFN;AACF;AG1MA;;;;;;CAAA;AAQA;EACI,aAAA;EACA,iBAAA;AH2MJ;;AGxMA;EACI,WAAA;EACA,WAAA;AH2MJ;;AGxMA;EACI,WAAA;EACA,WAAA;AH2MJ;;AGxMA;EACI,wCAAA;AH2MJ;;AGxMA;EACI;IACI,4BAAA;EH2MN;EGzME;IACI,6BAAA;EH2MN;AACF;AGzMA;EACI,wCAAA;AH2MJ;;AGxMA;EACI,iBAAA;AH2MJ;;AGxMA;EACI;IACI,6BAAA;EH2MN;EGzME;IACI,4BAAA;EH2MN;AACF;AGxMA;EACI,8CAAA;AH0MJ;;AGvMA;EACI,oBAAA;EACA,kBAAA;AH0MJ;;AGtMA;EACI,kBAAA;EACA,oBAAA;EACA,kBAAA;AHyMJ;;AGtMA;EACI,iBAAA;AHyMJ;;AGtMA;EACI;IACI,wBAAA;EHyMN;EGvME;IACI,6BAAA;EHyMN;EGvME;IACI,8BAAA;EHyMN;EGvME;IACI,6BAAA;EHyMN;EGvME;IACI,wBAAA;EHyMN;AACF;AGtMA;EACI,iBAAA;AHwMJ;;AGpMA;EACI,gBAAA;AHuMJ;;AIvSA;EACI,kBAAA;AJ0SJ;AIzSI;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,qFAAA;AJ2SN;AIxSI;EACE,gBAAA;EACA,UAAA;EACA,WAAA;EACA,sBAAA;EACA,kBAAA;AJ0SN;AIvSI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;AJySN;AItSI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,UAAA;AJwSN;AIrSI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,SAAA;AJuSN;AIpSI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,UAAA;AJsSN;AInSI;EACE,kBAAA;EACA,SAAA;EACA,OAAA;AJqSN;AIlSI;EACE,kBAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,yBAAA;AJoSN;AIjSI;EACI,UAAA;EACA,sBAAA;AJmSR;AIhSM;EACE,WAAA;EACA,cAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,QAAA;EACA,aAAA;EACA,0FAAA;EACA,aAAA;AJkSR;;AKrXA;EACE,kBAAA;ALwXF;AKvXE;EACE,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,aAAA;EACA,uBAAA;EACA,YAAA;ALyXJ;AKvXE;EACE,kBAAA,EAAA,aAAA;EACA,cAAA;EACA,kBAAA;EACA,iCAAA;EACA,WAAA;EACA,cAAA;EACA,sCAAA;EACA,UAAA;EACA,kBAAA;ALyXJ;AKtXE;EACE,mBAAA;ALwXJ;AKrXE;EACE,oBAAA;ALuXJ;AKpXE;EACE,oBAAA;ALsXJ;AKnXE;EACE,oBAAA;ALqXJ;AKlXE;EACE;IAAa,UAAA;IAAY,kBAAA;ELsX3B;EKrXE;IAAc,UAAA;IAAY,mBAAA;IAAqB,mBAAA;EL0XjD;EKzXE;IAAc,UAAA;IAAY,mBAAA;IAAqB,qBAAA;EL8XjD;EK7XE;IAAgB,UAAA;IAAY,mBAAA;ELiY9B;EKhYE;IAAc,UAAA;IAAY,mBAAA;ELoY5B;EKnYE;IAAe,kBAAA;ELsYjB;AACF","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From 45938baec7c249c46861cb3209fb8a0ea1c69390 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Wed, 10 May 2023 18:00:13 +0200 Subject: [PATCH 57/88] media queries, and some fixes --- index.html | 7 ++-- src/sass/_root.scss | 72 +++++++++++++++++++++++++++++++++++------- src/sass/_scene1.scss | 21 +++++++++--- src/sass/_scene2.scss | 10 +++--- src/sass/_scene3.scss | 1 - src/sass/style.css | 71 +++++++++++++++++++++++++++++++++-------- src/sass/style.css.map | 2 +- 7 files changed, 146 insertions(+), 38 deletions(-) diff --git a/index.html b/index.html index 4ebbaed..775c916 100644 --- a/index.html +++ b/index.html @@ -60,9 +60,9 @@
- ice-platform - ice-overlay - ice-bottom + ice-platform + ice-overlay + ice-bottom
icebear-headBase @@ -90,6 +90,7 @@ small-fish small-amount-fish cluster-fish + small-fish
diff --git a/src/sass/_root.scss b/src/sass/_root.scss index 7c9b967..a39fac3 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -1,18 +1,19 @@ :root { - --text-color: rgb(0, 0, 0); - --background-color: white; - } - - [data-theme="dark"] { - --text-color: white; - --background-color: black; - } + --text-color: rgb(0, 0, 0); + --background-color: white; +} + +[data-theme="dark"] { + --text-color: white; + --background-color: black; +} body { transition: 3s background-color; color: var(--text-color); background-color: var(--background-color); } + .goal_14{ position: absolute; width: 20vh; @@ -57,8 +58,9 @@ body { } * { - overflow-x: hidden; + overflow-x: hidden; } + .fade-in { opacity: 1; transition: opacity 1s; @@ -82,7 +84,7 @@ body { } -/* +// ---------------- MEDIA QUERIES -------------------- @media (prefers-reduced-motion: reduce) { Disable all animations * { @@ -90,4 +92,52 @@ body { transition: none !important; } } -*/ \ No newline at end of file + +@media only screen and (max-width: 400px){ + // scene 1 + body{ + margin: 0; + } + .goal_14{ + + } + .water{ + width: 100vw; + } + + .cloud_1{ + width: 2vh; + margin: 0; + animation: none; + } + + .cloud_2, .cloud_3{ + display: none; + } + + .iceberg{ + display: none; + } + +// scene 2 + .trash{ + height: 30vh; + } + + p { + margin: 0; + } + + .scroll-section img{ + height: 100vw; + margin: 0; + } + + + // scene 3 + .scroll-section__bottom { + font-size: 20px; + display: flex; + color: pink; + } +} \ No newline at end of file diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index a2002e3..6710317 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -16,11 +16,9 @@ THE BEGINNING: } } /* scene 1 ------------------------------------------------*/ -/*.clouds{ - position: absolute; -}*/ -.clouds{ +.clouds{ + animation: cloud_animation 10s infinite alternate; .cloud_1{ position: absolute; margin-left: 100vh; @@ -44,6 +42,15 @@ THE BEGINNING: } } +@keyframes cloud_animation{ + from { + margin-left: 20vh; + } + + to { + margin-left: 0; + } +} .water{ position: absolute; width: 100%; @@ -59,17 +66,23 @@ margin-left: 20%; .ice-platform { position: absolute; + width: 900px; + height: 900px; } .ice-overlay { z-index: -1; position: absolute; + height: 900px; + width: 900px; animation: iceberg-animation 1s alternate infinite linear; } .ice-bottom { z-index: -2; position: absolute; + height: 900px; + width: 900px; animation: iceberg-animation 3s alternate infinite linear; } diff --git a/src/sass/_scene2.scss b/src/sass/_scene2.scss index 06b9362..5da0ca4 100644 --- a/src/sass/_scene2.scss +++ b/src/sass/_scene2.scss @@ -5,6 +5,9 @@ MIDDLE • Soon the iceberg is melted, the polo bear sinks down under water. • We can also see plastic, toxic waste, dying see life, biohazard sign. */ +.scene2 { + overflow: hidden; +} .scroll-section--scene2 { display: grid; @@ -21,8 +24,8 @@ MIDDLE width: 40vw; } -.small__fish, .cluster__fish { - animation: fish-animation-1 10s infinite; +.small__fish, .cluster__fish, .small__fish__2{ + animation: fish-animation-1 7s infinite; } @keyframes fish-animation-1 { @@ -93,6 +96,3 @@ MIDDLE } -.scene2 { - overflow: hidden; -} \ No newline at end of file diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index 2eb0dd9..37895b9 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -77,5 +77,4 @@ opacity: 1; transition: opacity 5s; } - } \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index 0004848..d82aceb 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -85,15 +85,46 @@ body { margin: 10px; } -/* @media (prefers-reduced-motion: reduce) { - Disable all animations - * { + Disable all animations * { animation: none !important; transition: none !important; } } -*/ +@media only screen and (max-width: 400px) { + body { + margin: 0; + } + .water { + width: 100vw; + } + .cloud_1 { + width: 2vh; + margin: 0; + animation: none; + } + .cloud_2, .cloud_3 { + display: none; + } + .iceberg { + display: none; + } + .trash { + height: 30vh; + } + p { + margin: 0; + } + .scroll-section img { + height: 100vw; + margin: 0; + } + .scroll-section__bottom { + font-size: 20px; + display: flex; + color: pink; + } +} /* scene 1 ------------------------------------------------ THE BEGINNING: @@ -107,9 +138,9 @@ THE BEGINNING: } /* scene 1 ------------------------------------------------*/ -/*.clouds{ - position: absolute; -}*/ +.clouds { + animation: cloud_animation 10s infinite alternate; +} .clouds .cloud_1 { position: absolute; margin-left: 100vh; @@ -130,6 +161,14 @@ THE BEGINNING: z-index: -2; } +@keyframes cloud_animation { + from { + margin-left: 20vh; + } + to { + margin-left: 0; + } +} .water { position: absolute; width: 100%; @@ -145,17 +184,23 @@ THE BEGINNING: .ice-platform { position: absolute; + width: 900px; + height: 900px; } .ice-overlay { z-index: -1; position: absolute; + height: 900px; + width: 900px; animation: iceberg-animation 1s alternate infinite linear; } .ice-bottom { z-index: -2; position: absolute; + height: 900px; + width: 900px; animation: iceberg-animation 3s alternate infinite linear; } @@ -231,6 +276,10 @@ MIDDLE • Soon the iceberg is melted, the polo bear sinks down under water. • We can also see plastic, toxic waste, dying see life, biohazard sign. */ +.scene2 { + overflow: hidden; +} + .scroll-section--scene2 { display: grid; margin-top: 160vh; @@ -246,8 +295,8 @@ MIDDLE width: 40vw; } -.small__fish, .cluster__fish { - animation: fish-animation-1 10s infinite; +.small__fish, .cluster__fish, .small__fish__2 { + animation: fish-animation-1 7s infinite; } @keyframes fish-animation-1 { @@ -314,10 +363,6 @@ MIDDLE margin-left: 10vw; } -.scene2 { - overflow: hidden; -} - .scroll-section { /*The whole scene*/ } diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 20649ea..b3eecf6 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From d9003183ff3dfa622c7120cddf00c993c511a449 Mon Sep 17 00:00:00 2001 From: Geka19 Date: Wed, 10 May 2023 21:58:24 +0200 Subject: [PATCH 58/88] iceberg-fade --- index.html | 8 +++++--- src/sass/_scene1.scss | 18 ++++++++++++++++++ src/sass/style.css | 16 ++++++++++++++++ src/sass/style.css.map | 2 +- 4 files changed, 40 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index ad8c241..044edf8 100644 --- a/index.html +++ b/index.html @@ -46,9 +46,11 @@
- ice-platform - ice-overlay - ice-bottom +
+ ice-platform + ice-overlay + ice-bottom +
icebear-headBase diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index d57c722..97037dd 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -37,6 +37,11 @@ THE BEGINNING: margin-left: 20%; } +.iceberg-full{ + animation: iceberg-fade-animation 10s alternate linear; + animation-delay: 3s; +} + .ice-platform { position: absolute; } @@ -122,3 +127,16 @@ margin-left: 20%; } } +@keyframes iceberg-fade-animation { + 0%{ + opacity: 1; + } + + 50%{ + opacity: 0.5; + } + + 100%{ + opacity: 0; + } +} \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index f1439eb..7ad757e 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -116,6 +116,11 @@ THE BEGINNING: margin-left: 20%; } +.iceberg-full { + animation: iceberg-fade-animation 10s alternate linear; + animation-delay: 3s; +} + .ice-platform { position: absolute; } @@ -197,6 +202,17 @@ THE BEGINNING: transform: rotate(1deg); } } +@keyframes iceberg-fade-animation { + 0% { + opacity: 1; + } + 50% { + opacity: 0.5; + } + 100% { + opacity: 0; + } +} /* scene 2 ------------------------------------------------ MIDDLE diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 01ebeec..6abcb5c 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From 1f82a0b01d173c04d2905385ae0c7fda270c869b Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Thu, 11 May 2023 12:27:31 +0200 Subject: [PATCH 59/88] fixed some things --- .DS_Store | Bin 6148 -> 8196 bytes index.html | 8 ++++---- src/sass/_root.scss | 14 ++++++++------ src/sass/_scene1.scss | 22 ++++++++++++---------- src/sass/style.css | 35 +++++++++++++++++++---------------- src/sass/style.css.map | 2 +- 6 files changed, 44 insertions(+), 37 deletions(-) diff --git a/.DS_Store b/.DS_Store index 24771a4fb3ac9f6d175e993e79cfd751881b72b1..46ceca7ac8daa57efa4a789e16cff8d419fc8382 100644 GIT binary patch delta 595 zcmZWn&ubGw6n?Lp+KE}sZo7%8C}?vL3KGHIDvc4*=pk!UB*EISKPKtuc4pn(G}cRc zC?18-n|Kqv%X$zzd-Nah;y>WQn;;&X>84b4;PHKY@4fHwhIddqs8;|08$giQ8xsHb|aj$`KShHfBS+5W{10~RN>+Bd_%87((^ zYL4Vj7xXh{i-tMBU|MFWR6bWJEuLSz&@&cX$9p=6#E|>9L?EI@Fr*#k3EpNeXeXi1 z6GeK){6BT;)ZaRh#v6N~EV53NBeOdZrToz#Vt%XNk7?5Ri+6iQG4>)61h$A-!UXSb z#@k}lOz2LN_k|p}%jl>Ts#N@tMzO^IdOD8-$ECrz#Tz0?#7@_VB8LxXV^5VTJGqJ- zQDt>Byd63oL3}y%yr#JQ+Ex)C diff --git a/index.html b/index.html index 775c916..e3f6f42 100644 --- a/index.html +++ b/index.html @@ -29,19 +29,19 @@

This is Barnard, he lives on an iceberg in the north pole

-
+

Lately because of pollution, he´s home has slowly started to melt

-
+

This means he have to swim all the time and eventually be so tired he’s going to drown.

-
+

Human activities are at the root of this problem, because of the carbon dioxide from industry's, co2 gasses from cars and other greenhouse gasses.

-
+

Things YOU can do to help:

  • Recycle your trash properly
    • diff --git a/src/sass/_root.scss b/src/sass/_root.scss index a39fac3..516d6a4 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -106,9 +106,8 @@ body { } .cloud_1{ - width: 2vh; - margin: 0; - animation: none; + width: 2px; + animation: unset; } .cloud_2, .cloud_3{ @@ -116,15 +115,18 @@ body { } .iceberg{ - display: none; + width: 0; } // scene 2 .trash{ - height: 30vh; + right: 0; + bottom: 0; + top: 0; + } - p { + p, li { margin: 0; } diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index 6710317..7cc8ec2 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -21,22 +21,22 @@ THE BEGINNING: animation: cloud_animation 10s infinite alternate; .cloud_1{ position: absolute; - margin-left: 100vh; + left: 100vh; width: 50vh; z-index: -1; } .cloud_2{ position: absolute; - margin-left: 50vh; + left: 50vh; width: 20vh; z-index: -1; } .cloud_3{ position: absolute; - margin-top: 25vh; - margin-left: 140vh; + top: 25vh; + left: 140vh; width: 20vh; z-index: -2; } @@ -88,13 +88,15 @@ margin-left: 20%; .icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face { position: fixed; + height: 900px; + width: 900px; } .head-move { transform-origin: left; position: fixed; - width: 100vw; - height: 100vw; + height: 900px; + width: 900px; animation: head-animation 4s alternate infinite linear; animation-timing-function: ease-in-out; } @@ -102,8 +104,8 @@ margin-left: 20%; .leftLeg-move{ transform-origin: top left; position: fixed; - width: 100vw; - height: 100vw; + height: 900px; + width: 900px; animation: leg-animation 4s alternate infinite linear; animation-timing-function: ease-in-out; } @@ -111,8 +113,8 @@ margin-left: 20%; .rightLeg-move{ transform-origin: top center; position: fixed; - width: 100vw; - height: 100vw; + height: 900px; + width: 900px; animation: leg-animation 3s alternate infinite linear; animation-timing-function: ease-in-out; } diff --git a/src/sass/style.css b/src/sass/style.css index d82aceb..cd542a9 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -99,20 +99,21 @@ body { width: 100vw; } .cloud_1 { - width: 2vh; - margin: 0; - animation: none; + width: 2px; + animation: unset; } .cloud_2, .cloud_3 { display: none; } .iceberg { - display: none; + width: 0; } .trash { - height: 30vh; + right: 0; + bottom: 0; + top: 0; } - p { + p, li { margin: 0; } .scroll-section img { @@ -143,20 +144,20 @@ THE BEGINNING: } .clouds .cloud_1 { position: absolute; - margin-left: 100vh; + left: 100vh; width: 50vh; z-index: -1; } .clouds .cloud_2 { position: absolute; - margin-left: 50vh; + left: 50vh; width: 20vh; z-index: -1; } .clouds .cloud_3 { position: absolute; - margin-top: 25vh; - margin-left: 140vh; + top: 25vh; + left: 140vh; width: 20vh; z-index: -2; } @@ -206,13 +207,15 @@ THE BEGINNING: .icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face { position: fixed; + height: 900px; + width: 900px; } .head-move { transform-origin: left; position: fixed; - width: 100vw; - height: 100vw; + height: 900px; + width: 900px; animation: head-animation 4s alternate infinite linear; animation-timing-function: ease-in-out; } @@ -220,8 +223,8 @@ THE BEGINNING: .leftLeg-move { transform-origin: top left; position: fixed; - width: 100vw; - height: 100vw; + height: 900px; + width: 900px; animation: leg-animation 4s alternate infinite linear; animation-timing-function: ease-in-out; } @@ -229,8 +232,8 @@ THE BEGINNING: .rightLeg-move { transform-origin: top center; position: fixed; - width: 100vw; - height: 100vw; + height: 900px; + width: 900px; animation: leg-animation 3s alternate infinite linear; animation-timing-function: ease-in-out; } diff --git a/src/sass/style.css.map b/src/sass/style.css.map index b3eecf6..3ce25d9 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From 90a1ced9c8d064edcafdca1f9f986a6734f4c538 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Thu, 11 May 2023 12:42:30 +0200 Subject: [PATCH 60/88] . --- src/sass/_root.scss | 3 +++ src/sass/style.css | 1 + src/sass/style.css.map | 2 +- 3 files changed, 5 insertions(+), 1 deletion(-) diff --git a/src/sass/_root.scss b/src/sass/_root.scss index 516d6a4..a96af32 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -18,6 +18,7 @@ body { position: absolute; width: 20vh; } + .change-1 { position: absolute; width: 100%; @@ -52,6 +53,7 @@ body { .scroll-section--scene1 { display: grid; } + .scroll-section__quote { margin: 2vh; width: 40vw; @@ -108,6 +110,7 @@ body { .cloud_1{ width: 2px; animation: unset; + position: inherit; } .cloud_2, .cloud_3{ diff --git a/src/sass/style.css b/src/sass/style.css index cd542a9..95b07b4 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -101,6 +101,7 @@ body { .cloud_1 { width: 2px; animation: unset; + position: inherit; } .cloud_2, .cloud_3 { display: none; diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 3ce25d9..bbe5e72 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From 4d9a59aefcdfe4343d36aaf530b0bfb9a1be35ac Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Thu, 11 May 2023 13:13:41 +0200 Subject: [PATCH 61/88] tried to fix MQ --- index.html | 18 +++++++++--------- src/sass/_root.scss | 10 +++++++++- src/sass/_scene1.scss | 43 ++++++++++++++++++++++-------------------- src/sass/style.css | 43 +++++++++++++++++++++--------------------- src/sass/style.css.map | 2 +- 5 files changed, 63 insertions(+), 53 deletions(-) diff --git a/index.html b/index.html index e3f6f42..9e22c56 100644 --- a/index.html +++ b/index.html @@ -65,20 +65,20 @@ ice-bottom
    - icebear-headBase - icebear-face - icebear-ear + icebear-headBase + icebear-face + icebear-ear
    - icebear-body + icebear-body
    - icebear-legLeft - icebear-tail - icebear-footLeft + icebear-legLeft + icebear-tail + icebear-footLeft
    - icebear-legRight - icebear-footRight + icebear-legRight + icebear-footRight
diff --git a/src/sass/_root.scss b/src/sass/_root.scss index a96af32..6a76729 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -118,7 +118,15 @@ body { } .iceberg{ - width: 0; + // transform: scale(100); + // display: grid; + // justify-items: center; + // align-items: center; + // left: 7vh; + // position: relative; + } + + .icebear{ } // scene 2 diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index 7cc8ec2..3c3bfce 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -36,7 +36,7 @@ THE BEGINNING: .cloud_3{ position: absolute; top: 25vh; - left: 140vh; + left: 130vh; width: 20vh; z-index: -2; } @@ -44,13 +44,14 @@ THE BEGINNING: @keyframes cloud_animation{ from { - margin-left: 20vh; + left: 20vh; } to { - margin-left: 0; + left: 0; } } + .water{ position: absolute; width: 100%; @@ -61,42 +62,43 @@ THE BEGINNING: } .iceberg { -margin-left: 20%; + display: grid; + justify-items: center; } .ice-platform { position: absolute; - width: 900px; - height: 900px; + height: 127vh; + width: 127vh; } .ice-overlay { z-index: -1; position: absolute; - height: 900px; - width: 900px; + height: 127vh; + width: 127vh; animation: iceberg-animation 1s alternate infinite linear; } .ice-bottom { z-index: -2; position: absolute; - height: 900px; - width: 900px; + height: 127vh; + width: 127vh; animation: iceberg-animation 3s alternate infinite linear; } .icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face { position: fixed; - height: 900px; - width: 900px; + height: 127vh; + width: 127vh; } .head-move { transform-origin: left; position: fixed; - height: 900px; - width: 900px; + height: 127vh; + width: 127vh; animation: head-animation 4s alternate infinite linear; animation-timing-function: ease-in-out; } @@ -104,8 +106,8 @@ margin-left: 20%; .leftLeg-move{ transform-origin: top left; position: fixed; - height: 900px; - width: 900px; + height: 127vh; + width: 127vh; animation: leg-animation 4s alternate infinite linear; animation-timing-function: ease-in-out; } @@ -113,15 +115,16 @@ margin-left: 20%; .rightLeg-move{ transform-origin: top center; position: fixed; - height: 900px; - width: 900px; + height: 127vh; + width: 127vh; animation: leg-animation 3s alternate infinite linear; animation-timing-function: ease-in-out; } .icebear { - position: absolute; - + // width: 100%; + display: grid; + justify-items: center; } @keyframes iceberg-animation { diff --git a/src/sass/style.css b/src/sass/style.css index 95b07b4..e5c8a46 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -106,9 +106,6 @@ body { .cloud_2, .cloud_3 { display: none; } - .iceberg { - width: 0; - } .trash { right: 0; bottom: 0; @@ -158,17 +155,17 @@ THE BEGINNING: .clouds .cloud_3 { position: absolute; top: 25vh; - left: 140vh; + left: 130vh; width: 20vh; z-index: -2; } @keyframes cloud_animation { from { - margin-left: 20vh; + left: 20vh; } to { - margin-left: 0; + left: 0; } } .water { @@ -181,42 +178,43 @@ THE BEGINNING: } .iceberg { - margin-left: 20%; + display: grid; + justify-items: center; } .ice-platform { position: absolute; - width: 900px; - height: 900px; + height: 127vh; + width: 127vh; } .ice-overlay { z-index: -1; position: absolute; - height: 900px; - width: 900px; + height: 127vh; + width: 127vh; animation: iceberg-animation 1s alternate infinite linear; } .ice-bottom { z-index: -2; position: absolute; - height: 900px; - width: 900px; + height: 127vh; + width: 127vh; animation: iceberg-animation 3s alternate infinite linear; } .icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face { position: fixed; - height: 900px; - width: 900px; + height: 127vh; + width: 127vh; } .head-move { transform-origin: left; position: fixed; - height: 900px; - width: 900px; + height: 127vh; + width: 127vh; animation: head-animation 4s alternate infinite linear; animation-timing-function: ease-in-out; } @@ -224,8 +222,8 @@ THE BEGINNING: .leftLeg-move { transform-origin: top left; position: fixed; - height: 900px; - width: 900px; + height: 127vh; + width: 127vh; animation: leg-animation 4s alternate infinite linear; animation-timing-function: ease-in-out; } @@ -233,14 +231,15 @@ THE BEGINNING: .rightLeg-move { transform-origin: top center; position: fixed; - height: 900px; - width: 900px; + height: 127vh; + width: 127vh; animation: leg-animation 3s alternate infinite linear; animation-timing-function: ease-in-out; } .icebear { - position: absolute; + display: grid; + justify-items: center; } @keyframes iceberg-animation { diff --git a/src/sass/style.css.map b/src/sass/style.css.map index bbe5e72..c86d616 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From a0d6029bf64873cb170a71729334b6f8d8ea3416 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Thu, 11 May 2023 13:46:28 +0200 Subject: [PATCH 62/88] . --- index.html | 3 ++- src/sass/_root.scss | 4 ++++ src/sass/_scene1.scss | 6 +++++- src/sass/style.css | 7 +++++++ src/sass/style.css.map | 2 +- 5 files changed, 19 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 9e22c56..4656b18 100644 --- a/index.html +++ b/index.html @@ -63,10 +63,11 @@ ice-platform ice-overlay ice-bottom +
icebear-headBase - icebear-face + icebear-face icebear-ear
icebear-body diff --git a/src/sass/_root.scss b/src/sass/_root.scss index 37939b1..ae03ff8 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -129,6 +129,10 @@ body { .icebear{ } +.scroll-section__howtofix{ + width: 0; +} + // scene 2 .trash{ right: 0; diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index 2a0512d..5198b61 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -64,6 +64,9 @@ THE BEGINNING: .iceberg { display: grid; justify-items: center; + align-items: center; + margin-top: 35vh; + } .iceberg-full{ @@ -127,9 +130,10 @@ THE BEGINNING: } .icebear { - // width: 100%; display: grid; justify-items: center; + align-items: center; + margin-top: 1vh; } @keyframes iceberg-animation { diff --git a/src/sass/style.css b/src/sass/style.css index 40d46dd..6a761dc 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -106,6 +106,9 @@ body { .cloud_2, .cloud_3 { display: none; } + .scroll-section__howtofix { + width: 0; + } .trash { right: 0; bottom: 0; @@ -180,6 +183,8 @@ THE BEGINNING: .iceberg { display: grid; justify-items: center; + align-items: center; + margin-top: 35vh; } .iceberg-full { @@ -245,6 +250,8 @@ THE BEGINNING: .icebear { display: grid; justify-items: center; + align-items: center; + margin-top: 1vh; } @keyframes iceberg-animation { diff --git a/src/sass/style.css.map b/src/sass/style.css.map index a237839..a10ea6f 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From e2998b7da65f7957eccb67be42766f91fa78bc9e Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Thu, 11 May 2023 15:11:26 +0200 Subject: [PATCH 63/88] . --- .DS_Store | Bin 8196 -> 8196 bytes Iceparts/.DS_Store | Bin 0 -> 6148 bytes Iceparts/Icebear_body_1.svg | 22 +-------------- Iceparts/Icebear_ear_1.svg | 47 +------------------------------ Iceparts/Icebear_face_1.svg | 40 +------------------------- Iceparts/Icebear_footLeft_1.svg | 29 +------------------ Iceparts/Icebear_footRight_1.svg | 29 +------------------ Iceparts/Icebear_headBase_1.svg | 28 +----------------- Iceparts/Icebear_legLeft_1.svg | 27 +----------------- Iceparts/Icebear_legRight_1.svg | 28 +----------------- Iceparts/Icebear_tail_1.svg | 22 +-------------- src/sass/_root.scss | 10 ++++--- src/sass/style.css | 4 ++- src/sass/style.css.map | 2 +- 14 files changed, 19 insertions(+), 269 deletions(-) create mode 100644 Iceparts/.DS_Store diff --git a/.DS_Store b/.DS_Store index 46ceca7ac8daa57efa4a789e16cff8d419fc8382..aee8181587fe5231e7d5ea44958043643b054b43 100644 GIT binary patch delta 128 zcmZp1XmOa}&&aniU^hP_-((&EV_6OcPljZMRE7eEM1~@U5{BZW^5TM|octsP28QjE zTLcQZ#H*`K4RsWZjSMCUN;7s&mJyU!>;lSS=qw8^%FD^mO9#p^ZnhD~XW3Yq%CwnX P;v36kHj$+pOOu!YKjtB^ delta 40 wcmZp1XmOa}&&abeU^hP_&tx6}k diff --git a/Iceparts/.DS_Store b/Iceparts/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..e61a4250713a853c50dd647b2abd1f5dfd480169 GIT binary patch literal 6148 zcmeHK-AcnS6h5iD7z#4QpIu3xU@)(}C}Um>yiyPpMBPujL8Y=)K?Lao2tJ5U;Y;`y z;=MQXJ4q&?Sv$QEksL_AG|l;X&etYsh)A?<`c0x55miwbE6b?n7~kh&nWuYJfkJW& z=#s{CPF+f@(XPWO;1u|43h>-rrw;XKfLUwK-#*=8CO4@;6S}3S6DPfHoOCgs7mGcV zXh}JBQ8CMa*GrUd=20Mxns|m+d7=_?v>CE8RvZ4sF5+#(<0eC`SG1nUwvAV&v zUC4DvBZ_EP%JzWBLW9kYY$(<4Qwv#6O0#?iS7dN)T9L)@j~3_Xor0-hFxgQlrf+2E zy?`rFT+=Dq_WMhb*@)s|&Ali1-4}3-krD4Ci`3c4y|)cRof!vz0V%$NtKwM1V~)pE zS@9&82LtSHF=8s28{*@~OuO@EnK#TaneR)*bSt^2Ooto(3mNdO9v`>1OQghEe&n{JzyVSW1ulph&wQ$T!G3}=p%+u?&$aR zxIkm3P`Q)PhYz8jEPn+sLdd5BeO$mqAi-5m0jEGtfhBca4L+6EQKaFX&kbOpF;j>hnEMfsGPueq I@T&@Z0#f)11poj5 literal 0 HcmV?d00001 diff --git a/Iceparts/Icebear_body_1.svg b/Iceparts/Icebear_body_1.svg index 66e03e3..01986e8 100644 --- a/Iceparts/Icebear_body_1.svg +++ b/Iceparts/Icebear_body_1.svg @@ -1,21 +1 @@ - - - - - - - - - - - - - - \ No newline at end of file + \ No newline at end of file diff --git a/Iceparts/Icebear_ear_1.svg b/Iceparts/Icebear_ear_1.svg index 0703063..dcc9e12 100644 --- a/Iceparts/Icebear_ear_1.svg +++ b/Iceparts/Icebear_ear_1.svg @@ -1,46 +1 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + \ No newline at end of file diff --git a/Iceparts/Icebear_face_1.svg b/Iceparts/Icebear_face_1.svg index 61e016e..2fe6c76 100644 --- a/Iceparts/Icebear_face_1.svg +++ b/Iceparts/Icebear_face_1.svg @@ -1,39 +1 @@ - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + \ No newline at end of file diff --git a/Iceparts/Icebear_footLeft_1.svg b/Iceparts/Icebear_footLeft_1.svg index 66e1e8a..ea5f7eb 100644 --- a/Iceparts/Icebear_footLeft_1.svg +++ b/Iceparts/Icebear_footLeft_1.svg @@ -1,28 +1 @@ - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + \ No newline at end of file diff --git a/Iceparts/Icebear_footRight_1.svg b/Iceparts/Icebear_footRight_1.svg index 753c832..8fa043f 100644 --- a/Iceparts/Icebear_footRight_1.svg +++ b/Iceparts/Icebear_footRight_1.svg @@ -1,28 +1 @@ - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + \ No newline at end of file diff --git a/Iceparts/Icebear_headBase_1.svg b/Iceparts/Icebear_headBase_1.svg index 4952028..1b70de2 100644 --- a/Iceparts/Icebear_headBase_1.svg +++ b/Iceparts/Icebear_headBase_1.svg @@ -1,27 +1 @@ - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + \ No newline at end of file diff --git a/Iceparts/Icebear_legLeft_1.svg b/Iceparts/Icebear_legLeft_1.svg index b00344f..347ea25 100644 --- a/Iceparts/Icebear_legLeft_1.svg +++ b/Iceparts/Icebear_legLeft_1.svg @@ -1,26 +1 @@ - - - - - - - - - - - - - - - - - - - \ No newline at end of file + \ No newline at end of file diff --git a/Iceparts/Icebear_legRight_1.svg b/Iceparts/Icebear_legRight_1.svg index 5048565..cc73a9b 100644 --- a/Iceparts/Icebear_legRight_1.svg +++ b/Iceparts/Icebear_legRight_1.svg @@ -1,27 +1 @@ - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + \ No newline at end of file diff --git a/Iceparts/Icebear_tail_1.svg b/Iceparts/Icebear_tail_1.svg index 0e303c5..007fdef 100644 --- a/Iceparts/Icebear_tail_1.svg +++ b/Iceparts/Icebear_tail_1.svg @@ -1,21 +1 @@ - - - - - - - - - - - - - - \ No newline at end of file + \ No newline at end of file diff --git a/src/sass/_root.scss b/src/sass/_root.scss index ae03ff8..dd490b6 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -105,6 +105,7 @@ body { } .water{ width: 100vw; + top: 50vh; } .cloud_1{ @@ -118,19 +119,21 @@ body { } .iceberg{ - // transform: scale(100); // display: grid; // justify-items: center; // align-items: center; // left: 7vh; // position: relative; + } - .icebear{ + .iceberg-full, .ice-platform, .ice-overlay, .ice-bottom, .icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face, .head-move, .leftLeg-move, .rightLeg-move, .icebear, .iceberg{ + } .scroll-section__howtofix{ width: 0; + margin: 0; } // scene 2 @@ -138,7 +141,6 @@ body { right: 0; bottom: 0; top: 0; - } p, li { @@ -146,7 +148,7 @@ body { } .scroll-section img{ - height: 100vw; + height: 100vh; margin: 0; } diff --git a/src/sass/style.css b/src/sass/style.css index 6a761dc..db9c2b6 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -97,6 +97,7 @@ body { } .water { width: 100vw; + top: 50vh; } .cloud_1 { width: 2px; @@ -108,6 +109,7 @@ body { } .scroll-section__howtofix { width: 0; + margin: 0; } .trash { right: 0; @@ -118,7 +120,7 @@ body { margin: 0; } .scroll-section img { - height: 100vw; + height: 100vh; margin: 0; } .scroll-section__bottom { diff --git a/src/sass/style.css.map b/src/sass/style.css.map index a10ea6f..5f5a53f 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From cdebd567a22d316e16af70ce80a84404ce52e7d3 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Thu, 11 May 2023 15:17:15 +0200 Subject: [PATCH 64/88] . --- src/sass/_root.scss | 2 +- src/sass/style.css | 2 +- src/sass/style.css.map | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/sass/_root.scss b/src/sass/_root.scss index dd490b6..983a163 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -148,7 +148,7 @@ body { } .scroll-section img{ - height: 100vh; + height: 45vh; margin: 0; } diff --git a/src/sass/style.css b/src/sass/style.css index db9c2b6..7ca23a5 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -120,7 +120,7 @@ body { margin: 0; } .scroll-section img { - height: 100vh; + height: 45vh; margin: 0; } .scroll-section__bottom { diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 5f5a53f..e34f6e9 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From 1d0856bb03ee694934b080f145225f745d470c90 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Thu, 11 May 2023 15:34:35 +0200 Subject: [PATCH 65/88] . --- index.html | 42 +++++++++++++++++++++++------------------- src/sass/_scene1.scss | 3 +++ src/sass/style.css | 3 +++ src/sass/style.css.map | 2 +- 4 files changed, 30 insertions(+), 20 deletions(-) diff --git a/index.html b/index.html index f3b5273..818d7ee 100644 --- a/index.html +++ b/index.html @@ -28,15 +28,19 @@ clouds
-

This is Barnard, he lives on an iceberg in the north pole

+

This is Barnard, he lives on an iceberg in the north pole. Lately because of pollution, he´s home has slowly started to melt

-

Lately because of pollution, he´s home has slowly started to melt

+

This means he have to swim all the time and eventually be so tired he’s going to drown.

-

This means he have to swim all the time and eventually be so tired he’s going to drown.

+

Arctic sea ice recedes every summer, + but still covers millions of square miles of ocean today. + But the Arctic is warming faster than anywhere else on + Earth and ice-free summers could become a reality. +

@@ -44,12 +48,10 @@
-

Things YOU can do to help:

-
    -
  • Recycle your trash properly
    • -
  • Save energy at home
    • -
  • Walk or bicycle instead of taking your car
    • -
+

Changes in water temperature causes algae to leave coral reefs, + turning them white and making them vulnerable to + disease and death—a phenomenon known as coral bleaching. +

@@ -126,16 +128,18 @@

If we dont do something... - Rising sea levels could impact 1 billion people by the year 2050

-

Changes in water temperature causes algae to leave coral reefs, - turning them white and making them vulnerable to - disease and death—a phenomenon known as coral bleaching.

-

Arctic sea ice recedes every summer, - but still covers millions of square miles of ocean today. - But the Arctic is warming faster than anywhere else on - Earth and ice-free summers could become a reality.

-

Heat waves will become more frequent and severe around the world, - affecting hundreds of millions—or even billions—of people if we don’t act.

+ Rising sea levels could impact 1 billion people by the year 2050. Heat waves will become more frequent and severe around the world, + affecting hundreds of millions—or even billions—of people if we don’t act. +

+
+

Things YOU can do to help:

+
    +
  • Recycle your trash properly
    • +
  • Save energy at home
    • +
  • Walk or bicycle instead of taking your car
    • +
+
+

Act now to save other animals like Barnard

diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index 5198b61..6b5f46f 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -24,6 +24,7 @@ THE BEGINNING: left: 100vh; width: 50vh; z-index: -1; + animation: cloud_animation 10s infinite alternate; } .cloud_2{ @@ -31,6 +32,7 @@ THE BEGINNING: left: 50vh; width: 20vh; z-index: -1; + animation: cloud_animation 10s infinite alternate; } .cloud_3{ @@ -39,6 +41,7 @@ THE BEGINNING: left: 130vh; width: 20vh; z-index: -2; + animation: cloud_animation 10s infinite alternate; } } diff --git a/src/sass/style.css b/src/sass/style.css index ee2159d..35e5ecf 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -154,12 +154,14 @@ THE BEGINNING: left: 100vh; width: 50vh; z-index: -1; + animation: cloud_animation 10s infinite alternate; } .clouds .cloud_2 { position: absolute; left: 50vh; width: 20vh; z-index: -1; + animation: cloud_animation 10s infinite alternate; } .clouds .cloud_3 { position: absolute; @@ -167,6 +169,7 @@ THE BEGINNING: left: 130vh; width: 20vh; z-index: -2; + animation: cloud_animation 10s infinite alternate; } @keyframes cloud_animation { diff --git a/src/sass/style.css.map b/src/sass/style.css.map index b508f26..e6d3646 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From 25d22a7369d21c51fcbe975bedfc34dda2a787fc Mon Sep 17 00:00:00 2001 From: Geka19 Date: Thu, 11 May 2023 15:34:58 +0200 Subject: [PATCH 66/88] MQ fixes --- Iceparts/Icebear_headBase_1.svg | 76 +++++++++++++++++++++++++++++++-- index.html | 5 +-- src/sass/_root.scss | 16 +++++-- src/sass/_scene1.scss | 27 ++++++------ src/sass/style.css | 42 ++++++++++++------ src/sass/style.css.map | 2 +- 6 files changed, 130 insertions(+), 38 deletions(-) diff --git a/Iceparts/Icebear_headBase_1.svg b/Iceparts/Icebear_headBase_1.svg index 4952028..77dba9e 100644 --- a/Iceparts/Icebear_headBase_1.svg +++ b/Iceparts/Icebear_headBase_1.svg @@ -1,13 +1,39 @@ - + @@ -22,6 +48,48 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + - + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index 9e22c56..a4a24e7 100644 --- a/index.html +++ b/index.html @@ -65,9 +65,8 @@ ice-bottom
- icebear-headBase - icebear-face - icebear-ear + icebear-headBase
icebear-body diff --git a/src/sass/_root.scss b/src/sass/_root.scss index 37939b1..c6d724e 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -95,7 +95,8 @@ body { } } -@media only screen and (max-width: 400px){ +@media only screen and ((min-width: 400px) +and (max-width: 400px)){ // scene 1 body{ margin: 0; @@ -108,25 +109,32 @@ body { } .cloud_1{ - width: 2px; + height: 10vh; + width: 10vw; animation: unset; position: inherit; } .cloud_2, .cloud_3{ + height: 10vh; + width: 10vw; display: none; } .iceberg{ // transform: scale(100); - // display: grid; + //display: grid; // justify-items: center; // align-items: center; // left: 7vh; // position: relative; + height: 5vh; + max-width: 5vw; } .icebear{ + height: 5vh; + max-width: 5vw; } // scene 2 @@ -142,7 +150,7 @@ body { } .scroll-section img{ - height: 100vw; + height: 100vh; margin: 0; } diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index 2a0512d..0406f80 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -18,27 +18,30 @@ THE BEGINNING: /* scene 1 ------------------------------------------------*/ .clouds{ - animation: cloud_animation 10s infinite alternate; + animation: cloud_animation 10s infinite alternate linear; .cloud_1{ position: absolute; left: 100vh; - width: 50vh; + width: 50vw; z-index: -1; + animation: cloud_animation 10s infinite alternate linear; } .cloud_2{ position: absolute; left: 50vh; - width: 20vh; + width: 20vw; z-index: -1; + animation: cloud_animation 10s infinite alternate linear; } .cloud_3{ position: absolute; top: 25vh; left: 130vh; - width: 20vh; + width: 20vw; z-index: -2; + animation: cloud_animation 10s infinite alternate linear; } } @@ -74,14 +77,14 @@ THE BEGINNING: .ice-platform { position: absolute; height: 127vh; - width: 127vh; + width: 127vw; } .ice-overlay { z-index: -1; position: absolute; height: 127vh; - width: 127vh; + width: 127vw; animation: iceberg-animation 1s alternate infinite linear; } @@ -89,21 +92,21 @@ THE BEGINNING: z-index: -2; position: absolute; height: 127vh; - width: 127vh; + width: 127vw; animation: iceberg-animation 3s alternate infinite linear; } .icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face { position: fixed; height: 127vh; - width: 127vh; + width: 127vw; } -.head-move { +.head-move{ transform-origin: left; position: fixed; height: 127vh; - width: 127vh; + width: 127vw; animation: head-animation 4s alternate infinite linear; animation-timing-function: ease-in-out; } @@ -112,7 +115,7 @@ THE BEGINNING: transform-origin: top left; position: fixed; height: 127vh; - width: 127vh; + width: 127vw; animation: leg-animation 4s alternate infinite linear; animation-timing-function: ease-in-out; } @@ -121,7 +124,7 @@ THE BEGINNING: transform-origin: top center; position: fixed; height: 127vh; - width: 127vh; + width: 127vw; animation: leg-animation 3s alternate infinite linear; animation-timing-function: ease-in-out; } diff --git a/src/sass/style.css b/src/sass/style.css index 40d46dd..8fa964e 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -91,7 +91,7 @@ body { transition: none !important; } } -@media only screen and (max-width: 400px) { +@media only screen and ((min-width: 400px) and (max-width: 400px)) { body { margin: 0; } @@ -99,13 +99,24 @@ body { width: 100vw; } .cloud_1 { - width: 2px; + height: 10vh; + width: 10vw; animation: unset; position: inherit; } .cloud_2, .cloud_3 { + height: 10vh; + width: 10vw; display: none; } + .iceberg { + height: 5vh; + max-width: 5vw; + } + .icebear { + height: 5vh; + max-width: 5vw; + } .trash { right: 0; bottom: 0; @@ -115,7 +126,7 @@ body { margin: 0; } .scroll-section img { - height: 100vw; + height: 100vh; margin: 0; } .scroll-section__bottom { @@ -138,26 +149,29 @@ THE BEGINNING: /* scene 1 ------------------------------------------------*/ .clouds { - animation: cloud_animation 10s infinite alternate; + animation: cloud_animation 10s infinite alternate linear; } .clouds .cloud_1 { position: absolute; left: 100vh; - width: 50vh; + width: 50vw; z-index: -1; + animation: cloud_animation 10s infinite alternate linear; } .clouds .cloud_2 { position: absolute; left: 50vh; - width: 20vh; + width: 20vw; z-index: -1; + animation: cloud_animation 10s infinite alternate linear; } .clouds .cloud_3 { position: absolute; top: 25vh; left: 130vh; - width: 20vh; + width: 20vw; z-index: -2; + animation: cloud_animation 10s infinite alternate linear; } @keyframes cloud_animation { @@ -190,14 +204,14 @@ THE BEGINNING: .ice-platform { position: absolute; height: 127vh; - width: 127vh; + width: 127vw; } .ice-overlay { z-index: -1; position: absolute; height: 127vh; - width: 127vh; + width: 127vw; animation: iceberg-animation 1s alternate infinite linear; } @@ -205,21 +219,21 @@ THE BEGINNING: z-index: -2; position: absolute; height: 127vh; - width: 127vh; + width: 127vw; animation: iceberg-animation 3s alternate infinite linear; } .icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face { position: fixed; height: 127vh; - width: 127vh; + width: 127vw; } .head-move { transform-origin: left; position: fixed; height: 127vh; - width: 127vh; + width: 127vw; animation: head-animation 4s alternate infinite linear; animation-timing-function: ease-in-out; } @@ -228,7 +242,7 @@ THE BEGINNING: transform-origin: top left; position: fixed; height: 127vh; - width: 127vh; + width: 127vw; animation: leg-animation 4s alternate infinite linear; animation-timing-function: ease-in-out; } @@ -237,7 +251,7 @@ THE BEGINNING: transform-origin: top center; position: fixed; height: 127vh; - width: 127vh; + width: 127vw; animation: leg-animation 3s alternate infinite linear; animation-timing-function: ease-in-out; } diff --git a/src/sass/style.css.map b/src/sass/style.css.map index a237839..9be4cd3 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From 0c1acd1298d773ae904a0cee97fe25f02c006a3b Mon Sep 17 00:00:00 2001 From: Geka19 Date: Thu, 11 May 2023 16:13:03 +0200 Subject: [PATCH 67/88] MQ fixes2 --- src/sass/_root.scss | 11 ++++++----- src/sass/_scene1.scss | 13 +++++++------ src/sass/style.css | 22 ++++++++++++---------- src/sass/style.css.map | 2 +- 4 files changed, 26 insertions(+), 22 deletions(-) diff --git a/src/sass/_root.scss b/src/sass/_root.scss index c6d724e..7568660 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -95,8 +95,8 @@ body { } } -@media only screen and ((min-width: 400px) -and (max-width: 400px)){ +@media only screen and (mix-width: 400px) +{ // scene 1 body{ margin: 0; @@ -106,6 +106,7 @@ and (max-width: 400px)){ } .water{ width: 100vw; + top: 100vh; } .cloud_1{ @@ -129,12 +130,12 @@ and (max-width: 400px)){ // left: 7vh; // position: relative; height: 5vh; - max-width: 5vw; + width: 5vw; } .icebear{ height: 5vh; - max-width: 5vw; + width: 5vw; } // scene 2 @@ -157,7 +158,7 @@ and (max-width: 400px)){ // scene 3 .scroll-section__bottom { - font-size: 20px; + font-size: 15px; display: flex; color: pink; } diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index 0406f80..ceed48b 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -21,33 +21,34 @@ THE BEGINNING: animation: cloud_animation 10s infinite alternate linear; .cloud_1{ position: absolute; + top: 15vh; left: 100vh; - width: 50vw; + width: 20vw; z-index: -1; - animation: cloud_animation 10s infinite alternate linear; + animation: cloud_animation 8s infinite alternate linear; } .cloud_2{ position: absolute; left: 50vh; - width: 20vw; + width: 10vw; z-index: -1; animation: cloud_animation 10s infinite alternate linear; } .cloud_3{ position: absolute; - top: 25vh; + top: 30vh; left: 130vh; width: 20vw; z-index: -2; - animation: cloud_animation 10s infinite alternate linear; + animation: cloud_animation 15s infinite alternate linear; } } @keyframes cloud_animation{ from { - left: 20vh; + left: 80%; } to { diff --git a/src/sass/style.css b/src/sass/style.css index 8fa964e..4388b6e 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -91,12 +91,13 @@ body { transition: none !important; } } -@media only screen and ((min-width: 400px) and (max-width: 400px)) { +@media only screen and (mix-width: 400px) { body { margin: 0; } .water { width: 100vw; + top: 100vh; } .cloud_1 { height: 10vh; @@ -111,11 +112,11 @@ body { } .iceberg { height: 5vh; - max-width: 5vw; + width: 5vw; } .icebear { height: 5vh; - max-width: 5vw; + width: 5vw; } .trash { right: 0; @@ -130,7 +131,7 @@ body { margin: 0; } .scroll-section__bottom { - font-size: 20px; + font-size: 15px; display: flex; color: pink; } @@ -153,30 +154,31 @@ THE BEGINNING: } .clouds .cloud_1 { position: absolute; + top: 15vh; left: 100vh; - width: 50vw; + width: 20vw; z-index: -1; - animation: cloud_animation 10s infinite alternate linear; + animation: cloud_animation 8s infinite alternate linear; } .clouds .cloud_2 { position: absolute; left: 50vh; - width: 20vw; + width: 10vw; z-index: -1; animation: cloud_animation 10s infinite alternate linear; } .clouds .cloud_3 { position: absolute; - top: 25vh; + top: 30vh; left: 130vh; width: 20vw; z-index: -2; - animation: cloud_animation 10s infinite alternate linear; + animation: cloud_animation 15s infinite alternate linear; } @keyframes cloud_animation { from { - left: 20vh; + left: 80%; } to { left: 0; diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 9be4cd3..b5d5aac 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From af4e47fb749415cacb9d8d17512dd881ca29c8d3 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Thu, 11 May 2023 16:15:15 +0200 Subject: [PATCH 68/88] . --- src/sass/_root.scss | 8 +++----- src/sass/_scene1.scss | 3 +-- src/sass/style.css | 11 ++++------- src/sass/style.css.map | 2 +- 4 files changed, 9 insertions(+), 15 deletions(-) diff --git a/src/sass/_root.scss b/src/sass/_root.scss index b9abcd3..848d3df 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -111,7 +111,7 @@ and (max-width: 400px)){ } .water{ width: 100vw; - top: 50vh; + top: 134vw; } .cloud_1{ @@ -166,9 +166,7 @@ and (max-width: 400px)){ // scene 3 - .scroll-section__bottom { - font-size: 20px; - display: flex; - color: pink; + .scroll-section__bottom1, .scroll-section__bottom2, .scroll-section__bottom3{ + font-size: 0.5vh; } } \ No newline at end of file diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index edbf1e0..42ebd28 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -22,7 +22,7 @@ THE BEGINNING: .cloud_1{ position: absolute; left: 100vh; - width: 50vw; + width: 20vw; z-index: -1; animation: cloud_animation 10s infinite alternate linear; } @@ -59,7 +59,6 @@ THE BEGINNING: position: absolute; width: 100vw; height: 70vh; - left: 0; top: 34vw; background: linear-gradient(to top, rgba(169,208,113,0),rgba(21,119,143,1)); } diff --git a/src/sass/style.css b/src/sass/style.css index 3aa6837..8978f1e 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -101,7 +101,7 @@ body { } .water { width: 100vw; - top: 50vh; + top: 134vw; } .cloud_1 { height: 10vh; @@ -138,10 +138,8 @@ body { height: 45vh; margin: 0; } - .scroll-section__bottom { - font-size: 20px; - display: flex; - color: pink; + .scroll-section__bottom1, .scroll-section__bottom2, .scroll-section__bottom3 { + font-size: 0.5vh; } } /* scene 1 @@ -163,7 +161,7 @@ THE BEGINNING: .clouds .cloud_1 { position: absolute; left: 100vh; - width: 50vw; + width: 20vw; z-index: -1; animation: cloud_animation 10s infinite alternate linear; } @@ -195,7 +193,6 @@ THE BEGINNING: position: absolute; width: 100vw; height: 70vh; - left: 0; top: 34vw; background: linear-gradient(to top, rgba(169, 208, 113, 0), rgb(21, 119, 143)); } diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 56e1038..3ab084f 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From e96fbd4aeea887907bb78b52ff58c3db2542b6cf Mon Sep 17 00:00:00 2001 From: maheggh Date: Thu, 11 May 2023 20:13:56 +0200 Subject: [PATCH 69/88] fixed positioning --- src/sass/_scene1.scss | 8 ++++---- src/sass/style.css | 8 ++++---- src/sass/style.css.map | 2 +- 3 files changed, 9 insertions(+), 9 deletions(-) diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index 298d15e..1f117aa 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -100,14 +100,14 @@ THE BEGINNING: } .icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face { - position: fixed; + position: absolute; height: 127vh; width: 127vw; } .head-move{ transform-origin: left; - position: fixed; + position: absolute; height: 127vh; width: 127vw; animation: head-animation 4s alternate infinite linear; @@ -116,7 +116,7 @@ THE BEGINNING: .leftLeg-move{ transform-origin: top left; - position: fixed; + position: absolute; height: 127vh; width: 127vw; animation: leg-animation 4s alternate infinite linear; @@ -125,7 +125,7 @@ THE BEGINNING: .rightLeg-move{ transform-origin: top center; - position: fixed; + position: absolute; height: 127vh; width: 127vw; animation: leg-animation 3s alternate infinite linear; diff --git a/src/sass/style.css b/src/sass/style.css index 547d70d..6f283f9 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -233,14 +233,14 @@ THE BEGINNING: } .icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face { - position: fixed; + position: absolute; height: 127vh; width: 127vw; } .head-move { transform-origin: left; - position: fixed; + position: absolute; height: 127vh; width: 127vw; animation: head-animation 4s alternate infinite linear; @@ -249,7 +249,7 @@ THE BEGINNING: .leftLeg-move { transform-origin: top left; - position: fixed; + position: absolute; height: 127vh; width: 127vw; animation: leg-animation 4s alternate infinite linear; @@ -258,7 +258,7 @@ THE BEGINNING: .rightLeg-move { transform-origin: top center; - position: fixed; + position: absolute; height: 127vh; width: 127vw; animation: leg-animation 3s alternate infinite linear; diff --git a/src/sass/style.css.map b/src/sass/style.css.map index d682c44..7489bc6 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From 73967545e9d1255b2f8bee86e979b8b48a748230 Mon Sep 17 00:00:00 2001 From: maheggh Date: Thu, 11 May 2023 20:46:13 +0200 Subject: [PATCH 70/88] fixed posititoning of scene 3 and 4 --- src/sass/_scene1.scss | 2 +- src/sass/_scene3.scss | 41 +++++++++++++++++++++----------------- src/sass/_scene4.scss | 4 ++-- src/sass/style.css | 45 +++++++++++++++++++++++------------------- src/sass/style.css.map | 2 +- 5 files changed, 52 insertions(+), 42 deletions(-) diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index 1f117aa..df174a2 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -60,7 +60,7 @@ THE BEGINNING: position: absolute; width: 100vw; height: 70vh; - top: 34vw; + top: 60vh; background: linear-gradient(to top, rgba(169,208,113,0),rgba(21,119,143,1)); } diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index 3598de7..daa7b74 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -5,6 +5,7 @@ width: 100vw; height: 100vh; background-image: linear-gradient(to top, rgba(239,239,239,255), rgba(239,239,239,0)); + } &__howtofix { @@ -18,10 +19,11 @@ &__img1 { position: absolute; z-index: 1; + top: 65vh; width: 10vw; height: 10vh; - bottom: 0; left: 10vw; + z-index: 1000; } &__img2 { @@ -29,8 +31,9 @@ z-index: 1; width: 10vw; height: 10vh; - bottom: 15vh; + top: 90vh; left: 45vw; + z-index: 1000; } &__img3 { @@ -38,23 +41,27 @@ z-index: 1; width: 30vw; height: 30vh; - bottom: 20vh; + top: 35vh; left: 5vw; + z-index: 1000; } &__img4 { position: absolute; z-index: 1; width: 50vw; - height: 50vh; - bottom: 20vh; + height: 30vh; + top: 38vh; left: 50vw; + z-index: 1000; } &__img5 { position: absolute; bottom: 0; left: 0; + width: 100vw; + z-index: 999; } &__img6 { @@ -63,7 +70,8 @@ left: 80vw; width: 10vw; height: 10vh; - height: auto; + top: 89vh; + z-index: 1000; transform: rotate(180deg); } @@ -73,6 +81,7 @@ left: 80vw; width: 20vw; height: 10vh; + z-index: 999; height: auto; } @@ -81,17 +90,6 @@ transition: opacity 5s; } - &__images::before { - content: ""; - display: block; - position: absolute; - top: 0; - left: 0; - right: 0; - height: 100vh; - background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgb(0, 0, 0) 150%); - z-index: 1000; - } @keyframes moveParticles { 0% { transform: translateY(0); @@ -113,6 +111,12 @@ margin-bottom: 40vh; border-radius: 50%; } + + @keyframes fadeOut { + 0% { opacity: 1; } + 100% { opacity: 0; } + } + .particle:nth-child(2n) { animation-duration: 7s; @@ -134,4 +138,5 @@ .particle:nth-child(7n) { animation-duration: 4s; } - } \ No newline at end of file + } + \ No newline at end of file diff --git a/src/sass/_scene4.scss b/src/sass/_scene4.scss index b90d30d..a232b01 100644 --- a/src/sass/_scene4.scss +++ b/src/sass/_scene4.scss @@ -7,8 +7,8 @@ justify-content: center; width: 100vw; height: 100vh; - background-color: black; - z-index: 100; + background-image: linear-gradient(to top, rgba(32, 21, 21, 100), rgb(19, 8, 8)); + z-index: 1000; } &__bottom1, &__bottom2, &__bottom3, &__bottom4 { position: absolute; /* Add this */ diff --git a/src/sass/style.css b/src/sass/style.css index 6f283f9..4fe854d 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -194,7 +194,7 @@ THE BEGINNING: position: absolute; width: 100vw; height: 70vh; - top: 34vw; + top: 60vh; background: linear-gradient(to top, rgba(169, 208, 113, 0), rgb(21, 119, 143)); } @@ -426,39 +426,45 @@ MIDDLE .scroll-section__img1 { position: absolute; z-index: 1; + top: 65vh; width: 10vw; height: 10vh; - bottom: 0; left: 10vw; + z-index: 1000; } .scroll-section__img2 { position: absolute; z-index: 1; width: 10vw; height: 10vh; - bottom: 15vh; + top: 90vh; left: 45vw; + z-index: 1000; } .scroll-section__img3 { position: absolute; z-index: 1; width: 30vw; height: 30vh; - bottom: 20vh; + top: 35vh; left: 5vw; + z-index: 1000; } .scroll-section__img4 { position: absolute; z-index: 1; width: 50vw; - height: 50vh; - bottom: 20vh; + height: 30vh; + top: 38vh; left: 50vw; + z-index: 1000; } .scroll-section__img5 { position: absolute; bottom: 0; left: 0; + width: 100vw; + z-index: 999; } .scroll-section__img6 { position: absolute; @@ -466,7 +472,8 @@ MIDDLE left: 80vw; width: 10vw; height: 10vh; - height: auto; + top: 89vh; + z-index: 1000; transform: rotate(180deg); } .scroll-section__img7 { @@ -475,23 +482,13 @@ MIDDLE left: 80vw; width: 20vw; height: 10vh; + z-index: 999; height: auto; } .scroll-section .fade-in { opacity: 1; transition: opacity 5s; } -.scroll-section__images::before { - content: ""; - display: block; - position: absolute; - top: 0; - left: 0; - right: 0; - height: 100vh; - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 150%); - z-index: 1000; -} @keyframes moveParticles { 0% { transform: translateY(0); @@ -512,6 +509,14 @@ MIDDLE margin-bottom: 40vh; border-radius: 50%; } +@keyframes fadeOut { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} .scroll-section .particle:nth-child(2n) { animation-duration: 7s; } @@ -541,8 +546,8 @@ MIDDLE justify-content: center; width: 100vw; height: 100vh; - background-color: black; - z-index: 100; + background-image: linear-gradient(to top, rgb(32, 21, 21), rgb(19, 8, 8)); + z-index: 1000; } .scroll-section__bottom1, .scroll-section__bottom2, .scroll-section__bottom3, .scroll-section__bottom4 { position: absolute; /* Add this */ diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 7489bc6..504b8f6 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From b390f0db396ff7249dd41868de4eced54e9544ae Mon Sep 17 00:00:00 2001 From: GEKarlsen Date: Thu, 11 May 2023 22:41:57 +0200 Subject: [PATCH 71/88] Position Fixed --- src/sass/_scene1.scss | 14 +++++--------- src/sass/style.css | 13 +++++-------- src/sass/style.css.map | 2 +- 3 files changed, 11 insertions(+), 18 deletions(-) diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index df174a2..a5cb0a5 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -64,12 +64,11 @@ THE BEGINNING: background: linear-gradient(to top, rgba(169,208,113,0),rgba(21,119,143,1)); } -.iceberg { +.iceberg, .icebear { display: grid; justify-items: center; align-items: center; margin-top: 35vh; - } .iceberg-full{ @@ -100,14 +99,14 @@ THE BEGINNING: } .icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face { - position: absolute; + position: fixed; height: 127vh; width: 127vw; } .head-move{ transform-origin: left; - position: absolute; + position: fixed; height: 127vh; width: 127vw; animation: head-animation 4s alternate infinite linear; @@ -116,7 +115,7 @@ THE BEGINNING: .leftLeg-move{ transform-origin: top left; - position: absolute; + position: fixed; height: 127vh; width: 127vw; animation: leg-animation 4s alternate infinite linear; @@ -125,7 +124,7 @@ THE BEGINNING: .rightLeg-move{ transform-origin: top center; - position: absolute; + position: fixed; height: 127vh; width: 127vw; animation: leg-animation 3s alternate infinite linear; @@ -133,9 +132,6 @@ THE BEGINNING: } .icebear { - display: grid; - justify-items: center; - align-items: center; margin-top: 1vh; } diff --git a/src/sass/style.css b/src/sass/style.css index 4fe854d..bf7bf1b 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -198,7 +198,7 @@ THE BEGINNING: background: linear-gradient(to top, rgba(169, 208, 113, 0), rgb(21, 119, 143)); } -.iceberg { +.iceberg, .icebear { display: grid; justify-items: center; align-items: center; @@ -233,14 +233,14 @@ THE BEGINNING: } .icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face { - position: absolute; + position: fixed; height: 127vh; width: 127vw; } .head-move { transform-origin: left; - position: absolute; + position: fixed; height: 127vh; width: 127vw; animation: head-animation 4s alternate infinite linear; @@ -249,7 +249,7 @@ THE BEGINNING: .leftLeg-move { transform-origin: top left; - position: absolute; + position: fixed; height: 127vh; width: 127vw; animation: leg-animation 4s alternate infinite linear; @@ -258,7 +258,7 @@ THE BEGINNING: .rightLeg-move { transform-origin: top center; - position: absolute; + position: fixed; height: 127vh; width: 127vw; animation: leg-animation 3s alternate infinite linear; @@ -266,9 +266,6 @@ THE BEGINNING: } .icebear { - display: grid; - justify-items: center; - align-items: center; margin-top: 1vh; } diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 504b8f6..3f269b0 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From 6581d61089532ae69244157d363c8f4af08ce767 Mon Sep 17 00:00:00 2001 From: GEKarlsen Date: Thu, 11 May 2023 22:51:40 +0200 Subject: [PATCH 72/88] minor fixes --- src/sass/_root.scss | 5 +++-- src/sass/_scene1.scss | 2 +- src/sass/style.css | 8 ++++++-- src/sass/style.css.map | 2 +- 4 files changed, 11 insertions(+), 6 deletions(-) diff --git a/src/sass/_root.scss b/src/sass/_root.scss index b5e57df..bc6674f 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -18,7 +18,7 @@ body { .goal_14{ position: absolute; - width: 20vh; + width: 10vh; padding-left: 0.2vw; } @@ -106,7 +106,8 @@ body { margin: 0; } .goal_14{ - + width: 10%; + height: 10%; } .water{ width: 100vw; diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index a5cb0a5..e29f6ac 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -60,7 +60,7 @@ THE BEGINNING: position: absolute; width: 100vw; height: 70vh; - top: 60vh; + top: 58vh; background: linear-gradient(to top, rgba(169,208,113,0),rgba(21,119,143,1)); } diff --git a/src/sass/style.css b/src/sass/style.css index bf7bf1b..8789825 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -18,7 +18,7 @@ body { .goal_14 { position: absolute; - width: 20vh; + width: 10vh; padding-left: 0.2vw; } @@ -99,6 +99,10 @@ body { body { margin: 0; } + .goal_14 { + width: 10%; + height: 10%; + } .water { width: 100vw; top: 134vw; @@ -194,7 +198,7 @@ THE BEGINNING: position: absolute; width: 100vw; height: 70vh; - top: 60vh; + top: 58vh; background: linear-gradient(to top, rgba(169, 208, 113, 0), rgb(21, 119, 143)); } diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 3f269b0..77ace48 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From 2f5e84fe3a50347031f49e3ccc6a3036d77b91f0 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Fri, 12 May 2023 10:32:12 +0200 Subject: [PATCH 73/88] . --- src/sass/_root.scss | 1 + src/sass/style.css | 1 + src/sass/style.css.map | 2 +- 3 files changed, 3 insertions(+), 1 deletion(-) diff --git a/src/sass/_root.scss b/src/sass/_root.scss index bc6674f..22a48b4 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -87,6 +87,7 @@ body { padding: 10px; border-radius: 20px; margin: 10px; + box-shadow: rgba(32, 32, 32, 0.2) 0px 7px 29px 0px; } } diff --git a/src/sass/style.css b/src/sass/style.css index 8789825..7265a8c 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -87,6 +87,7 @@ body { padding: 10px; border-radius: 20px; margin: 10px; + box-shadow: rgba(32, 32, 32, 0.2) 0px 7px 29px 0px; } @media (prefers-reduced-motion: reduce) { diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 77ace48..615910e 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACI,mBAAA;EACA,yBAAA;EACA,kBAAA;ADEJ;;ACCE;EACE,mBAAA;EACA,yBAAA;ADEJ;;ACEA;EACE,+BAAA;EACA,wBAAA;EACA,yCAAA;ADCF;;ACEA;EACI,kBAAA;EACF,WAAA;EACA,mBAAA;ADCF;;ACEA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;ADCF;;ACEA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADCF;;ACEA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADCF;;ACEA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADCF;;ACEA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ADCF;;ACEA;EACE,aAAA;ADCF;;ACEA;EACE,WAAA;ADCF;;ACEA;EACE,kBAAA;ADCF;;ACEA;EACE,UAAA;EACA,sBAAA;ADCF;;ACEA;EACE,UAAA;EACA,sBAAA;ADCF;;ACEA;EACE,iBAAA;ADCF;ACCI;EACE,oCAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;EACA,kDAAA;ADCN;;ACKA;EACE;IAEE,0BAAA;IACA,2BAAA;EDHF;AACF;ACMA;EAEE;IACE,SAAA;EDLF;ECOA;IACE,UAAA;IACA,WAAA;EDLF;ECOA;IACE,YAAA;IACA,UAAA;EDLF;ECQA;IACE,YAAA;IACA,WAAA;IACA,gBAAA;IACA,iBAAA;EDNF;ECSA;IACE,YAAA;IACA,WAAA;IACA,aAAA;EDPF;ECUA;IAOE,WAAA;IACA,UAAA;EDdF;ECiBA;IACE,WAAA;IACA,UAAA;EDfF;ECkBF;IACE,QAAA;IACA,SAAA;EDhBA;ECoBA;IACE,QAAA;IACA,SAAA;IACA,MAAA;EDlBF;ECqBA;IACE,SAAA;EDnBF;ECsBA;IACE,YAAA;IACA,SAAA;EDpBF;ECyBA;IACE,gBAAA;EDvBF;AACF;AEpJA;;;;;;CAAA;AAYI;EACI,YAAA;EACA,WAAA;AFiJR;;AE9IA,4DAAA;AAEA;EACI,wDAAA;AFgJJ;AE/II;EACI,kBAAA;EACA,SAAA;EACA,WAAA;EACA,WAAA;EACA,WAAA;EACA,uDAAA;AFiJR;AE9II;EACI,kBAAA;EACA,UAAA;EACA,WAAA;EACA,WAAA;EACA,wDAAA;AFgJR;AE7II;EACI,kBAAA;EACA,SAAA;EACA,WAAA;EACA,WAAA;EACA,WAAA;EACA,wDAAA;AF+IR;;AE3IA;EACI;IACA,SAAA;EF8IF;EE3IE;IACA,OAAA;EF6IF;AACF;AE1IA;EACI,kBAAA;EACA,YAAA;EACA,YAAA;EACA,SAAA;EACA,8EAAA;AF4IJ;;AEzIA;EACI,aAAA;EACA,qBAAA;EACA,mBAAA;EACA,gBAAA;AF4IJ;;AEzIA;EACI,sDAAA;EACA,mBAAA;AF4IJ;;AEzIA;EACI,kBAAA;EACA,aAAA;EACA,YAAA;AF4IJ;;AEzIA;EACI,WAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,yDAAA;AF4IJ;;AEzIA;EACI,WAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,yDAAA;AF4IJ;;AEzIA;EACI,eAAA;EACA,aAAA;EACA,YAAA;AF4IJ;;AEzIA;EACI,sBAAA;EACA,eAAA;EACA,aAAA;EACA,YAAA;EACA,sDAAA;EACA,sCAAA;AF4IJ;;AEzIA;EACI,0BAAA;EACA,eAAA;EACA,aAAA;EACA,YAAA;EACA,qDAAA;EACA,sCAAA;AF4IJ;;AEzIA;EACI,4BAAA;EACA,eAAA;EACA,aAAA;EACA,YAAA;EACA,qDAAA;EACA,sCAAA;AF4IJ;;AEzIA;EACI,eAAA;AF4IJ;;AEzIA;EACI;IACA,uBAAA;EF4IF;EE1IE;IACA,wBAAA;EF4IF;AACF;AEzIA;EACI;IACA,yBAAA;EF2IF;EEzIE;IACA,0BAAA;EF2IF;EEzIE;IACA,wBAAA;EF2IF;AACF;AExIA;EACI;IACA,yBAAA;EF0IF;EExIE;IACA,0BAAA;EF0IF;EExIE;IACI,uBAAA;EF0IN;AACF;AEvIA;EACI;IACI,UAAA;EFyIN;EEtIE;IACI,YAAA;EFwIN;EErIE;IACI,UAAA;EFuIN;AACF;AG5TA;;;;;;CAAA;AAOA;EACI,gBAAA;AH8TJ;;AG3TA;EACI,aAAA;EACA,iBAAA;AH8TJ;;AG3TA;EACI,WAAA;EACA,WAAA;AH8TJ;;AG3TA;EACI,WAAA;EACA,WAAA;AH8TJ;;AG3TA;EACI,uCAAA;AH8TJ;;AG3TA;EACI;IACI,4BAAA;EH8TN;EG5TE;IACI,6BAAA;EH8TN;AACF;AG5TA;EACI,wCAAA;AH8TJ;;AG3TA;EACI,iBAAA;AH8TJ;;AG3TA;EACI;IACI,6BAAA;EH8TN;EG5TE;IACI,4BAAA;EH8TN;AACF;AG3TA;EACI,8CAAA;AH6TJ;;AG1TA;EACI,oBAAA;EACA,kBAAA;AH6TJ;;AGzTA;EACI,kBAAA;EACA,oBAAA;EACA,kBAAA;AH4TJ;;AGzTA;EACI,iBAAA;AH4TJ;;AGzTA;EACI;IACI,wBAAA;EH4TN;EG1TE;IACI,6BAAA;EH4TN;EG1TE;IACI,8BAAA;EH4TN;EG1TE;IACI,6BAAA;EH4TN;EG1TE;IACI,wBAAA;EH4TN;AACF;AGzTA;EACI,iBAAA;AH2TJ;;AIzZA;EACI,kBAAA;AJ4ZJ;AI3ZI;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,qFAAA;AJ6ZN;AIzZI;EACE,gBAAA;EACA,UAAA;EACA,WAAA;EACA,sBAAA;EACA,kBAAA;AJ2ZN;AIxZI;EACE,kBAAA;EACA,UAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,aAAA;AJ0ZN;AIvZI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;EACA,aAAA;AJyZN;AItZI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,SAAA;EACA,SAAA;EACA,aAAA;AJwZN;AIrZI;EACE,kBAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,SAAA;EACA,UAAA;EACA,aAAA;AJuZN;AIpZI;EACE,kBAAA;EACA,SAAA;EACA,OAAA;EACA,YAAA;EACA,YAAA;AJsZN;AInZI;EACE,kBAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,SAAA;EACA,aAAA;EACA,yBAAA;AJqZN;AIlZI;EACE,kBAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,YAAA;AJoZN;AIjZI;EACI,UAAA;EACA,sBAAA;AJmZR;AIhZM;EACE;IACE,wBAAA;IACA,UAAA;EJkZR;EIhZM;IACE,6BAAA;IACA,UAAA;EJkZR;AACF;AI/YM;EACE,kBAAA;EACA,SAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,2CAAA;EACA,mBAAA;EACA,kBAAA;AJiZR;AI9YM;EACE;IAAK,UAAA;EJiZX;EIhZM;IAAO,UAAA;EJmZb;AACF;AIhZM;EACE,sBAAA;AJkZR;AI/YM;EACE,sBAAA;AJiZR;AI9YM;EACE,sBAAA;AJgZR;AI9YM;EACE,sBAAA;AJgZR;AI9YM;EACE,sBAAA;AJgZR;AI9YM;EACE,sBAAA;AJgZR;;AK1hBA;EACE,kBAAA;AL6hBF;AK5hBE;EACE,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,aAAA;EACA,yEAAA;EACA,aAAA;AL8hBJ;AK5hBE;EACE,kBAAA,EAAA,aAAA;EACA,cAAA;EACA,kBAAA;EACA,iCAAA;EACA,WAAA;EACA,cAAA;EACA,sCAAA;EACA,UAAA;EACA,kBAAA;AL8hBJ;AK3hBE;EACE,mBAAA;AL6hBJ;AK1hBE;EACE,oBAAA;AL4hBJ;AKzhBE;EACE,oBAAA;AL2hBJ;AKxhBE;EACE,oBAAA;AL0hBJ;AKvhBE;EACE;IAAa,UAAA;IAAY,kBAAA;EL2hB3B;EK1hBE;IAAc,UAAA;IAAY,mBAAA;IAAqB,mBAAA;EL+hBjD;EK9hBE;IAAc,UAAA;IAAY,mBAAA;IAAqB,qBAAA;ELmiBjD;EKliBE;IAAgB,UAAA;IAAY,mBAAA;ELsiB9B;EKriBE;IAAc,UAAA;IAAY,mBAAA;ELyiB5B;EKxiBE;IAAe,kBAAA;EL2iBjB;AACF","file":"style.css"} \ No newline at end of file From eac2a48d8835caa4dca50673b925f165a94e8b8f Mon Sep 17 00:00:00 2001 From: GEKarlsen Date: Sat, 13 May 2023 16:40:26 +0200 Subject: [PATCH 74/88] Text and MQ --- src/sass/_root.scss | 50 ++++++++++++++++++++++++++++++++---------- src/sass/_scene4.scss | 1 + src/sass/style.css | 43 ++++++++++++++++++++++++++---------- src/sass/style.css.map | 2 +- 4 files changed, 73 insertions(+), 23 deletions(-) diff --git a/src/sass/_root.scss b/src/sass/_root.scss index bc6674f..8ff587e 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -82,15 +82,38 @@ body { padding-top: 50vh; & p, li { - background-color: rgb(163, 192, 217); - color: black; - padding: 10px; - border-radius: 20px; + + padding: 15px; margin: 10px; + /*color: white; + -webkit-text-stroke: 0.5px black; + font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + box-shadow: 2px 2px 8px white; + background: linear-gradient(#0b3b52, #19b1ba) padding-box, + linear-gradient(to right, white, orange) border-box; + border-radius: 20px; + border: 3px solid transparent;*/ + + background-color: #007dbc; + color: white; + font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + box-shadow: 2px 5px 10px white; + border-radius: 5px; + + /*background-color: whitesmoke; + color: black; + font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + font-size: 20px; + background: linear-gradient(white, gray) padding-box, + linear-gradient(to right, white, gray) border-box; + border-radius: 10px; + border: 3px solid transparent;*/ + } } + // ---------------- MEDIA QUERIES -------------------- @media (prefers-reduced-motion: reduce) { Disable all animations @@ -100,15 +123,16 @@ body { } } -@media only screen and (mix-width: 400px){ +@media only screen and (max-width: 300px){ // scene 1 body{ margin: 0; } .goal_14{ - width: 10%; - height: 10%; + width: 14%; + height: 5%; } + .water{ width: 100vw; top: 134vw; @@ -146,6 +170,12 @@ body { .scroll-section__howtofix{ width: 0; margin: 0; + padding: 5px; + + p, li { + margin: 0; + font-size: 12px; + } } // scene 2 @@ -155,9 +185,7 @@ body { top: 0; } - p, li { - margin: 0; - } + .scroll-section img{ height: 45vh; @@ -167,6 +195,6 @@ body { // scene 3 .scroll-section__bottom1, .scroll-section__bottom2, .scroll-section__bottom3{ - font-size: 0.5vh; + font-size: 1vh; } } \ No newline at end of file diff --git a/src/sass/_scene4.scss b/src/sass/_scene4.scss index a232b01..13fe078 100644 --- a/src/sass/_scene4.scss +++ b/src/sass/_scene4.scss @@ -13,6 +13,7 @@ &__bottom1, &__bottom2, &__bottom3, &__bottom4 { position: absolute; /* Add this */ font-size: 5vh; + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; text-align: center; animation: fadeInOut 40s infinite; width: 50vw; diff --git a/src/sass/style.css b/src/sass/style.css index 8789825..a93e899 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -82,11 +82,29 @@ body { padding-top: 50vh; } .scroll-section__howtofix p, .scroll-section__howtofix li { - background-color: rgb(163, 192, 217); - color: black; - padding: 10px; - border-radius: 20px; + padding: 15px; margin: 10px; + /*color: white; + -webkit-text-stroke: 0.5px black; + font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + box-shadow: 2px 2px 8px white; + background: linear-gradient(#0b3b52, #19b1ba) padding-box, + linear-gradient(to right, white, orange) border-box; + border-radius: 20px; + border: 3px solid transparent;*/ + background-color: #007dbc; + color: white; + font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; + box-shadow: 2px 5px 10px white; + border-radius: 5px; + /*background-color: whitesmoke; + color: black; + font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + font-size: 20px; + background: linear-gradient(white, gray) padding-box, + linear-gradient(to right, white, gray) border-box; + border-radius: 10px; + border: 3px solid transparent;*/ } @media (prefers-reduced-motion: reduce) { @@ -95,13 +113,13 @@ body { transition: none !important; } } -@media only screen and (mix-width: 400px) { +@media only screen and (max-width: 300px) { body { margin: 0; } .goal_14 { - width: 10%; - height: 10%; + width: 14%; + height: 5%; } .water { width: 100vw; @@ -129,21 +147,23 @@ body { .scroll-section__howtofix { width: 0; margin: 0; + padding: 5px; + } + .scroll-section__howtofix p, .scroll-section__howtofix li { + margin: 0; + font-size: 12px; } .trash { right: 0; bottom: 0; top: 0; } - p, li { - margin: 0; - } .scroll-section img { height: 45vh; margin: 0; } .scroll-section__bottom1, .scroll-section__bottom2, .scroll-section__bottom3 { - font-size: 0.5vh; + font-size: 1vh; } } /* scene 1 @@ -553,6 +573,7 @@ MIDDLE .scroll-section__bottom1, .scroll-section__bottom2, .scroll-section__bottom3, .scroll-section__bottom4 { position: absolute; /* Add this */ font-size: 5vh; + font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; text-align: center; animation: fadeInOut 40s infinite; width: 50vw; diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 77ace48..8ea3372 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From ad7d0e01a5527ba2a45edb9cdd6b2ba939812732 Mon Sep 17 00:00:00 2001 From: GEKarlsen Date: Sat, 13 May 2023 17:02:12 +0200 Subject: [PATCH 75/88] margin fix --- src/sass/_root.scss | 1 + src/sass/style.css | 1 + src/sass/style.css.map | 2 +- 3 files changed, 3 insertions(+), 1 deletion(-) diff --git a/src/sass/_root.scss b/src/sass/_root.scss index 8ff587e..14f99a2 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -14,6 +14,7 @@ body { transition: 3s background-color; color: var(--text-color); background-color: var(--background-color); + margin: 0; } .goal_14{ diff --git a/src/sass/style.css b/src/sass/style.css index a93e899..8a68292 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -14,6 +14,7 @@ body { transition: 3s background-color; color: var(--text-color); background-color: var(--background-color); + margin: 0; } .goal_14 { diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 8ea3372..f0768a1 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From 86d05c5e9dd6f8b49a1511d1303f4360331012fd Mon Sep 17 00:00:00 2001 From: GEKarlsen Date: Sat, 13 May 2023 17:14:27 +0200 Subject: [PATCH 76/88] tiny changes --- src/sass/_root.scss | 4 ++-- src/sass/style.css | 2 +- src/sass/style.css.map | 2 +- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/sass/_root.scss b/src/sass/_root.scss index 14f99a2..d8afcf3 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -18,9 +18,9 @@ body { } .goal_14{ - position: absolute; + position: absolute; width: 10vh; - padding-left: 0.2vw; + padding: 0.5vw; } .change-1 { diff --git a/src/sass/style.css b/src/sass/style.css index 8a68292..f2052b3 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -20,7 +20,7 @@ body { .goal_14 { position: absolute; width: 10vh; - padding-left: 0.2vw; + padding: 0.5vw; } .change-1 { diff --git a/src/sass/style.css.map b/src/sass/style.css.map index f0768a1..c2102ed 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From ebc1d67f69bf26d6b7bff1b3e0ff5350a41fe530 Mon Sep 17 00:00:00 2001 From: maheggh Date: Sat, 13 May 2023 17:29:22 +0200 Subject: [PATCH 77/88] fish changes --- src/sass/_scene3.scss | 27 +++++++++++---------------- src/sass/style.css | 27 +++++++++++---------------- src/sass/style.css.map | 2 +- 3 files changed, 23 insertions(+), 33 deletions(-) diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index daa7b74..0d19ca4 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -18,8 +18,7 @@ &__img1 { position: absolute; - z-index: 1; - top: 65vh; + bottom: 0; width: 10vw; height: 10vh; left: 10vw; @@ -28,31 +27,28 @@ &__img2 { position: absolute; - z-index: 1; width: 10vw; height: 10vh; - top: 90vh; + bottom: 0; left: 45vw; z-index: 1000; } &__img3 { position: absolute; - z-index: 1; - width: 30vw; - height: 30vh; - top: 35vh; + width: 10vw; + bottom: 0; + padding-bottom: 10vh; left: 5vw; z-index: 1000; } &__img4 { position: absolute; - z-index: 1; - width: 50vw; - height: 30vh; - top: 38vh; - left: 50vw; + bottom: 0; + width: 10vw; + padding-bottom: 10vh; + left: 60vw; z-index: 1000; } @@ -67,10 +63,9 @@ &__img6 { position: absolute; bottom: 0; - left: 80vw; + left: 60vw; width: 10vw; - height: 10vh; - top: 89vh; + height: 20vh; z-index: 1000; transform: rotate(180deg); } diff --git a/src/sass/style.css b/src/sass/style.css index f2052b3..28c0b42 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -447,8 +447,7 @@ MIDDLE } .scroll-section__img1 { position: absolute; - z-index: 1; - top: 65vh; + bottom: 0; width: 10vw; height: 10vh; left: 10vw; @@ -456,29 +455,26 @@ MIDDLE } .scroll-section__img2 { position: absolute; - z-index: 1; width: 10vw; height: 10vh; - top: 90vh; + bottom: 0; left: 45vw; z-index: 1000; } .scroll-section__img3 { position: absolute; - z-index: 1; - width: 30vw; - height: 30vh; - top: 35vh; + width: 10vw; + bottom: 0; + padding-bottom: 10vh; left: 5vw; z-index: 1000; } .scroll-section__img4 { position: absolute; - z-index: 1; - width: 50vw; - height: 30vh; - top: 38vh; - left: 50vw; + bottom: 0; + width: 10vw; + padding-bottom: 10vh; + left: 60vw; z-index: 1000; } .scroll-section__img5 { @@ -491,10 +487,9 @@ MIDDLE .scroll-section__img6 { position: absolute; bottom: 0; - left: 80vw; + left: 60vw; width: 10vw; - height: 10vh; - top: 89vh; + height: 20vh; z-index: 1000; transform: rotate(180deg); } diff --git a/src/sass/style.css.map b/src/sass/style.css.map index c2102ed..d4ef49f 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From 8e4bb1acb5da7f8ed99ac5b29446118fe1e4dd23 Mon Sep 17 00:00:00 2001 From: maheggh Date: Sat, 13 May 2023 20:40:46 +0200 Subject: [PATCH 78/88] some css fixes, and removed oceanfloor border --- images/fish/SVG/oceanfloor.svg | 1 + images/oceanfloor.svg | 2 +- src/sass/_scene1.scss | 6 +- src/sass/_scene2.scss | 4 - src/sass/_scene3.scss | 255 ++++++++++++++++----------------- src/sass/_scene4.scss | 36 +++-- src/sass/style.css | 118 ++++++--------- src/sass/style.css.map | 2 +- 8 files changed, 190 insertions(+), 234 deletions(-) create mode 100644 images/fish/SVG/oceanfloor.svg diff --git a/images/fish/SVG/oceanfloor.svg b/images/fish/SVG/oceanfloor.svg new file mode 100644 index 0000000..bd21458 --- /dev/null +++ b/images/fish/SVG/oceanfloor.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/oceanfloor.svg b/images/oceanfloor.svg index c32ecfd..bd21458 100644 --- a/images/oceanfloor.svg +++ b/images/oceanfloor.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index e29f6ac..cb4b9b9 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -1,9 +1,5 @@ /* scene 1 ------------------------------------------------- -THE BEGINNING: -• Polo bear – main character -• Narrator – Give facts to viewers. -• Polo bear is on an iceberg, and it starts to slowly sink, while viewer is scrolling down. +--------------------------- */ .scroll-section { diff --git a/src/sass/_scene2.scss b/src/sass/_scene2.scss index 5da0ca4..f4007ce 100644 --- a/src/sass/_scene2.scss +++ b/src/sass/_scene2.scss @@ -1,9 +1,5 @@ /* scene 2 ------------------------------------------------ -MIDDLE -• Facts come up while It's sinking. -• Soon the iceberg is melted, the polo bear sinks down under water. -• We can also see plastic, toxic waste, dying see life, biohazard sign. */ .scene2 { overflow: hidden; diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index 0d19ca4..e4d1f69 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -1,137 +1,122 @@ +/* scene 2 +------------------------------------------------ +*/ + .scroll-section { - /*The whole scene*/ - &--scene3 { - position: relative; - width: 100vw; - height: 100vh; - background-image: linear-gradient(to top, rgba(239,239,239,255), rgba(239,239,239,0)); - - } - - &__howtofix { - font-size: 2.5vh; - z-index: 1; - width: 30vw; - color: rgb(99, 99, 99); - position: absolute; - } - - &__img1 { - position: absolute; - bottom: 0; - width: 10vw; - height: 10vh; - left: 10vw; - z-index: 1000; - } - - &__img2 { - position: absolute; - width: 10vw; - height: 10vh; - bottom: 0; - left: 45vw; - z-index: 1000; - } - - &__img3 { - position: absolute; - width: 10vw; - bottom: 0; - padding-bottom: 10vh; - left: 5vw; - z-index: 1000; - } - - &__img4 { - position: absolute; - bottom: 0; - width: 10vw; - padding-bottom: 10vh; - left: 60vw; - z-index: 1000; - } - - &__img5 { - position: absolute; - bottom: 0; - left: 0; - width: 100vw; - z-index: 999; - } - - &__img6 { - position: absolute; - bottom: 0; - left: 60vw; - width: 10vw; - height: 20vh; - z-index: 1000; - transform: rotate(180deg); - } - - &__img7 { - position: absolute; - bottom: 0; - left: 80vw; - width: 20vw; - height: 10vh; - z-index: 999; - height: auto; - } - - .fade-in { - opacity: 1; - transition: opacity 5s; - } - - @keyframes moveParticles { - 0% { - transform: translateY(0); - opacity: 1; - } - 100% { - transform: translateY(-100vh); - opacity: 0; - } - } - - .particle { - position: absolute; - bottom: 0; - background: green; - width: 25px; - height: 25px; - animation: moveParticles 2s linear infinite; - margin-bottom: 40vh; - border-radius: 50%; - } - - @keyframes fadeOut { - 0% { opacity: 1; } - 100% { opacity: 0; } - } - - - .particle:nth-child(2n) { - animation-duration: 7s; - } - - .particle:nth-child(3n) { - animation-duration: 7s; - } - - .particle:nth-child(4n) { - animation-duration: 6s; - } - .particle:nth-child(5n) { - animation-duration: 7s; - } - .particle:nth-child(6n) { - animation-duration: 6s; - } - .particle:nth-child(7n) { - animation-duration: 4s; - } + &--scene3 { + position: relative; + width: 100vw; + height: 100vh; + background-image: linear-gradient(to top, rgba(239,239,239,255), rgba(239,239,239,0)); + margin: 0; + } + + &__howtofix { + position: absolute; + font-size: 2.5vh; + z-index: 1; + width: 30vw; + color: rgb(99, 99, 99); + } + + &__img1, &__img2, &__img3, &__img4, &__img6 { + position: absolute; + bottom: 0; + width: 10vw; + height: 10vh; + z-index: 1000; + } + + &__img1 { + left: 10vw; + } + + &__img2 { + left: 45vw; + } + + &__img3, &__img4 { + padding-bottom: 10vh; + } + + &__img3 { + left: 5vw; + } + + &__img4 { + left: 60vw; } - \ No newline at end of file + + &__img5 { + position: absolute; + bottom: 0; + left: 0; + width: 100vw; + z-index: 999; + } + + &__img6 { + left: 60vw; + transform: rotate(180deg); + } + + &__img7 { + position: absolute; + bottom: 0; + left: 80vw; + width: 20vw; + height: auto; + z-index: 999; + } +} + +.fade-in { +opacity: 1; +transition: opacity 5s; +} + +@keyframes moveParticles { +0% { + transform: translateY(0); + opacity: 1; +} +100% { + transform: translateY(-100vh); + opacity: 0; +} +} + +.particle { +position: absolute; +bottom: 0; +background: green; +width: 25px; +height: 25px; +animation: moveParticles 2s linear infinite; +margin-bottom: 40vh; +border-radius: 50%; +} + +.particle:nth-child(2n) { +animation-duration: 7s; +} + +.particle:nth-child(3n) { +animation-duration: 7s; +} + +.particle:nth-child(4n) { +animation-duration: 6s; +} + +.particle:nth-child(5n) { +animation-duration: 7s; +} + +.particle:nth-child(6n) { +animation-duration: 6s; +} + +.particle:nth-child(7n) { +animation-duration: 4s; +} \ No newline at end of file diff --git a/src/sass/_scene4.scss b/src/sass/_scene4.scss index 13fe078..75942f0 100644 --- a/src/sass/_scene4.scss +++ b/src/sass/_scene4.scss @@ -1,5 +1,8 @@ +/* scene 4 +------------------------------------------------ +*/ + .scroll-section { - /*The whole scene*/ &--scene4 { position: relative; display: flex; @@ -10,13 +13,14 @@ background-image: linear-gradient(to top, rgba(32, 21, 21, 100), rgb(19, 8, 8)); z-index: 1000; } + &__bottom1, &__bottom2, &__bottom3, &__bottom4 { - position: absolute; /* Add this */ - font-size: 5vh; + position: absolute; + font-size: 3vh; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; text-align: center; animation: fadeInOut 40s infinite; - width: 50vw; + width: 30vw; display: block; animation-timing-function: ease-in-out; opacity: 0; @@ -38,13 +42,21 @@ &__bottom4 { animation-delay: 30s; } - - @keyframes fadeInOut { - 0%, 16.66% { opacity: 0; visibility: hidden; } - 16.67%, 20% { opacity: 0; visibility: visible; transform: scale(1.0); } // Fade in starts - 25%, 33.33% { opacity: 1; visibility: visible; transform: scale(1.1);} // Fully visible - 33.34%, 37.5% { opacity: 1; visibility: visible;} // Fade out starts - 41.67%, 50% { opacity: 0; visibility: visible; } // Fully transparent - 50.01%, 100% { visibility: hidden; } +} + +@keyframes fadeInOut { + 0%, 16.66%, 50.01%, 100% { + visibility: hidden; + opacity: 0; + } + 16.67%, 20%, 33.34%, 37.5% { + visibility: visible; + transform: scale(1.0); + opacity: 0; + } + 25%, 33.33%, 41.67%, 50% { + visibility: visible; + transform: scale(1.1); + opacity: 1; } } \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index 28c0b42..19d5581 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -1,4 +1,3 @@ -@charset "UTF-8"; :root { --text-color: black; --background-color: white; @@ -168,11 +167,7 @@ body { } } /* scene 1 ------------------------------------------------- -THE BEGINNING: -• Polo bear – main character -• Narrator – Give facts to viewers. -• Polo bear is on an iceberg, and it starts to slowly sink, while viewer is scrolling down. +--------------------------- */ .scroll-section__quote { margin: 20vw; @@ -337,10 +332,6 @@ THE BEGINNING: } /* scene 2 ------------------------------------------------ -MIDDLE -• Facts come up while It's sinking. -• Soon the iceberg is melted, the polo bear sinks down under water. -• We can also see plastic, toxic waste, dying see life, biohazard sign. */ .scene2 { overflow: hidden; @@ -429,53 +420,44 @@ MIDDLE margin-left: 10vw; } -.scroll-section { - /*The whole scene*/ -} +/* scene 2 +------------------------------------------------ +*/ .scroll-section--scene3 { position: relative; width: 100vw; height: 100vh; background-image: linear-gradient(to top, rgb(239, 239, 239), rgba(239, 239, 239, 0)); + margin: 0; } .scroll-section__howtofix { + position: absolute; font-size: 2.5vh; z-index: 1; width: 30vw; color: rgb(99, 99, 99); - position: absolute; } -.scroll-section__img1 { +.scroll-section__img1, .scroll-section__img2, .scroll-section__img3, .scroll-section__img4, .scroll-section__img6 { position: absolute; bottom: 0; width: 10vw; height: 10vh; - left: 10vw; z-index: 1000; } +.scroll-section__img1 { + left: 10vw; +} .scroll-section__img2 { - position: absolute; - width: 10vw; - height: 10vh; - bottom: 0; left: 45vw; - z-index: 1000; } -.scroll-section__img3 { - position: absolute; - width: 10vw; - bottom: 0; +.scroll-section__img3, .scroll-section__img4 { padding-bottom: 10vh; +} +.scroll-section__img3 { left: 5vw; - z-index: 1000; } .scroll-section__img4 { - position: absolute; - bottom: 0; - width: 10vw; - padding-bottom: 10vh; left: 60vw; - z-index: 1000; } .scroll-section__img5 { position: absolute; @@ -485,12 +467,7 @@ MIDDLE z-index: 999; } .scroll-section__img6 { - position: absolute; - bottom: 0; left: 60vw; - width: 10vw; - height: 20vh; - z-index: 1000; transform: rotate(180deg); } .scroll-section__img7 { @@ -498,14 +475,15 @@ MIDDLE bottom: 0; left: 80vw; width: 20vw; - height: 10vh; - z-index: 999; height: auto; + z-index: 999; } -.scroll-section .fade-in { + +.fade-in { opacity: 1; transition: opacity 5s; } + @keyframes moveParticles { 0% { transform: translateY(0); @@ -516,7 +494,7 @@ MIDDLE opacity: 0; } } -.scroll-section .particle { +.particle { position: absolute; bottom: 0; background: green; @@ -526,36 +504,34 @@ MIDDLE margin-bottom: 40vh; border-radius: 50%; } -@keyframes fadeOut { - 0% { - opacity: 1; - } - 100% { - opacity: 0; - } -} -.scroll-section .particle:nth-child(2n) { + +.particle:nth-child(2n) { animation-duration: 7s; } -.scroll-section .particle:nth-child(3n) { + +.particle:nth-child(3n) { animation-duration: 7s; } -.scroll-section .particle:nth-child(4n) { + +.particle:nth-child(4n) { animation-duration: 6s; } -.scroll-section .particle:nth-child(5n) { + +.particle:nth-child(5n) { animation-duration: 7s; } -.scroll-section .particle:nth-child(6n) { + +.particle:nth-child(6n) { animation-duration: 6s; } -.scroll-section .particle:nth-child(7n) { + +.particle:nth-child(7n) { animation-duration: 4s; } -.scroll-section { - /*The whole scene*/ -} +/* scene 4 +------------------------------------------------ +*/ .scroll-section--scene4 { position: relative; display: flex; @@ -567,12 +543,12 @@ MIDDLE z-index: 1000; } .scroll-section__bottom1, .scroll-section__bottom2, .scroll-section__bottom3, .scroll-section__bottom4 { - position: absolute; /* Add this */ - font-size: 5vh; + position: absolute; + font-size: 3vh; font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; text-align: center; animation: fadeInOut 40s infinite; - width: 50vw; + width: 30vw; display: block; animation-timing-function: ease-in-out; opacity: 0; @@ -590,30 +566,20 @@ MIDDLE .scroll-section__bottom4 { animation-delay: 30s; } + @keyframes fadeInOut { - 0%, 16.66% { - opacity: 0; + 0%, 16.66%, 50.01%, 100% { visibility: hidden; - } - 16.67%, 20% { opacity: 0; + } + 16.67%, 20%, 33.34%, 37.5% { visibility: visible; transform: scale(1); + opacity: 0; } - 25%, 33.33% { - opacity: 1; + 25%, 33.33%, 41.67%, 50% { visibility: visible; transform: scale(1.1); - } - 33.34%, 37.5% { opacity: 1; - visibility: visible; - } - 41.67%, 50% { - opacity: 0; - visibility: visible; - } - 50.01%, 100% { - visibility: hidden; } }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/src/sass/style.css.map b/src/sass/style.css.map index d4ef49f..3497939 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","_root.scss","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["_root.scss","style.css","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From a7d4f58425b1a1c0c351e877e75164827219761e Mon Sep 17 00:00:00 2001 From: maheggh Date: Sat, 13 May 2023 20:42:00 +0200 Subject: [PATCH 79/88] edited end text again --- src/sass/_scene4.scss | 36 ++++++++++++------------------------ src/sass/style.css | 34 ++++++++++++++++++++++------------ src/sass/style.css.map | 2 +- 3 files changed, 35 insertions(+), 37 deletions(-) diff --git a/src/sass/_scene4.scss b/src/sass/_scene4.scss index 75942f0..13fe078 100644 --- a/src/sass/_scene4.scss +++ b/src/sass/_scene4.scss @@ -1,8 +1,5 @@ -/* scene 4 ------------------------------------------------- -*/ - .scroll-section { + /*The whole scene*/ &--scene4 { position: relative; display: flex; @@ -13,14 +10,13 @@ background-image: linear-gradient(to top, rgba(32, 21, 21, 100), rgb(19, 8, 8)); z-index: 1000; } - &__bottom1, &__bottom2, &__bottom3, &__bottom4 { - position: absolute; - font-size: 3vh; + position: absolute; /* Add this */ + font-size: 5vh; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; text-align: center; animation: fadeInOut 40s infinite; - width: 30vw; + width: 50vw; display: block; animation-timing-function: ease-in-out; opacity: 0; @@ -42,21 +38,13 @@ &__bottom4 { animation-delay: 30s; } -} - -@keyframes fadeInOut { - 0%, 16.66%, 50.01%, 100% { - visibility: hidden; - opacity: 0; - } - 16.67%, 20%, 33.34%, 37.5% { - visibility: visible; - transform: scale(1.0); - opacity: 0; - } - 25%, 33.33%, 41.67%, 50% { - visibility: visible; - transform: scale(1.1); - opacity: 1; + + @keyframes fadeInOut { + 0%, 16.66% { opacity: 0; visibility: hidden; } + 16.67%, 20% { opacity: 0; visibility: visible; transform: scale(1.0); } // Fade in starts + 25%, 33.33% { opacity: 1; visibility: visible; transform: scale(1.1);} // Fully visible + 33.34%, 37.5% { opacity: 1; visibility: visible;} // Fade out starts + 41.67%, 50% { opacity: 0; visibility: visible; } // Fully transparent + 50.01%, 100% { visibility: hidden; } } } \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index 19d5581..a6b30ca 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -529,9 +529,9 @@ body { animation-duration: 4s; } -/* scene 4 ------------------------------------------------- -*/ +.scroll-section { + /*The whole scene*/ +} .scroll-section--scene4 { position: relative; display: flex; @@ -543,12 +543,12 @@ body { z-index: 1000; } .scroll-section__bottom1, .scroll-section__bottom2, .scroll-section__bottom3, .scroll-section__bottom4 { - position: absolute; - font-size: 3vh; + position: absolute; /* Add this */ + font-size: 5vh; font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; text-align: center; animation: fadeInOut 40s infinite; - width: 30vw; + width: 50vw; display: block; animation-timing-function: ease-in-out; opacity: 0; @@ -566,20 +566,30 @@ body { .scroll-section__bottom4 { animation-delay: 30s; } - @keyframes fadeInOut { - 0%, 16.66%, 50.01%, 100% { - visibility: hidden; + 0%, 16.66% { opacity: 0; + visibility: hidden; } - 16.67%, 20%, 33.34%, 37.5% { + 16.67%, 20% { + opacity: 0; visibility: visible; transform: scale(1); - opacity: 0; } - 25%, 33.33%, 41.67%, 50% { + 25%, 33.33% { + opacity: 1; visibility: visible; transform: scale(1.1); + } + 33.34%, 37.5% { opacity: 1; + visibility: visible; + } + 41.67%, 50% { + opacity: 0; + visibility: visible; + } + 50.01%, 100% { + visibility: hidden; } }/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 3497939..48bb184 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["_root.scss","style.css","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["_root.scss","style.css","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From bc44dfaea99d7e4460bf0ea0185314d6103e1df8 Mon Sep 17 00:00:00 2001 From: noralund <125641002+noralund@users.noreply.github.com> Date: Sun, 14 May 2023 01:16:53 +0200 Subject: [PATCH 80/88] read me file --- README.md | 24 ++++++++++++++++++++++++ index.html | 2 +- index.js | 15 --------------- style.css | 45 --------------------------------------------- 4 files changed, 25 insertions(+), 61 deletions(-) delete mode 100644 style.css diff --git a/README.md b/README.md index 93a888a..68d1d9f 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,26 @@ [![Review Assignment Due Date](https://classroom.github.com/assets/deadline-readme-button-24ddc0f5d75046c5622901739e7c5dd533143b0c8e959d652212380cedb1ea36.svg)](https://classroom.github.com/a/E1TYCvbT) [![Open in Visual Studio Code](https://classroom.github.com/assets/open-in-vscode-718a45dd9cf7e7f842a935f5ebbe5719a5e09af4491e668f4dbf3b35d5cca122.svg)](https://classroom.github.com/online_ide?assignment_repo_id=10934183&assignment_repo_type=AssignmentRepo) + + + +What the project does +This product is a story telling website that shows how important it is to take care of the environment because the ice is melting on the north pole where animals live. This story is inspired on the UN´s sustainable goal nr 14, life under water. + +Why the project is useful +Our project is useful because it can prevent the ice melting, water full of trash and global warming, we also talk about how the reader can help the planet. + +How users can get started with the project +The projects start when you begin to scroll downwards + +Where users can get help with your project +Users can click on the picture of nr 14 goal to go to the main Un site to read more about the subject (Does not work on the website because something is blocking the img) + +Which technology is used +HTML, CSS/SCSS and JavaScript + +Who maintains and contributes to the project +Nora Lundquist, Guro Karlsen and Martin Heggholmen + + +There were some things we could´t figure out with the media queries, we tried to make it as responsive as possible but could not figure out hoe to get the bottom text smaller (Nora send you a teams message on it without a replay on the problem) +The SVG of the polobear/iceberg is for some odd reason taking up a lot of space and is causing the MQ to have a large margin space on the right side of the screen. (also send a message about this with no luck) \ No newline at end of file diff --git a/index.html b/index.html index a6778a8..615a723 100644 --- a/index.html +++ b/index.html @@ -13,7 +13,7 @@ - goal-14-image + goal-14-image
diff --git a/index.js b/index.js index 3918393..d05252a 100644 --- a/index.js +++ b/index.js @@ -1,18 +1,3 @@ -// const callback = (entries, observer) => { -// entries.forEach(entry => { -// if (entry.isIntersecting) { -// document.body.style.backgroundColor = entry.target.dataset.color; -// } -// }); -// }; - -// const changes = document.querySelectorAll('.change'); - -// const observer = new IntersectionObserver(callback, { threshold: .1 }); - -// changes.forEach(change => { -// observer.observe(change); -// }); const callback = (entries, observer) => { entries.forEach(entry => { diff --git a/style.css b/style.css deleted file mode 100644 index 48c7757..0000000 --- a/style.css +++ /dev/null @@ -1,45 +0,0 @@ -.iceberg, .icebear{ - display: grid; - justify-items: center; -} - -.ice-platform{ - position: absolute; - -} - -.ice-overlay{ - z-index: -1; - position: absolute; - animation: iceberg-animation 1s alternate infinite linear; -} - -.ice-bottom{ - z-index: -2; - position: absolute; - animation: iceberg-animation 3s alternate infinite linear; -} - -.icebear{ - margin-top: -150px; -} - -.icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face{ - position: absolute; -} - -.head-move{ - position: absolute; - margin-left: -850px; - animation: iceberg-animation 3s alternate infinite linear; -} - -@keyframes iceberg-animation { - 0% { - transform: rotate(2deg); - } - - 100%{ - transform: rotate(-2deg); - } -} \ No newline at end of file From 6817a02c309f6a98081c5c05bb96c3d49c0354d4 Mon Sep 17 00:00:00 2001 From: maheggh Date: Sun, 14 May 2023 11:40:28 +0200 Subject: [PATCH 81/88] small changes --- src/sass/_scene3.scss | 2 +- src/sass/_scene4.scss | 5 ++--- src/sass/style.css | 9 +++------ src/sass/style.css.map | 2 +- 4 files changed, 7 insertions(+), 11 deletions(-) diff --git a/src/sass/_scene3.scss b/src/sass/_scene3.scss index e4d1f69..181584f 100644 --- a/src/sass/_scene3.scss +++ b/src/sass/_scene3.scss @@ -36,7 +36,7 @@ } &__img3, &__img4 { - padding-bottom: 10vh; + padding-bottom: 8vh; } &__img3 { diff --git a/src/sass/_scene4.scss b/src/sass/_scene4.scss index 13fe078..2dad55e 100644 --- a/src/sass/_scene4.scss +++ b/src/sass/_scene4.scss @@ -1,5 +1,4 @@ .scroll-section { - /*The whole scene*/ &--scene4 { position: relative; display: flex; @@ -11,10 +10,10 @@ z-index: 1000; } &__bottom1, &__bottom2, &__bottom3, &__bottom4 { - position: absolute; /* Add this */ - font-size: 5vh; + position: absolute; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; text-align: center; + font-size: 3vh; animation: fadeInOut 40s infinite; width: 50vw; display: block; diff --git a/src/sass/style.css b/src/sass/style.css index a6b30ca..9063978 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -451,7 +451,7 @@ body { left: 45vw; } .scroll-section__img3, .scroll-section__img4 { - padding-bottom: 10vh; + padding-bottom: 8vh; } .scroll-section__img3 { left: 5vw; @@ -529,9 +529,6 @@ body { animation-duration: 4s; } -.scroll-section { - /*The whole scene*/ -} .scroll-section--scene4 { position: relative; display: flex; @@ -543,10 +540,10 @@ body { z-index: 1000; } .scroll-section__bottom1, .scroll-section__bottom2, .scroll-section__bottom3, .scroll-section__bottom4 { - position: absolute; /* Add this */ - font-size: 5vh; + position: absolute; font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; text-align: center; + font-size: 3vh; animation: fadeInOut 40s infinite; width: 50vw; display: block; diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 48bb184..153a4ad 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["_root.scss","style.css","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["_root.scss","style.css","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From 8c8c3ca35518af376817e4d8e7889bc1777ec56c Mon Sep 17 00:00:00 2001 From: maheggh Date: Sun, 14 May 2023 12:27:18 +0200 Subject: [PATCH 82/88] Deleted unnecessary code deleted unnecessary code and cleaned up html, added comments, and shortened js --- index.js | 52 ++++++++++++++++-------------------------- src/sass/_scene4.scss | 4 ++++ src/sass/style.css | 5 ++++ src/sass/style.css.map | 2 +- 4 files changed, 30 insertions(+), 33 deletions(-) diff --git a/index.js b/index.js index d05252a..a0d1eb7 100644 --- a/index.js +++ b/index.js @@ -1,4 +1,4 @@ - +// Intersection Observer for background color change const callback = (entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { @@ -8,40 +8,34 @@ const callback = (entries, observer) => { }; const changes = document.querySelectorAll('.change'); -const fish = document.querySelectorAll('.fish'); - -const observer = new IntersectionObserver(callback, { threshold: .9 }); +const colorObserver = new IntersectionObserver(callback, { threshold: .9 }); changes.forEach(change => { - observer.observe(change); + colorObserver.observe(change); }); +// Scroll event handling for .scroll-section__howtofix elements const howToFixElems = document.querySelectorAll('.scroll-section__howtofix'); const totalSections = howToFixElems.length; -document.addEventListener("DOMContentLoaded", function() { - let fading = false; - - window.addEventListener("scroll", function() { - const scrollTop = window.pageYOffset || document.documentElement.scrollTop; - const scrollPercentage = (scrollTop / (document.documentElement.scrollHeight - document.documentElement.clientHeight)) * 100; - - let activeIndex = Math.floor(scrollPercentage / (100 / totalSections)); - - howToFixElems.forEach((elem, index) => { - if (index === activeIndex) { - elem.classList.remove("fade-out"); - elem.style.transform = `translateY(${scrollTop}px)`; - fading = false; - } else { - elem.classList.add("fade-out"); - elem.style.transform = ''; - fading = true; - } - }); +window.addEventListener("scroll", function() { + const scrollTop = window.pageYOffset || document.documentElement.scrollTop; + const scrollPercentage = (scrollTop / (document.documentElement.scrollHeight - document.documentElement.clientHeight)) * 100; + + let activeIndex = Math.floor(scrollPercentage / (100 / totalSections)); + + howToFixElems.forEach((elem, index) => { + if (index === activeIndex) { + elem.classList.remove("fade-out"); + elem.style.transform = `translateY(${scrollTop}px)`; + } else { + elem.classList.add("fade-out"); + elem.style.transform = ''; + } }); }); +// Intersection Observer for fade-in of .scroll-section__bottom document.addEventListener("DOMContentLoaded", function() { const bottomText = document.querySelector('.scroll-section__bottom'); @@ -57,13 +51,7 @@ document.addEventListener("DOMContentLoaded", function() { const fadeInObserver = new IntersectionObserver(fadeInCallback, { threshold: 0.1 }); fadeInObserver.observe(bottomText); }); - -if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) { - document.documentElement.setAttribute('data-theme', 'dark'); -} else { - document.documentElement.setAttribute('data-theme', 'light'); -} - +// to create particles for the toxic barrel on random areas within 5ww size. const particles = document.querySelectorAll('.particle'); particles.forEach((particle, index) => { diff --git a/src/sass/_scene4.scss b/src/sass/_scene4.scss index 2dad55e..2efeb45 100644 --- a/src/sass/_scene4.scss +++ b/src/sass/_scene4.scss @@ -1,3 +1,4 @@ +/*The whole bottom scene properties*/ .scroll-section { &--scene4 { position: relative; @@ -9,7 +10,10 @@ background-image: linear-gradient(to top, rgba(32, 21, 21, 100), rgb(19, 8, 8)); z-index: 1000; } + + /*Bottom info-text about what happens if we dont do something*/ &__bottom1, &__bottom2, &__bottom3, &__bottom4 { + color: white; position: absolute; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; text-align: center; diff --git a/src/sass/style.css b/src/sass/style.css index 9063978..0431849 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -529,6 +529,10 @@ body { animation-duration: 4s; } +/*The whole bottom scene properties*/ +.scroll-section { + /*Bottom info-text about what happens if we dont do something*/ +} .scroll-section--scene4 { position: relative; display: flex; @@ -540,6 +544,7 @@ body { z-index: 1000; } .scroll-section__bottom1, .scroll-section__bottom2, .scroll-section__bottom3, .scroll-section__bottom4 { + color: white; position: absolute; font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; text-align: center; diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 153a4ad..089a4cb 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["_root.scss","style.css","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"AAAA;EACI,mBAAA;EACA,yBAAA;EACA,kBAAA;ACCJ;;ADEE;EACE,mBAAA;EACA,yBAAA;ACCJ;;ADGA;EACE,+BAAA;EACA,wBAAA;EACA,yCAAA;EACA,SAAA;ACAF;;ADGA;EACE,kBAAA;EACA,WAAA;EACA,cAAA;ACAF;;ADGA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;ACAF;;ADGA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ACAF;;ADGA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ACAF;;ADGA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ACAF;;ADGA;EACE,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;ACAF;;ADGA;EACE,aAAA;ACAF;;ADGA;EACE,WAAA;ACAF;;ADGA;EACE,kBAAA;ACAF;;ADGA;EACE,UAAA;EACA,sBAAA;ACAF;;ADGA;EACE,UAAA;EACA,sBAAA;ACAF;;ADGA;EACE,iBAAA;ACAF;ADEI;EAEE,aAAA;EACA,YAAA;EACA;;;;;;;iCAAA;EASA,yBAAA;EACA,YAAA;EACA,6EAAA;EACA,8BAAA;EACA,kBAAA;EAEA;;;;;;;iCAAA;ACIN;;ADWA;EACE;IAEE,0BAAA;IACA,2BAAA;ECTF;AACF;ADYA;EAEE;IACE,SAAA;ECXF;EDaA;IACE,UAAA;IACA,UAAA;ECXF;EDcA;IACE,YAAA;IACA,UAAA;ECZF;EDeA;IACE,YAAA;IACA,WAAA;IACA,gBAAA;IACA,iBAAA;ECbF;EDgBA;IACE,YAAA;IACA,WAAA;IACA,aAAA;ECdF;EDiBA;IAOE,WAAA;IACA,UAAA;ECrBF;EDwBA;IACE,WAAA;IACA,UAAA;ECtBF;EDyBF;IACE,QAAA;IACA,SAAA;IACA,YAAA;ECvBA;EDyBA;IACE,SAAA;IACA,eAAA;ECvBF;ED4BA;IACE,QAAA;IACA,SAAA;IACA,MAAA;EC1BF;ED+BA;IACE,YAAA;IACA,SAAA;EC7BF;EDkCA;IACE,cAAA;EChCF;AACF;ACvKA;;CAAA;AAQI;EACI,YAAA;EACA,WAAA;ADoKR;;ACjKA,4DAAA;AAEA;EACI,wDAAA;ADmKJ;AClKI;EACI,kBAAA;EACA,SAAA;EACA,WAAA;EACA,WAAA;EACA,WAAA;EACA,uDAAA;ADoKR;ACjKI;EACI,kBAAA;EACA,UAAA;EACA,WAAA;EACA,WAAA;EACA,wDAAA;ADmKR;AChKI;EACI,kBAAA;EACA,SAAA;EACA,WAAA;EACA,WAAA;EACA,WAAA;EACA,wDAAA;ADkKR;;AC9JA;EACI;IACA,SAAA;EDiKF;EC9JE;IACA,OAAA;EDgKF;AACF;AC7JA;EACI,kBAAA;EACA,YAAA;EACA,YAAA;EACA,SAAA;EACA,8EAAA;AD+JJ;;AC5JA;EACI,aAAA;EACA,qBAAA;EACA,mBAAA;EACA,gBAAA;AD+JJ;;AC5JA;EACI,sDAAA;EACA,mBAAA;AD+JJ;;AC5JA;EACI,kBAAA;EACA,aAAA;EACA,YAAA;AD+JJ;;AC5JA;EACI,WAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,yDAAA;AD+JJ;;AC5JA;EACI,WAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EACA,yDAAA;AD+JJ;;AC5JA;EACI,eAAA;EACA,aAAA;EACA,YAAA;AD+JJ;;AC5JA;EACI,sBAAA;EACA,eAAA;EACA,aAAA;EACA,YAAA;EACA,sDAAA;EACA,sCAAA;AD+JJ;;AC5JA;EACI,0BAAA;EACA,eAAA;EACA,aAAA;EACA,YAAA;EACA,qDAAA;EACA,sCAAA;AD+JJ;;AC5JA;EACI,4BAAA;EACA,eAAA;EACA,aAAA;EACA,YAAA;EACA,qDAAA;EACA,sCAAA;AD+JJ;;AC5JA;EACI,eAAA;AD+JJ;;AC5JA;EACI;IACA,uBAAA;ED+JF;EC7JE;IACA,wBAAA;ED+JF;AACF;AC5JA;EACI;IACA,yBAAA;ED8JF;EC5JE;IACA,0BAAA;ED8JF;EC5JE;IACA,wBAAA;ED8JF;AACF;AC3JA;EACI;IACA,yBAAA;ED6JF;EC3JE;IACA,0BAAA;ED6JF;EC3JE;IACI,uBAAA;ED6JN;AACF;AC1JA;EACI;IACI,UAAA;ED4JN;ECzJE;IACI,YAAA;ED2JN;ECxJE;IACI,UAAA;ED0JN;AACF;AE3UA;;CAAA;AAGA;EACI,gBAAA;AF6UJ;;AE1UA;EACI,aAAA;EACA,iBAAA;AF6UJ;;AE1UA;EACI,WAAA;EACA,WAAA;AF6UJ;;AE1UA;EACI,WAAA;EACA,WAAA;AF6UJ;;AE1UA;EACI,uCAAA;AF6UJ;;AE1UA;EACI;IACI,4BAAA;EF6UN;EE3UE;IACI,6BAAA;EF6UN;AACF;AE3UA;EACI,wCAAA;AF6UJ;;AE1UA;EACI,iBAAA;AF6UJ;;AE1UA;EACI;IACI,6BAAA;EF6UN;EE3UE;IACI,4BAAA;EF6UN;AACF;AE1UA;EACI,8CAAA;AF4UJ;;AEzUA;EACI,oBAAA;EACA,kBAAA;AF4UJ;;AExUA;EACI,kBAAA;EACA,oBAAA;EACA,kBAAA;AF2UJ;;AExUA;EACI,iBAAA;AF2UJ;;AExUA;EACI;IACI,wBAAA;EF2UN;EEzUE;IACI,6BAAA;EF2UN;EEzUE;IACI,8BAAA;EF2UN;EEzUE;IACI,6BAAA;EF2UN;EEzUE;IACI,wBAAA;EF2UN;AACF;AExUA;EACI,iBAAA;AF0UJ;;AGpaA;;CAAA;AAKE;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,qFAAA;EACA,SAAA;AHqaJ;AGlaE;EACE,kBAAA;EACA,gBAAA;EACA,UAAA;EACA,WAAA;EACA,sBAAA;AHoaJ;AGjaE;EACE,kBAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;AHmaJ;AGhaE;EACE,UAAA;AHkaJ;AG/ZE;EACE,UAAA;AHiaJ;AG9ZE;EACE,mBAAA;AHgaJ;AG7ZE;EACE,SAAA;AH+ZJ;AG5ZE;EACE,UAAA;AH8ZJ;AG3ZE;EACE,kBAAA;EACA,SAAA;EACA,OAAA;EACA,YAAA;EACA,YAAA;AH6ZJ;AG1ZE;EACE,UAAA;EACA,yBAAA;AH4ZJ;AGzZE;EACE,kBAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;AH2ZJ;;AGvZA;EACA,UAAA;EACA,sBAAA;AH0ZA;;AGvZA;EACA;IACE,wBAAA;IACA,UAAA;EH0ZA;EGxZF;IACE,6BAAA;IACA,UAAA;EH0ZA;AACF;AGvZA;EACA,kBAAA;EACA,SAAA;EACA,iBAAA;EACA,WAAA;EACA,YAAA;EACA,2CAAA;EACA,mBAAA;EACA,kBAAA;AHyZA;;AGtZA;EACA,sBAAA;AHyZA;;AGtZA;EACA,sBAAA;AHyZA;;AGtZA;EACA,sBAAA;AHyZA;;AGtZA;EACA,sBAAA;AHyZA;;AGtZA;EACA,sBAAA;AHyZA;;AGtZA;EACA,sBAAA;AHyZA;;AIhhBE;EACE,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,aAAA;EACA,yEAAA;EACA,aAAA;AJmhBJ;AIjhBE;EACE,kBAAA;EACA,6EAAA;EACA,kBAAA;EACA,cAAA;EACA,iCAAA;EACA,WAAA;EACA,cAAA;EACA,sCAAA;EACA,UAAA;EACA,kBAAA;AJmhBJ;AIhhBE;EACE,mBAAA;AJkhBJ;AI/gBE;EACE,oBAAA;AJihBJ;AI9gBE;EACE,oBAAA;AJghBJ;AI7gBE;EACE,oBAAA;AJ+gBJ;AI5gBE;EACE;IAAa,UAAA;IAAY,kBAAA;EJghB3B;EI/gBE;IAAc,UAAA;IAAY,mBAAA;IAAqB,mBAAA;EJohBjD;EInhBE;IAAc,UAAA;IAAY,mBAAA;IAAqB,qBAAA;EJwhBjD;EIvhBE;IAAgB,UAAA;IAAY,mBAAA;EJ2hB9B;EI1hBE;IAAc,UAAA;IAAY,mBAAA;EJ8hB5B;EI7hBE;IAAe,kBAAA;EJgiBjB;AACF","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["_root.scss","style.css","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From 592f3df454aa1011030f0930598691af2efb5dae Mon Sep 17 00:00:00 2001 From: GEKarlsen Date: Sun, 14 May 2023 12:37:20 +0200 Subject: [PATCH 83/88] small fix --- src/sass/_root.scss | 1 + src/sass/_scene1.scss | 3 ++- src/sass/style.css | 4 +++- src/sass/style.css.map | 2 +- 4 files changed, 7 insertions(+), 3 deletions(-) diff --git a/src/sass/_root.scss b/src/sass/_root.scss index d8afcf3..ccab4b9 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -100,6 +100,7 @@ body { font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; box-shadow: 2px 5px 10px white; border-radius: 5px; + font-size: 2.5vh; /*background-color: whitesmoke; color: black; diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index cb4b9b9..f39269e 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -56,7 +56,8 @@ position: absolute; width: 100vw; height: 70vh; - top: 58vh; + top: 54vh; + margin: 0; background: linear-gradient(to top, rgba(169,208,113,0),rgba(21,119,143,1)); } diff --git a/src/sass/style.css b/src/sass/style.css index 0431849..a4264c7 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -97,6 +97,7 @@ body { font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; box-shadow: 2px 5px 10px white; border-radius: 5px; + font-size: 2.5vh; /*background-color: whitesmoke; color: black; font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; @@ -214,7 +215,8 @@ body { position: absolute; width: 100vw; height: 70vh; - top: 58vh; + top: 54vh; + margin: 0; background: linear-gradient(to top, rgba(169, 208, 113, 0), rgb(21, 119, 143)); } diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 089a4cb..2e88d26 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["_root.scss","style.css","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["_root.scss","style.css","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From e4699b31cdd5f692e6f595f4b063891418558af6 Mon Sep 17 00:00:00 2001 From: maheggh Date: Sun, 14 May 2023 12:47:16 +0200 Subject: [PATCH 84/88] landscape/portrait added "switch to landscape mode for the best experience" --- index.html | 5 +++++ index.js | 32 ++++++++++++++++++++++++++++++++ 2 files changed, 37 insertions(+) diff --git a/index.html b/index.html index 615a723..9955edc 100644 --- a/index.html +++ b/index.html @@ -13,6 +13,11 @@ +
+ Switch to landscape mode for the best viewing experience. + +
+ goal-14-image
diff --git a/index.js b/index.js index a0d1eb7..d268c58 100644 --- a/index.js +++ b/index.js @@ -56,4 +56,36 @@ const particles = document.querySelectorAll('.particle'); particles.forEach((particle, index) => { particle.style.left = `${83.5 + Math.random() * 5}vw`; +}); + +// Function to detect if the device is mobile or not +function isMobileDevice() { + return (typeof window.orientation !== "undefined") || (navigator.userAgent.indexOf('IEMobile') !== -1); +}; + +// Event listener for window resize +window.addEventListener('resize', function() { +var landscapeMessage = document.getElementById('landscape-message'); + +// only displays "switch tot landscape mode if its a mobile device" +if (!isMobileDevice()) { + landscapeMessage.style.display = 'none'; + return; +} + +if (window.innerHeight > window.innerWidth) { + landscapeMessage.style.display = 'block'; +} else { + landscapeMessage.style.display = 'none'; +} +}, false); + +// Initial check +if (isMobileDevice() && window.innerHeight > window.innerWidth) { +document.getElementById('landscape-message').style.display = 'block'; +} + +// Button to hide the message +document.getElementById('ok-button').addEventListener('click', function() { +document.getElementById('landscape-message').style.display = 'none'; }); \ No newline at end of file From 3a371dc9041d45f082e5fcb553b38356ffc4dd6e Mon Sep 17 00:00:00 2001 From: maheggh Date: Sun, 14 May 2023 12:50:29 +0200 Subject: [PATCH 85/88] . --- index.js | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/index.js b/index.js index d268c58..26fd4d3 100644 --- a/index.js +++ b/index.js @@ -88,4 +88,8 @@ document.getElementById('landscape-message').style.display = 'block'; // Button to hide the message document.getElementById('ok-button').addEventListener('click', function() { document.getElementById('landscape-message').style.display = 'none'; -}); \ No newline at end of file +}); + +if (!isMobileDevice()) { + document.getElementById('landscape-message').style.display = 'none'; +} \ No newline at end of file From 8488f880b971fcccd741a074912c8ddd563caf7b Mon Sep 17 00:00:00 2001 From: GEKarlsen Date: Sun, 14 May 2023 12:52:34 +0200 Subject: [PATCH 86/88] BEM fix --- index.html | 40 +++++++++++++++++++--------------------- src/sass/_root.scss | 4 ++-- src/sass/_scene1.scss | 25 ++++++++++--------------- src/sass/style.css | 29 ++++++++++++----------------- src/sass/style.css.map | 2 +- 5 files changed, 44 insertions(+), 56 deletions(-) diff --git a/index.html b/index.html index 615a723..5086394 100644 --- a/index.html +++ b/index.html @@ -62,29 +62,27 @@
-
-
- ice-platform - ice-overlay - ice-bottom +
+
+ ice-platform + ice-overlay + ice-bottom
-
-
- icebear-headBase -
- icebear-body - -
- icebear-legLeft - icebear-tail - icebear-footLeft -
-
- icebear-legRight - icebear-footRight -
+
+
+ icebear-headBase
+ icebear-body +
+ icebear-legLeft + icebear-tail + icebear-footLeft +
+
+ icebear-legRight + icebear-footRight +
+
diff --git a/src/sass/_root.scss b/src/sass/_root.scss index ccab4b9..acfd048 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -153,7 +153,7 @@ body { display: none; } - .iceberg{ + .iceberg__element{ // transform: scale(100); //display: grid; // justify-items: center; @@ -164,7 +164,7 @@ body { width: 5vw; } - .icebear{ + .icebeicebear_elementar{ height: 5vh; width: 5vw; } diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index f39269e..33354c4 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -52,7 +52,7 @@ } } -.water{ +.water__element{ position: absolute; width: 100vw; height: 70vh; @@ -61,25 +61,20 @@ background: linear-gradient(to top, rgba(169,208,113,0),rgba(21,119,143,1)); } -.iceberg, .icebear { +.iceberg__element, .icebear_element { display: grid; justify-items: center; align-items: center; margin-top: 35vh; } -.iceberg-full{ - animation: iceberg-fade-animation 10s alternate linear; - animation-delay: 3s; -} - -.ice-platform { +.iceplatform__element--modifier { position: absolute; height: 127vh; width: 127vw; } -.ice-overlay { +.iceoverlay__element--modifier { z-index: -1; position: absolute; height: 127vh; @@ -87,7 +82,7 @@ animation: iceberg-animation 1s alternate infinite linear; } -.ice-bottom { +.icebottom__element--modifier { z-index: -2; position: absolute; height: 127vh; @@ -95,13 +90,13 @@ animation: iceberg-animation 3s alternate infinite linear; } -.icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face { +.icebear-body__element--modifier, .icebear-headBase__element--modifier, .icebear-legLeft__element--modifier, .icebear-legRight__element--modifier, .icebear-footLeft__element--modifier, .icebear-footRight__element--modifier, .icebear-tail__element--modifier{ position: fixed; height: 127vh; width: 127vw; } -.head-move{ +.headmove__element--modifier{ transform-origin: left; position: fixed; height: 127vh; @@ -110,7 +105,7 @@ animation-timing-function: ease-in-out; } -.leftLeg-move{ +.leftLeg-move__element--modifier{ transform-origin: top left; position: fixed; height: 127vh; @@ -119,7 +114,7 @@ animation-timing-function: ease-in-out; } -.rightLeg-move{ +.rightLeg-move__element--modifier{ transform-origin: top center; position: fixed; height: 127vh; @@ -128,7 +123,7 @@ animation-timing-function: ease-in-out; } -.icebear { +.icebear_element{ margin-top: 1vh; } diff --git a/src/sass/style.css b/src/sass/style.css index a4264c7..f9f624c 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -137,11 +137,11 @@ body { width: 10vw; display: none; } - .iceberg { + .iceberg__element { height: 5vh; width: 5vw; } - .icebear { + .icebeicebear_elementar { height: 5vh; width: 5vw; } @@ -211,7 +211,7 @@ body { left: 0; } } -.water { +.water__element { position: absolute; width: 100vw; height: 70vh; @@ -220,25 +220,20 @@ body { background: linear-gradient(to top, rgba(169, 208, 113, 0), rgb(21, 119, 143)); } -.iceberg, .icebear { +.iceberg__element, .icebear_element { display: grid; justify-items: center; align-items: center; margin-top: 35vh; } -.iceberg-full { - animation: iceberg-fade-animation 10s alternate linear; - animation-delay: 3s; -} - -.ice-platform { +.iceplatform__element--modifier { position: absolute; height: 127vh; width: 127vw; } -.ice-overlay { +.iceoverlay__element--modifier { z-index: -1; position: absolute; height: 127vh; @@ -246,7 +241,7 @@ body { animation: iceberg-animation 1s alternate infinite linear; } -.ice-bottom { +.icebottom__element--modifier { z-index: -2; position: absolute; height: 127vh; @@ -254,13 +249,13 @@ body { animation: iceberg-animation 3s alternate infinite linear; } -.icebear-body, .icebear-headBase, .icebear-legLeft, .icebear-legRight, .icebear-footLeft, .icebear-footRight, .icebear-tail, .icebear-ear, .icebear-face { +.icebear-body__element--modifier, .icebear-headBase__element--modifier, .icebear-legLeft__element--modifier, .icebear-legRight__element--modifier, .icebear-footLeft__element--modifier, .icebear-footRight__element--modifier, .icebear-tail__element--modifier { position: fixed; height: 127vh; width: 127vw; } -.head-move { +.headmove__element--modifier { transform-origin: left; position: fixed; height: 127vh; @@ -269,7 +264,7 @@ body { animation-timing-function: ease-in-out; } -.leftLeg-move { +.leftLeg-move__element--modifier { transform-origin: top left; position: fixed; height: 127vh; @@ -278,7 +273,7 @@ body { animation-timing-function: ease-in-out; } -.rightLeg-move { +.rightLeg-move__element--modifier { transform-origin: top center; position: fixed; height: 127vh; @@ -287,7 +282,7 @@ body { animation-timing-function: ease-in-out; } -.icebear { +.icebear_element { margin-top: 1vh; } diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 2e88d26..29b4d59 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["_root.scss","style.css","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["_root.scss","style.css","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file From b7e1769b2acc9e3be9c83bd6a66cd3d15c869577 Mon Sep 17 00:00:00 2001 From: maheggh Date: Sun, 14 May 2023 12:52:53 +0200 Subject: [PATCH 87/88] . --- index.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/index.js b/index.js index 26fd4d3..0d969d9 100644 --- a/index.js +++ b/index.js @@ -80,7 +80,7 @@ if (window.innerHeight > window.innerWidth) { } }, false); -// Initial check +// Check if its a mobile device if (isMobileDevice() && window.innerHeight > window.innerWidth) { document.getElementById('landscape-message').style.display = 'block'; } @@ -90,6 +90,8 @@ document.getElementById('ok-button').addEventListener('click', function() { document.getElementById('landscape-message').style.display = 'none'; }); +//if its a pc remove the whole message, I had to ad this because it sometimes loaded in by defaultt +// on pc if (!isMobileDevice()) { document.getElementById('landscape-message').style.display = 'none'; } \ No newline at end of file From 46bd90961854304c9e6cbbbccbe3521da846e3cc Mon Sep 17 00:00:00 2001 From: GEKarlsen Date: Sun, 14 May 2023 12:54:25 +0200 Subject: [PATCH 88/88] comment-fix --- src/sass/_root.scss | 29 ----------------------------- src/sass/_scene1.scss | 14 -------------- src/sass/style.css | 27 --------------------------- src/sass/style.css.map | 2 +- 4 files changed, 1 insertion(+), 71 deletions(-) diff --git a/src/sass/_root.scss b/src/sass/_root.scss index acfd048..5b4070c 100644 --- a/src/sass/_root.scss +++ b/src/sass/_root.scss @@ -83,34 +83,14 @@ body { padding-top: 50vh; & p, li { - padding: 15px; margin: 10px; - /*color: white; - -webkit-text-stroke: 0.5px black; - font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; - box-shadow: 2px 2px 8px white; - background: linear-gradient(#0b3b52, #19b1ba) padding-box, - linear-gradient(to right, white, orange) border-box; - border-radius: 20px; - border: 3px solid transparent;*/ - background-color: #007dbc; color: white; font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; box-shadow: 2px 5px 10px white; border-radius: 5px; font-size: 2.5vh; - - /*background-color: whitesmoke; - color: black; - font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; - font-size: 20px; - background: linear-gradient(white, gray) padding-box, - linear-gradient(to right, white, gray) border-box; - border-radius: 10px; - border: 3px solid transparent;*/ - } } @@ -154,12 +134,6 @@ body { } .iceberg__element{ - // transform: scale(100); - //display: grid; - // justify-items: center; - // align-items: center; - // left: 7vh; - // position: relative; height: 5vh; width: 5vw; } @@ -187,14 +161,11 @@ body { top: 0; } - - .scroll-section img{ height: 45vh; margin: 0; } - // scene 3 .scroll-section__bottom1, .scroll-section__bottom2, .scroll-section__bottom3{ font-size: 1vh; diff --git a/src/sass/_scene1.scss b/src/sass/_scene1.scss index 33354c4..b23f6a9 100644 --- a/src/sass/_scene1.scss +++ b/src/sass/_scene1.scss @@ -158,18 +158,4 @@ 100% { transform: rotate(1deg); } -} - -@keyframes iceberg-fade-animation { - 0%{ - opacity: 1; - } - - 50%{ - opacity: 0.5; - } - - 100%{ - opacity: 0; - } } \ No newline at end of file diff --git a/src/sass/style.css b/src/sass/style.css index f9f624c..3b9d177 100644 --- a/src/sass/style.css +++ b/src/sass/style.css @@ -84,28 +84,12 @@ body { .scroll-section__howtofix p, .scroll-section__howtofix li { padding: 15px; margin: 10px; - /*color: white; - -webkit-text-stroke: 0.5px black; - font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; - box-shadow: 2px 2px 8px white; - background: linear-gradient(#0b3b52, #19b1ba) padding-box, - linear-gradient(to right, white, orange) border-box; - border-radius: 20px; - border: 3px solid transparent;*/ background-color: #007dbc; color: white; font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; box-shadow: 2px 5px 10px white; border-radius: 5px; font-size: 2.5vh; - /*background-color: whitesmoke; - color: black; - font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; - font-size: 20px; - background: linear-gradient(white, gray) padding-box, - linear-gradient(to right, white, gray) border-box; - border-radius: 10px; - border: 3px solid transparent;*/ } @media (prefers-reduced-motion: reduce) { @@ -316,17 +300,6 @@ body { transform: rotate(1deg); } } -@keyframes iceberg-fade-animation { - 0% { - opacity: 1; - } - 50% { - opacity: 0.5; - } - 100% { - opacity: 0; - } -} /* scene 2 ------------------------------------------------ */ diff --git a/src/sass/style.css.map b/src/sass/style.css.map index 29b4d59..a49f267 100644 --- a/src/sass/style.css.map +++ b/src/sass/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["_root.scss","style.css","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["_root.scss","style.css","_scene1.scss","_scene2.scss","_scene3.scss","_scene4.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file