From aeb5e60592a6cadb37cb30e1bd3756e14e3ec0d3 Mon Sep 17 00:00:00 2001 From: Maria Raykova Date: Mon, 9 Mar 2020 00:06:23 -0400 Subject: [PATCH] improved fireworks and new backgrounds --- css/midterm.css | 545 +++++++++++++++++++++++++++++----------------- css/midterm.map | 4 +- midterm.html | 29 +-- scss/midterm.scss | 178 +++++++++++++-- 4 files changed, 519 insertions(+), 237 deletions(-) diff --git a/css/midterm.css b/css/midterm.css index 0dc5f59..6223043 100644 --- a/css/midterm.css +++ b/css/midterm.css @@ -150,6 +150,15 @@ ul, ol { } /* line 145, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +.attribution { + position: absolute; + bottom: -35px; + opacity: .5; + font-size: 9pt; + margin: 0 5px; +} + +/* line 153, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-container { overflow: hidden; height: 100%; @@ -158,7 +167,7 @@ ul, ol { position: relative; } -/* line 153, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 161, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle { position: absolute; border-radius: 50%; @@ -166,40 +175,45 @@ ul, ol { background: white; } -/* line 160, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 168, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .starburst { position: absolute; transform-origin: center; } -/* line 165, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 173, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ #starburst1 { left: 20px; - animation: burst1 4s ease-in infinite backwards; + animation: burst1 3s ease-in infinite backwards; + animation-delay: 5s; } -/* line 170, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 179, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ #starburst2 { left: 125px; - animation: burst2 4s ease-in infinite backwards; + animation: burst2 3s ease-in infinite backwards; + animation-delay: 6s; } -/* line 175, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 185, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ #starburst3 { left: 250px; - animation: burst3 4s ease-in infinite backwards; + animation: burst3 3s ease-in infinite backwards; + animation-delay: 6.8s; } -/* line 180, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 191, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ #starburst4 { left: 400px; - animation: burst4 4s ease-in infinite backwards; + animation: burst4 3s ease-in infinite backwards; + animation-delay: 4.7s; } -/* line 185, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 197, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ #starburst5 { left: 575px; - animation: burst5 4s ease-in infinite backwards; + animation: burst5 3s ease-in infinite backwards; + animation-delay: 7s; } @keyframes flicker { @@ -326,7 +340,7 @@ ul, ol { } } -@keyframes grow { +@keyframes grow1 { 0%, 20% { transform-origin: center; top: 100px; @@ -349,113 +363,234 @@ ul, ol { } } -/* line 337, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ -.star-wrapper { +@keyframes grow2 { + 0%, 20% { + transform-origin: center; + top: 100px; + left: 100px; + } + 25% { + transform-origin: 25px 25px; + top: 75px; + left: 75px; + } + 75% { + transform-origin: 75px 75px; + top: 25px; + left: 25px; + } + 100% { + transform-origin: 100px 100px; + top: 0px; + left: 0px; + } +} + +@keyframes grow3 { + 0%, 20% { + transform-origin: center; + top: 100px; + left: 100px; + } + 25% { + transform-origin: 25px 25px; + top: 75px; + left: 75px; + } + 75% { + transform-origin: 75px 75px; + top: 25px; + left: 25px; + } + 100% { + transform-origin: 100px 100px; + top: 0px; + left: 0px; + } +} + +@keyframes grow4 { + 0%, 20% { + transform-origin: center; + top: 100px; + left: 100px; + } + 25% { + transform-origin: 25px 25px; + top: 75px; + left: 75px; + } + 75% { + transform-origin: 75px 75px; + top: 25px; + left: 25px; + } + 100% { + transform-origin: 100px 100px; + top: 0px; + left: 0px; + } +} + +@keyframes grow5 { + 0%, 20% { + transform-origin: center; + top: 100px; + left: 100px; + } + 25% { + transform-origin: 25px 25px; + top: 75px; + left: 75px; + } + 75% { + transform-origin: 75px 75px; + top: 25px; + left: 25px; + } + 100% { + transform-origin: 100px 100px; + top: 0px; + left: 0px; + } +} + +/* line 442, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +#starburst1 .star-wrapper { + position: absolute; + animation: flicker 100ms steps(2, jump-none) infinite, grow1 3s linear infinite backwards; + animation-delay: 5s; +} + +/* line 450, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +#starburst2 .star-wrapper { + position: absolute; + animation: flicker 100ms steps(2, jump-none) infinite, grow2 3s linear infinite backwards; + animation-delay: 6s; +} + +/* line 458, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +#starburst3 .star-wrapper { + position: absolute; + animation: flicker 100ms steps(2, jump-none) infinite, grow3 3s linear infinite backwards; + animation-delay: 6.8s; +} + +/* line 466, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +#starburst4 .star-wrapper { position: absolute; - animation: flicker 100ms steps(2, jump-none) infinite, grow 4s linear infinite backwards; + animation: flicker 100ms steps(2, jump-none) infinite, grow4 3s linear infinite backwards; + animation-delay: 4.7s; } -/* line 345, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 474, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +#starburst5 .star-wrapper { + position: absolute; + animation: flicker 100ms steps(2, jump-none) infinite, grow5 3s linear infinite backwards; + animation-delay: 7s; +} + +/* line 483, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .rotate1 { transform: rotate(36deg); } -/* line 345, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 483, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .rotate2 { transform: rotate(72deg); } -/* line 345, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 483, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .rotate3 { transform: rotate(108deg); } -/* line 345, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 483, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .rotate4 { transform: rotate(144deg); } -/* line 345, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 483, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .rotate5 { transform: rotate(180deg); } -/* line 345, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 483, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .rotate6 { transform: rotate(216deg); } -/* line 345, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 483, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .rotate7 { transform: rotate(252deg); } -/* line 345, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 483, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .rotate8 { transform: rotate(288deg); } -/* line 345, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 483, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .rotate9 { transform: rotate(324deg); } -/* line 345, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 483, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .rotate10 { transform: rotate(360deg); } -/* line 352, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 490, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ #starburst1 .particle-star { background: magenta; } -/* line 356, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 494, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ #starburst1 .particle-star:before { background: magenta; } -/* line 360, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 498, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ #starburst2 .particle-star { - background: violet; + background: orangered; } -/* line 364, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 502, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ #starburst2 .particle-star:before { - background: violet; + background: orangered; } -/* line 368, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 506, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ #starburst3 .particle-star { - background: violet; + background: yellow; } -/* line 372, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 510, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ #starburst3 .particle-star:before { - background: violet; + background: yellow; } -/* line 376, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 514, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ #starburst4 .particle-star { - background: violet; + background: cyan; } -/* line 380, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 518, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ #starburst4 .particle-star:before { - background: violet; + background: cyan; } -/* line 384, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 522, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ #starburst5 .particle-star { - background: violet; + background: lime; } -/* line 388, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 526, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ #starburst5 .particle-star:before { - background: violet; + background: lime; } -/* line 392, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 530, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-star { opacity: 1; width: 6px; @@ -465,7 +600,7 @@ ul, ol { transform: rotate(20deg); } -/* line 400, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 538, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-star:before { content: ""; position: absolute; @@ -506,267 +641,271 @@ ul, ol { } } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(1) { - top: 100px; - left: 350px; + top: 250px; + left: 600px; animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; - animation-delay: 3s, 4s; + animation-delay: 10s, 2s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(2) { - top: 300px; - left: 150px; - animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; - animation-delay: 12s, 4s; + top: 250px; + left: 200px; + animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; + animation-delay: 7s, 1s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(3) { - top: 150px; + top: 50px; left: 150px; - animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; - animation-delay: 6s, 0s; + animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; + animation-delay: 3s, 3s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(4) { - top: 400px; - left: 150px; - animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; - animation-delay: 0s, 2s; + top: 50px; + left: 250px; + animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; + animation-delay: 7s, 0s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(5) { - top: 200px; - left: 350px; - animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; - animation-delay: 13s, 0s; + top: 300px; + left: 100px; + animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; + animation-delay: 2s, 0s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(6) { - top: 300px; - left: 500px; - animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; - animation-delay: 12s, 1s; + top: 150px; + left: 400px; + animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; + animation-delay: 10s, 3s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(7) { - top: 300px; - left: 550px; + top: 350px; + left: 350px; animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; - animation-delay: 9s, 4s; + animation-delay: 6s, 2s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(8) { top: 400px; - left: 350px; + left: 300px; animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; - animation-delay: 13s, 2s; + animation-delay: 14s, 3s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(9) { top: 100px; - left: 600px; - animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; - animation-delay: 12s, 2s; + left: 100px; + animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; + animation-delay: 0s, 1s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(10) { - top: 200px; - left: 450px; - animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; - animation-delay: 10s, 4s; + top: 400px; + left: 50px; + animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; + animation-delay: 13s, 3s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(11) { - top: 300px; - left: 350px; - animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; - animation-delay: 6s, 4s; + top: 200px; + left: 150px; + animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; + animation-delay: 11s, 4s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(12) { - top: 100px; - left: 150px; - animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; - animation-delay: 2s, 0s; + top: 350px; + left: 550px; + animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; + animation-delay: 15s, 0s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(13) { - top: 350px; - left: 250px; - animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; - animation-delay: 10s, 0s; + top: 150px; + left: 650px; + animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; + animation-delay: 5s, 3s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(14) { - top: 150px; - left: 500px; + top: 350px; + left: 700px; animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; - animation-delay: 14s, 2s; + animation-delay: 14s, 0s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(15) { top: 300px; - left: 300px; - animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; - animation-delay: 9s, 2s; + left: 150px; + animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; + animation-delay: 15s, 4s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(16) { - top: 350px; - left: 100px; - animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; + top: 150px; + left: 600px; + animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; animation-delay: 10s, 0s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(17) { - top: 50px; - left: 150px; - animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; - animation-delay: 6s, 2s; + top: 150px; + left: 300px; + animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; + animation-delay: 10s, 4s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(18) { - top: 350px; - left: 350px; + top: 150px; + left: 400px; animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; - animation-delay: 5s, 1s; + animation-delay: 12s, 3s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(19) { - top: 350px; - left: 700px; - animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; - animation-delay: 12s, 4s; + top: 150px; + left: 100px; + animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; + animation-delay: 15s, 2s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(20) { - top: 350px; + top: 400px; left: 100px; - animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; - animation-delay: 3s, 1s; + animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; + animation-delay: 10s, 4s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(21) { - top: 50px; + top: 150px; left: 250px; - animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; - animation-delay: 3s, 2s; + animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; + animation-delay: 12s, 0s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(22) { - top: 250px; - left: 250px; - animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; - animation-delay: 0s, 2s; + top: 50px; + left: 700px; + animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; + animation-delay: 6s, 1s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(23) { - top: 250px; + top: 150px; left: 500px; - animation: blur_fade 20s ease infinite alternate, circle 5s linear infinite; - animation-delay: 11s, 1s; + animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; + animation-delay: 5s, 3s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(24) { - top: 400px; - left: 100px; - animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; - animation-delay: 3s, 1s; + top: 100px; + left: 500px; + animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; + animation-delay: 13s, 2s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(25) { - top: 50px; - left: 550px; - animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; - animation-delay: 7s, 4s; + top: 200px; + left: 450px; + animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; + animation-delay: 15s, 0s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(26) { - top: 250px; - left: 250px; + top: 150px; + left: 500px; animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; - animation-delay: 3s, 0s; + animation-delay: 6s, 3s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(27) { - top: 250px; - left: 450px; - animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; - animation-delay: 14s, 2s; + top: 400px; + left: 550px; + animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; + animation-delay: 12s, 0s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(28) { top: 300px; - left: 50px; + left: 350px; animation: blur_fade 20s ease infinite alternate, circle 7s linear infinite; - animation-delay: 5s, 3s; + animation-delay: 0s, 3s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(29) { - top: 150px; - left: 150px; - animation: blur_fade 20s ease infinite alternate, circle 10s linear infinite; - animation-delay: 12s, 0s; + top: 200px; + left: 500px; + animation: blur_fade 20s ease infinite alternate, circle 6s linear infinite; + animation-delay: 4s, 4s; } -/* line 441, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 579, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .particle-subtle:nth-child(30) { - top: 400px; - left: 250px; - animation: blur_fade 20s ease infinite alternate, circle 9s linear infinite; + top: 150px; + left: 50px; + animation: blur_fade 20s ease infinite alternate, circle 8s linear infinite; animation-delay: 13s, 0s; } -/* line 452, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 590, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ #subtle { - background-color: pink; + background: linear-gradient(#1c0f3b, #4d1354, #1c0f3b); + color: white; } -/* line 456, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 595, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ #fireworks { - background-color: seashell; + background-image: url("https://upload.wikimedia.org/wikipedia/commons/1/15/Sandiego_skyline_at_night.JPG"); + background-size: cover; + background-position: top center; + color: white; } -/* line 460, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 602, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ #info1 { background-color: lemonchiffon; } -/* line 464, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 606, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ #info2 { background-color: aliceblue; } -/* line 468, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 610, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ #info3 { background-color: pink; } @@ -777,7 +916,7 @@ ul, ol { /* * Hide visually and from screen readers */ -/* line 487, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 629, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .hidden { display: none !important; } @@ -790,7 +929,7 @@ ul, ol { * causes content to wrap 1 word per line: * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe */ -/* line 500, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 642, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .sr-only { border: 0; clip: rect(0, 0, 0, 0); @@ -809,7 +948,7 @@ ul, ol { * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ -/* line 519, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 661, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .sr-only.focusable:active, .sr-only.focusable:focus { clip: auto; @@ -824,7 +963,7 @@ ul, ol { /* * Hide visually and from screen readers, but maintain layout */ -/* line 534, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 676, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .invisible { visibility: hidden; } @@ -840,7 +979,7 @@ ul, ol { * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ -/* line 550, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 692, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .clearfix:before, .clearfix:after { content: " "; @@ -849,7 +988,7 @@ ul, ol { /* 2 */ } -/* line 558, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ +/* line 700, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ .clearfix:after { clear: both; } @@ -873,7 +1012,7 @@ ul, ol { https://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { - /* line 586, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ + /* line 728, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ *, *:before, *:after { @@ -883,16 +1022,16 @@ ul, ol { box-shadow: none !important; text-shadow: none !important; } - /* line 595, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ + /* line 737, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ a, a:visited { text-decoration: underline; } - /* line 599, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ + /* line 741, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ a[href]:after { content: " (" attr(href) ")"; } - /* line 602, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ + /* line 744, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ abbr[title]:after { content: " (" attr(title) ")"; } @@ -900,16 +1039,16 @@ ul, ol { * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ - /* line 609, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ + /* line 751, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } - /* line 613, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ + /* line 755, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ pre { white-space: pre-wrap !important; } - /* line 616, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ + /* line 758, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ pre, blockquote { border: 1px solid #999; @@ -919,23 +1058,23 @@ ul, ol { * Printing Tables: * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables */ - /* line 625, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ + /* line 767, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ thead { display: table-header-group; } - /* line 628, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ + /* line 770, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ tr, img { page-break-inside: avoid; } - /* line 632, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ + /* line 774, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ p, h2, h3 { orphans: 3; widows: 3; } - /* line 638, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ + /* line 780, ../../../../../Users/mariaraykova/Library/Mobile Documents/com~apple~CloudDocs/MFA_Coursework/5470_Adv_Web_Design/Projects/dmd5470-mr/scss/midterm.scss */ h2, h3 { page-break-after: avoid; diff --git a/css/midterm.map b/css/midterm.map index 497f74f..8ac81d7 100644 --- a/css/midterm.map +++ b/css/midterm.map @@ -5,8 +5,8 @@ "../scss/midterm.scss" ], "sourcesContent": [ - "/*! HTML5 Boilerplate v7.3.0 | MIT License | https://html5boilerplate.com/ \n\n * main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme \n\n * What follows is the result of much research on cross-browser styling.\n * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,\n * Kroc Camen, and the H5BP dev community and team.\n \n\n==========================================================================\n Base styles: opinionated defaults\n ========================================================================== */\n\nhtml {\n color: #222;\n font-size: 1em;\n line-height: 1.4;\n}\n\n/*\n * Remove text-shadow in selection highlight:\n * https://twitter.com/miketaylr/status/12228805301\n *\n * Vendor-prefixed and regular ::selection selectors cannot be combined:\n * https://stackoverflow.com/a/16982510/7133471\n *\n * Customize the background color to match your design.\n */\n\n::-moz-selection {\n background: #b3d4fc;\n text-shadow: none;\n}\n\n::selection {\n background: #b3d4fc;\n text-shadow: none;\n}\n\n/*\n * A better looking default horizontal rule\n */\n\nhr {\n display: block;\n height: 1px;\n border: 0;\n border-top: 1px solid #ccc;\n margin: 1em 0;\n padding: 0;\n}\n\n/*\n * Remove the gap between audio, canvas, iframes,\n * images, videos and the bottom of their containers:\n * https://github.com/h5bp/html5-boilerplate/issues/440\n */\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\n/*\n * Remove default fieldset styles.\n */\n\nfieldset {\n border: 0;\n margin: 0;\n padding: 0;\n}\n\n/*\n * Allow only vertical resizing of textareas.\n */\n\ntextarea {\n resize: vertical;\n}\n\n/* ==========================================================================\n Browser Upgrade Prompt\n ========================================================================== */\n\n.browserupgrade {\n margin: 0.2em 0;\n background: #ccc;\n color: #000;\n padding: 0.2em 0;\n}\n\n/* ==========================================================================\n Author's custom styles\n ========================================================================== */\n\n\nbody {\n background-color: black;\n} \n\n#body-wrapper {\n font-family: sans-serif; /* choose a better font */\n margin: 0 auto;\n max-width: 750px;\n text-align: center;\n}\n\nheader {\n background-color: white;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\nul, ol {\n text-align: left;\n margin-left: 10%;\n margin-right: 10%;\n}\n\n.copy {\n padding: 10px 50px;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n}\n\n.particle-wrapper {\n height: 400px;\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: 1fr auto 1fr;\n}\n\n.particle-wrapper p {\n grid-row: 2/3;\n grid-column: 1/2;\n}\n\n.particle-container {\n overflow: hidden;\n height: 100%;\n grid-row: 1/4; \n grid-column: 1/2;\n position: relative;\n}\n\n.particle-subtle {\n position: absolute;\n border-radius: 50%;\n margin: 15px;\n background: white;\n}\n\n.starburst {\n position: absolute;\n transform-origin: center;\n}\n\n#starburst1 {\n left: 20px;\n animation: burst1 4s ease-in infinite backwards;\n}\n\n#starburst2 {\n left: 125px;\n animation: burst2 4s ease-in infinite backwards;\n}\n\n#starburst3 {\n left: 250px;\n animation: burst3 4s ease-in infinite backwards;\n}\n\n#starburst4 {\n left: 400px;\n animation: burst4 4s ease-in infinite backwards;\n}\n\n#starburst5 {\n left: 575px;\n animation: burst5 4s ease-in infinite backwards;\n}\n\n@keyframes flicker {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n\n@keyframes burst1 {\n 0%, 20% {\n transform: rotate(-10deg) scale(1,0.8);\n opacity:0;\n top: 50px;\n }\n 25% {\n opacity:1;\n }\n 50%{\n transform: scale(1, 0.5);\n top: 50px;\n }\n 75% {\n opacity:.5;\n }\n 100% {\n opacity:0;\n transform: rotate(10deg) scale(1, 0.3);\n top: 250px;\n }\n}\n\n@keyframes burst2 {\n 0%, 20% {\n transform: scale(1,0.8);\n opacity:0;\n top: 75px;\n }\n 25% {\n opacity:1;\n }\n 50%{\n transform: scale(1, 0.5);\n top: 75px;\n }\n 75% {\n opacity:.5;\n }\n 100% {\n opacity:0;\n transform: scale(1, 0.3);\n top: 275px;\n }\n}\n\n@keyframes burst3 {\n 0%, 20% {\n transform: scale(1,0.8);\n opacity:0;\n top: 75px;\n }\n 25% {\n opacity:1;\n }\n 50%{\n transform: scale(1, 0.5);\n top: 75px;\n }\n 75% {\n opacity:.5;\n }\n 100% {\n opacity:0;\n transform: scale(1, 0.3);\n top: 275px;\n }\n}\n\n@keyframes burst4 {\n 0%, 20% {\n transform: scale(1,0.8);\n opacity:0;\n top: 75px;\n }\n 25% {\n opacity:1;\n }\n 50%{\n transform: scale(1, 0.5);\n top: 75px;\n }\n 75% {\n opacity:.5;\n }\n 100% {\n opacity:0;\n transform: scale(1, 0.3);\n top: 275px;\n }\n}\n\n@keyframes burst5 {\n 0%, 20% {\n transform: scale(1,0.8);\n opacity:0;\n top: 75px;\n }\n 25% {\n opacity:1;\n }\n 50%{\n transform: scale(1, 0.5);\n top: 75px;\n }\n 75% {\n opacity:.5;\n }\n 100% {\n opacity:0;\n transform: scale(1, 0.3);\n top: 275px;\n }\n}\n\n@keyframes grow {\n 0%, 20% {\n transform-origin: center;\n top: 100px;\n left: 100px;\n }\n 25% {\n transform-origin: 25px 25px;\n top: 75px;\n left: 75px;\n }\n 75% {\n transform-origin: 75px 75px;\n top: 25px;\n left: 25px;\n }\n 100% {\n transform-origin: 100px 100px;\n top: 0px;\n left: 0px;\n }\n}\n\n.star-wrapper {\n position: absolute;\n animation: \n flicker 100ms steps(2, jump-none) infinite, \n grow 4s linear infinite backwards;\n}\n\n@for $i from 1 through 10 {\n .rotate#{$i} {\n transform: rotate(#{36*$i}deg);\n }\n}\n\n$star-size: 6px;\n\n#starburst1 .particle-star {\n background: magenta;\n}\n\n#starburst1 .particle-star:before {\n background:magenta;\n}\n\n#starburst2 .particle-star {\n background: violet;\n}\n\n#starburst2 .particle-star:before {\n background:violet;\n}\n\n#starburst3 .particle-star {\n background: violet;\n}\n\n#starburst3 .particle-star:before {\n background:violet;\n}\n\n#starburst4 .particle-star {\n background: violet;\n}\n\n#starburst4 .particle-star:before {\n background:violet;\n}\n\n#starburst5 .particle-star {\n background: violet;\n}\n\n#starburst5 .particle-star:before {\n background:violet;\n}\n\n.particle-star {\n opacity: 1;\n width: $star-size;\n height: $star-size;\n position: absolute;\n text-align: center;\n transform: rotate(20deg);\n}\n.particle-star:before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n height: $star-size;\n width: $star-size;\n opacity: 1;\n transform: rotate(135deg);\n}\n\n@keyframes blur_fade {\n 0% {\n height: 2px;\n width: 2px;\n opacity: 0;\n }\n 20% {\n filter: blur(0.2);\n opacity: 0.3;\n }\n 100% {\n height: 40px;\n width: 40px;\n filter: blur(3px);\n opacity: 0;\n }\n}\n\n@keyframes circle {\n 0% {\n transform-origin: -10px -10px;\n transform: rotate(0deg);\n }\n 100% {\n transform-origin: -10px -10px;\n transform: rotate(360deg);\n }\n}\n\n@for $i from 1 through 30 {\n .particle-subtle:nth-child(#{$i}) {\n top: random($limit: 8)*50px;\n left: random($limit: 14)*50px;\n animation: \n blur_fade 20s ease infinite alternate, \n circle random($limit: 6)+4s linear infinite;\n animation-delay: random($limit: 16)-1s, random($limit: 5)-1s;\n }\n}\n\n\n#subtle {\n background-color: pink;\n}\n\n#fireworks {\n background-color: seashell;\n}\n\n#info1 {\n background-color: lemonchiffon;\n}\n\n#info2 {\n background-color: aliceblue;\n}\n\n#info3 {\n background-color: pink;\n}\n\n\n\n\n\n\n\n\n/* ==========================================================================\n Helper classes\n ========================================================================== */\n\n/*\n * Hide visually and from screen readers\n */\n\n.hidden {\n display: none !important;\n}\n\n/*\n* Hide only visually, but have it available for screen readers:\n* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility\n*\n* 1. For long content, line feeds are not interpreted as spaces and small width\n* causes content to wrap 1 word per line:\n* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe\n*/\n\n.sr-only {\n border: 0;\n clip: rect(0, 0, 0, 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n /* 1 */\n}\n\n/*\n* Extends the .sr-only class to allow the element\n* to be focusable when navigated to via the keyboard:\n* https://www.drupal.org/node/897638\n*/\n\n.sr-only.focusable:active,\n.sr-only.focusable:focus {\n clip: auto;\n height: auto;\n margin: 0;\n overflow: visible;\n position: static;\n white-space: inherit;\n width: auto;\n}\n\n/*\n* Hide visually and from screen readers, but maintain layout\n*/\n\n.invisible {\n visibility: hidden;\n}\n\n/*\n* Clearfix: contain floats\n*\n* For modern browsers\n* 1. The space content is one way to avoid an Opera bug when the\n* `contenteditable` attribute is included anywhere else in the document.\n* Otherwise it causes space to appear at the top and bottom of elements\n* that receive the `clearfix` class.\n* 2. The use of `table` rather than `block` is only necessary if using\n* `:before` to contain the top-margins of child elements.\n*/\n\n.clearfix:before,\n.clearfix:after {\n content: \" \";\n /* 1 */\n display: table;\n /* 2 */\n}\n\n.clearfix:after {\n clear: both;\n}\n\n/* ==========================================================================\n EXAMPLE Media Queries for Responsive Design.\n These examples override the primary ('mobile first') styles.\n Modify as content requires.\n ========================================================================== */\n\n@media only screen and (min-width: 35em) {\n /* Style adjustments for viewports that meet the condition */\n}\n\n@media print,\n (-webkit-min-device-pixel-ratio: 1.25),\n (min-resolution: 1.25dppx),\n (min-resolution: 120dpi) {\n /* Style adjustments for high resolution devices */\n}\n\n/* ==========================================================================\n Print styles.\n Inlined to avoid the additional HTTP request:\n https://www.phpied.com/delay-loading-your-print-css/\n ========================================================================== */\n\n@media print {\n *,\n *:before,\n *:after {\n background: transparent !important;\n color: #000 !important;\n /* Black prints faster */\n box-shadow: none !important;\n text-shadow: none !important;\n }\n a,\n a:visited {\n text-decoration: underline;\n }\n a[href]:after {\n content: \" (\" attr(href) \")\";\n }\n abbr[title]:after {\n content: \" (\" attr(title) \")\";\n }\n /*\n * Don't show links that are fragment identifiers,\n * or use the `javascript:` pseudo protocol\n */\n a[href^=\"#\"]:after,\n a[href^=\"javascript:\"]:after {\n content: \"\";\n }\n pre {\n white-space: pre-wrap !important;\n }\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid;\n }\n /*\n * Printing Tables:\n * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables\n */\n thead {\n display: table-header-group;\n }\n tr,\n img {\n page-break-inside: avoid;\n }\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n h2,\n h3 {\n page-break-after: avoid;\n }\n}\n\n" + "/*! HTML5 Boilerplate v7.3.0 | MIT License | https://html5boilerplate.com/ \n\n * main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme \n\n * What follows is the result of much research on cross-browser styling.\n * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,\n * Kroc Camen, and the H5BP dev community and team.\n \n\n==========================================================================\n Base styles: opinionated defaults\n ========================================================================== */\n\nhtml {\n color: #222;\n font-size: 1em;\n line-height: 1.4;\n}\n\n/*\n * Remove text-shadow in selection highlight:\n * https://twitter.com/miketaylr/status/12228805301\n *\n * Vendor-prefixed and regular ::selection selectors cannot be combined:\n * https://stackoverflow.com/a/16982510/7133471\n *\n * Customize the background color to match your design.\n */\n\n::-moz-selection {\n background: #b3d4fc;\n text-shadow: none;\n}\n\n::selection {\n background: #b3d4fc;\n text-shadow: none;\n}\n\n/*\n * A better looking default horizontal rule\n */\n\nhr {\n display: block;\n height: 1px;\n border: 0;\n border-top: 1px solid #ccc;\n margin: 1em 0;\n padding: 0;\n}\n\n/*\n * Remove the gap between audio, canvas, iframes,\n * images, videos and the bottom of their containers:\n * https://github.com/h5bp/html5-boilerplate/issues/440\n */\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\n/*\n * Remove default fieldset styles.\n */\n\nfieldset {\n border: 0;\n margin: 0;\n padding: 0;\n}\n\n/*\n * Allow only vertical resizing of textareas.\n */\n\ntextarea {\n resize: vertical;\n}\n\n/* ==========================================================================\n Browser Upgrade Prompt\n ========================================================================== */\n\n.browserupgrade {\n margin: 0.2em 0;\n background: #ccc;\n color: #000;\n padding: 0.2em 0;\n}\n\n/* ==========================================================================\n Author's custom styles\n ========================================================================== */\n\n\nbody {\n background-color: black;\n} \n\n#body-wrapper {\n font-family: sans-serif; /* choose a better font */\n margin: 0 auto;\n max-width: 750px;\n text-align: center;\n}\n\nheader {\n background-color: white;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\nul, ol {\n text-align: left;\n margin-left: 10%;\n margin-right: 10%;\n}\n\n.copy {\n padding: 10px 50px;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n}\n\n.particle-wrapper {\n height: 400px;\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: 1fr auto 1fr;\n}\n\n.particle-wrapper p {\n grid-row: 2/3;\n grid-column: 1/2;\n}\n\n.attribution {\n position: absolute;\n bottom: -35px;\n opacity: .5;\n font-size: 9pt;\n margin: 0 5px;\n}\n\n.particle-container {\n overflow: hidden;\n height: 100%;\n grid-row: 1/4; \n grid-column: 1/2;\n position: relative;\n}\n\n.particle-subtle {\n position: absolute;\n border-radius: 50%;\n margin: 15px;\n background: white;\n}\n\n.starburst {\n position: absolute;\n transform-origin: center;\n}\n\n#starburst1 {\n left: 20px;\n animation: burst1 3s ease-in infinite backwards;\n animation-delay: 5s;\n}\n\n#starburst2 {\n left: 125px;\n animation: burst2 3s ease-in infinite backwards;\n animation-delay: 6s;\n}\n\n#starburst3 {\n left: 250px;\n animation: burst3 3s ease-in infinite backwards;\n animation-delay: 6.8s;\n}\n\n#starburst4 {\n left: 400px;\n animation: burst4 3s ease-in infinite backwards;\n animation-delay: 4.7s;\n}\n\n#starburst5 {\n left: 575px;\n animation: burst5 3s ease-in infinite backwards;\n animation-delay: 7s;\n}\n\n@keyframes flicker {\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n}\n\n@keyframes burst1 {\n 0%, 20% {\n transform: rotate(-10deg) scale(1,0.8);\n opacity:0;\n top: 50px;\n }\n 25% {\n opacity:1;\n }\n 50%{\n transform: scale(1, 0.5);\n top: 50px;\n }\n 75% {\n opacity:.5;\n }\n 100% {\n opacity:0;\n transform: rotate(10deg) scale(1, 0.3);\n top: 250px;\n }\n}\n\n@keyframes burst2 {\n 0%, 20% {\n transform: scale(1,0.8);\n opacity:0;\n top: 75px;\n }\n 25% {\n opacity:1;\n }\n 50%{\n transform: scale(1, 0.5);\n top: 75px;\n }\n 75% {\n opacity:.5;\n }\n 100% {\n opacity:0;\n transform: scale(1, 0.3);\n top: 275px;\n }\n}\n\n@keyframes burst3 {\n 0%, 20% {\n transform: scale(1,0.8);\n opacity:0;\n top: 75px;\n }\n 25% {\n opacity:1;\n }\n 50%{\n transform: scale(1, 0.5);\n top: 75px;\n }\n 75% {\n opacity:.5;\n }\n 100% {\n opacity:0;\n transform: scale(1, 0.3);\n top: 275px;\n }\n}\n\n@keyframes burst4 {\n 0%, 20% {\n transform: scale(1,0.8);\n opacity:0;\n top: 75px;\n }\n 25% {\n opacity:1;\n }\n 50%{\n transform: scale(1, 0.5);\n top: 75px;\n }\n 75% {\n opacity:.5;\n }\n 100% {\n opacity:0;\n transform: scale(1, 0.3);\n top: 275px;\n }\n}\n\n@keyframes burst5 {\n 0%, 20% {\n transform: scale(1,0.8);\n opacity:0;\n top: 75px;\n }\n 25% {\n opacity:1;\n }\n 50%{\n transform: scale(1, 0.5);\n top: 75px;\n }\n 75% {\n opacity:.5;\n }\n 100% {\n opacity:0;\n transform: scale(1, 0.3);\n top: 275px;\n }\n}\n\n@keyframes grow1 {\n 0%, 20% {\n transform-origin: center;\n top: 100px;\n left: 100px;\n }\n 25% {\n transform-origin: 25px 25px;\n top: 75px;\n left: 75px;\n }\n 75% {\n transform-origin: 75px 75px;\n top: 25px;\n left: 25px;\n }\n 100% {\n transform-origin: 100px 100px;\n top: 0px;\n left: 0px;\n }\n}\n\n@keyframes grow2 {\n 0%, 20% {\n transform-origin: center;\n top: 100px;\n left: 100px;\n }\n 25% {\n transform-origin: 25px 25px;\n top: 75px;\n left: 75px;\n }\n 75% {\n transform-origin: 75px 75px;\n top: 25px;\n left: 25px;\n }\n 100% {\n transform-origin: 100px 100px;\n top: 0px;\n left: 0px;\n }\n}\n\n@keyframes grow3 {\n 0%, 20% {\n transform-origin: center;\n top: 100px;\n left: 100px;\n }\n 25% {\n transform-origin: 25px 25px;\n top: 75px;\n left: 75px;\n }\n 75% {\n transform-origin: 75px 75px;\n top: 25px;\n left: 25px;\n }\n 100% {\n transform-origin: 100px 100px;\n top: 0px;\n left: 0px;\n }\n}\n\n@keyframes grow4 {\n 0%, 20% {\n transform-origin: center;\n top: 100px;\n left: 100px;\n }\n 25% {\n transform-origin: 25px 25px;\n top: 75px;\n left: 75px;\n }\n 75% {\n transform-origin: 75px 75px;\n top: 25px;\n left: 25px;\n }\n 100% {\n transform-origin: 100px 100px;\n top: 0px;\n left: 0px;\n }\n}\n\n@keyframes grow5 {\n 0%, 20% {\n transform-origin: center;\n top: 100px;\n left: 100px;\n }\n 25% {\n transform-origin: 25px 25px;\n top: 75px;\n left: 75px;\n }\n 75% {\n transform-origin: 75px 75px;\n top: 25px;\n left: 25px;\n }\n 100% {\n transform-origin: 100px 100px;\n top: 0px;\n left: 0px;\n }\n}\n\n#starburst1 .star-wrapper {\n position: absolute;\n animation: \n flicker 100ms steps(2, jump-none) infinite, \n grow1 3s linear infinite backwards;\n animation-delay: 5s;\n}\n\n#starburst2 .star-wrapper {\n position: absolute;\n animation: \n flicker 100ms steps(2, jump-none) infinite, \n grow2 3s linear infinite backwards;\n animation-delay: 6s;\n}\n\n#starburst3 .star-wrapper {\n position: absolute;\n animation: \n flicker 100ms steps(2, jump-none) infinite, \n grow3 3s linear infinite backwards;\n animation-delay: 6.8s;\n}\n\n#starburst4 .star-wrapper {\n position: absolute;\n animation: \n flicker 100ms steps(2, jump-none) infinite, \n grow4 3s linear infinite backwards;\n animation-delay: 4.7s;\n}\n\n#starburst5 .star-wrapper {\n position: absolute;\n animation: \n flicker 100ms steps(2, jump-none) infinite, \n grow5 3s linear infinite backwards;\n animation-delay: 7s;\n}\n\n@for $i from 1 through 10 {\n .rotate#{$i} {\n transform: rotate(#{36*$i}deg);\n }\n}\n\n$star-size: 6px;\n\n#starburst1 .particle-star {\n background: magenta;\n}\n\n#starburst1 .particle-star:before {\n background:magenta;\n}\n\n#starburst2 .particle-star {\n background: orangered;\n}\n\n#starburst2 .particle-star:before {\n background:orangered;\n}\n\n#starburst3 .particle-star {\n background: yellow;\n}\n\n#starburst3 .particle-star:before {\n background:yellow;\n}\n\n#starburst4 .particle-star {\n background: cyan;\n}\n\n#starburst4 .particle-star:before {\n background:cyan;\n}\n\n#starburst5 .particle-star {\n background: lime;\n}\n\n#starburst5 .particle-star:before {\n background:lime;\n}\n\n.particle-star {\n opacity: 1;\n width: $star-size;\n height: $star-size;\n position: absolute;\n text-align: center;\n transform: rotate(20deg);\n}\n.particle-star:before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n height: $star-size;\n width: $star-size;\n opacity: 1;\n transform: rotate(135deg);\n}\n\n@keyframes blur_fade {\n 0% {\n height: 2px;\n width: 2px;\n opacity: 0;\n }\n 20% {\n filter: blur(0.2);\n opacity: 0.3;\n }\n 100% {\n height: 40px;\n width: 40px;\n filter: blur(3px);\n opacity: 0;\n }\n}\n\n@keyframes circle {\n 0% {\n transform-origin: -10px -10px;\n transform: rotate(0deg);\n }\n 100% {\n transform-origin: -10px -10px;\n transform: rotate(360deg);\n }\n}\n\n@for $i from 1 through 30 {\n .particle-subtle:nth-child(#{$i}) {\n top: random($limit: 8)*50px;\n left: random($limit: 14)*50px;\n animation: \n blur_fade 20s ease infinite alternate, \n circle random($limit: 6)+4s linear infinite;\n animation-delay: random($limit: 16)-1s, random($limit: 5)-1s;\n }\n}\n\n\n#subtle {\n background: linear-gradient(#1c0f3b, #4d1354, #1c0f3b);\n color: white;\n}\n\n#fireworks {\n background-image: url(\"https://upload.wikimedia.org/wikipedia/commons/1/15/Sandiego_skyline_at_night.JPG\");\n background-size: cover;\n background-position: top center;\n color: white;\n}\n\n#info1 {\n background-color: lemonchiffon;\n}\n\n#info2 {\n background-color: aliceblue;\n}\n\n#info3 {\n background-color: pink;\n}\n\n\n\n\n\n\n\n\n/* ==========================================================================\n Helper classes\n ========================================================================== */\n\n/*\n * Hide visually and from screen readers\n */\n\n.hidden {\n display: none !important;\n}\n\n/*\n* Hide only visually, but have it available for screen readers:\n* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility\n*\n* 1. For long content, line feeds are not interpreted as spaces and small width\n* causes content to wrap 1 word per line:\n* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe\n*/\n\n.sr-only {\n border: 0;\n clip: rect(0, 0, 0, 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n /* 1 */\n}\n\n/*\n* Extends the .sr-only class to allow the element\n* to be focusable when navigated to via the keyboard:\n* https://www.drupal.org/node/897638\n*/\n\n.sr-only.focusable:active,\n.sr-only.focusable:focus {\n clip: auto;\n height: auto;\n margin: 0;\n overflow: visible;\n position: static;\n white-space: inherit;\n width: auto;\n}\n\n/*\n* Hide visually and from screen readers, but maintain layout\n*/\n\n.invisible {\n visibility: hidden;\n}\n\n/*\n* Clearfix: contain floats\n*\n* For modern browsers\n* 1. The space content is one way to avoid an Opera bug when the\n* `contenteditable` attribute is included anywhere else in the document.\n* Otherwise it causes space to appear at the top and bottom of elements\n* that receive the `clearfix` class.\n* 2. The use of `table` rather than `block` is only necessary if using\n* `:before` to contain the top-margins of child elements.\n*/\n\n.clearfix:before,\n.clearfix:after {\n content: \" \";\n /* 1 */\n display: table;\n /* 2 */\n}\n\n.clearfix:after {\n clear: both;\n}\n\n/* ==========================================================================\n EXAMPLE Media Queries for Responsive Design.\n These examples override the primary ('mobile first') styles.\n Modify as content requires.\n ========================================================================== */\n\n@media only screen and (min-width: 35em) {\n /* Style adjustments for viewports that meet the condition */\n}\n\n@media print,\n (-webkit-min-device-pixel-ratio: 1.25),\n (min-resolution: 1.25dppx),\n (min-resolution: 120dpi) {\n /* Style adjustments for high resolution devices */\n}\n\n/* ==========================================================================\n Print styles.\n Inlined to avoid the additional HTTP request:\n https://www.phpied.com/delay-loading-your-print-css/\n ========================================================================== */\n\n@media print {\n *,\n *:before,\n *:after {\n background: transparent !important;\n color: #000 !important;\n /* Black prints faster */\n box-shadow: none !important;\n text-shadow: none !important;\n }\n a,\n a:visited {\n text-decoration: underline;\n }\n a[href]:after {\n content: \" (\" attr(href) \")\";\n }\n abbr[title]:after {\n content: \" (\" attr(title) \")\";\n }\n /*\n * Don't show links that are fragment identifiers,\n * or use the `javascript:` pseudo protocol\n */\n a[href^=\"#\"]:after,\n a[href^=\"javascript:\"]:after {\n content: \"\";\n }\n pre {\n white-space: pre-wrap !important;\n }\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid;\n }\n /*\n * Printing Tables:\n * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables\n */\n thead {\n display: table-header-group;\n }\n tr,\n img {\n page-break-inside: avoid;\n }\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n h2,\n h3 {\n page-break-after: avoid;\n }\n}\n\n" ], "names": [], - "mappings": "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" + "mappings": "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" } \ No newline at end of file diff --git a/midterm.html b/midterm.html index 6bbb066..92be38c 100644 --- a/midterm.html +++ b/midterm.html @@ -23,14 +23,14 @@ -
+

CSS Showcase:

Particle Animation

-
+
@@ -64,9 +64,9 @@

You can use animated particles to create a subtle background effect...

-
+ -
+
@@ -130,9 +130,10 @@

...or you can make your particles POP!

-
+

"Sandiego skyline at night" by Whoismanu is licensed under CC BY-SA 3.0.

+ -
+

Particles are the key to all of the realistic animation effects below. Check them out!

    @@ -142,9 +143,9 @@
-
+ -
+
@@ -161,9 +162,9 @@

(particle gallery here)

-
+ -
+

Say you’re already familiar with the animation properties of CSS. What makes particle animation any different?

The defining characteristics of a particle animation are:

@@ -178,9 +179,9 @@
  • and there is no built-in way to generate random values.

    • We'll look at some ways to get past these limitations later on.

    -
    + -
    +

    Tutorial

    Read on to find out how you can create awesome CSS particle animations yourself!

    Outline

    @@ -192,9 +193,9 @@
  • Duplicate the particle and add variation
    • -
    + - + diff --git a/scss/midterm.scss b/scss/midterm.scss index 1e6427f..cf5ef29 100644 --- a/scss/midterm.scss +++ b/scss/midterm.scss @@ -142,6 +142,14 @@ ul, ol { grid-column: 1/2; } +.attribution { + position: absolute; + bottom: -35px; + opacity: .5; + font-size: 9pt; + margin: 0 5px; +} + .particle-container { overflow: hidden; height: 100%; @@ -164,27 +172,32 @@ ul, ol { #starburst1 { left: 20px; - animation: burst1 4s ease-in infinite backwards; + animation: burst1 3s ease-in infinite backwards; + animation-delay: 5s; } #starburst2 { left: 125px; - animation: burst2 4s ease-in infinite backwards; + animation: burst2 3s ease-in infinite backwards; + animation-delay: 6s; } #starburst3 { left: 250px; - animation: burst3 4s ease-in infinite backwards; + animation: burst3 3s ease-in infinite backwards; + animation-delay: 6.8s; } #starburst4 { left: 400px; - animation: burst4 4s ease-in infinite backwards; + animation: burst4 3s ease-in infinite backwards; + animation-delay: 4.7s; } #starburst5 { left: 575px; - animation: burst5 4s ease-in infinite backwards; + animation: burst5 3s ease-in infinite backwards; + animation-delay: 7s; } @keyframes flicker { @@ -311,7 +324,99 @@ ul, ol { } } -@keyframes grow { +@keyframes grow1 { + 0%, 20% { + transform-origin: center; + top: 100px; + left: 100px; + } + 25% { + transform-origin: 25px 25px; + top: 75px; + left: 75px; + } + 75% { + transform-origin: 75px 75px; + top: 25px; + left: 25px; + } + 100% { + transform-origin: 100px 100px; + top: 0px; + left: 0px; + } +} + +@keyframes grow2 { + 0%, 20% { + transform-origin: center; + top: 100px; + left: 100px; + } + 25% { + transform-origin: 25px 25px; + top: 75px; + left: 75px; + } + 75% { + transform-origin: 75px 75px; + top: 25px; + left: 25px; + } + 100% { + transform-origin: 100px 100px; + top: 0px; + left: 0px; + } +} + +@keyframes grow3 { + 0%, 20% { + transform-origin: center; + top: 100px; + left: 100px; + } + 25% { + transform-origin: 25px 25px; + top: 75px; + left: 75px; + } + 75% { + transform-origin: 75px 75px; + top: 25px; + left: 25px; + } + 100% { + transform-origin: 100px 100px; + top: 0px; + left: 0px; + } +} + +@keyframes grow4 { + 0%, 20% { + transform-origin: center; + top: 100px; + left: 100px; + } + 25% { + transform-origin: 25px 25px; + top: 75px; + left: 75px; + } + 75% { + transform-origin: 75px 75px; + top: 25px; + left: 25px; + } + 100% { + transform-origin: 100px 100px; + top: 0px; + left: 0px; + } +} + +@keyframes grow5 { 0%, 20% { transform-origin: center; top: 100px; @@ -334,11 +439,44 @@ ul, ol { } } -.star-wrapper { +#starburst1 .star-wrapper { + position: absolute; + animation: + flicker 100ms steps(2, jump-none) infinite, + grow1 3s linear infinite backwards; + animation-delay: 5s; +} + +#starburst2 .star-wrapper { + position: absolute; + animation: + flicker 100ms steps(2, jump-none) infinite, + grow2 3s linear infinite backwards; + animation-delay: 6s; +} + +#starburst3 .star-wrapper { + position: absolute; + animation: + flicker 100ms steps(2, jump-none) infinite, + grow3 3s linear infinite backwards; + animation-delay: 6.8s; +} + +#starburst4 .star-wrapper { position: absolute; animation: flicker 100ms steps(2, jump-none) infinite, - grow 4s linear infinite backwards; + grow4 3s linear infinite backwards; + animation-delay: 4.7s; +} + +#starburst5 .star-wrapper { + position: absolute; + animation: + flicker 100ms steps(2, jump-none) infinite, + grow5 3s linear infinite backwards; + animation-delay: 7s; } @for $i from 1 through 10 { @@ -358,35 +496,35 @@ $star-size: 6px; } #starburst2 .particle-star { - background: violet; + background: orangered; } #starburst2 .particle-star:before { - background:violet; + background:orangered; } #starburst3 .particle-star { - background: violet; + background: yellow; } #starburst3 .particle-star:before { - background:violet; + background:yellow; } #starburst4 .particle-star { - background: violet; + background: cyan; } #starburst4 .particle-star:before { - background:violet; + background:cyan; } #starburst5 .particle-star { - background: violet; + background: lime; } #starburst5 .particle-star:before { - background:violet; + background:lime; } .particle-star { @@ -450,11 +588,15 @@ $star-size: 6px; #subtle { - background-color: pink; + background: linear-gradient(#1c0f3b, #4d1354, #1c0f3b); + color: white; } #fireworks { - background-color: seashell; + background-image: url("https://upload.wikimedia.org/wikipedia/commons/1/15/Sandiego_skyline_at_night.JPG"); + background-size: cover; + background-position: top center; + color: white; } #info1 {