From 6554651ab4feb8f76d4ca1c2d60ed80155dafcc0 Mon Sep 17 00:00:00 2001 From: Nathan95567 Date: Tue, 24 Oct 2023 16:19:58 -0700 Subject: [PATCH] finished lab6 --- .DS_Store | Bin 12292 -> 12292 bytes homepage/index.html | 1 + labs/.DS_Store | Bin 8196 -> 8196 bytes labs/lab6/assets/.DS_Store | Bin 0 -> 6148 bytes labs/lab6/assets/css/q1.css | 36 +++++ labs/lab6/assets/css/q2.css | 62 +++++++++ labs/lab6/assets/css/style.css | 44 ++++++ labs/lab6/assets/css/wdd.css | 200 ++++++++++++++++++++++++++++ labs/lab6/assets/img/basketball.svg | 17 +++ labs/lab6/index.html | 15 ++- labs/lab6/question1.html | 18 +++ labs/lab6/question2.html | 12 ++ 12 files changed, 401 insertions(+), 4 deletions(-) create mode 100644 labs/lab6/assets/.DS_Store create mode 100644 labs/lab6/assets/css/q1.css create mode 100644 labs/lab6/assets/css/q2.css create mode 100644 labs/lab6/assets/css/style.css create mode 100644 labs/lab6/assets/css/wdd.css create mode 100644 labs/lab6/assets/img/basketball.svg create mode 100644 labs/lab6/question1.html create mode 100644 labs/lab6/question2.html diff --git a/.DS_Store b/.DS_Store index 34570640a66c2ea26b59baaefde293fc8f63c2a0..7f3d6cf91f34cc55079ddc66200caaafcbb45cac 100644 GIT binary patch delta 1483 zcmeH`U2F_%7{}lLSnHki)xNv5+m5YPtF6PP?Y6WfdbAo^Emqj-htI85=25mh&#cB_=tCBCN3LS=gM5nKo0cz7WmL zQ>OUyS%F!VTbi^)5t~lAD)aH9mMmkxQQjtVw=Dzya>_4JE?JTV{nav$P(IF<0e`Jb zIczbH&6jyx<}O?2vj$n_#1j4{|02roQch_xah~D^^KD6XQYMt-lTuPg8c3M*k|^0p z_L3vyBDqSgk^jgO@|?UOAIK-TkpYeZ%s?e-(168gMl0H|46D(BE_7opH1whmI<_Ez zAq-Aqup9s2U+jm812}{uIErI9juSYOi?cX~3%HCcxQ6Svft$F8Q9LtGxpgz* zS#C~pdCkEI}!bw1DMN|iCiZNBG2bat>NP#6r> zn1h}Lsn6cbiK&dj!;(l{8M9{EzN+MzOrL*R+PJy(3m3PAMr}74>(*7xNa($~7Hc2Y z)kI%cB)&;ARNeTaW1Ak=d-}Do5gE`t2*|RvOSr0Z4)y3;hxEjsyqHoenm<)xYt=|X zTNYK*)l^}!y}oFwqO3`#Q%x~Vyj5pMX_>;paeap-{I^%m3NRMlq8qAk-HucSnbO`L z>CyTHQFfy_HB9N)rp4lV)DT?R!FiLJ(zz)*Fd)tncVfRUP?YuQwo4=N#JbR+W{9Eg zI?bEJP+jR{qpDgHdATP`X;E4!e@MIIeUX?J8aA}ps1sjK=?0!<#na^$sd^&%Be~L? zmg6&@mlPyrjxq7OPacsMi}X!s$+=1a7x*8+Y&kkMRUg@e;4_8gK9(U+@** zBrfGiiZn$kmnx(>sZnZ`LedJGILRT8bURnd`A92Mw{z-|a?SYYO8y^ijbYZpUvB-J GTi*eFO=DRA delta 1687 zcmeH_OKcle7=`b-bv!f5B)&~*=TT2<#|b295+a*ND4;lsn-ba(lE%u5Hg+--I>i|i zkK;lEH9}b+K|wGQRFqA{OWmM?OMtRN2r5`0Q417SMPh*pU9?q85ukEC>*naomJ+c*T_FA8W=ED>ET-w;BAJAqPTQap#EtSmbIW3mV zY9@oUR_$TyYic)meRYAB_M2|L?aru$im`R_rp?xw4fXlBZm8PBqO=|zOeoejG;Z|E zp=MEHDyt~V);2D8Ft;Q9on4~H-eJ_1vOgS=M3!Xh%CfUk5}i+Z>m8EBOy(-fO}$(a zTloF`G2Y}96RqZ^$`v zfn0?P66z5|8zQ(Jy@;X@F$`cB_hAIP5XThsGy3Nh4onfB*w!wQxi#89kSDw;U&B*HWx|W$tnsb_= z>c#`{{kodnJD$@`eKw_y8Oa5$goae~*k~w_Ltw2gzB9 z$hRo*RB~2JaYSvOd`*wMRTd-NvgF&R^ecNxzB`j< zcK9L9DBbB4ukqmqniOTSRO?e!`$moR4IX8OG9Dq2lFG)UX&7TQ63X_OAqQ94Z%RCoBLWsb>iM_+r>ec$0cF5n_{ oQ-Lz-rM~M23Riss3a-{muDtXA|5?EQLB1pZCgA_`{iA$;10*%0EC2ui diff --git a/homepage/index.html b/homepage/index.html index 94f4911..4c3a5ba 100644 --- a/homepage/index.html +++ b/homepage/index.html @@ -39,6 +39,7 @@

PigZzz handcrafts!

+ \ No newline at end of file diff --git a/labs/.DS_Store b/labs/.DS_Store index 418cdcc7f6fa1179d0f3b001832ece856d3f74ac..f05f6d86c0b0e1d9bb48fb5efa399405537d11ea 100644 GIT binary patch delta 110 zcmZp1XmOa}&nUSuU^hRbVv1r1Ii|q@4UD1_p*5lkG$cxh1NrO$^O+6buc` aCjSv|XEd86CO+9-?7?Ps2@4X`-vt2u2_Q}Y delta 38 pcmZp1XmOa}&nUhzU^hRb_+}mfW46ia;twV^yx7bxVF6`71pxO^4a@)l diff --git a/labs/lab6/assets/.DS_Store b/labs/lab6/assets/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..ee7c9d649524c84b937733d02484a5c6522cded2 GIT binary patch literal 6148 zcmeHKPfNov6i>G4GKSED!j1v216Lf|!Aq(71+3^nWwv%`u{LAv++hrQ)-U8I@$>jz zl7hpYMcjLk{NCTB`9brCF~@wys#soA(j!KQ7yEfFY$%q`s$Y)WiBCtN9nT`E* zz;AD|2bQxuT7LijG|7v>;FC9+t)1PrXp6463!c<6D8gcq`{DcstxKiSsM5peDw!@P z&i<*&iZIEhb6t?cQ%JeJPO?}neYMEqT-OFBAUdKmaeAxO&>i)q>yFlaxf+iLeK{N- zuh$)MaCmfbF?mj3GWBNYz%t`F{?-Ozk6ovxF>S zfEf5^4Di-jaOT6J?AiKbd3e@JX!p=iFt0=f1oVwd02sKB^mNd~CF+ppSu73WDCpPa PfOHYigiuEe`~m}CL!e29 literal 0 HcmV?d00001 diff --git a/labs/lab6/assets/css/q1.css b/labs/lab6/assets/css/q1.css new file mode 100644 index 0000000..50ca740 --- /dev/null +++ b/labs/lab6/assets/css/q1.css @@ -0,0 +1,36 @@ +/* ADD ANY LINES OF CODE YOU DEEM NECESSARY FOR QUESTION 1*/ + +.button { + display: inline-block; + height: 50px; + width: 50px; + background: black; + margin: 12px; + cursor: pointer; + opacity: 0.7; +} +.button:hover { + transform: rotate(180deg); + opacity: 1; + border-radius: 50%; + transition: all 0.45s; +} +/* @keyframes rotation { + 0% {transform: rotate(180deg);opacity: 1;} + 100% {transform: scale(0.8);opacity: 1; border-radius: 50%;} +} */ +#row { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} + +body, html { + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + margin: 0px; + height: 100%; + width: 100%; + background: #f7f5f2; + position: relative; +} diff --git a/labs/lab6/assets/css/q2.css b/labs/lab6/assets/css/q2.css new file mode 100644 index 0000000..12546de --- /dev/null +++ b/labs/lab6/assets/css/q2.css @@ -0,0 +1,62 @@ +/* ADD ANY LINES OF CODE YOU DEEM NECESSARY FOR QUESTION 2*/ + +#ball { + display: block; + height: 150px; + width: 150px; + border-radius: 50%; + background: #fd6c2d; + z-index: 1; + transform: translateY(-200px); + animation: bounce 0.45s cubic-bezier(0.42, 0, 0.7, 0.5) infinite alternate; +} + +#shadow { + height: 50px; + width: 160px; + background: black; + opacity: 0.5; + border-radius: 50%; + animation: change 0.45s cubic-bezier(0.42, 0, 0.7, 0.5) infinite alternate; +} + +#ball, #shadow { + position: relative; + margin: 0 auto; + top: 50%; +} + +body, html { + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + margin: 0px; + height: 100%; + width: 100%; + background: #f7f5f2; + position: relative; +} +@keyframes bounce { + 0% { + transform: translateY(-200px); + } + 50% { + transform: translateY(30px); + } + 100% { + transform: translateY(-200px); + } +} +@keyframes change { + 0% { + transform: scale(1); + opacity: 0.5; + } + 50% { + transform: scale(0.5); + opacity: 0.6; + } + 100% { + transform: scale(1); + opacity: 0.5; + } +} + diff --git a/labs/lab6/assets/css/style.css b/labs/lab6/assets/css/style.css new file mode 100644 index 0000000..438c26d --- /dev/null +++ b/labs/lab6/assets/css/style.css @@ -0,0 +1,44 @@ +body, html { /*the outer layer of the site and global style attributes*/ + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + margin: 0px; + height: 100%; + width: 100%; + background: #f7f5f2; + position: relative; +} + +/* Utility Stylesheets */ + +a { + color: inherit; + text-decoration: none; +} + +.clear { + clear: both; +} + +.img-scaled { + width: 100%; +} + + +/* INDEX */ + +.question { + background: white; + padding: 18px; + font-size: 12px; + margin-bottom: 6px; + border-radius: 2px; + text-align: center; + font-weight: 700; + color: #4a4a4a; + cursor: pointer; +} +#index { + width: 240px; + position: absolute; + left: calc(50% - 120px); + top: calc(50% - 206px); +} \ No newline at end of file diff --git a/labs/lab6/assets/css/wdd.css b/labs/lab6/assets/css/wdd.css new file mode 100644 index 0000000..598fad2 --- /dev/null +++ b/labs/lab6/assets/css/wdd.css @@ -0,0 +1,200 @@ +body { + margin: 0px; + font-family: 'Karla'; + background: #f7f5f2; + padding: 60px; +} + +a { + color: inherit; + text-decoration: none; +} + +p:first-child { + font-style: italic; +} + +p:nth-child(2) { + opacity: 0.8; +} + +.img-scaled { + width: 100%; +} + +.img-scaled-wh { + width: 100%; + height: 100%: +} + +.clear { + clear: both; +} + +* { + outline: none; +} + +#data { + display: none; +} + +.tag { + color: #6392c0; +} + +.element { + color: #de6868; +} + +#container { + width: 720px; + margin: 0px auto; + background: white; + box-shadow: 0px 0px 5px #edeae5; + border-radius: 2px; + position: relative; + padding: 30px 0px; +} +#header { + background: #78c272; + padding: 15px; + color: white; + width: 270px; +} +#header-caption-logo { + width: 20px; + float: left; +} +#header-caption-name { + float: left; + margin-left: 5px; + font-size: 12px; + font-weight: 700; + line-height: 15px; +} +#header-caption { + margin-bottom: 6px; + opacity: 0.6; +} +#header-title { + font-size: 18px; + font-weight: 300; + float: left; +} +#header-due { + float: left; + font-size: 18px; + font-weight: 300; + margin-left: 10px; + padding-left: 10px; + border-left: 2px solid rgba(255, 255, 255, 0.15); +} +.section { + margin: 30px 0px; + padding: 0px 30px; +} +/*#submission-header, .info-title { + text-align: left; + color: #78c272; + font-size: 24px; + font-weight: 700; + */ margin-bottom: 15px; +} +/*#submission-content, .info-content { + padding: 15px; + background: rgba(120, 194, 114, 0.1); + border-radius: 2px; + color: #4c5765; +}*/ +.info-required { + font-size: 13px; + font-weight: 700; + opacity: 0.75; + margin-bottom: 10px; +} +.info-intro { + line-height: 24px; + font-size: 16px; + opacity: 0.75; +} +.info { + margin-bottom: 30px; +} +.info a { + font-weight: 700; + color: black; + opacity: 0.9; +} +.body-header { + font-size: 24px; + font-weight: 700; + color: #78c272; + margin-top: 36px; +} +.body p { + line-height: 24px; +} +.body img { + width: 100%; +} +.body a { + color: #78c272; +} +.body li { + line-height: 24px; + list-style: none; +} +.body { + color: #4c5765; +} +.body .caption { + opacity: 0.6; +} +#submission { + padding: 0px 30px; +} +#submission-content p, #submission-content li { + line-height: 24px; + opacity: 0.75; +} + +#announcement-heading { + text-align: right; + color: #de6868; + font-weight: 700; + font-size: 24px; + margin-bottom: 15px; +} +#announcement-content { + padding: 15px; + background: rgba(222, 104, 104, 0.1); + color: #4c5765; + font-size: 12px; + line-height: 24px; + border-radius: 2px; +} +.download { + background: #78c272; + color: white; + width: 240px; + text-align: center; + padding: 15px 0px; + border-radius: 2px; + font-size: 13px; + font-weight: 700; + margin: 30px auto; + cursor: pointer; +} +#announcement .link { + background: #de6868; + width: 320px; + font-size: 13px; + font-weight: 700; + color: white; + text-align: center; + padding: 15px 0px; + margin: 30px auto; + border-radius: 2px; + cursor: pointer; +} diff --git a/labs/lab6/assets/img/basketball.svg b/labs/lab6/assets/img/basketball.svg new file mode 100644 index 0000000..e76d7fc --- /dev/null +++ b/labs/lab6/assets/img/basketball.svg @@ -0,0 +1,17 @@ + + + + + + + basketball + + + + + + + + + + diff --git a/labs/lab6/index.html b/labs/lab6/index.html index bf6125b..abac9fb 100644 --- a/labs/lab6/index.html +++ b/labs/lab6/index.html @@ -1,6 +1,13 @@ - - - Lab 1 - + +Index + + + + + + \ No newline at end of file diff --git a/labs/lab6/question1.html b/labs/lab6/question1.html new file mode 100644 index 0000000..8252115 --- /dev/null +++ b/labs/lab6/question1.html @@ -0,0 +1,18 @@ + + +Question 1 + + + + +
+
+
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/labs/lab6/question2.html b/labs/lab6/question2.html new file mode 100644 index 0000000..aa5d424 --- /dev/null +++ b/labs/lab6/question2.html @@ -0,0 +1,12 @@ + + +Question 2 + + + + + +
+ + + \ No newline at end of file