diff --git a/Games/Balloon_Popup/Balloon_Popup.png b/Games/Balloon_Popup/Balloon_Popup.png deleted file mode 100644 index 9b14903ac8..0000000000 Binary files a/Games/Balloon_Popup/Balloon_Popup.png and /dev/null differ diff --git a/Games/Balloon_Popup/app.js b/Games/Balloon_Popup/app.js index df704721bc..c5e9ca1897 100644 --- a/Games/Balloon_Popup/app.js +++ b/Games/Balloon_Popup/app.js @@ -4,7 +4,7 @@ document.addEventListener('mouseover', function(e){ if (e.target.className === "balloon"){ - e.target.style.backgroundColor = "#ededed"; + e.target.style.backgroundColor = "rgb(227, 107, 163)"; e.target.textContent = "POP!"; popped++; removeEvent(e); diff --git a/Games/Balloon_Popup/ballon.png b/Games/Balloon_Popup/ballon.png new file mode 100644 index 0000000000..b4e2332f31 Binary files /dev/null and b/Games/Balloon_Popup/ballon.png differ diff --git a/Games/Balloon_Popup/balloon_pop.png b/Games/Balloon_Popup/balloon_pop.png new file mode 100644 index 0000000000..639967a09b Binary files /dev/null and b/Games/Balloon_Popup/balloon_pop.png differ diff --git a/Games/Balloon_Popup/index.html b/Games/Balloon_Popup/index.html index 9f0ecaf673..254114dbce 100644 --- a/Games/Balloon_Popup/index.html +++ b/Games/Balloon_Popup/index.html @@ -9,8 +9,8 @@
-

Pop the balloons by moving
your mouse over them

-
Wow! All balloons popped!
+

Pop the balloons by moving
your mouse over the them !!

+
!!Wow!!
 All balloons popped!
diff --git a/Games/Balloon_Popup/pop.png b/Games/Balloon_Popup/pop.png new file mode 100644 index 0000000000..fa861d70a4 Binary files /dev/null and b/Games/Balloon_Popup/pop.png differ diff --git a/Games/Balloon_Popup/style.css b/Games/Balloon_Popup/style.css index 63f5583378..f7b2280f62 100644 --- a/Games/Balloon_Popup/style.css +++ b/Games/Balloon_Popup/style.css @@ -1,26 +1,30 @@ body{ font-family:sans-serif; - padding: 30px; - background:#ededed; + padding: 50px; + background:rgb(227, 107, 163); } .wrapper{ - max-width: 690px; - margin: 0 auto; + max-width: 800px; + margin-left: 180px; } .blue { - color:#3f7abe; + color:#b53811; + margin-left: 10px; + font-size: larger; } h1{ margin: auto; - margin-top: 50px; + margin-top: 10px; margin-bottom: 50px; - color: #08a3d9; + margin-left: 120px; text-transform: uppercase; font-size: 30px; - color: #000380; + color: #050648; + font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + font-weight:bolder; } #balloon-gallery div{ @@ -39,23 +43,23 @@ h1{ } #balloon-gallery div:nth-child(3n){ - background: #ffce00; - color: #ffce00; + background: #6c0c65; + color: #6c0c65; } #balloon-gallery div:nth-child(3n-1){ - background:#3f7abe; - color:#3f7abe; + background:#059434; + color:#059434; } #balloon-gallery div:nth-child(5n){ - background:#8e7a8e; - color:#8e7a8e; + background:#3d1ee8; + color: #3d1ee8; } #balloon-gallery div:nth-child(13){ - background:#8e7a8e; - color:#8e7a8e; + background:#3d1ee8; + color: #3d1ee8; } #balloon-gallery div:nth-child(10n){ @@ -64,11 +68,13 @@ h1{ } #balloon-gallery div:nth-child(4n){ + background:#cdb010; + color: #cdb010; clear:right; } #yay-no-balloons { display:none; - color:#ff3300; - font-size:100px; -} \ No newline at end of file + color:#0f0f10; + font-size:80px; +}