From d0461102ac1fdb9d215a05b874f2b82567d72a7c Mon Sep 17 00:00:00 2001 From: Danilo Slovic <74372926+daniloslovic17@users.noreply.github.com> Date: Sun, 12 Nov 2023 11:38:46 +0100 Subject: [PATCH] adding my animation (#2428) Co-authored-by: Sophia Brandt <16630701+sophiabrandt@users.noreply.github.com> --- Art/daniloslovic17/danimation.gif | Bin 0 -> 16578 bytes Art/daniloslovic17/index.html | 19 ++++++++ Art/daniloslovic17/style.css | 76 ++++++++++++++++++++++++++++++ include.js | 8 +++- 4 files changed, 102 insertions(+), 1 deletion(-) create mode 100644 Art/daniloslovic17/danimation.gif create mode 100644 Art/daniloslovic17/index.html create mode 100644 Art/daniloslovic17/style.css diff --git a/Art/daniloslovic17/danimation.gif b/Art/daniloslovic17/danimation.gif new file mode 100644 index 0000000000000000000000000000000000000000..0255e33febef1a6d7a316eb8d868d2be7f9a24c2 GIT binary patch literal 16578 zcmeHuXcDchX?#R&xZ;s6M=O|U}&_(h%ipc8n=#W-323~He4p9Q{r z5pvr8Gzip~tF-CA9r*s`)$@=Tpy^@hpPY@;w+kT9DR-M+PP-&PdF&0s2iFw6gsjTz z+jc&^`Gfx1OD>nZcmA}P?{s%h+TzWF<3DHL{i191>s|lMuB`mWp-R7xE5jBJqN2D~ zqcf{ddSjES^K6oeYYaNg*^VWoZpunm_IH(q$jkOAD)&#qDToT@MybGplR`-pFC>k` z^Tccfa&;@!JG@Nb!#!+}_|Z!lkkRkr@h^bK$L}+MPmo2o8u0nBX3sX@vGUa!;PZNU zzz*Q?+Ig28@JRaYAna>H@jrQM;7Y|hTX6_l85PGGU-u>~4|2j+*-K(! zZ6Fm-C2uP777N6#h)G?)BX!`5f`@ZI(=t)JT@6q$7x8)cc96qA&VWpaXL`xQ<4f~1 zOk&g;Nlw9U5S8O%QQPVyI84(5;a=?7_UwDD_1E!C#P}9bxNroiW~K%rx|G!>Im7j6 zhd{W8K#R~%n`=hAJMqbQi?!mJKs`CXE3QbCimSy1_|EIczR3VZBxt0r6vb_rmB%2q z8=9iDU42lZ`*Z4`67OAdqt7U!F1)&WhV32X^~6hX)SN3S5ES8b{0qM`VBuCsJs%XY z#}$KuRV693>jEyzj?HL!n#;P*R+t0bekI~FPCO7tMGh~EqUq^7>0pLQB#@)UTXKt)U9u(8?CyCxT*?8-;YS0(LeR{(^Wb})XaBfgZT z+D>sDGGPwl|q7i1bIkH0$cul`L>C1KnwKJe|@t?%ho*vV7H+R8tnmuS5P}m;Y zcy2PmV(aNp+w#oLWy$0eRTa`dqB!3IhQZ{sbd}3Uj=UgG>s6 z5q@j3T&(|d88w-pQq)`!ZP3M0uJ8=d@GCrVxn=YZg#&f1MRVVSVgQAp2})KXy9jUj zXU|a;wGG=0LjZNQ62w};Rv`2_8r8*JuFwd0)rSYHKaTx{M-{5V)!I2_yI)S1+I6^~ z$Bd+@Ndwu{%w0iYKm*eCY0yp{Ty8wA+#ZX{sTS>Q-+%ich&%m9CTX|kFleB9E)>-S z8n_KKgpDr?`P~^mftqTQisz1kVgNHjmt^{`r;Yxu;Ai6M=v=nl&p|p&^v4%015gsG zwRr9rDCPjrEDPVZ(K32n!4HmVs7_L9-w)`YJ2`HeY-RFL&Z7)fS3ADVP*FOUgw3E9 zIpy{_7ax0p`t_55!WHn6PEO995D>k3E*wPwWgpD|?V5Lux75_6fYA0dhD*HM9tf}q zW0Cx3(BXD96sfvZsr?V2w|Dc&%c}vMd#___Ma6UaphH;)L1_fOx|ttn*CUzEoO{c2 zmH%ykWdq6Sh!gV9Ok91P+1vdt16sX`bx#TVx1Va?>^h}WJHO5FIk1>7M*I{W=Kdv* zcbK94YwN!x);BJc`*?`v13Cwog+jr;0np0bzeKWC4hD(N!!@qo?N+tzlQ^s|NlyvT<%sUa!mh34Cl7QDA~q+21b7B6Ei-@YhC8NhT>-$ zgu?|}=Lj<>Jyx1^Im{O$FT5s4FOr<0bs&$As}_v=P$_4&yYhGSn4LX_FUQ)<{Vx>Y64)T$Apw zGTwx_%@6g&w0;cH7?01rabNUF$7~7X7`tGFGrW=qjcRP7o*=W^X5^Kq5c3@i-H$n8 z6@)D^&bLKWQF;Qiif5Y%duLXi_yTMFwOOH(duo+Mve;Bz!C4)tKYd2VSoiwEBf<|< zf(f?Y7?HueI5@E$>B6ypq5sS_IIrbKRLLTTntGmF+x8`OcW|p16Tzo$4z6Tnd;$ z0&m`|0B-2MlvgmuASF+&7HHK4yKFKikd}gaE#u*b^z1#)cW=ycx6YU)%-2nF9i6m9 zv1q8S@~M%5%zgK5s1Tca#3M*Si@ubjb;Qw9-Qr56&6PRLz=?hL_540y%MP(1p~ zNgMcd4g2d#@Z%`*%JAX|n`6};+PZ$j7KMZ=^~dkYiq{+cs*-+y>u!ix|XKNOi%k@ns zJ<2{?i_}yJ2TH$P`b6P}u=a1XLJng)Up8xvI(elD_kFRpsVu4YiQjVUV%UW7ev2*D z&Zp>pJU+Tq!jL2qgl%39>${HBcKo)l`FwBj6ZL9z+3BIhd;1m=*F;fWfyc9DM`9E?`_VEfV#;WAaxS*~uvyVq0t?K8L zpRF)MAFJQ@-rRD3J|rxuS$@lvL{t~48xK!C3MXslo<+(WV!_Ex^W_US>QYU$L-x@o z8jk4?N9T3U5OFENzp+gmLg-#!C8?e|>T~81cp84>T+%0WFuUV@kVYFZWg>%|-3u-g z?T=!w`kBvvi#>7}xBqBvm1W#}U&+-seZ_Kb5LvI1Ft!}Yw*pa91i8pOVbU8KM^Ro}>kHF378EBt zb#JWtsroN}2j}#mSy8&igacZLdk}oKU9i@5k8nNllWsGp%Z#MPKs->4V|kE^)}^2IcciZ3h!R23P`0h#Z5;=eG_NGtj$NNFQ z@L-n+-lfT~W2a88ygRd3+RNP7$jJ*BBOCTLXZ-k+sW*-?RtP}`Mv@bUA`4P~AW<&R zTa|i_X6b6P;o*q)8RT2NkWX3G6`>eb3`4cTT|#`mGCJPFOl?Y@VJfrt{g zaz;5TDnEDs*5jg7s~}@;m?1&NBQ}xdOfpyohy;jY^u2LpOGD9iVE_m3-b>-u|2|>gK%hl1JLU06tfW|2 zkz;xX5})l63Yg;(wzIo$FNkZgc2PRXfh2uL6bm-A`0!Cy6;B5f zgZ!(E4d#g=Rpz|bhK9Dg1R^oBfPMGp7+US%+L;48@??FSz_?%KD}nn~xtCsp5Hl05 z^+gdJ6fktNz!uL!7pYl9MHcn|?xlP_?jEE*SizQmT21$}We=hAOv7ukna2-lg&SKU z#1+_ZD&a7R{wPcPPyO_t}s#E?GD(A%&vzQ+y-;;BV0lkc+Hjy$# zmP6t8PMr7@{%pdE>~5e_3xNSo^*HiU4v;9{62Ta(I51Ma2zqFJU5wnwq}DsEPDY;L zk}>d8m$AWReQyvOgSk5ErjeYt)|27(LxG^%v!AKUIsE%44go_zGYCHCs40K_RDnPV z@VHOmKh7mebp}y0)(n_kWZ2d}zR3OlXe#E&Y>Rjr&BEti*vkIQ!h7rx#Cc=_Gk$xVEL}* zRwWULPP-XJ??W(a*YMpdvM&|Se zoRHOfN;V)V+g+SiL@!UEowZ_-UPlYhvM)H{?>}K&7?(!+FrB9os3eh3L#pKx%B9*@ z_&xRg&59gM-blRoQ5snzxBHpw=34;T#Ly{RwI*diODAf0!`jF#d8WHY~quCTa~i)tFQi2MW-RI{0)MVzh5)!#*j343Rf9 zR?EvFyC_>GFTArV%}NI!2gw;0NYMnRv?Bj{;8>%5Nd%%6 z&0Muiea~r53DJSj6H6~+xmF{-V_cIPp)kTzaA;llA{j_^ zSbuI~zKt7Ut5cq_nH2{d&N;n6WbC5NsX69h94?|E!JLFi z)J}f-Ru%6fs$CpIpb9Q-rqrg9cIsR>>`i)S=oYyIgRx8r@cs^Z?aF?wh8;jxSorqp95=}C@lSdu;w zm5G8GPg?O;!}`-LBV6I8(}o~?D+saKGn1OoCgNiW(tLCLLJ+hDyeLl;YOp`{r2C>cV8}7?A)a*Jo=4bZwMYAgdQzB57;(_UC z;21vWB>#=hi@A7>;5$bx$y|Q`q`+3Ry(gs~GoDFw+fgIy+udrw_4s-5AI~Y5qXZg@ zo_Y^)KFRCpe2>C=zJzl?GU5nrvkxR`e2d0@g^Ka1s8Y}gd#Gyx+XXM_I!d^Yb{njI z%ExSW9bVOspg{;hBi|GRpN!C#aflfQT@?v&t51s#VjF%=+7+QL^S{5*v%j%H8PEOy zihTNOZ_@3pPE4!|0T548$tQkHm-tBBa&4&TiLyHg*I=L}cGwsbAjh>^g18@Xm+E-=S;!V*+-e!mRfGK| zb>(G6s1*1kY;9IVSW^%w1kspIxMJMa6~bhxCaWsMm!*G_dyz$)dKEX3)6ZNFfeumF zBtlt}_+}h^?+i|hMG0l$c~?RrSmQY2W!CMU4%=#{-1?c3815c88XT-efIf!SL7Sk2 z@iWANBuBycoCO_Gzv|5=TAoSC7ugBk&Kc1|>Z#rpM9S&1EU+FNHn*SFf{JmQ(Jynx z;beSJQ?$jkPT$gxYLX3MyRjtTQQoGlBB}Lt^j1;7B_lPAZ><5QTgAOWu=@31)cYW| za`AO>q<}}xsetSnU>*y4t>?Ll|I21{1aeMF@)re?g@ zMGCet$D33PHoL9h*>6wGnW6d5Ny8!-*DQ7FHouj$ESl$
    cB>_?&wiGvFbWSmKG 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 literal 0 HcmV?d00001 diff --git a/Art/daniloslovic17/index.html b/Art/daniloslovic17/index.html new file mode 100644 index 000000000..28cd7002a --- /dev/null +++ b/Art/daniloslovic17/index.html @@ -0,0 +1,19 @@ + + + + + + Danimation + + + +
    +
    +

    DVD

    +
    +

    VIDEO

    +
    +
    +
    + + \ No newline at end of file diff --git a/Art/daniloslovic17/style.css b/Art/daniloslovic17/style.css new file mode 100644 index 000000000..2ba03dbc8 --- /dev/null +++ b/Art/daniloslovic17/style.css @@ -0,0 +1,76 @@ +body{ + margin: 0; + display: flex; + justify-content: center; + align-items: center; + text-align: center; + min-height: 100vh; +} + +.box{ + border-radius: 30px; + width: 230px; + height: 175px; + background: blueviolet; + position: absolute; + -webkit-animation: moveX 2s linear 0s infinite alternate, moveY 3.4s linear 0s infinite alternate; + -moz-animation: moveX 2s linear 0s infinite alternate, moveY 3.4s linear 0s infinite alternate; + -o-animation: moveX 2s linear 0s infinite alternate, moveY 3.4s linear 0s infinite alternate; + animation: moveX 2s linear 0s infinite alternate, moveY 3.4s linear 0s infinite alternate; +} + +.dvd{ + margin: 0 auto; + background-color: #0078D7; + position: relative; + width: 711px; + height: 509px; +} + +h1{ + font-size: 54px; + font-weight: 900; + font-style: italic; + margin-bottom: 16px; +} + +h2{ + font-size: 27px; + font-weight: 900; + font-style: italic; + margin: 0; + color: blueviolet; +} + +.video-background{ + border-radius: 100%; + background: black; + width: 80%; + margin: 0 auto; +} + +@-webkit-keyframes moveX { + from { left: 0; } to { left: 480px; } +} +@-moz-keyframes moveX { + from { left: 0; } to { left: 480px; } +} +@-o-keyframes moveX { + from { left: 0; } to { left: 480px; } +} +@keyframes moveX { + from { left: 0; } to { left: 480px; } +} + +@-webkit-keyframes moveY { + from { top: 0; } to { top: 333px; } +} +@-moz-keyframes moveY { + from { top: 0; } to { top: 333px; } +} +@-o-keyframes moveY { + from { top: 0; } to { top: 333px; } +} +@keyframes moveY { + from { top: 0; } to { top: 333px; } +} \ No newline at end of file diff --git a/include.js b/include.js index 6ff8a687e..b6bb2f57c 100644 --- a/include.js +++ b/include.js @@ -2855,7 +2855,13 @@ let cards = [ githubLink: 'https://github.com/daniel-badura' }, { - artName: 'Animated', + artName: 'Danimation', + pageLink: './Art/daniloslovic17/index.html', + imageLink: './Art/daniloslovic17/danimation.gif', + author: 'Danilo Slovic', + githubLink: 'https://github.com/daniloslovic17' + }, + { artName: 'Animated', pageLink: './Art/Nyrkn10/index.html', imageLink: './Art/Nyrkn10/set.gif', author: 'Nyariki Kevin',