From 6e0c6b865853ad244cb463ba480b7114df2987dc Mon Sep 17 00:00:00 2001 From: Melanie Date: Fri, 29 Sep 2023 18:18:01 +0200 Subject: [PATCH] added new images --- DevStory3.html | 32 ++++++++++-- img/3-9-2.svg | 132 +++++++++++++++++++++++++++++++++++++++++++++++++ style.css | 5 ++ 3 files changed, 165 insertions(+), 4 deletions(-) create mode 100644 img/3-9-2.svg diff --git a/DevStory3.html b/DevStory3.html index a622def..60ef745 100644 --- a/DevStory3.html +++ b/DevStory3.html @@ -207,7 +207,8 @@

Something's NOT Registering!

-
+
+
Cece: All researchers need to do is select the correct organ.
@@ -230,7 +231,7 @@

Something's NOT Registering!

-
Squiggy: Look at us, Ce Ce, we're registering tissue! +
Squiggy: Look at us, CeCe, we're registering tissue!
@@ -238,7 +239,7 @@

Something's NOT Registering!

top: 20%;">Cece: Now this is kind of cool. Watch as we move into the space of the 3D model, we'll see an example of what's known as "collision detection."
-
+
Squiggy: Collision!! Ahhh!!! Ce Ce, I knew your crazy adventures would be the end of me! Oh, goodbye cruel world!
@@ -673,8 +674,31 @@

Something's NOT Registering!

delay: 1 }) - + + +const timeline = gsap.timeline({ + scrollTrigger: { + trigger: "#triggerworriedface", + toggleActions: 'play none none none', + markers: false, + start: "top+=1 top", + id: "scene3-6" + } +}); + +timeline.to( + ".scene3-6",{ + backgroundImage: 'url("https://cns-iu.github.io/hra-scrollytelling/img/3-9-2.svg")', + } +); + + + /* function changebg() { + console.log("what the fuck"); + document.getElementsByClassName("scene3-6").style.backgroundImage = "url('img/3-9-2.svg')"; + } */ + diff --git a/img/3-9-2.svg b/img/3-9-2.svg new file mode 100644 index 0000000..c4b326f --- /dev/null +++ b/img/3-9-2.svg @@ -0,0 +1,132 @@ + + + + Group 34 + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/style.css b/style.css index da0accb..5f7d96f 100644 --- a/style.css +++ b/style.css @@ -1299,6 +1299,11 @@ h1 { border-color: rgb(243, 167, 167) transparent transparent transparent; } + +#charsquiggyworried{ + opacity: 0; +} + .cecetalk3 { padding: 12px; color: black !important;