diff --git a/Art/1Abel-Animate/index.html b/Art/1Abel-Animate/index.html index 5128d055e..58b3a9eb5 100644 --- a/Art/1Abel-Animate/index.html +++ b/Art/1Abel-Animate/index.html @@ -1,19 +1,20 @@ - - - - Abel's Animation - - - -
-
Hey, I'm A
- - - \ No newline at end of file + + + + Abel's Animation + + + +
+
Hey, I'm A
+ +
+ + diff --git a/Art/1Abel-Animate/style.css b/Art/1Abel-Animate/style.css index a42fbb1e1..a6f0bdd30 100644 --- a/Art/1Abel-Animate/style.css +++ b/Art/1Abel-Animate/style.css @@ -1,12 +1,12 @@ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap'); -*{ +* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; } -body{ +body { display: flex; align-items: center; justify-content: center; @@ -16,24 +16,23 @@ body{ .wrappper { display: flex; - } -.wrapper .static-txt{ - color: #FFFFFF; +.wrapper .static-txt { + color: #ffffff; font-size: 60px; font-weight: 400; } -.wrapper .dynamic-txts{ +.wrapper .dynamic-txts { margin-left: 15px; height: 90px; line-height: 90px; overflow: hidden; } -.dynamic-txts li{ +.dynamic-txts li { list-style: none; - color: #FC6D6D; + color: #fc6d6d; font-size: 60px; font-weight: 500; position: relative; @@ -41,32 +40,33 @@ body{ animation: slide 12s steps(4) infinite; } @keyframes slide { - 100%{ + 100% { top: -360px; } } -.dynamic-txts li span{ +.dynamic-txts li span { position: relative; margin: 5px 0; line-height: 90px; } -.dynamic-txts li span::after{ - content: ""; +.dynamic-txts li span::after { + content: ''; position: absolute; left: 0; height: 100%; width: 100%; background: #800000; - border-left: 2px solid #FC6D6D; + border-left: 2px solid #fc6d6d; animation: typing 3s steps(10) infinite; } @keyframes typing { - 40%, 60%{ + 40%, + 60% { left: calc(100% + 30px); } - 100%{ + 100% { left: 0; } -} \ No newline at end of file +} diff --git a/Art/AJsDancingBalls/index.html b/Art/AJsDancingBalls/index.html index f96e4f2a4..2b1bf1456 100644 --- a/Art/AJsDancingBalls/index.html +++ b/Art/AJsDancingBalls/index.html @@ -1,18 +1,18 @@ - - - - - -
-
-
-
-
-
-
-
-
- - \ No newline at end of file + + + + + +
+
+
+
+
+
+
+
+
+ + diff --git a/Art/AJsDancingBalls/style.css b/Art/AJsDancingBalls/style.css index 001389cad..fec10c0f6 100644 --- a/Art/AJsDancingBalls/style.css +++ b/Art/AJsDancingBalls/style.css @@ -1,140 +1,140 @@ body { - margin: 0; - padding: 0; - background: #000000; + margin: 0; + padding: 0; + background: #000000; } .container { - width: 200px; - height: 100px; - padding-top: 100px; - margin: 0 auto; + width: 200px; + height: 100px; + padding-top: 100px; + margin: 0 auto; } .ball { - width: 10px; - height: 10px; - margin: 10px auto; - border-radius: 50px; + width: 10px; + height: 10px; + margin: 10px auto; + border-radius: 50px; } .ball:nth-child(1) { - background: #9F00FF; - -webkit-animation: right 1s infinite ease-in-out; - -moz-animation: right 1s infinite ease-in-out; - animation: right 1s infinite ease-in-out; + background: #9f00ff; + -webkit-animation: right 1s infinite ease-in-out; + -moz-animation: right 1s infinite ease-in-out; + animation: right 1s infinite ease-in-out; } .ball:nth-child(2) { - background: #ceff00; - -webkit-animation: left 1.1s infinite ease-in-out; - -moz-animation: left 1.1s infinite ease-in-out; - animation: left 1.1s infinite ease-in-out; + background: #ceff00; + -webkit-animation: left 1.1s infinite ease-in-out; + -moz-animation: left 1.1s infinite ease-in-out; + animation: left 1.1s infinite ease-in-out; } .ball:nth-child(3) { - background: #FF6FFF; - -webkit-animation: right 1.05s infinite ease-in-out; - -moz-animation: right 1.05s infinite ease-in-out; - animation: right 1.05s infinite ease-in-out; + background: #ff6fff; + -webkit-animation: right 1.05s infinite ease-in-out; + -moz-animation: right 1.05s infinite ease-in-out; + animation: right 1.05s infinite ease-in-out; } .ball:nth-child(4) { - background: #eee600; - -webkit-animation: left 1.15s infinite ease-in-out; - -moz-animation: left 1.15s infinite ease-in-out; - animation: left 1.15s infinite ease-in-out; + background: #eee600; + -webkit-animation: left 1.15s infinite ease-in-out; + -moz-animation: left 1.15s infinite ease-in-out; + animation: left 1.15s infinite ease-in-out; } .ball:nth-child(5) { - background: #3f00ff; - -webkit-animation: right 1.1s infinite ease-in-out; - -moz-animation: right 1.1s infinite ease-in-out; - animation: right 1.1s infinite ease-in-out; + background: #3f00ff; + -webkit-animation: right 1.1s infinite ease-in-out; + -moz-animation: right 1.1s infinite ease-in-out; + animation: right 1.1s infinite ease-in-out; } .ball:nth-child(6) { - background: #ff6347; - -webkit-animation: left 1.05s infinite ease-in-out; - -moz-animation: left 1.05s infinite ease-in-out; - animation: left 1.05s infinite ease-in-out; + background: #ff6347; + -webkit-animation: left 1.05s infinite ease-in-out; + -moz-animation: left 1.05s infinite ease-in-out; + animation: left 1.05s infinite ease-in-out; } .ball:nth-child(7) { - background: #a7fc00; - -webkit-animation: right 1s infinite ease-in-out; - -moz-animation: right 1s infinite ease-in-out; - animation: right 1s infinite ease-in-out; + background: #a7fc00; + -webkit-animation: right 1s infinite ease-in-out; + -moz-animation: right 1s infinite ease-in-out; + animation: right 1s infinite ease-in-out; } @-webkit-keyframes right { - 0% { - -webkit-transform: translate(-15px); - } - 50% { - -webkit-transform: translate(15px); - } - 100% { - -webkit-transform: translate(-15px); - } + 0% { + -webkit-transform: translate(-15px); + } + 50% { + -webkit-transform: translate(15px); + } + 100% { + -webkit-transform: translate(-15px); + } } @-webkit-keyframes left { - 0% { - -webkit-transform: translate(15px); - } - 50% { - -webkit-transform: translate(-15px); - } - 100% { - -webkit-transform: translate(15px); - } + 0% { + -webkit-transform: translate(15px); + } + 50% { + -webkit-transform: translate(-15px); + } + 100% { + -webkit-transform: translate(15px); + } } @-moz-keyframes right { - 0% { - -moz-transform: translate(-15px); - } - 50% { - -moz-transform: translate(15px); - } - 100% { - -moz-transform: translate(-15px); - } + 0% { + -moz-transform: translate(-15px); + } + 50% { + -moz-transform: translate(15px); + } + 100% { + -moz-transform: translate(-15px); + } } @-moz-keyframes left { - 0% { - -moz-transform: translate(15px); - } - 50% { - -moz-transform: translate(-15px); - } - 100% { - -moz-transform: translate(15px); - } + 0% { + -moz-transform: translate(15px); + } + 50% { + -moz-transform: translate(-15px); + } + 100% { + -moz-transform: translate(15px); + } } @keyframes right { - 0% { - transform: translate(-15px); - } - 50% { - transform: translate(15px); - } - 100% { - transform: translate(-15px); - } + 0% { + transform: translate(-15px); + } + 50% { + transform: translate(15px); + } + 100% { + transform: translate(-15px); + } } @keyframes left { - 0% { - transform: translate(15px); - } - 50% { - transform: translate(-15px); - } - 100% { - transform: translate(15px); - } -} \ No newline at end of file + 0% { + transform: translate(15px); + } + 50% { + transform: translate(-15px); + } + 100% { + transform: translate(15px); + } +} diff --git a/Art/AashiGoel/index.html b/Art/AashiGoel/index.html index 86b229ef3..410af4d69 100644 --- a/Art/AashiGoel/index.html +++ b/Art/AashiGoel/index.html @@ -1,20 +1,31 @@ - - + Halloween Animation - - - - + + + + - -
-

HAPPY HALLOWEEN!!!!!

-
- -
+ +
+

HAPPY HALLOWEEN!!!!!

+
+ +
- - - \ No newline at end of file + + diff --git a/Art/AashiGoel/style.css b/Art/AashiGoel/style.css index de0a9859c..bfaf102cd 100644 --- a/Art/AashiGoel/style.css +++ b/Art/AashiGoel/style.css @@ -1,20 +1,20 @@ -body{ - background-color: black; +body { + background-color: black; } -.container{ - display: flex; - justify-content: center; +.container { + display: flex; + justify-content: center; } -h1{ - margin-top:125px; - text-align: center; - font-size: 3em; - color: rgb(255, 94, 0); - font-family: 'Nosifer'; +h1 { + margin-top: 125px; + text-align: center; + font-size: 3em; + color: rgb(255, 94, 0); + font-family: 'Nosifer'; } .animate__animated.animate__flash { - --animate-duration: 0.5s; + --animate-duration: 0.5s; } .animate__animated.animate__zoomIn { - --animate-duration: 5s; -} \ No newline at end of file + --animate-duration: 5s; +} diff --git a/Art/Animated-Cube-Slider/index.html b/Art/Animated-Cube-Slider/index.html index 161830354..11df8401d 100644 --- a/Art/Animated-Cube-Slider/index.html +++ b/Art/Animated-Cube-Slider/index.html @@ -1,29 +1,36 @@ - - - - Animated cube slider - - - + + + + Animated cube slider + + + + + +
+

Animated Cube Slider

+
- - +
+
+
+
+
+
+
+
-
-

Animated Cube Slider

-
- -
-
-
-
-
-
-
-
- -

by Anayat Khan

- - +

+ by + Anayat Khan +

+ diff --git a/Art/Animated-Cube-Slider/style.css b/Art/Animated-Cube-Slider/style.css index a54d41684..f2e319ea8 100644 --- a/Art/Animated-Cube-Slider/style.css +++ b/Art/Animated-Cube-Slider/style.css @@ -1,215 +1,299 @@ -html, body { - width: 100%; - height: 100%; - background: #df22d9; - color: #fff; - font-family: "Open Sans", sans-serif; - font-size: 11px; - } - -.title{ - text-align: center; - margin: 40px; -} - .title h1, .title p{ - margin: 0; - } +html, +body { + width: 100%; + height: 100%; + background: #df22d9; + color: #fff; + font-family: 'Open Sans', sans-serif; + font-size: 11px; +} + +.title { + text-align: center; + margin: 40px; +} +.title h1, +.title p { + margin: 0; +} .slider { - position: absolute; - top: 0; - bottom: 0; - right: 0; - left: 0; - width: 200px; - height: 200px; - margin: auto; - -webkit-perspective: 600px; - perspective: 600px; -} - - .slider * { - -webkit-transition: all 1s cubic-bezier(0.5, -0.75, 0.2, 1.5); - transition: all 1s cubic-bezier(0.5, -0.75, 0.2, 1.5); - } - - .container { - width: inherit; - height: inherit; - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; - -webkit-transform: rotateY(0deg) rotateX(0deg); - transform: rotateY(0deg) rotateX(0deg); - } - - .slide, .slide:after, .slide:before { - display: block; - width: inherit; - height: inherit; - background: url('https://cdn.dribbble.com/users/5031/screenshots/7008431/dribbble.png'); - position: absolute; - -webkit-transform-style: preserve-3d; - transform-style: preserve-3d; - background-size: cover; - background-position: center; - } - - .slide.x { - -webkit-transform: rotateY(90deg); - transform: rotateY(90deg); - } - - .slide.x:after { - content: ''; - background-image: url('https://cdn.dribbble.com/users/730703/screenshots/6988911/elenidebo-thisiscolossal-theroad-forchicagodesignmuseum.jpg'); - -webkit-transform: translateZ(100px) rotateZ(-90deg); - transform: translateZ(100px) rotateZ(-90deg); - } - - .slide.x:before { - content: ''; - background-image: url('https://cdn.dribbble.com/users/329207/screenshots/6220354/bemocs_geneseo_sailing.jpg'); - -webkit-transform: translateZ(-100px) rotateZ(-90deg); - transform: translateZ(-100px) rotateZ(-90deg); - } - - .slide.y { - -webkit-transform: rotateX(90deg); - transform: rotateX(90deg); - } - - .slide.y:after { - content: ''; - background-image: url('https://cdn.dribbble.com/users/63407/screenshots/5705689/dribbble_moonlight_2x.png'); - -webkit-transform: translateZ(100px) scale(-1); - transform: translateZ(100px) scale(-1); - } - - .slide.y:before { - content: ''; - background-image: url('https://cdn.dribbble.com/users/1355613/screenshots/6441984/landscape_2x.jpg'); - -webkit-transform: translateZ(-100px); - transform: translateZ(-100px); - } - - .slide.z { - -webkit-transform: rotateX(0); - transform: rotateX(0); - } - - .slide.z:after { - content: ''; - background-image: url('https://cdn.dribbble.com/users/3178178/screenshots/7013817/the_caravan_by_patryk_wojciechowicz_2x.png'); - -webkit-transform: translateZ(100px); - transform: translateZ(100px); - } - - .slide.z:before { - content: ''; - background-image: url('https://cdn.dribbble.com/users/1361661/screenshots/6673317/music_girl.png'); - -webkit-transform: translateZ(-100px); - transform: translateZ(-100px); - } - - - .container { - -webkit-animation: rotate 15s infinite cubic-bezier(1, -0.75, 0.5, 1.2); - animation: rotate 15s infinite cubic-bezier(1, -0.75, 0.5, 1.2); - } - - @-webkit-keyframes rotate { - 0%, 10% {-webkit-transform: rotateY(0deg) rotateX(0deg);transform: rotateY(0deg) rotateX(0deg);} - 15%, 20% {-webkit-transform: rotateY(180deg) rotateX(0deg);transform: rotateY(180deg) rotateX(0deg);} - 25%, 35% {-webkit-transform: rotateY(180deg) rotateX(270deg);transform: rotateY(180deg) rotateX(270deg);} - 40%, 50% {-webkit-transform: rotateY(180deg) rotateX(90deg);transform: rotateY(180deg) rotateX(90deg);} - 55%, 65% {-webkit-transform: rotateY(-90deg) rotateX(90deg);transform: rotateY(-90deg) rotateX(90deg);} - 70%, 80% {-webkit-transform: rotateY(90deg) rotateX(90deg);transform: rotateY(90deg) rotateX(90deg);} - 90%, 95% {-webkit-transform: rotateY(0deg) rotateX(90deg);transform: rotateY(0deg) rotateX(90deg);} - } - - @keyframes rotate { - - 0%, 10% {-webkit-transform: rotateY(0deg) rotateX(0deg);transform: rotateY(0deg) rotateX(0deg);} - 15%, 20% {-webkit-transform: rotateY(180deg) rotateX(0deg);transform: rotateY(180deg) rotateX(0deg);} - 25%, 35% {-webkit-transform: rotateY(180deg) rotateX(270deg);transform: rotateY(180deg) rotateX(270deg);} - 40%, 50% {-webkit-transform: rotateY(180deg) rotateX(90deg);transform: rotateY(180deg) rotateX(90deg);} - 55%, 65% {-webkit-transform: rotateY(-90deg) rotateX(90deg);transform: rotateY(-90deg) rotateX(90deg);} - 70%, 80% {-webkit-transform: rotateY(90deg) rotateX(90deg);transform: rotateY(90deg) rotateX(90deg);} - 90%, 95% {-webkit-transform: rotateY(0deg) rotateX(90deg);transform: rotateY(0deg) rotateX(90deg);} - } + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + width: 200px; + height: 200px; + margin: auto; + -webkit-perspective: 600px; + perspective: 600px; +} + +.slider * { + -webkit-transition: all 1s cubic-bezier(0.5, -0.75, 0.2, 1.5); + transition: all 1s cubic-bezier(0.5, -0.75, 0.2, 1.5); +} + +.container { + width: inherit; + height: inherit; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + -webkit-transform: rotateY(0deg) rotateX(0deg); + transform: rotateY(0deg) rotateX(0deg); +} + +.slide, +.slide:after, +.slide:before { + display: block; + width: inherit; + height: inherit; + background: url('https://cdn.dribbble.com/users/5031/screenshots/7008431/dribbble.png'); + position: absolute; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + background-size: cover; + background-position: center; +} + +.slide.x { + -webkit-transform: rotateY(90deg); + transform: rotateY(90deg); +} + +.slide.x:after { + content: ''; + background-image: url('https://cdn.dribbble.com/users/730703/screenshots/6988911/elenidebo-thisiscolossal-theroad-forchicagodesignmuseum.jpg'); + -webkit-transform: translateZ(100px) rotateZ(-90deg); + transform: translateZ(100px) rotateZ(-90deg); +} + +.slide.x:before { + content: ''; + background-image: url('https://cdn.dribbble.com/users/329207/screenshots/6220354/bemocs_geneseo_sailing.jpg'); + -webkit-transform: translateZ(-100px) rotateZ(-90deg); + transform: translateZ(-100px) rotateZ(-90deg); +} + +.slide.y { + -webkit-transform: rotateX(90deg); + transform: rotateX(90deg); +} + +.slide.y:after { + content: ''; + background-image: url('https://cdn.dribbble.com/users/63407/screenshots/5705689/dribbble_moonlight_2x.png'); + -webkit-transform: translateZ(100px) scale(-1); + transform: translateZ(100px) scale(-1); +} + +.slide.y:before { + content: ''; + background-image: url('https://cdn.dribbble.com/users/1355613/screenshots/6441984/landscape_2x.jpg'); + -webkit-transform: translateZ(-100px); + transform: translateZ(-100px); +} + +.slide.z { + -webkit-transform: rotateX(0); + transform: rotateX(0); +} + +.slide.z:after { + content: ''; + background-image: url('https://cdn.dribbble.com/users/3178178/screenshots/7013817/the_caravan_by_patryk_wojciechowicz_2x.png'); + -webkit-transform: translateZ(100px); + transform: translateZ(100px); +} + +.slide.z:before { + content: ''; + background-image: url('https://cdn.dribbble.com/users/1361661/screenshots/6673317/music_girl.png'); + -webkit-transform: translateZ(-100px); + transform: translateZ(-100px); +} + +.container { + -webkit-animation: rotate 15s infinite cubic-bezier(1, -0.75, 0.5, 1.2); + animation: rotate 15s infinite cubic-bezier(1, -0.75, 0.5, 1.2); +} + +@-webkit-keyframes rotate { + 0%, + 10% { + -webkit-transform: rotateY(0deg) rotateX(0deg); + transform: rotateY(0deg) rotateX(0deg); + } + 15%, + 20% { + -webkit-transform: rotateY(180deg) rotateX(0deg); + transform: rotateY(180deg) rotateX(0deg); + } + 25%, + 35% { + -webkit-transform: rotateY(180deg) rotateX(270deg); + transform: rotateY(180deg) rotateX(270deg); + } + 40%, + 50% { + -webkit-transform: rotateY(180deg) rotateX(90deg); + transform: rotateY(180deg) rotateX(90deg); + } + 55%, + 65% { + -webkit-transform: rotateY(-90deg) rotateX(90deg); + transform: rotateY(-90deg) rotateX(90deg); + } + 70%, + 80% { + -webkit-transform: rotateY(90deg) rotateX(90deg); + transform: rotateY(90deg) rotateX(90deg); + } + 90%, + 95% { + -webkit-transform: rotateY(0deg) rotateX(90deg); + transform: rotateY(0deg) rotateX(90deg); + } +} +@keyframes rotate { + 0%, + 10% { + -webkit-transform: rotateY(0deg) rotateX(0deg); + transform: rotateY(0deg) rotateX(0deg); + } + 15%, + 20% { + -webkit-transform: rotateY(180deg) rotateX(0deg); + transform: rotateY(180deg) rotateX(0deg); + } + 25%, + 35% { + -webkit-transform: rotateY(180deg) rotateX(270deg); + transform: rotateY(180deg) rotateX(270deg); + } + 40%, + 50% { + -webkit-transform: rotateY(180deg) rotateX(90deg); + transform: rotateY(180deg) rotateX(90deg); + } + 55%, + 65% { + -webkit-transform: rotateY(-90deg) rotateX(90deg); + transform: rotateY(-90deg) rotateX(90deg); + } + 70%, + 80% { + -webkit-transform: rotateY(90deg) rotateX(90deg); + transform: rotateY(90deg) rotateX(90deg); + } + 90%, + 95% { + -webkit-transform: rotateY(0deg) rotateX(90deg); + transform: rotateY(0deg) rotateX(90deg); + } +} .shadow { - - display: block; - width: 200px; - height: 200px; - background: rgba(0,0,0,0.75); - position: absolute; - top: 60%; - -webkit-transform: rotateX(90deg); - transform: rotateX(90deg); - z-index: -1; - -webkit-filter: blur(20px); - filter: url('data:image/svg+xml;charset=utf-8,#filter'); - -webkit-filter: blur(20px); - filter: blur(20px); - left: 0; - right: 0; - margin: auto; - -webkit-animation: rotateShadow 15s infinite cubic-bezier(1, -0.75, 0.5, 1.2); - animation: rotateShadow 15s infinite cubic-bezier(1, -0.75, 0.5, 1.2); -} - - @-webkit-keyframes rotateShadow { - - 0%, 10% {-webkit-transform: rotateY(0deg) rotateX(90deg);} - 15%, 20% {-webkit-transform: rotateY(180deg) rotateX(90deg);} - 20.1%, 20.9% {-webkit-transform: rotateY(180deg) rotateX(90deg) translatez(5px);} - 25%, 35% {-webkit-transform: rotateY(180deg) rotateX(90deg);} - 35.1%, 35.9% {-webkit-transform: rotateY(180deg) rotateX(90deg) translatez(-5px);} - 40%, 50% {-webkit-transform: rotateY(180deg) rotateX(90deg);} - 55%, 65% {-webkit-transform: rotateY(0deg) rotateX(90deg);} - 70%, 80% {-webkit-transform: rotateY(180deg) rotateX(90deg);} - 90%, 99% {-webkit-transform: rotateY(90deg) rotateX(90deg);} - 99.1%, 99.9% {-webkit-transform: rotateY(90deg) rotateX(90deg) translatez(-5px);} - } - - + display: block; + width: 200px; + height: 200px; + background: rgba(0, 0, 0, 0.75); + position: absolute; + top: 60%; + -webkit-transform: rotateX(90deg); + transform: rotateX(90deg); + z-index: -1; + -webkit-filter: blur(20px); + filter: url('data:image/svg+xml;charset=utf-8,#filter'); + -webkit-filter: blur(20px); + filter: blur(20px); + left: 0; + right: 0; + margin: auto; + -webkit-animation: rotateShadow 15s infinite cubic-bezier(1, -0.75, 0.5, 1.2); + animation: rotateShadow 15s infinite cubic-bezier(1, -0.75, 0.5, 1.2); +} + +@-webkit-keyframes rotateShadow { + 0%, + 10% { + -webkit-transform: rotateY(0deg) rotateX(90deg); + } + 15%, + 20% { + -webkit-transform: rotateY(180deg) rotateX(90deg); + } + 20.1%, + 20.9% { + -webkit-transform: rotateY(180deg) rotateX(90deg) translatez(5px); + } + 25%, + 35% { + -webkit-transform: rotateY(180deg) rotateX(90deg); + } + 35.1%, + 35.9% { + -webkit-transform: rotateY(180deg) rotateX(90deg) translatez(-5px); + } + 40%, + 50% { + -webkit-transform: rotateY(180deg) rotateX(90deg); + } + 55%, + 65% { + -webkit-transform: rotateY(0deg) rotateX(90deg); + } + 70%, + 80% { + -webkit-transform: rotateY(180deg) rotateX(90deg); + } + 90%, + 99% { + -webkit-transform: rotateY(90deg) rotateX(90deg); + } + 99.1%, + 99.9% { + -webkit-transform: rotateY(90deg) rotateX(90deg) translatez(-5px); + } +} + /* Credit */ - .credit { - position: fixed; - bottom: 22px; - left: 0; - right: 0; - margin: auto; - width: 200px; - text-align: center; - } - - .credit a { - font-weight: 900; - color: blue; - text-decoration: none; - -webkit-transition: all .15s linear; - transition: all .15s linear; - background: url(https://dl.dropboxusercontent.com/u/12646264/assets/open-in-new-window-icon.png)no-repeat right; - background-size: 12px; - padding-right: 20px !important; - -filter: invert(1); - -webkit-filter: invert(1); - -moz--filter: invert(1); - -o--filter: invert(1); - - } - - .credit a:hover { - color: rgb(148, 250, 249); - } +.credit { + position: fixed; + bottom: 22px; + left: 0; + right: 0; + margin: auto; + width: 200px; + text-align: center; +} + +.credit a { + font-weight: 900; + color: blue; + text-decoration: none; + -webkit-transition: all 0.15s linear; + transition: all 0.15s linear; + background: url(https://dl.dropboxusercontent.com/u/12646264/assets/open-in-new-window-icon.png) + no-repeat right; + background-size: 12px; + padding-right: 20px !important; + -filter: invert(1); + -webkit-filter: invert(1); + -moz--filter: invert(1); + -o--filter: invert(1); +} + +.credit a:hover { + color: rgb(148, 250, 249); +} .small { - font-size: smaller; - opacity: .75; -} \ No newline at end of file + font-size: smaller; + opacity: 0.75; +} diff --git a/Art/Animation-Gtn/index.html b/Art/Animation-Gtn/index.html index 045feb4be..0faba7447 100644 --- a/Art/Animation-Gtn/index.html +++ b/Art/Animation-Gtn/index.html @@ -1,15 +1,16 @@ - - + + Animation Effects - - - + + +
-
-
-
-

Loading...

- - \ No newline at end of file +
+
+
+

Loading...

+
+ + diff --git a/Art/Animation-Gtn/style.css b/Art/Animation-Gtn/style.css index 33e42bcce..e5e192bff 100644 --- a/Art/Animation-Gtn/style.css +++ b/Art/Animation-Gtn/style.css @@ -1,133 +1,108 @@ -* -{ - margin: 0; - padding: 0; - box-sizing: border-box; +* { + margin: 0; + padding: 0; + box-sizing: border-box; } -body -{ - display: flex; - justify-content: center; - align-items: center; - min-height: 100vh; - background: #111; +body { + display: flex; + justify-content: center; + align-items: center; + min-height: 100vh; + background: #111; } -.container -{ - position: relative; - width: 100%; - display: flex; - justify-content: center; - align-items: center; +.container { + position: relative; + width: 100%; + display: flex; + justify-content: center; + align-items: center; } -.container .ring -{ - position: relative; - width: 150px; - height: 150px; - margin: -30px; - border-radius: 50%; - border: 4px solid transparent; - border-top: 4px solid #24ecff; - animation: animate 4s linear infinite; +.container .ring { + position: relative; + width: 150px; + height: 150px; + margin: -30px; + border-radius: 50%; + border: 4px solid transparent; + border-top: 4px solid #24ecff; + animation: animate 4s linear infinite; } -@keyframes animate -{ - 0% - { +@keyframes animate { + 0% { transform: rotate(0deg); - } - 100% - { + } + 100% { transform: rotate(360deg); - } + } } -.container .ring::before -{ - content: ''; - position: absolute; - top: 12px; - width: 15px; - height: 15px; - border-radius: 50%; - right: 12px; - background: #24ecff; - box-shadow: 0 0 0 5px #24ecff33, - 0 0 0 10px #24ecff22, - 0 0 0 10px #24ecff11, - 0 0 20px #24ecff, - 0 0 50px #24ecff; +.container .ring::before { + content: ''; + position: absolute; + top: 12px; + width: 15px; + height: 15px; + border-radius: 50%; + right: 12px; + background: #24ecff; + box-shadow: 0 0 0 5px #24ecff33, 0 0 0 10px #24ecff22, 0 0 0 10px #24ecff11, + 0 0 20px #24ecff, 0 0 50px #24ecff; } -.container .ring:nth-child(2) -{ - animation: animate2 4s linear infinite; - animation-delay: -1s; - border-left: 4px solid #93ff2d; - border-top: 4px solid transparent; +.container .ring:nth-child(2) { + animation: animate2 4s linear infinite; + animation-delay: -1s; + border-left: 4px solid #93ff2d; + border-top: 4px solid transparent; } -.container .ring:nth-child(2)::before -{ - content: ''; - position: absolute; - top: initial; - bottom: 12px; - width: 15px; - height: 15px; - border-radius: 50%; - left: 12px; - background: #93ff2d; - box-shadow: 0 0 0 5px #93ff2d33, - 0 0 0 10px #93ff2d22, - 0 0 0 10px #93ff2d11, - 0 0 20px #93ff2d, - 0 0 50px #93ff2d; +.container .ring:nth-child(2)::before { + content: ''; + position: absolute; + top: initial; + bottom: 12px; + width: 15px; + height: 15px; + border-radius: 50%; + left: 12px; + background: #93ff2d; + box-shadow: 0 0 0 5px #93ff2d33, 0 0 0 10px #93ff2d22, 0 0 0 10px #93ff2d11, + 0 0 20px #93ff2d, 0 0 50px #93ff2d; } -@keyframes animate2 -{ - 0% - { +@keyframes animate2 { + 0% { transform: rotate(360deg); - } - 100% - { + } + 100% { transform: rotate(0deg); - } + } } -.container .ring:nth-child(3) -{ - animation: animate2 4s linear infinite; - animation-delay: -3s; - position: absolute; - top: -66.66px; - border-top: 4px solid transparent; - border-left: 4px solid #e41cf8; +.container .ring:nth-child(3) { + animation: animate2 4s linear infinite; + animation-delay: -3s; + position: absolute; + top: -66.66px; + border-top: 4px solid transparent; + border-left: 4px solid #e41cf8; } -.container .ring:nth-child(3)::before -{ - content: ''; - position: absolute; - top: initial; - bottom: 12px; - width: 15px; - height: 15px; - border-radius: 50%; - left: 12px; - background: #e41cf8; - box-shadow: 0 0 0 5px #e41cf833, - 0 0 0 10px #e41cf822, - 0 0 0 10px #e41cf811, - 0 0 20px #e41cf8, - 0 0 50px #e41cf8; +.container .ring:nth-child(3)::before { + content: ''; + position: absolute; + top: initial; + bottom: 12px; + width: 15px; + height: 15px; + border-radius: 50%; + left: 12px; + background: #e41cf8; + box-shadow: 0 0 0 5px #e41cf833, 0 0 0 10px #e41cf822, 0 0 0 10px #e41cf811, + 0 0 20px #e41cf8, 0 0 50px #e41cf8; } -.container p -{ - position: absolute; - color: #fff; - font-size: 1.5em; - font-family: consolas; - bottom: -80px; - letter-spacing: 0.15em; +.container p { + position: absolute; + color: #fff; + font-size: 1.5em; + font-family: consolas; + bottom: -80px; + letter-spacing: 0.15em; } diff --git a/Art/Artinator/art.css b/Art/Artinator/art.css index 794957c3d..8abca3831 100644 --- a/Art/Artinator/art.css +++ b/Art/Artinator/art.css @@ -27,4 +27,4 @@ div#three { to { transform: scaleX(1); } -} \ No newline at end of file +} diff --git a/Art/Artinator/index.html b/Art/Artinator/index.html index 0b22f70db..64603960c 100644 --- a/Art/Artinator/index.html +++ b/Art/Artinator/index.html @@ -1,12 +1,12 @@ - - - - - -
-
-
- - \ No newline at end of file + + + + + +
+
+
+ + diff --git a/Art/BHARAT/index.html b/Art/BHARAT/index.html index 804b974b6..458b136d2 100644 --- a/Art/BHARAT/index.html +++ b/Art/BHARAT/index.html @@ -1,36 +1,36 @@ - - - - + + + + Flag of BHARAT - - - + + +
-
-
-
-
-
-
- - - - - - - - - - - - -
-
-
+
+
+
+
+
+
+ + + + + + + + + + + + +
+
+
- - \ No newline at end of file + + diff --git a/Art/BHARAT/style.css b/Art/BHARAT/style.css index 290282cd3..6d0b90387 100644 --- a/Art/BHARAT/style.css +++ b/Art/BHARAT/style.css @@ -1,141 +1,140 @@ .wrapper { - display: flex; + display: flex; } .stick { - height: 450px; - width: 10px; - background: black; - border-top-left-radius: 10px; - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; + height: 450px; + width: 10px; + background: black; + border-top-left-radius: 10px; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } .flag { - width: 270px; - height: 180px; - box-shadow: 0px 0px 90px 1px #989; - background-color: transparent; - position: relative; + width: 270px; + height: 180px; + box-shadow: 0px 0px 90px 1px #989; + background-color: transparent; + position: relative; } .top { - height: 60px; - background-color: #ff9933 + height: 60px; + background-color: #ff9933; } .middle { - height: 60px; - display: flex; - justify-content: center; - align-items: center; + height: 60px; + display: flex; + justify-content: center; + align-items: center; } .bottom { - height: 60px; - background-color: green + height: 60px; + background-color: green; } .wheel { - height: 43px; - width: 43px; - border: 1px solid darkblue; - border-radius: 45px; - position: relative; - margin: 0 auto; - animation-name: wheel; - animation-iteration-count: infinite; - animation-duration: 5s; - animation-timing-function: linear; + height: 43px; + width: 43px; + border: 1px solid darkblue; + border-radius: 45px; + position: relative; + margin: 0 auto; + animation-name: wheel; + animation-iteration-count: infinite; + animation-duration: 5s; + animation-timing-function: linear; } .wheel .line { - height: 100%; - width: 1px; - display: inline-block; - position: absolute; - left: 50%; - background: darkblue; + height: 100%; + width: 1px; + display: inline-block; + position: absolute; + left: 50%; + background: darkblue; } .line:nth-child(1) { - transform: rotate(15deg) + transform: rotate(15deg); } .line:nth-child(2) { - transform: rotate(30deg) + transform: rotate(30deg); } .line:nth-child(3) { - transform: rotate(45deg) + transform: rotate(45deg); } .line:nth-child(4) { - transform: rotate(60deg) + transform: rotate(60deg); } .line:nth-child(5) { - transform: rotate(75deg) + transform: rotate(75deg); } .line:nth-child(6) { - transform: rotate(90deg) + transform: rotate(90deg); } .line:nth-child(7) { - transform: rotate(105deg) + transform: rotate(105deg); } .line:nth-child(8) { - transform: rotate(120deg) + transform: rotate(120deg); } .line:nth-child(9) { - transform: rotate(135deg) + transform: rotate(135deg); } .line:nth-child(10) { - transform: rotate(150deg) + transform: rotate(150deg); } .line:nth-child(11) { - transform: rotate(165deg) + transform: rotate(165deg); } .line:nth-child(12) { - transform: rotate(180deg) + transform: rotate(180deg); } @keyframes wheel { - 0%{ - transform: rotate(0deg); - } - 100%{ - transform: rotate(360deg); - } -} -.wave{ - position: absolute; - height: 100%; - width: 100%; - background-image: linear-gradient( - 128deg, rgba(89,72,21,0) 39%, - rgba(250,245,245,0.8474025974025974) - 46%, rgba(89,72,21,0) 53%); - animation-name: wavy; - animation-duration: 10s; - animation-iteration-count: infinite; - animation-timing-function: linear; + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +.wave { + position: absolute; + height: 100%; + width: 100%; + background-image: linear-gradient( + 128deg, + rgba(89, 72, 21, 0) 39%, + rgba(250, 245, 245, 0.8474025974025974) 46%, + rgba(89, 72, 21, 0) 53% + ); + animation-name: wavy; + animation-duration: 10s; + animation-iteration-count: infinite; + animation-timing-function: linear; } @keyframes wavy { - 0%{ - background-position: - -400px 0px, -400px 0px, - -400px 0px,-400px 0px; - } - 100%{ - background-position: 800px 0px, - 800px 0px, 800px 0px, 800px 0px; - } + 0% { + background-position: -400px 0px, -400px 0px, -400px 0px, -400px 0px; + } + 100% { + background-position: 800px 0px, 800px 0px, 800px 0px, 800px 0px; + } } diff --git a/Art/CSS_Magic/index.html b/Art/CSS_Magic/index.html index 33671e51d..13c2f9ba1 100644 --- a/Art/CSS_Magic/index.html +++ b/Art/CSS_Magic/index.html @@ -1,17 +1,17 @@ - - - - CSS Animation Effects - - - -
-
-
-
-

Loading...

-
- - \ No newline at end of file + + + + CSS Animation Effects + + + +
+
+
+
+

Loading...

+
+ + diff --git a/Art/CSS_Magic/style.css b/Art/CSS_Magic/style.css index f76def473..8651eaa57 100644 --- a/Art/CSS_Magic/style.css +++ b/Art/CSS_Magic/style.css @@ -1,138 +1,113 @@ -* -{ - margin: 0; - padding: 0; - box-sizing: border-box; +* { + margin: 0; + padding: 0; + box-sizing: border-box; } -body -{ - display: flex; - justify-content: center; - align-items: center; - min-height: 100vh; - background: #111; +body { + display: flex; + justify-content: center; + align-items: center; + min-height: 100vh; + background: #111; } -.container -{ - position: relative; - width: 100%; - display: flex; - justify-content: center; - align-items: center; +.container { + position: relative; + width: 100%; + display: flex; + justify-content: center; + align-items: center; } -.container .ring -{ - position: relative; - width: 150px; - height: 150px; - margin: -30px; - border-radius: 50%; - border: 4px solid transparent; - border-top: 4px solid #24ecff; - animation: animate 4s linear infinite; +.container .ring { + position: relative; + width: 150px; + height: 150px; + margin: -30px; + border-radius: 50%; + border: 4px solid transparent; + border-top: 4px solid #24ecff; + animation: animate 4s linear infinite; } -@keyframes animate -{ - 0% - { - transform: rotate(0deg); - } - 100% - { - transform: rotate(360deg); - } +@keyframes animate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } } -.container .ring::before -{ - content: ''; - position: absolute; - top: 12px; - right: 12px; - border-radius: 50%; - width: 15px; - height: 15px; - background: #24ecff; - box-shadow: 0 0 0 5px #24ecff33, - 0 0 0 10px #24ecff22, - 0 0 0 20px #24ecff11, - 0 0 20px #24ecff, - 0 0 50px #24ecff; +.container .ring::before { + content: ''; + position: absolute; + top: 12px; + right: 12px; + border-radius: 50%; + width: 15px; + height: 15px; + background: #24ecff; + box-shadow: 0 0 0 5px #24ecff33, 0 0 0 10px #24ecff22, 0 0 0 20px #24ecff11, + 0 0 20px #24ecff, 0 0 50px #24ecff; } -.container .ring:nth-child(2) -{ - animation: animate2 4s linear infinite; - animation-delay: -1s; - border-top: 4px solid transparent; - border-left: 4px solid #93ff2d; +.container .ring:nth-child(2) { + animation: animate2 4s linear infinite; + animation-delay: -1s; + border-top: 4px solid transparent; + border-left: 4px solid #93ff2d; } -.container .ring:nth-child(2)::before -{ - content: ''; - position: absolute; - top: initial; - bottom: 12px; - left: 12px; - border-radius: 50%; - width: 15px; - height: 15px; - background: #93ff2d; - box-shadow: 0 0 0 5px #93ff2d33, - 0 0 0 10px #93ff2d22, - 0 0 0 20px #93ff2d11, - 0 0 20px #93ff2d, - 0 0 50px #93ff2d; +.container .ring:nth-child(2)::before { + content: ''; + position: absolute; + top: initial; + bottom: 12px; + left: 12px; + border-radius: 50%; + width: 15px; + height: 15px; + background: #93ff2d; + box-shadow: 0 0 0 5px #93ff2d33, 0 0 0 10px #93ff2d22, 0 0 0 20px #93ff2d11, + 0 0 20px #93ff2d, 0 0 50px #93ff2d; } -@keyframes animate2 -{ - 0% - { - transform: rotate(360deg); - } - 100% - { - transform: rotate(0deg); - } +@keyframes animate2 { + 0% { + transform: rotate(360deg); + } + 100% { + transform: rotate(0deg); + } } -.container .ring:nth-child(3) -{ - animation: animate2 4s linear infinite; - animation-delay: -3s; - position: absolute; - top: -66.66px; - border-top: 4px solid transparent; - border-left: 4px solid #e41cf8; +.container .ring:nth-child(3) { + animation: animate2 4s linear infinite; + animation-delay: -3s; + position: absolute; + top: -66.66px; + border-top: 4px solid transparent; + border-left: 4px solid #e41cf8; } -.container .ring:nth-child(3)::before -{ - content: ''; - position: absolute; - top: initial; - bottom: 12px; - left: 12px; - border-radius: 50%; - width: 15px; - height: 15px; - background: #e41cf8; - box-shadow: 0 0 0 5px #e41cf833, - 0 0 0 10px #e41cf822, - 0 0 0 20px #e41cf811, - 0 0 20px #e41cf8, - 0 0 50px #e41cf8; +.container .ring:nth-child(3)::before { + content: ''; + position: absolute; + top: initial; + bottom: 12px; + left: 12px; + border-radius: 50%; + width: 15px; + height: 15px; + background: #e41cf8; + box-shadow: 0 0 0 5px #e41cf833, 0 0 0 10px #e41cf822, 0 0 0 20px #e41cf811, + 0 0 20px #e41cf8, 0 0 50px #e41cf8; } -.container p -{ - position: absolute; - color: #fff; - font-size: 1.5em; - font-family: consolas; - bottom: -80px; - letter-spacing: 0.15em; -} \ No newline at end of file +.container p { + position: absolute; + color: #fff; + font-size: 1.5em; + font-family: consolas; + bottom: -80px; + letter-spacing: 0.15em; +} diff --git a/Art/DanAnim/index.html b/Art/DanAnim/index.html index 97aa6eda1..89d25d36b 100644 --- a/Art/DanAnim/index.html +++ b/Art/DanAnim/index.html @@ -1,17 +1,17 @@ - - - - - + + + + + Document - - -
-
-
-
-
- - \ No newline at end of file + + +
+
+
+
+
+ + diff --git a/Art/DanAnim/stylesheet.css b/Art/DanAnim/stylesheet.css index f8a329f19..c58168056 100644 --- a/Art/DanAnim/stylesheet.css +++ b/Art/DanAnim/stylesheet.css @@ -1,42 +1,45 @@ -body{ - background-color: black; +body { + background-color: black; } -#container{ - display:flex; +#container { + display: flex; flex-direction: row; justify-content: center; padding-top: 20px; } -#one{ +#one { width: 200px; height: 250px; - background-color:green; + background-color: green; animation-name: opacity; animation-duration: 2s; } -#two{ +#two { width: 200px; height: 250px; - background-color:white; + background-color: white; animation-name: opacity; animation-duration: 2s; animation-delay: 2s; } -#three{ +#three { width: 200px; height: 250px; - background-color:red; + background-color: red; animation-name: opacity; animation-duration: 2s; animation-delay: 4s; } @keyframes opacity { - from {opacity:0;} - to {opacity:1;} - } - \ No newline at end of file + from { + opacity: 0; + } + to { + opacity: 1; + } +} diff --git a/Art/Dive Into Space/index.html b/Art/Dive Into Space/index.html deleted file mode 100644 index d456c79c3..000000000 --- a/Art/Dive Into Space/index.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - Dive Into Space - - - - -

SPACE

-
FIND YOUR STAR
- -
TRY TO SEARCH WITHIN YOUR HEART TOO..
- - - - -
- - \ No newline at end of file diff --git a/Art/Dive Into Space/style.css b/Art/Dive Into Space/style.css deleted file mode 100644 index e1c7b120e..000000000 --- a/Art/Dive Into Space/style.css +++ /dev/null @@ -1,127 +0,0 @@ -html { - height: 100%; - width: 100%; - padding: 0; - margin: 0; - background-color: #101113; - cursor: url('./RocketCursor.cur'), auto; -} - -h1 { - font: 600 3.5em 'Raleway', sans-serif; - color: whitesmoke; - text-align: center; - text-transform: uppercase; - letter-spacing: .5em; - width: 100%; -} - -h6 { - font: 900 1em 'Raleway', sans-serif; - color: whitesmoke; - text-align: center; - text-transform: none; - letter-spacing: 2em; -} -#footer { - position: fixed; - padding: 10px 10px 0px 10px; - bottom: 0; - width: 100%; - /* Height of the footer*/ - height: 20px; - background: black; - text-align: center; - color: whitesmoke; - text-transform: none; - letter-spacing: 0.5em; -} - -.main { - position: fixed; - top: 50%; - left: 50%; - height: 1px; - width: 1px; - border-radius: 50%; - box-shadow: - -23vw -39vh 1px 2px #fff,41vw 48vh 2px 1px #fff, - 30vw -5vh 0px 3px #fff,-25vw -38vh 0px 2px #fff, - -10vw -18vh 0px 2px #fff,-40vw 8vh 3px 1px #fff, - -4vw 35vh 3px 2px #fff,47vw 35vh 0px 1px #fff, - 28vw 41vh 3px 3px #fff,-2vw 48vh 0px 0px #fff, - -45vw -32vh 0px 3px #fff,20vw 3vh 1px 2px #fff, - -40vw -32vh 2px 1px #fff,-10vw -23vh 0px 3px #fff, - 16vw -5vh 0px 1px #fff,-22vw -30vh 3px 2px #fff, - -26vw 35vh 2px 0px #fff,15vw 7vh 1px 2px #fff, - -40vw 46vh 3px 0px #fff,46vw 7vh 2px 1px #fff, - -47vw 43vh 0px 2px #fff,22vw -9vh 1px 3px #fff, - 15vw -9vh 1px 2px #fff,43vw 35vh 1px 1px #fff, - -25vw 14vh 3px 1px #fff,-39vw -34vh 3px 3px #fff, - 36vw 12vh 3px 0px #fff,8vw -17vh 2px 1px #fff, - 35vw 37vh 1px 2px #fff,-11vw 9vh 2px 0px #fff, - -26vw 2vh 3px 3px #fff,-34vw 20vh 2px 0px #fff, - -18vw -33vh 0px 3px #fff,41vw 0vh 0px 2px #fff, - 8vw -38vh 0px 1px #fff,-12vw -24vh 0px 3px #fff, - -15vw -34vh 2px 0px #fff,15vw 20vh 2px 0px #fff, - -1vw -14vh 2px 2px #fff,37vw 45vh 2px 3px #fff, - -23vw 22vh 0px 2px #fff, - 25vw -28vh 0px 0px #fff,-39vw 23vh 1px 0px #fff, - -8vw -38vh 1px 0px #fff,2vw -5vh 1px 0px #fff, - -23vw -33vh 2px 2px #fff,-23vw 30vh 0px 0px #fff, - -31vw 44vh 2px 0px #fff,28vw -22vh 2px 3px #fff, - -33vw 10vh 3px 2px #fff,7vw -15vh 0px 1px #fff, - -49vw 31vh 0px 0px #fff,35vw 33vh 0px 2px #fff, - -36vw -44vh 1px 3px #fff,-49vw 0vh 0px 0px #fff, - -19vw -41vh 2px 2px #fff,23vw 49vh 2px 1px #fff, - -39vw 50vh 1px 2px #fff,-19vw 1vh 2px 2px #fff, - 42vw -2vh 1px 2px #fff,-21vw -40vh 2px 2px #fff, - -27vw -26vh 2px 3px #fff,28vw -32vh 2px 3px #fff, - 1vw -11vh 1px 1px #fff,21vw -46vh 0px 2px #fff, - 32vw -9vh 0px 3px #fff,1vw 29vh 1px 1px #fff, - 23vw -24vh 2px 3px #fff,11vw -1vh 3px 2px #fff, - -42vw 7vh 3px 1px #fff,17vw -9vh 0px 2px #fff, - -35vw 10vh 1px 1px #fff,48vw -37vh 1px 3px #fff, - -16vw -43vh 1px 0px #fff,-22vw 46vh 1px 1px #fff, - -20vw -32vh 2px 1px #fff,44vw -4vh 1px 2px #fff, - -40vw 13vh 1px 3px #fff,-23vw -32vh 1px 0px #fff, - 14vw 21vh 1px 2px #fff,-35vw 44vh 0px 0px #fff, - 42vw -31vh 2px 0px #fff,25vw -5vh 3px 2px #fff, - 21vw -24vh 3px 0px #fff,20vw 13vh 0px 1px #fff, - 40vw -23vh 1px 2px #fff,-5vw 39vh 3px 2px #fff, - 21vw 34vh 2px 3px #fff,26vw 5vh 0px 2px #fff, - -13vw -42vh 3px 1px #fff,45vw -42vh 3px 3px #fff, - -11vw -44vh 2px 3px #fff,-46vw 35vh 2px 3px #fff, - 20vw -2vh 3px 2px #fff,13vw 22vh 3px 1px #fff, - 16vw -42vh 0px 3px #fff,32vw -50vh 0px 2px #fff, - 0vw -15vh 2px 0px #fff,47vw 25vh 1px 3px #fff; - animation: infinite; -} - - -.hide { - display: none; - margin-left: auto; - margin-right: auto; - padding: 10px 10px 10px 10px; - - -} -.show{ - color: #101113; - font: 600 1em 'Raleway', sans-serif; - text-align: center; - text-transform: uppercase - width: 100%; -} -.show:hover { - color: darkgoldenrod; -} - -.show:hover + .hide { - display: block; -} -.animate__animated.animate__flash.animate__zoomIn.animate__pulse{ - --animate-duration: 5s; -} - diff --git a/Art/Dive Into Space/Rocket.png b/Art/Dive-Into-Space/Rocket.png similarity index 100% rename from Art/Dive Into Space/Rocket.png rename to Art/Dive-Into-Space/Rocket.png diff --git a/Art/Dive Into Space/RocketCursor.cur b/Art/Dive-Into-Space/RocketCursor.cur similarity index 100% rename from Art/Dive Into Space/RocketCursor.cur rename to Art/Dive-Into-Space/RocketCursor.cur diff --git a/Art/Dive Into Space/brightStar.png b/Art/Dive-Into-Space/brightStar.png similarity index 100% rename from Art/Dive Into Space/brightStar.png rename to Art/Dive-Into-Space/brightStar.png diff --git a/Art/Dive-Into-Space/index.html b/Art/Dive-Into-Space/index.html new file mode 100644 index 000000000..0ec0325c2 --- /dev/null +++ b/Art/Dive-Into-Space/index.html @@ -0,0 +1,32 @@ + + + + + + + Dive Into Space + + + + +

SPACE

+
FIND YOUR STAR
+ +
+ TRY TO SEARCH WITHIN YOUR HEART TOO.. +
+ + + +
+ + diff --git a/Art/Dive Into Space/space.gif b/Art/Dive-Into-Space/space.gif similarity index 100% rename from Art/Dive Into Space/space.gif rename to Art/Dive-Into-Space/space.gif diff --git a/Art/Dive-Into-Space/style.css b/Art/Dive-Into-Space/style.css new file mode 100644 index 000000000..847a38e10 --- /dev/null +++ b/Art/Dive-Into-Space/style.css @@ -0,0 +1,106 @@ +html { + height: 100%; + width: 100%; + padding: 0; + margin: 0; + background-color: #101113; + cursor: url('./RocketCursor.cur'), auto; +} + +h1 { + font: 600 3.5em 'Raleway', sans-serif; + color: whitesmoke; + text-align: center; + text-transform: uppercase; + letter-spacing: 0.5em; + width: 100%; +} + +h6 { + font: 900 1em 'Raleway', sans-serif; + color: whitesmoke; + text-align: center; + text-transform: none; + letter-spacing: 2em; +} +#footer { + position: fixed; + padding: 10px 10px 0px 10px; + bottom: 0; + width: 100%; + /* Height of the footer*/ + height: 20px; + background: black; + text-align: center; + color: whitesmoke; + text-transform: none; + letter-spacing: 0.5em; +} + +.main { + position: fixed; + top: 50%; + left: 50%; + height: 1px; + width: 1px; + border-radius: 50%; + box-shadow: -23vw -39vh 1px 2px #fff, 41vw 48vh 2px 1px #fff, + 30vw -5vh 0px 3px #fff, -25vw -38vh 0px 2px #fff, -10vw -18vh 0px 2px #fff, + -40vw 8vh 3px 1px #fff, -4vw 35vh 3px 2px #fff, 47vw 35vh 0px 1px #fff, + 28vw 41vh 3px 3px #fff, -2vw 48vh 0px 0px #fff, -45vw -32vh 0px 3px #fff, + 20vw 3vh 1px 2px #fff, -40vw -32vh 2px 1px #fff, -10vw -23vh 0px 3px #fff, + 16vw -5vh 0px 1px #fff, -22vw -30vh 3px 2px #fff, -26vw 35vh 2px 0px #fff, + 15vw 7vh 1px 2px #fff, -40vw 46vh 3px 0px #fff, 46vw 7vh 2px 1px #fff, + -47vw 43vh 0px 2px #fff, 22vw -9vh 1px 3px #fff, 15vw -9vh 1px 2px #fff, + 43vw 35vh 1px 1px #fff, -25vw 14vh 3px 1px #fff, -39vw -34vh 3px 3px #fff, + 36vw 12vh 3px 0px #fff, 8vw -17vh 2px 1px #fff, 35vw 37vh 1px 2px #fff, + -11vw 9vh 2px 0px #fff, -26vw 2vh 3px 3px #fff, -34vw 20vh 2px 0px #fff, + -18vw -33vh 0px 3px #fff, 41vw 0vh 0px 2px #fff, 8vw -38vh 0px 1px #fff, + -12vw -24vh 0px 3px #fff, -15vw -34vh 2px 0px #fff, 15vw 20vh 2px 0px #fff, + -1vw -14vh 2px 2px #fff, 37vw 45vh 2px 3px #fff, -23vw 22vh 0px 2px #fff, + 25vw -28vh 0px 0px #fff, -39vw 23vh 1px 0px #fff, -8vw -38vh 1px 0px #fff, + 2vw -5vh 1px 0px #fff, -23vw -33vh 2px 2px #fff, -23vw 30vh 0px 0px #fff, + -31vw 44vh 2px 0px #fff, 28vw -22vh 2px 3px #fff, -33vw 10vh 3px 2px #fff, + 7vw -15vh 0px 1px #fff, -49vw 31vh 0px 0px #fff, 35vw 33vh 0px 2px #fff, + -36vw -44vh 1px 3px #fff, -49vw 0vh 0px 0px #fff, -19vw -41vh 2px 2px #fff, + 23vw 49vh 2px 1px #fff, -39vw 50vh 1px 2px #fff, -19vw 1vh 2px 2px #fff, + 42vw -2vh 1px 2px #fff, -21vw -40vh 2px 2px #fff, -27vw -26vh 2px 3px #fff, + 28vw -32vh 2px 3px #fff, 1vw -11vh 1px 1px #fff, 21vw -46vh 0px 2px #fff, + 32vw -9vh 0px 3px #fff, 1vw 29vh 1px 1px #fff, 23vw -24vh 2px 3px #fff, + 11vw -1vh 3px 2px #fff, -42vw 7vh 3px 1px #fff, 17vw -9vh 0px 2px #fff, + -35vw 10vh 1px 1px #fff, 48vw -37vh 1px 3px #fff, -16vw -43vh 1px 0px #fff, + -22vw 46vh 1px 1px #fff, -20vw -32vh 2px 1px #fff, 44vw -4vh 1px 2px #fff, + -40vw 13vh 1px 3px #fff, -23vw -32vh 1px 0px #fff, 14vw 21vh 1px 2px #fff, + -35vw 44vh 0px 0px #fff, 42vw -31vh 2px 0px #fff, 25vw -5vh 3px 2px #fff, + 21vw -24vh 3px 0px #fff, 20vw 13vh 0px 1px #fff, 40vw -23vh 1px 2px #fff, + -5vw 39vh 3px 2px #fff, 21vw 34vh 2px 3px #fff, 26vw 5vh 0px 2px #fff, + -13vw -42vh 3px 1px #fff, 45vw -42vh 3px 3px #fff, -11vw -44vh 2px 3px #fff, + -46vw 35vh 2px 3px #fff, 20vw -2vh 3px 2px #fff, 13vw 22vh 3px 1px #fff, + 16vw -42vh 0px 3px #fff, 32vw -50vh 0px 2px #fff, 0vw -15vh 2px 0px #fff, + 47vw 25vh 1px 3px #fff; + animation: infinite; +} + +.hide { + display: none; + margin-left: auto; + margin-right: auto; + padding: 10px 10px 10px 10px; +} +.show { + color: #101113; + font: 600 1em 'Raleway', sans-serif; + text-align: center; + text-transform: uppercase; + width: 100%; +} +.show:hover { + color: darkgoldenrod; +} + +.show:hover + .hide { + display: block; +} +.animate__animated.animate__flash.animate__zoomIn.animate__pulse { + --animate-duration: 5s; +} diff --git a/Art/Flipping/index.html b/Art/Flipping/index.html index 538a0b87d..85835ac3b 100644 --- a/Art/Flipping/index.html +++ b/Art/Flipping/index.html @@ -1,43 +1,45 @@ - Flippers - + + Flippers + - + +

Flip the cards once they stop moving to see the hidden message.

-
-

FLIP WHEN PINK

-

PERHAPS

-
-
-

FLIP WHEN PINK

-

WE

-
-
-

FLIP WHEN PINK

-

CAN

-
-
-

FLIP WHEN PINK

-

HAVE

-
-
-

FLIP WHEN PINK

-

A

-
-
-

FLIP WHEN PINK

-

MEAL

-
-
-

FLIP WHEN PINK

-

OR

-
-
-

FLIP WHEN PINK

-

SOMETHING?

-
+
+

FLIP WHEN PINK

+

PERHAPS

+
+
+

FLIP WHEN PINK

+

WE

+
+
+

FLIP WHEN PINK

+

CAN

+
+
+

FLIP WHEN PINK

+

HAVE

+
+
+

FLIP WHEN PINK

+

A

+
+
+

FLIP WHEN PINK

+

MEAL

+
+
+

FLIP WHEN PINK

+

OR

+
+
+

FLIP WHEN PINK

+

SOMETHING?

+
- + diff --git a/Art/Flipping/style.css b/Art/Flipping/style.css index d70f3d874..e455b26d6 100644 --- a/Art/Flipping/style.css +++ b/Art/Flipping/style.css @@ -1,107 +1,130 @@ -html body { - font-family: sans-serif; - text-align: center; - background-color:rgb(0, 255, 225); +html body { + font-family: sans-serif; + text-align: center; + background-color: rgb(0, 255, 225); } -.container{ - margin:10% 10%; - display: grid; - grid-template-columns: repeat(4, 1fr); - grid-template-rows: repeat(2, 1fr); - grid-gap: 20px; - justify-items: center; -} -.cardspot{ - width: 100%; - height: 270px; - transition: transform 300ms ease-in-out; - transform-style: preserve-3d; - position: relative; - -} -h1{ - text-decoration-color: aliceblue; - display: block; - padding: 50px 20px 0px 20px; -} -H2{ - text-align:center; - padding-top: 25%; +.container { + margin: 10% 10%; + display: grid; + grid-template-columns: repeat(4, 1fr); + grid-template-rows: repeat(2, 1fr); + grid-gap: 20px; + justify-items: center; +} +.cardspot { + width: 100%; + height: 270px; + transition: transform 300ms ease-in-out; + transform-style: preserve-3d; + position: relative; +} +h1 { + text-decoration-color: aliceblue; + display: block; + padding: 50px 20px 0px 20px; +} +H2 { + text-align: center; + padding-top: 25%; } .cardspot:hover { - transform: rotateY(180deg); + transform: rotateY(180deg); } - .card { - position:absolute; - height: 100%; - width: 100%; - backface-visibility: hidden; - border-radius: 25px; - align-items: center; - justify-content: center; - background-color: red; - animation-name: example; - animation-duration: 3s; - +.card { + position: absolute; + height: 100%; + width: 100%; + backface-visibility: hidden; + border-radius: 25px; + align-items: center; + justify-content: center; + background-color: red; + animation-name: example; + animation-duration: 3s; } @keyframes example { - 0% { - background-color: rgb(151, 251, 11); - top: 0px; - - } - 25% { - background-color: rgb(0, 158, 71); - top: 0px; - - } - 50% { - background-color: rgb(71, 12, 248); - top: 50px; - - } - - 100% { - background-color: yellow; - top: 0px; + 0% { + background-color: rgb(151, 251, 11); + top: 0px; + } + 25% { + background-color: rgb(0, 158, 71); + top: 0px; + } + 50% { + background-color: rgb(71, 12, 248); + top: 50px; + } - } + 100% { + background-color: yellow; + top: 0px; } +} /* ******************************************** */ -.front1{ background-color: rgb(251, 0, 255);} -.back1{ background-color: rgba(234, 255, 0, 0.868); - transform: rotateY( 180deg );} - -.front2{ background-color: rgb(251, 0, 255);} -.back2{ background-color: rgba(234, 255, 0, 0.868); - transform: rotateY( 180deg );} - -.front3{ background-color: rgb(251, 0, 255);} -.back3{ background-color: rgba(234, 255, 0, 0.868); - transform: rotateY( 180deg );} +.front1 { + background-color: rgb(251, 0, 255); +} +.back1 { + background-color: rgba(234, 255, 0, 0.868); + transform: rotateY(180deg); +} -.front4{ background-color: rgb(251, 0, 255);} -.back4{ background-color: rgba(234, 255, 0, 0.868); - transform: rotateY( 180deg );} +.front2 { + background-color: rgb(251, 0, 255); +} +.back2 { + background-color: rgba(234, 255, 0, 0.868); + transform: rotateY(180deg); +} -.front5{ background-color: rgb(251, 0, 255);} -.back5{ background-color: rgba(234, 255, 0, 0.868); - transform: rotateY( 180deg );} +.front3 { + background-color: rgb(251, 0, 255); +} +.back3 { + background-color: rgba(234, 255, 0, 0.868); + transform: rotateY(180deg); +} -.front6{ background-color: rgb(251, 0, 255);} -.back6{ background-color: rgba(234, 255, 0, 0.868); - transform: rotateY( 180deg );} +.front4 { + background-color: rgb(251, 0, 255); +} +.back4 { + background-color: rgba(234, 255, 0, 0.868); + transform: rotateY(180deg); +} -.front7{ background-color: rgb(251, 0, 255);} -.back7{ background-color: rgba(234, 255, 0, 0.868); - transform: rotateY( 180deg );} +.front5 { + background-color: rgb(251, 0, 255); +} +.back5 { + background-color: rgba(234, 255, 0, 0.868); + transform: rotateY(180deg); +} -.front8{ background-color: rgb(251, 0, 255);} -.back8{ background-color: rgba(234, 255, 0, 0.868); - transform: rotateY( 180deg );} +.front6 { + background-color: rgb(251, 0, 255); +} +.back6 { + background-color: rgba(234, 255, 0, 0.868); + transform: rotateY(180deg); +} +.front7 { + background-color: rgb(251, 0, 255); +} +.back7 { + background-color: rgba(234, 255, 0, 0.868); + transform: rotateY(180deg); +} - \ No newline at end of file +.front8 { + background-color: rgb(251, 0, 255); +} +.back8 { + background-color: rgba(234, 255, 0, 0.868); + transform: rotateY(180deg); +} diff --git a/Art/GeminiSpace/index.html b/Art/GeminiSpace/index.html index 62acf51af..b82dd44b1 100644 --- a/Art/GeminiSpace/index.html +++ b/Art/GeminiSpace/index.html @@ -1,15 +1,15 @@ - - - - - - Alternate Spacing - - -
-

GeminiSpace

-
- - \ No newline at end of file + + + + + + Alternate Spacing + + +
+

GeminiSpace

+
+ + diff --git a/Art/GeminiSpace/style.css b/Art/GeminiSpace/style.css index 0dcf942f2..5a33c4194 100644 --- a/Art/GeminiSpace/style.css +++ b/Art/GeminiSpace/style.css @@ -1,38 +1,35 @@ body { background: #333; font-family: Arial, Helvetica, sans-serif; - } .space { - display: flex; - justify-content: center; - align-items: center; - font-size: 1.1rem; - background: #fff; - color: rgb(11, 255, 231); - width: 250px; - height: 250px; - position: relative; - top: 0; - left: 0; - animation: animate 5s forwards ease-in infinite alternate-reverse; + display: flex; + justify-content: center; + align-items: center; + font-size: 1.1rem; + background: #fff; + color: rgb(11, 255, 231); + width: 250px; + height: 250px; + position: relative; + top: 0; + left: 0; + animation: animate 5s forwards ease-in infinite alternate-reverse; } h1 { text-shadow: 0.5rem 0.5rem 1rem #333; - } @keyframes animate { - 0% { top: 0; left: 0; background: red; border-radius: 0 0 0; } - + 25% { top: 0; left: 350px; @@ -45,7 +42,6 @@ h1 { left: 350px; background: orange; border-radius: 50% 50% 0 0; - } 75% { @@ -53,7 +49,6 @@ h1 { left: 0; background: yellow; border-radius: 50% 50% 50% 0; - } 100% { @@ -62,4 +57,4 @@ h1 { background: yellowgreen; border-radius: 50% 50% 50% 50%; } -} \ No newline at end of file +} diff --git a/Art/Hot coffee/index.html b/Art/Hot coffee/index.html deleted file mode 100644 index 22b970b7e..000000000 --- a/Art/Hot coffee/index.html +++ /dev/null @@ -1,31 +0,0 @@ - - - - Hot Coffee - - - -
-

Do You Want Some Hot Coffee?

-

A cup of coffee is all you need to start your day!

-
- -
-
-
-
-
- -
-
-
-
-
-
- -
-
-
- - - \ No newline at end of file diff --git a/Art/Hot coffee/cup_coffee.gif b/Art/Hot-coffee/cup_coffee.gif similarity index 100% rename from Art/Hot coffee/cup_coffee.gif rename to Art/Hot-coffee/cup_coffee.gif diff --git a/Art/Hot-coffee/index.html b/Art/Hot-coffee/index.html new file mode 100644 index 000000000..b1a266f99 --- /dev/null +++ b/Art/Hot-coffee/index.html @@ -0,0 +1,30 @@ + + + + Hot Coffee + + + +
+

Do You Want Some Hot Coffee?

+

A cup of coffee is all you need to start your day!

+
+ +
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+ + diff --git a/Art/Hot coffee/style.css b/Art/Hot-coffee/style.css similarity index 64% rename from Art/Hot coffee/style.css rename to Art/Hot-coffee/style.css index cba6aa14c..623992418 100644 --- a/Art/Hot coffee/style.css +++ b/Art/Hot-coffee/style.css @@ -1,15 +1,15 @@ .header { - width: 100%; - height: 200px; - /*background-color: teal;*/ - text-align: center; - } + width: 100%; + height: 200px; + /*background-color: teal;*/ + text-align: center; +} h1 { - /*padding-top: 50px;*/ - font-size: 25px; - font-family: cursive; - color: white; - } + /*padding-top: 50px;*/ + font-size: 25px; + font-family: cursive; + color: white; +} body { background: #8acdeb; @@ -43,13 +43,25 @@ body { } @-webkit-keyframes steam1 { - 0% {transform: translateY(0) translateX(0) scale(0.25); opacity: 0.2;} - 100% {transform: translateY(-200px) translateX(-20px) scale(1); opacity: 0;} + 0% { + transform: translateY(0) translateX(0) scale(0.25); + opacity: 0.2; + } + 100% { + transform: translateY(-200px) translateX(-20px) scale(1); + opacity: 0; + } } @keyframes steam1 { - 0% {transform: translateY(0) translateX(0) scale(0.25); opacity: 0.2;} - 100% {transform: translateY(-200px) translateX(-20px) scale(1); opacity: 0;} + 0% { + transform: translateY(0) translateX(0) scale(0.25); + opacity: 0.2; + } + 100% { + transform: translateY(-200px) translateX(-20px) scale(1); + opacity: 0; + } } #steam2 { @@ -63,13 +75,25 @@ body { } @-webkit-keyframes steam2 { - 0% {transform: translateY(0) translateX(0) scale(0.25); opacity: 0.2;} - 100% {transform: translateY(-200px) translateX(20px) scale(1); opacity: 0;} + 0% { + transform: translateY(0) translateX(0) scale(0.25); + opacity: 0.2; + } + 100% { + transform: translateY(-200px) translateX(20px) scale(1); + opacity: 0; + } } @keyframes steam2 { - 0% {transform: translateY(0) translateX(0) scale(0.25); opacity: 0.2;} - 100% {transform: translateY(-200px) translateX(20px) scale(1); opacity: 0;} + 0% { + transform: translateY(0) translateX(0) scale(0.25); + opacity: 0.2; + } + 100% { + transform: translateY(-200px) translateX(20px) scale(1); + opacity: 0; + } } #cup { @@ -92,7 +116,7 @@ body { position: relative; height: 300px; width: 200px; - background-color: #F3F3F3; + background-color: #f3f3f3; display: inline-block; margin-left: 42%; margin-top: -3px; @@ -105,7 +129,7 @@ body { height: 75px; width: 80px; border-radius: 0 150px 150px 0; - border: 15px solid #F3F3F3; + border: 15px solid #f3f3f3; margin-bottom: 95px; margin-left: 250px; display: inline-block; @@ -115,9 +139,9 @@ body { #saucer { position: absolute; height: 30px; - width: 300px; + width: 300px; border-radius: 0 0 100px 100px; - background-color: #F9F9F9; + background-color: #f9f9f9; margin-top: -32px; margin-left: 5px; z-index: 2; @@ -131,7 +155,3 @@ body { margin-left: 6px; background-color: #7bb8d4; } - - - -Resources \ No newline at end of file diff --git a/Art/InfiniteCircleLoop/index.html b/Art/InfiniteCircleLoop/index.html index 8b793ea30..979a48b19 100644 --- a/Art/InfiniteCircleLoop/index.html +++ b/Art/InfiniteCircleLoop/index.html @@ -1,20 +1,19 @@ - - - - - - - Infinite Circle Loop - - -
-
-
-
-
-
-
- -
- - \ No newline at end of file + + + + + + + Infinite Circle Loop + + +
+
+
+
+
+
+
+
+ + diff --git a/Art/InfiniteCircleLoop/style.css b/Art/InfiniteCircleLoop/style.css index 5d7f0845e..319d74e6a 100644 --- a/Art/InfiniteCircleLoop/style.css +++ b/Art/InfiniteCircleLoop/style.css @@ -1,74 +1,73 @@ -*{ - margin: 0px; - padding: 0px; -} - -body{ - background: steelblue; -} - -.container{ - position: absolute; - top: 50%; - left: 50%; - display: flex; - align-items: center; - justify-content: center; - transform: rotateX(65deg); - perspective: 1000px; - transform-style: preserve-3d; - -} - -.circle{ - border-radius: 300px; - position: absolute; - animation: circle 1.5s infinite; -} - -@keyframes circle { - 50%{ - transform: translateZ(200px); - } -} - -#circle1{ - height: 600px; - width: 600px; - border: 20px solid black; - animation-delay: .5s; -} - -#circle2{ - height: 500px; - width: 500px; - border: 20px solid red; - animation-delay: .4s; -} - -#circle3{ - height: 400px; - width: 400px; - border: 20px solid limegreen; - animation-delay: .3s; -} - -#circle4{ - height: 300px; - width: 300px; - border: 20px solid royalblue; - animation-delay: .2s; -} - -#circle5{ - height: 200px; - width: 200px; - border: 20px solid lightgoldenrodyellow; - animation-delay: .1s; -} - -#circle6{ - height: 100px; - width: 100px; - border: 20px solid darkorange; -} \ No newline at end of file +* { + margin: 0px; + padding: 0px; +} + +body { + background: steelblue; +} + +.container { + position: absolute; + top: 50%; + left: 50%; + display: flex; + align-items: center; + justify-content: center; + transform: rotateX(65deg); + perspective: 1000px; + transform-style: preserve-3d; +} + +.circle { + border-radius: 300px; + position: absolute; + animation: circle 1.5s infinite; +} + +@keyframes circle { + 50% { + transform: translateZ(200px); + } +} + +#circle1 { + height: 600px; + width: 600px; + border: 20px solid black; + animation-delay: 0.5s; +} + +#circle2 { + height: 500px; + width: 500px; + border: 20px solid red; + animation-delay: 0.4s; +} + +#circle3 { + height: 400px; + width: 400px; + border: 20px solid limegreen; + animation-delay: 0.3s; +} + +#circle4 { + height: 300px; + width: 300px; + border: 20px solid royalblue; + animation-delay: 0.2s; +} + +#circle5 { + height: 200px; + width: 200px; + border: 20px solid lightgoldenrodyellow; + animation-delay: 0.1s; +} + +#circle6 { + height: 100px; + width: 100px; + border: 20px solid darkorange; +} diff --git a/Art/Katana/index.html b/Art/Katana/index.html index 33845227b..acabf193a 100644 --- a/Art/Katana/index.html +++ b/Art/Katana/index.html @@ -1,27 +1,23 @@ - - - - - Here our animation goes - - -
-

What would you like to see today?

-
-
-

Here are two choices:

-
-
-
    -
  • Choice 1
    • -
  • Choice 2
    • -
-
- - - - - - \ No newline at end of file + + + + + Here our animation goes + + +
+

What would you like to see today?

+
+
+

Here are two choices:

+
+
+
    +
  • Choice 1
    • +
  • Choice 2
    • +
+
+ + diff --git a/Art/Katana/style.css b/Art/Katana/style.css index 273adb457..a3177674d 100644 --- a/Art/Katana/style.css +++ b/Art/Katana/style.css @@ -1,49 +1,55 @@ * { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } body { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - background: darkred; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + background: darkred; } h1 { - width: 50%; - margin-left: auto; - margin-right: auto; - text-align: center; - padding: 2rem; + width: 50%; + margin-left: auto; + margin-right: auto; + text-align: center; + padding: 2rem; } h2 { - margin: 10px auto; + margin: 10px auto; } li { - margin: 10px; - padding: 10px; - background: orangered; - border-radius: 50px; + margin: 10px; + padding: 10px; + background: orangered; + border-radius: 50px; } .bouncers { - display: flex; + display: flex; } .bouncers li { - list-style-type: none; - animation-name: updown; - animation-duration: 4s; + list-style-type: none; + animation-name: updown; + animation-duration: 4s; - animation-iteration-count: infinite; + animation-iteration-count: infinite; } @keyframes updown { - 0% {transform: translateY(0%);} - 50% {transform: translateY(200%);} - 100% {transform: translateY(0%);} -} \ No newline at end of file + 0% { + transform: translateY(0%); + } + 50% { + transform: translateY(200%); + } + 100% { + transform: translateY(0%); + } +} diff --git a/Art/KeenanNunesVaz/style.css b/Art/KeenanNunesVaz/style.css index 0272f5a79..a20a28919 100644 --- a/Art/KeenanNunesVaz/style.css +++ b/Art/KeenanNunesVaz/style.css @@ -21,21 +21,25 @@ body { width: 100px; height: 50px; } -.helix-row:nth-child(2) .rung, .helix-row:nth-child(2) .ball { +.helix-row:nth-child(2) .rung, +.helix-row:nth-child(2) .ball { -webkit-animation-delay: -0.8s; - animation-delay: -0.8s; + animation-delay: -0.8s; } -.helix-row:nth-child(3) .rung, .helix-row:nth-child(3) .ball { +.helix-row:nth-child(3) .rung, +.helix-row:nth-child(3) .ball { -webkit-animation-delay: -0.6s; - animation-delay: -0.6s; + animation-delay: -0.6s; } -.helix-row:nth-child(4) .rung, .helix-row:nth-child(4) .ball { +.helix-row:nth-child(4) .rung, +.helix-row:nth-child(4) .ball { -webkit-animation-delay: -0.4s; - animation-delay: -0.4s; + animation-delay: -0.4s; } -.helix-row:nth-child(5) .rung, .helix-row:nth-child(5) .ball { +.helix-row:nth-child(5) .rung, +.helix-row:nth-child(5) .ball { -webkit-animation-delay: -0.2s; - animation-delay: -0.2s; + animation-delay: -0.2s; } .rung { @@ -45,7 +49,7 @@ body { top: 15px; background-color: white; -webkit-animation: rung-parallax 1s linear infinite; - animation: rung-parallax 1s linear infinite; + animation: rung-parallax 1s linear infinite; } @-webkit-keyframes rung-parallax { @@ -80,12 +84,18 @@ body { transform-origin: 50% 50%; } .ball.left { - -webkit-animation: left-to-right 1s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite, approach 1s linear infinite; - animation: left-to-right 1s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite, approach 1s linear infinite; + -webkit-animation: left-to-right 1s cubic-bezier(0.445, 0.05, 0.55, 0.95) + infinite, + approach 1s linear infinite; + animation: left-to-right 1s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite, + approach 1s linear infinite; } .ball.right { - -webkit-animation: right-to-left 1s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite, recede 1s linear infinite; - animation: right-to-left 1s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite, recede 1s linear infinite; + -webkit-animation: right-to-left 1s cubic-bezier(0.445, 0.05, 0.55, 0.95) + infinite, + recede 1s linear infinite; + animation: right-to-left 1s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite, + recede 1s linear infinite; } @-webkit-keyframes left-to-right { @@ -170,4 +180,4 @@ body { transform: scale(1); background-color: white; } -}/*# sourceMappingURL=style.css.map */ \ No newline at end of file +} /*# sourceMappingURL=style.css.map */ diff --git a/Art/Loader/index.html b/Art/Loader/index.html index bfbd94027..966b34c74 100644 --- a/Art/Loader/index.html +++ b/Art/Loader/index.html @@ -1,11 +1,11 @@ - - - Loader - - - -
- - \ No newline at end of file + + + Loader + + + +
+ + diff --git a/Art/Loader/style.css b/Art/Loader/style.css index 1c55ee929..97f8c524f 100644 --- a/Art/Loader/style.css +++ b/Art/Loader/style.css @@ -1,8 +1,8 @@ -body{ - align-items: center; - display: flex; - justify-content: center; - margin: 25px; +body { + align-items: center; + display: flex; + justify-content: center; + margin: 25px; } .loader { @@ -15,6 +15,10 @@ body{ } @keyframes spin { - 0% { transform: rotate(0deg); } - 100% { transform: rotate(360deg); } -} \ No newline at end of file + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} diff --git a/Art/Luisa/index.html b/Art/Luisa/index.html index 7e6c44959..addc5c1eb 100644 --- a/Art/Luisa/index.html +++ b/Art/Luisa/index.html @@ -1,18 +1,21 @@ - - - - Animation - - -
-
- - - - - -
- - \ No newline at end of file + + + + Animation + + +
+
+ + + + + +
+ + diff --git a/Art/Luisa/style.css b/Art/Luisa/style.css index 296e5ef13..a5a252fbe 100644 --- a/Art/Luisa/style.css +++ b/Art/Luisa/style.css @@ -1,114 +1,96 @@ * { - box-sizing: border-box; + box-sizing: border-box; } body { - margin: 0; - padding: 0; - background-color: #0f0f0fc4; - display: flex; - align-items:center; - justify-content: center; - - + margin: 0; + padding: 0; + background-color: #0f0f0fc4; + display: flex; + align-items: center; + justify-content: center; } -.container{ - width: max-content; - - display:flex; - flex-direction: column; - align-items: center; - justify-content: center; - padding: 10px; - - +.container { + width: max-content; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 10px; } .heartbeating { - height: 120px; - width: 120px; - margin-top: 200px; - position: relative; - transform: rotate(-45deg); - background: #f10909; - box-shadow: -10px 10px 90px #f10909; - animation: heartbeat 0.7s linear infinite; - - + height: 120px; + width: 120px; + margin-top: 200px; + position: relative; + transform: rotate(-45deg); + background: #f10909; + box-shadow: -10px 10px 90px #f10909; + animation: heartbeat 0.7s linear infinite; } @keyframes heartbeat { - 0% { - transform: rotate(-60deg) scale(1.3); - } - 80% { - transform: rotate(-45deg) scale(1.0); - } - - 100% { - transform: rotate(-45deg)scale(0.7); - } + 0% { + transform: rotate(-60deg) scale(1.3); + } + 80% { + transform: rotate(-45deg) scale(1); + } + + 100% { + transform: rotate(-45deg) scale(0.7); + } } .heartbeating::after { - background: inherit; - content: ""; - position: absolute; - border-radius: 50%; - height: 120px; - width:120px; - top: -50%; - left: 0; - box-shadow: -10px -10px 90px #f10909; - } - - .heartbeating::before { - height: 120px; - width: 120px; - background: inherit; - content: ""; - position: absolute; - border-radius: 50%; - top: 0; - right: -50%; - box-shadow: 10px 10px 90px #f10909; - - } - - - - svg { - height: 500px; - width: 700px; - position: relative; - transform: translate(-50%, -50%); - filter: drop-shadow(0 0 25px #00e6a8); - opacity: 2; - margin-top: 200px; - left: 45%; - - - - - } - - svg .path { - stroke: rgb(35, 211, 88); - stroke-width: 3px; - fill: transparent; - animation: pulse 2s linear infinite; - stroke-dasharray: 3000; - stroke-dashoffset: 3000; - } + background: inherit; + content: ''; + position: absolute; + border-radius: 50%; + height: 120px; + width: 120px; + top: -50%; + left: 0; + box-shadow: -10px -10px 90px #f10909; +} - @keyframes pulse{ - to{ - stroke-dashoffset: 0; - opacity: 0; - } - } - +.heartbeating::before { + height: 120px; + width: 120px; + background: inherit; + content: ''; + position: absolute; + border-radius: 50%; + top: 0; + right: -50%; + box-shadow: 10px 10px 90px #f10909; +} +svg { + height: 500px; + width: 700px; + position: relative; + transform: translate(-50%, -50%); + filter: drop-shadow(0 0 25px #00e6a8); + opacity: 2; + margin-top: 200px; + left: 45%; +} +svg .path { + stroke: rgb(35, 211, 88); + stroke-width: 3px; + fill: transparent; + animation: pulse 2s linear infinite; + stroke-dasharray: 3000; + stroke-dashoffset: 3000; +} +@keyframes pulse { + to { + stroke-dashoffset: 0; + opacity: 0; + } +} diff --git a/Art/MiUlon/index.html b/Art/MiUlon/index.html index 5fde21533..6541f3ddb 100644 --- a/Art/MiUlon/index.html +++ b/Art/MiUlon/index.html @@ -1,15 +1,15 @@ - - - - - + + + + + Document - - + +
- - \ No newline at end of file + + diff --git a/Art/MiUlon/style.css b/Art/MiUlon/style.css index a2d878c1d..a747e52fa 100644 --- a/Art/MiUlon/style.css +++ b/Art/MiUlon/style.css @@ -1,29 +1,47 @@ @keyframes myAnimation1 { - from {height: 300px; width: 300px;} - to {height: 300px; width: 100%;} + from { + height: 300px; + width: 300px; + } + to { + height: 300px; + width: 100%; + } } @keyframes myAnimation2 { - from {height: 300px; width: 300px;} - to {height: 300px; width: 100%;} + from { + height: 300px; + width: 300px; + } + to { + height: 300px; + width: 100%; + } } @keyframes myAnimation3 { - from {height: 300px; width: 300px;} - to {height: 300px; width: 100%;} + from { + height: 300px; + width: 300px; + } + to { + height: 300px; + width: 100%; + } } #id1 { - background-color: rgb(255, 255, 109); - animation: myAnimation1 2s ease-in-out 0s infinite; + background-color: rgb(255, 255, 109); + animation: myAnimation1 2s ease-in-out 0s infinite; } #id2 { - background-color: rgb(130, 249, 130); - animation: myAnimation2 2s ease-in-out 0.3s infinite; + background-color: rgb(130, 249, 130); + animation: myAnimation2 2s ease-in-out 0.3s infinite; } #id3 { - background-color: rgb(255, 113, 113); - animation: myAnimation3 2s ease-in-out 0.6s infinite; -} \ No newline at end of file + background-color: rgb(255, 113, 113); + animation: myAnimation3 2s ease-in-out 0.6s infinite; +} diff --git a/Art/Moving Colors/index.html b/Art/Moving Colors/index.html index bb659d356..d1bf32e11 100644 --- a/Art/Moving Colors/index.html +++ b/Art/Moving Colors/index.html @@ -1,14 +1,21 @@ - - - Moving Colors - - - - -
-
🐻
-
- - \ No newline at end of file + + + Moving Colors + + + + +
+
+ 🐻 +
+
+ + diff --git a/Art/Moving Colors/style.css b/Art/Moving Colors/style.css index c0cf579f8..7b5b6a7f7 100644 --- a/Art/Moving Colors/style.css +++ b/Art/Moving Colors/style.css @@ -1,33 +1,51 @@ .container { - display: grid; - grid-gap: 20px; - grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); - grid-template-rows: 1fr 1fr; + display: grid; + grid-gap: 20px; + grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); + grid-template-rows: 1fr 1fr; } .zone { - cursor:pointer; - text-align: center; - font-size:10em; - border-radius:4px; - border:1px solid #bbb; - transition: all 0.3s linear; + cursor: pointer; + text-align: center; + font-size: 10em; + border-radius: 4px; + border: 1px solid #bbb; + transition: all 0.3s linear; } .zone:hover { - -webkit-box-shadow:rgba(0,0,0,0.8) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px; - -moz-box-shadow:rgba(0,0,0,0.8) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px; - -o-box-shadow:rgba(0,0,0,0.8) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px; - box-shadow:rgba(0,0,0,0.8) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px; + -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 5px 15px, + inset rgba(0, 0, 0, 0.15) 0px -10px 20px; + -moz-box-shadow: rgba(0, 0, 0, 0.8) 0px 5px 15px, + inset rgba(0, 0, 0, 0.15) 0px -10px 20px; + -o-box-shadow: rgba(0, 0, 0, 0.8) 0px 5px 15px, + inset rgba(0, 0, 0, 0.15) 0px -10px 20px; + box-shadow: rgba(0, 0, 0, 0.8) 0px 5px 15px, + inset rgba(0, 0, 0, 0.15) 0px -10px 20px; } .brown { - background: #f6e6b4; /* Old browsers */ - background: -moz-linear-gradient(top, #f6e6b4 0%, #ed9017 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#ed9017)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* IE10+ */ - background: linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-9 */ -} \ No newline at end of file + background: #f6e6b4; /* Old browsers */ + background: -moz-linear-gradient(top, #f6e6b4 0%, #ed9017 100%); /* FF3.6+ */ + background: -webkit-gradient( + linear, + left top, + left bottom, + color-stop(0%, #f6e6b4), + color-stop(100%, #ed9017) + ); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient( + top, + #f6e6b4 0%, + #ed9017 100% + ); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient( + top, + #f6e6b4 0%, + #ed9017 100% + ); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #f6e6b4 0%, #ed9017 100%); /* IE10+ */ + background: linear-gradient(top, #f6e6b4 0%, #ed9017 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-9 */ +} diff --git a/Art/Natinats/index.html b/Art/Natinats/index.html index ccfa566cf..2462deb86 100644 --- a/Art/Natinats/index.html +++ b/Art/Natinats/index.html @@ -1,20 +1,20 @@ - - - - - + + + + + Nata - - + +
Natinats
-
- Nata - - -
+
+ Nata + + +
- - \ No newline at end of file + + diff --git a/Art/Natinats/style.css b/Art/Natinats/style.css index e4415f76b..f1fa04bfa 100644 --- a/Art/Natinats/style.css +++ b/Art/Natinats/style.css @@ -1,57 +1,56 @@ -body{ - background-color: black; +body { + background-color: black; } .wrapper { - background-color: rgb(0, 0, 0); - display: flex; - align-items: center; - height: 800px; - justify-content: center; + background-color: rgb(0, 0, 0); + display: flex; + align-items: center; + height: 800px; + justify-content: center; } .txt { - color: white; - background-color: black; + color: white; + background-color: black; - font-weight: bolder; - - font-size: 150px; - font-family: 'Courier New', Courier, monospace; + font-weight: bolder; + font-size: 150px; + font-family: 'Courier New', Courier, monospace; } .txt::before { - content: 'Nata'; - position: absolute; - mix-blend-mode: difference; - filter: blur(3px); + content: 'Nata'; + position: absolute; + mix-blend-mode: difference; + filter: blur(3px); } .neon-wrapper { - display:inline-flex; - filter: brightness(200%); - overflow: hidden; -} -.gradient{ - background: linear-gradient(to right, rgb(7, 47, 242), rgb(244, 87, 87)); - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - mix-blend-mode: multiply; + display: inline-flex; + filter: brightness(200%); + overflow: hidden; +} +.gradient { + background: linear-gradient(to right, rgb(7, 47, 242), rgb(244, 87, 87)); + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + mix-blend-mode: multiply; } .dodge { - background: radial-gradient(circle, white, black 35%) center / 25% 25%; - position: absolute; - top: -100%; - left: -100%; - right: 0; - bottom: 0; - mix-blend-mode: color-dodge; - animation:dodge-area 3s linear infinite; + background: radial-gradient(circle, white, black 35%) center / 25% 25%; + position: absolute; + top: -100%; + left: -100%; + right: 0; + bottom: 0; + mix-blend-mode: color-dodge; + animation: dodge-area 3s linear infinite; } @keyframes dodge-area { - to{ - transform: translate(50%, 50%); - } -} \ No newline at end of file + to { + transform: translate(50%, 50%); + } +} diff --git a/Art/Nomishka/index.html b/Art/Nomishka/index.html index 68f277b00..522c711af 100644 --- a/Art/Nomishka/index.html +++ b/Art/Nomishka/index.html @@ -1,15 +1,14 @@ - - - + + + Animation nation - - - + + +
- +
- - - \ No newline at end of file + + diff --git a/Art/Nomishka/style.css b/Art/Nomishka/style.css index ea42cdff3..36789661b 100644 --- a/Art/Nomishka/style.css +++ b/Art/Nomishka/style.css @@ -1,20 +1,26 @@ * { - background-color: black; + background-color: black; } #picture { - /* background: white; */ - display: block; - margin-left: auto; - margin-right: auto; - width: 30%; - position: absolute; - animation: mymove 10s infinite; - animation-direction: alternate-reverse; + /* background: white; */ + display: block; + margin-left: auto; + margin-right: auto; + width: 30%; + position: absolute; + animation: mymove 10s infinite; + animation-direction: alternate-reverse; } @keyframes mymove { - 100% {transform: rotate(2160deg);} - from {left: 0px;} - to {left: 1350px;} + 100% { + transform: rotate(2160deg); + } + from { + left: 0px; + } + to { + left: 1350px; + } } diff --git a/Art/Paarit/index.html b/Art/Paarit/index.html index 4f35294fc..1cf6d04fe 100644 --- a/Art/Paarit/index.html +++ b/Art/Paarit/index.html @@ -1,25 +1,19 @@ - - - - + + + + CSS Animation - - - - + + +
-
+
-
+
- - - - - - - \ No newline at end of file + + diff --git a/Art/Paarit/style.css b/Art/Paarit/style.css index 4c3764bd0..363898a2b 100644 --- a/Art/Paarit/style.css +++ b/Art/Paarit/style.css @@ -1,76 +1,67 @@ body { - background: #fa6464; - height: 100%; - margin: 0; - padding: 0; - overflow: hidden; + background: #fa6464; + height: 100%; + margin: 0; + padding: 0; + overflow: hidden; } .box { - position: absolute; - width: 69px; - height: 69px; - background: radial-gradient(rgb(230, 255, 2), rgb(59, 174, 6)); - border-radius: 50%; + position: absolute; + width: 69px; + height: 69px; + background: radial-gradient(rgb(230, 255, 2), rgb(59, 174, 6)); + border-radius: 50%; } .bounceA { - animation: bounceA 1.14s linear 0s infinite alternate; + animation: bounceA 1.14s linear 0s infinite alternate; } .bounceAA { - animation: bounceAA 1.03s ease-in 0s infinite alternate; + animation: bounceAA 1.03s ease-in 0s infinite alternate; } .bounceB { - animation: bounceB 1.14s linear 0s infinite alternate; + animation: bounceB 1.14s linear 0s infinite alternate; } .bounceBB { - animation: bounceBB 1.03s ease-in 0s infinite alternate; + animation: bounceBB 1.03s ease-in 0s infinite alternate; } - - @keyframes bounceA { - from { - transform: translateX(0px); - } - to { - transform: translateX(calc(100vw - 5vmin)); - } + from { + transform: translateX(0px); + } + to { + transform: translateX(calc(100vw - 5vmin)); + } } @keyframes bounceAA { - from { - transform: translateY(0px); - } - to { - transform: translateY(calc(100vh - 5vmin)); - } + from { + transform: translateY(0px); + } + to { + transform: translateY(calc(100vh - 5vmin)); + } } @keyframes bounceB { - from { - transform: translateX(100vw); - } - to { - transform: translateX(0px); - } + from { + transform: translateX(100vw); + } + to { + transform: translateX(0px); + } } @keyframes bounceBB { - from { - transform: translateY(calc(100vh - 6vmin)); - } - to { - transform: translateY(0px); - } + from { + transform: translateY(calc(100vh - 6vmin)); + } + to { + transform: translateY(0px); + } } - - - - - - - diff --git a/Art/Quoters/index.html b/Art/Quoters/index.html index 32c3e8b27..f5da78453 100644 --- a/Art/Quoters/index.html +++ b/Art/Quoters/index.html @@ -1,126 +1,129 @@ - - - - - - - - - - Quoters - - -
-
-
-
-
"Be Nice"
-
-
-
-
-
-
"It will be okay"
-
-
-
-
-
-
"Be Grateful"
-
-
-
-
-
-
"Seek Discomfort"
-
-
-
-
-
-
"Face It"
-
-
-
-
-
-
"Never Stop"
-
-
-
-
-
-
"You're Great"
-
-
-
-
-
-
"Almost There"
-
-
-
-
-
-
"Be Kind"
-
-
-
-
-
-
"You're Unique"
-
-
-
-
-
-
"Keep Going"
-
-
-
-
-
-
"Zero To Mastery"
-
-
-
-
-
-
"Fearless"
-
-
-
-
-
-
"Humility"
-
-
-
-
-
-
"Pass It"
-
-
-
-
-
-
"Zero Regret"
-
-
-
-
-
-
"It'll Through"
-
-
-
-
-
-
"Stay Foolish"
-
-
-
- - \ No newline at end of file + + + + + + + + + + Quoters + + +
+
+
+
+
"Be Nice"
+
+
+
+
+
+
"It will be okay"
+
+
+
+
+
+
"Be Grateful"
+
+
+
+
+
+
"Seek Discomfort"
+
+
+
+
+
+
"Face It"
+
+
+
+
+
+
"Never Stop"
+
+
+
+
+
+
"You're Great"
+
+
+
+
+
+
"Almost There"
+
+
+
+
+
+
"Be Kind"
+
+
+
+
+
+
"You're Unique"
+
+
+
+
+
+
"Keep Going"
+
+
+
+
+
+
"Zero To Mastery"
+
+
+
+
+
+
"Fearless"
+
+
+
+
+
+
"Humility"
+
+
+
+
+
+
"Pass It"
+
+
+
+
+
+
"Zero Regret"
+
+
+
+
+
+
"It'll Through"
+
+
+
+
+
+
"Stay Foolish"
+
+
+
+ + diff --git a/Art/Quoters/style.css b/Art/Quoters/style.css index 315f05c7b..0b3cd6f11 100644 --- a/Art/Quoters/style.css +++ b/Art/Quoters/style.css @@ -17,7 +17,7 @@ } .content { - box-shadow: 0 0 15px rgba(0,0,0,0.1); + box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); height: 100%; transition: transform 1.2s; transform-style: preserve-3d; @@ -25,7 +25,7 @@ } .box:hover .content { - transform: rotateY( 180deg ) ; + transform: rotateY(180deg); transition: transform 0.5s; } @@ -43,7 +43,7 @@ .back { background: #033653; color: whitesmoke; - transform: rotateY( 180deg ); + transform: rotateY(180deg); text-align: center; } @@ -51,7 +51,6 @@ background-color: blue; } - .green { background-color: green; } diff --git a/Art/Rectangloom/index.html b/Art/Rectangloom/index.html index 47850519f..a9afd1745 100644 --- a/Art/Rectangloom/index.html +++ b/Art/Rectangloom/index.html @@ -1,13 +1,13 @@ - - - - - + + + + + Rectangloom - - + +
- - \ No newline at end of file + + diff --git a/Art/Rectangloom/style.css b/Art/Rectangloom/style.css index c1df1c3cc..dc35b108c 100644 --- a/Art/Rectangloom/style.css +++ b/Art/Rectangloom/style.css @@ -1,32 +1,31 @@ div { - /* animation properties */ - animation-name: rectangloom; - animation-duration: 2s; - animation-direction: alternate; - animation-iteration-count: infinite; - animation-timing-function: linear; - - /* other properties */ + /* animation properties */ + animation-name: rectangloom; + animation-duration: 2s; + animation-direction: alternate; + animation-iteration-count: infinite; + animation-timing-function: linear; + + /* other properties */ + width: 300px; + height: 100px; + border-radius: 10px; + position: absolute; + left: 0; + right: 0; + margin-left: auto; + margin-right: auto; +} + +@keyframes rectangloom { + from { + background-color: #ff7a59; width: 300px; - height: 100px; - border-radius: 10px; - position: absolute; - left: 0; - right: 0; - margin-left: auto; - margin-right: auto; - + top: 10px; } - - @keyframes rectangloom { - from { - background-color: #ff7a59; - width: 300px; - top: 10px; - } - to { - background-color: #33475b; - width: 50px; - top: 100px; - } - } \ No newline at end of file + to { + background-color: #33475b; + width: 50px; + top: 100px; + } +} diff --git a/Art/Robrigado/index.html b/Art/Robrigado/index.html index 58c2b3878..1b394db80 100644 --- a/Art/Robrigado/index.html +++ b/Art/Robrigado/index.html @@ -1,23 +1,25 @@ - - - - + + + + Document - - - - - + + + + +
-
-
-
-
-
-
+
+
+
+
+
+
- + - diff --git a/Art/Robrigado/reset.css b/Art/Robrigado/reset.css index e588cec84..d1a3438aa 100644 --- a/Art/Robrigado/reset.css +++ b/Art/Robrigado/reset.css @@ -1,16 +1,16 @@ * { - margin: 0; - padding: 0; - border: 0; + margin: 0; + padding: 0; + border: 0; } - body { - font-family: "Open Sans", sans-serif; - font-size: 25px; + font-family: 'Open Sans', sans-serif; + font-size: 25px; } - -ul, ol, li { - list-style: none; -} \ No newline at end of file +ul, +ol, +li { + list-style: none; +} diff --git a/Art/Robrigado/style.css b/Art/Robrigado/style.css index f9b0eca7a..4258f11dc 100644 --- a/Art/Robrigado/style.css +++ b/Art/Robrigado/style.css @@ -1,136 +1,137 @@ -html, body { - margin: 0; - height: 100%; - text-align: center; - background: radial-gradient(rgb(132, 196, 226), rgb(42, 45, 236)); +html, +body { + margin: 0; + height: 100%; + text-align: center; + background: radial-gradient(rgb(132, 196, 226), rgb(42, 45, 236)); } .circle { - position: absolute; - width: 700px; - height: 700px; - /* background-color: rgb(233, 211, 13); */ - background: radial-gradient(rgb(233, 211, 13), rgb(185, 168, 12)); - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - border-radius: 50%; + position: absolute; + width: 700px; + height: 700px; + /* background-color: rgb(233, 211, 13); */ + background: radial-gradient(rgb(233, 211, 13), rgb(185, 168, 12)); + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + border-radius: 50%; } .eyes { - width: 85px; - height: 250px; - background-color: rgb(0, 0, 0); - border-radius: 50%; + width: 85px; + height: 250px; + background-color: rgb(0, 0, 0); + border-radius: 50%; } .e1 { - position: absolute; - left: 25%; - top: 15%; - z-index: 2; - animation: blink 2s ease-in-out infinite; + position: absolute; + left: 25%; + top: 15%; + z-index: 2; + animation: blink 2s ease-in-out infinite; } -.eb1{ - left: 24%; - top: 10%; - height: 100px; - width: 100px; - border-top: 20px solid black; - border-radius: 50px; - position: absolute; - z-index: 5; - animation: eyb-down 2s ease-in-out infinite; +.eb1 { + left: 24%; + top: 10%; + height: 100px; + width: 100px; + border-top: 20px solid black; + border-radius: 50px; + position: absolute; + z-index: 5; + animation: eyb-down 2s ease-in-out infinite; } -.eb2{ - left: 24%; - top: 10%; - height: 100px; - width: 100px; - border-top: 20px solid black; - border-radius: 50px; - position: absolute; - z-index: 5; - left: 59%; +.eb2 { + left: 24%; + top: 10%; + height: 100px; + width: 100px; + border-top: 20px solid black; + border-radius: 50px; + position: absolute; + z-index: 5; + left: 59%; } - .e2 { - position: absolute; - left: 60%; - top: 15%; - z-index: 3; + position: absolute; + left: 60%; + top: 15%; + z-index: 3; } .mouth { - width: 270px; - height: 100px; - background-color: rgb(0, 0, 0); - position: absolute; - left: 30%; - top: 65%; - z-index: 4; - border-bottom-left-radius: 100%200px; - border-bottom-right-radius: 100%200px; - + width: 270px; + height: 100px; + background-color: rgb(0, 0, 0); + position: absolute; + left: 30%; + top: 65%; + z-index: 4; + border-bottom-left-radius: 100%200px; + border-bottom-right-radius: 100%200px; } @keyframes blink { - 0%{ - width: 85px; - height: 250px; - border-radius: 50%; - } - - 10%{ - top: 230px; - right: 4000px; - width: 150px; - height: 20px; - border-radius: 50%; - border-top-left-radius: 100%300px; - border-top-right-radius: 100%300px; - } + 0% { + width: 85px; + height: 250px; + border-radius: 50%; + } - 20%{ - top: 230px; - right: 4000px; - width: 150px; - height: 20px; - border-radius: 50%; - border-top-left-radius: 100%300px; - border-top-right-radius: 100%300px; - } + 10% { + top: 230px; + right: 4000px; + width: 150px; + height: 20px; + border-radius: 50%; + border-top-left-radius: 100%300px; + border-top-right-radius: 100%300px; + } + + 20% { + top: 230px; + right: 4000px; + width: 150px; + height: 20px; + border-radius: 50%; + border-top-left-radius: 100%300px; + border-top-right-radius: 100%300px; + } - 25%,100% { - left: 25%; - top: 15%; - width: 85px; - height: 250px; - border-radius: 50%; - } + 25%, + 100% { + left: 25%; + top: 15%; + width: 85px; + height: 250px; + border-radius: 50%; + } } @keyframes eyb-down { - 0%{ - left: 24%; - top: 10%; - } + 0% { + left: 24%; + top: 10%; + } - 10%{ - top: 20%; - left: 28%; - } + 10% { + top: 20%; + left: 28%; + } - 20%{ - top: 20%; - left: 28%; - } + 20% { + top: 20%; + left: 28%; + } - 25%, 100% { - left: 24%; - top: 10%; - } -} \ No newline at end of file + 25%, + 100% { + left: 24%; + top: 10%; + } +} diff --git a/Art/SEN-RAD/index.html b/Art/SEN-RAD/index.html index adfab6a47..217771afd 100644 --- a/Art/SEN-RAD/index.html +++ b/Art/SEN-RAD/index.html @@ -1,34 +1,35 @@ - - - - - - - CSS Factory Animation - - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - \ No newline at end of file + + + + + + CSS Factory Animation + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + diff --git a/Art/SEN-RAD/styles.css b/Art/SEN-RAD/styles.css index ebb3e67db..33b53d565 100644 --- a/Art/SEN-RAD/styles.css +++ b/Art/SEN-RAD/styles.css @@ -1,145 +1,145 @@ -body { - height: 100%; - background-image: linear-gradient(to right, darkgray, white); +body { + height: 100%; + background-image: linear-gradient(to right, darkgray, white); } /*parent elements*/ .rectangle { - width: 100%; - height: 100px; - background-color:#434349; - position: absolute; - top: 45%; + width: 100%; + height: 100px; + background-color: #434349; + position: absolute; + top: 45%; } .box { - width: 60px; - height: 60px; - background-color: brown; - position: relative; - top: 20%; + width: 60px; + height: 60px; + background-color: brown; + position: relative; + top: 20%; } .container { - display: flex; - justify-content: center; - align-items: center; - height: 100vh; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; } .hexagon:before { - content:""; - top: -120px; - border-bottom: 120px solid #353539; - border-left: 208px solid transparent; - border-right: 208px solid transparent; - position: absolute; + content: ''; + top: -120px; + border-bottom: 120px solid #353539; + border-left: 208px solid transparent; + border-right: 208px solid transparent; + position: absolute; } .hexagon { - width: 416px; - height: 240px; - background: #353539; - position: relative; - display: flex; - justify-content: center; - align-items: center; + width: 416px; + height: 240px; + background: #353539; + position: relative; + display: flex; + justify-content: center; + align-items: center; } .hexagon:after { - content:""; - bottom: -120px; - border-top: 120px solid #353539; - border-left: 208px solid transparent; - border-right: 208px solid transparent; - position: absolute; + content: ''; + bottom: -120px; + border-top: 120px solid #353539; + border-left: 208px solid transparent; + border-right: 208px solid transparent; + position: absolute; } .circle { - width: 350px; - height: 350px; - border-radius: 50%; - background-color: #80808A; - position: absolute; - z-index: 1; - display: flex; - justify-content: center; - align-items: center; + width: 350px; + height: 350px; + border-radius: 50%; + background-color: #80808a; + position: absolute; + z-index: 1; + display: flex; + justify-content: center; + align-items: center; } /*child elements*/ .hexagon.child { - background-color: #434349; - transform: scale(.7, .7); - position: absolute; - display: flex; - justify-content: center; - align-items: center; + background-color: #434349; + transform: scale(0.7, 0.7); + position: absolute; + display: flex; + justify-content: center; + align-items: center; } .hexagon.child:before { - border-bottom: 120px solid #434349; + border-bottom: 120px solid #434349; } .hexagon.child:after { - border-top: 120px solid #434349; + border-top: 120px solid #434349; } .hexagon.child2 { - background-color: #353539; - transform: scale(.5, .5); - position: absolute; + background-color: #353539; + transform: scale(0.5, 0.5); + position: absolute; } .hexagon.child3 { - background-color: #3D371B; - transform: scale(.3, .3); - position: absolute; + background-color: #3d371b; + transform: scale(0.3, 0.3); + position: absolute; } /*animations*/ .box { - animation: convert 10s infinite; + animation: convert 10s infinite; } .hexagon.parent { - animation: rotate2 10s infinite; + animation: rotate2 10s infinite; } .hexagon.child { - animation: rotate 8s infinite; + animation: rotate 8s infinite; } .hexagon.child2 { - animation: rotate2 8s infinite; + animation: rotate2 8s infinite; } .hexagon.child3 { - animation: rotate 5s infinite; + animation: rotate 5s infinite; } @keyframes convert { - from { - left: 0%; - } - 30% { - background-color: red; - border-radius: 0%; - } - 40% { - border-radius: 50%; - background-color: blue; - } - to { - border-radius: 50%; - background-color: blue; - left: 99%; - } + from { + left: 0%; + } + 30% { + background-color: red; + border-radius: 0%; + } + 40% { + border-radius: 50%; + background-color: blue; + } + to { + border-radius: 50%; + background-color: blue; + left: 99%; + } } @keyframes rotate { from { rotate: 0deg; } - to { + to { rotate: 360deg; } } @@ -148,8 +148,7 @@ body { from { rotate: 0deg; } - to { + to { rotate: -360deg; } } - diff --git a/Art/Sak/index.html b/Art/Sak/index.html index dc17024c6..5666c4642 100644 --- a/Art/Sak/index.html +++ b/Art/Sak/index.html @@ -1,27 +1,27 @@ - - - - Grid Master - - - -
-
🦊
-
🐰
-
🐸
-
🦁
-
🐯
-
🐭
-
🦄
-
🐲
-
🐷
-
🐺
-
🐼
-
🐻
-
- - \ No newline at end of file + + Grid Master + + + +
+
🦊
+
🐰
+
🐸
+
🦁
+
🐯
+
🐭
+
🦄
+
🐲
+
🐷
+
🐺
+
🐼
+
🐻
+
+ + diff --git a/Art/Sak/style.css b/Art/Sak/style.css index f9a4d955b..f96f188fa 100644 --- a/Art/Sak/style.css +++ b/Art/Sak/style.css @@ -1,119 +1,242 @@ -.container{ - display: grid; - /*grid-template-columns: 1fr 1fr 2fr; fr: fractions*/ - /*grid-template-columns: repeat(1,1fr);*/ - /*grid-template-columns: auto 1fr 2fr;*/ - grid-template-columns: repeat(auto-fill,minmax(200px, 1fr)); - grid-template-rows: 1fr; - gap: 20px; - /*justify-items: end;*/ +.container { + display: grid; + /*grid-template-columns: 1fr 1fr 2fr; fr: fractions*/ + /*grid-template-columns: repeat(1,1fr);*/ + /*grid-template-columns: auto 1fr 2fr;*/ + grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); + grid-template-rows: 1fr; + gap: 20px; + /*justify-items: end;*/ } -.green{ - /*grid-column-start: 1; +.green { + /*grid-column-start: 1; grid-column-end: 3;*/ - /*grid-column: 1/-1; -1 means the end*/ - /*grid-column: 1/3;*/ - grid-column: span 2; - grid-row: 1/3; - justify-self: start; /*Used for individual items*/ - align-self: start; + /*grid-column: 1/-1; -1 means the end*/ + /*grid-column: 1/3;*/ + grid-column: span 2; + grid-row: 1/3; + justify-self: start; /*Used for individual items*/ + align-self: start; } .zone { - cursor:pointer; - /*display:inline-block;*/ - text-align: center; - font-size:10em; - border-radius:4px; - border:1px solid #bbb; - transition: all 0.3s linear; + cursor: pointer; + /*display:inline-block;*/ + text-align: center; + font-size: 10em; + border-radius: 4px; + border: 1px solid #bbb; + transition: all 0.3s linear; } .zone:hover { - -webkit-box-shadow:rgba(0,0,0,0.8) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px; - -moz-box-shadow:rgba(0,0,0,0.8) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px; - -o-box-shadow:rgba(0,0,0,0.8) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px; - box-shadow:rgba(0,0,0,0.8) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px; + -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 5px 15px, + inset rgba(0, 0, 0, 0.15) 0px -10px 20px; + -moz-box-shadow: rgba(0, 0, 0, 0.8) 0px 5px 15px, + inset rgba(0, 0, 0, 0.15) 0px -10px 20px; + -o-box-shadow: rgba(0, 0, 0, 0.8) 0px 5px 15px, + inset rgba(0, 0, 0, 0.15) 0px -10px 20px; + box-shadow: rgba(0, 0, 0, 0.8) 0px 5px 15px, + inset rgba(0, 0, 0, 0.15) 0px -10px 20px; } - /*https://paulund.co.uk/how-to-create-shiny-css-buttons*/ /*********************************************************************** * Green Background **********************************************************************/ -.green{ - background: #56B870; /* Old browsers */ - background: -moz-linear-gradient(top, #56B870 0%, #a5c956 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56B870), color-stop(100%,#a5c956)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #56B870 0%,#a5c956 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #56B870 0%,#a5c956 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #56B870 0%,#a5c956 100%); /* IE10+ */ - background: linear-gradient(top, #56B870 0%,#a5c956 100%); /* W3C */ +.green { + background: #56b870; /* Old browsers */ + background: -moz-linear-gradient(top, #56b870 0%, #a5c956 100%); /* FF3.6+ */ + background: -webkit-gradient( + linear, + left top, + left bottom, + color-stop(0%, #56b870), + color-stop(100%, #a5c956) + ); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient( + top, + #56b870 0%, + #a5c956 100% + ); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient( + top, + #56b870 0%, + #a5c956 100% + ); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #56b870 0%, #a5c956 100%); /* IE10+ */ + background: linear-gradient(top, #56b870 0%, #a5c956 100%); /* W3C */ } /*********************************************************************** * Red Background **********************************************************************/ -.red{ - background: #C655BE; /* Old browsers */ - background: -moz-linear-gradient(top, #C655BE 0%, #cf0404 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C655BE), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #C655BE 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #C655BE 0%,#cf0404 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #C655BE 0%,#cf0404 100%); /* IE10+ */ - background: linear-gradient(top, #C655BE 0%,#cf0404 100%); /* W3C */ +.red { + background: #c655be; /* Old browsers */ + background: -moz-linear-gradient(top, #c655be 0%, #cf0404 100%); /* FF3.6+ */ + background: -webkit-gradient( + linear, + left top, + left bottom, + color-stop(0%, #c655be), + color-stop(100%, #cf0404) + ); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient( + top, + #c655be 0%, + #cf0404 100% + ); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient( + top, + #c655be 0%, + #cf0404 100% + ); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #c655be 0%, #cf0404 100%); /* IE10+ */ + background: linear-gradient(top, #c655be 0%, #cf0404 100%); /* W3C */ } /*********************************************************************** * Yellow Background **********************************************************************/ -.yellow{ - background: #F3AAAA; /* Old browsers */ - background: -moz-linear-gradient(top, #F3AAAA 0%, #febf04 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3AAAA), color-stop(100%,#febf04)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #F3AAAA 0%,#febf04 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #F3AAAA 0%,#febf04 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #F3AAAA 0%,#febf04 100%); /* IE10+ */ - background: linear-gradient(top, #F3AAAA 0%,#febf04 100%); /* W3C */ +.yellow { + background: #f3aaaa; /* Old browsers */ + background: -moz-linear-gradient(top, #f3aaaa 0%, #febf04 100%); /* FF3.6+ */ + background: -webkit-gradient( + linear, + left top, + left bottom, + color-stop(0%, #f3aaaa), + color-stop(100%, #febf04) + ); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient( + top, + #f3aaaa 0%, + #febf04 100% + ); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient( + top, + #f3aaaa 0%, + #febf04 100% + ); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #f3aaaa 0%, #febf04 100%); /* IE10+ */ + background: linear-gradient(top, #f3aaaa 0%, #febf04 100%); /* W3C */ } /*********************************************************************** * Blue Background **********************************************************************/ -.blue{ - background: #7abcff; /* Old browsers */ - background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* IE10+ */ - background: linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* W3C */ +.blue { + background: #7abcff; /* Old browsers */ + background: -moz-linear-gradient( + top, + #7abcff 0%, + #60abf8 44%, + #4096ee 100% + ); /* FF3.6+ */ + background: -webkit-gradient( + linear, + left top, + left bottom, + color-stop(0%, #7abcff), + color-stop(44%, #60abf8), + color-stop(100%, #4096ee) + ); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient( + top, + #7abcff 0%, + #60abf8 44%, + #4096ee 100% + ); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient( + top, + #7abcff 0%, + #60abf8 44%, + #4096ee 100% + ); /* Opera 11.10+ */ + background: -ms-linear-gradient( + top, + #7abcff 0%, + #60abf8 44%, + #4096ee 100% + ); /* IE10+ */ + background: linear-gradient( + top, + #7abcff 0%, + #60abf8 44%, + #4096ee 100% + ); /* W3C */ } /*********************************************************************** * Purple Background **********************************************************************/ .purple { - background: #A88BEB; /* Old browsers */ - background: -moz-linear-gradient(top, #A88BEB 0%, #F1A7F1 44%, #F8CEEC 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A88BEB), color-stop(44%,#F1A7F1), color-stop(100%,#F8CEEC)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #A88BEB 0%,#F1A7F1 44%,#F8CEEC 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #A88BEB 0%,#F1A7F1 44%,#F8CEEC 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #A88BEB 0%,#F1A7F1 44%,#F8CEEC 100%); /* IE10+ */ - background: linear-gradient(top, #A88BEB 0%,#F1A7F1 44%,#F8CEEC 100%); /* W3C */ + background: #a88beb; /* Old browsers */ + background: -moz-linear-gradient( + top, + #a88beb 0%, + #f1a7f1 44%, + #f8ceec 100% + ); /* FF3.6+ */ + background: -webkit-gradient( + linear, + left top, + left bottom, + color-stop(0%, #a88beb), + color-stop(44%, #f1a7f1), + color-stop(100%, #f8ceec) + ); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient( + top, + #a88beb 0%, + #f1a7f1 44%, + #f8ceec 100% + ); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient( + top, + #a88beb 0%, + #f1a7f1 44%, + #f8ceec 100% + ); /* Opera 11.10+ */ + background: -ms-linear-gradient( + top, + #a88beb 0%, + #f1a7f1 44%, + #f8ceec 100% + ); /* IE10+ */ + background: linear-gradient( + top, + #a88beb 0%, + #f1a7f1 44%, + #f8ceec 100% + ); /* W3C */ } /*********************************************************************** * Brown Background **********************************************************************/ .brown { - background: #f6e6b4; /* Old browsers */ - background: -moz-linear-gradient(top, #f6e6b4 0%, #ed9017 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#ed9017)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* IE10+ */ - background: linear-gradient(top, #f6e6b4 0%,#ed9017 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-9 */ + background: #f6e6b4; /* Old browsers */ + background: -moz-linear-gradient(top, #f6e6b4 0%, #ed9017 100%); /* FF3.6+ */ + background: -webkit-gradient( + linear, + left top, + left bottom, + color-stop(0%, #f6e6b4), + color-stop(100%, #ed9017) + ); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient( + top, + #f6e6b4 0%, + #ed9017 100% + ); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient( + top, + #f6e6b4 0%, + #ed9017 100% + ); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #f6e6b4 0%, #ed9017 100%); /* IE10+ */ + background: linear-gradient(top, #f6e6b4 0%, #ed9017 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-9 */ } diff --git a/Art/Snow/index.html b/Art/Snow/index.html index 62cd1d340..aa8efe556 100644 --- a/Art/Snow/index.html +++ b/Art/Snow/index.html @@ -8,205 +8,299 @@ - - - -
+

Snow is Falling

-
-
*
+
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
-
*
+ +
*
+
diff --git a/Art/Snow/style.css b/Art/Snow/style.css index e3db722c2..cd8ea9fdd 100644 --- a/Art/Snow/style.css +++ b/Art/Snow/style.css @@ -16,7 +16,7 @@ align-items: center; } -h1{ +h1 { font-size: 4rem; display: block; height: 10vh; @@ -24,13 +24,12 @@ h1{ color: white; } - @keyframes anim { 0% { width: 100px; background-color: red; } - 75%{ + 75% { width: 200px; } 100% { @@ -44,7 +43,7 @@ h1{ 0% { padding-top: 0; } - + 100% { padding-top: 99vh; } @@ -53,7 +52,7 @@ h1{ 0% { padding-left: 0; } - + 100% { padding-left: 20px; } @@ -80,577 +79,578 @@ h1{ } .s0 { - margin-left: 7vw ; + margin-left: 7vw; top: 4vh; - animation: snow-drop 25.92s infinite, wind 9.49s alternate infinite; + animation: snow-drop 25.92s infinite, wind 9.49s alternate infinite; } .s1 { - margin-left: 8vw ; + margin-left: 8vw; top: 12vh; - animation: snow-drop 35.32s infinite, wind 5.22s alternate infinite; + animation: snow-drop 35.32s infinite, wind 5.22s alternate infinite; } .s2 { - margin-left: 8vw ; + margin-left: 8vw; top: 27vh; - animation: snow-drop 24.33s infinite, wind 14.64s alternate infinite; + animation: snow-drop 24.33s infinite, wind 14.64s alternate infinite; } .s3 { - margin-left: 7vw ; + margin-left: 7vw; top: 34vh; - animation: snow-drop 31.51s infinite, wind 13.97s alternate infinite; + animation: snow-drop 31.51s infinite, wind 13.97s alternate infinite; } .s4 { - margin-left: 7vw ; + margin-left: 7vw; top: 40vh; - animation: snow-drop 28.08s infinite, wind 9.79s alternate infinite; + animation: snow-drop 28.08s infinite, wind 9.79s alternate infinite; } .s5 { - margin-left: 7vw ; + margin-left: 7vw; top: 57vh; - animation: snow-drop 38.3s infinite, wind 2.18s alternate infinite; + animation: snow-drop 38.3s infinite, wind 2.18s alternate infinite; } .s6 { - margin-left: 8vw ; + margin-left: 8vw; top: 64vh; - animation: snow-drop 39.39s infinite, wind 14.07s alternate infinite; + animation: snow-drop 39.39s infinite, wind 14.07s alternate infinite; } .s7 { - margin-left: 15vw ; + margin-left: 15vw; top: 79vh; - animation: snow-drop 33.86s infinite, wind 2.63s alternate infinite; + animation: snow-drop 33.86s infinite, wind 2.63s alternate infinite; } .s8 { - margin-left: 8vw ; + margin-left: 8vw; top: 89vh; - animation: snow-drop 23s infinite, wind 4.01s alternate infinite; + animation: snow-drop 23s infinite, wind 4.01s alternate infinite; } .s9 { - margin-left: 18vw ; + margin-left: 18vw; top: 96vh; - animation: snow-drop 29.88s infinite, wind 3.89s alternate infinite; + animation: snow-drop 29.88s infinite, wind 3.89s alternate infinite; } .s10 { - margin-left: 17vw ; + margin-left: 17vw; top: 7vh; - animation: snow-drop 26.75s infinite, wind 4.23s alternate infinite; + animation: snow-drop 26.75s infinite, wind 4.23s alternate infinite; } .s11 { - margin-left: 20vw ; + margin-left: 20vw; top: 12vh; - animation: snow-drop 39.53s infinite, wind 8.85s alternate infinite; + animation: snow-drop 39.53s infinite, wind 8.85s alternate infinite; } .s12 { - margin-left: 13vw ; + margin-left: 13vw; top: 24vh; - animation: snow-drop 32.1s infinite, wind 11.47s alternate infinite; + animation: snow-drop 32.1s infinite, wind 11.47s alternate infinite; } .s13 { - margin-left: 16vw ; + margin-left: 16vw; top: 32vh; - animation: snow-drop 35.46s infinite, wind 4.93s alternate infinite; + animation: snow-drop 35.46s infinite, wind 4.93s alternate infinite; } .s14 { - margin-left: 21vw ; + margin-left: 21vw; top: 40vh; - animation: snow-drop 28.71s infinite, wind 6.9s alternate infinite; + animation: snow-drop 28.71s infinite, wind 6.9s alternate infinite; } .s15 { - margin-left: 15vw ; + margin-left: 15vw; top: 54vh; - animation: snow-drop 29.21s infinite, wind 11.47s alternate infinite; + animation: snow-drop 29.21s infinite, wind 11.47s alternate infinite; } .s16 { - margin-left: 24vw ; + margin-left: 24vw; top: 67vh; - animation: snow-drop 24.23s infinite, wind 10.6s alternate infinite; + animation: snow-drop 24.23s infinite, wind 10.6s alternate infinite; } .s17 { - margin-left: 25vw ; + margin-left: 25vw; top: 74vh; - animation: snow-drop 24.9s infinite, wind 9.13s alternate infinite; + animation: snow-drop 24.9s infinite, wind 9.13s alternate infinite; } .s18 { - margin-left: 21vw ; + margin-left: 21vw; top: 81vh; - animation: snow-drop 31.73s infinite, wind 3.81s alternate infinite; + animation: snow-drop 31.73s infinite, wind 3.81s alternate infinite; } .s19 { - margin-left: 23vw ; + margin-left: 23vw; top: 98vh; - animation: snow-drop 33.77s infinite, wind 13.28s alternate infinite; + animation: snow-drop 33.77s infinite, wind 13.28s alternate infinite; } .s20 { - margin-left: 25vw ; + margin-left: 25vw; top: 5vh; - animation: snow-drop 29.88s infinite, wind 3.29s alternate infinite; + animation: snow-drop 29.88s infinite, wind 3.29s alternate infinite; } .s21 { - margin-left: 29vw ; + margin-left: 29vw; top: 18vh; - animation: snow-drop 33.02s infinite, wind 8.7s alternate infinite; + animation: snow-drop 33.02s infinite, wind 8.7s alternate infinite; } .s22 { - margin-left: 30vw ; + margin-left: 30vw; top: 25vh; - animation: snow-drop 29.29s infinite, wind 7.61s alternate infinite; + animation: snow-drop 29.29s infinite, wind 7.61s alternate infinite; } .s23 { - margin-left: 28vw ; + margin-left: 28vw; top: 34vh; - animation: snow-drop 34.47s infinite, wind 10.45s alternate infinite; + animation: snow-drop 34.47s infinite, wind 10.45s alternate infinite; } .s24 { - margin-left: 27vw ; + margin-left: 27vw; top: 47vh; - animation: snow-drop 33.96s infinite, wind 14.58s alternate infinite; + animation: snow-drop 33.96s infinite, wind 14.58s alternate infinite; } .s25 { - margin-left: 34vw ; + margin-left: 34vw; top: 55vh; - animation: snow-drop 32.25s infinite, wind 6.87s alternate infinite; + animation: snow-drop 32.25s infinite, wind 6.87s alternate infinite; } .s26 { - margin-left: 28vw ; + margin-left: 28vw; top: 60vh; - animation: snow-drop 39.97s infinite, wind 13.8s alternate infinite; + animation: snow-drop 39.97s infinite, wind 13.8s alternate infinite; } .s27 { - margin-left: 27vw ; + margin-left: 27vw; top: 70vh; - animation: snow-drop 37.39s infinite, wind 14.54s alternate infinite; + animation: snow-drop 37.39s infinite, wind 14.54s alternate infinite; } .s28 { - margin-left: 33vw ; + margin-left: 33vw; top: 81vh; - animation: snow-drop 38.1s infinite, wind 9.9s alternate infinite; + animation: snow-drop 38.1s infinite, wind 9.9s alternate infinite; } .s29 { - margin-left: 29vw ; + margin-left: 29vw; top: 90vh; - animation: snow-drop 28.39s infinite, wind 8.77s alternate infinite; + animation: snow-drop 28.39s infinite, wind 8.77s alternate infinite; } .s30 { - margin-left: 34vw ; + margin-left: 34vw; top: 2vh; - animation: snow-drop 37.81s infinite, wind 8.33s alternate infinite; + animation: snow-drop 37.81s infinite, wind 8.33s alternate infinite; } .s31 { - margin-left: 38vw ; + margin-left: 38vw; top: 11vh; - animation: snow-drop 35.43s infinite, wind 13.69s alternate infinite; + animation: snow-drop 35.43s infinite, wind 13.69s alternate infinite; } .s32 { - margin-left: 41vw ; + margin-left: 41vw; top: 29vh; - animation: snow-drop 38.99s infinite, wind 9.78s alternate infinite; + animation: snow-drop 38.99s infinite, wind 9.78s alternate infinite; } .s33 { - margin-left: 38vw ; + margin-left: 38vw; top: 32vh; - animation: snow-drop 36.09s infinite, wind 5.84s alternate infinite; + animation: snow-drop 36.09s infinite, wind 5.84s alternate infinite; } .s34 { - margin-left: 39vw ; + margin-left: 39vw; top: 44vh; - animation: snow-drop 37.59s infinite, wind 6.8s alternate infinite; + animation: snow-drop 37.59s infinite, wind 6.8s alternate infinite; } .s35 { - margin-left: 39vw ; + margin-left: 39vw; top: 50vh; - animation: snow-drop 38.71s infinite, wind 13.45s alternate infinite; + animation: snow-drop 38.71s infinite, wind 13.45s alternate infinite; } .s36 { - margin-left: 38vw ; + margin-left: 38vw; top: 63vh; - animation: snow-drop 24.44s infinite, wind 8.15s alternate infinite; + animation: snow-drop 24.44s infinite, wind 8.15s alternate infinite; } .s37 { - margin-left: 45vw ; + margin-left: 45vw; top: 79vh; - animation: snow-drop 30.67s infinite, wind 11.61s alternate infinite; + animation: snow-drop 30.67s infinite, wind 11.61s alternate infinite; } .s38 { - margin-left: 47vw ; + margin-left: 47vw; top: 89vh; - animation: snow-drop 34.25s infinite, wind 8.32s alternate infinite; + animation: snow-drop 34.25s infinite, wind 8.32s alternate infinite; } .s39 { - margin-left: 48vw ; + margin-left: 48vw; top: 90vh; - animation: snow-drop 38.82s infinite, wind 9.63s alternate infinite; + animation: snow-drop 38.82s infinite, wind 9.63s alternate infinite; } .s40 { - margin-left: 46vw ; + margin-left: 46vw; top: 3vh; - animation: snow-drop 38.05s infinite, wind 11.1s alternate infinite; + animation: snow-drop 38.05s infinite, wind 11.1s alternate infinite; } .s41 { - margin-left: 48vw ; + margin-left: 48vw; top: 10vh; - animation: snow-drop 33.82s infinite, wind 5.61s alternate infinite; + animation: snow-drop 33.82s infinite, wind 5.61s alternate infinite; } .s42 { - margin-left: 49vw ; + margin-left: 49vw; top: 28vh; - animation: snow-drop 23.5s infinite, wind 5.48s alternate infinite; + animation: snow-drop 23.5s infinite, wind 5.48s alternate infinite; } .s43 { - margin-left: 48vw ; + margin-left: 48vw; top: 34vh; - animation: snow-drop 37.43s infinite, wind 11.22s alternate infinite; + animation: snow-drop 37.43s infinite, wind 11.22s alternate infinite; } .s44 { - margin-left: 49vw ; + margin-left: 49vw; top: 46vh; - animation: snow-drop 25.82s infinite, wind 3.1s alternate infinite; + animation: snow-drop 25.82s infinite, wind 3.1s alternate infinite; } .s45 { - margin-left: 53vw ; + margin-left: 53vw; top: 52vh; - animation: snow-drop 37.48s infinite, wind 10.01s alternate infinite; + animation: snow-drop 37.48s infinite, wind 10.01s alternate infinite; } .s46 { - margin-left: 50vw ; + margin-left: 50vw; top: 63vh; - animation: snow-drop 37.2s infinite, wind 10.42s alternate infinite; + animation: snow-drop 37.2s infinite, wind 10.42s alternate infinite; } .s47 { - margin-left: 47vw ; + margin-left: 47vw; top: 76vh; - animation: snow-drop 29.65s infinite, wind 11.49s alternate infinite; + animation: snow-drop 29.65s infinite, wind 11.49s alternate infinite; } .s48 { - margin-left: 56vw ; + margin-left: 56vw; top: 84vh; - animation: snow-drop 39.9s infinite, wind 9.75s alternate infinite; + animation: snow-drop 39.9s infinite, wind 9.75s alternate infinite; } .s49 { - margin-left: 55vw ; + margin-left: 55vw; top: 95vh; - animation: snow-drop 35.75s infinite, wind 11.17s alternate infinite; + animation: snow-drop 35.75s infinite, wind 11.17s alternate infinite; } .s50 { - margin-left: 54vw ; + margin-left: 54vw; top: 5vh; - animation: snow-drop 33.82s infinite, wind 9.84s alternate infinite; + animation: snow-drop 33.82s infinite, wind 9.84s alternate infinite; } .s51 { - margin-left: 60vw ; + margin-left: 60vw; top: 18vh; - animation: snow-drop 37.56s infinite, wind 10.32s alternate infinite; + animation: snow-drop 37.56s infinite, wind 10.32s alternate infinite; } .s52 { - margin-left: 56vw ; + margin-left: 56vw; top: 22vh; - animation: snow-drop 32.28s infinite, wind 7.97s alternate infinite; + animation: snow-drop 32.28s infinite, wind 7.97s alternate infinite; } .s53 { - margin-left: 61vw ; + margin-left: 61vw; top: 38vh; - animation: snow-drop 33.82s infinite, wind 6.37s alternate infinite; + animation: snow-drop 33.82s infinite, wind 6.37s alternate infinite; } .s54 { - margin-left: 57vw ; + margin-left: 57vw; top: 46vh; - animation: snow-drop 31.74s infinite, wind 7.26s alternate infinite; + animation: snow-drop 31.74s infinite, wind 7.26s alternate infinite; } .s55 { - margin-left: 57vw ; + margin-left: 57vw; top: 53vh; - animation: snow-drop 36.11s infinite, wind 4.42s alternate infinite; + animation: snow-drop 36.11s infinite, wind 4.42s alternate infinite; } .s56 { - margin-left: 63vw ; + margin-left: 63vw; top: 63vh; - animation: snow-drop 31.56s infinite, wind 6.17s alternate infinite; + animation: snow-drop 31.56s infinite, wind 6.17s alternate infinite; } .s57 { - margin-left: 66vw ; + margin-left: 66vw; top: 77vh; - animation: snow-drop 38.9s infinite, wind 8.48s alternate infinite; + animation: snow-drop 38.9s infinite, wind 8.48s alternate infinite; } .s58 { - margin-left: 61vw ; + margin-left: 61vw; top: 86vh; - animation: snow-drop 25.37s infinite, wind 8.87s alternate infinite; + animation: snow-drop 25.37s infinite, wind 8.87s alternate infinite; } .s59 { - margin-left: 66vw ; + margin-left: 66vw; top: 93vh; - animation: snow-drop 25.88s infinite, wind 2.16s alternate infinite; + animation: snow-drop 25.88s infinite, wind 2.16s alternate infinite; } .s60 { - margin-left: 61vw ; + margin-left: 61vw; top: 7vh; - animation: snow-drop 38.93s infinite, wind 10.73s alternate infinite; + animation: snow-drop 38.93s infinite, wind 10.73s alternate infinite; } .s61 { - margin-left: 66vw ; + margin-left: 66vw; top: 11vh; - animation: snow-drop 33.2s infinite, wind 12.4s alternate infinite; + animation: snow-drop 33.2s infinite, wind 12.4s alternate infinite; } .s62 { - margin-left: 70vw ; + margin-left: 70vw; top: 24vh; - animation: snow-drop 23.68s infinite, wind 4.76s alternate infinite; + animation: snow-drop 23.68s infinite, wind 4.76s alternate infinite; } .s63 { - margin-left: 64vw ; + margin-left: 64vw; top: 30vh; - animation: snow-drop 35.98s infinite, wind 12.77s alternate infinite; + animation: snow-drop 35.98s infinite, wind 12.77s alternate infinite; } .s64 { - margin-left: 71vw ; + margin-left: 71vw; top: 45vh; - animation: snow-drop 31.55s infinite, wind 3.4s alternate infinite; + animation: snow-drop 31.55s infinite, wind 3.4s alternate infinite; } .s65 { - margin-left: 70vw ; + margin-left: 70vw; top: 58vh; - animation: snow-drop 28.31s infinite, wind 14.31s alternate infinite; + animation: snow-drop 28.31s infinite, wind 14.31s alternate infinite; } .s66 { - margin-left: 73vw ; + margin-left: 73vw; top: 67vh; - animation: snow-drop 25.79s infinite, wind 7.21s alternate infinite; + animation: snow-drop 25.79s infinite, wind 7.21s alternate infinite; } .s67 { - margin-left: 73vw ; + margin-left: 73vw; top: 73vh; - animation: snow-drop 23.93s infinite, wind 14.8s alternate infinite; + animation: snow-drop 23.93s infinite, wind 14.8s alternate infinite; } .s68 { - margin-left: 76vw ; + margin-left: 76vw; top: 80vh; - animation: snow-drop 26.94s infinite, wind 10.71s alternate infinite; + animation: snow-drop 26.94s infinite, wind 10.71s alternate infinite; } .s69 { - margin-left: 76vw ; + margin-left: 76vw; top: 96vh; - animation: snow-drop 27.06s infinite, wind 12.62s alternate infinite; + animation: snow-drop 27.06s infinite, wind 12.62s alternate infinite; } .s70 { - margin-left: 74vw ; + margin-left: 74vw; top: 4vh; - animation: snow-drop 34.1s infinite, wind 9.97s alternate infinite; + animation: snow-drop 34.1s infinite, wind 9.97s alternate infinite; } .s71 { - margin-left: 74vw ; + margin-left: 74vw; top: 11vh; - animation: snow-drop 25.35s infinite, wind 11.74s alternate infinite; + animation: snow-drop 25.35s infinite, wind 11.74s alternate infinite; } .s72 { - margin-left: 75vw ; + margin-left: 75vw; top: 25vh; - animation: snow-drop 38.14s infinite, wind 10.35s alternate infinite; + animation: snow-drop 38.14s infinite, wind 10.35s alternate infinite; } .s73 { - margin-left: 77vw ; + margin-left: 77vw; top: 30vh; - animation: snow-drop 34.32s infinite, wind 6.2s alternate infinite; + animation: snow-drop 34.32s infinite, wind 6.2s alternate infinite; } .s74 { - margin-left: 79vw ; + margin-left: 79vw; top: 40vh; - animation: snow-drop 32.34s infinite, wind 2.4699999999999998s alternate infinite; + animation: snow-drop 32.34s infinite, + wind 2.4699999999999998s alternate infinite; } .s75 { - margin-left: 77vw ; + margin-left: 77vw; top: 51vh; - animation: snow-drop 31.91s infinite, wind 3.19s alternate infinite; + animation: snow-drop 31.91s infinite, wind 3.19s alternate infinite; } .s76 { - margin-left: 83vw ; + margin-left: 83vw; top: 67vh; - animation: snow-drop 25.9s infinite, wind 11.77s alternate infinite; + animation: snow-drop 25.9s infinite, wind 11.77s alternate infinite; } .s77 { - margin-left: 77vw ; + margin-left: 77vw; top: 77vh; - animation: snow-drop 26.69s infinite, wind 4.48s alternate infinite; + animation: snow-drop 26.69s infinite, wind 4.48s alternate infinite; } .s78 { - margin-left: 86vw ; + margin-left: 86vw; top: 87vh; - animation: snow-drop 34.85s infinite, wind 13.36s alternate infinite; + animation: snow-drop 34.85s infinite, wind 13.36s alternate infinite; } .s79 { - margin-left: 87vw ; + margin-left: 87vw; top: 93vh; - animation: snow-drop 29.99s infinite, wind 9.65s alternate infinite; + animation: snow-drop 29.99s infinite, wind 9.65s alternate infinite; } .s80 { - margin-left: 85vw ; + margin-left: 85vw; top: 8vh; - animation: snow-drop 27.86s infinite, wind 10.4s alternate infinite; + animation: snow-drop 27.86s infinite, wind 10.4s alternate infinite; } .s81 { - margin-left: 88vw ; + margin-left: 88vw; top: 13vh; - animation: snow-drop 37.1s infinite, wind 8.39s alternate infinite; + animation: snow-drop 37.1s infinite, wind 8.39s alternate infinite; } .s82 { - margin-left: 88vw ; + margin-left: 88vw; top: 25vh; - animation: snow-drop 25.65s infinite, wind 6.67s alternate infinite; + animation: snow-drop 25.65s infinite, wind 6.67s alternate infinite; } .s83 { - margin-left: 87vw ; + margin-left: 87vw; top: 38vh; - animation: snow-drop 30.82s infinite, wind 8.84s alternate infinite; + animation: snow-drop 30.82s infinite, wind 8.84s alternate infinite; } .s84 { - margin-left: 87vw ; + margin-left: 87vw; top: 42vh; - animation: snow-drop 31.41s infinite, wind 6.98s alternate infinite; + animation: snow-drop 31.41s infinite, wind 6.98s alternate infinite; } .s85 { - margin-left: 92vw ; + margin-left: 92vw; top: 56vh; - animation: snow-drop 29.22s infinite, wind 9.8s alternate infinite; + animation: snow-drop 29.22s infinite, wind 9.8s alternate infinite; } .s86 { - margin-left: 93vw ; + margin-left: 93vw; top: 67vh; - animation: snow-drop 23.61s infinite, wind 3.36s alternate infinite; + animation: snow-drop 23.61s infinite, wind 3.36s alternate infinite; } .s87 { - margin-left: 88vw ; + margin-left: 88vw; top: 76vh; - animation: snow-drop 30.31s infinite, wind 14.43s alternate infinite; + animation: snow-drop 30.31s infinite, wind 14.43s alternate infinite; } .s88 { - margin-left: 96vw ; + margin-left: 96vw; top: 89vh; - animation: snow-drop 37.32s infinite, wind 11.38s alternate infinite; + animation: snow-drop 37.32s infinite, wind 11.38s alternate infinite; } .s89 { - margin-left: 89vw ; + margin-left: 89vw; top: 90vh; - animation: snow-drop 23.14s infinite, wind 7.4s alternate infinite; + animation: snow-drop 23.14s infinite, wind 7.4s alternate infinite; } .s90 { - margin-left: 92vw ; + margin-left: 92vw; top: 7vh; - animation: snow-drop 25.73s infinite, wind 11.96s alternate infinite; + animation: snow-drop 25.73s infinite, wind 11.96s alternate infinite; } .s91 { - margin-left: 91vw ; + margin-left: 91vw; top: 15vh; - animation: snow-drop 24.11s infinite, wind 14.18s alternate infinite; + animation: snow-drop 24.11s infinite, wind 14.18s alternate infinite; } .s92 { - margin-left: 99vw ; + margin-left: 99vw; top: 26vh; - animation: snow-drop 23.24s infinite, wind 10.38s alternate infinite; + animation: snow-drop 23.24s infinite, wind 10.38s alternate infinite; } .s93 { - margin-left: 93vw ; + margin-left: 93vw; top: 35vh; - animation: snow-drop 33.82s infinite, wind 2.5s alternate infinite; + animation: snow-drop 33.82s infinite, wind 2.5s alternate infinite; } .s94 { - margin-left: 97vw ; + margin-left: 97vw; top: 41vh; - animation: snow-drop 25.46s infinite, wind 11.73s alternate infinite; + animation: snow-drop 25.46s infinite, wind 11.73s alternate infinite; } .s95 { - margin-left: 95vw ; + margin-left: 95vw; top: 53vh; - animation: snow-drop 34.17s infinite, wind 7.53s alternate infinite; + animation: snow-drop 34.17s infinite, wind 7.53s alternate infinite; } diff --git a/Art/Snow_Animation/index.html b/Art/Snow_Animation/index.html index 16e8c7c85..b54ed0b94 100644 --- a/Art/Snow_Animation/index.html +++ b/Art/Snow_Animation/index.html @@ -4,62 +4,60 @@ - - - - Rainfall Animation - CSS Only + + + + Rainfall Animation - CSS Only - - - -
+ + + +
+
-
- -
- - - - - - - - - - - - - - - - - - - - - -
+
+ + + + + + + + + + + + + + + + + + + + + +
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
- -
- - \ No newline at end of file + + diff --git a/Art/Snow_Animation/style.css b/Art/Snow_Animation/style.css index a95b0235e..1e951169c 100644 --- a/Art/Snow_Animation/style.css +++ b/Art/Snow_Animation/style.css @@ -62,12 +62,11 @@ body { transform-origin: bottom; } @keyframes animate { - 0% { - transform: translateY(0) scale(1.0); + transform: translateY(0) scale(1); } 70% { - transform: translateY(230px) scale(1.0); + transform: translateY(230px) scale(1); } 100% { transform: translateY(348px) scale(0); @@ -85,13 +84,13 @@ body { margin: 20px; left: 10px; background: #fff; - box-shadow: 1px 1px 1px 1px rgba(255,255,255, 0.8); + box-shadow: 1px 1px 1px 1px rgba(255, 255, 255, 0.8); animation: rain 0.5s infinite ease-out; } .rain_drop:nth-child(1) { height: 15px; top: 5px; - animation-delay: -1.0s; + animation-delay: -1s; } .rain_drop:nth-child(2) { height: 20px; @@ -185,4 +184,4 @@ body { opacity: 0.75; transform: scale(2.5); } -} \ No newline at end of file +} diff --git a/Art/SpinnieStar3/S3.css b/Art/SpinnieStar3/S3.css index 68e4686a1..96229eb89 100644 --- a/Art/SpinnieStar3/S3.css +++ b/Art/SpinnieStar3/S3.css @@ -1,43 +1,43 @@ -body{ - background: black; +body { + background: black; } -div{ - color: red; +div { + color: red; } -.star1{ - width: 50%; - height: 50%; - justify-content: center; - animation-name:s1; - animation-duration:3s; - transform: scale(1.1); - position: absolute; +.star1 { + width: 50%; + height: 50%; + justify-content: center; + animation-name: s1; + animation-duration: 3s; + transform: scale(1.1); + position: absolute; } -.star2{ - width: 50%; - height: 50%; - justify-content: center; - animation-name: s1; - animation-direction: alternate-reverse; - animation-duration:2.5s; - transform: scale(1.1); - position: absolute; +.star2 { + width: 50%; + height: 50%; + justify-content: center; + animation-name: s1; + animation-direction: alternate-reverse; + animation-duration: 2.5s; + transform: scale(1.1); + position: absolute; } -.star3{ - width: 50%; - height: 50%; - justify-content: center; - transform: scale(1.1); - position: absolute; +.star3 { + width: 50%; + height: 50%; + justify-content: center; + transform: scale(1.1); + position: absolute; +} +@keyframes s1 { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } } -@keyframes s1{ - 0%{ - transform: rotate(0deg); - } - 100%{ - transform: rotate(360deg); - } -} \ No newline at end of file diff --git a/Art/SpinnieStar3/SpinnieStar3.html b/Art/SpinnieStar3/SpinnieStar3.html index cdf2eaa56..187c3aa0f 100644 --- a/Art/SpinnieStar3/SpinnieStar3.html +++ b/Art/SpinnieStar3/SpinnieStar3.html @@ -1,15 +1,15 @@ - - - - + + + + Spinning star - - - -
-
-
- - \ No newline at end of file + + + +
+
+
+ + diff --git a/Art/Square/square.css b/Art/Square/square.css index 6ef3d7427..c0052abaa 100644 --- a/Art/Square/square.css +++ b/Art/Square/square.css @@ -1,46 +1,63 @@ -h1 { - text-align: center; -} - -.square { - width: 250px; - height: 250px; - position: fixed; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - background-color: red; - animation-name: example; - animation-iteration-count: infinite; - animation-duration: 5s; -} -.circle { - width: 150px; - height: 150px; - position: fixed; - border-radius: 50px; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - background-color: purple; - animation-name: circlean; - animation-iteration-count: infinite; - animation-duration: 5s; -} - -@keyframes example { - 0% {background-color: red;} - 30% {background-color: blue;} - 66% {background-color: green;} - 100% {background-color: yellow;} -} - -@keyframes circlean { - 0% {width: 150px;background-color: purple;} - 30% {width: 200px;background-color: pink;} - 66% {width: 150px;background-color: orangered;} - 100% {width: 200px;background-color: darkorange;} -} - - - +h1 { + text-align: center; +} + +.square { + width: 250px; + height: 250px; + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + background-color: red; + animation-name: example; + animation-iteration-count: infinite; + animation-duration: 5s; +} +.circle { + width: 150px; + height: 150px; + position: fixed; + border-radius: 50px; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + background-color: purple; + animation-name: circlean; + animation-iteration-count: infinite; + animation-duration: 5s; +} + +@keyframes example { + 0% { + background-color: red; + } + 30% { + background-color: blue; + } + 66% { + background-color: green; + } + 100% { + background-color: yellow; + } +} + +@keyframes circlean { + 0% { + width: 150px; + background-color: purple; + } + 30% { + width: 200px; + background-color: pink; + } + 66% { + width: 150px; + background-color: orangered; + } + 100% { + width: 200px; + background-color: darkorange; + } +} diff --git a/Art/Square/square.html b/Art/Square/square.html index 6c62a696f..96184d3c4 100644 --- a/Art/Square/square.html +++ b/Art/Square/square.html @@ -1,22 +1,15 @@ - - - - - - - - - - -

CSS Animation

-
-
+ + + + + + + +

CSS Animation

+
-
-
- - - +
+ diff --git a/Art/Vipul/style.css b/Art/Vipul/style.css index 3ead9e6e3..76c9ff35a 100644 --- a/Art/Vipul/style.css +++ b/Art/Vipul/style.css @@ -1,4 +1,4 @@ -@import url("https://fonts.googleapis.com/css?family=Acme"); +@import url('https://fonts.googleapis.com/css?family=Acme'); html, body { margin: 0; @@ -20,7 +20,7 @@ body { border: 1px solid #454545; border-radius: 3px; opacity: 0.3; - font-family: "Acme", sans-serif; + font-family: 'Acme', sans-serif; transition: 0.4s all ease; outline-color: #454545; } @@ -36,4 +36,4 @@ i { float: right; margin-right: 15px; transition: 0.5s all ease; -}/*# sourceMappingURL=style.css.map */ \ No newline at end of file +} /*# sourceMappingURL=style.css.map */ diff --git a/Art/Water Animation/index.html b/Art/Water Animation/index.html index 646c88181..b1d6aa9b5 100644 --- a/Art/Water Animation/index.html +++ b/Art/Water Animation/index.html @@ -1,15 +1,15 @@ - - - - Water Animation - - - -
-

Water

-

Water

-
- - \ No newline at end of file + + + + Water Animation + + + +
+

Water

+

Water

+
+ + diff --git a/Art/Water Animation/style.css b/Art/Water Animation/style.css index 6aad986ea..1fd0fb497 100644 --- a/Art/Water Animation/style.css +++ b/Art/Water Animation/style.css @@ -1,43 +1,59 @@ @import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900'); -* -{ - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: Poppins, sans-serif; +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: Poppins, sans-serif; } body { - display: flex; - justify-content: center; - align-items: center; - min-height: 100vh; - background: #000; + display: flex; + justify-content: center; + align-items: center; + min-height: 100vh; + background: #000; } .content { - postion: relative; + postion: relative; } .content h2 { - position: absolute; - transform: translate(-50%, -50%); - font-size: 8em; + position: absolute; + transform: translate(-50%, -50%); + font-size: 8em; } .content h2:nth-child(1) { - color: transparent; - -webkit-text-stroke: 2px #03a9f4; + color: transparent; + -webkit-text-stroke: 2px #03a9f4; } .content h2:nth-child(2) { - color: #03a9f4; - animation: animate 4s ease-in-out infinite; + color: #03a9f4; + animation: animate 4s ease-in-out infinite; } @keyframes animate { - 0%,100% - { - clip-path: polygon(0% 45%, 15% 44%, 32% 50%, 54% 60%, - 70% 61%, 84% 59%, 100% 52%, 100% 100%, 0% 100%); - } - 50% - { - clip-path: polygon(0% 60%, 16% 65%, 34% 66%, 51% 62%, - 67% 50%, 84% 45%, 100% 46%, 100% 100%, 0% 100%); - } -} \ No newline at end of file + 0%, + 100% { + clip-path: polygon( + 0% 45%, + 15% 44%, + 32% 50%, + 54% 60%, + 70% 61%, + 84% 59%, + 100% 52%, + 100% 100%, + 0% 100% + ); + } + 50% { + clip-path: polygon( + 0% 60%, + 16% 65%, + 34% 66%, + 51% 62%, + 67% 50%, + 84% 45%, + 100% 46%, + 100% 100%, + 0% 100% + ); + } +} diff --git a/Art/YYarts/index.html b/Art/YYarts/index.html index 3e97ce5d2..86b20ca03 100644 --- a/Art/YYarts/index.html +++ b/Art/YYarts/index.html @@ -1,13 +1,13 @@ - - - - + + + + YYarts - - - + + +

Good Luck My Friend

🍀 🍀 @@ -18,5 +18,5 @@ 🍀 🍀 🍀 --> - - \ No newline at end of file + + diff --git a/Art/YYarts/style.css b/Art/YYarts/style.css index d1c832f45..a6e76943e 100644 --- a/Art/YYarts/style.css +++ b/Art/YYarts/style.css @@ -1,83 +1,78 @@ * { - box-sizing: border-box; - margin: 0; - padding: 0; + box-sizing: border-box; + margin: 0; + padding: 0; } body { - font-family: 'Fira Code', sans-serif; - font-size: 30px; - min-height: 100vh; - /* width:100%; 100vw */ - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - background-color: rgb(170, 250, 170); - color:rgb(0, 112, 0); + font-family: 'Fira Code', sans-serif; + font-size: 30px; + min-height: 100vh; + /* width:100%; 100vw */ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + background-color: rgb(170, 250, 170); + color: rgb(0, 112, 0); } p { - font-size: 3em; + font-size: 3em; } p#one { - animation: fadeinout ease-in-out 7s infinite; - text-shadow: 5px 7px 10px rgb(32, 234, 32); - + animation: fadeinout ease-in-out 7s infinite; + text-shadow: 5px 7px 10px rgb(32, 234, 32); } span { - position: relative; - animation: spin 4s infinite linear; - font-size:1.2em; + position: relative; + animation: spin 4s infinite linear; + font-size: 1.2em; } span#two { - bottom: 250px; - /* left:-500px; */ - right: 500px; + bottom: 250px; + /* left:-500px; */ + right: 500px; } span#three { - bottom: 290px; - left: 500px; + bottom: 290px; + left: 500px; } span#four { - right:400px; + right: 400px; } -span#five{ - left:300px; +span#five { + left: 300px; } -span#six{ - top:120px; +span#six { + top: 120px; } - - @keyframes fadeinout { - - 0%, - 100% { - opacity: 0; - /* transform:scale(0); */ - } - - 50% { - opacity: 1; - /* transform:scale(1); */ - } - + 0%, + 100% { + opacity: 0; + /* transform:scale(0); */ + } + + 50% { + opacity: 1; + /* transform:scale(1); */ + } } @keyframes spin { - 0%{ - transform: rotate(0deg); - } - 100%{ - transform:rotate(360deg); - } -} \ No newline at end of file + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} diff --git a/Art/Yuki/index.html b/Art/Yuki/index.html index e5991a3e6..a1b3d8f54 100644 --- a/Art/Yuki/index.html +++ b/Art/Yuki/index.html @@ -1,35 +1,35 @@ - - - - + + + + Yuki - - - + + +
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
-

雪

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

雪

- - \ No newline at end of file + + diff --git a/Art/Yuki/style.css b/Art/Yuki/style.css index 0fbdc1213..415ae98dd 100644 --- a/Art/Yuki/style.css +++ b/Art/Yuki/style.css @@ -1,199 +1,199 @@ html { - background-color: rgb(60, 46, 37); + background-color: rgb(60, 46, 37); } h1 { - text-align: center; - color: white; - font-size: 3.5em; - margin-top: 0.5em; + text-align: center; + color: white; + font-size: 3.5em; + margin-top: 0.5em; } .container { - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; - padding: 15em; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + padding: 15em; } .head { - display: flex; - justify-content: center; - align-items: center; - background-color: black; - width: 15em; - height: 13em; - border-radius: 8em; - position: relative; + display: flex; + justify-content: center; + align-items: center; + background-color: black; + width: 15em; + height: 13em; + border-radius: 8em; + position: relative; } .head-copy { - display: flex; - justify-content: center; - align-items: center; - background-color: black; - width: 15em; - height: 13em; - border-radius: 8em; - position: relative; - z-index: 3; + display: flex; + justify-content: center; + align-items: center; + background-color: black; + width: 15em; + height: 13em; + border-radius: 8em; + position: relative; + z-index: 3; } .eye-left { - background-color: black; - width: 1.5em; - height: 1.5em; - border: #fff 0.2em solid; - border-radius: 1em; - position:absolute; - top: 4em; - left: 3em; - z-index: 3; - animation: squeeze 1.2s infinite; + background-color: black; + width: 1.5em; + height: 1.5em; + border: #fff 0.2em solid; + border-radius: 1em; + position: absolute; + top: 4em; + left: 3em; + z-index: 3; + animation: squeeze 1.2s infinite; } .eye-right { -background-color: black; -width: 1.5em; -height: 1.5em; -border: #fff 0.2em solid; -border-radius: 1em; -position:absolute; -top: 4em; -left: 10em; -z-index: 3; -animation: squeeze 1.2s infinite; -} - -.pupil{ - position: absolute; - width: 0.5em; - height: 0.5em; - top: 0em; - left: 0em; - border-radius: 0.5em; - background: #fff; - z-index: 4; - } + background-color: black; + width: 1.5em; + height: 1.5em; + border: #fff 0.2em solid; + border-radius: 1em; + position: absolute; + top: 4em; + left: 10em; + z-index: 3; + animation: squeeze 1.2s infinite; +} + +.pupil { + position: absolute; + width: 0.5em; + height: 0.5em; + top: 0em; + left: 0em; + border-radius: 0.5em; + background: #fff; + z-index: 4; +} .ear-left { - background-color: white; - border: black 2em solid; - position: absolute; - top: -2em; - left: -1em; - width: 6em; - height: 6em; - transform: rotate(-100deg) skewX(-30deg) scale(1, 0.866); - border-top-right-radius: 20%; - z-index: 2; - } + background-color: white; + border: black 2em solid; + position: absolute; + top: -2em; + left: -1em; + width: 6em; + height: 6em; + transform: rotate(-100deg) skewX(-30deg) scale(1, 0.866); + border-top-right-radius: 20%; + z-index: 2; +} .ear-right { - background-color: white; - border: black 2em solid; - position: absolute; - top: -2em; - left: 6em; - width: 6em; - height: 6em; - transform: rotate(-20deg) skewX(-30deg) scale(1, 0.866); - border-top-right-radius: 20%; - z-index: 2; + background-color: white; + border: black 2em solid; + position: absolute; + top: -2em; + left: 6em; + width: 6em; + height: 6em; + transform: rotate(-20deg) skewX(-30deg) scale(1, 0.866); + border-top-right-radius: 20%; + z-index: 2; } .snout { - background-color:white; - border-top-left-radius: 3em; - border-top-right-radius: 3em; - position: absolute; - width: 5em; - height: 3em; - top: 5em; - z-index: 5; + background-color: white; + border-top-left-radius: 3em; + border-top-right-radius: 3em; + position: absolute; + width: 5em; + height: 3em; + top: 5em; + z-index: 5; } .nose { - background-color: rgb(19, 19, 19); - width: 3em; - height: 2em; - border-radius: 3em 3em 3em 3em; - position: absolute; - left: 1em; - top: 1em; + background-color: rgb(19, 19, 19); + width: 3em; + height: 2em; + border-radius: 3em 3em 3em 3em; + position: absolute; + left: 1em; + top: 1em; } .white-part { - background-color: white; - width: 2em; - height: 6em; - position: absolute; - top: 0em; - left: 6.5em; - z-index: 4 + background-color: white; + width: 2em; + height: 6em; + position: absolute; + top: 0em; + left: 6.5em; + z-index: 4; } .head-bottom { - background-color:white; - border-bottom-left-radius: 8em; - border-bottom-right-radius: 8em; - position: absolute; - width: 14.59em; - height: 5em; - top: 7.8em; - z-index: 4; - /* display: flex; + background-color: white; + border-bottom-left-radius: 8em; + border-bottom-right-radius: 8em; + position: absolute; + width: 14.59em; + height: 5em; + top: 7.8em; + z-index: 4; + /* display: flex; justify-content: center; */ } .mouth-left { - /* Create the circle */ - background-color: white; - width: 2em; - height: 1.5em; - border: 0.25em solid black; - position: absolute; - left: 5em; - border-radius: 50%; - /* Halve the circle */ - border-bottom-color: transparent; - border-left-color: transparent; - /* Rotate the circle */ - transform: rotate(320deg) scale(-1); - z-index: 5; - } + /* Create the circle */ + background-color: white; + width: 2em; + height: 1.5em; + border: 0.25em solid black; + position: absolute; + left: 5em; + border-radius: 50%; + /* Halve the circle */ + border-bottom-color: transparent; + border-left-color: transparent; + /* Rotate the circle */ + transform: rotate(320deg) scale(-1); + z-index: 5; +} - .mouth-right { - /* Create the circle */ - background-color: white; - width: 2em; - height: 1.5em; - border: 0.25em solid black; - position: absolute; - left: 7em; - top: 0em; - border-radius: 50%; - /* Halve the circle */ - border-bottom-color: transparent; - border-left-color: transparent; - /* Rotate the circle */ - transform: rotate(145deg); - z-index: 5; - } +.mouth-right { + /* Create the circle */ + background-color: white; + width: 2em; + height: 1.5em; + border: 0.25em solid black; + position: absolute; + left: 7em; + top: 0em; + border-radius: 50%; + /* Halve the circle */ + border-bottom-color: transparent; + border-left-color: transparent; + /* Rotate the circle */ + transform: rotate(145deg); + z-index: 5; +} - .tongue { - background-color: red; - width: 2em; - height: 2em; - border-bottom-left-radius: 2em; - border-bottom-right-radius: 2em; - position: absolute; - top: 1.5em; - left: 6.2em; - z-index: 4; - animation: grow 0.1s infinite alternate; - } +.tongue { + background-color: red; + width: 2em; + height: 2em; + border-bottom-left-radius: 2em; + border-bottom-right-radius: 2em; + position: absolute; + top: 1.5em; + left: 6.2em; + z-index: 4; + animation: grow 0.1s infinite alternate; +} /* .body { background-color: white; @@ -203,23 +203,23 @@ animation: squeeze 1.2s infinite; } */ @keyframes squeeze { - 90% { - transform: none; - animation-timing-function: ease-in; - } - 93% { - transform: scale(1.2, 0.3); - } - 100% { - animation-timing-function: ease-out; - } + 90% { + transform: none; + animation-timing-function: ease-in; + } + 93% { + transform: scale(1.2, 0.3); } + 100% { + animation-timing-function: ease-out; + } +} - @keyframes grow { - 0% { - animation-timing-function: ease-in; - } - 100% { - height: 2.5em; - } - } \ No newline at end of file +@keyframes grow { + 0% { + animation-timing-function: ease-in; + } + 100% { + height: 2.5em; + } +} diff --git a/Art/aSquareCircus/index.html b/Art/aSquareCircus/index.html index 4a97deade..3fe2748d5 100644 --- a/Art/aSquareCircus/index.html +++ b/Art/aSquareCircus/index.html @@ -1,18 +1,15 @@ - - - - - Document - - - -
-
-
- - + + + + + Document + + +
+
+
+ - diff --git a/Art/aSquareCircus/styles.css b/Art/aSquareCircus/styles.css index e2348d26a..418338f8f 100644 --- a/Art/aSquareCircus/styles.css +++ b/Art/aSquareCircus/styles.css @@ -1,4 +1,4 @@ -.container{ +.container { display: flex; justify-content: center; align-items: center; @@ -17,9 +17,7 @@ from { transform: rotate(0deg); } - to { + to { transform: rotate(360deg); } } - - diff --git a/Art/arjunan-k/index.html b/Art/arjunan-k/index.html index 061949c9f..415b23494 100644 --- a/Art/arjunan-k/index.html +++ b/Art/arjunan-k/index.html @@ -1,13 +1,13 @@ - + Alright - +
- +
diff --git a/Art/arjunan-k/main.css b/Art/arjunan-k/main.css index 9c59bb3d9..00d0a81bf 100644 --- a/Art/arjunan-k/main.css +++ b/Art/arjunan-k/main.css @@ -1,5 +1,5 @@ body { - background-color: black + background-color: black; } .alright { diff --git a/Art/aschwir/index.html b/Art/aschwir/index.html index ce108c4ce..c8ce59b19 100644 --- a/Art/aschwir/index.html +++ b/Art/aschwir/index.html @@ -1,35 +1,33 @@ - - - - - + + + + + Animation!! - - + +
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- - +
- - \ No newline at end of file + + diff --git a/Art/aschwir/style.css b/Art/aschwir/style.css index bc5d23109..dee66c26f 100644 --- a/Art/aschwir/style.css +++ b/Art/aschwir/style.css @@ -1,203 +1,179 @@ -body{ - height: 100vh; - width: 100vw; - display: flex; - justify-content: center; - align-items: center; - background-color: black ; +body { + height: 100vh; + width: 100vw; + display: flex; + justify-content: center; + align-items: center; + background-color: black; } /* #0f0f0f */ -@keyframes rotation1{ - 0%{transform: translate(8px, 0px);} - 25%{transform: translate(0px, -8px);} - 50%{transform: translate(-8px, 0px);} - 75%{transform: translate(0px, 8px);} - 100%{transform: translate(8px, 0px);} -} - -@keyframes rotation2{ - 0%{transform: translate(8px, 0px);} - 25%{transform: translate(0px, -8px);} - 50%{transform: translate(-8px, 0px);} - 75%{transform: translate(0px, 8px);} - 100%{transform: translate(8px, 0px);} -} - -.main_container{ - - width: 400px; - height: 400px; - border-radius: 50%; - overflow: hidden; - -} - -.behind-container1{ - position: absolute; - width: 350px; - height: 350px; - border-radius: 50%; - background: repeating-conic-gradient( - #22063d 0%, - #410d75 15%, - #540f99 33% -); - animation: rotation1 3.2s linear infinite; - -} - -.behind-container2{ - display: flex; - justify-content: center; - align-items: center; - position: absolute; - width: 350px; - height: 350px; - border-radius: 50%; - background-color: black; - box-shadow: inset 0px 0px 50px #0f0f0f; - - -} - - -.behind-container3{ - position: absolute; - width: 300px; - height: 300px; - border-radius: 50%; - background: repeating-conic-gradient( - #22063d 0%, - #410d75 15%, - #540f99 33% - ); - animation: rotation2 3s reverse infinite; - -} - -.behind-container4{ - display: flex; - justify-content: center; - align-items: center; - position: absolute; - width: 300px; - height: 300px; - border-radius: 50%; - background-color: black; - box-shadow: inset 0px 0px 50px #0f0f0f; - - -} - -.behind-container5{ - position: absolute; - width: 250px; - height: 250px; - border-radius: 50%; - background: repeating-conic-gradient( - #22063d 0%, - #410d75 15%, - #540f99 33% - ); - animation: rotation1 2.5s linear infinite; -} - -.behind-container6{ - display: flex; - justify-content: center; - align-items: center; - position: absolute; - width: 250px; - height: 250px; - border-radius: 50%; - background-color: black; - box-shadow: inset 0px 0px 40px #0f0f0f; - -} - -.behind-container7{ - position: absolute; - width:200px; - height: 200px; - border-radius: 50%; - background: repeating-conic-gradient( - #22063d 0%, - #410d75 15%, - #540f99 33% - ); - animation: rotation1 2s reverse infinite; -} - -.behind-container8{ - display: flex; - justify-content: center; - align-items: center; - position: absolute; - width: 200px; - height: 200px; - border-radius: 50%; - background-color: black; - box-shadow: inset 0px 0px 30px #0f0f0f; -} - -.behind-container9{ - position: absolute; - width:150px; - height: 150px; - border-radius: 50%; - background: repeating-conic-gradient( - #22063d 0%, - #410d75 15%, - #540f99 33% - ); - animation: rotation1 1.5s linear infinite; -} - -.behind-container10{ - display: flex; - justify-content: center; - align-items: center; -position: absolute; -width: 150px; -height: 150px; -border-radius: 50%; -background-color: black; -box-shadow: inset 0px 0px 20px #0f0f0f; - -} - -.behind-container11{ - position: absolute; - width:100px; - height: 100px; - border-radius: 50%; - - background: repeating-conic-gradient( - #22063d 0%, - #410d75 15%, - #540f99 33% - ); - animation: rotation1 1s reverse infinite; -} - -.behind-container12{ - display: flex; - justify-content: center; - align-items: center; -position: absolute; -width: 100px; -height: 100px; -border-radius: 50%; -background-color: black; -box-shadow: inset 0px 0px 10px #0f0f0f; - +@keyframes rotation1 { + 0% { + transform: translate(8px, 0px); + } + 25% { + transform: translate(0px, -8px); + } + 50% { + transform: translate(-8px, 0px); + } + 75% { + transform: translate(0px, 8px); + } + 100% { + transform: translate(8px, 0px); + } +} + +@keyframes rotation2 { + 0% { + transform: translate(8px, 0px); + } + 25% { + transform: translate(0px, -8px); + } + 50% { + transform: translate(-8px, 0px); + } + 75% { + transform: translate(0px, 8px); + } + 100% { + transform: translate(8px, 0px); + } +} + +.main_container { + width: 400px; + height: 400px; + border-radius: 50%; + overflow: hidden; +} + +.behind-container1 { + position: absolute; + width: 350px; + height: 350px; + border-radius: 50%; + background: repeating-conic-gradient(#22063d 0%, #410d75 15%, #540f99 33%); + animation: rotation1 3.2s linear infinite; +} + +.behind-container2 { + display: flex; + justify-content: center; + align-items: center; + position: absolute; + width: 350px; + height: 350px; + border-radius: 50%; + background-color: black; + box-shadow: inset 0px 0px 50px #0f0f0f; +} + +.behind-container3 { + position: absolute; + width: 300px; + height: 300px; + border-radius: 50%; + background: repeating-conic-gradient(#22063d 0%, #410d75 15%, #540f99 33%); + animation: rotation2 3s reverse infinite; +} + +.behind-container4 { + display: flex; + justify-content: center; + align-items: center; + position: absolute; + width: 300px; + height: 300px; + border-radius: 50%; + background-color: black; + box-shadow: inset 0px 0px 50px #0f0f0f; +} + +.behind-container5 { + position: absolute; + width: 250px; + height: 250px; + border-radius: 50%; + background: repeating-conic-gradient(#22063d 0%, #410d75 15%, #540f99 33%); + animation: rotation1 2.5s linear infinite; +} + +.behind-container6 { + display: flex; + justify-content: center; + align-items: center; + position: absolute; + width: 250px; + height: 250px; + border-radius: 50%; + background-color: black; + box-shadow: inset 0px 0px 40px #0f0f0f; +} + +.behind-container7 { + position: absolute; + width: 200px; + height: 200px; + border-radius: 50%; + background: repeating-conic-gradient(#22063d 0%, #410d75 15%, #540f99 33%); + animation: rotation1 2s reverse infinite; +} + +.behind-container8 { + display: flex; + justify-content: center; + align-items: center; + position: absolute; + width: 200px; + height: 200px; + border-radius: 50%; + background-color: black; + box-shadow: inset 0px 0px 30px #0f0f0f; +} + +.behind-container9 { + position: absolute; + width: 150px; + height: 150px; + border-radius: 50%; + background: repeating-conic-gradient(#22063d 0%, #410d75 15%, #540f99 33%); + animation: rotation1 1.5s linear infinite; +} + +.behind-container10 { + display: flex; + justify-content: center; + align-items: center; + position: absolute; + width: 150px; + height: 150px; + border-radius: 50%; + background-color: black; + box-shadow: inset 0px 0px 20px #0f0f0f; +} + +.behind-container11 { + position: absolute; + width: 100px; + height: 100px; + border-radius: 50%; + + background: repeating-conic-gradient(#22063d 0%, #410d75 15%, #540f99 33%); + animation: rotation1 1s reverse infinite; +} + +.behind-container12 { + display: flex; + justify-content: center; + align-items: center; + position: absolute; + width: 100px; + height: 100px; + border-radius: 50%; + background-color: black; + box-shadow: inset 0px 0px 10px #0f0f0f; } - - - - - - - - diff --git a/Art/car-animation/index.html b/Art/car-animation/index.html index 7e755e0f9..fbd0f180b 100644 --- a/Art/car-animation/index.html +++ b/Art/car-animation/index.html @@ -1,33 +1,32 @@ - - - - + + + Car Animation - - - - - - + + + + +
-
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
- - - - \ No newline at end of file + + diff --git a/Art/car-animation/style.css b/Art/car-animation/style.css index 349c455ef..ce97dce50 100644 --- a/Art/car-animation/style.css +++ b/Art/car-animation/style.css @@ -1,173 +1,173 @@ * { - box-sizing: border-box; - margin: 0; - padding: 0; + box-sizing: border-box; + margin: 0; + padding: 0; } body { - font-family: 'Montserrat', sans-serif; - font-size: 36px; - color: #fff; - background-color: #333; - overflow: hidden; + font-family: 'Montserrat', sans-serif; + font-size: 36px; + color: #fff; + background-color: #333; + overflow: hidden; } .sky { - position: relative; - height: 60vh; - background-color: royalblue; - animation: sky 8s linear infinite; + position: relative; + height: 60vh; + background-color: royalblue; + animation: sky 8s linear infinite; } .sun { - position: absolute; - top: 50px; - left: 100px; - width: 90px; - height: 90px; - border-radius: 50%; - background-color: orange; - box-shadow: 0 0 70px yellow; - animation: sun 8s linear infinite; + position: absolute; + top: 50px; + left: 100px; + width: 90px; + height: 90px; + border-radius: 50%; + background-color: orange; + box-shadow: 0 0 70px yellow; + animation: sun 8s linear infinite; } .ground { - position: relative; - bottom: 0; - height: 40vh; - background-color: #4a3535; + position: relative; + bottom: 0; + height: 40vh; + background-color: #4a3535; } .grass { - position: absolute; - top: 0; - height: 200px; - width: 100%; - background-color: lime; + position: absolute; + top: 0; + height: 200px; + width: 100%; + background-color: lime; } .road { - position: absolute; - top: 30px; - height: 120px; - width: 100%; - background-color: gray; + position: absolute; + top: 30px; + height: 120px; + width: 100%; + background-color: gray; } .car { - position: absolute; - top: -15px; - left: 200px; - height: 70px; - width: 150px; - background-color: tomato; - border-radius: 15px; - animation: car 8s linear infinite; + position: absolute; + top: -15px; + left: 200px; + height: 70px; + width: 150px; + background-color: tomato; + border-radius: 15px; + animation: car 8s linear infinite; } .car::before, .car::after { - content: ''; - position: absolute; - bottom: 0; - width: 40px; - height: 35px; - background-color: tomato; + content: ''; + position: absolute; + bottom: 0; + width: 40px; + height: 35px; + background-color: tomato; } .car::after { - right: -20px; - border-top-right-radius: 10px; + right: -20px; + border-top-right-radius: 10px; } .car::before { - left: -20px; + left: -20px; } .wheel { - position: absolute; - bottom: -10px; - width: 35px; - height: 35px; - background-color: black; - border-radius: 50%; - border: 2px dashed #999; - animation: wheel 2s linear infinite; + position: absolute; + bottom: -10px; + width: 35px; + height: 35px; + background-color: black; + border-radius: 50%; + border: 2px dashed #999; + animation: wheel 2s linear infinite; } .front-wheel { - right: 8px; - z-index: 1; + right: 8px; + z-index: 1; } .rear-wheel { - left: 8px; + left: 8px; } .window { - position: absolute; - top: 5px; - height: 30px; - width: 50px; - background-color: blue; + position: absolute; + top: 5px; + height: 30px; + width: 50px; + background-color: blue; } .front-window { - right: 0; - border-top-right-radius: 9px; + right: 0; + border-top-right-radius: 9px; } .rear-window { - left: 0; - border-top-left-radius: 9px; + left: 0; + border-top-left-radius: 9px; } @keyframes sun { - 0% { - top: 1000px; - } - 40% { - top: 100px; - } - 60% { - top: 100px; - } - 100% { - top: 1000px; - } + 0% { + top: 1000px; + } + 40% { + top: 100px; + } + 60% { + top: 100px; + } + 100% { + top: 1000px; + } } @keyframes sky { - 0% { - background-color: black; - } - 40% { - background-color: royalblue; - } - 60% { - background-color: royalblue; - } - 100% { - background-color: black; - } -} - -@keyframes car{ - from{ - left: -500px; - } - - to{ - left: 2500px; - } -} - -@keyframes wheel{ - from{ - transform: rotate(0); - } - - to{ - transform: rotate(360deg); - } -} \ No newline at end of file + 0% { + background-color: black; + } + 40% { + background-color: royalblue; + } + 60% { + background-color: royalblue; + } + 100% { + background-color: black; + } +} + +@keyframes car { + from { + left: -500px; + } + + to { + left: 2500px; + } +} + +@keyframes wheel { + from { + transform: rotate(0); + } + + to { + transform: rotate(360deg); + } +} diff --git a/Art/color-palette-with-pure-css-animation/README.md b/Art/color-palette-with-pure-css-animation/README.md index 037261edb..8a5970b7e 100644 --- a/Art/color-palette-with-pure-css-animation/README.md +++ b/Art/color-palette-with-pure-css-animation/README.md @@ -2,4 +2,4 @@ A Pen created on CodePen.io. Original URL: [https://codepen.io/julien-muke/pen/JjLajxL](https://codepen.io/julien-muke/pen/JjLajxL). -Created an Animated Color Palette with Pure CSS3 Animations (Using Less Pre Processor) to have some Weekend Fun :-}) \ No newline at end of file +Created an Animated Color Palette with Pure CSS3 Animations (Using Less Pre Processor) to have some Weekend Fun :-}) diff --git a/Art/color-palette-with-pure-css-animation/dist/index.html b/Art/color-palette-with-pure-css-animation/dist/index.html index 7a6cad9a8..16241b312 100644 --- a/Art/color-palette-with-pure-css-animation/dist/index.html +++ b/Art/color-palette-with-pure-css-animation/dist/index.html @@ -1,22 +1,20 @@ - - - - CodePen - Color Palette with Pure CSS Animation - - - - - -
-
-
-
-
-
-
-
- - - + + + + CodePen - Color Palette with Pure CSS Animation + + + + +
+
+
+
+
+
+
+
+ + diff --git a/Art/color-palette-with-pure-css-animation/dist/style.css b/Art/color-palette-with-pure-css-animation/dist/style.css index c5fb47007..b16240ceb 100644 --- a/Art/color-palette-with-pure-css-animation/dist/style.css +++ b/Art/color-palette-with-pure-css-animation/dist/style.css @@ -27,8 +27,8 @@ body { .swatch div:before { width: 16px; height: 16px; - content: ""; - background-color: #FFFFFF; + content: ''; + background-color: #ffffff; display: inline-block; border-radius: 8px; bottom: 10px; @@ -36,27 +36,27 @@ body { margin-left: -8px; } .swatch div:nth-child(1) { - background-color: #815A8F; + background-color: #815a8f; animation: swatch-purple-motion 5s cubic-bezier(0.4, 0, 0.2, 1) infinite; } .swatch div:nth-child(2) { - background-color: #6730EC; + background-color: #6730ec; animation: swatch-blue-motion 5s cubic-bezier(0.4, 0, 0.2, 1) infinite; } .swatch div:nth-child(3) { - background-color: #9ED763; + background-color: #9ed763; animation: swatch-green-motion 5s cubic-bezier(0.4, 0, 0.2, 1) infinite; } .swatch div:nth-child(4) { - background-color: #FBD400; + background-color: #fbd400; animation: swatch-yellow-motion 5s cubic-bezier(0.4, 0, 0.2, 1) infinite; } .swatch div:nth-child(5) { - background-color: #FF9000; + background-color: #ff9000; animation: swatch-orange-motion 5s cubic-bezier(0.4, 0, 0.2, 1) infinite; } .swatch div:nth-child(6) { - background-color: #F73F52; + background-color: #f73f52; animation: swatch-red-motion 5s cubic-bezier(0.4, 0, 0.2, 1) infinite; } @keyframes swatch-purple-motion { @@ -136,4 +136,4 @@ body { 10% { transform: rotate(0deg); } -} \ No newline at end of file +} diff --git a/Art/color-palette-with-pure-css-animation/src/index.html b/Art/color-palette-with-pure-css-animation/src/index.html index 4f0240a5d..56158893a 100644 --- a/Art/color-palette-with-pure-css-animation/src/index.html +++ b/Art/color-palette-with-pure-css-animation/src/index.html @@ -5,4 +5,4 @@
-
\ No newline at end of file +
diff --git a/Art/color-palette-with-pure-css-animation/src/style.less b/Art/color-palette-with-pure-css-animation/src/style.less index 0510cdda3..a44adc67a 100644 --- a/Art/color-palette-with-pure-css-animation/src/style.less +++ b/Art/color-palette-with-pure-css-animation/src/style.less @@ -1,10 +1,10 @@ -@red: #F73F52; -@orange: #FF9000; -@yellow: #FBD400; -@green: #9ED763; -@blue: #6730EC; -@purple: #815A8F; -@white: #FFFFFF; +@red: #f73f52; +@orange: #ff9000; +@yellow: #fbd400; +@green: #9ed763; +@blue: #6730ec; +@purple: #815a8f; +@white: #ffffff; @rebeccapurple: #663399; body { @@ -16,16 +16,16 @@ body { text-align: center; position: relative; margin: 100px; - + div { width: 70px; height: 225px; position: absolute; top: 0px; border-radius: 5px; - border-top: solid 2px rgba(0, 0, 0, .2); - border-left: solid 3px rgba(255, 255, 255, .2); - border-bottom: solid 3px rgba(0, 0, 0, .2); + border-top: solid 2px rgba(0, 0, 0, 0.2); + border-left: solid 3px rgba(255, 255, 255, 0.2); + border-bottom: solid 3px rgba(0, 0, 0, 0.2); text-align: center; box-sizing: border-box; transform-origin: center 90%; @@ -34,11 +34,11 @@ body { margin-left: -35px; transform: rotate(0deg); } - + div:before { width: 16px; height: 16px; - content: ""; + content: ''; background-color: @white; display: inline-block; border-radius: 8px; @@ -46,30 +46,30 @@ body { position: absolute; margin-left: -8px; } - + div:nth-child(1) { background-color: @purple; - animation: swatch-purple-motion 5s cubic-bezier(0.4, 0.0, 0.2, 1) infinite; + animation: swatch-purple-motion 5s cubic-bezier(0.4, 0, 0.2, 1) infinite; } div:nth-child(2) { background-color: @blue; - animation: swatch-blue-motion 5s cubic-bezier(0.4, 0.0, 0.2, 1) infinite; + animation: swatch-blue-motion 5s cubic-bezier(0.4, 0, 0.2, 1) infinite; } div:nth-child(3) { background-color: @green; - animation: swatch-green-motion 5s cubic-bezier(0.4, 0.0, 0.2, 1) infinite; + animation: swatch-green-motion 5s cubic-bezier(0.4, 0, 0.2, 1) infinite; } div:nth-child(4) { background-color: @yellow; - animation: swatch-yellow-motion 5s cubic-bezier(0.4, 0.0, 0.2, 1) infinite; + animation: swatch-yellow-motion 5s cubic-bezier(0.4, 0, 0.2, 1) infinite; } div:nth-child(5) { background-color: @orange; - animation: swatch-orange-motion 5s cubic-bezier(0.4, 0.0, 0.2, 1) infinite; + animation: swatch-orange-motion 5s cubic-bezier(0.4, 0, 0.2, 1) infinite; } div:nth-child(6) { background-color: @red; - animation: swatch-red-motion 5s cubic-bezier(0.4, 0.0, 0.2, 1) infinite; + animation: swatch-red-motion 5s cubic-bezier(0.4, 0, 0.2, 1) infinite; } } @@ -109,4 +109,4 @@ body { @keyframes swatch-red-motion { .transform(0deg, 65deg); -} \ No newline at end of file +} diff --git a/Art/cpk3/index.html b/Art/cpk3/index.html index 3fc17f60c..eba7bb3fa 100644 --- a/Art/cpk3/index.html +++ b/Art/cpk3/index.html @@ -1,58 +1,55 @@ - - - - + + + + Ducky1 - - + +
+
+
+
-
-
-
- -
-
-
-
- -
-
-
-
- -
-
- -
-
-
-
-
- -
-
-
- -
-
-
- -
-
-
-
-
-
- - - - -
- -
- +
+
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+
+
+
+ + +
+ +
+ diff --git a/Art/cpk3/style.css b/Art/cpk3/style.css index b03e59d2d..c3b067590 100644 --- a/Art/cpk3/style.css +++ b/Art/cpk3/style.css @@ -1,15 +1,15 @@ -body{ - background-color: #E3C770; +body { + background-color: #e3c770; } .box { - position: relative; - margin: auto; - display: block; - margin-top: 10%; - width: 600px; - height: 420px; - background-color: #ede3c6; + position: relative; + margin: auto; + display: block; + margin-top: 10%; + width: 600px; + height: 420px; + background-color: #ede3c6; } /* When the position is set to relative, using display: block; *and *margin:auto; will automatically center the box horizontally. */ @@ -38,25 +38,48 @@ body{ } #bubble4 { animation: bubble4 4s ease-out 2.8s infinite; -} +} @keyframes bubble1 { - 0% {transform: translateY(0) translateX(0) scale(0.25); opacity: 0.3;} - 100% {transform: translateY(-200px) translateX(-80px) scale(1); opacity: 0;} + 0% { + transform: translateY(0) translateX(0) scale(0.25); + opacity: 0.3; + } + 100% { + transform: translateY(-200px) translateX(-80px) scale(1); + opacity: 0; + } } @keyframes bubble2 { - 0% {transform: translateY(0) translateX(0) scale(0.2); opacity: 0.3;} - 100% {transform: translateY(-200px) translateX(-45px) scale(1); opacity: 0;} + 0% { + transform: translateY(0) translateX(0) scale(0.2); + opacity: 0.3; + } + 100% { + transform: translateY(-200px) translateX(-45px) scale(1); + opacity: 0; + } } @keyframes bubble3 { - 0% {transform: translateY(0) translateX(0) scale(0.5); opacity: 0.3;} - 100% {transform: translateY(-200px) translateX(-60px) scale(1); opacity: 0;} + 0% { + transform: translateY(0) translateX(0) scale(0.5); + opacity: 0.3; + } + 100% { + transform: translateY(-200px) translateX(-60px) scale(1); + opacity: 0; + } } @keyframes bubble4 { - 0% {transform: translateY(0) translateX(0) scale(0.35); opacity: 0.3;} - 100% {transform: translateY(-200px) translateX(-50px) scale(1); opacity: 0;} -} - + 0% { + transform: translateY(0) translateX(0) scale(0.35); + opacity: 0.3; + } + 100% { + transform: translateY(-200px) translateX(-50px) scale(1); + opacity: 0; + } +} .lilbubble { position: absolute; @@ -67,7 +90,7 @@ body{ top: 65%; left: 55%; z-index: 4; - opacity: .1; + opacity: 0.1; } #lilbubble1 { @@ -81,25 +104,48 @@ body{ } #lilbubble4 { animation: lilbubble4 4s ease-out 2.5s infinite; -} +} @keyframes lilbubble1 { - 0% {transform: translateY(0) translateX(0) scale(0.25); opacity: 0.4;} - 100% {transform: translateY(-200px) translateX(40px) scale(1); opacity: 0;} + 0% { + transform: translateY(0) translateX(0) scale(0.25); + opacity: 0.4; + } + 100% { + transform: translateY(-200px) translateX(40px) scale(1); + opacity: 0; + } } @keyframes lilbubble2 { - 0% {transform: translateY(0) translateX(0) scale(0.3); opacity: 0.4;} - 100% {transform: translateY(-200px) translateX(20px) scale(1); opacity: 0;} + 0% { + transform: translateY(0) translateX(0) scale(0.3); + opacity: 0.4; + } + 100% { + transform: translateY(-200px) translateX(20px) scale(1); + opacity: 0; + } } @keyframes lilbubble3 { - 0% {transform: translateY(0) translateX(0) scale(0.6); opacity: 0.4;} - 100% {transform: translateY(-200px) translateX(55) scale(1); opacity: 0;} + 0% { + transform: translateY(0) translateX(0) scale(0.6); + opacity: 0.4; + } + 100% { + transform: translateY(-200px) translateX(55) scale(1); + opacity: 0; + } } @keyframes lilbubble4 { - 0% {transform: translateY(0) translateX(0) scale(0.7); opacity: 0.4;} - 100% {transform: translateY(-200px) translateX(70px) scale(1); opacity: 0;} -} - + 0% { + transform: translateY(0) translateX(0) scale(0.7); + opacity: 0.4; + } + 100% { + transform: translateY(-200px) translateX(70px) scale(1); + opacity: 0; + } +} .bath { top: 60%; @@ -121,223 +167,294 @@ body{ left: -70%; height: 200px; width: 600px; - background-color: #F3F3F3; + background-color: #f3f3f3; display: inline-block; margin-left: 42%; margin-top: -3px; transform: rotate(20deg); z-index: 8; -} +} -.head{ - position: absolute; - top: 28.5%; - left: 42%; - width: 15%; - height: 25%; - background: #FECD70; - border-radius: 50%; - } +.head { + position: absolute; + top: 28.5%; + left: 42%; + width: 15%; + height: 25%; + background: #fecd70; + border-radius: 50%; +} - .head-copy{ - width: 100%; - height: 100%; - position: absolute; - background: #FECD70; - border-radius: 50%; - z-index: 2; /* z index is like layers in photoshop - higher the number = closer to the top layer */ - } +.head-copy { + width: 100%; + height: 100%; + position: absolute; + background: #fecd70; + border-radius: 50%; + z-index: 2; /* z index is like layers in photoshop - higher the number = closer to the top layer */ +} - .body{ - position: absolute; - top: 75%; - width: 150%; - height: 100%; - background: #FECD70; - border-radius: 50%; +.body { + position: absolute; + top: 75%; + width: 150%; + height: 100%; + background: #fecd70; + border-radius: 50%; +} - } +.wing { + position: relative; + left: 48%; + top: 20%; + height: 65%; + width: 65%; + background: #f1bf61; + -webkit-clip-path: polygon( + 10% 43%, + 24% 14%, + 45% 21%, + 70% 23%, + 94% 19%, + 91% 36%, + 80% 50%, + 54% 58%, + 24% 56% + ); + clip-path: polygon( + 10% 43%, + 24% 14%, + 45% 21%, + 70% 23%, + 94% 19%, + 91% 36%, + 80% 50%, + 54% 58%, + 24% 56% + ); + z-index: 5; + transform: rotate(-20deg); +} - - .wing{ - position: relative; - left: 48%; - top:20%; - height: 65%; - width:65%; - background: #f1bf61; - -webkit-clip-path: polygon(10% 43%, 24% 14%, 45% 21%, 70% 23%, 94% 19%, 91% 36%, 80% 50%, 54% 58%, 24% 56%); - clip-path: polygon(10% 43%, 24% 14%, 45% 21%, 70% 23%, 94% 19%, 91% 36%, 80% 50%, 54% 58%, 24% 56%); - z-index: 5; - transform: rotate(-20deg); - } +.body:hover .wing { + animation: wiggle 2s ease-in-out; +} +.body:hover .wing2 { + animation: wiggle2 2s ease-in-out; +} - .body:hover .wing { - animation: wiggle 2s ease-in-out; +@keyframes wiggle { + 0% { + transform: rotate(0deg); } - .body:hover .wing2 { - animation: wiggle2 2s ease-in-out; + 100% { + transform: rotate(s10deg); } +} - @keyframes wiggle { - 0% { - transform: rotate(0deg); - } - 100%{ - transform: rotate(s10deg); - } - } +.wing2 { + position: relative; + left: 46.5%; + top: -50%; + height: 65%; + width: 65%; + background: #fbc96a; + -webkit-clip-path: polygon( + 10% 43%, + 24% 14%, + 45% 21%, + 70% 23%, + 94% 19%, + 91% 36%, + 80% 50%, + 54% 58%, + 24% 56% + ); + clip-path: polygon( + 10% 43%, + 24% 14%, + 45% 21%, + 70% 23%, + 94% 19%, + 91% 36%, + 80% 50%, + 54% 58%, + 24% 56% + ); + z-index: 6; + transform: rotate(-20deg); +} - .wing2{ - position: relative; - left: 46.5%; - top:-50%; - height: 65%; - width:65%; - background:#fbc96a; - -webkit-clip-path: polygon(10% 43%, 24% 14%, 45% 21%, 70% 23%, 94% 19%, 91% 36%, 80% 50%, 54% 58%, 24% 56%); - clip-path: polygon(10% 43%, 24% 14%, 45% 21%, 70% 23%, 94% 19%, 91% 36%, 80% 50%, 54% 58%, 24% 56%); - z-index: 6; - transform: rotate(-20deg); +@keyframes wiggle2 { + 0% { + transform: rotate(0deg); } - - @keyframes wiggle2 { - 0% { - transform: rotate(0deg); - } - 100%{ - transform: rotate(s10deg); - } - } -.mouth{ - position: absolute; - left: -10%; - top: 50%; - width: 120%; - height: 50%; - background: #FECD70; - border-radius: 50%; - z-index: 3; + 100% { + transform: rotate(s10deg); } +} +.mouth { + position: absolute; + left: -10%; + top: 50%; + width: 120%; + height: 50%; + background: #fecd70; + border-radius: 50%; + z-index: 3; +} - .shaddow-face { - position: absolute; - left: 2.5%; - top: 55%; - width: 100%; - height: 50%; - background: #e4b763; - border-radius: 50%; - z-index: 1; - } +.shaddow-face { + position: absolute; + left: 2.5%; + top: 55%; + width: 100%; + height: 50%; + background: #e4b763; + border-radius: 50%; + z-index: 1; +} - .beak{ - position: absolute; - -webkit-clip-path: polygon(13% 44%, 34% 33%, 53% 18%, 68% 30%, 90% 44%, 54% 76%); - clip-path: polygon(13% 44%, 34% 33%, 53% 18%, 68% 30%, 90% 44%, 54% 76%); - width: 70%; - height: 68%; - top: 10%; - left: 12%; - background-color: #FFAE6D; - z-index:5; - } +.beak { + position: absolute; + -webkit-clip-path: polygon( + 13% 44%, + 34% 33%, + 53% 18%, + 68% 30%, + 90% 44%, + 54% 76% + ); + clip-path: polygon(13% 44%, 34% 33%, 53% 18%, 68% 30%, 90% 44%, 54% 76%); + width: 70%; + height: 68%; + top: 10%; + left: 12%; + background-color: #ffae6d; + z-index: 5; +} - .beak-bottom{ - position: absolute; - width: 64%; - height: 80%; - top: 10%; - left: 15%; - background-color: #c77b3c; - z-index:4; - -webkit-clip-path: polygon(13% 44%, 34% 33%, 53% 18%, 68% 30%, 90% 44%, 54% 76%); - clip-path: polygon(13% 44%, 34% 33%, 53% 18%, 68% 30%, 90% 44%, 54% 76%); - } - +.beak-bottom { + position: absolute; + width: 64%; + height: 80%; + top: 10%; + left: 15%; + background-color: #c77b3c; + z-index: 4; + -webkit-clip-path: polygon( + 13% 44%, + 34% 33%, + 53% 18%, + 68% 30%, + 90% 44%, + 54% 76% + ); + clip-path: polygon(13% 44%, 34% 33%, 53% 18%, 68% 30%, 90% 44%, 54% 76%); +} - +.eye-right { + position: absolute; + background: white; + width: 30%; + height: 35%; + top: 25%; + left: 19%; + border-radius: 50%; + z-index: 3; +} - .eye-right { - position: absolute; - background: white; - width: 30%; - height: 35%; - top: 25%; - left: 19%; - border-radius: 50%; - z-index: 3; - } +.eye-left { + position: absolute; + background: white; + width: 30%; + height: 35%; + top: 25%; + right: 20%; + border-radius: 50%; + z-index: 3; +} - .eye-left{ - position: absolute; - background: white; - width: 30%; - height: 35%; - top: 25%; - right: 20%; - border-radius: 50%; - z-index: 3; - } +.pupil { + position: absolute; + width: 85%; + height: 65%; + top: 27.5%; + left: 5.5%; + border-radius: 50%; + background: #27354a; +} - .pupil{ - position: absolute; - width: 85%; - height:65%; - top: 27.5%; - left: 5.5%; - border-radius: 50%; - background: #27354A; - } +.eye { + animation: eyeBlink 3s ease 1s infinite; + z-index: 10; +} - .eye { - animation: eyeBlink 3s ease 1s infinite; - z-index: 10; - } - - @keyframes eyeBlink { - 0% { - height:30%; - top: 27.5%; - } +@keyframes eyeBlink { + 0% { + height: 30%; + top: 27.5%; + } - 5%{ - top: 50%; - height:0px; - } + 5% { + top: 50%; + height: 0px; + } - 10% { - height:30%; - top: 27.5%; - } - 100% { - height:30%; - top: 27.5%; - } - } + 10% { + height: 30%; + top: 27.5%; + } + 100% { + height: 30%; + top: 27.5%; + } +} +.hair-left { + position: absolute; + top: -8%; + left: 30%; + width: 20%; + height: 20%; + background: #fecd70; + -webkit-clip-path: polygon( + 82% 85%, + 81% 58%, + 62% 27%, + 35% 18%, + 13% 15%, + 33% 59%, + 31% 88% + ); + clip-path: polygon( + 82% 85%, + 81% 58%, + 62% 27%, + 35% 18%, + 13% 15%, + 33% 59%, + 31% 88% + ); +} +.hair-right { + position: absolute; + top: -12%; + left: 48%; + width: 20%; + height: 20%; + background: #fecd70; + -webkit-clip-path: polygon( + 29% 75%, + 72% 76%, + 74% 50%, + 84% 35%, + 55% 39%, + 39% 56% + ); + clip-path: polygon(29% 75%, 72% 76%, 74% 50%, 84% 35%, 55% 39%, 39% 56%); +} - .hair-left{ - position: absolute; - top: -8%; - left: 30%; - width: 20%; - height: 20%; - background: #FECD70; - -webkit-clip-path: polygon(82% 85%, 81% 58%, 62% 27%, 35% 18%, 13% 15%, 33% 59%, 31% 88%); - clip-path: polygon(82% 85%, 81% 58%, 62% 27%, 35% 18%, 13% 15%, 33% 59%, 31% 88%);; - } - .hair-right{ - position: absolute; - top: -12%; - left: 48%; - width: 20%; - height: 20%; - background: #FECD70; - -webkit-clip-path: polygon(29% 75%, 72% 76%, 74% 50%, 84% 35%, 55% 39%, 39% 56%); - clip-path: polygon(29% 75%, 72% 76%, 74% 50%, 84% 35%, 55% 39%, 39% 56%); - } - - /* there is a great tool that will automatically give us the clip-path for different shapes. https://bennettfeely.com/clippy/ */ +/* there is a great tool that will automatically give us the clip-path for different shapes. https://bennettfeely.com/clippy/ */ -/* use console to see cubic bezier element - edit path */ \ No newline at end of file +/* use console to see cubic bezier element - edit path */ diff --git a/Art/cr-animation/index.html b/Art/cr-animation/index.html index 23235da77..fe4d868b5 100644 --- a/Art/cr-animation/index.html +++ b/Art/cr-animation/index.html @@ -1,16 +1,15 @@ - - - - - - Contributing to a fun open space project - - -

Colorful heart

- -
- - - \ No newline at end of file + + + + + + Contributing to a fun open space project + + +

Colorful heart

+ +
+ + diff --git a/Art/cr-animation/styles.css b/Art/cr-animation/styles.css index b8f096614..ff9bfb52e 100644 --- a/Art/cr-animation/styles.css +++ b/Art/cr-animation/styles.css @@ -1,11 +1,11 @@ -body{ - background-color: black; +body { + background-color: black; } -h1{ - color: ivory; - margin-bottom: 250px; - text-align: center; +h1 { + color: ivory; + margin-bottom: 250px; + text-align: center; } .heart { @@ -15,58 +15,71 @@ h1{ background-color: rgba(250, 75, 66, 0.8); animation-name: hearty; animation-duration: 10s; - } @keyframes hearty { - 0% {background-color: rgb(255, 242, 0);} - 15% {background-color: rgb(117, 204, 206);} - 25% {background-color: rgb(4, 4, 55);} - 35% {background-color: rgb(127, 186, 127);} - 50% {background-color: rgb(255, 242, 0);} - 65% {background-color: rgb(117, 204, 206);} - 80% {background-color: rgb(4, 4, 55);} - 100% {background-color: rgb(127, 186, 127);} + 0% { + background-color: rgb(255, 242, 0); + } + 15% { + background-color: rgb(117, 204, 206); + } + 25% { + background-color: rgb(4, 4, 55); + } + 35% { + background-color: rgb(127, 186, 127); + } + 50% { + background-color: rgb(255, 242, 0); + } + 65% { + background-color: rgb(117, 204, 206); } + 80% { + background-color: rgb(4, 4, 55); + } + 100% { + background-color: rgb(127, 186, 127); + } +} .heart:before { - position: absolute; - bottom: 0px; - left: -100px; - width: 200px; - height: 200px; - content: ''; - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - background-color: rgba(250, 75, 66, 0.8); - animation-name: hearty; - animation-duration: 10s; - - } + position: absolute; + bottom: 0px; + left: -100px; + width: 200px; + height: 200px; + content: ''; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + background-color: rgba(250, 75, 66, 0.8); + animation-name: hearty; + animation-duration: 10s; +} - .heart:after{ - position: absolute; - top: -100px; - right: 0px; - width: 200px; - height: 200px; - content: ''; - - -webkit-border-radius: 50%; - -moz-border-radius: 50%; - -o-border-radius: 50%; - border-radius: 50%; - - background-color: rgba(250, 75, 66, 0.8); - animation-name: hearty; - animation-duration: 10s; - - } +.heart:after { + position: absolute; + top: -100px; + right: 0px; + width: 200px; + height: 200px; + content: ''; + + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + + background-color: rgba(250, 75, 66, 0.8); + animation-name: hearty; + animation-duration: 10s; +} .heart:before, -.heart:after{ +.heart:after { position: absolute; width: 200px; height: 200px; @@ -80,25 +93,22 @@ h1{ animation-duration: 10s; } -.heart:before{ +.heart:before { bottom: 0px; left: -100px; - } -.heart:after{ +.heart:after { top: -100px; right: 0px; - } -.heart{ - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -o-transform: rotate(45deg); - transform: rotate(45deg); - animation-name: hearty; - animation-duration: 10s; - - } \ No newline at end of file +.heart { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + animation-name: hearty; + animation-duration: 10s; +} diff --git a/Art/css-glow-effect-animation/css/demo.css b/Art/css-glow-effect-animation/css/demo.css index 0c98a1693..e6dab996d 100644 --- a/Art/css-glow-effect-animation/css/demo.css +++ b/Art/css-glow-effect-animation/css/demo.css @@ -1,4 +1,3 @@ - /* ****************************************************** Author URI: https://codeconvey.com/ Demo Purpose Only - May not require to add. @@ -7,59 +6,73 @@ @import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900'); - - html { box-sizing: border-box; } -*, *:before, *:after { +*, +*:before, +*:after { box-sizing: inherit; } -article, header, section, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { - display: block; +article, +header, +section, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; } body { - background:#fcefdc none repeat scroll 0 0; - color: #222; - font-size: 100%; - line-height: 24px; - margin: 0; - padding:0; - font-family: "Raleway",sans-serif; + background: #fcefdc none repeat scroll 0 0; + color: #222; + font-size: 100%; + line-height: 24px; + margin: 0; + padding: 0; + font-family: 'Raleway', sans-serif; } -a{ - font-family: "Raleway",sans-serif; - text-decoration: none; - outline: none; +a { + font-family: 'Raleway', sans-serif; + text-decoration: none; + outline: none; } -a:hover, a:focus { - color: #373e18; +a:hover, +a:focus { + color: #373e18; } section { - float: left; - width: 100%; - padding-bottom:3em; + float: left; + width: 100%; + padding-bottom: 3em; } h2 { - color: #1a0e0e; - font-size: 26px; - font-weight: 700; - margin: 0; - line-height: normal; - text-transform:uppercase; + color: #1a0e0e; + font-size: 26px; + font-weight: 700; + margin: 0; + line-height: normal; + text-transform: uppercase; } h2 span { - display: block; - padding: 0; - font-size: 18px; - opacity: 0.7; - margin-top: 5px; - text-transform:uppercase; + display: block; + padding: 0; + font-size: 18px; + opacity: 0.7; + margin-top: 5px; + text-transform: uppercase; } -#float-right{ - float:right; +#float-right { + float: right; } /* ****************************************************** @@ -67,123 +80,115 @@ h2 span { *********************************************************/ .ScriptTop { - background: #fff none repeat scroll 0 0; - float: left; - font-size: 0.69em; - font-weight: 600; - line-height: 2.2; - padding: 12px 0; - text-transform: uppercase; - width: 100%; + background: #fff none repeat scroll 0 0; + float: left; + font-size: 0.69em; + font-weight: 600; + line-height: 2.2; + padding: 12px 0; + text-transform: uppercase; + width: 100%; } /* To Navigation Style 1*/ .ScriptTop ul { - margin: 24px 0; - padding: 0; - text-align: left; + margin: 24px 0; + padding: 0; + text-align: left; } -.ScriptTop li{ - list-style:none; - display:inline-block; +.ScriptTop li { + list-style: none; + display: inline-block; } .ScriptTop li a { - background: #6a4aed none repeat scroll 0 0; - color: #fff; - display: inline-block; - font-size: 14px; - font-weight: 600; - padding: 5px 18px; - text-decoration: none; - text-transform: capitalize; + background: #6a4aed none repeat scroll 0 0; + color: #fff; + display: inline-block; + font-size: 14px; + font-weight: 600; + padding: 5px 18px; + text-decoration: none; + text-transform: capitalize; } -.ScriptTop li a:hover{ - background:#000; - color:#fff; +.ScriptTop li a:hover { + background: #000; + color: #fff; } - /* ****************************************************** Script Header *********************************************************/ .ScriptHeader { - float: left; - width: 100%; - padding: 2em 0; + float: left; + width: 100%; + padding: 2em 0; } .rt-heading { - margin: 0 auto; - text-align:center; + margin: 0 auto; + text-align: center; } -.Scriptcontent{ - line-height:28px; +.Scriptcontent { + line-height: 28px; } -.ScriptHeader h1{ - font-family: "brandon-grotesque", "Brandon Grotesque", "Source Sans Pro", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif; +.ScriptHeader h1 { + font-family: 'brandon-grotesque', 'Brandon Grotesque', 'Source Sans Pro', + 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', + Arial, sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; - color: #6a4aed; - font-size: 26px; - font-weight: 700; - margin: 0; - line-height: normal; - + color: #6a4aed; + font-size: 26px; + font-weight: 700; + margin: 0; + line-height: normal; } .ScriptHeader h2 { - color: #312c8f; - font-size: 20px; - font-weight: 400; - margin: 5px 0 0; - line-height: normal; - + color: #312c8f; + font-size: 20px; + font-weight: 400; + margin: 5px 0 0; + line-height: normal; } .ScriptHeader h1 span { - display: block; - padding: 0; - font-size: 22px; - opacity: 0.7; - margin-top: 5px; - + display: block; + padding: 0; + font-size: 22px; + opacity: 0.7; + margin-top: 5px; } .ScriptHeader span { - display: block; - padding: 0; - font-size: 22px; - opacity: 0.7; - margin-top: 5px; + display: block; + padding: 0; + font-size: 22px; + opacity: 0.7; + margin-top: 5px; } - - - /* ****************************************************** Live Demo *********************************************************/ - - - - /* ****************************************************** Responsive Grids *********************************************************/ .rt-container { - margin: 0 auto; - padding-left:12px; - padding-right:12px; + margin: 0 auto; + padding-left: 12px; + padding-right: 12px; } -.rt-row:before, .rt-row:after { +.rt-row:before, +.rt-row:after { display: table; line-height: 0; - content: ""; + content: ''; } .rt-row:after { clear: both; } -[class^="col-rt-"] { +[class^='col-rt-'] { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -194,70 +199,63 @@ h2 span { position: relative; } - @media (min-width: 768px) { .rt-container { width: 750px; } - [class^="col-rt-"] { + [class^='col-rt-'] { float: left; width: 49.9999999999%; } - .col-rt-6, .col-rt-12 { + .col-rt-6, + .col-rt-12 { width: 100%; } - } @media (min-width: 1200px) { - .rt-container { - width: 1170px; - } - .col-rt-1 { - width:16.6%; - } - .col-rt-2 { - width:30.33%; - } - .col-rt-3 { - width:50%; - } - .col-rt-4 { - width: 67.664%; - } - .col-rt-5 { - width: 83.33%; - } - - -} - -@media only screen and (min-width:240px) and (max-width: 768px){ - .ScriptTop h1, .ScriptTop ul { - text-align: center; - } - .ScriptTop h1{ - margin-top:0; - margin-bottom:15px; - } - .ScriptTop ul{ - margin-top:12px; - } - - .ScriptHeader h1, - .ScriptHeader h2, - .scriptnav ul{ - text-align:center; - } - .scriptnav ul{ - margin-top:12px; - } - #float-right{ - float:none; - } - + .rt-container { + width: 1170px; + } + .col-rt-1 { + width: 16.6%; + } + .col-rt-2 { + width: 30.33%; + } + .col-rt-3 { + width: 50%; + } + .col-rt-4 { + width: 67.664%; + } + .col-rt-5 { + width: 83.33%; + } } +@media only screen and (min-width: 240px) and (max-width: 768px) { + .ScriptTop h1, + .ScriptTop ul { + text-align: center; + } + .ScriptTop h1 { + margin-top: 0; + margin-bottom: 15px; + } + .ScriptTop ul { + margin-top: 12px; + } - - + .ScriptHeader h1, + .ScriptHeader h2, + .scriptnav ul { + text-align: center; + } + .scriptnav ul { + margin-top: 12px; + } + #float-right { + float: none; + } +} diff --git a/Art/css-glow-effect-animation/css/style.css b/Art/css-glow-effect-animation/css/style.css index 1b1af060b..9de682a9f 100644 --- a/Art/css-glow-effect-animation/css/style.css +++ b/Art/css-glow-effect-animation/css/style.css @@ -1,5 +1,5 @@ @property --rotate { - syntax: ""; + syntax: ''; initial-value: 132deg; inherits: false; } @@ -9,7 +9,6 @@ --card-width: 480px; } - body { min-height: 100vh; background: #212534; @@ -21,7 +20,6 @@ body { box-sizing: border-box; } - .card { background: #191c29; width: var(--card-width); @@ -45,30 +43,33 @@ body { color: rgb(88 199 250 / 100%); transition: color 1s; } -.card:hover:before, .card:hover:after { +.card:hover:before, +.card:hover:after { animation: none; opacity: 0; } - .card::before { - content: ""; + content: ''; width: 104%; height: 102%; border-radius: 8px; background-image: linear-gradient( - var(--rotate) - , #5ddcff, #3c67e3 43%, #4e00c2); - position: absolute; - z-index: -1; - top: -1%; - left: -2%; - animation: spin 2.5s linear infinite; + var(--rotate), + #5ddcff, + #3c67e3 43%, + #4e00c2 + ); + position: absolute; + z-index: -1; + top: -1%; + left: -2%; + animation: spin 2.5s linear infinite; } .card::after { position: absolute; - content: ""; + content: ''; top: calc(var(--card-height) / 6); left: 0; right: 0; @@ -79,10 +80,13 @@ body { transform: scale(0.8); filter: blur(calc(var(--card-height) / 6)); background-image: linear-gradient( - var(--rotate) - , #5ddcff, #3c67e3 43%, #4e00c2); - opacity: 1; - transition: opacity .5s; + var(--rotate), + #5ddcff, + #3c67e3 43%, + #4e00c2 + ); + opacity: 1; + transition: opacity 0.5s; animation: spin 2.5s linear infinite; } @@ -101,4 +105,4 @@ a { font-family: sans-serif; font-weight: bold; margin-top: 2rem; -} \ No newline at end of file +} diff --git a/Art/css-glow-effect-animation/index.html b/Art/css-glow-effect-animation/index.html index 0dceed867..cfb71ff4b 100644 --- a/Art/css-glow-effect-animation/index.html +++ b/Art/css-glow-effect-animation/index.html @@ -1,69 +1,58 @@ - + - - + + CSS Glow Effect Animation Example - + - + - - - - -
-
+ + +
+
- - - +
+
-
-
-
-
-
-

CSS Glow Effect Animation Example

-

A pure CSS graident color glow effect animation.

-
+
+
+
+
+

CSS Glow Effect Animation Example

+

A pure CSS graident color glow effect animation.

+
-
-
+
+
-
-
-
-
- - - -
- Magic Card -
- - - - -
-
-
-
- +
+
+
+
+ + +
Magic Card
- + +
+
+
+
- - \ No newline at end of file + + + diff --git a/Art/css_anishape-1.0/index.html b/Art/css_anishape-1.0/index.html index 4fa812d05..356866522 100644 --- a/Art/css_anishape-1.0/index.html +++ b/Art/css_anishape-1.0/index.html @@ -1,24 +1,24 @@ - - - - - CSS Animation - - - - - - - -
-
-

Watch this change shape!

-

Round Corners!

-

Full circle!

-

Pretty Cool, Hu!

-
-
- - \ No newline at end of file + + + + + CSS Animation + + + + + + + +
+
+

Watch this change shape!

+

Round Corners!

+

Full circle!

+

Pretty Cool, Hu!

+
+
+ + diff --git a/Art/css_anishape-1.0/style.css b/Art/css_anishape-1.0/style.css index 2bc9c57c7..06f934f33 100644 --- a/Art/css_anishape-1.0/style.css +++ b/Art/css_anishape-1.0/style.css @@ -1,5 +1,5 @@ :root { - --anim-spd: 30s; + --anim-spd: 30s; } html { @@ -12,149 +12,162 @@ body { display: flex; justify-content: center; align-items: center; - background: #8e9eab; /* fallback for old browsers */ - background: -webkit-linear-gradient(to right, #eef2f3, #8e9eab); /* Chrome 10-25, Safari 5.1-6 */ - background: linear-gradient(to right, #eef2f3, #8e9eab); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ - font-family: Arial, Helvetica, sans-serif; - font-size: 30px; + background: #8e9eab; /* fallback for old browsers */ + background: -webkit-linear-gradient( + to right, + #eef2f3, + #8e9eab + ); /* Chrome 10-25, Safari 5.1-6 */ + background: linear-gradient( + to right, + #eef2f3, + #8e9eab + ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ + font-family: Arial, Helvetica, sans-serif; + font-size: 30px; } p { - margin-top: 0px; - margin-bottom: 0px; + margin-top: 0px; + margin-bottom: 0px; } .container { - display: flex; - align-content: center; - justify-content: center; + display: flex; + align-content: center; + justify-content: center; } /* shape animation */ .shape { - width: 250px; - height: 250px; - /* padding: 20px; */ - box-shadow: 10px 10px 25px 5px #555; - display: flex; - align-items: center; - position: relative; - text-align: center; - animation: shapeChange var(--anim-spd) infinite; + width: 250px; + height: 250px; + /* padding: 20px; */ + box-shadow: 10px 10px 25px 5px #555; + display: flex; + align-items: center; + position: relative; + text-align: center; + animation: shapeChange var(--anim-spd) infinite; } /* text animation */ .shape p { - position: absolute; - width: 100%; - text-transform: uppercase; - opacity: 0; + position: absolute; + width: 100%; + text-transform: uppercase; + opacity: 0; } .shape :nth-child(1) { - animation: paragOne var(--anim-spd) infinite; + animation: paragOne var(--anim-spd) infinite; } .shape :nth-child(2) { - animation: paragTwo var(--anim-spd) infinite; + animation: paragTwo var(--anim-spd) infinite; } .shape :nth-child(3) { - animation: paragThree var(--anim-spd) infinite; + animation: paragThree var(--anim-spd) infinite; } .shape :nth-child(4) { - animation: paragFour var(--anim-spd) infinite; + animation: paragFour var(--anim-spd) infinite; } /* shape key frames */ @keyframes shapeChange { /* from {width: 200px;} */ /* to {width: 300px;} */ - 0%, 100% { - width:350px; - height:350px; - /* background-color: blue; */ - /* color: red; */ - /* font-size: 20px; */ - } - 25% { - width:450px; - height:450px; - /* background-color: blue; */ - /* color: green; */ - /* font-size: 30px; */ - border-radius: 25%; - } - 50% { - width:550px; - height:550px; - /* background-color: purple; */ - /* color: red; */ - /* font-size: 40px; */ - border-radius: 50%; - } - 75% { - width:450px; - height:450px; - /* background-color: red; */ - /* color: yellow; */ - /* font-size: 30px; */ - /* border-radius: 25%; */ - } + 0%, + 100% { + width: 350px; + height: 350px; + /* background-color: blue; */ + /* color: red; */ + /* font-size: 20px; */ + } + 25% { + width: 450px; + height: 450px; + /* background-color: blue; */ + /* color: green; */ + /* font-size: 30px; */ + border-radius: 25%; + } + 50% { + width: 550px; + height: 550px; + /* background-color: purple; */ + /* color: red; */ + /* font-size: 40px; */ + border-radius: 50%; + } + 75% { + width: 450px; + height: 450px; + /* background-color: red; */ + /* color: yellow; */ + /* font-size: 30px; */ + /* border-radius: 25%; */ + } } /* text key frames */ @keyframes paragOne { - 0%, 100% { - opacity: 1; - } - 25% { - opacity: 0; - } - 50% { - opacity: 0; - } - 75% { - opacity: 0; - } + 0%, + 100% { + opacity: 1; + } + 25% { + opacity: 0; + } + 50% { + opacity: 0; + } + 75% { + opacity: 0; + } } @keyframes paragTwo { - 0%, 100% { - opacity: 0; - } - 25% { - opacity: 1; - } - 50% { - opacity: 0; - } - 75% { - opacity: 0; - } + 0%, + 100% { + opacity: 0; + } + 25% { + opacity: 1; + } + 50% { + opacity: 0; + } + 75% { + opacity: 0; + } } @keyframes paragThree { - 0%, 100% { - opacity: 0; - } - 25% { - opacity: 0; - } - 50% { - opacity: 1; - } - 75% { - opacity: 0; - } + 0%, + 100% { + opacity: 0; + } + 25% { + opacity: 0; + } + 50% { + opacity: 1; + } + 75% { + opacity: 0; + } } @keyframes paragFour { - 0%, 100% { - opacity: 0; - } - 25% { - opacity: 0; - } - 50% { - opacity: 0; - } - 75% { - opacity: 1; - } + 0%, + 100% { + opacity: 0; + } + 25% { + opacity: 0; + } + 50% { + opacity: 0; + } + 75% { + opacity: 1; + } } diff --git a/Art/cssanimacja/index.html b/Art/cssanimacja/index.html index 527547c40..5e58746ff 100644 --- a/Art/cssanimacja/index.html +++ b/Art/cssanimacja/index.html @@ -1,18 +1,18 @@ - - - - - + + + + + CSS Animation - - + +

I'm dizzy. Hover me to stop!

-
+
+
-
- - \ No newline at end of file + + diff --git a/Art/cssanimacja/style.css b/Art/cssanimacja/style.css index 20f8e438d..efd6cf805 100644 --- a/Art/cssanimacja/style.css +++ b/Art/cssanimacja/style.css @@ -1,54 +1,50 @@ .animation { - display: flex; - flex-wrap: wrap; - justify-content: center; + display: flex; + flex-wrap: wrap; + justify-content: center; } h1 { - text-align: center; - color: red; + text-align: center; + color: red; } .bigsq { - width: 400px; - height: 400px; - background-color: blueviolet; - + width: 400px; + height: 400px; + background-color: blueviolet; } .smallsq { - width: 50%; - height: 50%; - background-color: rgb(19, 19, 19); - animation: left-to-right 1s ease-in forwards infinite alternate; - + width: 50%; + height: 50%; + background-color: rgb(19, 19, 19); + animation: left-to-right 1s ease-in forwards infinite alternate; } .bigsq:hover .smallsq { - background-color: blanchedalmond; - animation-play-state: paused; - + background-color: blanchedalmond; + animation-play-state: paused; } @keyframes left-to-right { - 0% { - transform: translateX(0); - background-color: yellow; - } - - 33% { - transform: translateY(100%); - background-color: brown; - } - - 66% { - transform: translateX(100%) translateY(100%); - background-color: aquamarine; - } - - 100% { - transform: translateX(100%); - background-color: pink; - } - -} \ No newline at end of file + 0% { + transform: translateX(0); + background-color: yellow; + } + + 33% { + transform: translateY(100%); + background-color: brown; + } + + 66% { + transform: translateX(100%) translateY(100%); + background-color: aquamarine; + } + + 100% { + transform: translateX(100%); + background-color: pink; + } +} diff --git a/Art/dummy_me/index.html b/Art/dummy_me/index.html index 2ed7f1fdd..a7de4468d 100644 --- a/Art/dummy_me/index.html +++ b/Art/dummy_me/index.html @@ -1,17 +1,18 @@ - - - - Dummy Animation - - - -
-
Hey, I'm A
-
    -
  • Python Developer.
    • -
-
Nice to see you here :)
- - \ No newline at end of file + + + + Dummy Animation + + + +
+
Hey, I'm A
+
    +
  • Python Developer.
    • +
+
Nice to see you here :)
+
+ + diff --git a/Art/dummy_me/style.css b/Art/dummy_me/style.css index 5683f130b..bc9eb23f2 100644 --- a/Art/dummy_me/style.css +++ b/Art/dummy_me/style.css @@ -1,12 +1,12 @@ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap'); -*{ +* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; } -body{ +body { display: flex; align-items: center; justify-content: center; @@ -16,24 +16,23 @@ body{ .wrappper { display: flex; - } -.wrapper .static-txt{ - color: #FFFFFF; +.wrapper .static-txt { + color: #ffffff; font-size: 60px; font-weight: 400; } -.wrapper .dynamic-txts{ +.wrapper .dynamic-txts { margin-left: 15px; height: 90px; line-height: 90px; overflow: hidden; } -.dynamic-txts li{ +.dynamic-txts li { list-style: none; - color: #FC6D6D; + color: #fc6d6d; font-size: 60px; font-weight: 500; position: relative; @@ -41,32 +40,33 @@ body{ animation: slide 12s steps(4) infinite; } @keyframes slide { - 100%{ + 100% { top: -360px; } } -.dynamic-txts li span{ +.dynamic-txts li span { position: relative; margin: 5px 0; line-height: 90px; } -.dynamic-txts li span::after{ - content: ""; +.dynamic-txts li span::after { + content: ''; position: absolute; left: 0; height: 100%; width: 100%; background: #1ed006; - border-left: 2px solid #FC6D6D; + border-left: 2px solid #fc6d6d; animation: typing 3s steps(10) infinite; } @keyframes typing { - 40%, 60%{ + 40%, + 60% { left: calc(100% + 30px); } - 100%{ + 100% { left: 0; } -} \ No newline at end of file +} diff --git a/Art/erikanimation/corazon.css b/Art/erikanimation/corazon.css index cce05ee40..a51e996ea 100644 --- a/Art/erikanimation/corazon.css +++ b/Art/erikanimation/corazon.css @@ -1,64 +1,81 @@ -body{ - display: flex; - flex-wrap: nowrap; - height: 100vh; - width: 100vw; - align-content: stretch; - flex-direction: row; - background-color: rgb(232, 199, 188); +body { + display: flex; + flex-wrap: nowrap; + height: 100vh; + width: 100vw; + align-content: stretch; + flex-direction: row; + background-color: rgb(232, 199, 188); } .container { - - width: 600px; - height: 600px; - background-color: rgb(254, 201, 245); - position: relative; - animation-name: example; - animation-iteration-count: infinite; - animation-duration: 4s; - display: flex; - align-content: center; - justify-content: center; - align-items: center; - border-color: black; - border-style: solid; - } - - @keyframes example { - 0% {background-color:rgb(255, 0, 166); left:0px; top:0px;} - 25% {background-color:rgb(173, 65, 173); left:200px; top:0px;} - 50% {background-color:rgb(251, 192, 213); left:200px; top:200px;} - 75% {background-color:rgb(117, 0, 128); left:0px; top:200px;} - 100% {background-color:rgb(241, 148, 213); left:0px; top:0px;} - } - + width: 600px; + height: 600px; + background-color: rgb(254, 201, 245); + position: relative; + animation-name: example; + animation-iteration-count: infinite; + animation-duration: 4s; + display: flex; + align-content: center; + justify-content: center; + align-items: center; + border-color: black; + border-style: solid; +} -.love { - width: 300px; - height: 300px; - transform: rotate(45deg); - background: red; - position: relative; - top: 0rem; - left: 0rem; +@keyframes example { + 0% { + background-color: rgb(255, 0, 166); + left: 0px; + top: 0px; + } + 25% { + background-color: rgb(173, 65, 173); + left: 200px; + top: 0px; } - - .love:before, - .love:after { - content: ""; - height: 300px; - width: 300px; - border-radius: 50%; - background: red; - position: absolute; + 50% { + background-color: rgb(251, 192, 213); + left: 200px; + top: 200px; } - - .love:before { - top: 0; - left: -150px; + 75% { + background-color: rgb(117, 0, 128); + left: 0px; + top: 200px; } - - .love:after { - top: -150px; + 100% { + background-color: rgb(241, 148, 213); + left: 0px; + top: 0px; } - \ No newline at end of file +} + +.love { + width: 300px; + height: 300px; + transform: rotate(45deg); + background: red; + position: relative; + top: 0rem; + left: 0rem; +} + +.love:before, +.love:after { + content: ''; + height: 300px; + width: 300px; + border-radius: 50%; + background: red; + position: absolute; +} + +.love:before { + top: 0; + left: -150px; +} + +.love:after { + top: -150px; +} diff --git a/Art/erikanimation/corazon.html b/Art/erikanimation/corazon.html index 1ba5b05b1..e3a8e65d9 100644 --- a/Art/erikanimation/corazon.html +++ b/Art/erikanimation/corazon.html @@ -1,13 +1,11 @@ - - - - -
-
- + + + + +
+
-
- - \ No newline at end of file + + diff --git a/Art/heart/style.css b/Art/heart/style.css index 03603084e..b1cf9d77b 100644 --- a/Art/heart/style.css +++ b/Art/heart/style.css @@ -35,4 +35,4 @@ 100% { transform: scale(1.5, 1.5); } -} ; +} diff --git a/Art/jaReaps- Animation/index.html b/Art/jaReaps- Animation/index.html index 26b435cae..d228ae320 100644 --- a/Art/jaReaps- Animation/index.html +++ b/Art/jaReaps- Animation/index.html @@ -1,14 +1,14 @@ - + My Animation - - - + + +
-
-

Hover

-
+
+

Hover

+
- - \ No newline at end of file + + diff --git a/Art/jaReaps- Animation/style.css b/Art/jaReaps- Animation/style.css index 3850bd5ac..70e7b6c7e 100644 --- a/Art/jaReaps- Animation/style.css +++ b/Art/jaReaps- Animation/style.css @@ -1,50 +1,50 @@ * { - padding: 0; - margin: 0; - box-sizing: border-box; + padding: 0; + margin: 0; + box-sizing: border-box; } .parent { - background-color: #000000; - width: 100vw; - height: 100vh; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; + background-color: #000000; + width: 100vw; + height: 100vh; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; } .child { - text-align: center; - text-transform: uppercase; - font-family: Arial, Helvetica, sans-serif; - font-weight: bold; - display: flex; - justify-content: center; - align-items: center; - border-radius: 5px; - background-color: #1960bd; - width: 5em; - height: 5em; - padding: 5px; - transition: transform 3s ease-in; + text-align: center; + text-transform: uppercase; + font-family: Arial, Helvetica, sans-serif; + font-weight: bold; + display: flex; + justify-content: center; + align-items: center; + border-radius: 5px; + background-color: #1960bd; + width: 5em; + height: 5em; + padding: 5px; + transition: transform 3s ease-in; } .parent .child:hover { - cursor: pointer; - animation: move-around 3s ease-in; + cursor: pointer; + animation: move-around 3s ease-in; } -@keyframes move-around { - 50% { - transform: rotate(540deg); - filter: blur(8px); - width: 100vw; - height: 100vh; - } - 100% { - transform: rotate(-180deg); - width: 5em; - height: 5em; - } -} \ No newline at end of file +@keyframes move-around { + 50% { + transform: rotate(540deg); + filter: blur(8px); + width: 100vw; + height: 100vh; + } + 100% { + transform: rotate(-180deg); + width: 5em; + height: 5em; + } +} diff --git a/Art/josephld/style.css b/Art/josephld/style.css index 3cf6e3c9f..b20155534 100644 --- a/Art/josephld/style.css +++ b/Art/josephld/style.css @@ -41,7 +41,7 @@ body { } .container .ring::before { - content: ""; + content: ''; position: absolute; top: 12px; right: 12px; @@ -60,7 +60,7 @@ body { border-left: 4px solid #ac0202; } .container .ring:nth-child(2)::before { - content: ""; + content: ''; position: absolute; top: initial; bottom: 12px; @@ -91,7 +91,7 @@ body { border-left: 4px solid #830309; } .container .ring:nth-child(3)::before { - content: ""; + content: ''; position: absolute; top: initial; bottom: 12px; diff --git a/Art/loading-circle/index.html b/Art/loading-circle/index.html index 89db0e160..137a4edde 100644 --- a/Art/loading-circle/index.html +++ b/Art/loading-circle/index.html @@ -12,8 +12,7 @@
-

Loading...

+

Loading...

- diff --git a/Art/loading-circle/style.css b/Art/loading-circle/style.css index 15c61d3db..5b2440e4e 100644 --- a/Art/loading-circle/style.css +++ b/Art/loading-circle/style.css @@ -1,61 +1,59 @@ -*{ - margin: 0; - padding: 0; - box-sizing: border-box; +* { + margin: 0; + padding: 0; + box-sizing: border-box; } body { - display: flex; - justify-content: center; - align-items: center; - min-height: 100vh; - background-color: black; -} -.container{ - display: flex; - justify-content: center; - align-items: center; - position: relative; - width: 100%; + display: flex; + justify-content: center; + align-items: center; + min-height: 100vh; + background-color: black; +} +.container { + display: flex; + justify-content: center; + align-items: center; + position: relative; + width: 100%; } .container .ring { - position: relative; - width: 150px; - height: 150px; - margin: -30px ; - border-radius: 50%; - border: 4px solid d; - border-top: 4px solid aqua; - animation: scaleIn 4s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32); - -} -.container .ring::before{ - content: ""; - position: absolute; - top: 12px; - right: 12px; - border-radius: 50%; - width: 15px; - -} -.container .ring:nth-child(3){ - position: absolute; - top: -66.66px; + position: relative; + width: 150px; + height: 150px; + margin: -30px; + border-radius: 50%; + border: 4px solid d; + border-top: 4px solid aqua; + animation: scaleIn 4s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32); +} +.container .ring::before { + content: ''; + position: absolute; + top: 12px; + right: 12px; + border-radius: 50%; + width: 15px; +} +.container .ring:nth-child(3) { + position: absolute; + top: -66.66px; } .container p { - position: absolute; - color: white; - font-size: 1.5em; - font-family: consolas; - bottom: -80px; - letter-spacing: 0.4em; + position: absolute; + color: white; + font-size: 1.5em; + font-family: consolas; + bottom: -80px; + letter-spacing: 0.4em; } @keyframes scaleIn { - from { - transform: scale(0.5, 0.5); - opacity: 0.5; - } - to { - transform: scale(2.5, 2.5); - opacity: 0; - } -} \ No newline at end of file + from { + transform: scale(0.5, 0.5); + opacity: 0.5; + } + to { + transform: scale(2.5, 2.5); + opacity: 0; + } +} diff --git a/Art/marion/index.html b/Art/marion/index.html index f694cb9b8..11227f8fb 100644 --- a/Art/marion/index.html +++ b/Art/marion/index.html @@ -1,19 +1,18 @@ - + Rolling Happy - - + +
hi!
-
-
-
-
-
-
+
+
+
+
+
+
- - - \ No newline at end of file + + diff --git a/Art/mrsanim/style.css b/Art/mrsanim/style.css index 22c8b6ca1..1397ff1fc 100644 --- a/Art/mrsanim/style.css +++ b/Art/mrsanim/style.css @@ -8,7 +8,7 @@ div { div#b { background: #023e8a; - animation: slidein 0.57s linear 1s infinite alternate; + animation: slidein 0.57s linear 1s infinite alternate; } div#c { diff --git a/Art/raman project/project.html b/Art/raman project/project.html index d56887fc5..88d4f1f26 100644 --- a/Art/raman project/project.html +++ b/Art/raman project/project.html @@ -1,17 +1,17 @@ - - My Fisrt Poject - - - -
-
-
-
-
-
-
+ + My Fisrt Poject + + + +
+
+
+
+
+
+
- - \ No newline at end of file + + diff --git a/Art/raman project/projectcss.css b/Art/raman project/projectcss.css index c5fb47007..b16240ceb 100644 --- a/Art/raman project/projectcss.css +++ b/Art/raman project/projectcss.css @@ -27,8 +27,8 @@ body { .swatch div:before { width: 16px; height: 16px; - content: ""; - background-color: #FFFFFF; + content: ''; + background-color: #ffffff; display: inline-block; border-radius: 8px; bottom: 10px; @@ -36,27 +36,27 @@ body { margin-left: -8px; } .swatch div:nth-child(1) { - background-color: #815A8F; + background-color: #815a8f; animation: swatch-purple-motion 5s cubic-bezier(0.4, 0, 0.2, 1) infinite; } .swatch div:nth-child(2) { - background-color: #6730EC; + background-color: #6730ec; animation: swatch-blue-motion 5s cubic-bezier(0.4, 0, 0.2, 1) infinite; } .swatch div:nth-child(3) { - background-color: #9ED763; + background-color: #9ed763; animation: swatch-green-motion 5s cubic-bezier(0.4, 0, 0.2, 1) infinite; } .swatch div:nth-child(4) { - background-color: #FBD400; + background-color: #fbd400; animation: swatch-yellow-motion 5s cubic-bezier(0.4, 0, 0.2, 1) infinite; } .swatch div:nth-child(5) { - background-color: #FF9000; + background-color: #ff9000; animation: swatch-orange-motion 5s cubic-bezier(0.4, 0, 0.2, 1) infinite; } .swatch div:nth-child(6) { - background-color: #F73F52; + background-color: #f73f52; animation: swatch-red-motion 5s cubic-bezier(0.4, 0, 0.2, 1) infinite; } @keyframes swatch-purple-motion { @@ -136,4 +136,4 @@ body { 10% { transform: rotate(0deg); } -} \ No newline at end of file +} diff --git a/Art/snow-fall/favicon-16x16.png b/Art/snow-fall/favicon-16x16.png deleted file mode 100644 index 3600e5943..000000000 Binary files a/Art/snow-fall/favicon-16x16.png and /dev/null differ diff --git a/Art/snow-fall/favicon.ico b/Art/snow-fall/favicon.ico deleted file mode 100644 index 1c3461c44..000000000 Binary files a/Art/snow-fall/favicon.ico and /dev/null differ diff --git a/Art/snow-fall/index.html b/Art/snow-fall/index.html deleted file mode 100644 index 3785e1e6c..000000000 --- a/Art/snow-fall/index.html +++ /dev/null @@ -1,31 +0,0 @@ - - - - - - - Snow Fall - CSS Animation - - - - - -
-
-
❄
-
❄
-
❄
-
❄
-
❄
-
❄
-
❄
-
❄
-
❄
-
❄
-
-
-
-

Snow Fall - CSS Animation

-
- - \ No newline at end of file diff --git a/Art/snow-fall/snow-fall.gif b/Art/snow-fall/snow-fall.gif deleted file mode 100644 index df9fb110e..000000000 Binary files a/Art/snow-fall/snow-fall.gif and /dev/null differ diff --git a/Art/snow-fall/style.css b/Art/snow-fall/style.css deleted file mode 100644 index 44d931227..000000000 --- a/Art/snow-fall/style.css +++ /dev/null @@ -1,141 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap'); - -html { - box-sizing: border-box; -} - -body { - padding: 0; - margin: 0; - width: 100vw; - height: 100vh; - background: radial-gradient(ellipse at bottom, #3b5a7f 0%, #090a0f 100%); - overflow: hidden; - font-family: 'Lato', sans-serif; -} - -.title-container { - display: flex; - justify-content: center; - align-items: center; - position: relative; - top: 35%; -} - -.title { - color: #a9dffc; - font-family: 'Lato', sans-serif; - letter-spacing: 2px; - text-shadow: 0 0 3px #292688, 0 0 9px #9494fc; -} - - -/* customizable snowflake styling */ -.snowflake { - color: #fff; - filter: drop-shadow(0 0 6px rgb(200, 194, 246)); - font-family: Arial; - text-shadow: 0 0 1px #000; - animation: image_blur 2s; -} - -.snowflake:nth-child(1) { - font-size: 0.5rem; -} - -.snowflake:nth-child(2) { - font-size: 0.65rem; -} - -.snowflake:nth-child(3) { - font-size: 0.75rem; -} - -.snowflake:nth-child(4) { - font-size: 0.85rem; -} - -.snowflake:nth-child(5) { - font-size: 0.95rem; -} - -.snowflake:nth-child(6) { - font-size: 1rem; -} - -.snowflake:nth-child(7) { - font-size: 0.95rem;; -} - -.snowflake:nth-child(8) { - font-size: 0.85rem; -} - -.snowflake:nth-child(9) { - font-size: 0.75rem;; -} - -.snowflake:nth-child(10) { - font-size: 0.65rem; -} - -@-webkit-keyframes snowflakes-fall{ - 0%{top:-10%}100%{top:100%} -} -@-webkit-keyframes snowflakes-shake{ - 0%{ - -webkit-transform:translateX(0px);transform:translateX(0px) - } - 50%{ - -webkit-transform:translateX(50px);transform:translateX(50px) - } - 100%{ - -webkit-transform:translateX(0px);transform:translateX(0px) - } -} -@keyframes snowflakes-fall{ - 0%{ - top:-10% - } - 100%{ - top:100% - } -} -@keyframes snowflakes-shake{ - 0%{ - transform:translateX(0px) - } - 50%{ - transform:translateX(80px) - } - 100%{ - transform:translateX(0px) - } -} -.snowflake{ - position:fixed; - top:-10%; - z-index:9999; - -webkit-user-select:none; - -moz-user-select:none; - -ms-user-select:none; - user-select:none; - cursor:default; - -webkit-animation-name:snowflakes-fall,snowflakes-shake; - -webkit-animation-duration:10s,3s; - -webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite; - -webkit-animation-play-state:running,running; - animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running; -} - -.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s} -.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s} -.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s} -.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s} -.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s} -.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s} -.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s} -.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s} -.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s} -.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s} - diff --git a/Art/usa-florida-usa/index.html b/Art/usa-florida-usa/index.html index 4436cdd32..fbadf3a26 100644 --- a/Art/usa-florida-usa/index.html +++ b/Art/usa-florida-usa/index.html @@ -1,33 +1,56 @@ - - - - - - USAfloridaUSA - - - + + + + + USAfloridaUSA + + +
-
-
MIAMI
jacksonville
IPalmIBeachI
-
-
-
cyclist -
-
- daytona -
-
- surferDUDE -
-
-
I
C
l
e
a
r
W
a
t
e
r
I
-
t
a
m
p
a
,
F
L
-
I
-
+
+
MIAMI
+
jacksonville
+
IPalmIBeachI
+
+
+
cyclist +
+
+ daytona +
+
+ surferDUDE +
+
+
I
+
C
+
l
+
e
+
a
+
r
+
W
+
a
+
t
+
e
+
r
+
I
+
t
+
a
+
m
+
p
+
a
+
,
+
F
+
L
+
I
+
- - - \ No newline at end of file + + + diff --git a/Art/usa-florida-usa/style.css b/Art/usa-florida-usa/style.css index 0eece98a8..715cf6702 100644 --- a/Art/usa-florida-usa/style.css +++ b/Art/usa-florida-usa/style.css @@ -1,508 +1,491 @@ body { - margin: 0 auto; - padding: 0; - height: 100vh; + margin: 0 auto; + padding: 0; + height: 100vh; } -#absoluteBottom{ - align-self: flex-start; +#absoluteBottom { + align-self: flex-start; } -#absoluteTop{ - align-self: flex-end; +#absoluteTop { + align-self: flex-end; } -.borders{ - border: 3px solid gold; +.borders { + border: 3px solid gold; } -.miamiBeachPosition{ - display: grid; - grid-template-columns: repeat(3, 1fr); - position: absolute; - top: 36%; - right: 37.5%; - /* padding-top: 16vmin; */ +.miamiBeachPosition { + display: grid; + grid-template-columns: repeat(3, 1fr); + position: absolute; + top: 36%; + right: 37.5%; + /* padding-top: 16vmin; */ } -.pushR{ - justify-self: flex-end; +.pushR { + justify-self: flex-end; } -.pushL{ - justify-self: flex-start; +.pushL { + justify-self: flex-start; } - -.background{ - background: rgb(255,31,229); - background: radial-gradient(circle, rgba(255,31,229,1) 13%, rgba(201,26,255,1) 33%); +.background { + background: rgb(255, 31, 229); + background: radial-gradient( + circle, + rgba(255, 31, 229, 1) 13%, + rgba(201, 26, 255, 1) 33% + ); } -.bouncingBackground{ - animation: wavy_background 6s alternate infinite; +.bouncingBackground { + animation: wavy_background 6s alternate infinite; } @font-face { - font-family: 'Real Miami Regular'; - font-style: normal; - font-weight: normal; - src: local('Real Miami Regular'), url('Real Miami.woff') format('woff'); - } + font-family: 'Real Miami Regular'; + font-style: normal; + font-weight: normal; + src: local('Real Miami Regular'), url('Real Miami.woff') format('woff'); +} @font-face { - font-family: 'Hello Miami Regular'; - font-style: normal; - font-weight: normal; - src: local('Hello Miami Regular'), url('Hello\ Miami\ woff\ 2-fcf6.woff') format('woff'); -} - -@keyframes wavy_background{ - 0%{ - transform: scale(0.7); - } - 100%{ - transform: scale(1.05); - } -} - -@keyframes wavy{ - 0%{ - transform: scale(0.5); - text-shadow: 1px 1px rgba(255, 255, 0, 0.623); - opacity: 0.5; - } - 100%{ - transform: scale(1.5); - color: rgba(162, 255, 23, 0.808); - text-shadow: 2px 2px rgba(255, 255, 0, 0.623); - opacity: 1; - } -} - -@keyframes wavyO{ - 0%{ - transform: scale(0.2); - text-shadow: 1px 1px rgba(255, 179, 0, 0.623); - opacity: 0; - } - 100%{ - transform: scale(2); - color: rgba(255, 116, 23, 0.808); - text-shadow: 2px 2px rgba(255, 255, 0, 0.623); - opacity: 1; - } + font-family: 'Hello Miami Regular'; + font-style: normal; + font-weight: normal; + src: local('Hello Miami Regular'), + url('Hello\ Miami\ woff\ 2-fcf6.woff') format('woff'); +} + +@keyframes wavy_background { + 0% { + transform: scale(0.7); + } + 100% { + transform: scale(1.05); + } +} + +@keyframes wavy { + 0% { + transform: scale(0.5); + text-shadow: 1px 1px rgba(255, 255, 0, 0.623); + opacity: 0.5; + } + 100% { + transform: scale(1.5); + color: rgba(162, 255, 23, 0.808); + text-shadow: 2px 2px rgba(255, 255, 0, 0.623); + opacity: 1; + } +} + +@keyframes wavyO { + 0% { + transform: scale(0.2); + text-shadow: 1px 1px rgba(255, 179, 0, 0.623); + opacity: 0; + } + 100% { + transform: scale(2); + color: rgba(255, 116, 23, 0.808); + text-shadow: 2px 2px rgba(255, 255, 0, 0.623); + opacity: 1; + } } @keyframes leanIn { - 0%{ - transform:skewX(-15deg); - color: rgba(255, 250, 250, 0.726); - text-shadow: 6px 6px rgb(121, 253, 240); - opacity: 0.6; - } - 50%{ - color: rgba(248, 46, 255, 0.76); - text-shadow: 3px 3px 3px rgb(216, 255, 44); - } - - 100%{ - transform:skewX(15deg); - color: rgba(0, 0, 0, 0.52); - text-shadow: 6px 6px rgb(162, 255, 23); - opacity: 0.3; - } + 0% { + transform: skewX(-15deg); + color: rgba(255, 250, 250, 0.726); + text-shadow: 6px 6px rgb(121, 253, 240); + opacity: 0.6; + } + 50% { + color: rgba(248, 46, 255, 0.76); + text-shadow: 3px 3px 3px rgb(216, 255, 44); + } + + 100% { + transform: skewX(15deg); + color: rgba(0, 0, 0, 0.52); + text-shadow: 6px 6px rgb(162, 255, 23); + opacity: 0.3; + } } @keyframes leanIn2 { - 0%{ - transform:skewX(15deg); - color: rgba(255, 250, 250, 0.726); - text-shadow: 6px 6px rgb(121, 253, 240); - opacity: 0.6; - } - 50%{ - color: rgba(248, 46, 255, 0.76); - text-shadow: 3px 3px 3px rgb(216, 255, 44); - - } - 100%{ - transform:skewX(-15deg); - color: rgba(0, 0, 0, 0.52); - text-shadow: 6px 6px rgb(162, 255, 23); - opacity: 0.3; - } - + 0% { + transform: skewX(15deg); + color: rgba(255, 250, 250, 0.726); + text-shadow: 6px 6px rgb(121, 253, 240); + opacity: 0.6; + } + 50% { + color: rgba(248, 46, 255, 0.76); + text-shadow: 3px 3px 3px rgb(216, 255, 44); + } + 100% { + transform: skewX(-15deg); + color: rgba(0, 0, 0, 0.52); + text-shadow: 6px 6px rgb(162, 255, 23); + opacity: 0.3; + } } @keyframes surfing { - 0%{ - margin-left: 35%; - opacity: 0; - } - - 10%{ - transform: translateY(1vmin); - - } - - 19%{ - transform: translateY(3vmin); - } - - 22%{ - transform: translateY(1vmin); - - } - - 25%{ - transform: translateY(2vmin); - } - - 35%{ - transform: translateY(-20px); - } - - 40%{ - transform: translateY(1.5vmin); - - } - - - 45%{ - transform: translateY(1vmin); - - } - - 45%{ - transform: translateY(1vmin); - - } - - 48%{ - transform: translateY(1vmin); - - } - - 50%{ - transform: translateY(1vmin); - - } - - 60%{ - opacity: 0.5; - transform: translateY(1vmin); - } - - 100%{ - margin-left: 61%; - visibility: hidden; - transform: translateY(1vmin); - opacity: 0; - } + 0% { + margin-left: 35%; + opacity: 0; + } + + 10% { + transform: translateY(1vmin); + } + + 19% { + transform: translateY(3vmin); + } + + 22% { + transform: translateY(1vmin); + } + + 25% { + transform: translateY(2vmin); + } + + 35% { + transform: translateY(-20px); + } + + 40% { + transform: translateY(1.5vmin); + } + + 45% { + transform: translateY(1vmin); + } + + 45% { + transform: translateY(1vmin); + } + + 48% { + transform: translateY(1vmin); + } + + 50% { + transform: translateY(1vmin); + } + + 60% { + opacity: 0.5; + transform: translateY(1vmin); + } + + 100% { + margin-left: 61%; + visibility: hidden; + transform: translateY(1vmin); + opacity: 0; + } } @keyframes rotation { - 0%{ - /* width: 400%; */ - transform: rotate(0deg); - } - - 5%{ - /* transform: translateY(10px); */ - transform: rotate(20deg); - - } - - 7%{ - transform: rotate(0deg); - } - - 12%{ - /* transform: translateY(40px); */ - transform: rotate(20deg); - } - 13%{ - transform: rotate(0deg); - } - - 18%{ - /* transform: translateY(20px); */ - transform: rotate(-15deg); - } - - 20%{ - /* transform: translateY(35px); */ - transform: rotate(-50deg); - } - - 22%{ - /* transform: translateY(35px); */ - transform: rotate(0deg); - } - - 32%{ - /* transform: translateY(0px); */ - transform: rotate(-45deg); - } - - 37%{ - /* transform: translateY(0px); */ - transform: rotate(30deg); - } - - 40%{ - /* transform: translateY(0px); */ - transform: rotate(-10deg); - } - - 43%{ - /* transform: translateY(0px); */ - transform: rotate(-5deg); - } - - 45%{ - /* transform: translateY(0px); */ - transform: rotate(-10deg); - } - - 50%{ - /* transform: translateY(0px); */ - transform: rotate(-20deg); - } - - 60%{ - transform: rotate(-15deg); - } - - 100%{ - - transform: rotate(-1deg); - opacity: 0; - visibility: hidden; - } -} + 0% { + /* width: 400%; */ + transform: rotate(0deg); + } + + 5% { + /* transform: translateY(10px); */ + transform: rotate(20deg); + } + + 7% { + transform: rotate(0deg); + } + 12% { + /* transform: translateY(40px); */ + transform: rotate(20deg); + } + 13% { + transform: rotate(0deg); + } + + 18% { + /* transform: translateY(20px); */ + transform: rotate(-15deg); + } + + 20% { + /* transform: translateY(35px); */ + transform: rotate(-50deg); + } + + 22% { + /* transform: translateY(35px); */ + transform: rotate(0deg); + } + + 32% { + /* transform: translateY(0px); */ + transform: rotate(-45deg); + } + + 37% { + /* transform: translateY(0px); */ + transform: rotate(30deg); + } + + 40% { + /* transform: translateY(0px); */ + transform: rotate(-10deg); + } + + 43% { + /* transform: translateY(0px); */ + transform: rotate(-5deg); + } + + 45% { + /* transform: translateY(0px); */ + transform: rotate(-10deg); + } + + 50% { + /* transform: translateY(0px); */ + transform: rotate(-20deg); + } + + 60% { + transform: rotate(-15deg); + } + + 100% { + transform: rotate(-1deg); + opacity: 0; + visibility: hidden; + } +} @keyframes biking { - 0%{ - margin-right: 33%; - opacity: 0; - - } - 61%{ - opacity: 0.5; - } - 65%{ - opacity: 0; - visibility: visible; - } - - 100%{ - margin-right: 65%; - visibility: hidden; - opacity: 0; - - } + 0% { + margin-right: 33%; + opacity: 0; + } + 61% { + opacity: 0.5; + } + 65% { + opacity: 0; + visibility: visible; + } + + 100% { + margin-right: 65%; + visibility: hidden; + opacity: 0; + } } @keyframes racing { - 0%{ - margin-left: -300%; - - opacity: 0.5; - /* width: 300%; */ - } - 50%{ - transform:skewX(-45deg); - } - 70%{ - margin-left: 0%; - - transform:skewX(45deg); - } - 100%{ - - opacity: 0.8; - } - -} + 0% { + margin-left: -300%; + opacity: 0.5; + /* width: 300%; */ + } + 50% { + transform: skewX(-45deg); + } + 70% { + margin-left: 0%; + + transform: skewX(45deg); + } + 100% { + opacity: 0.8; + } +} @keyframes pulsing { - 0%{ - transform: scale(1); - } - 100%{ - transform: scale(1.2); - } + 0% { + transform: scale(1); + } + 100% { + transform: scale(1.2); + } } -img{ - opacity: 0.7; +img { + opacity: 0.7; } @keyframes shadow { - 0%{ - text-shadow: 3px 3px rgba(255, 255, 0, 0.623); - /* opacity: 0.5; */ - color: rgba(162, 255, 23, 0.685); - transform: skew(0.05turn, -10deg); - - } - 100%{ - color: rgba(255, 250, 250, 0.671); - text-shadow: 3px 3px rgba(255, 255, 0, 0.623); - /* opacity: 0.7; */ - transform: skew(-0.05turn, 10deg); - } -} - -.miamiBeach{ - font-family: "Hello Miami Regular"; - font-size: 2.5vmin; - color: snow; - opacity: 0.8; + 0% { + text-shadow: 3px 3px rgba(255, 255, 0, 0.623); + /* opacity: 0.5; */ + color: rgba(162, 255, 23, 0.685); + transform: skew(0.05turn, -10deg); + } + 100% { + color: rgba(255, 250, 250, 0.671); + text-shadow: 3px 3px rgba(255, 255, 0, 0.623); + /* opacity: 0.7; */ + transform: skew(-0.05turn, 10deg); + } } -.miami{ - animation: leanIn 3s alternate infinite; +.miamiBeach { + font-family: 'Hello Miami Regular'; + font-size: 2.5vmin; + color: snow; + opacity: 0.8; } -.alignSelfCenter{ - align-self: center; +.miami { + animation: leanIn 3s alternate infinite; } -#jacksonvilleFL{ - font-family: "Real Miami Regular"; - color: snow; - animation: wavy 3s alternate infinite; - font-size: 1.5vmin; - align-self: center; - justify-self: center; +.alignSelfCenter { + align-self: center; } -.palmBeach{ - animation: leanIn2 3s alternate infinite; +#jacksonvilleFL { + font-family: 'Real Miami Regular'; + color: snow; + animation: wavy 3s alternate infinite; + font-size: 1.5vmin; + align-self: center; + justify-self: center; } -#cyclist{ - display: flex; - justify-content: flex-end; - animation: biking 10s 3s infinite; - visibility: hidden; +.palmBeach { + animation: leanIn2 3s alternate infinite; +} + +#cyclist { + display: flex; + justify-content: flex-end; + animation: biking 10s 3s infinite; + visibility: hidden; } .cyclist { - height: 3.5vmin; - width: 3.5vmin; - position: absolute; - top: 42.5%; - transform: scaleX(-1); -} - -@keyframes blink{ - 0%{ - opacity: 0.8; - transform: scaleY(1.1); - } - 100%{ - opacity: 0.2; - transform:scaleY(0.9) - } -} - -#daytonaB{ - animation: blink 3s 6s infinite; - opacity: 0.8; + height: 3.5vmin; + width: 3.5vmin; + position: absolute; + top: 42.5%; + transform: scaleX(-1); } -.daytona{ - display: flex; - position: absolute; - width: 100vw; - justify-content: center; +@keyframes blink { + 0% { opacity: 0.8; - top: 46%; + transform: scaleY(1.1); + } + 100% { + opacity: 0.2; + transform: scaleY(0.9); + } } -.daytonaIntroEffect{ - animation: racing 2s; - width: 30%; +#daytonaB { + animation: blink 3s 6s infinite; + opacity: 0.8; } -#surf{ - animation: surfing 20s ease infinite; - position: absolute; - bottom: 41%; +.daytona { + display: flex; + position: absolute; + width: 100vw; + justify-content: center; + opacity: 0.8; + top: 46%; } -.surfer{ - height: 3vmin; - width: 3vmin; - animation: rotation 20s infinite; - text-decoration-style: wavy; +.daytonaIntroEffect { + animation: racing 2s; + width: 30%; } -@keyframes swell { - 0%, - 100% { - transform: scale(1.05) translate3d(0, -20px, 0); - color: rgba(215, 242, 255, 0.37); - text-shadow: 3px 3px 3px rgb(164, 255, 235); - } - 50% { - transform: scale(1) translate3d(0, -10px, 0); - color: rgb(121, 253, 240); - text-shadow: 3px 3px 3px rgba(143, 169, 253, 0.705); +#surf { + animation: surfing 20s ease infinite; + position: absolute; + bottom: 41%; +} - } - } +.surfer { + height: 3vmin; + width: 3vmin; + animation: rotation 20s infinite; + text-decoration-style: wavy; +} -#clearTampa{ - display: grid; - grid-template-columns: repeat(21, 1fr); +@keyframes swell { + 0%, + 100% { + transform: scale(1.05) translate3d(0, -20px, 0); + color: rgba(215, 242, 255, 0.37); + text-shadow: 3px 3px 3px rgb(164, 255, 235); + } + 50% { + transform: scale(1) translate3d(0, -10px, 0); + color: rgb(121, 253, 240); + text-shadow: 3px 3px 3px rgba(143, 169, 253, 0.705); + } } -.clearwater{ - font-family: "Hello Miami Regular"; - font-size: 2.5vmin; - color: snow; - opacity: 0.6; +#clearTampa { + display: grid; + grid-template-columns: repeat(21, 1fr); } -.clearwaterPosition{ - position: absolute; - bottom: 35%; - right: 36.5% +.clearwater { + font-family: 'Hello Miami Regular'; + font-size: 2.5vmin; + color: snow; + opacity: 0.6; } -.tampa{ - font-family: "Real Miami Regular"; - font-size: 2.5vmin; - color: snow; - opacity: 0.6; +.clearwaterPosition { + position: absolute; + bottom: 35%; + right: 36.5%; } -#palmtree{ - padding: 1em; - animation: pulsing 3s alternate infinite; +.tampa { + font-family: 'Real Miami Regular'; + font-size: 2.5vmin; + color: snow; + opacity: 0.6; } -.one{ - animation: swell 6s alternate infinite; +#palmtree { + padding: 1em; + animation: pulsing 3s alternate infinite; } -.two{ - animation: swell 6s 1s alternate infinite; +.one { + animation: swell 6s alternate infinite; +} +.two { + animation: swell 6s 1s alternate infinite; } -.three{ - animation: swell 6s 2s alternate infinite; +.three { + animation: swell 6s 2s alternate infinite; } -.tampaPosition{ - display: flex; - align-items: center; -} \ No newline at end of file +.tampaPosition { + display: flex; + align-items: center; +} diff --git a/Art/victor-anderson/index.html b/Art/victor-anderson/index.html index 814b83df8..adb146abd 100644 --- a/Art/victor-anderson/index.html +++ b/Art/victor-anderson/index.html @@ -1,32 +1,32 @@ - - - + + + - Animation Vic + Animation Vic - - - - -
-
-
-
1
-
2
-
3
-
4
-
5
-
6
-
7
-
8
-
9
-
10
-
11
-
12
-
-
-
- - \ No newline at end of file + + + + +
+
+
+
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
10
+
11
+
12
+
+
+
+ + diff --git a/Art/victor-anderson/styles.css b/Art/victor-anderson/styles.css index 89979b0f5..f30a1c34b 100644 --- a/Art/victor-anderson/styles.css +++ b/Art/victor-anderson/styles.css @@ -1,39 +1,39 @@ body, html { - width: 100%; - height: 100%; - margin: 0; - background-color: black; - display: grid; - align-items: center; + width: 100%; + height: 100%; + margin: 0; + background-color: black; + display: grid; + align-items: center; } .shape { -/* display: grid; + /* display: grid; grid-template-columns: repeat(10, 1fr);*/ - display: flex; - flex-wrap: wrap; - justify-content: center; + display: flex; + flex-wrap: wrap; + justify-content: center; } .square { - background-color: rgba(255, 255, 255, 0.6); - border-radius: 8px; - height: 50px; - margin: 1px; - text-align: center; - font-size: 20px; - width: 50px; - display: grid; - align-items: center; - animation: rotate 5s linear infinite; + background-color: rgba(255, 255, 255, 0.6); + border-radius: 8px; + height: 50px; + margin: 1px; + text-align: center; + font-size: 20px; + width: 50px; + display: grid; + align-items: center; + animation: rotate 5s linear infinite; } @keyframes rotate { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} \ No newline at end of file + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} diff --git a/Art/yashraj2003e/index.html b/Art/yashraj2003e/index.html index 550f02a33..78f350114 100644 --- a/Art/yashraj2003e/index.html +++ b/Art/yashraj2003e/index.html @@ -1,15 +1,14 @@ - + - - - - -
- - - - -
- + + + +
+ + + + +
+ diff --git a/Art/yashraj2003e/style.css b/Art/yashraj2003e/style.css index 98d86b638..4fb6d5f9c 100644 --- a/Art/yashraj2003e/style.css +++ b/Art/yashraj2003e/style.css @@ -1,62 +1,61 @@ body { - margin: 0; - padding: 0; - display: flex; - justify-content: center; - align-items: center; - background-color: black; - + margin: 0; + padding: 0; + display: flex; + justify-content: center; + align-items: center; + background-color: black; } .circle { - position: relative; - width: 60vh; - height: 60vh; - background: linear-gradient(#33ccff,#ff0066); - border-radius: 50%; - animation: animate 1s linear infinite; + position: relative; + width: 60vh; + height: 60vh; + background: linear-gradient(#33ccff, #ff0066); + border-radius: 50%; + animation: animate 1s linear infinite; } @keyframes animate { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } } .circle:after { - content: ''; - position: absolute; - top: 35px; - right: 35px; - bottom: 35px; - left: 35px; - border-radius: 50%; - background-color: black; + content: ''; + position: absolute; + top: 35px; + right: 35px; + bottom: 35px; + left: 35px; + border-radius: 50%; + background-color: black; } .circle span { - position: absolute; - width: 100%; - height: 100%; - background: linear-gradient(#33ccff,#ff0066); - border-radius: 70%; + position: absolute; + width: 100%; + height: 100%; + background: linear-gradient(#33ccff, #ff0066); + border-radius: 70%; } -.cicle span:nth-child(1){ - filter: blur(5px); +.cicle span:nth-child(1) { + filter: blur(5px); } -.cicle span:nth-child(2){ - filter: blur(10px); +.cicle span:nth-child(2) { + filter: blur(10px); } -.cicle span:nth-child(3){ - filter: blur(20px); +.cicle span:nth-child(3) { + filter: blur(20px); } -.cicle span:nth-child(4){ - filter: blur(55px); +.cicle span:nth-child(4) { + filter: blur(55px); } diff --git a/README.md b/README.md index d35d0fda6..83780bd36 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,3 @@ - - ![](./colourpencils.png) _Sharpen your pencils, we're getting creative!_ @@ -17,7 +15,6 @@ The rules are simple. You have to: - Please make sure that the code is indeed your own, and not copied from someone else - That's it! - # How to contribute If you've never forked a repository or made a pull request before, we recommend making your first one over at [https://github.com/zero-to-mastery/start-here-guidelines](https://github.com/zero-to-mastery/start-here-guidelines). That will count towards your total, and then you'll be ready to take on this challenge with your new GitHub skills! diff --git a/_config.yml b/_config.yml index c4192631f..277f1f2c5 100644 --- a/_config.yml +++ b/_config.yml @@ -1 +1 @@ -theme: jekyll-theme-cayman \ No newline at end of file +theme: jekyll-theme-cayman diff --git a/include.js b/include.js index 336249d93..9cd214747 100644 --- a/include.js +++ b/include.js @@ -1,6512 +1,6512 @@ let cards = [ { - artName: "Spiral", - pageLink: "./Art/aschwir/index.html", - imageLink: "./Art/aschwir/spiral.gif", - author: "aschwir", - githubLink: "https://github.com/aschwir", + artName: 'Spiral', + pageLink: './Art/aschwir/index.html', + imageLink: './Art/aschwir/spiral.gif', + author: 'aschwir', + githubLink: 'https://github.com/aschwir' }, { - artName: "Alright", - pageLink: "./Art/arjunan-k/index.html", - imageLink: "./Art/arjunan-k/alright.gif", - author: "Arjunan K", - githubLink: "https://github.com/arjunan-k", + artName: 'Alright', + pageLink: './Art/arjunan-k/index.html', + imageLink: './Art/arjunan-k/alright.gif', + author: 'Arjunan K', + githubLink: 'https://github.com/arjunan-k' }, { - artName: "Shakerdl", - pageLink: "./Art/Joy/shakerdl/index.html", - imageLink: "./Art/Joy/shakerdl/shrinking.gif", - author: "Shakerdl", - githubLink: "https://github.com/shakerdl", + artName: 'Shakerdl', + pageLink: './Art/Joy/shakerdl/index.html', + imageLink: './Art/Joy/shakerdl/shrinking.gif', + author: 'Shakerdl', + githubLink: 'https://github.com/shakerdl' }, { - artName: "Hot coffee", - pageLink: "./Art/Hot coffee/index.html", - imageLink: "./Art/Hot coffee/cup_coffee.gif", - author: "belaid-dali", - githubLink: "https://github.com/belaid-dali", + artName: 'Hot coffee', + pageLink: './Art/Hot coffee/index.html', + imageLink: './Art/Hot coffee/cup_coffee.gif', + author: 'belaid-dali', + githubLink: 'https://github.com/belaid-dali' }, { - artName: "The Crane", - pageLink: "./Art/Malik-Makkes/index.html", - imageLink: "./Art/Malik-Makkes/The-Crane.png", - author: "Malik", - githubLink: "https://github.com/MalikSploit", + artName: 'The Crane', + pageLink: './Art/Malik-Makkes/index.html', + imageLink: './Art/Malik-Makkes/The-Crane.png', + author: 'Malik', + githubLink: 'https://github.com/MalikSploit' }, { - artName: "Goa - Beach", - pageLink: "./Art/Shailesh/index.html", - imageLink: "./Art/Shailesh/Goa - Beach.jpg", - author: "Shailesh", - githubLink: "https://github.com/shaileshkr7", + artName: 'Goa - Beach', + pageLink: './Art/Shailesh/index.html', + imageLink: './Art/Shailesh/Goa - Beach.jpg', + author: 'Shailesh', + githubLink: 'https://github.com/shaileshkr7' }, { - artName: "Gloomy Loading Ring", - pageLink: "./Art/kevinsana/index.html", - imageLink: "./Art/kevinsana/kevinsana.jpg", - author: "Krownlesskev", - githubLink: "https://github.com/krownlesskev", + artName: 'Gloomy Loading Ring', + pageLink: './Art/kevinsana/index.html', + imageLink: './Art/kevinsana/kevinsana.jpg', + author: 'Krownlesskev', + githubLink: 'https://github.com/krownlesskev' }, { - artName: "Terminal effect", - pageLink: "./Art/DaywisonSilva/index.html", - imageLink: "./Art/DaywisonSilva/art.gif", - author: "DaywisonSilva", - githubLink: "https://github.com/DaywisonSilva", + artName: 'Terminal effect', + pageLink: './Art/DaywisonSilva/index.html', + imageLink: './Art/DaywisonSilva/art.gif', + author: 'DaywisonSilva', + githubLink: 'https://github.com/DaywisonSilva' }, { - artName: "Stephan Animation", - pageLink: "./Art/stephanduval_animatron/index.html", - iamgeLink: "./Art/stephanduval_animatron/stephanduval_animatron.gif", - author: "Stephan DuVal", - githubLink: "https://github.com/stephanduval", + artName: 'Stephan Animation', + pageLink: './Art/stephanduval_animatron/index.html', + iamgeLink: './Art/stephanduval_animatron/stephanduval_animatron.gif', + author: 'Stephan DuVal', + githubLink: 'https://github.com/stephanduval' }, { - artName: "DayToNight", - pageLink: "./Art/DayToNight By Arpan/index.html", - imageLink: "./Art/Joy/DayToNight By Arpan/giphy.gif", - author: "ArpanGyawali", - githubLink: "https://github.com/ArpanGyawali", + artName: 'DayToNight', + pageLink: './Art/DayToNight By Arpan/index.html', + imageLink: './Art/Joy/DayToNight By Arpan/giphy.gif', + author: 'ArpanGyawali', + githubLink: 'https://github.com/ArpanGyawali' }, { - artName: "Dog animation", - pageLink: "./Art/AbhishekSingh-Animation-Contribution/index.html", - imageLink: "./Art/AbhishekSingh-Animation-Contribution/gif.png", - author: "Abhishek Singh", - githubLink: "https://github.com/Abhishek-555", + artName: 'Dog animation', + pageLink: './Art/AbhishekSingh-Animation-Contribution/index.html', + imageLink: './Art/AbhishekSingh-Animation-Contribution/gif.png', + author: 'Abhishek Singh', + githubLink: 'https://github.com/Abhishek-555' }, { - artName: "Animation square rotate", - pageLink: "./Art/Animation square rotate/index.html", - imageLink: "./Art/Animation square rotate/image.jpeg", - author: "Nampelly_varun", - githubLink: "https://github.com/nampellyvarun", + artName: 'Animation square rotate', + pageLink: './Art/Animation square rotate/index.html', + imageLink: './Art/Animation square rotate/image.jpeg', + author: 'Nampelly_varun', + githubLink: 'https://github.com/nampellyvarun' }, { - artName: "CSS Loader", - pageLink: "./Art/BenCullen/index.html", - imageLink: "./Art/BenCullen/Bens CSS Loader.gif", - author: "Ben Cullen", - githubLink: "https://github.com/BenjaminCullen1", + artName: 'CSS Loader', + pageLink: './Art/BenCullen/index.html', + imageLink: './Art/BenCullen/Bens CSS Loader.gif', + author: 'Ben Cullen', + githubLink: 'https://github.com/BenjaminCullen1' }, { - artName: "Flag", - pageLink: "./Art/IurianSimionDorin/index.html", - imageLink: "./Art/IurianSimionDorin/flag.gif", - author: "IurianSimionDorin", - githubLink: "https://github.com/IurianSimionDorin", + artName: 'Flag', + pageLink: './Art/IurianSimionDorin/index.html', + imageLink: './Art/IurianSimionDorin/flag.gif', + author: 'IurianSimionDorin', + githubLink: 'https://github.com/IurianSimionDorin' }, { - artName: "Rainbow Text Spin", - pageLink: "./Art/mallen13/index.html", - imageLink: "stillPic.jpg", - author: "mallen2013", - githubLink: "https://github.com/mallen2013", + artName: 'Rainbow Text Spin', + pageLink: './Art/mallen13/index.html', + imageLink: 'stillPic.jpg', + author: 'mallen2013', + githubLink: 'https://github.com/mallen2013' }, { - artName: "Disco Bubble", - pageLink: "./Art/konstantify/index.html", - imageLink: "./Art/konstantify/konst.gif", - author: "Constantin", - githubLink: "https://github.com/konstantin0s", + artName: 'Disco Bubble', + pageLink: './Art/konstantify/index.html', + imageLink: './Art/konstantify/konst.gif', + author: 'Constantin', + githubLink: 'https://github.com/konstantin0s' }, { - artName: "Art", - pageLink: "./Art/mishra-parth/index.html", - imageLink: "./Art/mishra-parth/mishra-parth-project.gif", - author: "Parth", - githubLink: "https://github.com/mishra-parth", + artName: 'Art', + pageLink: './Art/mishra-parth/index.html', + imageLink: './Art/mishra-parth/mishra-parth-project.gif', + author: 'Parth', + githubLink: 'https://github.com/mishra-parth' }, { - artName: "Aymat", - pageLink: "./Art/aymat/index.html", - imageLink: "./Art/aymat/Capture.gif", - author: "aysha30", - githubLink: "https://github.com/aysha30", + artName: 'Aymat', + pageLink: './Art/aymat/index.html', + imageLink: './Art/aymat/Capture.gif', + author: 'aysha30', + githubLink: 'https://github.com/aysha30' }, { - artName: "Scissors Cutting Animation (CSS only)", - pageLink: "./Art/CoffeeAnimation/index.html", - imageLink: "./Art/CoffeeAnimation/scissors-cutting-animation.gif", - author: "Angelo Marcinnò", - githubLink: "https://github.com/angelo24782", + artName: 'Scissors Cutting Animation (CSS only)', + pageLink: './Art/CoffeeAnimation/index.html', + imageLink: './Art/CoffeeAnimation/scissors-cutting-animation.gif', + author: 'Angelo Marcinnò', + githubLink: 'https://github.com/angelo24782' }, { - artName: "Cool CSS Preloader", - pageLink: "./Art/Himanshu_Kumawat/index.html", - imageLink: "./Art/Himanshu_Kumawat/preloader.gif", - author: "Himanshu Kumawat", - githubLink: "https://github.com/013himanshu", + artName: 'Cool CSS Preloader', + pageLink: './Art/Himanshu_Kumawat/index.html', + imageLink: './Art/Himanshu_Kumawat/preloader.gif', + author: 'Himanshu Kumawat', + githubLink: 'https://github.com/013himanshu' }, { - artName: "Troll-Ball", - pageLink: "./Art/ivantbv/index.html", - imageLink: "./Art/ivantbv/troll-ball.gif", - author: "ivantbv", - githubLink: "https://github.com/ivantbv", + artName: 'Troll-Ball', + pageLink: './Art/ivantbv/index.html', + imageLink: './Art/ivantbv/troll-ball.gif', + author: 'ivantbv', + githubLink: 'https://github.com/ivantbv' }, { - artName: "CSS heART", - pageLink: "./Art/Aarush/Heart.html", - imageLink: "./Art/Aarush/Heart.png", - author: "Aarush Bhat", - githubLink: "https://github.com/r-ush", + artName: 'CSS heART', + pageLink: './Art/Aarush/Heart.html', + imageLink: './Art/Aarush/Heart.png', + author: 'Aarush Bhat', + githubLink: 'https://github.com/r-ush' }, { - artName: "Image With Gray Scale Effect", - pageLink: "./Art/Image With Gray Scale Effect", + artName: 'Image With Gray Scale Effect', + pageLink: './Art/Image With Gray Scale Effect', imageLink: - "./Art/Image With Gray Scale Effect/Image-With-Gray-Scale-Effect.gif", - author: "Vikrant Kumar", - githubLink: "https://github.com/VikrantKu333", + './Art/Image With Gray Scale Effect/Image-With-Gray-Scale-Effect.gif', + author: 'Vikrant Kumar', + githubLink: 'https://github.com/VikrantKu333' }, { - artname: "Animation-Cool", - pageLink: "./Art/apilacharya/index.html", - imageLink: "./Art/apilacharya/animation-cool.gif", - author: "Apil Raj Acharya", - githubLink: "https://github.com/apilacharya", + artname: 'Animation-Cool', + pageLink: './Art/apilacharya/index.html', + imageLink: './Art/apilacharya/animation-cool.gif', + author: 'Apil Raj Acharya', + githubLink: 'https://github.com/apilacharya' }, { - artName: "covid-19", - pageLink: "./Art/shivam12k/index.html", - videoLink: "./Art/cell/cell.mp4", - author: "shivam12k", - githubLink: "https://github.com/shivam12k", + artName: 'covid-19', + pageLink: './Art/shivam12k/index.html', + videoLink: './Art/cell/cell.mp4', + author: 'shivam12k', + githubLink: 'https://github.com/shivam12k' }, { - artName: "Bouncing Heart", - pageLink: "./Art/love2cr3ate/index.html", - imageLink: "./Art/love2cr3ate/bouncing-heart.gif", - author: "l0ve2cr3ate", - githubLink: "https://github.com/l0ve2cr3ate", + artName: 'Bouncing Heart', + pageLink: './Art/love2cr3ate/index.html', + imageLink: './Art/love2cr3ate/bouncing-heart.gif', + author: 'l0ve2cr3ate', + githubLink: 'https://github.com/l0ve2cr3ate' }, { - artName: "Animated-Loading", - pageLink: "./Art/Animated-Loading/index.html", - imageLink: "./Art/Animated-Loading/Animated-Loading.gif", - author: "Mehul1011", - githubLink: "https://github.com/mehul1011", + artName: 'Animated-Loading', + pageLink: './Art/Animated-Loading/index.html', + imageLink: './Art/Animated-Loading/Animated-Loading.gif', + author: 'Mehul1011', + githubLink: 'https://github.com/mehul1011' }, { - artName: "covid-19", - pageLink: "./Art/shivam12k/index.html", + artName: 'covid-19', + pageLink: './Art/shivam12k/index.html', // videoLink: './Art/cell/cell.mp4', - imageLink: "#", - author: "shivam12k", - githubLink: "https://github.com/shivam12k", + imageLink: '#', + author: 'shivam12k', + githubLink: 'https://github.com/shivam12k' }, { - artName: "Mag-animation", - pageLink: "./Art/Mag-D-Alena/index.html", - imageLink: "./Art/Mag-D-Alena/Mag-animation.gif", - author: "Magdalena BenBassat-Luszczynska", - githubLink: "https://github.com/mag-d-alen", + artName: 'Mag-animation', + pageLink: './Art/Mag-D-Alena/index.html', + imageLink: './Art/Mag-D-Alena/Mag-animation.gif', + author: 'Magdalena BenBassat-Luszczynska', + githubLink: 'https://github.com/mag-d-alen' }, { - artName: "ThomasTobe", - pageLink: "./Art/ThomasTobe/index.html", - imageLink: "./Art/ThomasTobe/rotation.gif", - author: "ThomasTobe", - githubLink: "https://github.com/ThomasTobe", + artName: 'ThomasTobe', + pageLink: './Art/ThomasTobe/index.html', + imageLink: './Art/ThomasTobe/rotation.gif', + author: 'ThomasTobe', + githubLink: 'https://github.com/ThomasTobe' }, { - artName: "Life Of Coder", - pageLink: "./Art/DevarshiDoshi/index.html", - imageLink: "./Art/DevarshiDoshi/Life Of Coder.gif", - author: "DevarshiDoshi", - githubLink: "https://github.com/devarshidoshi", + artName: 'Life Of Coder', + pageLink: './Art/DevarshiDoshi/index.html', + imageLink: './Art/DevarshiDoshi/Life Of Coder.gif', + author: 'DevarshiDoshi', + githubLink: 'https://github.com/devarshidoshi' }, { - artName: "That Animation", - pageLink: "./Art/MaKloudz/index.html", - imageLink: "./Art/MaKloudz/dat-animation.gif", - author: "Blessing Mutava", - githubLink: "https://github.com/MaKloudz", + artName: 'That Animation', + pageLink: './Art/MaKloudz/index.html', + imageLink: './Art/MaKloudz/dat-animation.gif', + author: 'Blessing Mutava', + githubLink: 'https://github.com/MaKloudz' }, { - artName: "animatron", - pageLink: "./Art/animatron/index.html", - imageLink: "./Art/animatron/trance.gif", - author: "nick981837", - githubLink: "https://github.com/nick981837", + artName: 'animatron', + pageLink: './Art/animatron/index.html', + imageLink: './Art/animatron/trance.gif', + author: 'nick981837', + githubLink: 'https://github.com/nick981837' }, { - artName: "ZTM Animation", - pageLink: "./Art/EricPuskas/index.html", - imageLink: "./Art/EricPuskas/index.gif", - author: "Eric Puskas", - githubLink: "https://github.com/EricPuskas", + artName: 'ZTM Animation', + pageLink: './Art/EricPuskas/index.html', + imageLink: './Art/EricPuskas/index.gif', + author: 'Eric Puskas', + githubLink: 'https://github.com/EricPuskas' }, { - artName: "LSD Rainbow Trip: Phase 1", - pageLink: "./Art/AbsMechanik/index.html", - imageLink: "./Art/AbsMechanik/AbsMechanik_Animation.gif", - author: "AbsMechanik", - githubLink: "https://github.com/AbsMechanik", + artName: 'LSD Rainbow Trip: Phase 1', + pageLink: './Art/AbsMechanik/index.html', + imageLink: './Art/AbsMechanik/AbsMechanik_Animation.gif', + author: 'AbsMechanik', + githubLink: 'https://github.com/AbsMechanik' }, { - artName: "Christmas Lights", - pageLink: "./Art/Futuregit/index.html", - imageLink: "./Art/Futuregit/Christmas-Lights.gif", - author: "Futuregit", - githubLink: "https://github.com/Futuregit", + artName: 'Christmas Lights', + pageLink: './Art/Futuregit/index.html', + imageLink: './Art/Futuregit/Christmas-Lights.gif', + author: 'Futuregit', + githubLink: 'https://github.com/Futuregit' }, { - artName: "space zoo", - pageLink: "./Art/space_zoo/index.html", - imageLink: "./Art/space_zoo/space_zoo.gif", - author: "yuwen-c", - githubLink: "https://github.com/yuwen-c", + artName: 'space zoo', + pageLink: './Art/space_zoo/index.html', + imageLink: './Art/space_zoo/space_zoo.gif', + author: 'yuwen-c', + githubLink: 'https://github.com/yuwen-c' }, { - artName: "neon-text flicker glow", - pageLink: "./Art/neon-text flicker glow/neon.html", - videoLink: "./Art/neon-text flicker glow/neon-text flicker glow.gif", - author: "Ajay Tyagi", - githubLink: "https://github.com/imajaytyagi", + artName: 'neon-text flicker glow', + pageLink: './Art/neon-text flicker glow/neon.html', + videoLink: './Art/neon-text flicker glow/neon-text flicker glow.gif', + author: 'Ajay Tyagi', + githubLink: 'https://github.com/imajaytyagi' }, { - artName: "Dice Animation", - pageLink: "./Art/Dice-Animation/dice_animation.html", - videoLink: "./Art/Dice-Animation/dice.gif", - author: "Ronit DuttA", - githubLink: "https://github.com/RD91", + artName: 'Dice Animation', + pageLink: './Art/Dice-Animation/dice_animation.html', + videoLink: './Art/Dice-Animation/dice.gif', + author: 'Ronit DuttA', + githubLink: 'https://github.com/RD91' }, { - artName: "Fruit Dancing", - pageLink: "./Art/carlacentenor/index.html", - imageLink: "./Art/carlacentenor/fruit.gif", - author: "carlacentenor", - githubLink: "https://github.com/carlacentenor", + artName: 'Fruit Dancing', + pageLink: './Art/carlacentenor/index.html', + imageLink: './Art/carlacentenor/fruit.gif', + author: 'carlacentenor', + githubLink: 'https://github.com/carlacentenor' }, { - artName: "eyes", - pageLink: "./Art/eyes/index.html", - imageLink: "./Art/eyes/eyes.gif", - author: "yuwen-c", - githubLink: "https://github.com/yuwen-c", + artName: 'eyes', + pageLink: './Art/eyes/index.html', + imageLink: './Art/eyes/eyes.gif', + author: 'yuwen-c', + githubLink: 'https://github.com/yuwen-c' }, { - artName: "Spooktober Hacktoberfest", - pageLink: "./Art/FredAmartey/index.html", - imageLink: "./Art/FredAmartey/thumbnaill.gif", - author: "Fred Amartey", - githubLink: "https://github.com/FredAmartey", + artName: 'Spooktober Hacktoberfest', + pageLink: './Art/FredAmartey/index.html', + imageLink: './Art/FredAmartey/thumbnaill.gif', + author: 'Fred Amartey', + githubLink: 'https://github.com/FredAmartey' }, { - artName: "Star Wars?", - pageLink: "./Art/henryvalbuena/index.html", - imageLink: "./Art/henryvalbuena/index.gif", - author: "Henry Valbuena", - githubLink: "https://github.com/henryvalbuena", + artName: 'Star Wars?', + pageLink: './Art/henryvalbuena/index.html', + imageLink: './Art/henryvalbuena/index.gif', + author: 'Henry Valbuena', + githubLink: 'https://github.com/henryvalbuena' }, { - artName: "UFO", - pageLink: "./Art/UFO/index.html", - imageLink: "./Art/UFO/UFO.png", - author: "Abhinav Singh @abhinav9910", - githubLink: "https://github.com/abhinav9910", + artName: 'UFO', + pageLink: './Art/UFO/index.html', + imageLink: './Art/UFO/UFO.png', + author: 'Abhinav Singh @abhinav9910', + githubLink: 'https://github.com/abhinav9910' }, { - artName: "The Ripple", - pageLink: "./Art/Anmol2/index.html", - imageLink: "./Art/Anmol2/ripple.png", - author: "Anmol", - githubLink: "https://github.com/Anmol270900", + artName: 'The Ripple', + pageLink: './Art/Anmol2/index.html', + imageLink: './Art/Anmol2/ripple.png', + author: 'Anmol', + githubLink: 'https://github.com/Anmol270900' }, { - artName: "Rainbow loader", - pageLink: "./Art/ka-hn/rainbow.html", - imageLink: "./Art/ka-hn/rainbow.gif", - author: "Karim Hussain", - githubLink: "https://github.com/ka-hn", + artName: 'Rainbow loader', + pageLink: './Art/ka-hn/rainbow.html', + imageLink: './Art/ka-hn/rainbow.gif', + author: 'Karim Hussain', + githubLink: 'https://github.com/ka-hn' }, { - artName: "Action Cam", - pageLink: "./Art/Donovan/index.html", - imageLink: "./Art/Donovan/pureCSS-animation.gif", - author: "Donovan Hunter", - githubLink: "https://github.com/dhdcode", + artName: 'Action Cam', + pageLink: './Art/Donovan/index.html', + imageLink: './Art/Donovan/pureCSS-animation.gif', + author: 'Donovan Hunter', + githubLink: 'https://github.com/dhdcode' }, { - artName: "The Sun", - pageLink: "./Art/Anmol/index.html", - imageLink: "./Art/Anmol/sun.png", - author: "Anmol", - githubLink: "https://github.com/Anmol270900", + artName: 'The Sun', + pageLink: './Art/Anmol/index.html', + imageLink: './Art/Anmol/sun.png', + author: 'Anmol', + githubLink: 'https://github.com/Anmol270900' }, { - artName: "Flashing Pumpkin", - pageLink: "./Art/KatrinaRose14/index.html", - imageLink: "./Art/KatrinaRose14/FlashingPumpkin.gif", - author: "Katrina Yates", - githubLink: "https://github.com/KatrinaRose14", + artName: 'Flashing Pumpkin', + pageLink: './Art/KatrinaRose14/index.html', + imageLink: './Art/KatrinaRose14/FlashingPumpkin.gif', + author: 'Katrina Yates', + githubLink: 'https://github.com/KatrinaRose14' }, { - pageLink: "firstanimate", - imageLink: "./Art/firstanimate/index.html", - author: "shailesh", - githubLink: "https://github.com/shailesh-95", + pageLink: 'firstanimate', + imageLink: './Art/firstanimate/index.html', + author: 'shailesh', + githubLink: 'https://github.com/shailesh-95' }, { - artName: "Flipbox", - pageLink: "./Art/Prasheel/index.html", - imageLink: "./Art/Prasheel/flip.gif", - author: "Prasheel Soni", - githubLink: "https://github.com/ps011", + artName: 'Flipbox', + pageLink: './Art/Prasheel/index.html', + imageLink: './Art/Prasheel/flip.gif', + author: 'Prasheel Soni', + githubLink: 'https://github.com/ps011' }, { - artName: "2019 Wave", - pageLink: "./Art/chris-aqui/index.html", - imageLink: "./Art/chris-aqui/2019-jump.gif", - author: "Christine Aqui", - githubLink: "https://github.com/christine-aqui", + artName: '2019 Wave', + pageLink: './Art/chris-aqui/index.html', + imageLink: './Art/chris-aqui/2019-jump.gif', + author: 'Christine Aqui', + githubLink: 'https://github.com/christine-aqui' }, { - artName: "Hover Button Animation", - pageLink: "./Art/Vipul/hover.html", - imageLink: "./Art/Vipul/Screenshot2.png", - author: "Vipul", - githubLink: "https://github.com/vipuljain08", + artName: 'Hover Button Animation', + pageLink: './Art/Vipul/hover.html', + imageLink: './Art/Vipul/Screenshot2.png', + author: 'Vipul', + githubLink: 'https://github.com/vipuljain08' }, { - artName: "Start From Zero", - pageLink: "./Art/Robihdy/index.html", - imageLink: "./Art/Robihdy/start-from-zero.png", - author: "Robihdy", - githubLink: "https://github.com/Robihdy", + artName: 'Start From Zero', + pageLink: './Art/Robihdy/index.html', + imageLink: './Art/Robihdy/start-from-zero.png', + author: 'Robihdy', + githubLink: 'https://github.com/Robihdy' }, { - artName: "Local Host metaphor", - pageLink: "./Art/Akbar-Cyber/index.html", - imageLink: "./Art/Prateek/localhost.png", - author: "Prateek", - githubLink: "https://github.com/prateekpatrick", + artName: 'Local Host metaphor', + pageLink: './Art/Akbar-Cyber/index.html', + imageLink: './Art/Prateek/localhost.png', + author: 'Prateek', + githubLink: 'https://github.com/prateekpatrick' }, { - artName: "Akbar-Cyber", - pageLink: "./Art/Akbar-Cyber/index.html", - imageLink: "./Art/Akbar-Cyber/akbar.gif", - author: "Akbar", - githubLink: "https://github.com/Akbar-Cyber", + artName: 'Akbar-Cyber', + pageLink: './Art/Akbar-Cyber/index.html', + imageLink: './Art/Akbar-Cyber/akbar.gif', + author: 'Akbar', + githubLink: 'https://github.com/Akbar-Cyber' }, { - artName: "Sliding Lines", - pageLink: "./Art/erics0n/sliding-lines/index.html", - imageLink: "./Art/erics0n/sliding-lines/image.gif", - author: "erics0n", - githubLink: "https://github.com/erics0n", + artName: 'Sliding Lines', + pageLink: './Art/erics0n/sliding-lines/index.html', + imageLink: './Art/erics0n/sliding-lines/image.gif', + author: 'erics0n', + githubLink: 'https://github.com/erics0n' }, { - artName: "Triangle", - pageLink: "./Art/Joy/triangle/triangle.html", - imageLink: "./Art/Joy/triangle/triangle.gif", - author: "Joy", - githubLink: "https://github.com/royranger", + artName: 'Triangle', + pageLink: './Art/Joy/triangle/triangle.html', + imageLink: './Art/Joy/triangle/triangle.gif', + author: 'Joy', + githubLink: 'https://github.com/royranger' }, { - artName: "Cube", - pageLink: "./Art/Joy/cube/cube.html", - imageLink: "./Art/Joy/cube/cube.gif", - author: "Joy", - githubLink: "https://github.com/royranger", + artName: 'Cube', + pageLink: './Art/Joy/cube/cube.html', + imageLink: './Art/Joy/cube/cube.gif', + author: 'Joy', + githubLink: 'https://github.com/royranger' }, { - artName: "Burger Menu", - pageLink: "./Art/mctrl/burger.html", - imageLink: "./Art/mctrl/burger.gif", - author: "Martina", - githubLink: "https://github.com/mctrl", + artName: 'Burger Menu', + pageLink: './Art/mctrl/burger.html', + imageLink: './Art/mctrl/burger.gif', + author: 'Martina', + githubLink: 'https://github.com/mctrl' }, { - artName: "Square Loader", - pageLink: "./Art/Hemant/index.html", - imageLink: "./Art/Hemant/loader.gif", - author: "Hemant Garg", - githubLink: "https://github.com/hemant-garg", + artName: 'Square Loader', + pageLink: './Art/Hemant/index.html', + imageLink: './Art/Hemant/loader.gif', + author: 'Hemant Garg', + githubLink: 'https://github.com/hemant-garg' }, { - artName: "wake up, neo...", - pageLink: "./Art/samirjouni/TributeToTheMatrix.html", - imageLink: "./Art/samirjouni/sample.gif", - author: "Samir Jouni", - githubLink: "https://github.com/samirjouni", + artName: 'wake up, neo...', + pageLink: './Art/samirjouni/TributeToTheMatrix.html', + imageLink: './Art/samirjouni/sample.gif', + author: 'Samir Jouni', + githubLink: 'https://github.com/samirjouni' }, { - artName: "Tribute To COD4MW", - pageLink: "./Art/samirjouni2/index.html", - imageLink: "./Art/samirjouni2/sample.gif", - author: "Samir Jouni", - githubLink: "https://github.com/samirjouni", + artName: 'Tribute To COD4MW', + pageLink: './Art/samirjouni2/index.html', + imageLink: './Art/samirjouni2/sample.gif', + author: 'Samir Jouni', + githubLink: 'https://github.com/samirjouni' }, { - artName: "Planet", - pageLink: "./Art/ArthurDoom/planet.html", - imageLink: "./Art/ArthurDoom/planet.gif", - author: "ArthurDoom", - githubLink: "https://github.com/ArthurDoom", + artName: 'Planet', + pageLink: './Art/ArthurDoom/planet.html', + imageLink: './Art/ArthurDoom/planet.gif', + author: 'ArthurDoom', + githubLink: 'https://github.com/ArthurDoom' }, { - artName: "SquarPy", - pageLink: "./Art/Utkarsh/index.html", - imageLink: "./Art/Utkarsh/hack.gif", - author: "utkarsh", - githubLink: "https://github.com/Utkarsh2604", + artName: 'SquarPy', + pageLink: './Art/Utkarsh/index.html', + imageLink: './Art/Utkarsh/hack.gif', + author: 'utkarsh', + githubLink: 'https://github.com/Utkarsh2604' }, { - artName: "Circle", - pageLink: "./Art/Oliver/Circle.html", - imageLink: "./Art/Oliver/circle.gif", - author: "Oliver", - githubLink: "https://github.com/oliver-gomes", + artName: 'Circle', + pageLink: './Art/Oliver/Circle.html', + imageLink: './Art/Oliver/circle.gif', + author: 'Oliver', + githubLink: 'https://github.com/oliver-gomes' }, { - artName: "Ellipse Loader", - pageLink: "./Art/VaibhavKhulbe/EllipseLoader.html", - imageLink: "./Art/VaibhavKhulbe/ellipseLoader.gif", - author: "Vaibhav Khulbe", - githubLink: "https://github.com/Kvaibhav01", + artName: 'Ellipse Loader', + pageLink: './Art/VaibhavKhulbe/EllipseLoader.html', + imageLink: './Art/VaibhavKhulbe/ellipseLoader.gif', + author: 'Vaibhav Khulbe', + githubLink: 'https://github.com/Kvaibhav01' }, { - artName: "Simple Loader", - pageLink: "./Art/soumsps/simpleload.html", - imageLink: "./Art/soumsps/sample.gif", - author: "Soumendu Sinha", - githubLink: "https://github.com/soumsps", + artName: 'Simple Loader', + pageLink: './Art/soumsps/simpleload.html', + imageLink: './Art/soumsps/sample.gif', + author: 'Soumendu Sinha', + githubLink: 'https://github.com/soumsps' }, { - artName: "Rollodex", - pageLink: "./Art/Shruti/rolling.html", - imageLink: "./Art/Shruti/rolling.gif", - author: "Shruti", - githubLink: "https://github.com/shruti49", + artName: 'Rollodex', + pageLink: './Art/Shruti/rolling.html', + imageLink: './Art/Shruti/rolling.gif', + author: 'Shruti', + githubLink: 'https://github.com/shruti49' }, { - artName: "Cute Cat", - pageLink: "./Art/Alghi/cat.html", - imageLink: "./Art/Alghi/cat.gif", - author: "Alghi", - githubLink: "https://github.com/darklordace", + artName: 'Cute Cat', + pageLink: './Art/Alghi/cat.html', + imageLink: './Art/Alghi/cat.gif', + author: 'Alghi', + githubLink: 'https://github.com/darklordace' }, { - artName: "r2d2d starwerz", - pageLink: "./Art/izzycs/index.html", - imageLink: "./Art/izzycs/r2d2d.gif", - author: "Joy", - githubLink: "https://github.com/izzycs", + artName: 'r2d2d starwerz', + pageLink: './Art/izzycs/index.html', + imageLink: './Art/izzycs/r2d2d.gif', + author: 'Joy', + githubLink: 'https://github.com/izzycs' }, { - artName: "ZtM Text", - pageLink: "./Art/Di4iMoRtAl/ZtM_text_animation.html", - imageLink: "./Art/Di4iMoRtAl/ZtM_animation.gif", - author: "Di4iMoRtAl", - githubLink: "https://github.com/dppeykov", + artName: 'ZtM Text', + pageLink: './Art/Di4iMoRtAl/ZtM_text_animation.html', + imageLink: './Art/Di4iMoRtAl/ZtM_animation.gif', + author: 'Di4iMoRtAl', + githubLink: 'https://github.com/dppeykov' }, { - artName: "Circles", - pageLink: "./Art/Bhuvana/circles.html", - imageLink: "./Art/Bhuvana/circles.gif", - author: "Bhuvana", - githubLink: "https://github.com/bhuvana-guna", + artName: 'Circles', + pageLink: './Art/Bhuvana/circles.html', + imageLink: './Art/Bhuvana/circles.gif', + author: 'Bhuvana', + githubLink: 'https://github.com/bhuvana-guna' }, { - artName: "Bird", - pageLink: "./Art/Bhuvana/bird.html", - imageLink: "./Art/Bhuvana/bird.gif", - author: "Bhuvana", - githubLink: "https://github.com/bhuvana-guna", + artName: 'Bird', + pageLink: './Art/Bhuvana/bird.html', + imageLink: './Art/Bhuvana/bird.gif', + author: 'Bhuvana', + githubLink: 'https://github.com/bhuvana-guna' }, { - artName: "Loader", - pageLink: "./Art/Bhuvana/loader.html", - imageLink: "./Art/Bhuvana/loader.gif", - author: "Bhuvana", - githubLink: "https://github.com/bhuvana-guna", + artName: 'Loader', + pageLink: './Art/Bhuvana/loader.html', + imageLink: './Art/Bhuvana/loader.gif', + author: 'Bhuvana', + githubLink: 'https://github.com/bhuvana-guna' }, { - artName: "Simple blinking loading circles", - pageLink: "./Art/Rahul/index.html", - imageLink: "./Art/Rahul/loading.gif", - author: "Rahul", - githubLink: "https://github.com/kohli6010", + artName: 'Simple blinking loading circles', + pageLink: './Art/Rahul/index.html', + imageLink: './Art/Rahul/loading.gif', + author: 'Rahul', + githubLink: 'https://github.com/kohli6010' }, { - artName: "Css Pulse", - pageLink: "./Art/Aszmel/pulse.html", - imageLink: "./Art/Aszmel/css_pulse.gif", - author: "Aszmel", - githubLink: "https://github.com/Aszmel", + artName: 'Css Pulse', + pageLink: './Art/Aszmel/pulse.html', + imageLink: './Art/Aszmel/css_pulse.gif', + author: 'Aszmel', + githubLink: 'https://github.com/Aszmel' }, { - artName: "Circle Bounce", - pageLink: "./Art/Edmund/index.html", - imageLink: "./Art/Edmund/circle-bounce.gif", - author: "Edmund", - githubLink: "https://github.com/edmund1645", + artName: 'Circle Bounce', + pageLink: './Art/Edmund/index.html', + imageLink: './Art/Edmund/circle-bounce.gif', + author: 'Edmund', + githubLink: 'https://github.com/edmund1645' }, { - artName: "Heart Beating", - pageLink: "./Art/Regem/index.html", - imageLink: "./Art/Regem/heart.jpg", - author: "Regem", - githubLink: "https://github.com/GemzBond", + artName: 'Heart Beating', + pageLink: './Art/Regem/index.html', + imageLink: './Art/Regem/heart.jpg', + author: 'Regem', + githubLink: 'https://github.com/GemzBond' }, { - artName: "Fading Circles", - pageLink: "./Art/Ankit/fadeCircle.html", - imageLink: "./Art/Ankit/fadeCircles.png", - author: "Ankit Srivastava", - githubLink: "https://github.com/a18nov", + artName: 'Fading Circles', + pageLink: './Art/Ankit/fadeCircle.html', + imageLink: './Art/Ankit/fadeCircles.png', + author: 'Ankit Srivastava', + githubLink: 'https://github.com/a18nov' }, { - artName: "Hacktoberfest 2019", - pageLink: "./Art/jpk3lly/animation.html", - imageLink: "./Art/jpk3lly/JPs_Animation_GIF.gif", - author: "jpk3lly", - githubLink: "https://github.com/jpk3lly", + artName: 'Hacktoberfest 2019', + pageLink: './Art/jpk3lly/animation.html', + imageLink: './Art/jpk3lly/JPs_Animation_GIF.gif', + author: 'jpk3lly', + githubLink: 'https://github.com/jpk3lly' }, { - artName: "Name Rotator", - pageLink: "./Art/Meet/name.html", - imageLink: "./Art/Meet/name.gif", - author: "Meet", - githubLink: "https://github.com/Meet1103", + artName: 'Name Rotator', + pageLink: './Art/Meet/name.html', + imageLink: './Art/Meet/name.gif', + author: 'Meet', + githubLink: 'https://github.com/Meet1103' }, { - artName: "Ball Rotator", - pageLink: "./Art/Bibekpreet/index.html", - imageLink: "./Art/Bibekpreet/ball.gif", - author: "Bibekpreet", - githubLink: "https://github.com/bibekpreet99", + artName: 'Ball Rotator', + pageLink: './Art/Bibekpreet/index.html', + imageLink: './Art/Bibekpreet/ball.gif', + author: 'Bibekpreet', + githubLink: 'https://github.com/bibekpreet99' }, { - artName: "ephiphany", - pageLink: "./Art/OctavianIlies/index.html", - imageLink: "./Art/OctavianIlies/ephiphany.gif", - author: "OctavianIlies", - githubLink: "https://github.com/OctavianIlies", + artName: 'ephiphany', + pageLink: './Art/OctavianIlies/index.html', + imageLink: './Art/OctavianIlies/ephiphany.gif', + author: 'OctavianIlies', + githubLink: 'https://github.com/OctavianIlies' }, { - artName: "Loading", - pageLink: "./Art/jh1992jh/loading.html", - imageLink: "./Art/jh1992jh/loading.gif", - author: "jh1992jh", - githubLink: "https://github.com/jh1992jh", + artName: 'Loading', + pageLink: './Art/jh1992jh/loading.html', + imageLink: './Art/jh1992jh/loading.gif', + author: 'jh1992jh', + githubLink: 'https://github.com/jh1992jh' }, { - artName: "ZTM Colors", - pageLink: "./Art/Godnon/index.html", - imageLink: "./Art/Godnon/ZTMcAnim.gif", - author: "Godnon", - githubLink: "https://github.com/godnondsilva", + artName: 'ZTM Colors', + pageLink: './Art/Godnon/index.html', + imageLink: './Art/Godnon/ZTMcAnim.gif', + author: 'Godnon', + githubLink: 'https://github.com/godnondsilva' }, { - artName: "Hover Effect", - pageLink: "./Art/Shubhankar/index.html", - imageLink: "./Art/Shubhankar/hackoctober.gif", - author: "Shubhankar", - githubLink: "https://github.com/shubhdwiv12", + artName: 'Hover Effect', + pageLink: './Art/Shubhankar/index.html', + imageLink: './Art/Shubhankar/hackoctober.gif', + author: 'Shubhankar', + githubLink: 'https://github.com/shubhdwiv12' }, { - artName: "Bouncing Fading Circles", - pageLink: "./Art/AyoubIssaad/index.html", - imageLink: "./Art/AyoubIssaad/BouncingFadingCircles.gif", - author: "AyoubIssaad", - githubLink: "https://github.com/AyoubIssaad", + artName: 'Bouncing Fading Circles', + pageLink: './Art/AyoubIssaad/index.html', + imageLink: './Art/AyoubIssaad/BouncingFadingCircles.gif', + author: 'AyoubIssaad', + githubLink: 'https://github.com/AyoubIssaad' }, { - artName: "5 balls preloader", - pageLink: "./Art/Nnaji-Victor/index.html", - imageLink: "./Art/Nnaji-Victor/5_balls.gif", - author: "Nnaji Victor", - githubLink: "https://github.com/Nnaji-Victor", + artName: '5 balls preloader', + pageLink: './Art/Nnaji-Victor/index.html', + imageLink: './Art/Nnaji-Victor/5_balls.gif', + author: 'Nnaji Victor', + githubLink: 'https://github.com/Nnaji-Victor' }, { - artName: "ZTM Bouncer", - pageLink: "./Art/Josia/bouncer.html", - imageLink: "./Art/Josia/ztmbouncer.gif", - author: "Josia Rodriguez", - githubLink: "https://github.com/josiarod", + artName: 'ZTM Bouncer', + pageLink: './Art/Josia/bouncer.html', + imageLink: './Art/Josia/ztmbouncer.gif', + author: 'Josia Rodriguez', + githubLink: 'https://github.com/josiarod' }, { - artName: "Hacktober loading animation", - pageLink: "./Art/mehul1011/index.html", - imageLink: "./Art/mehul1011/loading.gif", - author: "Mehul1011", - githubLink: "https://github.com/mehul1011", + artName: 'Hacktober loading animation', + pageLink: './Art/mehul1011/index.html', + imageLink: './Art/mehul1011/loading.gif', + author: 'Mehul1011', + githubLink: 'https://github.com/mehul1011' }, { - artName: "Loading Dots", - pageLink: "./Art/devSergiu/index.html", - imageLink: "./Art/devSergiu/loading.gif", - author: "devSergiu", - githubLink: "https://github.com/devsergiu", + artName: 'Loading Dots', + pageLink: './Art/devSergiu/index.html', + imageLink: './Art/devSergiu/loading.gif', + author: 'devSergiu', + githubLink: 'https://github.com/devsergiu' }, { - artName: "TypeWriter effect", - pageLink: "./Art/Sidharth/Typing_Text.html", - imageLink: "./Art/Sidharth/type_writer.gif", - author: "Sidharth", - githubLink: "https://github.com/Sidharth98", + artName: 'TypeWriter effect', + pageLink: './Art/Sidharth/Typing_Text.html', + imageLink: './Art/Sidharth/type_writer.gif', + author: 'Sidharth', + githubLink: 'https://github.com/Sidharth98' }, { - artName: "Blue Spin", - pageLink: "./Art/JamesW/index.html", - imageLink: "./Art/JamesW/hacktober_spin.gif", - author: "James Whitney", - githubLink: "https://github.com/jameswhitney", + artName: 'Blue Spin', + pageLink: './Art/JamesW/index.html', + imageLink: './Art/JamesW/hacktober_spin.gif', + author: 'James Whitney', + githubLink: 'https://github.com/jameswhitney' }, { - artName: "Loading Animation", - pageLink: "./Art/Sidharth/Loading.html", - imageLink: "./Art/Sidharth/Loading.gif", - author: "Sidharth", - githubLink: "https://github.com/Sidharth98", + artName: 'Loading Animation', + pageLink: './Art/Sidharth/Loading.html', + imageLink: './Art/Sidharth/Loading.gif', + author: 'Sidharth', + githubLink: 'https://github.com/Sidharth98' }, { - artName: "Rotation", - pageLink: "./Art/alenanog/index.html", - imageLink: "./Art/alenanog/rotation.gif", - author: "Alena A.", - githubLink: "https://github.com/alenanog", + artName: 'Rotation', + pageLink: './Art/alenanog/index.html', + imageLink: './Art/alenanog/rotation.gif', + author: 'Alena A.', + githubLink: 'https://github.com/alenanog' }, { - artName: "Colors in your life", - pageLink: "./Art/Atipahy/colors.html", - imageLink: "./Art/Atipahy/colors.png", - author: "Christos Chr", - githubLink: "https://github.com/atipaHy", + artName: 'Colors in your life', + pageLink: './Art/Atipahy/colors.html', + imageLink: './Art/Atipahy/colors.png', + author: 'Christos Chr', + githubLink: 'https://github.com/atipaHy' }, { - artName: "Orb", - pageLink: "./Art/Jkbicbic/orb.html", - imageLink: "./Art/Jkbicbic/orb.gif", - author: "John Kennedy Bicbic", - githubLink: "https://github.com/jkbicbic", + artName: 'Orb', + pageLink: './Art/Jkbicbic/orb.html', + imageLink: './Art/Jkbicbic/orb.gif', + author: 'John Kennedy Bicbic', + githubLink: 'https://github.com/jkbicbic' }, { - artName: "Charging...", - pageLink: "./Art/Afraz/charging.html", - imageLink: "./Art/Afraz/charging.gif", - author: "Afraz", - githubLink: "https://github.com/afrazz", + artName: 'Charging...', + pageLink: './Art/Afraz/charging.html', + imageLink: './Art/Afraz/charging.gif', + author: 'Afraz', + githubLink: 'https://github.com/afrazz' }, { - artName: "Charging...", - pageLink: "./Art/DepStep/depstep.html", - imageLink: "./Art/DepStep/depstep.gif", - author: "DepStep", - githubLink: "https://github.com/stephD", + artName: 'Charging...', + pageLink: './Art/DepStep/depstep.html', + imageLink: './Art/DepStep/depstep.gif', + author: 'DepStep', + githubLink: 'https://github.com/stephD' }, { - artName: "Dancing Ball...", - pageLink: "./Art/DaveFres/index.html", - imageLink: "./Art/DaveFres/ball.gif", - author: "DaveFres", - githubLink: "https://github.com/DaveFres", + artName: 'Dancing Ball...', + pageLink: './Art/DaveFres/index.html', + imageLink: './Art/DaveFres/ball.gif', + author: 'DaveFres', + githubLink: 'https://github.com/DaveFres' }, { - artName: "animatron", - pageLink: "./Art/animatron/index.html", - imageLink: "./Art/animatron/trance.gif", - author: "jomahay", - githubLink: "https://github.com/jomahay", + artName: 'animatron', + pageLink: './Art/animatron/index.html', + imageLink: './Art/animatron/trance.gif', + author: 'jomahay', + githubLink: 'https://github.com/jomahay' }, { - artName: "Sunshine", - pageLink: "./Art/Pavelisp/sunshine.html", - imageLink: "./Art/Pavelisp/sunshine.gif", - author: "Pavel Isp", - githubLink: "https://github.com/pavelisp", + artName: 'Sunshine', + pageLink: './Art/Pavelisp/sunshine.html', + imageLink: './Art/Pavelisp/sunshine.gif', + author: 'Pavel Isp', + githubLink: 'https://github.com/pavelisp' }, { - artName: "SoundBoxes", - pageLink: "./Art/Hbarang/SoundBox.html", - imageLink: "./Art/Hbarang/SoundBoxAnimation.gif", - author: "Hbarang", - githubLink: "https://github.com/hbarang", + artName: 'SoundBoxes', + pageLink: './Art/Hbarang/SoundBox.html', + imageLink: './Art/Hbarang/SoundBoxAnimation.gif', + author: 'Hbarang', + githubLink: 'https://github.com/hbarang' }, { - artName: "Cheshire", - pageLink: "./Art/Ckanelin/index.html", - imageLink: "./Art/Ckanelin/Cheshire.gif", - author: "Ckanelin", - githubLink: "https://github.com/ckanelin", + artName: 'Cheshire', + pageLink: './Art/Ckanelin/index.html', + imageLink: './Art/Ckanelin/Cheshire.gif', + author: 'Ckanelin', + githubLink: 'https://github.com/ckanelin' }, { - artName: "Disappear", - pageLink: "./Art/Stacy/index.html", - imageLink: "./Art/Stacy/disappear.gif", - author: "Stacy", - githubLink: "https://github.com/stacyholtz6", + artName: 'Disappear', + pageLink: './Art/Stacy/index.html', + imageLink: './Art/Stacy/disappear.gif', + author: 'Stacy', + githubLink: 'https://github.com/stacyholtz6' }, { - artName: "Ellipse Spinner", - pageLink: "./Art/Sabina/ellipse_spinner.html", - imageLink: "./Art/Sabina/ellipse_spinner.png", - author: "Sabina Abbasova", - githubLink: "https://github.com/sabina929", + artName: 'Ellipse Spinner', + pageLink: './Art/Sabina/ellipse_spinner.html', + imageLink: './Art/Sabina/ellipse_spinner.png', + author: 'Sabina Abbasova', + githubLink: 'https://github.com/sabina929' }, { - artName: "NightSky", - pageLink: "./Art/AndyS/index.html", - imageLink: "./Art/AndyS/Capture.GIF", - author: "AndyS", - githubLink: "https://github.com/AndyS1988", + artName: 'NightSky', + pageLink: './Art/AndyS/index.html', + imageLink: './Art/AndyS/Capture.GIF', + author: 'AndyS', + githubLink: 'https://github.com/AndyS1988' }, { - artName: "Hungry", - pageLink: "./Art/diegchav/index.html", - imageLink: "./Art/diegchav/hungry.gif", - author: "Diego Chz", - githubLink: "https://github.com/diegchav", + artName: 'Hungry', + pageLink: './Art/diegchav/index.html', + imageLink: './Art/diegchav/hungry.gif', + author: 'Diego Chz', + githubLink: 'https://github.com/diegchav' }, { - artName: "Hover Text Animation", - pageLink: "./Art/AyoubIssaad2/index.html", - imageLink: "./Art/AyoubIssaad2/hoverTextAnimation.gif", - author: "AyoubIssaad", - githubLink: "https://github.com/AyoubIssaad", + artName: 'Hover Text Animation', + pageLink: './Art/AyoubIssaad2/index.html', + imageLink: './Art/AyoubIssaad2/hoverTextAnimation.gif', + author: 'AyoubIssaad', + githubLink: 'https://github.com/AyoubIssaad' }, { - artName: "Colorize", - pageLink: "./Art/JimBratsos/colorize.html", - imageLink: "./Art/JimBratsos/Colorize.gif", - author: "Jim Bratsos", - githubLink: "https://github.com/JimBratsos", + artName: 'Colorize', + pageLink: './Art/JimBratsos/colorize.html', + imageLink: './Art/JimBratsos/Colorize.gif', + author: 'Jim Bratsos', + githubLink: 'https://github.com/JimBratsos' }, { - artName: "Hacktober Spooktacular", - pageLink: "Art/Elex/index.html", - imageLink: ["./Art/Elex/hhs.gif"], - author: "William Poisel (LordCobra)", - githubLink: "https://github.com/epoisel", + artName: 'Hacktober Spooktacular', + pageLink: 'Art/Elex/index.html', + imageLink: ['./Art/Elex/hhs.gif'], + author: 'William Poisel (LordCobra)', + githubLink: 'https://github.com/epoisel' }, { - artName: "Circley", - pageLink: "./Art/Tranjenny/indexjenny.html", - imageLink: "./Art/Tranjenny/zerojenny.gif", - author: "Tranjenny", - githubLink: "https://github.com/Tranjenny", + artName: 'Circley', + pageLink: './Art/Tranjenny/indexjenny.html', + imageLink: './Art/Tranjenny/zerojenny.gif', + author: 'Tranjenny', + githubLink: 'https://github.com/Tranjenny' }, { - artName: "My Vietnam", - pageLink: "./Art/nhbduy/index.html", - imageLink: "./Art/nhbduy/my-vietnam.gif", - author: "Hoang-Bao-Duy NGUYEN", - githubLink: "https://github.com/nhbduy", + artName: 'My Vietnam', + pageLink: './Art/nhbduy/index.html', + imageLink: './Art/nhbduy/my-vietnam.gif', + author: 'Hoang-Bao-Duy NGUYEN', + githubLink: 'https://github.com/nhbduy' }, { - artName: "Hactoberfest Bus", - pageLink: "./Art/shahpranaf/index.html", - imageLink: "./Art/shahpranaf/hacktoberfest_bus.gif", - author: "Pranav Shah", - githubLink: "https://github.com/shahpranaf", + artName: 'Hactoberfest Bus', + pageLink: './Art/shahpranaf/index.html', + imageLink: './Art/shahpranaf/hacktoberfest_bus.gif', + author: 'Pranav Shah', + githubLink: 'https://github.com/shahpranaf' }, { - artName: "Hacktoberfest", - pageLink: "./Art/robihid/index.html", - imageLink: "./Art/robihid/hacktoberfest.png", - author: "robihid", - githubLink: "https://github.com/robihid", + artName: 'Hacktoberfest', + pageLink: './Art/robihid/index.html', + imageLink: './Art/robihid/hacktoberfest.png', + author: 'robihid', + githubLink: 'https://github.com/robihid' }, { - artName: "Hi there", - pageLink: "./Art/Aki/index.html", - imageLink: "./Art/Aki/giphy.gif", - author: "Aki", - githubLink: "https://github.com/akmalist", + artName: 'Hi there', + pageLink: './Art/Aki/index.html', + imageLink: './Art/Aki/giphy.gif', + author: 'Aki', + githubLink: 'https://github.com/akmalist' }, { - artName: "3D css animation", - pageLink: "./Art/animationtion/index.html", - imageLink: "./Art/animation/css3drotate.gif", - author: "christ", - githubLink: "https://github.com/christ-87", + artName: '3D css animation', + pageLink: './Art/animationtion/index.html', + imageLink: './Art/animation/css3drotate.gif', + author: 'christ', + githubLink: 'https://github.com/christ-87' }, { - artName: "Hacktoberfest 2019!", - pageLink: "./Art/RedSquirrrel/index.html", - imageLink: "./Art/RedSquirrrel/index.html/animation.PNG", - author: "RedSquirrrel", - githubLink: "https://github.com/RedSquirrrel", + artName: 'Hacktoberfest 2019!', + pageLink: './Art/RedSquirrrel/index.html', + imageLink: './Art/RedSquirrrel/index.html/animation.PNG', + author: 'RedSquirrrel', + githubLink: 'https://github.com/RedSquirrrel' }, { - artName: "Sliding text", - pageLink: "./Art/Flattopz/index.html", - imageLink: "./Art/Flattopz/SlidingText.gif", - author: "Flattopz", - githubLink: "https://github.com/hjpunzalan", + artName: 'Sliding text', + pageLink: './Art/Flattopz/index.html', + imageLink: './Art/Flattopz/SlidingText.gif', + author: 'Flattopz', + githubLink: 'https://github.com/hjpunzalan' }, { - artName: "Rainbow Color Changer", - pageLink: "./Art/mmshr/index.html", - imageLink: "./Art/mmshr/rainbow.gif", - author: "mmosehauer", - githubLink: "https://github.com/mmosehauer", + artName: 'Rainbow Color Changer', + pageLink: './Art/mmshr/index.html', + imageLink: './Art/mmshr/rainbow.gif', + author: 'mmosehauer', + githubLink: 'https://github.com/mmosehauer' }, { - artName: "World of Coding", - pageLink: "./Art/tom_kn/coding.html", - imageLink: "./Art/tom_kn/coding.gif", - author: "Tamas Knisz", - githubLink: "https://github.com/TamasKn", + artName: 'World of Coding', + pageLink: './Art/tom_kn/coding.html', + imageLink: './Art/tom_kn/coding.gif', + author: 'Tamas Knisz', + githubLink: 'https://github.com/TamasKn' }, { - artName: "Initial Bounce", - pageLink: "./Art/Juwana/initial.html", - imageLink: "./Art/Juwana/InitialBounce.gif", - author: "Juwana", - githubLink: "https://github.com/JZerman2018", + artName: 'Initial Bounce', + pageLink: './Art/Juwana/initial.html', + imageLink: './Art/Juwana/InitialBounce.gif', + author: 'Juwana', + githubLink: 'https://github.com/JZerman2018' }, { - artName: "Atom", - pageLink: "./Art/Teva/index.html", - imageLink: "./Art/Teva/atom.gif", - author: "Teva", - githubLink: "https://github.com/TevaHenry", + artName: 'Atom', + pageLink: './Art/Teva/index.html', + imageLink: './Art/Teva/atom.gif', + author: 'Teva', + githubLink: 'https://github.com/TevaHenry' }, { - artName: "Be Awesome", - pageLink: "./Art/TigerAsH/index.html", - imageLink: "./Art/TigerAsH/be-awesome.jpg", - author: "TigerAsH", - githubLink: "https://github.com/TigerAsH94", + artName: 'Be Awesome', + pageLink: './Art/TigerAsH/index.html', + imageLink: './Art/TigerAsH/be-awesome.jpg', + author: 'TigerAsH', + githubLink: 'https://github.com/TigerAsH94' }, { - artName: "Rainbow Colors", - pageLink: "./Art/Sanjeev/index.html", - imageLink: "./Art/Sanjeev/animation.gif", - author: "Sanjeev Panday", - githubLink: "https://github.com/Sanjeev-Panday", + artName: 'Rainbow Colors', + pageLink: './Art/Sanjeev/index.html', + imageLink: './Art/Sanjeev/animation.gif', + author: 'Sanjeev Panday', + githubLink: 'https://github.com/Sanjeev-Panday' }, { - artName: "ZtM", - pageLink: "./Art/thoyvo/index.html", - imageLink: "./Art/thoyvo/ztm.gif", - author: "Thoyvo", - githubLink: "https://github.com/thoyvo", + artName: 'ZtM', + pageLink: './Art/thoyvo/index.html', + imageLink: './Art/thoyvo/ztm.gif', + author: 'Thoyvo', + githubLink: 'https://github.com/thoyvo' }, { - artName: "Fast Fishes", - pageLink: "./Art/4ront/index.html", - imageLink: "./Art/4ront/fishes.gif", - author: "4rontender", - githubLink: "https://github.com/RinatValiullov", + artName: 'Fast Fishes', + pageLink: './Art/4ront/index.html', + imageLink: './Art/4ront/fishes.gif', + author: '4rontender', + githubLink: 'https://github.com/RinatValiullov' }, { - artName: "Loading...", - pageLink: "./Art/RedSquirrrel2/loading.html", - imageLink: "./Art/RedSquirrrel2/loading.gif", - author: "RedSquirrrel", - githubLink: "https://github.com/RedSquirrrel", + artName: 'Loading...', + pageLink: './Art/RedSquirrrel2/loading.html', + imageLink: './Art/RedSquirrrel2/loading.gif', + author: 'RedSquirrrel', + githubLink: 'https://github.com/RedSquirrrel' }, { - artName: "Animated Cube", - pageLink: "./Art/Animated Cube/index.html", - imageLink: "./Art/Animated Cube/cube.gif", - author: "RedSquirrrel", - githubLink: "https://github.com/RedSquirrrel", + artName: 'Animated Cube', + pageLink: './Art/Animated Cube/index.html', + imageLink: './Art/Animated Cube/cube.gif', + author: 'RedSquirrrel', + githubLink: 'https://github.com/RedSquirrrel' }, { - artName: "Calm Ubuntu", - pageLink: "./Art/schupat/index.html", - imageLink: "./Art/schupat/preview.gif", - author: "schupat", - githubLink: "https://github.com/schupat", + artName: 'Calm Ubuntu', + pageLink: './Art/schupat/index.html', + imageLink: './Art/schupat/preview.gif', + author: 'schupat', + githubLink: 'https://github.com/schupat' }, { - artName: "Solar System", - pageLink: "./Art/DSandberg93/index.html", - imageLink: "./Art/DSandberg93/SolarSystem.gif", - author: "DSandberg93", - githubLink: "https://github.com/DSandberg93", + artName: 'Solar System', + pageLink: './Art/DSandberg93/index.html', + imageLink: './Art/DSandberg93/SolarSystem.gif', + author: 'DSandberg93', + githubLink: 'https://github.com/DSandberg93' }, { - artName: "Boo", - pageLink: "./Art/VerityB/index.html", - imageLink: "./Art/VerityB/boo.gif", - author: "VerityB", - githubLink: "https://github.com/VerityB", + artName: 'Boo', + pageLink: './Art/VerityB/index.html', + imageLink: './Art/VerityB/boo.gif', + author: 'VerityB', + githubLink: 'https://github.com/VerityB' }, { - artName: "Hacktoberfest Ghost", - pageLink: "./Art/cTahirih/index.html", - imageLink: "./Art/cTahirih/ghost.png", - author: "cTahirih", - githubLink: "https://github.com/cTahirih", + artName: 'Hacktoberfest Ghost', + pageLink: './Art/cTahirih/index.html', + imageLink: './Art/cTahirih/ghost.png', + author: 'cTahirih', + githubLink: 'https://github.com/cTahirih' }, { - artName: "Clock", - pageLink: "./Art/Abdul/index.html", - imageLink: "./Art/Abdul/Clock.png", - author: "Abdul Rahman", - githubLink: "https://github.com/abdulrahman118", + artName: 'Clock', + pageLink: './Art/Abdul/index.html', + imageLink: './Art/Abdul/Clock.png', + author: 'Abdul Rahman', + githubLink: 'https://github.com/abdulrahman118' }, { - artName: "Loading Cube", - pageLink: "./Art/andrearizzello/index.html", - imageLink: "./Art/andrearizzello/index.gif", - author: "Andrea Rizzello", - githubLink: "https://github.com/andrearizzello", + artName: 'Loading Cube', + pageLink: './Art/andrearizzello/index.html', + imageLink: './Art/andrearizzello/index.gif', + author: 'Andrea Rizzello', + githubLink: 'https://github.com/andrearizzello' }, { - artName: "Wall Dropping Logo", - pageLink: "./Art/shivams136/index.html", - imageLink: "./Art/shivams136/walldrop.gif", - author: "Shivam Sharma", - githubLink: "https://github.com/ShivamS136", + artName: 'Wall Dropping Logo', + pageLink: './Art/shivams136/index.html', + imageLink: './Art/shivams136/walldrop.gif', + author: 'Shivam Sharma', + githubLink: 'https://github.com/ShivamS136' }, { - artName: "Infinite Race", - pageLink: "./Art/levermanx/index.html", - imageLink: "./Art/levermanx/anim.gif", - author: "Levermanx", - githubLink: "https://github.com/levermanx", + artName: 'Infinite Race', + pageLink: './Art/levermanx/index.html', + imageLink: './Art/levermanx/anim.gif', + author: 'Levermanx', + githubLink: 'https://github.com/levermanx' }, { - artName: "Hover to Rotate Text", - pageLink: "./Art/faiz_hameed/index.html", - imageLink: "./Art/faiz_hameed/hackto.gif", - author: "Faiz Hameed", - githubLink: "https://github.com/faizhameed", + artName: 'Hover to Rotate Text', + pageLink: './Art/faiz_hameed/index.html', + imageLink: './Art/faiz_hameed/hackto.gif', + author: 'Faiz Hameed', + githubLink: 'https://github.com/faizhameed' }, { - artName: "HalloHacktober Greeting!", - pageLink: "./Art/lusalga/index.html", - imageLink: "./Art/lusalga/lu.gif", - author: "Lucieni A. Saldanha", - githubLink: "https://github.com/lusalga/", + artName: 'HalloHacktober Greeting!', + pageLink: './Art/lusalga/index.html', + imageLink: './Art/lusalga/lu.gif', + author: 'Lucieni A. Saldanha', + githubLink: 'https://github.com/lusalga/' }, { - artName: "Time goes by", - pageLink: "./Art/WolfgangKreminger/index.html", - imageLink: "./Art/WolfgangKreminger/showcase.gif", - author: "Wolfgang Kreminger", - githubLink: "https://github.com/r4pt0s", + artName: 'Time goes by', + pageLink: './Art/WolfgangKreminger/index.html', + imageLink: './Art/WolfgangKreminger/showcase.gif', + author: 'Wolfgang Kreminger', + githubLink: 'https://github.com/r4pt0s' }, { - artName: "Bouncing Text!", - pageLink: "./Art/AbdulsalamAbdulrahman/index.html", - imageLink: "./Art/AbdulsalamAbdulrahman/Bouncingtxt.gif", - author: "Abdulsalam Abdulrahman", - githubLink: "https://github.com/AbdulsalamAbdulrahman/", + artName: 'Bouncing Text!', + pageLink: './Art/AbdulsalamAbdulrahman/index.html', + imageLink: './Art/AbdulsalamAbdulrahman/Bouncingtxt.gif', + author: 'Abdulsalam Abdulrahman', + githubLink: 'https://github.com/AbdulsalamAbdulrahman/' }, { - artName: "Simple Phone Animation", - pageLink: "./Art/Lala/index.html", - imageLink: "./Art/Lala/phone.gif", - author: "Olamide Aboyeji", - githubLink: "https://github.com/aolamide", + artName: 'Simple Phone Animation', + pageLink: './Art/Lala/index.html', + imageLink: './Art/Lala/phone.gif', + author: 'Olamide Aboyeji', + githubLink: 'https://github.com/aolamide' }, { - artName: "Synthwave Sunset", - pageLink: "./Art/brunobolting/index.html", - imageLink: "./Art/brunobolting/synthwave-sunset.gif", - author: "Bruno Bolting", - githubLink: "https://github.com/brunobolting/", + artName: 'Synthwave Sunset', + pageLink: './Art/brunobolting/index.html', + imageLink: './Art/brunobolting/synthwave-sunset.gif', + author: 'Bruno Bolting', + githubLink: 'https://github.com/brunobolting/' }, { - artName: "That Animation", - pageLink: "./Art/MaKloudz/index.html", - imageLink: "./Art/MaKloudz/dat-animation.gif", - author: "Blessing Mutava", - githubLink: "https://github.com/MaKloudz", + artName: 'That Animation', + pageLink: './Art/MaKloudz/index.html', + imageLink: './Art/MaKloudz/dat-animation.gif', + author: 'Blessing Mutava', + githubLink: 'https://github.com/MaKloudz' }, { - artName: "animatron", - pageLink: "./Art/animatron/index.html", - imageLink: "./Art/animatron/trance.gif", - author: "nick981837", - githubLink: "https://github.com/nick981837", + artName: 'animatron', + pageLink: './Art/animatron/index.html', + imageLink: './Art/animatron/trance.gif', + author: 'nick981837', + githubLink: 'https://github.com/nick981837' }, { - artName: "abhishek9686", - pageLink: "./Art/abhishek9686/index.html", - imageLink: "./Art/abhishek9686/loading.gif", - author: "abhishek9686", - githubLink: "https://github.com/abhishek9686", + artName: 'abhishek9686', + pageLink: './Art/abhishek9686/index.html', + imageLink: './Art/abhishek9686/loading.gif', + author: 'abhishek9686', + githubLink: 'https://github.com/abhishek9686' }, { - artName: "Animecircles", - pageLink: "./Art/Animecircles/index.html", - imageLink: "./Art/animatron/", - author: "Geamoding", - githubLink: "https://github.com/gilbertekalea", + artName: 'Animecircles', + pageLink: './Art/Animecircles/index.html', + imageLink: './Art/animatron/', + author: 'Geamoding', + githubLink: 'https://github.com/gilbertekalea' }, { - artName: "Italy Flag", - pageLink: "./Art/DanAnim/index.html", - imageLink: "", - author: "Daniele", - githubLink: "https://github.com/DanieleTursi", + artName: 'Italy Flag', + pageLink: './Art/DanAnim/index.html', + imageLink: '', + author: 'Daniele', + githubLink: 'https://github.com/DanieleTursi' }, { - artName: "ZTM Animation", - pageLink: "./Art/EricPuskas/index.html", - imageLink: "./Art/EricPuskas/index.gif", - author: "Eric Puskas", - githubLink: "https://github.com/EricPuskas", + artName: 'ZTM Animation', + pageLink: './Art/EricPuskas/index.html', + imageLink: './Art/EricPuskas/index.gif', + author: 'Eric Puskas', + githubLink: 'https://github.com/EricPuskas' }, { - artName: "LSD Rainbow Trip: Phase 1", - pageLink: "./Art/AbsMechanik/index.html", - imageLink: "./Art/AbsMechanik/AbsMechanik_Animation.gif", - author: "AbsMechanik", - githubLink: "https://github.com/AbsMechanik", + artName: 'LSD Rainbow Trip: Phase 1', + pageLink: './Art/AbsMechanik/index.html', + imageLink: './Art/AbsMechanik/AbsMechanik_Animation.gif', + author: 'AbsMechanik', + githubLink: 'https://github.com/AbsMechanik' }, { - artName: "Christmas Lights", - pageLink: "./Art/Futuregit/index.html", - imageLink: "./Art/Futuregit/Christmas-Lights.gif", - author: "Futuregit", - githubLink: "https://github.com/Futuregit", + artName: 'Christmas Lights', + pageLink: './Art/Futuregit/index.html', + imageLink: './Art/Futuregit/Christmas-Lights.gif', + author: 'Futuregit', + githubLink: 'https://github.com/Futuregit' }, { - artName: "Fruit Dancing", - pageLink: "./Art/carlacentenor/index.html", - imageLink: "./Art/carlacentenor/fruit.gif", - author: "carlacentenor", - githubLink: "https://github.com/carlacentenor", + artName: 'Fruit Dancing', + pageLink: './Art/carlacentenor/index.html', + imageLink: './Art/carlacentenor/fruit.gif', + author: 'carlacentenor', + githubLink: 'https://github.com/carlacentenor' }, { - artName: "Spooktober Hacktoberfest", - pageLink: "./Art/FredAmartey/index.html", - imageLink: "./Art/FredAmartey/thumbnaill.gif", - author: "Fred Amartey", - githubLink: "https://github.com/FredAmartey", + artName: 'Spooktober Hacktoberfest', + pageLink: './Art/FredAmartey/index.html', + imageLink: './Art/FredAmartey/thumbnaill.gif', + author: 'Fred Amartey', + githubLink: 'https://github.com/FredAmartey' }, { - artName: "Star Wars?", - pageLink: "./Art/henryvalbuena/index.html", - imageLink: "./Art/henryvalbuena/index.gif", - author: "Henry Valbuena", - githubLink: "https://github.com/henryvalbuena", + artName: 'Star Wars?', + pageLink: './Art/henryvalbuena/index.html', + imageLink: './Art/henryvalbuena/index.gif', + author: 'Henry Valbuena', + githubLink: 'https://github.com/henryvalbuena' }, { - artName: "UFO", - pageLink: "./Art/UFO/index.html", - imageLink: "./Art/UFO/UFO.png", - author: "Abhinav Singh @abhinav9910", - githubLink: "https://github.com/abhinav9910", + artName: 'UFO', + pageLink: './Art/UFO/index.html', + imageLink: './Art/UFO/UFO.png', + author: 'Abhinav Singh @abhinav9910', + githubLink: 'https://github.com/abhinav9910' }, { - artName: "The Ripple", - pageLink: "./Art/Anmol2/index.html", - imageLink: "./Art/Anmol2/ripple.png", - author: "Anmol", - githubLink: "https://github.com/Anmol270900", + artName: 'The Ripple', + pageLink: './Art/Anmol2/index.html', + imageLink: './Art/Anmol2/ripple.png', + author: 'Anmol', + githubLink: 'https://github.com/Anmol270900' }, { - artName: "Rainbow loader", - pageLink: "./Art/ka-hn/rainbow.html", - imageLink: "./Art/ka-hn/rainbow.gif", - author: "Karim Hussain", - githubLink: "https://github.com/ka-hn", + artName: 'Rainbow loader', + pageLink: './Art/ka-hn/rainbow.html', + imageLink: './Art/ka-hn/rainbow.gif', + author: 'Karim Hussain', + githubLink: 'https://github.com/ka-hn' }, { - artName: "Action Cam", - pageLink: "./Art/Donovan/index.html", - imageLink: "./Art/Donovan/pureCSS-animation.gif", - author: "Donovan Hunter", - githubLink: "https://github.com/dhdcode", + artName: 'Action Cam', + pageLink: './Art/Donovan/index.html', + imageLink: './Art/Donovan/pureCSS-animation.gif', + author: 'Donovan Hunter', + githubLink: 'https://github.com/dhdcode' }, { - artName: "The Sun", - pageLink: "./Art/Anmol/index.html", - imageLink: "./Art/Anmol/sun.png", - author: "Anmol", - githubLink: "https://github.com/Anmol270900", + artName: 'The Sun', + pageLink: './Art/Anmol/index.html', + imageLink: './Art/Anmol/sun.png', + author: 'Anmol', + githubLink: 'https://github.com/Anmol270900' }, { - artName: "Flashing Pumpkin", - pageLink: "./Art/KatrinaRose14/index.html", - imageLink: "./Art/KatrinaRose14/FlashingPumpkin.gif", - author: "Katrina Yates", - githubLink: "https://github.com/KatrinaRose14", + artName: 'Flashing Pumpkin', + pageLink: './Art/KatrinaRose14/index.html', + imageLink: './Art/KatrinaRose14/FlashingPumpkin.gif', + author: 'Katrina Yates', + githubLink: 'https://github.com/KatrinaRose14' }, { - artName: "Flipbox", - pageLink: "./Art/Prasheel/index.html", - imageLink: "./Art/Prasheel/flip.gif", - author: "Prasheel Soni", - githubLink: "https://github.com/ps011", + artName: 'Flipbox', + pageLink: './Art/Prasheel/index.html', + imageLink: './Art/Prasheel/flip.gif', + author: 'Prasheel Soni', + githubLink: 'https://github.com/ps011' }, { - artName: "2019 Wave", - pageLink: "./Art/chris-aqui/index.html", - imageLink: "./Art/chris-aqui/2019-jump.gif", - author: "Christine Aqui", - githubLink: "https://github.com/christine-aqui", + artName: '2019 Wave', + pageLink: './Art/chris-aqui/index.html', + imageLink: './Art/chris-aqui/2019-jump.gif', + author: 'Christine Aqui', + githubLink: 'https://github.com/christine-aqui' }, { - artName: "Hover Button Animation", - pageLink: "./Art/Vipul/hover.html", - imageLink: "./Art/Vipul/Screenshot2.png", - author: "Vipul", - githubLink: "https://github.com/vipuljain08", + artName: 'Hover Button Animation', + pageLink: './Art/Vipul/hover.html', + imageLink: './Art/Vipul/Screenshot2.png', + author: 'Vipul', + githubLink: 'https://github.com/vipuljain08' }, { - artName: "Start From Zero", - pageLink: "./Art/Robihdy/index.html", - imageLink: "./Art/Robihdy/start-from-zero.png", - author: "Robihdy", - githubLink: "https://github.com/Robihdy", + artName: 'Start From Zero', + pageLink: './Art/Robihdy/index.html', + imageLink: './Art/Robihdy/start-from-zero.png', + author: 'Robihdy', + githubLink: 'https://github.com/Robihdy' }, { - artName: "Local Host metaphor", - pageLink: "./Art/Akbar-Cyber/index.html", - imageLink: "./Art/Prateek/localhost.png", - author: "Prateek", - githubLink: "https://github.com/prateekpatrick", + artName: 'Local Host metaphor', + pageLink: './Art/Akbar-Cyber/index.html', + imageLink: './Art/Prateek/localhost.png', + author: 'Prateek', + githubLink: 'https://github.com/prateekpatrick' }, { - artName: "Akbar-Cyber", - pageLink: "./Art/Akbar-Cyber/index.html", - imageLink: "./Art/Akbar-Cyber/akbar.gif", - author: "Akbar", - githubLink: "https://github.com/Akbar-Cyber", + artName: 'Akbar-Cyber', + pageLink: './Art/Akbar-Cyber/index.html', + imageLink: './Art/Akbar-Cyber/akbar.gif', + author: 'Akbar', + githubLink: 'https://github.com/Akbar-Cyber' }, { - artName: "Sliding Lines", - pageLink: "./Art/erics0n/sliding-lines/index.html", - imageLink: "./Art/erics0n/sliding-lines/image.gif", - author: "erics0n", - githubLink: "https://github.com/erics0n", + artName: 'Sliding Lines', + pageLink: './Art/erics0n/sliding-lines/index.html', + imageLink: './Art/erics0n/sliding-lines/image.gif', + author: 'erics0n', + githubLink: 'https://github.com/erics0n' }, { - artName: "Triangle", - pageLink: "./Art/Joy/triangle/triangle.html", - imageLink: "./Art/Joy/triangle/triangle.gif", - author: "Joy", - githubLink: "https://github.com/royranger", + artName: 'Triangle', + pageLink: './Art/Joy/triangle/triangle.html', + imageLink: './Art/Joy/triangle/triangle.gif', + author: 'Joy', + githubLink: 'https://github.com/royranger' }, { - artName: "Cube", - pageLink: "./Art/Joy/cube/cube.html", - imageLink: "./Art/Joy/cube/cube.gif", - author: "Joy", - githubLink: "https://github.com/royranger", + artName: 'Cube', + pageLink: './Art/Joy/cube/cube.html', + imageLink: './Art/Joy/cube/cube.gif', + author: 'Joy', + githubLink: 'https://github.com/royranger' }, { - artName: "Burger Menu", - pageLink: "./Art/mctrl/burger.html", - imageLink: "./Art/mctrl/burger.gif", - author: "Martina", - githubLink: "https://github.com/mctrl", + artName: 'Burger Menu', + pageLink: './Art/mctrl/burger.html', + imageLink: './Art/mctrl/burger.gif', + author: 'Martina', + githubLink: 'https://github.com/mctrl' }, { - artName: "Square Loader", - pageLink: "./Art/Hemant/index.html", - imageLink: "./Art/Hemant/loader.gif", - author: "Hemant Garg", - githubLink: "https://github.com/hemant-garg", + artName: 'Square Loader', + pageLink: './Art/Hemant/index.html', + imageLink: './Art/Hemant/loader.gif', + author: 'Hemant Garg', + githubLink: 'https://github.com/hemant-garg' }, { - artName: "wake up, neo...", - pageLink: "./Art/samirjouni/TributeToTheMatrix.html", - imageLink: "./Art/samirjouni/sample.gif", - author: "Samir Jouni", - githubLink: "https://github.com/samirjouni", + artName: 'wake up, neo...', + pageLink: './Art/samirjouni/TributeToTheMatrix.html', + imageLink: './Art/samirjouni/sample.gif', + author: 'Samir Jouni', + githubLink: 'https://github.com/samirjouni' }, { - artName: "Tribute To COD4MW", - pageLink: "./Art/samirjouni2/index.html", - imageLink: "./Art/samirjouni2/sample.gif", - author: "Samir Jouni", - githubLink: "https://github.com/samirjouni", + artName: 'Tribute To COD4MW', + pageLink: './Art/samirjouni2/index.html', + imageLink: './Art/samirjouni2/sample.gif', + author: 'Samir Jouni', + githubLink: 'https://github.com/samirjouni' }, { - artName: "Planet", - pageLink: "./Art/ArthurDoom/planet.html", - imageLink: "./Art/ArthurDoom/planet.gif", - author: "ArthurDoom", - githubLink: "https://github.com/ArthurDoom", + artName: 'Planet', + pageLink: './Art/ArthurDoom/planet.html', + imageLink: './Art/ArthurDoom/planet.gif', + author: 'ArthurDoom', + githubLink: 'https://github.com/ArthurDoom' }, { - artName: "SquarPy", - pageLink: "./Art/Utkarsh/index.html", - imageLink: "./Art/Utkarsh/hack.gif", - author: "utkarsh", - githubLink: "https://github.com/Utkarsh2604", + artName: 'SquarPy', + pageLink: './Art/Utkarsh/index.html', + imageLink: './Art/Utkarsh/hack.gif', + author: 'utkarsh', + githubLink: 'https://github.com/Utkarsh2604' }, { - artName: "Circle", - pageLink: "./Art/Oliver/Circle.html", - imageLink: "./Art/Oliver/circle.gif", - author: "Oliver", - githubLink: "https://github.com/oliver-gomes", + artName: 'Circle', + pageLink: './Art/Oliver/Circle.html', + imageLink: './Art/Oliver/circle.gif', + author: 'Oliver', + githubLink: 'https://github.com/oliver-gomes' }, { - artName: "Ellipse Loader", - pageLink: "./Art/VaibhavKhulbe/EllipseLoader.html", - imageLink: "./Art/VaibhavKhulbe/ellipseLoader.gif", - author: "Vaibhav Khulbe", - githubLink: "https://github.com/Kvaibhav01", + artName: 'Ellipse Loader', + pageLink: './Art/VaibhavKhulbe/EllipseLoader.html', + imageLink: './Art/VaibhavKhulbe/ellipseLoader.gif', + author: 'Vaibhav Khulbe', + githubLink: 'https://github.com/Kvaibhav01' }, { - artName: "Simple Loader", - pageLink: "./Art/soumsps/simpleload.html", - imageLink: "./Art/soumsps/sample.gif", - author: "Soumendu Sinha", - githubLink: "https://github.com/soumsps", + artName: 'Simple Loader', + pageLink: './Art/soumsps/simpleload.html', + imageLink: './Art/soumsps/sample.gif', + author: 'Soumendu Sinha', + githubLink: 'https://github.com/soumsps' }, { - artName: "Rollodex", - pageLink: "./Art/Shruti/rolling.html", - imageLink: "./Art/Shruti/rolling.gif", - author: "Shruti", - githubLink: "https://github.com/shruti49", + artName: 'Rollodex', + pageLink: './Art/Shruti/rolling.html', + imageLink: './Art/Shruti/rolling.gif', + author: 'Shruti', + githubLink: 'https://github.com/shruti49' }, { - artName: "Cute Cat", - pageLink: "./Art/Alghi/cat.html", - imageLink: "./Art/Alghi/cat.gif", - author: "Alghi", - githubLink: "https://github.com/darklordace", + artName: 'Cute Cat', + pageLink: './Art/Alghi/cat.html', + imageLink: './Art/Alghi/cat.gif', + author: 'Alghi', + githubLink: 'https://github.com/darklordace' }, { - artName: "ZtM Text", - pageLink: "./Art/Di4iMoRtAl/ZtM_text_animation.html", - imageLink: "./Art/Di4iMoRtAl/ZtM_animation.gif", - author: "Di4iMoRtAl", - githubLink: "https://github.com/dppeykov", + artName: 'ZtM Text', + pageLink: './Art/Di4iMoRtAl/ZtM_text_animation.html', + imageLink: './Art/Di4iMoRtAl/ZtM_animation.gif', + author: 'Di4iMoRtAl', + githubLink: 'https://github.com/dppeykov' }, { - artName: "Circles", - pageLink: "./Art/Bhuvana/circles.html", - imageLink: "./Art/Bhuvana/circles.gif", - author: "Bhuvana", - githubLink: "https://github.com/bhuvana-guna", + artName: 'Circles', + pageLink: './Art/Bhuvana/circles.html', + imageLink: './Art/Bhuvana/circles.gif', + author: 'Bhuvana', + githubLink: 'https://github.com/bhuvana-guna' }, { - artName: "Bird", - pageLink: "./Art/Bhuvana/bird.html", - imageLink: "./Art/Bhuvana/bird.gif", - author: "Bhuvana", - githubLink: "https://github.com/bhuvana-guna", + artName: 'Bird', + pageLink: './Art/Bhuvana/bird.html', + imageLink: './Art/Bhuvana/bird.gif', + author: 'Bhuvana', + githubLink: 'https://github.com/bhuvana-guna' }, { - artName: "Loader", - pageLink: "./Art/Bhuvana/loader.html", - imageLink: "./Art/Bhuvana/loader.gif", - author: "Bhuvana", - githubLink: "https://github.com/bhuvana-guna", + artName: 'Loader', + pageLink: './Art/Bhuvana/loader.html', + imageLink: './Art/Bhuvana/loader.gif', + author: 'Bhuvana', + githubLink: 'https://github.com/bhuvana-guna' }, { - artName: "Simple blinking loading circles", - pageLink: "./Art/Rahul/index.html", - imageLink: "./Art/Rahul/loading.gif", - author: "Rahul", - githubLink: "https://github.com/kohli6010", + artName: 'Simple blinking loading circles', + pageLink: './Art/Rahul/index.html', + imageLink: './Art/Rahul/loading.gif', + author: 'Rahul', + githubLink: 'https://github.com/kohli6010' }, { - artName: "Css Pulse", - pageLink: "./Art/Aszmel/pulse.html", - imageLink: "./Art/Aszmel/css_pulse.gif", - author: "Aszmel", - githubLink: "https://github.com/Aszmel", + artName: 'Css Pulse', + pageLink: './Art/Aszmel/pulse.html', + imageLink: './Art/Aszmel/css_pulse.gif', + author: 'Aszmel', + githubLink: 'https://github.com/Aszmel' }, { - artName: "Circle Bounce", - pageLink: "./Art/Edmund/index.html", - imageLink: "./Art/Edmund/circle-bounce.gif", - author: "Edmund", - githubLink: "https://github.com/edmund1645", + artName: 'Circle Bounce', + pageLink: './Art/Edmund/index.html', + imageLink: './Art/Edmund/circle-bounce.gif', + author: 'Edmund', + githubLink: 'https://github.com/edmund1645' }, { - artName: "Heart Beating", - pageLink: "./Art/Regem/index.html", - imageLink: "./Art/Regem/heart.jpg", - author: "Regem", - githubLink: "https://github.com/GemzBond", + artName: 'Heart Beating', + pageLink: './Art/Regem/index.html', + imageLink: './Art/Regem/heart.jpg', + author: 'Regem', + githubLink: 'https://github.com/GemzBond' }, { - artName: "Fading Circles", - pageLink: "./Art/Ankit/fadeCircle.html", - imageLink: "./Art/Ankit/fadeCircles.png", - author: "Ankit Srivastava", - githubLink: "https://github.com/a18nov", + artName: 'Fading Circles', + pageLink: './Art/Ankit/fadeCircle.html', + imageLink: './Art/Ankit/fadeCircles.png', + author: 'Ankit Srivastava', + githubLink: 'https://github.com/a18nov' }, { - artName: "Hacktoberfest 2019", - pageLink: "./Art/jpk3lly/animation.html", - imageLink: "./Art/jpk3lly/JPs_Animation_GIF.gif", - author: "jpk3lly", - githubLink: "https://github.com/jpk3lly", + artName: 'Hacktoberfest 2019', + pageLink: './Art/jpk3lly/animation.html', + imageLink: './Art/jpk3lly/JPs_Animation_GIF.gif', + author: 'jpk3lly', + githubLink: 'https://github.com/jpk3lly' }, { - artName: "Name Rotator", - pageLink: "./Art/Meet/name.html", - imageLink: "./Art/Meet/name.gif", - author: "Meet", - githubLink: "https://github.com/Meet1103", + artName: 'Name Rotator', + pageLink: './Art/Meet/name.html', + imageLink: './Art/Meet/name.gif', + author: 'Meet', + githubLink: 'https://github.com/Meet1103' }, { - artName: "Ball Rotator", - pageLink: "./Art/Bibekpreet/index.html", - imageLink: "./Art/Bibekpreet/ball.gif", - author: "Bibekpreet", - githubLink: "https://github.com/bibekpreet99", + artName: 'Ball Rotator', + pageLink: './Art/Bibekpreet/index.html', + imageLink: './Art/Bibekpreet/ball.gif', + author: 'Bibekpreet', + githubLink: 'https://github.com/bibekpreet99' }, { - artName: "ephiphany", - pageLink: "./Art/OctavianIlies/index.html", - imageLink: "./Art/OctavianIlies/ephiphany.gif", - author: "OctavianIlies", - githubLink: "https://github.com/OctavianIlies", + artName: 'ephiphany', + pageLink: './Art/OctavianIlies/index.html', + imageLink: './Art/OctavianIlies/ephiphany.gif', + author: 'OctavianIlies', + githubLink: 'https://github.com/OctavianIlies' }, { - artName: "Loading", - pageLink: "./Art/jh1992jh/loading.html", - imageLink: "./Art/jh1992jh/loading.gif", - author: "jh1992jh", - githubLink: "https://github.com/jh1992jh", + artName: 'Loading', + pageLink: './Art/jh1992jh/loading.html', + imageLink: './Art/jh1992jh/loading.gif', + author: 'jh1992jh', + githubLink: 'https://github.com/jh1992jh' }, { - artName: "ZTM Colors", - pageLink: "./Art/Godnon/index.html", - imageLink: "./Art/Godnon/ZTMcAnim.gif", - author: "Godnon", - githubLink: "https://github.com/godnondsilva", + artName: 'ZTM Colors', + pageLink: './Art/Godnon/index.html', + imageLink: './Art/Godnon/ZTMcAnim.gif', + author: 'Godnon', + githubLink: 'https://github.com/godnondsilva' }, { - artName: "Hover Effect", - pageLink: "./Art/Shubhankar/index.html", - imageLink: "./Art/Shubhankar/hackoctober.gif", - author: "Shubhankar", - githubLink: "https://github.com/shubhdwiv12", + artName: 'Hover Effect', + pageLink: './Art/Shubhankar/index.html', + imageLink: './Art/Shubhankar/hackoctober.gif', + author: 'Shubhankar', + githubLink: 'https://github.com/shubhdwiv12' }, { - artName: "Bouncing Fading Circles", - pageLink: "./Art/AyoubIssaad/index.html", - imageLink: "./Art/AyoubIssaad/BouncingFadingCircles.gif", - author: "AyoubIssaad", - githubLink: "https://github.com/AyoubIssaad", + artName: 'Bouncing Fading Circles', + pageLink: './Art/AyoubIssaad/index.html', + imageLink: './Art/AyoubIssaad/BouncingFadingCircles.gif', + author: 'AyoubIssaad', + githubLink: 'https://github.com/AyoubIssaad' }, { - artName: "5 balls preloader", - pageLink: "./Art/Nnaji-Victor/index.html", - imageLink: "./Art/Nnaji-Victor/5_balls.gif", - author: "Nnaji Victor", - githubLink: "https://github.com/Nnaji-Victor", + artName: '5 balls preloader', + pageLink: './Art/Nnaji-Victor/index.html', + imageLink: './Art/Nnaji-Victor/5_balls.gif', + author: 'Nnaji Victor', + githubLink: 'https://github.com/Nnaji-Victor' }, { - artName: "ZTM Bouncer", - pageLink: "./Art/Josia/bouncer.html", - imageLink: "./Art/Josia/ztmbouncer.gif", - author: "Josia Rodriguez", - githubLink: "https://github.com/josiarod", + artName: 'ZTM Bouncer', + pageLink: './Art/Josia/bouncer.html', + imageLink: './Art/Josia/ztmbouncer.gif', + author: 'Josia Rodriguez', + githubLink: 'https://github.com/josiarod' }, { - artName: "Hacktober loading animation", - pageLink: "./Art/mehul1011/index.html", - imageLink: "./Art/mehul1011/loading.gif", - author: "Mehul1011", - githubLink: "https://github.com/mehul1011", + artName: 'Hacktober loading animation', + pageLink: './Art/mehul1011/index.html', + imageLink: './Art/mehul1011/loading.gif', + author: 'Mehul1011', + githubLink: 'https://github.com/mehul1011' }, { - artName: "Loading Dots", - pageLink: "./Art/devSergiu/index.html", - imageLink: "./Art/devSergiu/loading.gif", - author: "devSergiu", - githubLink: "https://github.com/devsergiu", + artName: 'Loading Dots', + pageLink: './Art/devSergiu/index.html', + imageLink: './Art/devSergiu/loading.gif', + author: 'devSergiu', + githubLink: 'https://github.com/devsergiu' }, { - artName: "TypeWriter effect", - pageLink: "./Art/Sidharth/Typing_Text.html", - imageLink: "./Art/Sidharth/type_writer.gif", - author: "Sidharth", - githubLink: "https://github.com/Sidharth98", + artName: 'TypeWriter effect', + pageLink: './Art/Sidharth/Typing_Text.html', + imageLink: './Art/Sidharth/type_writer.gif', + author: 'Sidharth', + githubLink: 'https://github.com/Sidharth98' }, { - artName: "Blue Spin", - pageLink: "./Art/JamesW/index.html", - imageLink: "./Art/JamesW/hacktober_spin.gif", - author: "James Whitney", - githubLink: "https://github.com/jameswhitney", + artName: 'Blue Spin', + pageLink: './Art/JamesW/index.html', + imageLink: './Art/JamesW/hacktober_spin.gif', + author: 'James Whitney', + githubLink: 'https://github.com/jameswhitney' }, { - artName: "Loading Animation", - pageLink: "./Art/Sidharth/Loading.html", - imageLink: "./Art/Sidharth/Loading.gif", - author: "Sidharth", - githubLink: "https://github.com/Sidharth98", + artName: 'Loading Animation', + pageLink: './Art/Sidharth/Loading.html', + imageLink: './Art/Sidharth/Loading.gif', + author: 'Sidharth', + githubLink: 'https://github.com/Sidharth98' }, { - artName: "Rotation", - pageLink: "./Art/alenanog/index.html", - imageLink: "./Art/alenanog/rotation.gif", - author: "Alena A.", - githubLink: "https://github.com/alenanog", + artName: 'Rotation', + pageLink: './Art/alenanog/index.html', + imageLink: './Art/alenanog/rotation.gif', + author: 'Alena A.', + githubLink: 'https://github.com/alenanog' }, { - artName: "Colors in your life", - pageLink: "./Art/Atipahy/colors.html", - imageLink: "./Art/Atipahy/colors.png", - author: "Christos Chr", - githubLink: "https://github.com/atipaHy", + artName: 'Colors in your life', + pageLink: './Art/Atipahy/colors.html', + imageLink: './Art/Atipahy/colors.png', + author: 'Christos Chr', + githubLink: 'https://github.com/atipaHy' }, { - artName: "Orb", - pageLink: "./Art/Jkbicbic/orb.html", - imageLink: "./Art/Jkbicbic/orb.gif", - author: "John Kennedy Bicbic", - githubLink: "https://github.com/jkbicbic", + artName: 'Orb', + pageLink: './Art/Jkbicbic/orb.html', + imageLink: './Art/Jkbicbic/orb.gif', + author: 'John Kennedy Bicbic', + githubLink: 'https://github.com/jkbicbic' }, { - artName: "Charging...", - pageLink: "./Art/Afraz/charging.html", - imageLink: "./Art/Afraz/charging.gif", - author: "Afraz", - githubLink: "https://github.com/afrazz", + artName: 'Charging...', + pageLink: './Art/Afraz/charging.html', + imageLink: './Art/Afraz/charging.gif', + author: 'Afraz', + githubLink: 'https://github.com/afrazz' }, { - artName: "Charging...", - pageLink: "./Art/DepStep/depstep.html", - imageLink: "./Art/DepStep/depstep.gif", - author: "DepStep", - githubLink: "https://github.com/stephD", + artName: 'Charging...', + pageLink: './Art/DepStep/depstep.html', + imageLink: './Art/DepStep/depstep.gif', + author: 'DepStep', + githubLink: 'https://github.com/stephD' }, { - artName: "Dancing Ball...", - pageLink: "./Art/DaveFres/index.html", - imageLink: "./Art/DaveFres/ball.gif", - author: "DaveFres", - githubLink: "https://github.com/DaveFres", + artName: 'Dancing Ball...', + pageLink: './Art/DaveFres/index.html', + imageLink: './Art/DaveFres/ball.gif', + author: 'DaveFres', + githubLink: 'https://github.com/DaveFres' }, { - artName: "animatron", - pageLink: "./Art/animatron/index.html", - imageLink: "./Art/animatron/trance.gif", - author: "jomahay", - githubLink: "https://github.com/jomahay", + artName: 'animatron', + pageLink: './Art/animatron/index.html', + imageLink: './Art/animatron/trance.gif', + author: 'jomahay', + githubLink: 'https://github.com/jomahay' }, { - artName: "Sunshine", - pageLink: "./Art/Pavelisp/sunshine.html", - imageLink: "./Art/Pavelisp/sunshine.gif", - author: "Pavel Isp", - githubLink: "https://github.com/pavelisp", + artName: 'Sunshine', + pageLink: './Art/Pavelisp/sunshine.html', + imageLink: './Art/Pavelisp/sunshine.gif', + author: 'Pavel Isp', + githubLink: 'https://github.com/pavelisp' }, { - artName: "SoundBoxes", - pageLink: "./Art/Hbarang/SoundBox.html", - imageLink: "./Art/Hbarang/SoundBoxAnimation.gif", - author: "Hbarang", - githubLink: "https://github.com/hbarang", + artName: 'SoundBoxes', + pageLink: './Art/Hbarang/SoundBox.html', + imageLink: './Art/Hbarang/SoundBoxAnimation.gif', + author: 'Hbarang', + githubLink: 'https://github.com/hbarang' }, { - artName: "Cheshire", - pageLink: "./Art/Ckanelin/index.html", - imageLink: "./Art/Ckanelin/Cheshire.gif", - author: "Ckanelin", - githubLink: "https://github.com/ckanelin", + artName: 'Cheshire', + pageLink: './Art/Ckanelin/index.html', + imageLink: './Art/Ckanelin/Cheshire.gif', + author: 'Ckanelin', + githubLink: 'https://github.com/ckanelin' }, { - artName: "Disappear", - pageLink: "./Art/Stacy/index.html", - imageLink: "./Art/Stacy/disappear.gif", - author: "Stacy", - githubLink: "https://github.com/stacyholtz6", + artName: 'Disappear', + pageLink: './Art/Stacy/index.html', + imageLink: './Art/Stacy/disappear.gif', + author: 'Stacy', + githubLink: 'https://github.com/stacyholtz6' }, { - artName: "Ellipse Spinner", - pageLink: "./Art/Sabina/ellipse_spinner.html", - imageLink: "./Art/Sabina/ellipse_spinner.png", - author: "Sabina Abbasova", - githubLink: "https://github.com/sabina929", + artName: 'Ellipse Spinner', + pageLink: './Art/Sabina/ellipse_spinner.html', + imageLink: './Art/Sabina/ellipse_spinner.png', + author: 'Sabina Abbasova', + githubLink: 'https://github.com/sabina929' }, { - artName: "NightSky", - pageLink: "./Art/AndyS/index.html", - imageLink: "./Art/AndyS/Capture.GIF", - author: "AndyS", - githubLink: "https://github.com/AndyS1988", + artName: 'NightSky', + pageLink: './Art/AndyS/index.html', + imageLink: './Art/AndyS/Capture.GIF', + author: 'AndyS', + githubLink: 'https://github.com/AndyS1988' }, { - artName: "Hungry", - pageLink: "./Art/diegchav/index.html", - imageLink: "./Art/diegchav/hungry.gif", - author: "Diego Chz", - githubLink: "https://github.com/diegchav", + artName: 'Hungry', + pageLink: './Art/diegchav/index.html', + imageLink: './Art/diegchav/hungry.gif', + author: 'Diego Chz', + githubLink: 'https://github.com/diegchav' }, { - artName: "Hover Text Animation", - pageLink: "./Art/AyoubIssaad2/index.html", - imageLink: "./Art/AyoubIssaad2/hoverTextAnimation.gif", - author: "AyoubIssaad", - githubLink: "https://github.com/AyoubIssaad", + artName: 'Hover Text Animation', + pageLink: './Art/AyoubIssaad2/index.html', + imageLink: './Art/AyoubIssaad2/hoverTextAnimation.gif', + author: 'AyoubIssaad', + githubLink: 'https://github.com/AyoubIssaad' }, { - artName: "Colorize", - pageLink: "./Art/JimBratsos/colorize.html", - imageLink: "./Art/JimBratsos/Colorize.gif", - author: "Jim Bratsos", - githubLink: "https://github.com/JimBratsos", + artName: 'Colorize', + pageLink: './Art/JimBratsos/colorize.html', + imageLink: './Art/JimBratsos/Colorize.gif', + author: 'Jim Bratsos', + githubLink: 'https://github.com/JimBratsos' }, { - artName: "Hacktober Spooktacular", - pageLink: "Art/Elex/index.html", - imageLink: ["./Art/Elex/hhs.gif"], - author: "William Poisel (LordCobra)", - githubLink: "https://github.com/epoisel", + artName: 'Hacktober Spooktacular', + pageLink: 'Art/Elex/index.html', + imageLink: ['./Art/Elex/hhs.gif'], + author: 'William Poisel (LordCobra)', + githubLink: 'https://github.com/epoisel' }, { - artName: "Circley", - pageLink: "./Art/Tranjenny/indexjenny.html", - imageLink: "./Art/Tranjenny/zerojenny.gif", - author: "Tranjenny", - githubLink: "https://github.com/Tranjenny", + artName: 'Circley', + pageLink: './Art/Tranjenny/indexjenny.html', + imageLink: './Art/Tranjenny/zerojenny.gif', + author: 'Tranjenny', + githubLink: 'https://github.com/Tranjenny' }, { - artName: "My Vietnam", - pageLink: "./Art/nhbduy/index.html", - imageLink: "./Art/nhbduy/my-vietnam.gif", - author: "Hoang-Bao-Duy NGUYEN", - githubLink: "https://github.com/nhbduy", + artName: 'My Vietnam', + pageLink: './Art/nhbduy/index.html', + imageLink: './Art/nhbduy/my-vietnam.gif', + author: 'Hoang-Bao-Duy NGUYEN', + githubLink: 'https://github.com/nhbduy' }, { - artName: "Hactoberfest Bus", - pageLink: "./Art/shahpranaf/index.html", - imageLink: "./Art/shahpranaf/hacktoberfest_bus.gif", - author: "Pranav Shah", - githubLink: "https://github.com/shahpranaf", + artName: 'Hactoberfest Bus', + pageLink: './Art/shahpranaf/index.html', + imageLink: './Art/shahpranaf/hacktoberfest_bus.gif', + author: 'Pranav Shah', + githubLink: 'https://github.com/shahpranaf' }, { - artName: "Hacktoberfest", - pageLink: "./Art/robihid/index.html", - imageLink: "./Art/robihid/hacktoberfest.png", - author: "robihid", - githubLink: "https://github.com/robihid", + artName: 'Hacktoberfest', + pageLink: './Art/robihid/index.html', + imageLink: './Art/robihid/hacktoberfest.png', + author: 'robihid', + githubLink: 'https://github.com/robihid' }, { - artName: "Hi there", - pageLink: "./Art/Aki/index.html", - imageLink: "./Art/Aki/giphy.gif", - author: "Aki", - githubLink: "https://github.com/akmalist", + artName: 'Hi there', + pageLink: './Art/Aki/index.html', + imageLink: './Art/Aki/giphy.gif', + author: 'Aki', + githubLink: 'https://github.com/akmalist' }, { - artName: "Hacktoberfest 2019!", - pageLink: "./Art/RedSquirrrel/index.html", - imageLink: "./Art/RedSquirrrel/index.html/animation.PNG", - author: "RedSquirrrel", - githubLink: "https://github.com/RedSquirrrel", + artName: 'Hacktoberfest 2019!', + pageLink: './Art/RedSquirrrel/index.html', + imageLink: './Art/RedSquirrrel/index.html/animation.PNG', + author: 'RedSquirrrel', + githubLink: 'https://github.com/RedSquirrrel' }, { - artName: "Sliding text", - pageLink: "./Art/Flattopz/index.html", - imageLink: "./Art/Flattopz/SlidingText.gif", - author: "Flattopz", - githubLink: "https://github.com/hjpunzalan", + artName: 'Sliding text', + pageLink: './Art/Flattopz/index.html', + imageLink: './Art/Flattopz/SlidingText.gif', + author: 'Flattopz', + githubLink: 'https://github.com/hjpunzalan' }, { - artName: "Rainbow Color Changer", - pageLink: "./Art/mmshr/index.html", - imageLink: "./Art/mmshr/rainbow.gif", - author: "mmosehauer", - githubLink: "https://github.com/mmosehauer", + artName: 'Rainbow Color Changer', + pageLink: './Art/mmshr/index.html', + imageLink: './Art/mmshr/rainbow.gif', + author: 'mmosehauer', + githubLink: 'https://github.com/mmosehauer' }, { - artName: "World of Coding", - pageLink: "./Art/tom_kn/coding.html", - imageLink: "./Art/tom_kn/coding.gif", - author: "Tamas Knisz", - githubLink: "https://github.com/TamasKn", + artName: 'World of Coding', + pageLink: './Art/tom_kn/coding.html', + imageLink: './Art/tom_kn/coding.gif', + author: 'Tamas Knisz', + githubLink: 'https://github.com/TamasKn' }, { - artName: "Initial Bounce", - pageLink: "./Art/Juwana/initial.html", - imageLink: "./Art/Juwana/InitialBounce.gif", - author: "Juwana", - githubLink: "https://github.com/JZerman2018", + artName: 'Initial Bounce', + pageLink: './Art/Juwana/initial.html', + imageLink: './Art/Juwana/InitialBounce.gif', + author: 'Juwana', + githubLink: 'https://github.com/JZerman2018' }, { - artName: "Atom", - pageLink: "./Art/Teva/index.html", - imageLink: "./Art/Teva/atom.gif", - author: "Teva", - githubLink: "https://github.com/TevaHenry", + artName: 'Atom', + pageLink: './Art/Teva/index.html', + imageLink: './Art/Teva/atom.gif', + author: 'Teva', + githubLink: 'https://github.com/TevaHenry' }, { - artName: "Be Awesome", - pageLink: "./Art/TigerAsH/index.html", - imageLink: "./Art/TigerAsH/be-awesome.jpg", - author: "TigerAsH", - githubLink: "https://github.com/TigerAsH94", + artName: 'Be Awesome', + pageLink: './Art/TigerAsH/index.html', + imageLink: './Art/TigerAsH/be-awesome.jpg', + author: 'TigerAsH', + githubLink: 'https://github.com/TigerAsH94' }, { - artName: "Rainbow Colors", - pageLink: "./Art/Sanjeev/index.html", - imageLink: "./Art/Sanjeev/animation.gif", - author: "Sanjeev Panday", - githubLink: "https://github.com/Sanjeev-Panday", + artName: 'Rainbow Colors', + pageLink: './Art/Sanjeev/index.html', + imageLink: './Art/Sanjeev/animation.gif', + author: 'Sanjeev Panday', + githubLink: 'https://github.com/Sanjeev-Panday' }, { - artName: "ZtM", - pageLink: "./Art/thoyvo/index.html", - imageLink: "./Art/thoyvo/ztm.gif", - author: "Thoyvo", - githubLink: "https://github.com/thoyvo", + artName: 'ZtM', + pageLink: './Art/thoyvo/index.html', + imageLink: './Art/thoyvo/ztm.gif', + author: 'Thoyvo', + githubLink: 'https://github.com/thoyvo' }, { - artName: "Fast Fishes", - pageLink: "./Art/4ront/index.html", - imageLink: "./Art/4ront/fishes.gif", - author: "4rontender", - githubLink: "https://github.com/RinatValiullov", + artName: 'Fast Fishes', + pageLink: './Art/4ront/index.html', + imageLink: './Art/4ront/fishes.gif', + author: '4rontender', + githubLink: 'https://github.com/RinatValiullov' }, { - artName: "Loading...", - pageLink: "./Art/RedSquirrrel2/loading.html", - imageLink: "./Art/RedSquirrrel2/loading.gif", - author: "RedSquirrrel", - githubLink: "https://github.com/RedSquirrrel", + artName: 'Loading...', + pageLink: './Art/RedSquirrrel2/loading.html', + imageLink: './Art/RedSquirrrel2/loading.gif', + author: 'RedSquirrrel', + githubLink: 'https://github.com/RedSquirrrel' }, { - artName: "Animated Cube", - pageLink: "./Art/Animated Cube/index.html", - imageLink: "./Art/Animated Cube/cube.gif", - author: "RedSquirrrel", - githubLink: "https://github.com/RedSquirrrel", + artName: 'Animated Cube', + pageLink: './Art/Animated Cube/index.html', + imageLink: './Art/Animated Cube/cube.gif', + author: 'RedSquirrrel', + githubLink: 'https://github.com/RedSquirrrel' }, { - artName: "Calm Ubuntu", - pageLink: "./Art/schupat/index.html", - imageLink: "./Art/schupat/preview.gif", - author: "schupat", - githubLink: "https://github.com/schupat", + artName: 'Calm Ubuntu', + pageLink: './Art/schupat/index.html', + imageLink: './Art/schupat/preview.gif', + author: 'schupat', + githubLink: 'https://github.com/schupat' }, { - artName: "Solar System", - pageLink: "./Art/DSandberg93/index.html", - imageLink: "./Art/DSandberg93/SolarSystem.gif", - author: "DSandberg93", - githubLink: "https://github.com/DSandberg93", + artName: 'Solar System', + pageLink: './Art/DSandberg93/index.html', + imageLink: './Art/DSandberg93/SolarSystem.gif', + author: 'DSandberg93', + githubLink: 'https://github.com/DSandberg93' }, { - artName: "Boo", - pageLink: "./Art/VerityB/index.html", - imageLink: "./Art/VerityB/boo.gif", - author: "VerityB", - githubLink: "https://github.com/VerityB", + artName: 'Boo', + pageLink: './Art/VerityB/index.html', + imageLink: './Art/VerityB/boo.gif', + author: 'VerityB', + githubLink: 'https://github.com/VerityB' }, { - artName: "Hacktoberfest Ghost", - pageLink: "./Art/cTahirih/index.html", - imageLink: "./Art/cTahirih/ghost.png", - author: "cTahirih", - githubLink: "https://github.com/cTahirih", + artName: 'Hacktoberfest Ghost', + pageLink: './Art/cTahirih/index.html', + imageLink: './Art/cTahirih/ghost.png', + author: 'cTahirih', + githubLink: 'https://github.com/cTahirih' }, { - artName: "Clock", - pageLink: "./Art/Abdul/index.html", - imageLink: "./Art/Abdul/Clock.png", - author: "Abdul Rahman", - githubLink: "https://github.com/abdulrahman118", + artName: 'Clock', + pageLink: './Art/Abdul/index.html', + imageLink: './Art/Abdul/Clock.png', + author: 'Abdul Rahman', + githubLink: 'https://github.com/abdulrahman118' }, { - artName: "Loading Cube", - pageLink: "./Art/andrearizzello/index.html", - imageLink: "./Art/andrearizzello/index.gif", - author: "Andrea Rizzello", - githubLink: "https://github.com/andrearizzello", + artName: 'Loading Cube', + pageLink: './Art/andrearizzello/index.html', + imageLink: './Art/andrearizzello/index.gif', + author: 'Andrea Rizzello', + githubLink: 'https://github.com/andrearizzello' }, { - artName: "Wall Dropping Logo", - pageLink: "./Art/shivams136/index.html", - imageLink: "./Art/shivams136/walldrop.gif", - author: "Shivam Sharma", - githubLink: "https://github.com/ShivamS136", + artName: 'Wall Dropping Logo', + pageLink: './Art/shivams136/index.html', + imageLink: './Art/shivams136/walldrop.gif', + author: 'Shivam Sharma', + githubLink: 'https://github.com/ShivamS136' }, { - artName: "Infinite Race", - pageLink: "./Art/levermanx/index.html", - imageLink: "./Art/levermanx/anim.gif", - author: "Levermanx", - githubLink: "https://github.com/levermanx", + artName: 'Infinite Race', + pageLink: './Art/levermanx/index.html', + imageLink: './Art/levermanx/anim.gif', + author: 'Levermanx', + githubLink: 'https://github.com/levermanx' }, { - artName: "Hover to Rotate Text", - pageLink: "./Art/faiz_hameed/index.html", - imageLink: "./Art/faiz_hameed/hackto.gif", - author: "Faiz Hameed", - githubLink: "https://github.com/faizhameed", + artName: 'Hover to Rotate Text', + pageLink: './Art/faiz_hameed/index.html', + imageLink: './Art/faiz_hameed/hackto.gif', + author: 'Faiz Hameed', + githubLink: 'https://github.com/faizhameed' }, { - artName: "HalloHacktober Greeting!", - pageLink: "./Art/lusalga/index.html", - imageLink: "./Art/lusalga/lu.gif", - author: "Lucieni A. Saldanha", - githubLink: "https://github.com/lusalga/", + artName: 'HalloHacktober Greeting!', + pageLink: './Art/lusalga/index.html', + imageLink: './Art/lusalga/lu.gif', + author: 'Lucieni A. Saldanha', + githubLink: 'https://github.com/lusalga/' }, { - artName: "Time goes by", - pageLink: "./Art/WolfgangKreminger/index.html", - imageLink: "./Art/WolfgangKreminger/showcase.gif", - author: "Wolfgang Kreminger", - githubLink: "https://github.com/r4pt0s", + artName: 'Time goes by', + pageLink: './Art/WolfgangKreminger/index.html', + imageLink: './Art/WolfgangKreminger/showcase.gif', + author: 'Wolfgang Kreminger', + githubLink: 'https://github.com/r4pt0s' }, { - artName: "Bouncing Text!", - pageLink: "./Art/AbdulsalamAbdulrahman/index.html", - imageLink: "./Art/AbdulsalamAbdulrahman/Bouncingtxt.gif", - author: "Abdulsalam Abdulrahman", - githubLink: "https://github.com/AbdulsalamAbdulrahman/", + artName: 'Bouncing Text!', + pageLink: './Art/AbdulsalamAbdulrahman/index.html', + imageLink: './Art/AbdulsalamAbdulrahman/Bouncingtxt.gif', + author: 'Abdulsalam Abdulrahman', + githubLink: 'https://github.com/AbdulsalamAbdulrahman/' }, { - artName: "Simple Phone Animation", - pageLink: "./Art/Lala/index.html", - imageLink: "./Art/Lala/phone.gif", - author: "Olamide Aboyeji", - githubLink: "https://github.com/aolamide", + artName: 'Simple Phone Animation', + pageLink: './Art/Lala/index.html', + imageLink: './Art/Lala/phone.gif', + author: 'Olamide Aboyeji', + githubLink: 'https://github.com/aolamide' }, { - artName: "Synthwave Sunset", - pageLink: "./Art/brunobolting/index.html", - imageLink: "./Art/brunobolting/synthwave-sunset.gif", - author: "Bruno Bolting", - githubLink: "https://github.com/brunobolting/", + artName: 'Synthwave Sunset', + pageLink: './Art/brunobolting/index.html', + imageLink: './Art/brunobolting/synthwave-sunset.gif', + author: 'Bruno Bolting', + githubLink: 'https://github.com/brunobolting/' }, { - artName: "Kawaii Penguin", - pageLink: "./Art/Brienyll/index.html", - imageLink: "./Art/Brienyll/kawaiiPenguin.gif", - author: "Brienyll", - githubLink: "https://github.com/brienyll/", + artName: 'Kawaii Penguin', + pageLink: './Art/Brienyll/index.html', + imageLink: './Art/Brienyll/kawaiiPenguin.gif', + author: 'Brienyll', + githubLink: 'https://github.com/brienyll/' }, { - artName: "Happy Halloween", - pageLink: "./Art/MatthewS/index.html", - imageLink: "./Art/MatthewS/Spider.gif", - author: "MatthewS", - githubLink: "https://github.com/matthewstoddart/", + artName: 'Happy Halloween', + pageLink: './Art/MatthewS/index.html', + imageLink: './Art/MatthewS/Spider.gif', + author: 'MatthewS', + githubLink: 'https://github.com/matthewstoddart/' }, { - artName: "Fan Art", - pageLink: "./Art/m-perez33/index.html", - imageLink: "./Art/m-perez33/cylon.gif", - author: "Marcos Perez", - githubLink: "https://github.com/m-perez33/", + artName: 'Fan Art', + pageLink: './Art/m-perez33/index.html', + imageLink: './Art/m-perez33/cylon.gif', + author: 'Marcos Perez', + githubLink: 'https://github.com/m-perez33/' }, { - artName: "Animating Pot", - pageLink: "./Art/Somechandra/index.html", - imageLink: "./Art/Somechandra/pot.gif", - author: "Somechandra", - githubLink: "https://github.com/somechandra", + artName: 'Animating Pot', + pageLink: './Art/Somechandra/index.html', + imageLink: './Art/Somechandra/pot.gif', + author: 'Somechandra', + githubLink: 'https://github.com/somechandra' }, { - artName: "Circles Circling", - pageLink: "./Art/pikktorr/index.html", - imageLink: "./Art/pikktorr/circles.gif", - author: "pikktorr", - githubLink: "https://github.com/pikktorr", + artName: 'Circles Circling', + pageLink: './Art/pikktorr/index.html', + imageLink: './Art/pikktorr/circles.gif', + author: 'pikktorr', + githubLink: 'https://github.com/pikktorr' }, { - artName: "Glitchy Szn", - pageLink: "./Art/premdav/index.html", - imageLink: "./Art/premdav/screenshot.png", - author: "premdav", - githubLink: "https://github.com/premdav", + artName: 'Glitchy Szn', + pageLink: './Art/premdav/index.html', + imageLink: './Art/premdav/screenshot.png', + author: 'premdav', + githubLink: 'https://github.com/premdav' }, { - artName: "ZeroToMastery", - pageLink: "./Art/Vzneers/index.html", - imageLink: "./Art/Vzneers/gifzeroloading.gif", - author: "TrinhMinhHieu", - githubLink: "https://github.com/trinhminhhieu", + artName: 'ZeroToMastery', + pageLink: './Art/Vzneers/index.html', + imageLink: './Art/Vzneers/gifzeroloading.gif', + author: 'TrinhMinhHieu', + githubLink: 'https://github.com/trinhminhhieu' }, { - artName: "Spacecraft-landing", - pageLink: "./Art/DDuplinszki/index.html", - imageLink: "./Art/DDuplinszki/Spacecraft-landing.gif", - author: "DDuplinszki", - githubLink: "https://github.com/DDuplinszki", + artName: 'Spacecraft-landing', + pageLink: './Art/DDuplinszki/index.html', + imageLink: './Art/DDuplinszki/Spacecraft-landing.gif', + author: 'DDuplinszki', + githubLink: 'https://github.com/DDuplinszki' }, { - artName: "Paw Prints", - pageLink: "./Art/Tia/index.html", - imageLink: "./Art/Tia/paw-prints.gif", - author: "Tia Esguerra", - githubLink: "https://github.com/msksfo", + artName: 'Paw Prints', + pageLink: './Art/Tia/index.html', + imageLink: './Art/Tia/paw-prints.gif', + author: 'Tia Esguerra', + githubLink: 'https://github.com/msksfo' }, { - artName: "Hover-Scale", - pageLink: "./Art/echowebid/index.html", - imageLink: "./Art/echowebid/hover.gif", - author: "echowebid", - githubLink: "https://github.com/echowebid", + artName: 'Hover-Scale', + pageLink: './Art/echowebid/index.html', + imageLink: './Art/echowebid/hover.gif', + author: 'echowebid', + githubLink: 'https://github.com/echowebid' }, { - artName: "mars", - pageLink: "./Art/Courtney_Pure/index.html", - imageLink: "./Art/Courtney_Pure/mars_screenshot.png", - author: "Courtney Pure", - githubLink: "https://github.com/courtneypure", + artName: 'mars', + pageLink: './Art/Courtney_Pure/index.html', + imageLink: './Art/Courtney_Pure/mars_screenshot.png', + author: 'Courtney Pure', + githubLink: 'https://github.com/courtneypure' }, { - artName: "Welcome HactoberFest", - pageLink: "./Art/Dhaval/index.html", - imageLink: "./Art/Dhaval/Welcome-Hacktoberfest.gif", - author: "Dhaval Mehta", - githubLink: "https://github.com/Dhaval1403", + artName: 'Welcome HactoberFest', + pageLink: './Art/Dhaval/index.html', + imageLink: './Art/Dhaval/Welcome-Hacktoberfest.gif', + author: 'Dhaval Mehta', + githubLink: 'https://github.com/Dhaval1403' }, { - artName: "Aynonimation", - pageLink: "./Art/Aynorica/aynorica.html", - imageLink: "./Art/Aynorica/Aynonimation.png", - author: "aynorica", - githubLink: "https://github.com/aynorica", + artName: 'Aynonimation', + pageLink: './Art/Aynorica/aynorica.html', + imageLink: './Art/Aynorica/Aynonimation.png', + author: 'aynorica', + githubLink: 'https://github.com/aynorica' }, { - artName: "sun-to-moon", - pageLink: "./Art/haider/index.html", - imageLink: "./Art/haider/sun-moon.gif", - author: "Haider", - githubLink: "https://github.com/hyderumer", + artName: 'sun-to-moon', + pageLink: './Art/haider/index.html', + imageLink: './Art/haider/sun-moon.gif', + author: 'Haider', + githubLink: 'https://github.com/hyderumer' }, { - artName: "Animatron", - pageLink: "./Art/animatron/index.html", - imageLink: "./Art/animatron/trance.gif", - author: "Andrei", - githubLink: "https://github.com/aneagoie", + artName: 'Animatron', + pageLink: './Art/animatron/index.html', + imageLink: './Art/animatron/trance.gif', + author: 'Andrei', + githubLink: 'https://github.com/aneagoie' }, { - artName: "Loader Circle", - pageLink: "./Art/beaps/index.html", - imageLink: "./Art/beaps/loader-circle.gif", - author: "beaps", - githubLink: "https://github.com/beaps", + artName: 'Loader Circle', + pageLink: './Art/beaps/index.html', + imageLink: './Art/beaps/loader-circle.gif', + author: 'beaps', + githubLink: 'https://github.com/beaps' }, { - artName: "Doors", - pageLink: "./Art/pauliax/index.html", - imageLink: "./Art/pauliax/doors.gif", - author: "pauliax", - githubLink: "https://github.com/pauliax", + artName: 'Doors', + pageLink: './Art/pauliax/index.html', + imageLink: './Art/pauliax/doors.gif', + author: 'pauliax', + githubLink: 'https://github.com/pauliax' }, { - artName: "Clock with pendulum", - pageLink: "./Art/Pankaj/index.html", - imageLink: "./Art/Pankaj/Clock_with_pendulum.gif", - author: "Pankaj", - githubLink: "https://github.com/prime417", + artName: 'Clock with pendulum', + pageLink: './Art/Pankaj/index.html', + imageLink: './Art/Pankaj/Clock_with_pendulum.gif', + author: 'Pankaj', + githubLink: 'https://github.com/prime417' }, { - artName: "Animatron", - pageLink: "./Art/animatron/index.html", - imageLink: "./Art/animatron/trance.gif", - author: "Andrei", - githubLink: "https://github.com/aneagoie", + artName: 'Animatron', + pageLink: './Art/animatron/index.html', + imageLink: './Art/animatron/trance.gif', + author: 'Andrei', + githubLink: 'https://github.com/aneagoie' }, { - artName: "Loader Circle", - pageLink: "./Art/beaps/index.html", - imageLink: "./Art/beaps/loader-circle.gif", - author: "beaps", - githubLink: "https://github.com/beaps", + artName: 'Loader Circle', + pageLink: './Art/beaps/index.html', + imageLink: './Art/beaps/loader-circle.gif', + author: 'beaps', + githubLink: 'https://github.com/beaps' }, { - artName: "Open Sourcerer", - pageLink: "./Art/4rturd13/index.html", - imageLink: "./Art/4rturd13/openSourcerer.gif", - author: "4rturd13", - githubLink: "https://github.com/4rturd13", + artName: 'Open Sourcerer', + pageLink: './Art/4rturd13/index.html', + imageLink: './Art/4rturd13/openSourcerer.gif', + author: '4rturd13', + githubLink: 'https://github.com/4rturd13' }, { - artName: "Doors", - pageLink: "./Art/pauliax/index.html", - imageLink: "./Art/pauliax/doors.gif", - author: "pauliax", - githubLink: "https://github.com/pauliax", + artName: 'Doors', + pageLink: './Art/pauliax/index.html', + imageLink: './Art/pauliax/doors.gif', + author: 'pauliax', + githubLink: 'https://github.com/pauliax' }, { - artName: "Loader Square", - pageLink: "./Art/beaps2/square-loader.html", - imageLink: "./Art/beaps2/square-loader.gif", - author: "beaps", - githubLink: "https://github.com/beaps", + artName: 'Loader Square', + pageLink: './Art/beaps2/square-loader.html', + imageLink: './Art/beaps2/square-loader.gif', + author: 'beaps', + githubLink: 'https://github.com/beaps' }, { - artName: "Running Text", - pageLink: "./Art/DevinEkadeni/running-text.html", - imageLink: "./Art/DevinEkadeni/running-text.gif", - author: "Devin Ekadeni", - githubLink: "https://github.com/devinekadeni", + artName: 'Running Text', + pageLink: './Art/DevinEkadeni/running-text.html', + imageLink: './Art/DevinEkadeni/running-text.gif', + author: 'Devin Ekadeni', + githubLink: 'https://github.com/devinekadeni' }, { - artName: "Mystical-Hacktoberfest", - pageLink: "./Art/Wayne/index.html", + artName: 'Mystical-Hacktoberfest', + pageLink: './Art/Wayne/index.html', imageLink: - "./Art/Wayne/hacktoberfest - Google Chrome 09 Oct 2019 21_12_32.png", - author: "Wayne Mac Mavis", - githubLink: "https://github.com/WayneMacMavis", + './Art/Wayne/hacktoberfest - Google Chrome 09 Oct 2019 21_12_32.png', + author: 'Wayne Mac Mavis', + githubLink: 'https://github.com/WayneMacMavis' }, { - artName: "ZTM Logo Animation", - pageLink: "./Art/bk987/index.html", - imageLink: "./Art/bk987/preview.gif", - author: "Bilal Khalid", - githubLink: "https://github.com/bk987", + artName: 'ZTM Logo Animation', + pageLink: './Art/bk987/index.html', + imageLink: './Art/bk987/preview.gif', + author: 'Bilal Khalid', + githubLink: 'https://github.com/bk987' }, { - artName: "Pong", - pageLink: "./Art/Carls13/index.html", - imageLink: "./Art/Carls13/pong.jpg", - author: "Carlos Hernandez", - githubLink: "https://github.com/Carls13", + artName: 'Pong', + pageLink: './Art/Carls13/index.html', + imageLink: './Art/Carls13/pong.jpg', + author: 'Carlos Hernandez', + githubLink: 'https://github.com/Carls13' }, { - artName: "ZTM Reveal", - pageLink: "./Art/bk987-2/index.html", - imageLink: "./Art/bk987-2/preview.gif", - author: "Bilal Khalid", - githubLink: "https://github.com/bk987", + artName: 'ZTM Reveal', + pageLink: './Art/bk987-2/index.html', + imageLink: './Art/bk987-2/preview.gif', + author: 'Bilal Khalid', + githubLink: 'https://github.com/bk987' }, { - artName: "ZTM Family Animation", - pageLink: "./Art/sballgirl11/animation.html", - imageLink: "./Art/sballgirl11/ztm.gif", - author: "Brittney Postma", - githubLink: "https://github.com/sballgirl11", + artName: 'ZTM Family Animation', + pageLink: './Art/sballgirl11/animation.html', + imageLink: './Art/sballgirl11/ztm.gif', + author: 'Brittney Postma', + githubLink: 'https://github.com/sballgirl11' }, { - artName: "Phone Greetings", - pageLink: "./Art/ann-dev/index.html", - imageLink: "./Art/ann-dev/screenshot.png", - author: "ann-dev", - githubLink: "https://github.com/ann-dev", + artName: 'Phone Greetings', + pageLink: './Art/ann-dev/index.html', + imageLink: './Art/ann-dev/screenshot.png', + author: 'ann-dev', + githubLink: 'https://github.com/ann-dev' }, { - artName: "Triangle Slide", - pageLink: "./Art/grieff/index.html", - imageLink: "./Art/grieff/triangle-animation.gif", - author: "Grieff", - githubLink: "https://github.com/grieff", + artName: 'Triangle Slide', + pageLink: './Art/grieff/index.html', + imageLink: './Art/grieff/triangle-animation.gif', + author: 'Grieff', + githubLink: 'https://github.com/grieff' }, { - artName: "Neon ZTM", - pageLink: "./Art/grieff/text.html", - imageLink: "./Art/grieff/neonZTM.gif", - author: "Grieff", - githubLink: "https://github.com/grieff", + artName: 'Neon ZTM', + pageLink: './Art/grieff/text.html', + imageLink: './Art/grieff/neonZTM.gif', + author: 'Grieff', + githubLink: 'https://github.com/grieff' }, { - artName: "Flip Card", - pageLink: "./Art/FlipCard/index.html", - imageLink: "./Art/FlipCard/ezgif.com-video-to-gif.gif", - author: "Saurabh", - githubLink: "https://github.com/Saurabh-FullStackDev", + artName: 'Flip Card', + pageLink: './Art/FlipCard/index.html', + imageLink: './Art/FlipCard/ezgif.com-video-to-gif.gif', + author: 'Saurabh', + githubLink: 'https://github.com/Saurabh-FullStackDev' }, { - artName: "animationHalloween", - pageLink: "./Art/mawais54013/index.html", - imageLink: "./Art/mawais54013/Halloween.gif", - author: "mawais54013", - githubLink: "https://github.com/mawais54013", + artName: 'animationHalloween', + pageLink: './Art/mawais54013/index.html', + imageLink: './Art/mawais54013/Halloween.gif', + author: 'mawais54013', + githubLink: 'https://github.com/mawais54013' }, { - artName: "Hacktoberfest Letter Popups", - pageLink: "./Art/jmt3559/index.html", - imageLink: "https://media.giphy.com/media/RKSRPGiIsy1f3Ji3j1/giphy.gif", - author: "Juan T.", - githubLink: "https://github.com/jmtellez", + artName: 'Hacktoberfest Letter Popups', + pageLink: './Art/jmt3559/index.html', + imageLink: 'https://media.giphy.com/media/RKSRPGiIsy1f3Ji3j1/giphy.gif', + author: 'Juan T.', + githubLink: 'https://github.com/jmtellez' }, { - artName: "Oscillation", - pageLink: "./Art/Oscillation/index.html", - imageLink: "./Art/Oscillation/oscillation.gif", - author: "Nandhakumar", - githubLink: "https://github.com/Nandhakumar7792", + artName: 'Oscillation', + pageLink: './Art/Oscillation/index.html', + imageLink: './Art/Oscillation/oscillation.gif', + author: 'Nandhakumar', + githubLink: 'https://github.com/Nandhakumar7792' }, { - artName: "Letters flipUp", - pageLink: "./Art/TerenceBiney/index.html", - imageLink: "./Art/TerenceBiney/lettersanimate.gif", - author: "Terence Biney", - githubLink: "https://github.com/Tereflech17", + artName: 'Letters flipUp', + pageLink: './Art/TerenceBiney/index.html', + imageLink: './Art/TerenceBiney/lettersanimate.gif', + author: 'Terence Biney', + githubLink: 'https://github.com/Tereflech17' }, { - artName: "Colors rectangle", - pageLink: "./Art/beaps3/index.html", - imageLink: "./Art/beaps3/colors-rectangle.gif", - author: "beaps", - githubLink: "https://github.com/beaps", + artName: 'Colors rectangle', + pageLink: './Art/beaps3/index.html', + imageLink: './Art/beaps3/colors-rectangle.gif', + author: 'beaps', + githubLink: 'https://github.com/beaps' }, { - artName: "Hinge", - pageLink: "./Art/hereisfahad/index.html", - imageLink: "./Art/hereisfahad/hinge.png", - author: "Hereisfahad", - githubLink: "https://github.com/hereisfahad", + artName: 'Hinge', + pageLink: './Art/hereisfahad/index.html', + imageLink: './Art/hereisfahad/hinge.png', + author: 'Hereisfahad', + githubLink: 'https://github.com/hereisfahad' }, { - artName: "Animation", - pageLink: "./Art/PaulBillings/animation.html", - imageLink: "./Art/PaulBillings/animation.gif", - author: "Paul Billings", - githubLink: "https://github.com/paulbillings", + artName: 'Animation', + pageLink: './Art/PaulBillings/animation.html', + imageLink: './Art/PaulBillings/animation.gif', + author: 'Paul Billings', + githubLink: 'https://github.com/paulbillings' }, { - artName: "Diminishing", - pageLink: "./Art/Diminishing/index.html", - imageLink: "./Art/Diminishing/diminishing.gif", - author: "Nandhakumar", - githubLink: "https://github.com/Nandhakumar7792", + artName: 'Diminishing', + pageLink: './Art/Diminishing/index.html', + imageLink: './Art/Diminishing/diminishing.gif', + author: 'Nandhakumar', + githubLink: 'https://github.com/Nandhakumar7792' }, { - artName: "yin-yang", - pageLink: "./Art/yin-yang/index.html", - imageLink: "./Art/yin-yang/yin-yang.gif", - author: "Nandhakumar", - githubLink: "https://github.com/Nandhakumar7792", + artName: 'yin-yang', + pageLink: './Art/yin-yang/index.html', + imageLink: './Art/yin-yang/yin-yang.gif', + author: 'Nandhakumar', + githubLink: 'https://github.com/Nandhakumar7792' }, { - artName: "eggJiggle", - pageLink: "./Art/eggJiggle/index.html", - imageLink: "./Art/eggJiggle/eggJiggle.gif", - author: "Nandhakumar", - githubLink: "https://github.com/Nandhakumar7792", + artName: 'eggJiggle', + pageLink: './Art/eggJiggle/index.html', + imageLink: './Art/eggJiggle/eggJiggle.gif', + author: 'Nandhakumar', + githubLink: 'https://github.com/Nandhakumar7792' }, { - artName: "Aynonimation", - pageLink: "./Art/Aynorica/aynorica.html", - imageLink: "./Art/Aynorica/Aynonimation.png", - author: "aynorica", - githubLink: "https://github.com/aynorica", + artName: 'Aynonimation', + pageLink: './Art/Aynorica/aynorica.html', + imageLink: './Art/Aynorica/Aynonimation.png', + author: 'aynorica', + githubLink: 'https://github.com/aynorica' }, { - artName: "ZTM Family Animation", - pageLink: "./Art/sballgirl11/index.html", - imageLink: "./Art/sballgirl11/ztm.gif", - author: "Brittney Postma", - githubLink: "https://github.com/sballgirl11", + artName: 'ZTM Family Animation', + pageLink: './Art/sballgirl11/index.html', + imageLink: './Art/sballgirl11/ztm.gif', + author: 'Brittney Postma', + githubLink: 'https://github.com/sballgirl11' }, { - artName: "Calm", - pageLink: "./Art/TMax/index.html", - imageLink: "./Art/TMax/Choas.gif", - author: "Tanesha", - githubLink: "https://github.com/Mainemirror", + artName: 'Calm', + pageLink: './Art/TMax/index.html', + imageLink: './Art/TMax/Choas.gif', + author: 'Tanesha', + githubLink: 'https://github.com/Mainemirror' }, { - artName: "Eyes", - pageLink: "./Art/Ltheory/main.html", - imageLink: "./Art/Ltheory/eyes.gif", - author: "Ltheory", - githubLink: "https://github.com/Ltheory", + artName: 'Eyes', + pageLink: './Art/Ltheory/main.html', + imageLink: './Art/Ltheory/eyes.gif', + author: 'Ltheory', + githubLink: 'https://github.com/Ltheory' }, { - artName: "Jelly!", - pageLink: "./Art/Pete331/index.html", - imageLink: "./Art/Pete331/jelly.png", - author: "Pete331", - githubLink: "https://github.com/Pete331", + artName: 'Jelly!', + pageLink: './Art/Pete331/index.html', + imageLink: './Art/Pete331/jelly.png', + author: 'Pete331', + githubLink: 'https://github.com/Pete331' }, { - artName: "clock-animation", - pageLink: "./Art/clock-animation/clock.html", - imageLink: "./Art/clock-animation/clock.gif", - author: "Alan sarluv", - githubLink: "https://github.com/alansarluv", + artName: 'clock-animation', + pageLink: './Art/clock-animation/clock.html', + imageLink: './Art/clock-animation/clock.gif', + author: 'Alan sarluv', + githubLink: 'https://github.com/alansarluv' }, { - artName: "Slider", - pageLink: "./Art/furqan/index.html", - imageLink: "./Art/furqan/in.gif", - author: "Furqan", - githubLink: "https://github.com/furki911s", + artName: 'Slider', + pageLink: './Art/furqan/index.html', + imageLink: './Art/furqan/in.gif', + author: 'Furqan', + githubLink: 'https://github.com/furki911s' }, { - artName: "animated-birds", - pageLink: "./Art/g-serban/animated-birds.html", - imageLink: "./Art/g-serban/animated-birds.gif", - author: "g-serban", - githubLink: "https://github.com/g-serban", + artName: 'animated-birds', + pageLink: './Art/g-serban/animated-birds.html', + imageLink: './Art/g-serban/animated-birds.gif', + author: 'g-serban', + githubLink: 'https://github.com/g-serban' }, { - artName: "circle-become-square", - pageLink: "./Art/chathura19/index.html", - imageLink: "./Art/chathura19/chathura.gif", - author: "Chathura Samarajeewa", - githubLink: "https://github.com/ChathuraSam", + artName: 'circle-become-square', + pageLink: './Art/chathura19/index.html', + imageLink: './Art/chathura19/chathura.gif', + author: 'Chathura Samarajeewa', + githubLink: 'https://github.com/ChathuraSam' }, { - artName: "page-flicker", - pageLink: "./Art/neon-flights/page-flicker.html", - imageLink: "./Art/neon-flights/page-flicker.gif", - author: "neon-flights", - githubLink: "https://github.com/neon-flights", + artName: 'page-flicker', + pageLink: './Art/neon-flights/page-flicker.html', + imageLink: './Art/neon-flights/page-flicker.gif', + author: 'neon-flights', + githubLink: 'https://github.com/neon-flights' }, { - artName: "Animate-Name", - pageLink: "./Art/Natalina/index.html", - imageLink: "./Art/Natalina/animatename.gif", - author: "Natalina", - githubLink: "https://github.com/Natalina13", + artName: 'Animate-Name', + pageLink: './Art/Natalina/index.html', + imageLink: './Art/Natalina/animatename.gif', + author: 'Natalina', + githubLink: 'https://github.com/Natalina13' }, { - artName: "Asteroids", - pageLink: "./Art/hrafnkellbaldurs/index.html", - imageLink: "./Art/hrafnkellbaldurs/asteroids.gif", - author: "Hrafnkell Baldursson", - githubLink: "https://github.com/hrafnkellbaldurs", + artName: 'Asteroids', + pageLink: './Art/hrafnkellbaldurs/index.html', + imageLink: './Art/hrafnkellbaldurs/asteroids.gif', + author: 'Hrafnkell Baldursson', + githubLink: 'https://github.com/hrafnkellbaldurs' }, { - artName: "Sliding-Paragraph", - pageLink: "./Art/Prashant/index.html", - imageLink: "./Art/Prashant/slidingparagraph.gif", - author: "Prashant", - githubLink: "https://github.com/Prashant2108", + artName: 'Sliding-Paragraph', + pageLink: './Art/Prashant/index.html', + imageLink: './Art/Prashant/slidingparagraph.gif', + author: 'Prashant', + githubLink: 'https://github.com/Prashant2108' }, { - artName: "Rocket Ship", - pageLink: "./Art/sdangoy/rocket-ship.html", - imageLink: "./Art/sdangoy/Rocket-Ship-Animation.gif", - author: "sdangoy", - githubLink: "https://github.com/sdangoy", + artName: 'Rocket Ship', + pageLink: './Art/sdangoy/rocket-ship.html', + imageLink: './Art/sdangoy/Rocket-Ship-Animation.gif', + author: 'sdangoy', + githubLink: 'https://github.com/sdangoy' }, { - artName: "Spinner", - pageLink: "./Art/Sayan/index.html", - imageLink: "./Art/Sayan/spinner.gif", - author: "ssayanm", - githubLink: "https://github.com/ssayanm", + artName: 'Spinner', + pageLink: './Art/Sayan/index.html', + imageLink: './Art/Sayan/spinner.gif', + author: 'ssayanm', + githubLink: 'https://github.com/ssayanm' }, { - artName: "swivel", - pageLink: "./Art/tusharhanda/index.html", - imageLink: "./Art/tusharhanda/gif.gif", - author: "Tushar", - githubLink: "https://github.com/tusharhanda", + artName: 'swivel', + pageLink: './Art/tusharhanda/index.html', + imageLink: './Art/tusharhanda/gif.gif', + author: 'Tushar', + githubLink: 'https://github.com/tusharhanda' }, { - artName: "Hallows Eve", - pageLink: "./Art/ShanClayton/hallowseve.html", - imageLink: "./Art/ShanClayton/hallowhack.gif", - author: "Shanaun Clayton", - githubLink: "https://github.com/shanclayton", + artName: 'Hallows Eve', + pageLink: './Art/ShanClayton/hallowseve.html', + imageLink: './Art/ShanClayton/hallowhack.gif', + author: 'Shanaun Clayton', + githubLink: 'https://github.com/shanclayton' }, { - artName: "Contraption", - pageLink: "./Art/Aravindh/contraption.html", - imageLink: "./Art/Aravindh/contraption.gif", - author: "Aravindh", - githubLink: "https://github.com/Aravindh-SNR", + artName: 'Contraption', + pageLink: './Art/Aravindh/contraption.html', + imageLink: './Art/Aravindh/contraption.gif', + author: 'Aravindh', + githubLink: 'https://github.com/Aravindh-SNR' }, { - artName: "Rings", - pageLink: "./Art/Kuzmycz/rings.html", - imageLink: "./Art/Kuzmycz/rings.gif", - author: "Mark Kuzmycz", - githubLink: "https://github.com/kuzmycz", + artName: 'Rings', + pageLink: './Art/Kuzmycz/rings.html', + imageLink: './Art/Kuzmycz/rings.gif', + author: 'Mark Kuzmycz', + githubLink: 'https://github.com/kuzmycz' }, { - artName: "Ghost", - pageLink: "./Art/toserjude/index.html", - imageLink: "./Art/toserjude/boo.JPG", - author: "toserjude", - githubLink: "https://github.com/toserjude", + artName: 'Ghost', + pageLink: './Art/toserjude/index.html', + imageLink: './Art/toserjude/boo.JPG', + author: 'toserjude', + githubLink: 'https://github.com/toserjude' }, { - artName: "Gradient circle", - pageLink: "./Art/brettl1991/index.html", - imageLink: "./Art/brettl1991/animation.png", - author: "Agnes Brettl", - githubLink: "https://github.com/brettl1991", + artName: 'Gradient circle', + pageLink: './Art/brettl1991/index.html', + imageLink: './Art/brettl1991/animation.png', + author: 'Agnes Brettl', + githubLink: 'https://github.com/brettl1991' }, { - artName: "Bill Cipher", - pageLink: "./Art/vitoriapena/index.html", - imageLink: "./Art/vitoriapena/bill_cipher.gif", - author: "Vitória Mendes", - githubLink: "https://github.com/vitoriapena", + artName: 'Bill Cipher', + pageLink: './Art/vitoriapena/index.html', + imageLink: './Art/vitoriapena/bill_cipher.gif', + author: 'Vitória Mendes', + githubLink: 'https://github.com/vitoriapena' }, { - artName: "Generate meaning", - pageLink: "./Art/Atif4/index.html", - imageLink: "./Art/Generate meaning.gif", - author: "Atif Iqbal", - githubLink: "https://github.com/atif-dev", + artName: 'Generate meaning', + pageLink: './Art/Atif4/index.html', + imageLink: './Art/Generate meaning.gif', + author: 'Atif Iqbal', + githubLink: 'https://github.com/atif-dev' }, { - artName: "Spooktime", - pageLink: "./Art/AgneDJ/index.html", - imageLink: "./Art/AgneDJ/spooktime.gif", - author: "AgneDJ", - githubLink: "https://github.com/AgneDJ", + artName: 'Spooktime', + pageLink: './Art/AgneDJ/index.html', + imageLink: './Art/AgneDJ/spooktime.gif', + author: 'AgneDJ', + githubLink: 'https://github.com/AgneDJ' }, { - artName: "Gradient circle", - pageLink: "./Art/brettl1991/index.html", - imageLink: "./Art/brettl1991/animation.png", - author: "Agnes Brettl", - githubLink: "https://github.com/brettl1991", + artName: 'Gradient circle', + pageLink: './Art/brettl1991/index.html', + imageLink: './Art/brettl1991/animation.png', + author: 'Agnes Brettl', + githubLink: 'https://github.com/brettl1991' }, { - artName: "Bill Cipher", - pageLink: "./Art/vitoriapena/index.html", - imageLink: "./Art/vitoriapena/bill_cipher.gif", - author: "Vitória Mendes", - githubLink: "https://github.com/vitoriapena", + artName: 'Bill Cipher', + pageLink: './Art/vitoriapena/index.html', + imageLink: './Art/vitoriapena/bill_cipher.gif', + author: 'Vitória Mendes', + githubLink: 'https://github.com/vitoriapena' }, { - artName: "Dizzy", - pageLink: "./Art/antinomy/index.html", - imageLink: "./Art/antinomy/logo-spin.gif", - author: "Antinomezco", - githubLink: "https://github.com/antinomezco", + artName: 'Dizzy', + pageLink: './Art/antinomy/index.html', + imageLink: './Art/antinomy/logo-spin.gif', + author: 'Antinomezco', + githubLink: 'https://github.com/antinomezco' }, { - artName: "bounce", - pageLink: "./Art/bounce/index.html", - imageLink: "./Art/bounce/bounce.gif", - author: "leelacanlale", - githubLink: "https://github.com/leelacanlale", + artName: 'bounce', + pageLink: './Art/bounce/index.html', + imageLink: './Art/bounce/bounce.gif', + author: 'leelacanlale', + githubLink: 'https://github.com/leelacanlale' }, { - artName: "Bubbles", - pageLink: "./Art/bubbles/Bubbles.html", - imageLink: "./Art/bubbles/buubles.png", - author: "michal", - githubLink: "https://github.com/michalAim", + artName: 'Bubbles', + pageLink: './Art/bubbles/Bubbles.html', + imageLink: './Art/bubbles/buubles.png', + author: 'michal', + githubLink: 'https://github.com/michalAim' }, { - artName: "Bar Slide", - pageLink: "./Art/MikeVedsted/index.html", - imageLink: "./Art/MikeVedsted/barslide.png", - author: "Mike Vedsted", - githubLink: "https://github.com/MikeVedsted", + artName: 'Bar Slide', + pageLink: './Art/MikeVedsted/index.html', + imageLink: './Art/MikeVedsted/barslide.png', + author: 'Mike Vedsted', + githubLink: 'https://github.com/MikeVedsted' }, { - artName: "HacktoberFest-2019", - pageLink: "./Art/Atif/index.html", - imageLink: "./Art/Atif/HacktoberFest-19.gif", - author: "Atif Iqbal", - githubLink: "https://github.com/atif-dev", + artName: 'HacktoberFest-2019', + pageLink: './Art/Atif/index.html', + imageLink: './Art/Atif/HacktoberFest-19.gif', + author: 'Atif Iqbal', + githubLink: 'https://github.com/atif-dev' }, { - artName: "Text Animation", - pageLink: "./Art/Divya/index.html", - imageLink: "./Art/Divya/screenshot.png", - author: "Divya", - githubLink: "https://github.com/DivyaPuri25", + artName: 'Text Animation', + pageLink: './Art/Divya/index.html', + imageLink: './Art/Divya/screenshot.png', + author: 'Divya', + githubLink: 'https://github.com/DivyaPuri25' }, { - artName: "HacktoberFest-2019-Entry", - pageLink: "./Art/nunocpnp/index.html", - imageLink: "./Art/nunocpnp/sample_image.jpg", - author: "Nuno Pereira", - githubLink: "https://github.com/nunocpnp", + artName: 'HacktoberFest-2019-Entry', + pageLink: './Art/nunocpnp/index.html', + imageLink: './Art/nunocpnp/sample_image.jpg', + author: 'Nuno Pereira', + githubLink: 'https://github.com/nunocpnp' }, { - artName: "HacktoberFest 2019", - pageLink: "./Art/AbdussamadYisau/index.html", - imageLink: "./Art/AbdussamadYisau/Screenshot.png", - author: "Abdussamad Yisau", - githubLink: "https://github.com/AbdussamadYisau", + artName: 'HacktoberFest 2019', + pageLink: './Art/AbdussamadYisau/index.html', + imageLink: './Art/AbdussamadYisau/Screenshot.png', + author: 'Abdussamad Yisau', + githubLink: 'https://github.com/AbdussamadYisau' }, { - artName: "squareMagic", - pageLink: "./Art/Rajnish-SquareMagic/index.html", - imageLink: "./Art/Rajnish-SquareMagic/squareMagic.png", - author: "Rajnish Kr Singh", - githubLink: "https://github.com/RajnishKrSingh", + artName: 'squareMagic', + pageLink: './Art/Rajnish-SquareMagic/index.html', + imageLink: './Art/Rajnish-SquareMagic/squareMagic.png', + author: 'Rajnish Kr Singh', + githubLink: 'https://github.com/RajnishKrSingh' }, { - artName: "Blinking Hacktober", - pageLink: "./Art/Atif2/index.html", - imageLink: "./Art/Blinking hacktober.gif", - author: "Atif Iqbal", - githubLink: "https://github.com/atif-dev", + artName: 'Blinking Hacktober', + pageLink: './Art/Atif2/index.html', + imageLink: './Art/Blinking hacktober.gif', + author: 'Atif Iqbal', + githubLink: 'https://github.com/atif-dev' }, { - artName: "Robodance", - pageLink: "./Art/robodance/index.html", - imageLink: "./Art/robodance/robodance.gif", - author: "Thomas", - githubLink: "https://github.com/mahlqvist", + artName: 'Robodance', + pageLink: './Art/robodance/index.html', + imageLink: './Art/robodance/robodance.gif', + author: 'Thomas', + githubLink: 'https://github.com/mahlqvist' }, { - artName: "Sliding hacktober", - pageLink: "./Art/Atif3/index.html", - imageLink: "./Art/Atif3/sliding hacktober.gif", - author: "Atif Iqbal", - githubLink: "https://github.com/atif-dev", + artName: 'Sliding hacktober', + pageLink: './Art/Atif3/index.html', + imageLink: './Art/Atif3/sliding hacktober.gif', + author: 'Atif Iqbal', + githubLink: 'https://github.com/atif-dev' }, { - artName: "like-animation", - pageLink: "./Art/gibas79/like-animation.html", - imageLink: "./Art/gibas79/like-animation.gif", - author: "Gilberto Guimarães", - githubLink: "https://github.com/gibas79", + artName: 'like-animation', + pageLink: './Art/gibas79/like-animation.html', + imageLink: './Art/gibas79/like-animation.gif', + author: 'Gilberto Guimarães', + githubLink: 'https://github.com/gibas79' }, { - artName: "ZTM animation", - pageLink: "./Art/ZTManimation/index.html", - author: "damniha", - imageLink: "./Art/ZTManimation/ZTM_animation.gif", - githubLink: "https://github.com/damniha", + artName: 'ZTM animation', + pageLink: './Art/ZTManimation/index.html', + author: 'damniha', + imageLink: './Art/ZTManimation/ZTM_animation.gif', + githubLink: 'https://github.com/damniha' }, { - artName: "Double Helix", - pageLink: "./Art/KeenanNunesVaz/index.html", - imageLink: "./Art/KeenanNunesVaz/double-helix.gif", - author: "KeenanNV", - githubLink: "https://github.com/KeenanNunesVaz", + artName: 'Double Helix', + pageLink: './Art/KeenanNunesVaz/index.html', + imageLink: './Art/KeenanNunesVaz/double-helix.gif', + author: 'KeenanNV', + githubLink: 'https://github.com/KeenanNunesVaz' }, { - artName: "October", - pageLink: "./Art/fprokofiev/index.html", - imageLink: "./Art/fprokofiev/october.gif", - author: "Fyodor Prokofiev", - githubLink: "https://github.com/fprokofiev", + artName: 'October', + pageLink: './Art/fprokofiev/index.html', + imageLink: './Art/fprokofiev/october.gif', + author: 'Fyodor Prokofiev', + githubLink: 'https://github.com/fprokofiev' }, { - artName: "Circle CSS", - pageLink: "./Art/pXxcont/index.html", - imageLink: "./Art/pXxcont/circlecss.png", - author: "fzpX", - githubLink: "https://github.com/fzpX", + artName: 'Circle CSS', + pageLink: './Art/pXxcont/index.html', + imageLink: './Art/pXxcont/circlecss.png', + author: 'fzpX', + githubLink: 'https://github.com/fzpX' }, { - artName: "Asterisk Formation", - pageLink: "./Art/NorahJC/index.html", - imageLink: "./Art/NorahJC/asterisk-formation.gif", - author: "NorahJC", - githubLink: "https://github.com/norahjc", + artName: 'Asterisk Formation', + pageLink: './Art/NorahJC/index.html', + imageLink: './Art/NorahJC/asterisk-formation.gif', + author: 'NorahJC', + githubLink: 'https://github.com/norahjc' }, { - artName: "Bouncing CSS", - pageLink: "./Art/Tina-Hoang/aniframe.html", - imageLink: "./Art/Tina-Hoang/bounce.png", - author: "Tina", - githubLink: "https://github.com/nnh242", + artName: 'Bouncing CSS', + pageLink: './Art/Tina-Hoang/aniframe.html', + imageLink: './Art/Tina-Hoang/bounce.png', + author: 'Tina', + githubLink: 'https://github.com/nnh242' }, { - artName: "Ghost Balls", - pageLink: "./Art/ghostBalls/index.html", - imageLink: "./Art/ghostBalls/balls.png", - author: "Beatriz Delmiro", - githubLink: "https://github.com/biadelmiro", + artName: 'Ghost Balls', + pageLink: './Art/ghostBalls/index.html', + imageLink: './Art/ghostBalls/balls.png', + author: 'Beatriz Delmiro', + githubLink: 'https://github.com/biadelmiro' }, { - artName: "Walking Guy", - pageLink: "./Art/walking-guy/index.html", - imageLink: "./Art/walking-guy/video_gif.gif", - author: "Rahulkumar Jha", - githubLink: "https://github.com/Rahul240499", + artName: 'Walking Guy', + pageLink: './Art/walking-guy/index.html', + imageLink: './Art/walking-guy/video_gif.gif', + author: 'Rahulkumar Jha', + githubLink: 'https://github.com/Rahul240499' }, { - artName: "Hover Neon Animation", - pageLink: "./Art/edjunma/index.html", - imageLink: "./Art/edjunma/ejm-neon.gif", - author: "edjunma", - githubLink: "https://github.com/edjunma", + artName: 'Hover Neon Animation', + pageLink: './Art/edjunma/index.html', + imageLink: './Art/edjunma/ejm-neon.gif', + author: 'edjunma', + githubLink: 'https://github.com/edjunma' }, { - artName: "Last In First Out Animation", - pageLink: "./Art/Stryker/index.html", - imageLink: "./Art/Stryker/zero-to-mastery-lifo-animation.gif", - author: "Stryker Stinnette", - githubLink: "https://github.com/StrykerKent", + artName: 'Last In First Out Animation', + pageLink: './Art/Stryker/index.html', + imageLink: './Art/Stryker/zero-to-mastery-lifo-animation.gif', + author: 'Stryker Stinnette', + githubLink: 'https://github.com/StrykerKent' }, { - artName: "Happy Diwali Animation", - pageLink: "./Art/Apoorva/index.html", - imageLink: "./Art/Apoorva/Screen.gif", - author: "Apoorva", - githubLink: "https://github.com/apoorvamohite", + artName: 'Happy Diwali Animation', + pageLink: './Art/Apoorva/index.html', + imageLink: './Art/Apoorva/Screen.gif', + author: 'Apoorva', + githubLink: 'https://github.com/apoorvamohite' }, { - artName: "Heart Beat", - pageLink: "./Art/naveen-ku/Heart shape.html", - imageLink: "./Art/naveen-ku/Heart shape.gif", - author: "naveen-ku", - githubLink: "https://github.com/naveen-ku", + artName: 'Heart Beat', + pageLink: './Art/naveen-ku/Heart shape.html', + imageLink: './Art/naveen-ku/Heart shape.gif', + author: 'naveen-ku', + githubLink: 'https://github.com/naveen-ku' }, { - artName: "Smoky Text", - pageLink: "./Art/smoky-text/index.html", - imageLink: "./Art/smoky-text/smoky_text_gif.gif", - author: "Rahulkumar Jha", - githubLink: "https://github.com/Rahul240499", + artName: 'Smoky Text', + pageLink: './Art/smoky-text/index.html', + imageLink: './Art/smoky-text/smoky_text_gif.gif', + author: 'Rahulkumar Jha', + githubLink: 'https://github.com/Rahul240499' }, { - artName: "Rainbow and Clouds", - pageLink: "./Art/rainbowclouds/index.html", - imageLink: "./Art/rainbowclouds/rainbowclouds.gif", - author: "isasimoo", - githubLink: "https://github.com/isasimo", + artName: 'Rainbow and Clouds', + pageLink: './Art/rainbowclouds/index.html', + imageLink: './Art/rainbowclouds/rainbowclouds.gif', + author: 'isasimoo', + githubLink: 'https://github.com/isasimo' }, { - artName: "Peek a boo!", - pageLink: "./Art/Virtual1/index.html", - imageLink: "./Art/Virtual1/HappyHalloween.gif", - author: "Jessica Erasmus", - githubLink: "https://github.com/Virtual1", + artName: 'Peek a boo!', + pageLink: './Art/Virtual1/index.html', + imageLink: './Art/Virtual1/HappyHalloween.gif', + author: 'Jessica Erasmus', + githubLink: 'https://github.com/Virtual1' }, { - artName: "prashantM1", - pageLink: "./Art/prashantM1/heart.html", - imageLink: "./Art/prashantM1/heart.gif", - author: "Prashant Maurya", - githubLink: "https://github.com/prashantmaurya228", + artName: 'prashantM1', + pageLink: './Art/prashantM1/heart.html', + imageLink: './Art/prashantM1/heart.gif', + author: 'Prashant Maurya', + githubLink: 'https://github.com/prashantmaurya228' }, { - artName: "prashantM2", - pageLink: "./Art/prashantM2/block.html", - imageLink: "./Art/prashantM2/block.gif", - author: "Prashant Maurya", - githubLink: "https://github.com/prashantmaurya228", + artName: 'prashantM2', + pageLink: './Art/prashantM2/block.html', + imageLink: './Art/prashantM2/block.gif', + author: 'Prashant Maurya', + githubLink: 'https://github.com/prashantmaurya228' }, { - artName: "prashantM3", - pageLink: "./Art/prashantM3/ball.html", - imageLink: "./Art/prashantM3/ball.gif", - author: "Prashant Maurya", - githubLink: "https://github.com/prashantmaurya228", + artName: 'prashantM3', + pageLink: './Art/prashantM3/ball.html', + imageLink: './Art/prashantM3/ball.gif', + author: 'Prashant Maurya', + githubLink: 'https://github.com/prashantmaurya228' }, { - artName: "SquareStar", - pageLink: "./Art/shawn/index.html", - imageLink: "./Art/shawn/square_star.gif", - author: "shawn", - github: "https://github.com/hk2014", + artName: 'SquareStar', + pageLink: './Art/shawn/index.html', + imageLink: './Art/shawn/square_star.gif', + author: 'shawn', + github: 'https://github.com/hk2014' }, { - artName: "prashantM4", - pageLink: "./Art/prashantM4/boxsize.html", - imageLink: "./Art/prashantM4/boxsize.gif", - author: "Prashant Maurya", - githubLink: "https://github.com/prashantmaurya228", + artName: 'prashantM4', + pageLink: './Art/prashantM4/boxsize.html', + imageLink: './Art/prashantM4/boxsize.gif', + author: 'Prashant Maurya', + githubLink: 'https://github.com/prashantmaurya228' }, { - artName: "Happy hacking", - pageLink: "https://github.com/szulima", - imageLink: "./Art/szulima/hacking.gif", - author: "szulima", - githubLink: "https://github.com/szulima", + artName: 'Happy hacking', + pageLink: 'https://github.com/szulima', + imageLink: './Art/szulima/hacking.gif', + author: 'szulima', + githubLink: 'https://github.com/szulima' }, { - artName: "ColorBomb", - pageLink: "./Art/ColorBomb/index.html", - imageLink: "./Art/ColorBomb/ztm.gif", - author: "Rahulm2310", - github: "https://github.com/Rahulm2310", + artName: 'ColorBomb', + pageLink: './Art/ColorBomb/index.html', + imageLink: './Art/ColorBomb/ztm.gif', + author: 'Rahulm2310', + github: 'https://github.com/Rahulm2310' }, { - artName: "Traffic Lights", - pageLink: "./Art/Harry/index.html", - imageLink: "./Art/Harry/lights.gif", - author: "Harry", - githubLink: "https://github.com/legenhairy", + artName: 'Traffic Lights', + pageLink: './Art/Harry/index.html', + imageLink: './Art/Harry/lights.gif', + author: 'Harry', + githubLink: 'https://github.com/legenhairy' }, { - artName: "Glowing Text", - pageLink: "./Art/glowing-text/index.html", - imageLink: "./Art/glowing-text/glowing_text_gif.gif", - author: "Rahulkumar Jha", - githubLink: "https://github.com/Rahul240499", + artName: 'Glowing Text', + pageLink: './Art/glowing-text/index.html', + imageLink: './Art/glowing-text/glowing_text_gif.gif', + author: 'Rahulkumar Jha', + githubLink: 'https://github.com/Rahul240499' }, { - artName: "Ghost Stealth Text", - pageLink: "./Art/Alara Joel/index.html", - imageLink: "./Art/Alara Joel/stealth ghost.png", - author: "Alara Joel", - githubLink: "https://github.com/stealthman22", + artName: 'Ghost Stealth Text', + pageLink: './Art/Alara Joel/index.html', + imageLink: './Art/Alara Joel/stealth ghost.png', + author: 'Alara Joel', + githubLink: 'https://github.com/stealthman22' }, { - artName: "Cactus Balloon", - pageLink: "./Art/cactus/index.html", - imageLink: "./Art/cactus/catus.gif", - author: "Ana Paula Lazzarotto de Lemos", - githubLink: "https://github.com/anapaulalemos", + artName: 'Cactus Balloon', + pageLink: './Art/cactus/index.html', + imageLink: './Art/cactus/catus.gif', + author: 'Ana Paula Lazzarotto de Lemos', + githubLink: 'https://github.com/anapaulalemos' }, { - artName: "Random Color Change", - pageLink: "./Art/toto-titan-developer/index.html", - imageLink: "./Art/toto-titan-developer/RandomColorChange.png", - author: "Wyatt Henderson", - githubLink: "https://github.com/toto-titan-developer", + artName: 'Random Color Change', + pageLink: './Art/toto-titan-developer/index.html', + imageLink: './Art/toto-titan-developer/RandomColorChange.png', + author: 'Wyatt Henderson', + githubLink: 'https://github.com/toto-titan-developer' }, { - artName: "Trial", - pageLink: "./Art/dhennisCssAnimation/index.html", - imageLink: "./Art/dhennisCssAnimation/focusOnTheGood", - author: "Dhennis Lim", - github: "https://github.com/DhennisDavidLim", + artName: 'Trial', + pageLink: './Art/dhennisCssAnimation/index.html', + imageLink: './Art/dhennisCssAnimation/focusOnTheGood', + author: 'Dhennis Lim', + github: 'https://github.com/DhennisDavidLim' }, { - artName: "Rectangular Butterfly", - pageLink: "./Art/muzak-mmd/index.html", - imageLink: "./Art/muzak-mmd/butterfly.gif", - author: "Mbarak", - github: "https://github.com/muzak-mmd", + artName: 'Rectangular Butterfly', + pageLink: './Art/muzak-mmd/index.html', + imageLink: './Art/muzak-mmd/butterfly.gif', + author: 'Mbarak', + github: 'https://github.com/muzak-mmd' }, { - artName: "Simple Text Animation", - pageLink: "./Art/LordZeF/index.html", - imageLink: "./Art/LordZeF/Text-animation.gif", - author: "Lord ZeF", - github: "https://github.com/LordZeF", + artName: 'Simple Text Animation', + pageLink: './Art/LordZeF/index.html', + imageLink: './Art/LordZeF/Text-animation.gif', + author: 'Lord ZeF', + github: 'https://github.com/LordZeF' }, { - artName: "Spinning Japanese", - pageLink: "./Art/nihongo/index.html", - imageLink: "./Art/nihongo/nihongo.gif", - author: "Mike W", - github: "https://github.com/mikewiner", + artName: 'Spinning Japanese', + pageLink: './Art/nihongo/index.html', + imageLink: './Art/nihongo/nihongo.gif', + author: 'Mike W', + github: 'https://github.com/mikewiner' }, { - artName: "Sun", - pageLink: "./Art/Yj/index.html", - imageLink: "./Art/Yj/sun.gif", - author: "Youjung", - github: "https://github.com/rose07a", + artName: 'Sun', + pageLink: './Art/Yj/index.html', + imageLink: './Art/Yj/sun.gif', + author: 'Youjung', + github: 'https://github.com/rose07a' }, { artName: "Guy's", pageLink: "./Art/Guy's/index.html", - imageLink: "", - author: "Guy", - github: "https://github.com/Guy3890", + imageLink: '', + author: 'Guy', + github: 'https://github.com/Guy3890' }, { - artName: "animation-text", - pageLink: "./Art/animation-text/index.html", - imageLink: "./Art/", - author: "alexzemz", - github: "https://github.com/alexzemz", + artName: 'animation-text', + pageLink: './Art/animation-text/index.html', + imageLink: './Art/', + author: 'alexzemz', + github: 'https://github.com/alexzemz' }, { - artName: "Practice", - pageLink: "./Art/SkiingOtter/index.html", - imageLink: "", - author: "SkiingOtter", - github: "https://github.com/SkiingOtter", + artName: 'Practice', + pageLink: './Art/SkiingOtter/index.html', + imageLink: '', + author: 'SkiingOtter', + github: 'https://github.com/SkiingOtter' }, { - artName: "djdougan", - pageLink: "./Art/djdougan/index.html", - imageLink: "./Art/djdougan/css-mouseover-effect.png", - author: "douglas dougan", - github: "https://github.com/djdougan", + artName: 'djdougan', + pageLink: './Art/djdougan/index.html', + imageLink: './Art/djdougan/css-mouseover-effect.png', + author: 'douglas dougan', + github: 'https://github.com/djdougan' }, { - artName: "Animated Background", - pageLink: "./Art/Xarasho-Background/index.html", - imageLink: "", - author: "Alex Xarasho", - github: "https://github.com/Xarasho", + artName: 'Animated Background', + pageLink: './Art/Xarasho-Background/index.html', + imageLink: '', + author: 'Alex Xarasho', + github: 'https://github.com/Xarasho' }, { - artName: "CarvalhoAnimation", - pageLink: "./Art/CarvalhoAnimation/index.html", - imageLink: "./Art/CarvalhoAnimation/Halloween.png", - author: "Alexandre Carvalho", - github: "https://github.com/AlexandreCarvalho1990", + artName: 'CarvalhoAnimation', + pageLink: './Art/CarvalhoAnimation/index.html', + imageLink: './Art/CarvalhoAnimation/Halloween.png', + author: 'Alexandre Carvalho', + github: 'https://github.com/AlexandreCarvalho1990' }, { - artName: "Flower Animation", - pageLink: "./Art/aimee_flowerani/index.html", - imageLink: "./Art/aimee_flowerani/flower.gif", - author: "Aimee Hernandez", - githubLink: "https://github.com/aimeehg", + artName: 'Flower Animation', + pageLink: './Art/aimee_flowerani/index.html', + imageLink: './Art/aimee_flowerani/flower.gif', + author: 'Aimee Hernandez', + githubLink: 'https://github.com/aimeehg' }, { - artName: "3D Spinning Rings", - pageLink: "./Art/frostillicus/index.html", - imageLink: "./Art/frostillicus/spinning_rings.png", - author: "frostillicus", - github: "https://github.com/frostillicus", + artName: '3D Spinning Rings', + pageLink: './Art/frostillicus/index.html', + imageLink: './Art/frostillicus/spinning_rings.png', + author: 'frostillicus', + github: 'https://github.com/frostillicus' }, { - artName: "Flexible Logo", - pageLink: "./Art/Fab1ed/index.html", - imageLink: "./Art/Fab1ed/flex.gif", - author: "Fab1ed", - github: "https://github.com/Fab1ed", + artName: 'Flexible Logo', + pageLink: './Art/Fab1ed/index.html', + imageLink: './Art/Fab1ed/flex.gif', + author: 'Fab1ed', + github: 'https://github.com/Fab1ed' }, { - artName: "Blinking Eye", - pageLink: "./Art/BlinkingEye/index.html", - imageLink: "./Art/BlinkingEye/blinkingeye.gif", - author: "Pavel Perevozchikov", - github: "https://github.com/papapacksoon", + artName: 'Blinking Eye', + pageLink: './Art/BlinkingEye/index.html', + imageLink: './Art/BlinkingEye/blinkingeye.gif', + author: 'Pavel Perevozchikov', + github: 'https://github.com/papapacksoon' }, { - artName: "Zero-to-Logo", - pageLink: "./Art/node.hg/index.html", - imageLink: "./Art/node.hg/ztm.gif", - author: "Harris Gomez", - github: "https://github.com/harrisgomez", + artName: 'Zero-to-Logo', + pageLink: './Art/node.hg/index.html', + imageLink: './Art/node.hg/ztm.gif', + author: 'Harris Gomez', + github: 'https://github.com/harrisgomez' }, { - artName: "Mushyanimation", - pageLink: "./Art/mushyanimation/index.html", - imageLink: "./Art/mushyanimation/mush.gif", - author: "mushymane", - github: "https://github.com/mushymane", + artName: 'Mushyanimation', + pageLink: './Art/mushyanimation/index.html', + imageLink: './Art/mushyanimation/mush.gif', + author: 'mushymane', + github: 'https://github.com/mushymane' }, { - artName: "Flag", - pageLink: "./Art/Batz005/index.html", - imageLink: "./Art/Batz005/flag.gif", - author: "Batz005", - github: "https://github.com/Batz005", + artName: 'Flag', + pageLink: './Art/Batz005/index.html', + imageLink: './Art/Batz005/flag.gif', + author: 'Batz005', + github: 'https://github.com/Batz005' }, { - artName: "Wave", - pageLink: "./Art/Wave_css/index.html", - imageLink: "./Art/Wave_css/wave.gif", - author: "Filippe", - github: "https://github.com/filippebr", + artName: 'Wave', + pageLink: './Art/Wave_css/index.html', + imageLink: './Art/Wave_css/wave.gif', + author: 'Filippe', + github: 'https://github.com/filippebr' }, { - artName: "Preloader", - pageLink: "./Art/mshuber1981/preloader.html", - imageLink: "./Art/mshuber1981/preloader.gif", - author: "Michael Huber", - github: "https://github.com/mshuber1981", + artName: 'Preloader', + pageLink: './Art/mshuber1981/preloader.html', + imageLink: './Art/mshuber1981/preloader.gif', + author: 'Michael Huber', + github: 'https://github.com/mshuber1981' }, { - artName: "Simple Animate ZTM", - pageLink: "./Art/Kweyku/index.html", - imageLink: "./Art/Kweyku/proudZTM.gif", - author: "Kweyku", - github: "https://github.com/Kweyku", + artName: 'Simple Animate ZTM', + pageLink: './Art/Kweyku/index.html', + imageLink: './Art/Kweyku/proudZTM.gif', + author: 'Kweyku', + github: 'https://github.com/Kweyku' }, { - artName: "Heartbeat", - pageLink: "./Art/lysychas/index.html", - imageLink: "./Art/lysychas/heartshot.png", - author: "lysychas", - github: "https://github.com/lysychas", + artName: 'Heartbeat', + pageLink: './Art/lysychas/index.html', + imageLink: './Art/lysychas/heartshot.png', + author: 'lysychas', + github: 'https://github.com/lysychas' }, { - artName: "Hydrogen", - pageLink: "./Art/elias/my-art.html", - imageLink: "./Art/elias/hydrogen.gif", - author: "tesolberg", - github: "https://github.com/tesolberg", + artName: 'Hydrogen', + pageLink: './Art/elias/my-art.html', + imageLink: './Art/elias/hydrogen.gif', + author: 'tesolberg', + github: 'https://github.com/tesolberg' }, { - artName: "Cool-Transition", - pageLink: "./Art/animatomang/html", - videolink: "./Art/animatomang/smoke.mp4", - author: "Syam", - github: "https://github.com/blacktomang", + artName: 'Cool-Transition', + pageLink: './Art/animatomang/html', + videolink: './Art/animatomang/smoke.mp4', + author: 'Syam', + github: 'https://github.com/blacktomang' }, { - artName: "Spinning Square", - pageLink: "./Art/Spinning Square/index.html", - imageLink: "./Art/Spinning Square/square.gif", - author: "Fumi", - github: "https://github.com/fumiadeyemi", + artName: 'Spinning Square', + pageLink: './Art/Spinning Square/index.html', + imageLink: './Art/Spinning Square/square.gif', + author: 'Fumi', + github: 'https://github.com/fumiadeyemi' }, { - artName: "letters-loading", - pageLink: "./Art/franciscomelov/index.html", - imageLink: "./Art/franciscomelov/franciscomelov.gif", - author: "franciscomelov", - githubLink: "https://github.com/franciscomelov", + artName: 'letters-loading', + pageLink: './Art/franciscomelov/index.html', + imageLink: './Art/franciscomelov/franciscomelov.gif', + author: 'franciscomelov', + githubLink: 'https://github.com/franciscomelov' }, { - artName: "Moving Eyeball", - pageLink: "./Art/AnathKantonda/index.html", - imageLink: "./Art/AnathKantonda/movingeyeball.gif", - author: "Anath", - github: "https://github.com/anathkantonda", + artName: 'Moving Eyeball', + pageLink: './Art/AnathKantonda/index.html', + imageLink: './Art/AnathKantonda/movingeyeball.gif', + author: 'Anath', + github: 'https://github.com/anathkantonda' }, { - artName: "Flag Animation - Colomboalemán", - pageLink: "./Art/Matic1909/index.html", - imageLink: "./Art/Matic1909/flag.gif", - author: "Nils Matic", - githubLink: "https://github.com/matic1909", + artName: 'Flag Animation - Colomboalemán', + pageLink: './Art/Matic1909/index.html', + imageLink: './Art/Matic1909/flag.gif', + author: 'Nils Matic', + githubLink: 'https://github.com/matic1909' }, { - artName: "Pac-Man", - pageLink: "./Art/Pac-Man/Pac-Man.html", - imageLink: "./Art/Pac-Man/Pac-Man.gif", - author: "Norbert", - githubLink: "https://github.com/Bynor", + artName: 'Pac-Man', + pageLink: './Art/Pac-Man/Pac-Man.html', + imageLink: './Art/Pac-Man/Pac-Man.gif', + author: 'Norbert', + githubLink: 'https://github.com/Bynor' }, { artName: "Don't follow the light", - pageLink: "./Art/cristobal-heiss/index.html", - imageLink: "./Art/cristobal-heiss/css_animation.gif", - author: "Cristobal Heiss", - githubLink: "https://github.com/ceheiss", + pageLink: './Art/cristobal-heiss/index.html', + imageLink: './Art/cristobal-heiss/css_animation.gif', + author: 'Cristobal Heiss', + githubLink: 'https://github.com/ceheiss' }, { - artName: "Eenimation", - pageLink: "./Art/Eenimation/index.html", - imageLink: "./Art/Eenimation/trance.gif", - author: "Eejaz ishaq", - githubLink: "https://github.com/eejazishaq", + artName: 'Eenimation', + pageLink: './Art/Eenimation/index.html', + imageLink: './Art/Eenimation/trance.gif', + author: 'Eejaz ishaq', + githubLink: 'https://github.com/eejazishaq' }, { - artName: "ripple button", - pageLink: "./Art/monika-sahay/index.html", - imageLink: "./Art/monika-sahay/screen-capture.gif", - author: "monika sahay", - githubLink: "https://github.com/monika-sahay", + artName: 'ripple button', + pageLink: './Art/monika-sahay/index.html', + imageLink: './Art/monika-sahay/screen-capture.gif', + author: 'monika sahay', + githubLink: 'https://github.com/monika-sahay' }, { - artName: "Animation", - pageLink: "./Art/Albertomtferreira/index.html", - imageLink: "./Art/Albertomtferreira/animation.gif", - author: "Alberto Ferreira", - githubLink: "https://github.com/albertomtferreira", + artName: 'Animation', + pageLink: './Art/Albertomtferreira/index.html', + imageLink: './Art/Albertomtferreira/animation.gif', + author: 'Alberto Ferreira', + githubLink: 'https://github.com/albertomtferreira' }, { - artName: "sliding curtains", - pageLink: "./Art/layoayeni/index.html", - imageLink: "./Art/layoayeni/trance.gif", - author: "Layo", - githubLink: "https://github.com/layoayeni", + artName: 'sliding curtains', + pageLink: './Art/layoayeni/index.html', + imageLink: './Art/layoayeni/trance.gif', + author: 'Layo', + githubLink: 'https://github.com/layoayeni' }, { - artName: "Unlocked", - pageLink: "./Art/confusionmatrix98/unlocked.html", - imageLink: "./Art/confusionmatrix98/unlocked.gif", - author: "confusionmatrix98", - githubLink: "https://github.com/confusionmatrix98", + artName: 'Unlocked', + pageLink: './Art/confusionmatrix98/unlocked.html', + imageLink: './Art/confusionmatrix98/unlocked.gif', + author: 'confusionmatrix98', + githubLink: 'https://github.com/confusionmatrix98' }, { - artName: "Slovenian flag", + artName: 'Slovenian flag', pageLink: "./Art/Ivan's art/index.html", imageLink: "./Art/Ivan's art/Ivan-art.gif", - author: "kljuni", - githubLink: "https://github.com/kljuni", + author: 'kljuni', + githubLink: 'https://github.com/kljuni' }, { - artName: "Police Siren", - pageLink: "./Art/ShimShon1/policia.html", - imageLink: "./Art/ShimShon1/police.gif", - author: "ShimShon1", - githubLink: "https://github.com/ShimShon1", + artName: 'Police Siren', + pageLink: './Art/ShimShon1/policia.html', + imageLink: './Art/ShimShon1/police.gif', + author: 'ShimShon1', + githubLink: 'https://github.com/ShimShon1' }, { - artName: "Catch The UFO", - pageLink: "./Art/A-UFO/index.html", - imageLink: "./Art/A-UFO/catch-the-ufo.gif", - author: "Dibakash", - githubLink: "https://github.com/dibakash", + artName: 'Catch The UFO', + pageLink: './Art/A-UFO/index.html', + imageLink: './Art/A-UFO/catch-the-ufo.gif', + author: 'Dibakash', + githubLink: 'https://github.com/dibakash' }, { - artName: "dk649", - pageLink: "./Art/dk649/index.html", - imageLink: "./Art/dk649/circle.gif", - author: "dk649", - githubLink: "https://github.com/dk649", + artName: 'dk649', + pageLink: './Art/dk649/index.html', + imageLink: './Art/dk649/circle.gif', + author: 'dk649', + githubLink: 'https://github.com/dk649' }, { - artName: "Catch The UFO", - pageLink: "./Art/A-UFO/index.html", - imageLink: "./Art/A-UFO/catch-the-ufo.gif", - author: "Dibakash", - githubLink: "https://github.com/dibakash", + artName: 'Catch The UFO', + pageLink: './Art/A-UFO/index.html', + imageLink: './Art/A-UFO/catch-the-ufo.gif', + author: 'Dibakash', + githubLink: 'https://github.com/dibakash' }, { - artName: "Beer", - pageLink: "./Art/beer/index.html", - imageLink: "./Art/beer/beer.gif", - author: "CamJackson", - githubLink: "https://github.com/CamJackson-Dev", + artName: 'Beer', + pageLink: './Art/beer/index.html', + imageLink: './Art/beer/beer.gif', + author: 'CamJackson', + githubLink: 'https://github.com/CamJackson-Dev' }, { - artName: "1rotate", - pageLink: "./Art/1rotate/index.html", - imageLink: "./Art/1rotate/rotation.gif", - author: "Himanshu Gawari", - githubLink: "https://github.com/himanshugawari", + artName: '1rotate', + pageLink: './Art/1rotate/index.html', + imageLink: './Art/1rotate/rotation.gif', + author: 'Himanshu Gawari', + githubLink: 'https://github.com/himanshugawari' }, { - artName: "Moving Box", - pageLink: "./Art/JerylDEv/index.html", - imageLink: "./Art/JerylDEv/movingbox.gif", - author: "JerylDEv", - githubLink: "https://github.com/JerylDEv", + artName: 'Moving Box', + pageLink: './Art/JerylDEv/index.html', + imageLink: './Art/JerylDEv/movingbox.gif', + author: 'JerylDEv', + githubLink: 'https://github.com/JerylDEv' }, { - artName: "New move", - pageLink: "./Art/NewMove/index.html", - imageLink: "./Art/NewMove/NewMove.gif", - author: "kzhecheva", - githubLink: "https://github.com/kzhecheva", + artName: 'New move', + pageLink: './Art/NewMove/index.html', + imageLink: './Art/NewMove/NewMove.gif', + author: 'kzhecheva', + githubLink: 'https://github.com/kzhecheva' }, { - artName: "animatron", - pageLink: "./Art/animatron/index.html", - imageLink: "./Art/animatron/trance.gif", + artName: 'animatron', + pageLink: './Art/animatron/index.html', + imageLink: './Art/animatron/trance.gif' }, { - artName: "Swing", - pageLink: "./Art/evangel/index.html", - imageLink: "./Art/evangel/swing.gif", - githubLink: "https://github.com/devevangel", + artName: 'Swing', + pageLink: './Art/evangel/index.html', + imageLink: './Art/evangel/swing.gif', + githubLink: 'https://github.com/devevangel' }, { - artName: "rashid", - pageLink: "./Art/rashid/index.html", - imageLink: "./Art/rashid/DNA.gif", - author: "Rashid Makki", - githubLink: "https://github.com/rashidmakki", + artName: 'rashid', + pageLink: './Art/rashid/index.html', + imageLink: './Art/rashid/DNA.gif', + author: 'Rashid Makki', + githubLink: 'https://github.com/rashidmakki' }, { - artName: "queer quarantine", - pageLink: "./Art/animatron/queer.html", - imageLink: "./Art/animatron/queer.gif", + artName: 'queer quarantine', + pageLink: './Art/animatron/queer.html', + imageLink: './Art/animatron/queer.gif' }, { - artName: "Animatron", - pageLink: "./Art/animatron/index.html", - imageLink: "./Art/animatron/trance.gif", - author: "Cassandre Perron", - githubLink: "https://github.com/cassandreperron", + artName: 'Animatron', + pageLink: './Art/animatron/index.html', + imageLink: './Art/animatron/trance.gif', + author: 'Cassandre Perron', + githubLink: 'https://github.com/cassandreperron' }, { - artName: "Sun Bursts", - pageLink: "./Art/steveSchaner/index.html", - imageLink: "./Art/steveSchaner/sunburst.gif", - author: "Steve Schaner", - githubLink: "https://github.com/sschaner", + artName: 'Sun Bursts', + pageLink: './Art/steveSchaner/index.html', + imageLink: './Art/steveSchaner/sunburst.gif', + author: 'Steve Schaner', + githubLink: 'https://github.com/sschaner' }, { - artName: "Shravan", - pageLink: "./Art/Shravan/animation_shr_page.html", - imageLink: "./Art/Shravan/animation_shr.gif", - author: "Shravan Kumar", - githubLink: "https://github.com/shravan1508", + artName: 'Shravan', + pageLink: './Art/Shravan/animation_shr_page.html', + imageLink: './Art/Shravan/animation_shr.gif', + author: 'Shravan Kumar', + githubLink: 'https://github.com/shravan1508' }, { - artName: "Jurassic Park", - pageLink: "./Art/tvasari/index.html", - imageLink: "./Art/tvasari/jurassic_park.gif", - author: "Tommaso Vasari", - githubLink: "https://github.com/tvasari", + artName: 'Jurassic Park', + pageLink: './Art/tvasari/index.html', + imageLink: './Art/tvasari/jurassic_park.gif', + author: 'Tommaso Vasari', + githubLink: 'https://github.com/tvasari' }, { - artName: "Bounce", - pageLink: "./Art/samya/index.html", - imageLink: "./Art/samya/samya.gif", - author: "Samya Thakur", - githubLink: "https://github.com/samyathakur", + artName: 'Bounce', + pageLink: './Art/samya/index.html', + imageLink: './Art/samya/samya.gif', + author: 'Samya Thakur', + githubLink: 'https://github.com/samyathakur' }, { - artName: "Egg_Loading", - pageLink: "./Art/egg_loading/index.html", - imageLink: "./Art/samya/egg_loading.gif", - author: "Ulisse Dantas", - githubLink: "https://github.com/ulissesnew", + artName: 'Egg_Loading', + pageLink: './Art/egg_loading/index.html', + imageLink: './Art/samya/egg_loading.gif', + author: 'Ulisse Dantas', + githubLink: 'https://github.com/ulissesnew' }, { - artName: "We stay at home to save lives", - pageLink: "./Art/Shatabdi/index.html", - imageLink: "./Art/Shatabdi/WE STAY AT HOME TO SAVE LIVES.gif", - author: "Shatabdi Roy", - githubLink: "https://github.com/RoyShatabdi", + artName: 'We stay at home to save lives', + pageLink: './Art/Shatabdi/index.html', + imageLink: './Art/Shatabdi/WE STAY AT HOME TO SAVE LIVES.gif', + author: 'Shatabdi Roy', + githubLink: 'https://github.com/RoyShatabdi' }, { - artName: "Egg_Loading", - pageLink: "./Art/egg_loading/index.html", - imageLink: "./Art/egg_loading/egg_loading.gif", - author: "Ulisse Dantas", - githubLink: "https://github.com/ulissesnew", + artName: 'Egg_Loading', + pageLink: './Art/egg_loading/index.html', + imageLink: './Art/egg_loading/egg_loading.gif', + author: 'Ulisse Dantas', + githubLink: 'https://github.com/ulissesnew' }, { - artName: "We stay at home to save lives", - pageLink: "./Art/Shatabdi/index.html", - imageLink: "./Art/Shatabdi/WE STAY AT HOME TO SAVE LIVES.gif", - author: "Shatabdi Roy", - githubLink: "https://github.com/RoyShatabdi", + artName: 'We stay at home to save lives', + pageLink: './Art/Shatabdi/index.html', + imageLink: './Art/Shatabdi/WE STAY AT HOME TO SAVE LIVES.gif', + author: 'Shatabdi Roy', + githubLink: 'https://github.com/RoyShatabdi' }, { - artName: "Animatron", - pageLink: "./Art/animatronky/index.html", - imageLink: "./Art/animatronky/trance.gif", - author: "kylenrich", - githubLink: "https://github.com/kylenrich24", + artName: 'Animatron', + pageLink: './Art/animatronky/index.html', + imageLink: './Art/animatronky/trance.gif', + author: 'kylenrich', + githubLink: 'https://github.com/kylenrich24' }, { - artName: "bouncing ball", - pageLink: "./Art/alexgp/index.html", - imageLink: "./Art/Alexgp/bouncegif.gif", - author: "AlexGP257", - githubLink: "https://github.com/Alexgp257", + artName: 'bouncing ball', + pageLink: './Art/alexgp/index.html', + imageLink: './Art/Alexgp/bouncegif.gif', + author: 'AlexGP257', + githubLink: 'https://github.com/Alexgp257' }, { - artName: "Cool Waves", - pageLink: "./Art/RaulC/index.html", - imageLink: "./Art/RaulC/coolwaves.gif", - author: "Raul Contreras", - githubLink: "https://github.com/rcc01", + artName: 'Cool Waves', + pageLink: './Art/RaulC/index.html', + imageLink: './Art/RaulC/coolwaves.gif', + author: 'Raul Contreras', + githubLink: 'https://github.com/rcc01' }, { - artName: "Snowfall", - pageLink: "./Art/chaitali_snowfall/index.html", - imageLink: "./Art/chaitali_snowfall/snowgif.gif", - author: "Chaitali", - githubLink: "https://github.com/chaitali-more", + artName: 'Snowfall', + pageLink: './Art/chaitali_snowfall/index.html', + imageLink: './Art/chaitali_snowfall/snowgif.gif', + author: 'Chaitali', + githubLink: 'https://github.com/chaitali-more' }, { - artName: "Rotate Circle", - pageLink: "./Art/dimor/animation.html", - imageLink: "./Art/dimor/rotate.gif", - author: "dimor", - githubLink: "https://github.com/dimor", + artName: 'Rotate Circle', + pageLink: './Art/dimor/animation.html', + imageLink: './Art/dimor/rotate.gif', + author: 'dimor', + githubLink: 'https://github.com/dimor' }, { - artName: "Hello world", - pageLink: "./Art/warren8689/index.html", - imageLink: "./Art/warren8689/screenshot.png", - author: "Warren", - githubLink: "https://github.com/warrren8689", + artName: 'Hello world', + pageLink: './Art/warren8689/index.html', + imageLink: './Art/warren8689/screenshot.png', + author: 'Warren', + githubLink: 'https://github.com/warrren8689' }, { - artName: "360 Varial Kickflip", - pageLink: "./Art/DICHAMOTO/index.html", - imageLink: "./Art/DICHAMOTO/360_Varial_Kickflip.gif", - author: "DICHAMOTO", - githubLink: "https://github.com/DICHAMOTO", + artName: '360 Varial Kickflip', + pageLink: './Art/DICHAMOTO/index.html', + imageLink: './Art/DICHAMOTO/360_Varial_Kickflip.gif', + author: 'DICHAMOTO', + githubLink: 'https://github.com/DICHAMOTO' }, { - artName: "Crazy Square", - pageLink: "./Art/colorSquare/index.html", - imageLink: "./Art/colorSquare/colorsquare.gif", - author: "TiagoChicoo", - githubLink: "https://github.com/tiagochicoo", + artName: 'Crazy Square', + pageLink: './Art/colorSquare/index.html', + imageLink: './Art/colorSquare/colorsquare.gif', + author: 'TiagoChicoo', + githubLink: 'https://github.com/tiagochicoo' }, { - artName: "Alexhover", - pageLink: "./Art/Alexhover/index.html", - imageLink: "./Art/Alexhover/Alexhover.gif", - author: "Alex", - githubLink: "https://github.com/alesgainza", + artName: 'Alexhover', + pageLink: './Art/Alexhover/index.html', + imageLink: './Art/Alexhover/Alexhover.gif', + author: 'Alex', + githubLink: 'https://github.com/alesgainza' }, { - artName: "Imperial CSS Driod", - pageLink: "./Art/Imperial_CSS_Driod/index.html", - imageLink: "./Art/Imperial_CSS_Driod/ImperialDriod.gif", - author: "Captian-Rocket", - githubLink: "https://github.com/captian-rocket", + artName: 'Imperial CSS Driod', + pageLink: './Art/Imperial_CSS_Driod/index.html', + imageLink: './Art/Imperial_CSS_Driod/ImperialDriod.gif', + author: 'Captian-Rocket', + githubLink: 'https://github.com/captian-rocket' }, { - artName: "HamidAnime", - pageLink: "./Art/HamidAnime/index.html", - imageLink: "./Art/HamidAnime/Capture.gif", - author: "Hamid", - githubLink: "https://github.com/HamidGoudarzi1988", + artName: 'HamidAnime', + pageLink: './Art/HamidAnime/index.html', + imageLink: './Art/HamidAnime/Capture.gif', + author: 'Hamid', + githubLink: 'https://github.com/HamidGoudarzi1988' }, { - artName: "Imperial CSS Driod", - pageLink: "./Art/Imperial_CSS_Driod/index.html", - imageLink: "./Art/Imperial_CSS_Driod/ImperialDriod.gif", - author: "Captian-Rocket", - githubLink: "https://github.com/captian-rocket", + artName: 'Imperial CSS Driod', + pageLink: './Art/Imperial_CSS_Driod/index.html', + imageLink: './Art/Imperial_CSS_Driod/ImperialDriod.gif', + author: 'Captian-Rocket', + githubLink: 'https://github.com/captian-rocket' }, { - artName: "Mario Game", - pageLink: "./Art/emmeiwhite/index.html", - imageLink: "./Art/emmeiwhite/mario-game.gif", - author: "Emmeiwhite", - githubLink: "https://github.com/emmeiwhite", + artName: 'Mario Game', + pageLink: './Art/emmeiwhite/index.html', + imageLink: './Art/emmeiwhite/mario-game.gif', + author: 'Emmeiwhite', + githubLink: 'https://github.com/emmeiwhite' }, { - artName: "360 Varial Kickflip", - pageLink: "./Art/DICHAMOTO/index.html", - imageLink: "./Art/DICHAMOTO/360_Varial_Kickflip.gif", - author: "DICHAMOTO", - githubLink: "https://github.com/DICHAMOTO", + artName: '360 Varial Kickflip', + pageLink: './Art/DICHAMOTO/index.html', + imageLink: './Art/DICHAMOTO/360_Varial_Kickflip.gif', + author: 'DICHAMOTO', + githubLink: 'https://github.com/DICHAMOTO' }, { - artName: "Bouncer the Bouncy Box", - pageLink: "./Art/RussD/index.html", - imageLink: "./Art/RussD/bouncer-the-bouncy-box.png", - author: "Russell", - githubLink: "https://github.com/rdyer07", + artName: 'Bouncer the Bouncy Box', + pageLink: './Art/RussD/index.html', + imageLink: './Art/RussD/bouncer-the-bouncy-box.png', + author: 'Russell', + githubLink: 'https://github.com/rdyer07' }, { - artName: "3D Infinite Loop Sprites Cards", - pageLink: "./Art/luiavag/index.html", - imageLink: "./Art/luiavag/luiavag_3D_Infinite_Loop.gif", - author: "LuVAGu", - githubLink: "https://github.com/luiavag", + artName: '3D Infinite Loop Sprites Cards', + pageLink: './Art/luiavag/index.html', + imageLink: './Art/luiavag/luiavag_3D_Infinite_Loop.gif', + author: 'LuVAGu', + githubLink: 'https://github.com/luiavag' }, { - artName: "Star Wars", - pageLink: "./Art/ChiragAgarwal/index.html", - imageLink: "./Art/ChiragAgarwal/star_wars.gif", - author: "Chirag Agarwal", - githubLink: "https://github.com/chiragragarwal", + artName: 'Star Wars', + pageLink: './Art/ChiragAgarwal/index.html', + imageLink: './Art/ChiragAgarwal/star_wars.gif', + author: 'Chirag Agarwal', + githubLink: 'https://github.com/chiragragarwal' }, { - artName: "ImageGallery", - pageLink: "./Art/Hoverimage/index.html", - imageLink: "./Art/Hoverimage/hoverimage.gif", - author: "Siddhant Jain", - githubLink: "https://github.com/Sid-web6306", + artName: 'ImageGallery', + pageLink: './Art/Hoverimage/index.html', + imageLink: './Art/Hoverimage/hoverimage.gif', + author: 'Siddhant Jain', + githubLink: 'https://github.com/Sid-web6306' }, { - artName: "characterwalking", - pageLink: "./Art/characterwalkingChetan/index.html", - imageLink: "./Art/characterwalkingChetan/image.png", - author: "Chetan Muliya", - githubLink: "https://github.com/chetanmuliya", + artName: 'characterwalking', + pageLink: './Art/characterwalkingChetan/index.html', + imageLink: './Art/characterwalkingChetan/image.png', + author: 'Chetan Muliya', + githubLink: 'https://github.com/chetanmuliya' }, { - artName: "Grow", - pageLink: "./Art/octavioLafourcade/index.html", - imageLink: "./Art/octavioLafourcade/animation.gif", - author: "Octavio Lafourcade", - githubLink: "https://github.com/tavolafourcade", + artName: 'Grow', + pageLink: './Art/octavioLafourcade/index.html', + imageLink: './Art/octavioLafourcade/animation.gif', + author: 'Octavio Lafourcade', + githubLink: 'https://github.com/tavolafourcade' }, { - artName: "Slats", - pageLink: "./Art/Sagaquisces/index.html", - imageLink: "./Art/Hoverimage/slats.gif", - author: "Michael David Dunlap", - githubLink: "https://github.com/sagaquisces", + artName: 'Slats', + pageLink: './Art/Sagaquisces/index.html', + imageLink: './Art/Hoverimage/slats.gif', + author: 'Michael David Dunlap', + githubLink: 'https://github.com/sagaquisces' }, { - artName: "Coffee", - pageLink: "./Art/animate-coffee/index.html", - imageLink: "./Art/animate-coffee/ezgif.com-video-to-gif.gif", - author: "Elise Welch", - githubLink: "https://github.com/EliseWelch", + artName: 'Coffee', + pageLink: './Art/animate-coffee/index.html', + imageLink: './Art/animate-coffee/ezgif.com-video-to-gif.gif', + author: 'Elise Welch', + githubLink: 'https://github.com/EliseWelch' }, { - artName: "Blended", - pageLink: "./Art/Pro-animate/index.html", - imageLink: "./Art/Pro-animate/Blended.gif", - author: "Promise Nwafor", - githubLink: "https://github.com/emPro-source", + artName: 'Blended', + pageLink: './Art/Pro-animate/index.html', + imageLink: './Art/Pro-animate/Blended.gif', + author: 'Promise Nwafor', + githubLink: 'https://github.com/emPro-source' }, { - artName: "sproutseeds", - pageLink: "./Art/sproutseeds/index.html", - imageLink: "https://codepen.io/_Sabine/pen/yGGLON", - author: "_Sabine", + artName: 'sproutseeds', + pageLink: './Art/sproutseeds/index.html', + imageLink: 'https://codepen.io/_Sabine/pen/yGGLON', + author: '_Sabine' }, { - artName: "aninikhil", - pageLink: "./Art/aninikhil/index.html", - imageLink: "./Art/aninikhil/nik.jpg", - author: "Nikhil N G", - githubLink: "https://github.com/nikhilng99", + artName: 'aninikhil', + pageLink: './Art/aninikhil/index.html', + imageLink: './Art/aninikhil/nik.jpg', + author: 'Nikhil N G', + githubLink: 'https://github.com/nikhilng99' }, { - artName: "Playballs", - pageLink: "./Art/playballs/index.html", - imageLink: "./Art/playballs/playballs.gif", - author: "Omar Jabaly", - githubLink: "https://github.com/Omarjabaly", + artName: 'Playballs', + pageLink: './Art/playballs/index.html', + imageLink: './Art/playballs/playballs.gif', + author: 'Omar Jabaly', + githubLink: 'https://github.com/Omarjabaly' }, { - artName: "simpleAnimation", - pageLink: "./Art/cazabe/index.html", - imageLink: "./Art/cazabe/mrRobot.png", - author: "cazabe", - githubLink: "https://github.com/cazabe", + artName: 'simpleAnimation', + pageLink: './Art/cazabe/index.html', + imageLink: './Art/cazabe/mrRobot.png', + author: 'cazabe', + githubLink: 'https://github.com/cazabe' }, { - artName: "Dragon", - pageLink: "./Art/Dragon/index.html", - imageLink: "./Art/Joy/smallDragon.gif", - author: "nikicivan", - githubLink: "https://github.com/nikicivan", + artName: 'Dragon', + pageLink: './Art/Dragon/index.html', + imageLink: './Art/Joy/smallDragon.gif', + author: 'nikicivan', + githubLink: 'https://github.com/nikicivan' }, { - artName: "TypingAnimation", - pageLink: "./Art/yogi_the_bear/index.html", - imageLink: "./Art/yogi_the_bear/my_animation.gif", - author: "yogev", - githubLink: "https://github.com/yogevHenig", + artName: 'TypingAnimation', + pageLink: './Art/yogi_the_bear/index.html', + imageLink: './Art/yogi_the_bear/my_animation.gif', + author: 'yogev', + githubLink: 'https://github.com/yogevHenig' }, { - artName: "Mario Kart Animation", - pageLink: "./Art/mario2/index.html", - imageLink: "./Art/mario2/mario.png", - author: "Sakshi Sinha", - githubLink: "https://github.com/sakshi-1", + artName: 'Mario Kart Animation', + pageLink: './Art/mario2/index.html', + imageLink: './Art/mario2/mario.png', + author: 'Sakshi Sinha', + githubLink: 'https://github.com/sakshi-1' }, { - artName: "NarutoAnimation", - pageLink: "./Art/Tgoslee/index.html", - imageLink: "./Art/Tgoslee/Naruto.gif", - author: "Trenisha", - githubLink: "https://github.com/tgoslee", + artName: 'NarutoAnimation', + pageLink: './Art/Tgoslee/index.html', + imageLink: './Art/Tgoslee/Naruto.gif', + author: 'Trenisha', + githubLink: 'https://github.com/tgoslee' }, { - artName: "Jackony", - pageLink: "./Art/Yaseen_Mohammed/index.html", - imageLink: "./Art/Yaseen_Mohammed/pichatcho.gif", - author: "Yaseen_Mohammed", - githubLink: "https://yaseenaiman.github.io/", + artName: 'Jackony', + pageLink: './Art/Yaseen_Mohammed/index.html', + imageLink: './Art/Yaseen_Mohammed/pichatcho.gif', + author: 'Yaseen_Mohammed', + githubLink: 'https://yaseenaiman.github.io/' }, { - artName: "DVRU", - pageLink: "./Art/dvru/index.html", - imageLink: "./Art/dvru/dvru.gif", - author: "dvru", - githubLink: "https://github.com/dvru", + artName: 'DVRU', + pageLink: './Art/dvru/index.html', + imageLink: './Art/dvru/dvru.gif', + author: 'dvru', + githubLink: 'https://github.com/dvru' }, { - artName: "Coulisse", - pageLink: "./Art/Ayoubahida/index.html", - imageLink: "./Art/Ayoubahida/coulisseAnimation.gif", - author: "Ayoubahida", - githubLink: "https://github.com/Ayoubahida", + artName: 'Coulisse', + pageLink: './Art/Ayoubahida/index.html', + imageLink: './Art/Ayoubahida/coulisseAnimation.gif', + author: 'Ayoubahida', + githubLink: 'https://github.com/Ayoubahida' }, { - artName: "TextAnimation", - pageLink: "./Art/TextAnimation/index.html", - imageLink: "./Art/TextAnimation/welcome.gif", - author: "waleed", - githubLink: "https://github.com/waleed-1993", + artName: 'TextAnimation', + pageLink: './Art/TextAnimation/index.html', + imageLink: './Art/TextAnimation/welcome.gif', + author: 'waleed', + githubLink: 'https://github.com/waleed-1993' }, { - artName: "Animatron", - pageLink: "./Art/Animatron/index.html", - imageLink: "./Art/Joy/trance.gif", - author: "farhan", - githubLink: "https://github.com/fnahmad", + artName: 'Animatron', + pageLink: './Art/Animatron/index.html', + imageLink: './Art/Joy/trance.gif', + author: 'farhan', + githubLink: 'https://github.com/fnahmad' }, { - artName: "Sky", - pageLink: "./Art/marijapanic/index.html", - imageLink: "./Art/marijapanic/clouds.gif", - author: "marijapanic", - githubLink: "https://github.com/marijapanic", + artName: 'Sky', + pageLink: './Art/marijapanic/index.html', + imageLink: './Art/marijapanic/clouds.gif', + author: 'marijapanic', + githubLink: 'https://github.com/marijapanic' }, { - artName: "GreenFunnel", - pageLink: "./Art/GreenFunnel/index.html", - imageLink: "./Art/GreenFunnel/green-funnel.gif", - author: "sergiorra", - githubLink: "https://github.com/sergiorra", + artName: 'GreenFunnel', + pageLink: './Art/GreenFunnel/index.html', + imageLink: './Art/GreenFunnel/green-funnel.gif', + author: 'sergiorra', + githubLink: 'https://github.com/sergiorra' }, { - artName: "mig", - pageLink: "./Art/mig/index.html", - imageLink: "./Art/mig/squares.gif", - author: "mig", - githubLink: "https://github.com/miguel231997", + artName: 'mig', + pageLink: './Art/mig/index.html', + imageLink: './Art/mig/squares.gif', + author: 'mig', + githubLink: 'https://github.com/miguel231997' }, { - artName: "RabbitHopping", - pageLink: "./Art/tigerlight/index.html", - imageLink: "./Art/tigerlight/RabbitHopping.gif", - author: "tigerlight", - githubLink: "https://github.com/tigerlight", + artName: 'RabbitHopping', + pageLink: './Art/tigerlight/index.html', + imageLink: './Art/tigerlight/RabbitHopping.gif', + author: 'tigerlight', + githubLink: 'https://github.com/tigerlight' }, { - artName: "Picture Pop", - pageLink: "./Art/Ford CSS Animation/index.html", - imageLink: "./Art/Ford CSS Animation/Ford gif.gif", - author: "klf006", - githubLink: "https://github.com/klf006", + artName: 'Picture Pop', + pageLink: './Art/Ford CSS Animation/index.html', + imageLink: './Art/Ford CSS Animation/Ford gif.gif', + author: 'klf006', + githubLink: 'https://github.com/klf006' }, { - artName: "Smoke Animation", - pageLink: "./Art/smoke Animation/index.html", - imageLink: "./Art/smoke Animation/Capture.png", - author: "aman-cse", - githubLink: "https://github.com/aman-cse", + artName: 'Smoke Animation', + pageLink: './Art/smoke Animation/index.html', + imageLink: './Art/smoke Animation/Capture.png', + author: 'aman-cse', + githubLink: 'https://github.com/aman-cse' }, { - artName: "BH", - pageLink: "./Art/animationBH/index.html", - imageLink: "", - author: "BH", - githubLink: "https://github.com/huynhcongbaotran", + artName: 'BH', + pageLink: './Art/animationBH/index.html', + imageLink: '', + author: 'BH', + githubLink: 'https://github.com/huynhcongbaotran' }, { - artName: "bounce", - pageLink: "./Art/naina/index.html", - imageLink: "./Art/naina/bounce.gif", - author: "Naina", - githubLink: "https://github.com/naina010", + artName: 'bounce', + pageLink: './Art/naina/index.html', + imageLink: './Art/naina/bounce.gif', + author: 'Naina', + githubLink: 'https://github.com/naina010' }, { - artName: "Motivation", - pageLink: "./Art/motivation/index.html", - imageLink: "./Art/motivation/motivation.gif", - author: "Art", - githubLink: "https://github.com/artbalahadia", + artName: 'Motivation', + pageLink: './Art/motivation/index.html', + imageLink: './Art/motivation/motivation.gif', + author: 'Art', + githubLink: 'https://github.com/artbalahadia' }, { - artName: "Doraemon-Ball", - pageLink: "./Art/DhirajKaushik/index.html", - imageLink: "./Art/DhirajKaushik/doremon.gif", - author: "Dhiraj Kaushik", - githubLink: "https://github.com/dhirajkaushik321", + artName: 'Doraemon-Ball', + pageLink: './Art/DhirajKaushik/index.html', + imageLink: './Art/DhirajKaushik/doremon.gif', + author: 'Dhiraj Kaushik', + githubLink: 'https://github.com/dhirajkaushik321' }, { - artName: "EverettAnimation", - pageLink: "./Art/EverettAnimation/index.html", - imageLink: "./Art/Joy/game.jpg", - author: "Claudia", - githubLink: "https://github.com/claudiabringaseverett", + artName: 'EverettAnimation', + pageLink: './Art/EverettAnimation/index.html', + imageLink: './Art/Joy/game.jpg', + author: 'Claudia', + githubLink: 'https://github.com/claudiabringaseverett' }, { - artName: "helloooo", - pageLink: "./Art/shitman0930/index.html", - imageLink: "./Art/shitman0930/eyes.gif", - author: "shitman0930", - githubLink: "https://github.com/shitman0930", + artName: 'helloooo', + pageLink: './Art/shitman0930/index.html', + imageLink: './Art/shitman0930/eyes.gif', + author: 'shitman0930', + githubLink: 'https://github.com/shitman0930' }, { - artName: "Animato", - pageLink: "./Art/panduka_karunasena_animato/index.html", - imageLink: "./Art/panduka_karunasena_animato/animato.gif", - author: "panduka karunasena", - githubLink: "https://github.com/pandukakarunasena", + artName: 'Animato', + pageLink: './Art/panduka_karunasena_animato/index.html', + imageLink: './Art/panduka_karunasena_animato/animato.gif', + author: 'panduka karunasena', + githubLink: 'https://github.com/pandukakarunasena' }, { - artName: "anishprj", - pageLink: "./Art/anishprj/index.html", - author: "Anish Ghimire", - githubLink: "https://github.com/anishprj/", + artName: 'anishprj', + pageLink: './Art/anishprj/index.html', + author: 'Anish Ghimire', + githubLink: 'https://github.com/anishprj/' }, { - artName: "Toshman Animation", - pageLink: "./Art/Toshman Animation/index.html", - imageLink: "./Art/Toshman Animation/animation demo.gif", - author: "Toshman-hub", - githubLink: "https://github.com/Toshman-hub", + artName: 'Toshman Animation', + pageLink: './Art/Toshman Animation/index.html', + imageLink: './Art/Toshman Animation/animation demo.gif', + author: 'Toshman-hub', + githubLink: 'https://github.com/Toshman-hub' }, { - artName: "alexandraturony87", - pageLink: "./Art/alexandraturony87/index.html", - imageLink: "./Art/alexandraturony87/ephiphany.gif", - author: "Alexandra Turony", - githubLink: "https://github.com/alexandraturony87", + artName: 'alexandraturony87', + pageLink: './Art/alexandraturony87/index.html', + imageLink: './Art/alexandraturony87/ephiphany.gif', + author: 'Alexandra Turony', + githubLink: 'https://github.com/alexandraturony87' }, { - artName: "Ball Crazy", - pageLink: "./Art/tanyamiranda/ballcrazy.html", - imageLink: "./Art/tanyamiranda/ballcrazy.gif", - author: "Tanya Miranda", - githubLink: "https://github.com/tanyamiranda", + artName: 'Ball Crazy', + pageLink: './Art/tanyamiranda/ballcrazy.html', + imageLink: './Art/tanyamiranda/ballcrazy.gif', + author: 'Tanya Miranda', + githubLink: 'https://github.com/tanyamiranda' }, { - artName: "Simple Animation Trick!", - pageLink: "./Art/mismail-541/index.html", - imageLink: "./Art/mismail-541/simple-animation-trick.gif", - author: "mismail-541", - githubLink: "https://github.com/mismail-541", + artName: 'Simple Animation Trick!', + pageLink: './Art/mismail-541/index.html', + imageLink: './Art/mismail-541/simple-animation-trick.gif', + author: 'mismail-541', + githubLink: 'https://github.com/mismail-541' }, { - artName: "CORONA TOILET PAPER", - pageLink: "./Art/WissAnimation/index.html", - imageLink: "./Art/WissAnimation/Toiletpaperrun.png", - author: "Wiss", - githubLink: "https://github.com/Wissemfars", + artName: 'CORONA TOILET PAPER', + pageLink: './Art/WissAnimation/index.html', + imageLink: './Art/WissAnimation/Toiletpaperrun.png', + author: 'Wiss', + githubLink: 'https://github.com/Wissemfars' }, { - artName: "verticalBarsAnimation", - pageLink: "./Art/verticalBarsAnimation/index.html", - imageLink: "./Art/verticalBarsAnimation/verticalBarsAnimation.gif", - author: "Marius Negru", - githubLink: "https://github.com/I3lackMarius", + artName: 'verticalBarsAnimation', + pageLink: './Art/verticalBarsAnimation/index.html', + imageLink: './Art/verticalBarsAnimation/verticalBarsAnimation.gif', + author: 'Marius Negru', + githubLink: 'https://github.com/I3lackMarius' }, { - artName: "Calcopod", - pageLink: "./Art/Calcopod/index.html", - imageLink: "./Art/Calcopod/giffed.gif", - author: "Calcopod", - githubLink: "https://github.com/Calcopod", + artName: 'Calcopod', + pageLink: './Art/Calcopod/index.html', + imageLink: './Art/Calcopod/giffed.gif', + author: 'Calcopod', + githubLink: 'https://github.com/Calcopod' }, { - artName: "Robot Dance", - pageLink: "./Art/jnch009/index.html", - imageLink: "./Art/jnch009/robotjnch009.gif", - author: "Jeremy Ng", - githubLink: "https://github.com/jnch009", + artName: 'Robot Dance', + pageLink: './Art/jnch009/index.html', + imageLink: './Art/jnch009/robotjnch009.gif', + author: 'Jeremy Ng', + githubLink: 'https://github.com/jnch009' }, { - artName: "Equalizer", - pageLink: "./Art/prathmeshgujar/index.html", - imageLink: "./Art/prathmeshgujar/equalizer.gif", - author: "Prathmesh Gujar", - githubLink: "https://github.com/prathmeshgujar", + artName: 'Equalizer', + pageLink: './Art/prathmeshgujar/index.html', + imageLink: './Art/prathmeshgujar/equalizer.gif', + author: 'Prathmesh Gujar', + githubLink: 'https://github.com/prathmeshgujar' }, { - artName: "Castle", - pageLink: "./Art/Yakraj/index.html", - imageLink: "./Art/Yakraj/castle.gif", - author: "Yakraj", - githubLink: "https://github.com/yakraj", + artName: 'Castle', + pageLink: './Art/Yakraj/index.html', + imageLink: './Art/Yakraj/castle.gif', + author: 'Yakraj', + githubLink: 'https://github.com/yakraj' }, { - artName: "Shimmering Stars", - pageLink: "./Art/Pranav/index.html", - imageLink: "./Art/Pranav/shimmering-stars.gif", - author: "Pranav Sood", - githubLink: "https://github.com/prnv06", + artName: 'Shimmering Stars', + pageLink: './Art/Pranav/index.html', + imageLink: './Art/Pranav/shimmering-stars.gif', + author: 'Pranav Sood', + githubLink: 'https://github.com/prnv06' }, { - artName: "Dancing Square", - pageLink: "./Art/chansart/index.html", - imageLink: "./Art/chansart/chansart.gif", - author: "Chansart", - githubLink: "https://github.com/chansart", + artName: 'Dancing Square', + pageLink: './Art/chansart/index.html', + imageLink: './Art/chansart/chansart.gif', + author: 'Chansart', + githubLink: 'https://github.com/chansart' }, { - artName: "Animatron", - pageLink: "./Art/animatron/index.html", - imageLink: "./Art/animatron/trance.gif", - author: "Sujal", - githubLink: "https://github.com/Sujal7689", + artName: 'Animatron', + pageLink: './Art/animatron/index.html', + imageLink: './Art/animatron/trance.gif', + author: 'Sujal', + githubLink: 'https://github.com/Sujal7689' }, { - artName: "fire flicker", - pageLink: "./Art/hemantrawat/index.html", - imageLink: "./Art/hemantrawat/index.gif", - author: "Hemant Rawat", - githubLink: "https://github.com/He-mantRawat", + artName: 'fire flicker', + pageLink: './Art/hemantrawat/index.html', + imageLink: './Art/hemantrawat/index.gif', + author: 'Hemant Rawat', + githubLink: 'https://github.com/He-mantRawat' }, { - artName: "Bouncing Ball", - pageLink: "./Art/bouncingBall/bouncing ball.html", - imageLink: "./Art/bouncingBall/bouncingball.gif", - author: "Pravin deva", - githubLink: "https://github.com/pravindeva", + artName: 'Bouncing Ball', + pageLink: './Art/bouncingBall/bouncing ball.html', + imageLink: './Art/bouncingBall/bouncingball.gif', + author: 'Pravin deva', + githubLink: 'https://github.com/pravindeva' }, { - artName: "Animated Landing Page", - pageLink: "./Art/animatedLandingPage01/index.html", - imageLink: "./Art/animatedLandingPage01/ezgif.com-video-to-gif", - author: "Aneta-s", - githubLink: "https://github.com/aneta-s", + artName: 'Animated Landing Page', + pageLink: './Art/animatedLandingPage01/index.html', + imageLink: './Art/animatedLandingPage01/ezgif.com-video-to-gif', + author: 'Aneta-s', + githubLink: 'https://github.com/aneta-s' }, { - artName: "Goraved", - pageLink: "./Art/goraved/index.html", - imageLink: "./Art/goraved/goraved_animation.gif", - author: "Roman Pobotin (Goraved)", - githubLink: "https://github.com/goraved", + artName: 'Goraved', + pageLink: './Art/goraved/index.html', + imageLink: './Art/goraved/goraved_animation.gif', + author: 'Roman Pobotin (Goraved)', + githubLink: 'https://github.com/goraved' }, { - artName: "Doraemon", - pageLink: "./Art/Ranajit/doraemon.html", - imageLink: "./Art/animatron/doraemon.gif", - author: "Ranajit", - githubLink: "https://github.com/basak-32", + artName: 'Doraemon', + pageLink: './Art/Ranajit/doraemon.html', + imageLink: './Art/animatron/doraemon.gif', + author: 'Ranajit', + githubLink: 'https://github.com/basak-32' }, { - artName: "Ax Dev", - pageLink: "./Art/axdev/test.html", - imageLink: "./Art/axdev/gif.gif", - author: "Axel Avila", - githubLink: "https://github.com/axavila", + artName: 'Ax Dev', + pageLink: './Art/axdev/test.html', + imageLink: './Art/axdev/gif.gif', + author: 'Axel Avila', + githubLink: 'https://github.com/axavila' }, { - artName: "Magic Circle", - pageLink: "./Art/magpiet/index.html", - imageLink: "./Art/magpiet/gif.gif", - author: "Magnus Cromwell", - githubLink: "https://github.com/magpiet", + artName: 'Magic Circle', + pageLink: './Art/magpiet/index.html', + imageLink: './Art/magpiet/gif.gif', + author: 'Magnus Cromwell', + githubLink: 'https://github.com/magpiet' }, { - artName: "Pulsing Circle", - pageLink: "./Art/innape/index.html", - imageLink: "./Art/innape/Pulsing Cirkle.gif", - author: "innape", - githubLink: "https://github.com/innape", + artName: 'Pulsing Circle', + pageLink: './Art/innape/index.html', + imageLink: './Art/innape/Pulsing Cirkle.gif', + author: 'innape', + githubLink: 'https://github.com/innape' }, { - artName: "Bouncing Ball", - pageLink: "./Art/BouncingBall/index.html", - imageLink: "./Art/BouncingBall/BouncingBall.gif", - author: "Satish Pokala", - githubLink: "https://github.com/Satishpokala124", + artName: 'Bouncing Ball', + pageLink: './Art/BouncingBall/index.html', + imageLink: './Art/BouncingBall/BouncingBall.gif', + author: 'Satish Pokala', + githubLink: 'https://github.com/Satishpokala124' }, { - artName: "Daredevil", - pageLink: "./Art/daredevil/index.html", - imageLink: "./Art/daredevil/daredevil.gif", - author: "Vivek Raj", - githubLink: "https://github.com/vivekrajx", + artName: 'Daredevil', + pageLink: './Art/daredevil/index.html', + imageLink: './Art/daredevil/daredevil.gif', + author: 'Vivek Raj', + githubLink: 'https://github.com/vivekrajx' }, { - artName: "hover Me", - pageLink: "./Art/hoverMe/index.html", - author: "Bleron88", - githubLink: "https://github.com/bleron88", + artName: 'hover Me', + pageLink: './Art/hoverMe/index.html', + author: 'Bleron88', + githubLink: 'https://github.com/bleron88' }, { artName: "Adam's Animation", pageLink: "./Art/Adam's Animation/index.html", imageLink: "./Art/Adam's Animation/animation.gif", - author: "Adam Hills", - githubLink: "https://github.com/adamhills91", + author: 'Adam Hills', + githubLink: 'https://github.com/adamhills91' }, { - artName: "Spin it", - pageLink: "./Art/b-ed/index.html", - imageLink: "./Art/b-ed/Hnet.com-image.gif", - author: "Edd", - githubLink: "https://github.com/b-ed", + artName: 'Spin it', + pageLink: './Art/b-ed/index.html', + imageLink: './Art/b-ed/Hnet.com-image.gif', + author: 'Edd', + githubLink: 'https://github.com/b-ed' }, { - artName: "playstation-anim", - pageLink: "./Art/playstation-anim/index.html", - imageLink: "./Art/playstation-anim/ps.gif", - author: "seif1125", - githubLink: "https://github.com/seif1125", + artName: 'playstation-anim', + pageLink: './Art/playstation-anim/index.html', + imageLink: './Art/playstation-anim/ps.gif', + author: 'seif1125', + githubLink: 'https://github.com/seif1125' }, { - artName: "Ritika", - pageLink: "./Art/Ritika/index.html", - imageLink: "./Art/Ritika/warrior.png", - author: "Ritika", - githubLink: "https://github.com/Ritika-soni", + artName: 'Ritika', + pageLink: './Art/Ritika/index.html', + imageLink: './Art/Ritika/warrior.png', + author: 'Ritika', + githubLink: 'https://github.com/Ritika-soni' }, { - artName: "Animatron", - pageLink: "./Art/animatron/index.html", - imageLink: "./Art/animatron/colourpencils.png", - author: "jahid hasan", - githubLink: "https://github.com/jahidhasan299/", + artName: 'Animatron', + pageLink: './Art/animatron/index.html', + imageLink: './Art/animatron/colourpencils.png', + author: 'jahid hasan', + githubLink: 'https://github.com/jahidhasan299/' }, { - artName: "Animatron2", - pageLink: "./Art/Animatron2/index.html", - imageLink: "./Art/Animatron2/trance.gif", - author: "PUNKLANCER", - githubLink: "https://github.com/PUNKLANCER/", + artName: 'Animatron2', + pageLink: './Art/Animatron2/index.html', + imageLink: './Art/Animatron2/trance.gif', + author: 'PUNKLANCER', + githubLink: 'https://github.com/PUNKLANCER/' }, { - artName: "Text_Animation", - pageLink: "./Art/Text_Animation/index.html", - imageLink: "./Art/Text_Animation/text.gif", - author: "Christian", - githubLink: "https://github.com/mkBraga", + artName: 'Text_Animation', + pageLink: './Art/Text_Animation/index.html', + imageLink: './Art/Text_Animation/text.gif', + author: 'Christian', + githubLink: 'https://github.com/mkBraga' }, { - artName: "Practice", - pageLink: "./Art/Practice/index.html", - imageLink: "./Art/Joy/triangle.gif", - author: "MuGenFJ", - githubLink: "https://github.com/MuGenFJ/", + artName: 'Practice', + pageLink: './Art/Practice/index.html', + imageLink: './Art/Joy/triangle.gif', + author: 'MuGenFJ', + githubLink: 'https://github.com/MuGenFJ/' }, { - artName: "Tile", - pageLink: "./Art/weilincheng/index.html", - imageLink: "./Art/weilincheng/tile.gif", - author: "weilincheng", - githubLink: "https://github.com/weilincheng", + artName: 'Tile', + pageLink: './Art/weilincheng/index.html', + imageLink: './Art/weilincheng/tile.gif', + author: 'weilincheng', + githubLink: 'https://github.com/weilincheng' }, { - artName: "TemidoRochaSpin", - pageLink: "./Art/temido_rocha_animation/index.html", - imageLink: "./Art/temido_rocha_animation/TemidoRocha.gif", - author: "TemidoRocha", - githubLink: "https://github.com/TemidoRocha", + artName: 'TemidoRochaSpin', + pageLink: './Art/temido_rocha_animation/index.html', + imageLink: './Art/temido_rocha_animation/TemidoRocha.gif', + author: 'TemidoRocha', + githubLink: 'https://github.com/TemidoRocha' }, { - artName: "Tile", - pageLink: "./Art/weilincheng/index.html", - imageLink: "./Art/weilincheng/tile.gif", - author: "weilincheng", - githubLink: "https://github.com/weilincheng", + artName: 'Tile', + pageLink: './Art/weilincheng/index.html', + imageLink: './Art/weilincheng/tile.gif', + author: 'weilincheng', + githubLink: 'https://github.com/weilincheng' }, { - artName: "fire flicker", - pageLink: "./Art/hemantrawat/index.html", - imageLink: "./Art/hemantrawat/index.gif", - author: "Hemant Rawat", - githubLink: "https://github.com/He-mantRawat", + artName: 'fire flicker', + pageLink: './Art/hemantrawat/index.html', + imageLink: './Art/hemantrawat/index.gif', + author: 'Hemant Rawat', + githubLink: 'https://github.com/He-mantRawat' }, { - artName: "Bouncing Ball", - pageLink: "./Art/bouncingBall/bouncing ball.html", - imageLink: "./Art/bouncingBall/bouncingball.gif", - author: "Pravin deva", - githubLink: "https://github.com/pravindeva", + artName: 'Bouncing Ball', + pageLink: './Art/bouncingBall/bouncing ball.html', + imageLink: './Art/bouncingBall/bouncingball.gif', + author: 'Pravin deva', + githubLink: 'https://github.com/pravindeva' }, { - artName: "Animated Landing Page", - pageLink: "./Art/animatedLandingPage without bar/index.html", - imageLink: "./Art/animatedLandingPage without bar/ezgif.com-video-to-gif", - author: "Aneta-s", - githubLink: "https://github.com/aneta-s", + artName: 'Animated Landing Page', + pageLink: './Art/animatedLandingPage without bar/index.html', + imageLink: './Art/animatedLandingPage without bar/ezgif.com-video-to-gif', + author: 'Aneta-s', + githubLink: 'https://github.com/aneta-s' }, { - artName: "Goraved", - pageLink: "./Art/goraved/index.html", - imageLink: "./Art/goraved/goraved_animation.gif", - author: "Roman Pobotin (Goraved)", - githubLink: "https://github.com/goraved", + artName: 'Goraved', + pageLink: './Art/goraved/index.html', + imageLink: './Art/goraved/goraved_animation.gif', + author: 'Roman Pobotin (Goraved)', + githubLink: 'https://github.com/goraved' }, { - artName: "Doraemon", - pageLink: "./Art/Ranajit/doraemon.html", - imageLink: "./Art/animatron/doraemon.gif", - author: "Ranajit", - githubLink: "https://github.com/basak-32", + artName: 'Doraemon', + pageLink: './Art/Ranajit/doraemon.html', + imageLink: './Art/animatron/doraemon.gif', + author: 'Ranajit', + githubLink: 'https://github.com/basak-32' }, { - artName: "Ax Dev", - pageLink: "./Art/axdev/test.html", - imageLink: "./Art/axdev/gif.gif", - author: "Axel Avila", - githubLink: "https://github.com/axavila", + artName: 'Ax Dev', + pageLink: './Art/axdev/test.html', + imageLink: './Art/axdev/gif.gif', + author: 'Axel Avila', + githubLink: 'https://github.com/axavila' }, { - artName: "Magic Circle", - pageLink: "./Art/magpiet/index.html", - imageLink: "./Art/magpiet/gif.gif", - author: "Magnus Cromwell", - githubLink: "https://github.com/magpiet", + artName: 'Magic Circle', + pageLink: './Art/magpiet/index.html', + imageLink: './Art/magpiet/gif.gif', + author: 'Magnus Cromwell', + githubLink: 'https://github.com/magpiet' }, { - artName: "Bouncing Ball", - pageLink: "./Art/Bouncing Ball/index.html", - imageLink: "./Art/cazabe/Bouncing Ball.gif", - author: "Satish Pokala", - githubLink: "https://github.com/Satishpokala124", + artName: 'Bouncing Ball', + pageLink: './Art/Bouncing Ball/index.html', + imageLink: './Art/cazabe/Bouncing Ball.gif', + author: 'Satish Pokala', + githubLink: 'https://github.com/Satishpokala124' }, { - artName: "Daredevil", - pageLink: "./Art/daredevil/index.html", - imageLink: "./Art/daredevil/daredevil.gif", - author: "Vivek Raj", - githubLink: "https://github.com/vivekrajx", + artName: 'Daredevil', + pageLink: './Art/daredevil/index.html', + imageLink: './Art/daredevil/daredevil.gif', + author: 'Vivek Raj', + githubLink: 'https://github.com/vivekrajx' }, { - artName: "hover Me", - pageLink: "./Art/hoverMe/index.html", - author: "Bleron88", - githubLink: "https://github.com/bleron88", + artName: 'hover Me', + pageLink: './Art/hoverMe/index.html', + author: 'Bleron88', + githubLink: 'https://github.com/bleron88' }, { - artName: "Happy Balloon", - pageLink: "./Art/ztollef/index.html", - imageLink: "./Art/ztollef/balloon.gif.", - author: "ztollef", - githubLink: "https://github.com/ztollef", + artName: 'Happy Balloon', + pageLink: './Art/ztollef/index.html', + imageLink: './Art/ztollef/balloon.gif.', + author: 'ztollef', + githubLink: 'https://github.com/ztollef' }, { - artName: "playstation-anim", - pageLink: "./Art/playstation-anim/index.html", - imageLink: "./Art/playstation-anim/ps.gif", - author: "seif1125", - githubLink: "https://github.com/seif1125", + artName: 'playstation-anim', + pageLink: './Art/playstation-anim/index.html', + imageLink: './Art/playstation-anim/ps.gif', + author: 'seif1125', + githubLink: 'https://github.com/seif1125' }, { - artName: "Ritika", - pageLink: "./Art/Ritika/index.html", - imageLink: "./Art/Ritika/warrior.png", - author: "Ritika", - githubLink: "https://github.com/Ritika-soni", + artName: 'Ritika', + pageLink: './Art/Ritika/index.html', + imageLink: './Art/Ritika/warrior.png', + author: 'Ritika', + githubLink: 'https://github.com/Ritika-soni' }, { - artName: "Animatron", - pageLink: "./Art/animatron/index.html", - imageLink: "./Art/animatron/colourpencils.png", - author: "jahid hasan", - githubLink: "https://github.com/jahidhasan299/", + artName: 'Animatron', + pageLink: './Art/animatron/index.html', + imageLink: './Art/animatron/colourpencils.png', + author: 'jahid hasan', + githubLink: 'https://github.com/jahidhasan299/' }, { - artName: "Animatron2", - pageLink: "./Art/Animatron2/index.html", - imageLink: "./Art/Animatron2/trance.gif", - author: "PUNKLANCER", - githubLink: "https://github.com/PUNKLANCER/", + artName: 'Animatron2', + pageLink: './Art/Animatron2/index.html', + imageLink: './Art/Animatron2/trance.gif', + author: 'PUNKLANCER', + githubLink: 'https://github.com/PUNKLANCER/' }, { - artName: "Text_Animation", - pageLink: "./Art/Text_Animation/index.html", - imageLink: "./Art/Text_Animation/text.gif", - author: "Christian", - githubLink: "https://github.com/mkBraga", + artName: 'Text_Animation', + pageLink: './Art/Text_Animation/index.html', + imageLink: './Art/Text_Animation/text.gif', + author: 'Christian', + githubLink: 'https://github.com/mkBraga' }, { - artName: "Practice", - pageLink: "./Art/Practice/index.html", - imageLink: "./Art/Joy/triangle.gif", - author: "MuGenFJ", - githubLink: "https://github.com/MuGenFJ/", + artName: 'Practice', + pageLink: './Art/Practice/index.html', + imageLink: './Art/Joy/triangle.gif', + author: 'MuGenFJ', + githubLink: 'https://github.com/MuGenFJ/' }, { - artName: "Tile", - pageLink: "./Art/weilincheng/index.html", - imageLink: "./Art/weilincheng/tile.gif", - author: "weilincheng", - githubLink: "https://github.com/weilincheng", + artName: 'Tile', + pageLink: './Art/weilincheng/index.html', + imageLink: './Art/weilincheng/tile.gif', + author: 'weilincheng', + githubLink: 'https://github.com/weilincheng' }, { - artName: "Circle Pulse", - pageLink: "./Art/circle-pulse/index.html", - imageLink: "./Art/circle-pulse/circle-pulse.gif", - author: "jmorr002", - githubLink: "https://github.com/jmorr002", + artName: 'Circle Pulse', + pageLink: './Art/circle-pulse/index.html', + imageLink: './Art/circle-pulse/circle-pulse.gif', + author: 'jmorr002', + githubLink: 'https://github.com/jmorr002' }, { - artName: "Flare Spin", - pageLink: "./Art/mykz1608/index.html", - imageLink: "", - author: "mykz1608", - githubLink: "https://github.com/mykz1608", + artName: 'Flare Spin', + pageLink: './Art/mykz1608/index.html', + imageLink: '', + author: 'mykz1608', + githubLink: 'https://github.com/mykz1608' }, { - artName: "MexicanMustache", - pageLink: "./Art/AnimatedMustache/index.html", - imageLink: "./Art/AnimatedMustache/MexicanMustache.gif", - author: "Andrés Alonso Gálvez", - githubLink: "https://github.com/Dondesconton/", + artName: 'MexicanMustache', + pageLink: './Art/AnimatedMustache/index.html', + imageLink: './Art/AnimatedMustache/MexicanMustache.gif', + author: 'Andrés Alonso Gálvez', + githubLink: 'https://github.com/Dondesconton/' }, { - artName: "css", - pageLink: "./Art/2.css/index.html", - imageLink: "./Art/2.css/css.gif", + artName: 'css', + pageLink: './Art/2.css/index.html', + imageLink: './Art/2.css/css.gif' }, { - artName: "Square Color Change", - pageLink: "./Art/baesyc/index.html", - imageLink: "./Art/baesyc/square.gif", - author: "Baesyc", - githubLink: "https://github.com/baesyc", + artName: 'Square Color Change', + pageLink: './Art/baesyc/index.html', + imageLink: './Art/baesyc/square.gif', + author: 'Baesyc', + githubLink: 'https://github.com/baesyc' }, { - artName: "MexicanMustache", - pageLink: "./Art/AnimatedMustache/index.html", - imageLink: "./Art/AnimatedMustache/MexicanMustache.gif", - author: "Andrés Alonso Gálvez", - githubLink: "https://github.com/Dondesconton/", + artName: 'MexicanMustache', + pageLink: './Art/AnimatedMustache/index.html', + imageLink: './Art/AnimatedMustache/MexicanMustache.gif', + author: 'Andrés Alonso Gálvez', + githubLink: 'https://github.com/Dondesconton/' }, { - artName: "Chanimation", - pageLink: "./Art/Chanimation/index.html", - imageLink: "./Art/Chanimation/dancegif.gif", - author: "chandant9", - githubLink: "https://github.com/chandant9/", + artName: 'Chanimation', + pageLink: './Art/Chanimation/index.html', + imageLink: './Art/Chanimation/dancegif.gif', + author: 'chandant9', + githubLink: 'https://github.com/chandant9/' }, { - artName: "DancingGroot", - pageLink: "./Art/m-elina/index.html", - imageLink: "./Art/m-elina/groot_animation.gif", - author: "Melina", - githubLink: "https://github.com/m-elina/", + artName: 'DancingGroot', + pageLink: './Art/m-elina/index.html', + imageLink: './Art/m-elina/groot_animation.gif', + author: 'Melina', + githubLink: 'https://github.com/m-elina/' }, { - artName: "Animatron", - pageLink: "./Art/animatron/index.html", - imageLink: "./Art/animatron/trance.gif", - author: "Andrew", - githubLink: "https://github.com/andrewbom/", + artName: 'Animatron', + pageLink: './Art/animatron/index.html', + imageLink: './Art/animatron/trance.gif', + author: 'Andrew', + githubLink: 'https://github.com/andrewbom/' }, { - artName: "rainbows", - pageLink: "./Art/vassilchiev/index.html", - imageLink: "./Art/vassilchiev/giphy.gif", - author: "Vassil", - githubLink: "https://github.com/vassilchiev/", + artName: 'rainbows', + pageLink: './Art/vassilchiev/index.html', + imageLink: './Art/vassilchiev/giphy.gif', + author: 'Vassil', + githubLink: 'https://github.com/vassilchiev/' }, { artName: "Zai's Orbitron", - pageLink: "./Art/zai/index.html", - imageLink: "./Art/zai/zais_orbitron.gif", - author: "5amm5", - githubLink: "https://github.com/5amm5965/", + pageLink: './Art/zai/index.html', + imageLink: './Art/zai/zais_orbitron.gif', + author: '5amm5', + githubLink: 'https://github.com/5amm5965/' }, { artName: "404's crying baby page", - pageLink: "./Art/papfal/index.html", - imageLink: "./Art/papfal/HTML-404-Crying-Baby-Page.gif", - author: "papfal", - githubLink: "https://github.com/papfal/", + pageLink: './Art/papfal/index.html', + imageLink: './Art/papfal/HTML-404-Crying-Baby-Page.gif', + author: 'papfal', + githubLink: 'https://github.com/papfal/' }, { - artName: "ani-3d", - pageLink: "./Art/ani-3d/ani-3d.html", - imageLink: "./Art/ani-3d/ani-3d.gif", - author: "clyde166", - githubLink: "https://github.com/clyde166/", + artName: 'ani-3d', + pageLink: './Art/ani-3d/ani-3d.html', + imageLink: './Art/ani-3d/ani-3d.gif', + author: 'clyde166', + githubLink: 'https://github.com/clyde166/' }, { - artName: "Boy", - pageLink: "./Art/Boy/index.html", - imageLink: "./Art/Boy/Boy with house.png", - author: "Gajhendran", - githubLink: "https://github.com/Gajhendran/", + artName: 'Boy', + pageLink: './Art/Boy/index.html', + imageLink: './Art/Boy/Boy with house.png', + author: 'Gajhendran', + githubLink: 'https://github.com/Gajhendran/' }, { - artName: "Funimation", - pageLink: "./Art/Funimation/index.html", - imageLink: "./Art/Funimation/Funimation.gif", - author: "Pratik", - githubLink: "https://github.com/pratikrana1998/", + artName: 'Funimation', + pageLink: './Art/Funimation/index.html', + imageLink: './Art/Funimation/Funimation.gif', + author: 'Pratik', + githubLink: 'https://github.com/pratikrana1998/' }, { - artName: "Jungle Monkey", - pageLink: "./Art/AMCodin/index.html", - imageLink: "./Art/AMCodin/monkey.gif", - author: "AMCodin", - githubLink: "https://github.com/amcodin", + artName: 'Jungle Monkey', + pageLink: './Art/AMCodin/index.html', + imageLink: './Art/AMCodin/monkey.gif', + author: 'AMCodin', + githubLink: 'https://github.com/amcodin' }, { - artName: "bellow", - pageLink: "./Art/fran/index.html", - imageLink: "./Art/fran/bellow.gif", - author: "franzwah", - githubLink: "https://github.com/franzwah", + artName: 'bellow', + pageLink: './Art/fran/index.html', + imageLink: './Art/fran/bellow.gif', + author: 'franzwah', + githubLink: 'https://github.com/franzwah' }, { - artName: "Typing Indicator", - pageLink: "./Art/jacob-bacon/index.html", - imageLink: "./Art/jacob-bacon/jacob-bacon-art.JPG", - author: "jacob-bacon", - githubLink: "https://github.com/jacob-bacon", + artName: 'Typing Indicator', + pageLink: './Art/jacob-bacon/index.html', + imageLink: './Art/jacob-bacon/jacob-bacon-art.JPG', + author: 'jacob-bacon', + githubLink: 'https://github.com/jacob-bacon' }, { - artName: "Colination", - pageLink: "./Art/colination/index.html", - imageLink: "./Art/colination/animation.png", - author: "colinJR95", - githublink: "https://github.com/colinJR95", + artName: 'Colination', + pageLink: './Art/colination/index.html', + imageLink: './Art/colination/animation.png', + author: 'colinJR95', + githublink: 'https://github.com/colinJR95' }, { - artName: "Glowing Circle by Leem Plays", - pageLink: "./Art/AliHaidar/index.html", - imageLink: "./Art/AliHaidar/giphy.gif", - author: "alihaidar2950", - githubLink: "https://github.com/alihaidar2950", + artName: 'Glowing Circle by Leem Plays', + pageLink: './Art/AliHaidar/index.html', + imageLink: './Art/AliHaidar/giphy.gif', + author: 'alihaidar2950', + githubLink: 'https://github.com/alihaidar2950' }, { - artName: "bouncy-ball", - pageLink: "./Art/bouncy-ball/ty.html", - imageLink: "./Art/bouncy-ball/bouncy-ball.gif", - author: "Huang Yi-Ting", - githubLink: "https://github.com/yiting76", + artName: 'bouncy-ball', + pageLink: './Art/bouncy-ball/ty.html', + imageLink: './Art/bouncy-ball/bouncy-ball.gif', + author: 'Huang Yi-Ting', + githubLink: 'https://github.com/yiting76' }, { - artName: "bouncy-ball", - pageLink: "./Art/bouncy-ball/ty.html", - imageLink: "./Art/bouncy-ball/bouncy-ball.gif", - author: "Huang Yi-Ting", - githubLink: "https://github.com/yiting76", + artName: 'bouncy-ball', + pageLink: './Art/bouncy-ball/ty.html', + imageLink: './Art/bouncy-ball/bouncy-ball.gif', + author: 'Huang Yi-Ting', + githubLink: 'https://github.com/yiting76' }, { - artName: "Tronix", - pageLink: "./Art/visiona/index.html", - imageLink: "./Art/visiona/tronix.gif", - author: "visiona", - githubLink: "https://github.com/visiona", + artName: 'Tronix', + pageLink: './Art/visiona/index.html', + imageLink: './Art/visiona/tronix.gif', + author: 'visiona', + githubLink: 'https://github.com/visiona' }, { - artName: "Synchronization", - pageLink: "./Art/synchronization!/synchronization", - imageLink: "./Art/synchronization/synchronized_Dots.gif", - author: "Pranjal", - githublink: "https://github.com/Pranjal705", + artName: 'Synchronization', + pageLink: './Art/synchronization!/synchronization', + imageLink: './Art/synchronization/synchronized_Dots.gif', + author: 'Pranjal', + githublink: 'https://github.com/Pranjal705' }, { - artName: "Random Squares", - pageLink: "./Art/Monitha/index.html", - author: "Monitha", - githubLink: "https://github.com/dmonitha", + artName: 'Random Squares', + pageLink: './Art/Monitha/index.html', + author: 'Monitha', + githubLink: 'https://github.com/dmonitha' }, { - artName: "Walking-Man-Front", - pageLink: "./Art/Akhil/index.html", - imageLink: "./Art/Akhil/Walking-man-front.gif", - author: "Akhil", - githubLink: "https://github.com/akhils95", + artName: 'Walking-Man-Front', + pageLink: './Art/Akhil/index.html', + imageLink: './Art/Akhil/Walking-man-front.gif', + author: 'Akhil', + githubLink: 'https://github.com/akhils95' }, { - artName: "Cow-cat", - pageLink: "./Art/Cow-cat/index.html", - imageLink: "./Art/Cow-cat/Cow-cat.gif", - author: "Galia", - githubLink: "https://github.com/galiarudenko", + artName: 'Cow-cat', + pageLink: './Art/Cow-cat/index.html', + imageLink: './Art/Cow-cat/Cow-cat.gif', + author: 'Galia', + githubLink: 'https://github.com/galiarudenko' }, { - artName: "Rainb0w", - pageLink: "./Art/Duka/index.html", - imageLink: "./Art/Duka/rainbow.gif", - author: "Duka", - githubLink: "https://github.com/DusanKrcmarik", + artName: 'Rainb0w', + pageLink: './Art/Duka/index.html', + imageLink: './Art/Duka/rainbow.gif', + author: 'Duka', + githubLink: 'https://github.com/DusanKrcmarik' }, { - artName: "Indian", - pageLink: "./Art/Indian/index.html", - imageLink: "./Art/Indian/Indian.gif", - author: "Duka", - githubLink: "https://github.com/ndvishruth", + artName: 'Indian', + pageLink: './Art/Indian/index.html', + imageLink: './Art/Indian/Indian.gif', + author: 'Duka', + githubLink: 'https://github.com/ndvishruth' }, { - artName: "Animatron", - pageLink: "./Art/sanmitra/index.html", - imageLink: "./Art/sanmitra/index.gif", - author: "sanmitra", + artName: 'Animatron', + pageLink: './Art/sanmitra/index.html', + imageLink: './Art/sanmitra/index.gif', + author: 'sanmitra', - githubLink: "https://github.com/sanmitra1999", + githubLink: 'https://github.com/sanmitra1999' }, { - artName: "Ball-clear", - pageLink: "./Art/Naok000/index.html", - imageLink: "./Art/Naok000/ball-clear.gif", - author: "Naok000", - githubLink: "https://github.com/Naok000", + artName: 'Ball-clear', + pageLink: './Art/Naok000/index.html', + imageLink: './Art/Naok000/ball-clear.gif', + author: 'Naok000', + githubLink: 'https://github.com/Naok000' }, { - artName: "Mario_Kart_Animation", - pageLink: "./Art/Mario_Kart_Animation/index.html", - imageLink: "./Art/Mario_Kart_Animation/Mario.png", - author: "AnsonAMS", - githubLink: "https://github.com/AnsonAMS", + artName: 'Mario_Kart_Animation', + pageLink: './Art/Mario_Kart_Animation/index.html', + imageLink: './Art/Mario_Kart_Animation/Mario.png', + author: 'AnsonAMS', + githubLink: 'https://github.com/AnsonAMS' }, { - artName: "Microsoft_animation", - pageLink: "./Art/SaumyaBhatt/index.html", - imageLink: "./Art/SaumyaBhatt/Animation.gif", - author: "Saumya-Bhatt", - githubLink: "https://github.com/Saumya-Bhatt", + artName: 'Microsoft_animation', + pageLink: './Art/SaumyaBhatt/index.html', + imageLink: './Art/SaumyaBhatt/Animation.gif', + author: 'Saumya-Bhatt', + githubLink: 'https://github.com/Saumya-Bhatt' }, { - artName: "Falling", - pageLink: "./Art/Sfrench5/index.html", - imageLink: "./Art/Sfrench5/Falling.gif", - author: "Sfrench5", - githubLink: "https://github.com/Sfrench5", + artName: 'Falling', + pageLink: './Art/Sfrench5/index.html', + imageLink: './Art/Sfrench5/Falling.gif', + author: 'Sfrench5', + githubLink: 'https://github.com/Sfrench5' }, { - artName: "Dragon_Loading", - pageLink: "./Art/Dragon_Loading/index.html", - imageLink: "./Art/Dragon_Loading/DragonLoading.gif", - author: "Prasad", - githubLink: "https://github.com/PrasadM07", + artName: 'Dragon_Loading', + pageLink: './Art/Dragon_Loading/index.html', + imageLink: './Art/Dragon_Loading/DragonLoading.gif', + author: 'Prasad', + githubLink: 'https://github.com/PrasadM07' }, { - artName: "Animatrix", - pageLink: "./Art/Animatrix/index.html", - imageLink: "./Art/Animatrix/Animatrix.png", - author: "soutog", - githubLink: "https://github.com/soutog", + artName: 'Animatrix', + pageLink: './Art/Animatrix/index.html', + imageLink: './Art/Animatrix/Animatrix.png', + author: 'soutog', + githubLink: 'https://github.com/soutog' }, { - artName: "Simple-Loading", - pageLink: "./Art/Loading/loading.html", - imageLink: "./Art/Loading/load.gif", - author: "Vijay", - githubLink: "https://github.com/VijayVjCuber", + artName: 'Simple-Loading', + pageLink: './Art/Loading/loading.html', + imageLink: './Art/Loading/load.gif', + author: 'Vijay', + githubLink: 'https://github.com/VijayVjCuber' }, { - artName: "Fiyi-Animation", - pageLink: "./Art/Fiyi-Animation/index.html", - imageLink: "./Art/Fiyi-Animation/relax_smile.gif", - author: "Fiyi-A", - githubLink: "https://github.com/Fiyi-A", + artName: 'Fiyi-Animation', + pageLink: './Art/Fiyi-Animation/index.html', + imageLink: './Art/Fiyi-Animation/relax_smile.gif', + author: 'Fiyi-A', + githubLink: 'https://github.com/Fiyi-A' }, { - artName: "Colored Bars", - pageLink: "./Art/mleblanc94/mleblanc94_html_Animation-Nation.html", - imageLink: "./Art/mleblanc94/ColoredBars.gif", - author: "mleblanc94", - githubLink: "https://github.com/mleblanc94", + artName: 'Colored Bars', + pageLink: './Art/mleblanc94/mleblanc94_html_Animation-Nation.html', + imageLink: './Art/mleblanc94/ColoredBars.gif', + author: 'mleblanc94', + githubLink: 'https://github.com/mleblanc94' }, { - artName: "animeR", - pageLink: "./Art/animeR/index.html", - imageLink: "./Art/animeR/animeR.gif", - author: "Rajneesh", - githubLink: "https://github.com/rajneeshk94", + artName: 'animeR', + pageLink: './Art/animeR/index.html', + imageLink: './Art/animeR/animeR.gif', + author: 'Rajneesh', + githubLink: 'https://github.com/rajneeshk94' }, { - artName: "Sunset-City", - pageLink: "./Art/jyun9504/index.html", - imageLink: "./Art/jyun9504/sunset-city.gif", - author: "jyun9504", - githubLink: "https://github.com/jyun9504", + artName: 'Sunset-City', + pageLink: './Art/jyun9504/index.html', + imageLink: './Art/jyun9504/sunset-city.gif', + author: 'jyun9504', + githubLink: 'https://github.com/jyun9504' }, { - artName: "brianbottle", - author: "brian", - pageLink: "./Art/brianbottle/index.html", - imageLink: "./Art/brianbottle/bottle.gif", - githubLink: "https://github.com/brianabplanalp1", + artName: 'brianbottle', + author: 'brian', + pageLink: './Art/brianbottle/index.html', + imageLink: './Art/brianbottle/bottle.gif', + githubLink: 'https://github.com/brianabplanalp1' }, { - artName: "Shapes", - pageLink: "./Art/mark-marchant/index.html", - imageLink: "./Art/mark-marchant/shapes.png", - author: "Mark Marchant", - githubLink: "https://github.com/jtla3/Animation-Nation", + artName: 'Shapes', + pageLink: './Art/mark-marchant/index.html', + imageLink: './Art/mark-marchant/shapes.png', + author: 'Mark Marchant', + githubLink: 'https://github.com/jtla3/Animation-Nation' }, { - artName: "Loading", - pageLink: "./Art/NoumanAziz/Loading.html", - videoLink: "./Art/NoumanAziz/loading.gif", - author: "NoumanAziz", - githubLink: "https://github.com/NoumanAziz", + artName: 'Loading', + pageLink: './Art/NoumanAziz/Loading.html', + videoLink: './Art/NoumanAziz/loading.gif', + author: 'NoumanAziz', + githubLink: 'https://github.com/NoumanAziz' }, { artName: `Galek's Simple Animation`, - pageLink: "./Art/GalekAnimation/index.html", - imageLink: "./Art/GalekAnimation/simpleanimation.gif", - author: "Adam Galek", - githubLink: "https://github.com/TheGalekxy", + pageLink: './Art/GalekAnimation/index.html', + imageLink: './Art/GalekAnimation/simpleanimation.gif', + author: 'Adam Galek', + githubLink: 'https://github.com/TheGalekxy' }, { - artname: "Rainbow animation", - pageLink: "./Art/Rainbow/index.html", - imageLink: "./Art/Rainbow/rainbow.gif", - author: "Mohanraj", - githubLink: "https://github.com/chelladuraimohanraj/Animation-Nation", + artname: 'Rainbow animation', + pageLink: './Art/Rainbow/index.html', + imageLink: './Art/Rainbow/rainbow.gif', + author: 'Mohanraj', + githubLink: 'https://github.com/chelladuraimohanraj/Animation-Nation' }, { artName: `Cyan Loading Animation`, - pageLink: "./Art/Wannesds/index.html", - imageLink: "./Art/Wannesds/Wannesds.gif", - author: "Wannes Dieltiens", - githubLink: "https://github.com/Wannesds", + pageLink: './Art/Wannesds/index.html', + imageLink: './Art/Wannesds/Wannesds.gif', + author: 'Wannes Dieltiens', + githubLink: 'https://github.com/Wannesds' }, { - artName: "Animatron", - pageLink: "./Art/Animatron/index.html", - imageLink: "./Art/Animatron/trance.gif", - author: "Gihan Balasuriya", - githubLink: "https://github.com/gihanbalasuriya", + artName: 'Animatron', + pageLink: './Art/Animatron/index.html', + imageLink: './Art/Animatron/trance.gif', + author: 'Gihan Balasuriya', + githubLink: 'https://github.com/gihanbalasuriya' }, { - artName: "Light text blink", - pageLink: "./Art/Mani-textlight-blink/index.html", - imageLink: "./Art/Mani-textlight-blink/light-blink-text.gif", - author: "Mani Pandian", - githubLink: "https://github.com/Manipandian", + artName: 'Light text blink', + pageLink: './Art/Mani-textlight-blink/index.html', + imageLink: './Art/Mani-textlight-blink/light-blink-text.gif', + author: 'Mani Pandian', + githubLink: 'https://github.com/Manipandian' }, { - artName: "Circle", - pageLink: "./Art/PoKai/index.html", - imageLink: "./Art/PoKai/circle.png", - author: "PoKai Chang", - githubLink: "https://github.com/st875052018", + artName: 'Circle', + pageLink: './Art/PoKai/index.html', + imageLink: './Art/PoKai/circle.png', + author: 'PoKai Chang', + githubLink: 'https://github.com/st875052018' }, { - artName: "animatron", - pageLink: "./Art/animatron/index.html", - imageLink: "./Art/animatron/trance.gif", - author: "Christy", - githubLink: "https://github.com/ChristyLucid", + artName: 'animatron', + pageLink: './Art/animatron/index.html', + imageLink: './Art/animatron/trance.gif', + author: 'Christy', + githubLink: 'https://github.com/ChristyLucid' }, { - artName: "bouncing_ball", - pageLink: "./Art/bouncing_ball/bouncing_ball.html", - imageLink: "./Art/bouncing_ball/bouncing-ball.gif", - author: "Nirmalie", - githubLink: "https://github.com/nirmalieo3", + artName: 'bouncing_ball', + pageLink: './Art/bouncing_ball/bouncing_ball.html', + imageLink: './Art/bouncing_ball/bouncing-ball.gif', + author: 'Nirmalie', + githubLink: 'https://github.com/nirmalieo3' }, { - artName: "Rocket", - pageLink: "./Art/Rocket/index.html", - imageLink: "./Art/Rocket/rocket.gif", - author: "Jose Diaz", - githubLink: "https://github.com/josegerard2000", + artName: 'Rocket', + pageLink: './Art/Rocket/index.html', + imageLink: './Art/Rocket/rocket.gif', + author: 'Jose Diaz', + githubLink: 'https://github.com/josegerard2000' }, { - artName: "simpleG", - pageLink: "./Art/simpleG/index.html", - imageLink: "./Art/simpleG/kitty.jpg", - author: "gargeper", - githubLink: "https://github.com/gargeper", + artName: 'simpleG', + pageLink: './Art/simpleG/index.html', + imageLink: './Art/simpleG/kitty.jpg', + author: 'gargeper', + githubLink: 'https://github.com/gargeper' }, { - artName: "BounceFace", - pageLink: "./Art/ainamation/index.html", - imageLink: "./Art/ainamation/ainamation.gif", - author: "Ainara Saralegui", - githubLink: "https://github.com/asaralegui", + artName: 'BounceFace', + pageLink: './Art/ainamation/index.html', + imageLink: './Art/ainamation/ainamation.gif', + author: 'Ainara Saralegui', + githubLink: 'https://github.com/asaralegui' }, { - artName: "Text Flow", - pageLink: "./Art/ConnerCoding/index.html", - imageLink: "./Art/ConnerCoding/ztmanimation.gif", - author: "Conner Schiller", - githubLink: "https://github.com/ConnerCoding", + artName: 'Text Flow', + pageLink: './Art/ConnerCoding/index.html', + imageLink: './Art/ConnerCoding/ztmanimation.gif', + author: 'Conner Schiller', + githubLink: 'https://github.com/ConnerCoding' }, { - artName: "Glow", - pageLink: "./Art/Glow/index.html", - imageLink: "./Art/Glow/Glow.png", - author: "Joaquin Castillo", - githubLink: "https://github.com/JuakoDev", + artName: 'Glow', + pageLink: './Art/Glow/index.html', + imageLink: './Art/Glow/Glow.png', + author: 'Joaquin Castillo', + githubLink: 'https://github.com/JuakoDev' }, { - artName: "Heart Real", - pageLink: "./Art/riddhax/index.html", - imageLink: "./Art/riddhax/index.gif", - author: "Riddhax", - githubLink: "https://github.com/riddhax", + artName: 'Heart Real', + pageLink: './Art/riddhax/index.html', + imageLink: './Art/riddhax/index.gif', + author: 'Riddhax', + githubLink: 'https://github.com/riddhax' }, { - artName: "Balls", - pageLink: "./Art/Paul - Simple Annoying Balls/index.html", - imageLink: "./Art/Paul - Simple Annoying Balls/Balls.gif", - author: "Paul", - githubLink: "https://github.com/psr83", + artName: 'Balls', + pageLink: './Art/Paul - Simple Annoying Balls/index.html', + imageLink: './Art/Paul - Simple Annoying Balls/Balls.gif', + author: 'Paul', + githubLink: 'https://github.com/psr83' }, { - artname: "Square-Move", - pageLink: "./Art/Poonam/square.html", - imageLink: "./Art/Poonam/square_gif.gif", - author: "Poonam", - githubLink: "https://github.com/poonampant", + artname: 'Square-Move', + pageLink: './Art/Poonam/square.html', + imageLink: './Art/Poonam/square_gif.gif', + author: 'Poonam', + githubLink: 'https://github.com/poonampant' }, { - artname: "JesseEarley", - pageLink: "./Art/JesseEarley/index.html", - imageLink: "./Art/JesseEarley/index.gif", - author: "JesseEarley", - githubLink: "https://github.com/JesseEarley", + artname: 'JesseEarley', + pageLink: './Art/JesseEarley/index.html', + imageLink: './Art/JesseEarley/index.gif', + author: 'JesseEarley', + githubLink: 'https://github.com/JesseEarley' }, { - artname: "Hacktoberfest 2020", - pageLink: "./Art/taepal467/index.html", - imageLink: "./Art/taepal467/hiclipart.com (1).png", - author: "Chantae P.", - githubLink: "https://github.com/taepal467", + artname: 'Hacktoberfest 2020', + pageLink: './Art/taepal467/index.html', + imageLink: './Art/taepal467/hiclipart.com (1).png', + author: 'Chantae P.', + githubLink: 'https://github.com/taepal467' }, { - artName: "Animatron", - pageLink: "./Art/animatron/triangle/index.html", - imageLink: "./Art/animatron/trance.gif", - author: "Deborah", - githubLink: "https://github.com/dluckey123", + artName: 'Animatron', + pageLink: './Art/animatron/triangle/index.html', + imageLink: './Art/animatron/trance.gif', + author: 'Deborah', + githubLink: 'https://github.com/dluckey123' }, { - artName: "Animatron", - pageLink: "./Art/animatron/triangle/index.html", - imageLink: "./Art/animatron/trance.gif", - author: "Deborah", - githubLink: "https://github.com/dluckey123", + artName: 'Animatron', + pageLink: './Art/animatron/triangle/index.html', + imageLink: './Art/animatron/trance.gif', + author: 'Deborah', + githubLink: 'https://github.com/dluckey123' }, { - artname: "Animate", - pageLink: "/codepen/animation/src/index.html", - imageLink: "Animation", - author: "Altamas khan", - githubLink: "https://github.com/Altamas2049", + artname: 'Animate', + pageLink: '/codepen/animation/src/index.html', + imageLink: 'Animation', + author: 'Altamas khan', + githubLink: 'https://github.com/Altamas2049' }, { - artName: "Spin", - pageLink: "./Art/Spin/allli.html", - imageLink: "./Art/Spin/allli.gif", - author: "Victor Winner", - githubLink: "https://github.com/Vicwin13", + artName: 'Spin', + pageLink: './Art/Spin/allli.html', + imageLink: './Art/Spin/allli.gif', + author: 'Victor Winner', + githubLink: 'https://github.com/Vicwin13' }, { - artName: "Spinner", - pageLink: "./Art/nishantpandey/allli.html", - imageLink: "./Art/nishantpandey/allli.gif", - author: "Nishant Pandey", - githubLink: "https://github.com/mrpandey1", + artName: 'Spinner', + pageLink: './Art/nishantpandey/allli.html', + imageLink: './Art/nishantpandey/allli.gif', + author: 'Nishant Pandey', + githubLink: 'https://github.com/mrpandey1' }, { - artName: "Hacktober Test", - pageLink: "./Art/bajancode/index.html", - imageLink: "./Art/BajanCode/index.gif", - author: "bajancode", - githubLink: "https://github.com/bajancode", + artName: 'Hacktober Test', + pageLink: './Art/bajancode/index.html', + imageLink: './Art/BajanCode/index.gif', + author: 'bajancode', + githubLink: 'https://github.com/bajancode' }, { - artName: "ZTM anim", - pageLink: "./Art/ayushi2410/index.html", - imageLink: "./Art/ayushi2410/ayushi2410.gif", - author: "Ayushi2410", - githubLink: "https://github.com/ayushi2410", + artName: 'ZTM anim', + pageLink: './Art/ayushi2410/index.html', + imageLink: './Art/ayushi2410/ayushi2410.gif', + author: 'Ayushi2410', + githubLink: 'https://github.com/ayushi2410' }, { - artName: "misaelsantos", - pageLink: "./Art/misaelsantos/index.html", - imageLink: "./Art/misaelsantos/neohack.gif", - author: "Misael Santos", - githubLink: "https://github.com/MisaelSantos", + artName: 'misaelsantos', + pageLink: './Art/misaelsantos/index.html', + imageLink: './Art/misaelsantos/neohack.gif', + author: 'Misael Santos', + githubLink: 'https://github.com/MisaelSantos' }, { - artName: "I am a Developer", - pageLink: "./Art/Kuroyza/Iam-a-developer.html", - imageLink: "./Art/Kuroyza/Iam-a-developer.gif", - author: "Kuroyza", - githubLink: "https://github.com/kuroyza", + artName: 'I am a Developer', + pageLink: './Art/Kuroyza/Iam-a-developer.html', + imageLink: './Art/Kuroyza/Iam-a-developer.gif', + author: 'Kuroyza', + githubLink: 'https://github.com/kuroyza' }, { - artName: "simple box", - pageLink: "./Art/Box/index.html", - imageLink: "./Art/Box/static_image.jpg", - author: "Abishek shah", - githubLink: "https://github.com/abishek-sha-256", + artName: 'simple box', + pageLink: './Art/Box/index.html', + imageLink: './Art/Box/static_image.jpg', + author: 'Abishek shah', + githubLink: 'https://github.com/abishek-sha-256' }, { - artname: "Starry-sky", - pageLink: "./Art/starry-night/index.html", - imageLink: "./Art/starry-night/stars", - author: "Taima Khawaldeh", - githubLink: "https://github.com/taimakh", + artname: 'Starry-sky', + pageLink: './Art/starry-night/index.html', + imageLink: './Art/starry-night/stars', + author: 'Taima Khawaldeh', + githubLink: 'https://github.com/taimakh' }, { - artName: "Project Gallery", - pageLink: "./Art/hulya/index.html", - imageLink: "./Art/hulya/gallery.gif", - author: "Hulya Karakaya", - githubLink: "https://github.com/hulyak", + artName: 'Project Gallery', + pageLink: './Art/hulya/index.html', + imageLink: './Art/hulya/gallery.gif', + author: 'Hulya Karakaya', + githubLink: 'https://github.com/hulyak' }, { - artName: "animation", - pageLink: "./Art/sameer786/animation.html", - imageLink: "./Art/sameer786/radius.gif", - author: "sameer", - githubLink: "https://github.com/sameer8605", + artName: 'animation', + pageLink: './Art/sameer786/animation.html', + imageLink: './Art/sameer786/radius.gif', + author: 'sameer', + githubLink: 'https://github.com/sameer8605' }, { - artName: "ArrowWave", - pageLink: "./Art/ArrowWave/index.html", - imageLink: "./Art/ArrowWave/ArrowWave.gif", - author: "Gabriel", - githubLink: "https://github.com/GabrielTeixeiraC", + artName: 'ArrowWave', + pageLink: './Art/ArrowWave/index.html', + imageLink: './Art/ArrowWave/ArrowWave.gif', + author: 'Gabriel', + githubLink: 'https://github.com/GabrielTeixeiraC' }, { - artName: "The 4-Ever Loop", - pageLink: "./Art/the-4ever-loop/index.html", - imageLink: "./Art/the-4ever-loop/rotate.gif", - author: "Luciano M.", - githubLink: "https://github.com/LucianoWebDev", + artName: 'The 4-Ever Loop', + pageLink: './Art/the-4ever-loop/index.html', + imageLink: './Art/the-4ever-loop/rotate.gif', + author: 'Luciano M.', + githubLink: 'https://github.com/LucianoWebDev' }, { - artName: "Running Car", - pageLink: "./Art/Running-Car/index.html", - imageLink: "./Art/Running-Car/Running-car.PNG", - author: "Ermias", - githubLink: "https://github.com/ermiaskidane", + artName: 'Running Car', + pageLink: './Art/Running-Car/index.html', + imageLink: './Art/Running-Car/Running-car.PNG', + author: 'Ermias', + githubLink: 'https://github.com/ermiaskidane' }, { - artname: "Youssef", - pageLink: "./Art/Youssef/index.html", - imageLink: "./Art/Youssef/fd8_AX.gif", - author: "Youssef", - githubLink: "https://github.com/youssefhany96", + artname: 'Youssef', + pageLink: './Art/Youssef/index.html', + imageLink: './Art/Youssef/fd8_AX.gif', + author: 'Youssef', + githubLink: 'https://github.com/youssefhany96' }, { - artName: "The 4-Ever Loop", - pageLink: "./Art/the-4ever-loop/index.html", - imageLink: "./Art/the-4ever-loop/rotate.gif", - author: "Luciano M.", - githubLink: "https://github.com/LucianoWebDev", + artName: 'The 4-Ever Loop', + pageLink: './Art/the-4ever-loop/index.html', + imageLink: './Art/the-4ever-loop/rotate.gif', + author: 'Luciano M.', + githubLink: 'https://github.com/LucianoWebDev' }, { - artName: "Itried", - pageLink: "/Art/Itried/animation.html", - author: "Harsha", - githublink: "https://github.com/HarshaKumar23", + artName: 'Itried', + pageLink: '/Art/Itried/animation.html', + author: 'Harsha', + githublink: 'https://github.com/HarshaKumar23' }, { - artName: "Snail Zoom", - pageLink: "./Art/rbhachu/index.html", - imageLink: "./Art/rbhachu/snail.gif", - author: "Bhachu R.", - githubLink: "https://github.com/rbhachu", + artName: 'Snail Zoom', + pageLink: './Art/rbhachu/index.html', + imageLink: './Art/rbhachu/snail.gif', + author: 'Bhachu R.', + githubLink: 'https://github.com/rbhachu' }, { - artName: "Mini Text Animation", - pageLink: "./Art/text-mini-animation/index.html", - imageLink: "./Art/text-mini-animation/text-anime.gif", - author: "Chinel", - githubLink: "https://github.com/chinel", + artName: 'Mini Text Animation', + pageLink: './Art/text-mini-animation/index.html', + imageLink: './Art/text-mini-animation/text-anime.gif', + author: 'Chinel', + githubLink: 'https://github.com/chinel' }, { - artName: "Square loader", - pageLink: "./Art/square_loading/index.html", - imageLink: "./Art/square_loading/square_loading", - author: "Marek Chasák", - githubLink: "https://github.com/mchasak", + artName: 'Square loader', + pageLink: './Art/square_loading/index.html', + imageLink: './Art/square_loading/square_loading', + author: 'Marek Chasák', + githubLink: 'https://github.com/mchasak' }, { - artName: "Stairs Text", - pageLink: "./Art/StairsText/index.html", - imageLink: "./Art/StairsText/stairs-text.gif", - author: "Noam K.", - githubLink: "https://github.com/noamkanonich", + artName: 'Stairs Text', + pageLink: './Art/StairsText/index.html', + imageLink: './Art/StairsText/stairs-text.gif', + author: 'Noam K.', + githubLink: 'https://github.com/noamkanonich' }, { - artName: "animation", - pageLink: "./Art/sameer786/animation.html", - imageLink: "./Art/sameer786/radius.gif", - author: "sameer", - githubLink: "https://github.com/sameer8605", + artName: 'animation', + pageLink: './Art/sameer786/animation.html', + imageLink: './Art/sameer786/radius.gif', + author: 'sameer', + githubLink: 'https://github.com/sameer8605' }, { - artName: "Spinning is a good trick", - pageLink: "./Art/garrod90/index.html", - imageLink: "./Art/garrod90/craigsGif.gif", - author: "Craig, G", - githubLink: "https://github.com/garrod90", + artName: 'Spinning is a good trick', + pageLink: './Art/garrod90/index.html', + imageLink: './Art/garrod90/craigsGif.gif', + author: 'Craig, G', + githubLink: 'https://github.com/garrod90' }, { - artName: "Snail Zoom", - pageLink: "./Art/rbhachu/index.html", - imageLink: "./Art/rbhachu/snail.gif", - author: "Bhachu R.", - githubLink: "https://github.com/rbhachu", + artName: 'Snail Zoom', + pageLink: './Art/rbhachu/index.html', + imageLink: './Art/rbhachu/snail.gif', + author: 'Bhachu R.', + githubLink: 'https://github.com/rbhachu' }, { - artName: "Mini Text Animation", - pageLink: "./Art/text-mini-animation/index.html", - imageLink: "./Art/text-mini-animation/text-anime.gif", - author: "Chinel", - githubLink: "https://github.com/chinel", + artName: 'Mini Text Animation', + pageLink: './Art/text-mini-animation/index.html', + imageLink: './Art/text-mini-animation/text-anime.gif', + author: 'Chinel', + githubLink: 'https://github.com/chinel' }, { - artName: "Square loader", - pageLink: "./Art/square_loading/index.html", - imageLink: "./Art/square_loading/square_loading", - author: "Marek Chasák", - githubLink: "https://github.com/mchasak", + artName: 'Square loader', + pageLink: './Art/square_loading/index.html', + imageLink: './Art/square_loading/square_loading', + author: 'Marek Chasák', + githubLink: 'https://github.com/mchasak' }, { - artName: "Stairs Text", - pageLink: "./Art/StairsText/index.html", - imageLink: "./Art/StairsText/stairs-text.gif", - author: "Noam K.", - githubLink: "https://github.com/noamkanonich", + artName: 'Stairs Text', + pageLink: './Art/StairsText/index.html', + imageLink: './Art/StairsText/stairs-text.gif', + author: 'Noam K.', + githubLink: 'https://github.com/noamkanonich' }, { - artName: "animation", - pageLink: "./Art/sameer786/animation.html", - imageLink: "./Art/sameer786/radius.gif", - author: "sameer", - githubLink: "https://github.com/sameer8605", + artName: 'animation', + pageLink: './Art/sameer786/animation.html', + imageLink: './Art/sameer786/radius.gif', + author: 'sameer', + githubLink: 'https://github.com/sameer8605' }, { - pageLink: "./Art/radar animation/index.html", - imageLink: "./Art/radar.gif", - author: "Anup", - githubLink: "https://github.com/paddybaba", + pageLink: './Art/radar animation/index.html', + imageLink: './Art/radar.gif', + author: 'Anup', + githubLink: 'https://github.com/paddybaba' }, { - pageLink: "./Art/sameer786/animation.html", - imageLink: "./Art/sameer786/radius.gif", - author: "sameer", - githubLink: "https://github.com/sameer8605", + pageLink: './Art/sameer786/animation.html', + imageLink: './Art/sameer786/radius.gif', + author: 'sameer', + githubLink: 'https://github.com/sameer8605' }, { - pageLink: "./Art/radar animation/index.html", - imageLink: "./Art/radar", - author: "Anup", - githubLink: "https://github.com/paddybaba", + pageLink: './Art/radar animation/index.html', + imageLink: './Art/radar', + author: 'Anup', + githubLink: 'https://github.com/paddybaba' }, { - pageLink: "./Art/sameer786/animation.html", - imageLink: "./Art/sameer786/radius.gif", - author: "sameer", - githubLink: "https://github.com/sameer8605", + pageLink: './Art/sameer786/animation.html', + imageLink: './Art/sameer786/radius.gif', + author: 'sameer', + githubLink: 'https://github.com/sameer8605' }, { - artName: "Friendly Ghost", - pageLink: "./Art/ristotoldsep/index.html", - author: "Risto Tõldsep", - githubLink: "https://github.com/ristotoldsep", + artName: 'Friendly Ghost', + pageLink: './Art/ristotoldsep/index.html', + author: 'Risto Tõldsep', + githubLink: 'https://github.com/ristotoldsep' }, { - artName: "Friendly Ghost", - pageLink: "./Art/ristotoldsep/index.html", - author: "Risto Tõldsep", - githubLink: "https://github.com/ristotoldsep", + artName: 'Friendly Ghost', + pageLink: './Art/ristotoldsep/index.html', + author: 'Risto Tõldsep', + githubLink: 'https://github.com/ristotoldsep' }, { - artName: "sritron", - pageLink: "./Art/sritron/index.html", - imageLink: "./Art/sritron/trance.gif", - author: "Srinivas", - githubLink: "https://github.com/sri189ms", + artName: 'sritron', + pageLink: './Art/sritron/index.html', + imageLink: './Art/sritron/trance.gif', + author: 'Srinivas', + githubLink: 'https://github.com/sri189ms' }, { - artName: "Friendly Ghost", - pageLink: "./Art/ristotoldsep/index.html", - author: "Risto Tõldsep", - githubLink: "https://github.com/ristotoldsep", + artName: 'Friendly Ghost', + pageLink: './Art/ristotoldsep/index.html', + author: 'Risto Tõldsep', + githubLink: 'https://github.com/ristotoldsep' }, { - artName: "Sun Rise Time", - pageLink: "./Art/gurprtAnim/index.html", - imageLink: "./Art/gurprtAnim/gurAnim.gif", - author: "Gurpreet", - githubLink: "https://github.com/gur-p-reet", + artName: 'Sun Rise Time', + pageLink: './Art/gurprtAnim/index.html', + imageLink: './Art/gurprtAnim/gurAnim.gif', + author: 'Gurpreet', + githubLink: 'https://github.com/gur-p-reet' }, { - artName: "Personal Info", - pageLink: "./Art/Personal_info/triangle/index.html", - imageLink: "./Art/Personal_info/trance.gif", - author: "Naim Uddin", - githubLink: "https://github.com/Naim365", + artName: 'Personal Info', + pageLink: './Art/Personal_info/triangle/index.html', + imageLink: './Art/Personal_info/trance.gif', + author: 'Naim Uddin', + githubLink: 'https://github.com/Naim365' }, { - artName: "Shining Text", - pageLink: "./Art/MaxieTextShineOn/index.html", - imageLink: "./Art/MaxieTextShineOn/maxie-text-shine-on.gif", - author: "maxie7", - githubLink: "https://github.com/maxie7", + artName: 'Shining Text', + pageLink: './Art/MaxieTextShineOn/index.html', + imageLink: './Art/MaxieTextShineOn/maxie-text-shine-on.gif', + author: 'maxie7', + githubLink: 'https://github.com/maxie7' }, { - artName: "Spinning Box", - pageLink: "./Art/KccbzZ/index.html", - imageLink: "./Art/KccbzZ/cover.png", - author: "KccbzZ", - githubLink: "https://github.com/KccbzZ", + artName: 'Spinning Box', + pageLink: './Art/KccbzZ/index.html', + imageLink: './Art/KccbzZ/cover.png', + author: 'KccbzZ', + githubLink: 'https://github.com/KccbzZ' }, { - artName: "Age Disgracefully", - pageLink: "./Art/ynoden/index.html", - imageLink: "./Art/ynoden/Age_Disgracefully.gif", - author: "yusefnoden", - githubLink: "https://github.com/yusefnoden", + artName: 'Age Disgracefully', + pageLink: './Art/ynoden/index.html', + imageLink: './Art/ynoden/Age_Disgracefully.gif', + author: 'yusefnoden', + githubLink: 'https://github.com/yusefnoden' }, { - artname: "jimanimation", - pageLink: "./Art/jimanimation/index.html", - imageLink: "./Art/jimanimation/bouncy.gif", - author: "Jimin", - githubLink: "https://github.com/jimijos", + artname: 'jimanimation', + pageLink: './Art/jimanimation/index.html', + imageLink: './Art/jimanimation/bouncy.gif', + author: 'Jimin', + githubLink: 'https://github.com/jimijos' }, { - artName: "Meme Animation", - pageLink: "./Art/just_for_fun/index.html", - imageLink: "./Art/just_for_fun/image.gif", - author: "Rahul Negi", - githubLink: "https://github.com/rahulnegi20", + artName: 'Meme Animation', + pageLink: './Art/just_for_fun/index.html', + imageLink: './Art/just_for_fun/image.gif', + author: 'Rahul Negi', + githubLink: 'https://github.com/rahulnegi20' }, { - artName: "Stretch ZTM", - pageLink: "./Art/animation_gn/index.html", - imageLink: "./Art/animation_gn/animation_gn.gif", - author: "gnyokota", - githubLink: "https://github.com/gnyokota", + artName: 'Stretch ZTM', + pageLink: './Art/animation_gn/index.html', + imageLink: './Art/animation_gn/animation_gn.gif', + author: 'gnyokota', + githubLink: 'https://github.com/gnyokota' }, { - artname: "AnimationCom", - pageLink: "./Art/Anita/AnimationCom/triangle.html", - imageLink: "./Art/AnimationCom/header.jpg", - author: "Anita", - githubLink: "https://github.com/anita-tsai", + artname: 'AnimationCom', + pageLink: './Art/Anita/AnimationCom/triangle.html', + imageLink: './Art/AnimationCom/header.jpg', + author: 'Anita', + githubLink: 'https://github.com/anita-tsai' }, { - artName: "Cards", - pageLink: "./Art/cards/index.html", - imageLink: "./Art/cards/cards.gif", - author: "networkdavit", - githubLink: "https://github.com/networkdavit", + artName: 'Cards', + pageLink: './Art/cards/index.html', + imageLink: './Art/cards/cards.gif', + author: 'networkdavit', + githubLink: 'https://github.com/networkdavit' }, { artName: "Lidor'sAnimation", pageLink: "./Art/Lidor's Animation/index.html", imageLink: "./Art/Lidor's Animation/animation.gif", - author: "LidorAsher", - githubLink: "https://github.com/lidorasher11", + author: 'LidorAsher', + githubLink: 'https://github.com/lidorasher11' }, { artName: "Shiff's Animation", - pageLink: "./Art/myAnimation/index.html", - imageLink: "./Art/myAnimation/myanimation.gif", - author: "Shifa", - githubLink: "https://github.com/ShifaShirin", + pageLink: './Art/myAnimation/index.html', + imageLink: './Art/myAnimation/myanimation.gif', + author: 'Shifa', + githubLink: 'https://github.com/ShifaShirin' }, { - artName: "ani-1trial", - pageLink: "./Art/ani-1trial/index.html", - imageLink: "./Art/ani-1trial/ani-gif.gif", - author: "tru-izo", - githubLink: "https://github.com/tru-izo", + artName: 'ani-1trial', + pageLink: './Art/ani-1trial/index.html', + imageLink: './Art/ani-1trial/ani-gif.gif', + author: 'tru-izo', + githubLink: 'https://github.com/tru-izo' }, { - artName: "Air_Balloon", - pageLink: "./Art/Air_Balloon/index.html", - imageLink: "./Art/Air_Balloon/balloon.gif", - author: "Abha", - githubLink: "https://github.com/Abha-1281", + artName: 'Air_Balloon', + pageLink: './Art/Air_Balloon/index.html', + imageLink: './Art/Air_Balloon/balloon.gif', + author: 'Abha', + githubLink: 'https://github.com/Abha-1281' }, { - artName: "Camp Fire", - pageLink: "./Art/camp_fire/index.html", - imageLink: "./Art/camp_fire/camp_fire.gif", - author: "Chansoo", - githubLink: "https://github.com/ChansooKim316", + artName: 'Camp Fire', + pageLink: './Art/camp_fire/index.html', + imageLink: './Art/camp_fire/camp_fire.gif', + author: 'Chansoo', + githubLink: 'https://github.com/ChansooKim316' }, { - artName: "rubberband Red", - pageLink: "./Art/ou79/index.html", - imageLink: "./Art/rubberbandRed.gif", - author: "ou79", - githubLink: "https://github.com/ou79", + artName: 'rubberband Red', + pageLink: './Art/ou79/index.html', + imageLink: './Art/rubberbandRed.gif', + author: 'ou79', + githubLink: 'https://github.com/ou79' }, { - artName: "ColorChanger", - pageLink: "./Art/ColorChanger/index.html", - imageLink: "./Art/color-changer.gif", - author: "Atallah-Nadhir", - githubLink: "https://github.com/Atallah-Nadhir", + artName: 'ColorChanger', + pageLink: './Art/ColorChanger/index.html', + imageLink: './Art/color-changer.gif', + author: 'Atallah-Nadhir', + githubLink: 'https://github.com/Atallah-Nadhir' }, { - artName: "PONG Animation", - pageLink: "./Art/walkitoff/index.html", - imageLink: "./Art/walkitoff/gif.gif", - author: "Tyler Dollick", - githubLink: "https://github.com/walkitoff", + artName: 'PONG Animation', + pageLink: './Art/walkitoff/index.html', + imageLink: './Art/walkitoff/gif.gif', + author: 'Tyler Dollick', + githubLink: 'https://github.com/walkitoff' }, { - artname: "Animatron", - pageLink: "./Art/mbargaedge/index.html", - imageLink: "./Art/mbargaedge/animatron.gif", - author: "Mbarga", - githubLink: "https://github.com/marcelmbarga/", + artname: 'Animatron', + pageLink: './Art/mbargaedge/index.html', + imageLink: './Art/mbargaedge/animatron.gif', + author: 'Mbarga', + githubLink: 'https://github.com/marcelmbarga/' }, { - artName: "House", - pageLink: "./Art/TTD/triangle/index.html", - imageLink: "./Art/TTD/house.gif", - author: "TanyaTD", - githubLink: "https://github.com/TTD126", + artName: 'House', + pageLink: './Art/TTD/triangle/index.html', + imageLink: './Art/TTD/house.gif', + author: 'TanyaTD', + githubLink: 'https://github.com/TTD126' }, { - artName: "Spinning Title", - pageLink: "./Art/ljBeast21ldj/index.html", - imageLink: "./Art/ljBeast21ldj/firstGIF.gif", - author: "Larry", - githubLink: "https://github.com/ljBeast21ldj", + artName: 'Spinning Title', + pageLink: './Art/ljBeast21ldj/index.html', + imageLink: './Art/ljBeast21ldj/firstGIF.gif', + author: 'Larry', + githubLink: 'https://github.com/ljBeast21ldj' }, { - artName: "Heart pulsation", - pageLink: "./Art/Sallah/index.html", - imageLink: "./Art/Sallah/Heart-Pulsation.png", - author: "Sallah", - githubLink: "https://github.com/SallahTech", + artName: 'Heart pulsation', + pageLink: './Art/Sallah/index.html', + imageLink: './Art/Sallah/Heart-Pulsation.png', + author: 'Sallah', + githubLink: 'https://github.com/SallahTech' }, { - artName: "MubbeAnimation", - pageLink: "./Art/Mubbe/index.html", - imageLink: "./Art/Mubbe/MubbeAnimation.gif", - author: "Mubarak", - githubLink: "https://github.com/mual5746", + artName: 'MubbeAnimation', + pageLink: './Art/Mubbe/index.html', + imageLink: './Art/Mubbe/MubbeAnimation.gif', + author: 'Mubarak', + githubLink: 'https://github.com/mual5746' }, { - pageLink: "./Art/neon-glowing-text/index.html", - imageLink: "./Art/neon-glowing-text/glowing-text-GIF.gif", - author: "Adri", - githubLink: "https://github.com/adrimual", + pageLink: './Art/neon-glowing-text/index.html', + imageLink: './Art/neon-glowing-text/glowing-text-GIF.gif', + author: 'Adri', + githubLink: 'https://github.com/adrimual' }, { - artName: "Simple Animation", - pageLink: "./Art/simple animation/transition.html", - imageLink: "./Art/simple animation/animatee.gif", - author: "Rudimental", - githubLink: "https://github.com/rudimental-again", + artName: 'Simple Animation', + pageLink: './Art/simple animation/transition.html', + imageLink: './Art/simple animation/animatee.gif', + author: 'Rudimental', + githubLink: 'https://github.com/rudimental-again' }, { - artName: "gbArt", - pageLink: "./Art/gbArt/index.html", - imageLink: "./Art/gbArt/shapeFlip.gif", - author: "Gary Bergman", - githubLink: "https://github.com/Gary-Bergman", + artName: 'gbArt', + pageLink: './Art/gbArt/index.html', + imageLink: './Art/gbArt/shapeFlip.gif', + author: 'Gary Bergman', + githubLink: 'https://github.com/Gary-Bergman' }, { artName: "Turtando's Animation", - pageLink: "./Art/turtando/animation.html", - imageLink: "./Art/Turtando/happyhalloween.gif", - author: "Turtando", - githubLink: "https://github.com/Turtando", + pageLink: './Art/turtando/animation.html', + imageLink: './Art/Turtando/happyhalloween.gif', + author: 'Turtando', + githubLink: 'https://github.com/Turtando' }, { - artName: "Bouncing Balls", - pageLink: "./Art/EyeOfAthena/index.html", - imageLink: "./Art/EyeOfAthena/cover.png", - author: "EyeOfAthena", - githubLink: "https://github.com/EyeOfAthena/bouncing-ball", + artName: 'Bouncing Balls', + pageLink: './Art/EyeOfAthena/index.html', + imageLink: './Art/EyeOfAthena/cover.png', + author: 'EyeOfAthena', + githubLink: 'https://github.com/EyeOfAthena/bouncing-ball' }, { - artName: "Otherside", - pageLink: "./Art/Otherside/ubi.html", - imageLink: "./Art/Otherside/recording.gif", - author: "Ubibimbap", - githubLink: "https://github.com/Ubibimbap", + artName: 'Otherside', + pageLink: './Art/Otherside/ubi.html', + imageLink: './Art/Otherside/recording.gif', + author: 'Ubibimbap', + githubLink: 'https://github.com/Ubibimbap' }, { - artName: "Basketball God", - pageLink: "./Art/Sim-animation/index.html", - imageLink: "./Art/Sim-animation/project-screenshot.png", - author: "Sim", - githubLink: "https://github.com/sim-a-19", + artName: 'Basketball God', + pageLink: './Art/Sim-animation/index.html', + imageLink: './Art/Sim-animation/project-screenshot.png', + author: 'Sim', + githubLink: 'https://github.com/sim-a-19' }, { artName: "Ziyao's Animation", - pageLink: "./Art/robot/robot_index.html", - imageLink: "./Art/robot/robot.gif", - author: "Ziyao", - githubLink: "https://github.com/ziyaoc3", + pageLink: './Art/robot/robot_index.html', + imageLink: './Art/robot/robot.gif', + author: 'Ziyao', + githubLink: 'https://github.com/ziyaoc3' }, { - artName: "Simplerv", - pageLink: "./Art/Aniamtion_RV/index.html", - imageLink: "./Art/Aniamtion_RV/circle.png", - author: "Aarush Bhat", - githubLink: "https://github.com/07rv", + artName: 'Simplerv', + pageLink: './Art/Aniamtion_RV/index.html', + imageLink: './Art/Aniamtion_RV/circle.png', + author: 'Aarush Bhat', + githubLink: 'https://github.com/07rv' }, { - artName: "Devtemmy_animation", - pageLink: "./Art/Devtemmy_animation/index.html", - imageLink: "./Art/Devtemmy_animation/Devtemmyanimation.gif", - author: "Dev-Temmy", - githubLink: "https://github.com/Dev-Temmy", + artName: 'Devtemmy_animation', + pageLink: './Art/Devtemmy_animation/index.html', + imageLink: './Art/Devtemmy_animation/Devtemmyanimation.gif', + author: 'Dev-Temmy', + githubLink: 'https://github.com/Dev-Temmy' }, { - artName: "Fading text animation", - pageLink: "./Art/araskog/index.html", - imageLink: "./Art/araskog/animation.gif", - author: "Amanda Araskog", - githubLink: "https://github.com/araskog", + artName: 'Fading text animation', + pageLink: './Art/araskog/index.html', + imageLink: './Art/araskog/animation.gif', + author: 'Amanda Araskog', + githubLink: 'https://github.com/araskog' }, { - artName: "Moving Divs", - pageLink: "./Art/Razvan/RazvanFratila/index.html", - imageLink: "./Art/Razvan/RazvanFratila/first.gif", - author: "Razvan", - githubLink: "https://github.com/fratilar", + artName: 'Moving Divs', + pageLink: './Art/Razvan/RazvanFratila/index.html', + imageLink: './Art/Razvan/RazvanFratila/first.gif', + author: 'Razvan', + githubLink: 'https://github.com/fratilar' }, { - artName: "KDev Animation", - pageLink: "./Art/KDev-Animator/index.html", - imageLink: "./Art/KDev-Animator/kdev-animation.gif", - author: "Detmar Ruhfus", - githubLink: "https://github.com/kamikazid", + artName: 'KDev Animation', + pageLink: './Art/KDev-Animator/index.html', + imageLink: './Art/KDev-Animator/kdev-animation.gif', + author: 'Detmar Ruhfus', + githubLink: 'https://github.com/kamikazid' }, { - artName: "Square Bounce", - pageLink: "./Art/Vish/index.html", - imageLink: "./Art/Vish/SquareBounce.gif", - author: "Vishwam", - githubLink: "https://github.com/vishmagic", + artName: 'Square Bounce', + pageLink: './Art/Vish/index.html', + imageLink: './Art/Vish/SquareBounce.gif', + author: 'Vishwam', + githubLink: 'https://github.com/vishmagic' }, { - artName: "Hina", - pageLink: "./Art/Hina/Hina.html", - imageLink: "./Art/Hina/Basketball.gif", - imageLink: "./Art/Hina/net.gif", - author: "Hina Najam", - githubLink: "https://github.com/hinanajam", + artName: 'Hina', + pageLink: './Art/Hina/Hina.html', + imageLink: './Art/Hina/Basketball.gif', + imageLink: './Art/Hina/net.gif', + author: 'Hina Najam', + githubLink: 'https://github.com/hinanajam' }, { - artName: "AmitAnimation", - pageLink: "./Art/Joy/AmitAnimation/amitanimation.html", - imageLink: "./Art/Joy/AmitAnimation/amitanimation.gif", - author: "Amit", - githubLink: "https://github.com/AmitRoy07", + artName: 'AmitAnimation', + pageLink: './Art/Joy/AmitAnimation/amitanimation.html', + imageLink: './Art/Joy/AmitAnimation/amitanimation.gif', + author: 'Amit', + githubLink: 'https://github.com/AmitRoy07' }, { - artName: "Bouncing Cheems ", - pageLink: "./Art/Suddath-Gautam/index.html", - imageLink: "./Art/Suddath-Gautam/cheems.gif", - author: "Suddath Gautam", - githubLink: "https://github.com/wardaddy98", + artName: 'Bouncing Cheems ', + pageLink: './Art/Suddath-Gautam/index.html', + imageLink: './Art/Suddath-Gautam/cheems.gif', + author: 'Suddath Gautam', + githubLink: 'https://github.com/wardaddy98' }, { - artName: "Pop-up Confetti animation.", - pageLink: "./Art/yay-ztm-animation/index.html", - imageLink: "./Art/yay-ztm-animation/pop_animation.gif", - author: "Hyunji Kim", - githubLink: "https://github.com/creativehkim", + artName: 'Pop-up Confetti animation.', + pageLink: './Art/yay-ztm-animation/index.html', + imageLink: './Art/yay-ztm-animation/pop_animation.gif', + author: 'Hyunji Kim', + githubLink: 'https://github.com/creativehkim' }, { - artName: "Monolith", - pageLink: "./Art/acphil/index.html", - imageLink: "./Art/acphil/monolith.png", - author: "acphil", - githubLink: "https://github.com/acphil2", + artName: 'Monolith', + pageLink: './Art/acphil/index.html', + imageLink: './Art/acphil/monolith.png', + author: 'acphil', + githubLink: 'https://github.com/acphil2' }, { - artName: "Smiling Doll", - pageLink: "./Art/jbermeo/index.html", - imageLink: "./Art/jbermeo/doll.gif", - author: "Jose Bermeo", - githubLink: "https://github.com/jbermeo10", + artName: 'Smiling Doll', + pageLink: './Art/jbermeo/index.html', + imageLink: './Art/jbermeo/doll.gif', + author: 'Jose Bermeo', + githubLink: 'https://github.com/jbermeo10' }, { - artName: "vasubhatnagar", - pageLink: "./Art/vasubhatnagar/index.html", - imageLink: "./Art/vasubhatnagar/ss.jpg", - author: "Vasu Bhatnagar", - githubLink: "https://github.com/vasubhatnagar", + artName: 'vasubhatnagar', + pageLink: './Art/vasubhatnagar/index.html', + imageLink: './Art/vasubhatnagar/ss.jpg', + author: 'Vasu Bhatnagar', + githubLink: 'https://github.com/vasubhatnagar' }, { - artName: "JoToSmola", - pageLink: "./Art/JoToSmola/index.html", - imageLink: "./Art/JoToSmola/JoToSmola.gif", - author: "GrabKrab", - githubLink: "https://github.com/GrabKrab", + artName: 'JoToSmola', + pageLink: './Art/JoToSmola/index.html', + imageLink: './Art/JoToSmola/JoToSmola.gif', + author: 'GrabKrab', + githubLink: 'https://github.com/GrabKrab' }, { - artName: "mojaanimacia", - pageLink: "./Art/mojaanimacia/stranka.html", - author: "Martin052", - githubLink: "https://github.com/martin052", + artName: 'mojaanimacia', + pageLink: './Art/mojaanimacia/stranka.html', + author: 'Martin052', + githubLink: 'https://github.com/martin052' }, { - artName: "ellipsis", - pageLink: "./Art/ianhawe/index.html", - author: "ianhawe", - githubLink: "https://github.com/ianhawe", + artName: 'ellipsis', + pageLink: './Art/ianhawe/index.html', + author: 'ianhawe', + githubLink: 'https://github.com/ianhawe' }, { - artName: "iris", - pageLink: "./Art/iris/index.html", - imageLink: "./Art/iris/trance.gif", - author: "iriswdq0504", - githubLink: "https://github.com/iriswdq0504", + artName: 'iris', + pageLink: './Art/iris/index.html', + imageLink: './Art/iris/trance.gif', + author: 'iriswdq0504', + githubLink: 'https://github.com/iriswdq0504' }, { - artName: "Fun with balls!", - pageLink: "./Art/miguelDalberto/funWithBalls/index.html", - imageLink: "./Art/miguelDalberto/funWithBalls/funWithBalls_screenshot.png", - author: "miguelDalberto", - githubLink: "https://github.com/miguelDalberto", + artName: 'Fun with balls!', + pageLink: './Art/miguelDalberto/funWithBalls/index.html', + imageLink: './Art/miguelDalberto/funWithBalls/funWithBalls_screenshot.png', + author: 'miguelDalberto', + githubLink: 'https://github.com/miguelDalberto' }, { - artName: "FourFlag_Load", - pageLink: "./Art/FourFlag_Load/index.html", - imageLink: "./Art/FourFlag_Load/trance.gif", - author: "chungngai09", - githubLink: "https://github.com/chungngai09", + artName: 'FourFlag_Load', + pageLink: './Art/FourFlag_Load/index.html', + imageLink: './Art/FourFlag_Load/trance.gif', + author: 'chungngai09', + githubLink: 'https://github.com/chungngai09' }, { - artName: "AnimatronJS", - pageLink: "./Art/animatronJS/index.html", - author: "Anna Ovechkina", - githubLink: "https://github.com/Annu7shka", + artName: 'AnimatronJS', + pageLink: './Art/animatronJS/index.html', + author: 'Anna Ovechkina', + githubLink: 'https://github.com/Annu7shka' }, { - artName: "perfect_goal", - pageLink: "./Art/perfect_goal/index.html", - imageLink: "./Art/perfect_goal/perfect_goalscreenshot.png", - author: "henzbori", - githubLink: "https://github.com/henzbori", + artName: 'perfect_goal', + pageLink: './Art/perfect_goal/index.html', + imageLink: './Art/perfect_goal/perfect_goalscreenshot.png', + author: 'henzbori', + githubLink: 'https://github.com/henzbori' }, { - artName: "Beating Heart", - pageLink: "./Art/beating-heart/index.html", - imageLink: "./Art/beating-heart/heart.gif", - author: "MishkaZi", - githubLink: "https://github.com/MishkaZi", + artName: 'Beating Heart', + pageLink: './Art/beating-heart/index.html', + imageLink: './Art/beating-heart/heart.gif', + author: 'MishkaZi', + githubLink: 'https://github.com/MishkaZi' }, { - artName: "Bouncing Balls", - pageLink: "./Art/Sankyeat/index.html", - imageLink: "./Art/Sankyeat/bouncingballs.gif", - author: "Sankyeat", - githubLink: "https://github.com/sanks20", + artName: 'Bouncing Balls', + pageLink: './Art/Sankyeat/index.html', + imageLink: './Art/Sankyeat/bouncingballs.gif', + author: 'Sankyeat', + githubLink: 'https://github.com/sanks20' }, { - artName: "Sample page", - pageLink: "./Art/Joy/triangle/index.html", - imageLink: "./Art/Joy/triangle/my-animation.gif", - author: "Mamathagowd107", - githubLink: "https://github.com/Mamathagowd107", + artName: 'Sample page', + pageLink: './Art/Joy/triangle/index.html', + imageLink: './Art/Joy/triangle/my-animation.gif', + author: 'Mamathagowd107', + githubLink: 'https://github.com/Mamathagowd107' }, { - artName: "Animated", - pageLink: "./Art/animated/triangle/index.html", - imageLink: "./Art/Joy/triangle/triangle.gif", - author: "Joy", - githubLink: "https://github.com/royranger", + artName: 'Animated', + pageLink: './Art/animated/triangle/index.html', + imageLink: './Art/Joy/triangle/triangle.gif', + author: 'Joy', + githubLink: 'https://github.com/royranger' }, { - artName: "achwell", - pageLink: "./Art/achwell/index.html", - imageLink: "./Art/achwell/ball.gif", - author: "achwell", - githubLink: "https://github.com/achwell", + artName: 'achwell', + pageLink: './Art/achwell/index.html', + imageLink: './Art/achwell/ball.gif', + author: 'achwell', + githubLink: 'https://github.com/achwell' }, { - artName: "Robotic Circles", - pageLink: "./Art/animation_yaniv/index.html", - imageLink: "./Art/animation_yaniv/robot.png", - author: "Yaniv Sagy", - githubLink: "https://github.com/yanivsagy", + artName: 'Robotic Circles', + pageLink: './Art/animation_yaniv/index.html', + imageLink: './Art/animation_yaniv/robot.png', + author: 'Yaniv Sagy', + githubLink: 'https://github.com/yanivsagy' }, { - artName: "Ocean Day", - pageLink: "./Art/d-spence/index.html", - imageLink: "./Art/d-spence/ztm-dspence-css-anim.gif", - author: "d-spence", - githubLink: "https://github.com/d-spence", + artName: 'Ocean Day', + pageLink: './Art/d-spence/index.html', + imageLink: './Art/d-spence/ztm-dspence-css-anim.gif', + author: 'd-spence', + githubLink: 'https://github.com/d-spence' }, { - artName: "Animation-Circle", - pageLink: "./Art/Animation-Circle/index.html", - imageLink: "./Art/Animation-Circle/animation-circle.gif", - author: "Elid Venega", - githubLink: "https://github.com/elidvenega", + artName: 'Animation-Circle', + pageLink: './Art/Animation-Circle/index.html', + imageLink: './Art/Animation-Circle/animation-circle.gif', + author: 'Elid Venega', + githubLink: 'https://github.com/elidvenega' }, { - artName: "Sweet street", - pageLink: "./Art/Sweet_street/mario.html", - imageLink: "./Art/Sweet_street/animation-gif.gif", - author: "meni-avitan", - githubLink: "https://github.com/meniAvitan/Animation-Nation.git", + artName: 'Sweet street', + pageLink: './Art/Sweet_street/mario.html', + imageLink: './Art/Sweet_street/animation-gif.gif', + author: 'meni-avitan', + githubLink: 'https://github.com/meniAvitan/Animation-Nation.git' }, { - pageLink: "./Art/Joy/nithin-animation/index.html", - imageLink: "./Art/Joy/triangle/triangle.gif", - author: "Nithin", - githubLink: "https://github.com/Nithin6252-reddy", + pageLink: './Art/Joy/nithin-animation/index.html', + imageLink: './Art/Joy/triangle/triangle.gif', + author: 'Nithin', + githubLink: 'https://github.com/Nithin6252-reddy' }, { - artName: "Jittery rectangles", - pageLink: "./Art/Vaibhav/index.html", - author: "Vaibhav Jain", - githubLink: "https://github.com/Vaibhav-multi-dev", + artName: 'Jittery rectangles', + pageLink: './Art/Vaibhav/index.html', + author: 'Vaibhav Jain', + githubLink: 'https://github.com/Vaibhav-multi-dev' }, { - artName: "Pra-animate", - pageLink: "./Art/Pra-animate/indexpra1.html", + artName: 'Pra-animate', + pageLink: './Art/Pra-animate/indexpra1.html', //imageLink: './Art/Joy/triangle/triangle.gif', - author: "Prajoth", - githubLink: "https://github.com/prajoth-b", + author: 'Prajoth', + githubLink: 'https://github.com/prajoth-b' }, { - artName: "3D figure animation", - pageLink: "./Art/DOKL57/index.html", - imageLink: "./Art/DOKL57/DOKL57.png", - author: "DOKL57", - githubLink: "https://github.com/DOKL57", + artName: '3D figure animation', + pageLink: './Art/DOKL57/index.html', + imageLink: './Art/DOKL57/DOKL57.png', + author: 'DOKL57', + githubLink: 'https://github.com/DOKL57' }, { - artName: "my-animation", - pageLink: "./Art/my-animation/index.html", - imageLink: "./Art/my-animation/screenv.webm", - author: "Brurya", - githubLink: "https://github.com/BruryaNadel", + artName: 'my-animation', + pageLink: './Art/my-animation/index.html', + imageLink: './Art/my-animation/screenv.webm', + author: 'Brurya', + githubLink: 'https://github.com/BruryaNadel' }, { - artName: "Animate Infinate", - pageLink: "./Art/rotate-infinate/index.html", - imageLink: "./Art/rotate-infinate/rotate.gif", - author: "thucpn", - githubLink: "https://github.com/thucpn", + artName: 'Animate Infinate', + pageLink: './Art/rotate-infinate/index.html', + imageLink: './Art/rotate-infinate/rotate.gif', + author: 'thucpn', + githubLink: 'https://github.com/thucpn' }, { - artName: "Forever", - pageLink: "./Art/Mritunjay/index.html", - imageLink: "./Art/Mritunjay/mj.gif", - author: "Mritunjay", - githubLink: "https://github.com/Mritunjay004", + artName: 'Forever', + pageLink: './Art/Mritunjay/index.html', + imageLink: './Art/Mritunjay/mj.gif', + author: 'Mritunjay', + githubLink: 'https://github.com/Mritunjay004' }, { - artName: "Atom", - pageLink: "./Art/Atom/index.html", - imageLink: "./Art/Atom/atom.gif", - author: "Khalil-BM", - githubLink: "https://github.com/Khalil-BM", + artName: 'Atom', + pageLink: './Art/Atom/index.html', + imageLink: './Art/Atom/atom.gif', + author: 'Khalil-BM', + githubLink: 'https://github.com/Khalil-BM' }, { - artName: "AppleTree", - pageLink: "./Art/andreasGZ/index.html", - imageLink: "./Art/andreasGZ/apple.gif", - author: "AndreasGZ", - githubLink: "https://github.com/AndreasGZ", + artName: 'AppleTree', + pageLink: './Art/andreasGZ/index.html', + imageLink: './Art/andreasGZ/apple.gif', + author: 'AndreasGZ', + githubLink: 'https://github.com/AndreasGZ' }, { - pageLink: "./Art/Akv-animation/index.html", - imageLink: "./Art/Akv-animation/Image.png", - author: "Akv", - githubLink: "https://github.com/kushal-Ambati", + pageLink: './Art/Akv-animation/index.html', + imageLink: './Art/Akv-animation/Image.png', + author: 'Akv', + githubLink: 'https://github.com/kushal-Ambati' }, { - artName: "Floating Ball", - pageLink: "./Art/floatingBall/index.html", - imageLink: "./Art/floatingBall/thaitruong.png", - author: "Thai Truong", - githubLink: "https://github.com/akitathai94", + artName: 'Floating Ball', + pageLink: './Art/floatingBall/index.html', + imageLink: './Art/floatingBall/thaitruong.png', + author: 'Thai Truong', + githubLink: 'https://github.com/akitathai94' }, { - artName: "Bicycle-2D", - pageLink: "./Art/Bicycle_2D/bicycle.html", - imageLink: "./Art/Bicycle_2D/bicycle-gif.gif", - author: "meni-avitan", - githubLink: "https://github.com/meniAvitan", + artName: 'Bicycle-2D', + pageLink: './Art/Bicycle_2D/bicycle.html', + imageLink: './Art/Bicycle_2D/bicycle-gif.gif', + author: 'meni-avitan', + githubLink: 'https://github.com/meniAvitan' }, { - artName: "catch-me", - pageLink: "./Art/catch-me/index.html", - imageLink: "./Art/catch-me/catch-me.gif", - author: "toobig4u", - githubLink: "https://github.com/toobig4u", + artName: 'catch-me', + pageLink: './Art/catch-me/index.html', + imageLink: './Art/catch-me/catch-me.gif', + author: 'toobig4u', + githubLink: 'https://github.com/toobig4u' }, { - pageLink: "./Art/richard00436/index.html", - imageLink: "./Art/richard00436/richard00436.gif", - author: "richard00436", - githubLink: "https://github.com/richard00436", + pageLink: './Art/richard00436/index.html', + imageLink: './Art/richard00436/richard00436.gif', + author: 'richard00436', + githubLink: 'https://github.com/richard00436' }, { - artName: "bubble", - pageLink: "./Art/seenuCFL/index.html", - imageLink: "./Art/seenuCFL/dot.gif", - author: "seenuCFL", - githubLink: "https://github.com/seenuCFL", + artName: 'bubble', + pageLink: './Art/seenuCFL/index.html', + imageLink: './Art/seenuCFL/dot.gif', + author: 'seenuCFL', + githubLink: 'https://github.com/seenuCFL' }, { - pageLink: "./Art/keep_coding/index.html", - imageLink: "./Art/keep_coding/keep_coding_image.gif", - author: "Rawshan", - githubLink: "https://github.com/mrawshan", + pageLink: './Art/keep_coding/index.html', + imageLink: './Art/keep_coding/keep_coding_image.gif', + author: 'Rawshan', + githubLink: 'https://github.com/mrawshan' }, { - pageLink: "./Art/HammadKhan/index.html", - imageLink: "./Art/HammadKhan/Animation.gif", - author: "HammadKhan", - githubLink: "https://github.com/hhkhan99", + pageLink: './Art/HammadKhan/index.html', + imageLink: './Art/HammadKhan/Animation.gif', + author: 'HammadKhan', + githubLink: 'https://github.com/hhkhan99' }, { - pageLink: "./Art/manimation/index.html", - imageLink: "./Art/manimation/animation.gif", - author: "Maryam", - githubLink: "https://github.com/Maryyam04", + pageLink: './Art/manimation/index.html', + imageLink: './Art/manimation/animation.gif', + author: 'Maryam', + githubLink: 'https://github.com/Maryyam04' }, { - pageLink: "./Art/Abstractloading/index.html", - imageLink: "./Art/Abstractloading/abstractloading.gif", - author: "UrDesigner", - githubLink: "https://github.com/OluJoseph", + pageLink: './Art/Abstractloading/index.html', + imageLink: './Art/Abstractloading/abstractloading.gif', + author: 'UrDesigner', + githubLink: 'https://github.com/OluJoseph' }, { - pageLink: "./Art/ElizavetaZhukova1/index.html", - imageLink: "./Art/ElizavetaZhukova1/fourSquaresEdit.gif", - author: "Liza", - githubLink: "https://github.com/ElizavetaZhukova1", + pageLink: './Art/ElizavetaZhukova1/index.html', + imageLink: './Art/ElizavetaZhukova1/fourSquaresEdit.gif', + author: 'Liza', + githubLink: 'https://github.com/ElizavetaZhukova1' }, { - pageLink: "./Art/Aliedje/index.html", - imgeLink: "./Art/Aliedje/test.png", - author: "Alida", - githubLink: "https://github.com/adiphoorn", + pageLink: './Art/Aliedje/index.html', + imgeLink: './Art/Aliedje/test.png', + author: 'Alida', + githubLink: 'https://github.com/adiphoorn' }, { - pageLink: "./Art/JanRolenc/indexMyArt.html", - imageLink: "./Art/JanRolenc/myArt.gif", - author: "Jan_Rolenc", - githubLink: "https://github.com/JanRolenc", + pageLink: './Art/JanRolenc/indexMyArt.html', + imageLink: './Art/JanRolenc/myArt.gif', + author: 'Jan_Rolenc', + githubLink: 'https://github.com/JanRolenc' }, { - artName: "Heartbeat", - pageLink: "./Art/CheyJax116/heartbeat.html", - imgeLink: "./Art/CheyJax116/heartbeat.gif", - author: "CheyJax116", - githubLink: "https://github.com/cheyjax116", + artName: 'Heartbeat', + pageLink: './Art/CheyJax116/heartbeat.html', + imgeLink: './Art/CheyJax116/heartbeat.gif', + author: 'CheyJax116', + githubLink: 'https://github.com/cheyjax116' }, { - pageLink: "./Art/Aliedje/index.html", - imgeLink: "./Art/Aliedje/test.png", - author: "Alida", - githubLink: "https://github.com/adiphoorn", + pageLink: './Art/Aliedje/index.html', + imgeLink: './Art/Aliedje/test.png', + author: 'Alida', + githubLink: 'https://github.com/adiphoorn' }, { - pageLink: "./Art/bouncingMoon/index.html", - imageLink: "./Art/bouncingMoon/bouncingMoon.png", - author: "Radu-Stroe", - githubLink: "https://github.com/Radu-Stroe", + pageLink: './Art/bouncingMoon/index.html', + imageLink: './Art/bouncingMoon/bouncingMoon.png', + author: 'Radu-Stroe', + githubLink: 'https://github.com/Radu-Stroe' }, { - artName: "Use the Force", - pageLink: "./Art/ptreuden/index.html", - imageLink: "./Art/ptreuden/useTheForce.gif", - author: "ptreuden", - githubLink: "https://github.com/ptreuden", + artName: 'Use the Force', + pageLink: './Art/ptreuden/index.html', + imageLink: './Art/ptreuden/useTheForce.gif', + author: 'ptreuden', + githubLink: 'https://github.com/ptreuden' }, { - artName: "css_typer", - pageLink: "./Art/Joy/css-typer/index.html", - imageLink: "./Art/Joy/css-typer/typing_animate.gif", - author: "Trey", - githubLink: "https://github.com/shanks-t", + artName: 'css_typer', + pageLink: './Art/Joy/css-typer/index.html', + imageLink: './Art/Joy/css-typer/typing_animate.gif', + author: 'Trey', + githubLink: 'https://github.com/shanks-t' }, { - pageLink: "./Art/Joy/Amiel-Art/index.html", - imageLink: "./Art/Joy/Amiel-Art/screenshot.png", - author: "Amiel", - githubLink: "https://github.com/trinidadamiel", + pageLink: './Art/Joy/Amiel-Art/index.html', + imageLink: './Art/Joy/Amiel-Art/screenshot.png', + author: 'Amiel', + githubLink: 'https://github.com/trinidadamiel' }, { - pageLink: "./Art/alnajarAnimation/index.html", - imageLink: "./Art/alnajarAnimation/animate.gif.gif", - author: "Mohammad", - githubLink: "https://github.com/mohammadalnajar", + pageLink: './Art/alnajarAnimation/index.html', + imageLink: './Art/alnajarAnimation/animate.gif.gif', + author: 'Mohammad', + githubLink: 'https://github.com/mohammadalnajar' }, { - pageLink: ".Art/benji5656/index.html", - imageLink: "", - author: "Benji", - githubLink: "https://github.com/benji5656", + pageLink: '.Art/benji5656/index.html', + imageLink: '', + author: 'Benji', + githubLink: 'https://github.com/benji5656' }, { - pageLink: "./Art/AniNationSargi/index.html", - imageLink: "./Art/AniNationSargi/alienGif.gif", - author: "Sargsian", - githubLink: "https://github.com/Sargsian", + pageLink: './Art/AniNationSargi/index.html', + imageLink: './Art/AniNationSargi/alienGif.gif', + author: 'Sargsian', + githubLink: 'https://github.com/Sargsian' }, { - pageLink: ".Art/Hekmundo/index.html", - imageLink: ".Art/Hekmundo/revolving-circles.gif", - author: "Hekmundo", - githubLink: "https://github.com/Hekmundo", + pageLink: '.Art/Hekmundo/index.html', + imageLink: '.Art/Hekmundo/revolving-circles.gif', + author: 'Hekmundo', + githubLink: 'https://github.com/Hekmundo' }, { - artName: "MtBounce", - pageLink: "./Art/MtikeB/index.html", - imageLink: "./Art/MtikeB/Bouncy.gif", - author: "MtikeG", - githubLink: "https://github.com/MtikeG", + artName: 'MtBounce', + pageLink: './Art/MtikeB/index.html', + imageLink: './Art/MtikeB/Bouncy.gif', + author: 'MtikeG', + githubLink: 'https://github.com/MtikeG' }, { - artName: "Hello World", - pageLink: "./Art/HelloWorldByEudin/index.html", - imageLink: "./Art/HelloWorldByEudin/helloworld.gif", - author: "Eudin", - githubLink: "https://github.com/Eudinson", + artName: 'Hello World', + pageLink: './Art/HelloWorldByEudin/index.html', + imageLink: './Art/HelloWorldByEudin/helloworld.gif', + author: 'Eudin', + githubLink: 'https://github.com/Eudinson' }, { - artName: "Color Square", - pageLink: "./Art/angelGarciaSantos/index.html", - imageLink: "./Art/angelGarciaSantos/square.png", - author: "Angel", - githubLink: "https://github.com/angelGarciaSantos", + artName: 'Color Square', + pageLink: './Art/angelGarciaSantos/index.html', + imageLink: './Art/angelGarciaSantos/square.png', + author: 'Angel', + githubLink: 'https://github.com/angelGarciaSantos' }, { - pageLink: ".Art/Szo89/index.html", - imageLink: ".Art/Szo89/animation.png", - author: "Susana", - githubLink: "https://github.com/Szo89", + pageLink: '.Art/Szo89/index.html', + imageLink: '.Art/Szo89/animation.png', + author: 'Susana', + githubLink: 'https://github.com/Szo89' }, { - pageLink: "./Art/Harish/index.html", - imageLink: "./Art/Harish/gif.gif", - author: "Harish", - githubLink: "https://github.com/hkxx843", + pageLink: './Art/Harish/index.html', + imageLink: './Art/Harish/gif.gif', + author: 'Harish', + githubLink: 'https://github.com/hkxx843' }, { - pageLink: ".Art/nb89portfolio/index.html", - imageLink: ".Art/nb89portfolio/img.png", - author: "Navraj Bains", - githubLink: "https://github.com/nb89portfolio", + pageLink: '.Art/nb89portfolio/index.html', + imageLink: '.Art/nb89portfolio/img.png', + author: 'Navraj Bains', + githubLink: 'https://github.com/nb89portfolio' }, { - artName: "Optimistic", - pageLink: "./Art/RichKen/index.html", - imageLink: "./Art/RichKen/optimistic.gif", - author: "RichKen", - githubLink: "https://github.com/RichardKentos", + artName: 'Optimistic', + pageLink: './Art/RichKen/index.html', + imageLink: './Art/RichKen/optimistic.gif', + author: 'RichKen', + githubLink: 'https://github.com/RichardKentos' }, { - pageLink: "./Art/dieovitski/index.html", - imageLink: "./Art/dieovitski/def.gif", - author: "dieovitski", - githubLink: "https://github.com/dieovitski", + pageLink: './Art/dieovitski/index.html', + imageLink: './Art/dieovitski/def.gif', + author: 'dieovitski', + githubLink: 'https://github.com/dieovitski' }, { - pageLink: ".Art/Rcj1/index.html", - imageLink: ".Art/Rcj1/animated.gif", - author: "Rcj1", - githubLink: "https://github.com/rcj1", + pageLink: '.Art/Rcj1/index.html', + imageLink: '.Art/Rcj1/animated.gif', + author: 'Rcj1', + githubLink: 'https://github.com/rcj1' }, { - artName: "Infinite Loading", - pageLink: "./Art/mishhubc/index.html", - imageLink: "./Art/mishhubc/image.gif", - author: "Mihai Jicu", - githubLink: "https://github.com/mishhubc", + artName: 'Infinite Loading', + pageLink: './Art/mishhubc/index.html', + imageLink: './Art/mishhubc/image.gif', + author: 'Mihai Jicu', + githubLink: 'https://github.com/mishhubc' }, { - artName: "Loading Eggs", - pageLink: ".Art/j-fraza/index.html", - imageLink: ".Art/j-fraza/TJSrTcKcmf.gif", - author: "j-fraza", - githubLink: "https://github.com/j-fraza", + artName: 'Loading Eggs', + pageLink: '.Art/j-fraza/index.html', + imageLink: '.Art/j-fraza/TJSrTcKcmf.gif', + author: 'j-fraza', + githubLink: 'https://github.com/j-fraza' }, { - artName: "Taiko no Tastujin", - pageLink: "./Art/kirstymullen/index.html", - imageLink: "./Art/kirstymullen/taiko.gif", - author: "kirstymullen", - githubLink: "https://github.com/kirstymullen", + artName: 'Taiko no Tastujin', + pageLink: './Art/kirstymullen/index.html', + imageLink: './Art/kirstymullen/taiko.gif', + author: 'kirstymullen', + githubLink: 'https://github.com/kirstymullen' }, { - artName: "Rotate Hover Color", - pageLink: "./Art/rotateColor/index.html", - imageLink: "./Art/rotateColor/rotateColor.gif", - author: "Luis", - githubLink: "https://github.com/luigi970", + artName: 'Rotate Hover Color', + pageLink: './Art/rotateColor/index.html', + imageLink: './Art/rotateColor/rotateColor.gif', + author: 'Luis', + githubLink: 'https://github.com/luigi970' }, { - artName: "Sunset", - pageLink: "./Art/cataopriscila/index.html", - imageLink: "./Art/cataopriscila/sunset.gif", - author: "Catao", - githubLink: "https://github.com/cataopriscila", + artName: 'Sunset', + pageLink: './Art/cataopriscila/index.html', + imageLink: './Art/cataopriscila/sunset.gif', + author: 'Catao', + githubLink: 'https://github.com/cataopriscila' }, { - pageLink: "./Art/Kwabena-Agyeman/index.html", - imageLink: "./Art/Kwabena-Agyeman/project.GIF", - author: "Kwabena-Agyeman", - githubLink: "https://github.com/Kwabena-Agyeman", + pageLink: './Art/Kwabena-Agyeman/index.html', + imageLink: './Art/Kwabena-Agyeman/project.GIF', + author: 'Kwabena-Agyeman', + githubLink: 'https://github.com/Kwabena-Agyeman' }, { - pageLink: ".Art/AndyJacko/index.html", - imageLink: ".Art/AndyJacko/yoyo.gif", - author: "Andy Jacko", - githubLink: "https://github.com/AndyJacko", + pageLink: '.Art/AndyJacko/index.html', + imageLink: '.Art/AndyJacko/yoyo.gif', + author: 'Andy Jacko', + githubLink: 'https://github.com/AndyJacko' }, { - pageLink: "./Art/shake/index.html", - imageLink: "./Art/shake/file.gif", - author: "yoududecomposer", - githubLink: "https://github.com/yourdudecomposer", + pageLink: './Art/shake/index.html', + imageLink: './Art/shake/file.gif', + author: 'yoududecomposer', + githubLink: 'https://github.com/yourdudecomposer' }, { - pageLink: "./Art/circle-animation/index.html", - imageLink: "./Art/circle-animation/animate.gif", - author: "Vimal", - githubLink: "https://github.com/vimalraveendra", + pageLink: './Art/circle-animation/index.html', + imageLink: './Art/circle-animation/animate.gif', + author: 'Vimal', + githubLink: 'https://github.com/vimalraveendra' }, { - artName: "Fade Loading", - pageLink: "./Art/HuePham/index.html", - imageLink: "./Art/HuePham/loading.gif", - author: "Hue Pham", - githubLink: "https://github.com/hue113", + artName: 'Fade Loading', + pageLink: './Art/HuePham/index.html', + imageLink: './Art/HuePham/loading.gif', + author: 'Hue Pham', + githubLink: 'https://github.com/hue113' }, { - artName: "Testanimation", - pageLink: "./Art/Testanimation/index.html", - imageLink: "./Art/Testanimation/cloud.gif", - author: "Toby", - githubLink: "https://github.com/tobybase", + artName: 'Testanimation', + pageLink: './Art/Testanimation/index.html', + imageLink: './Art/Testanimation/cloud.gif', + author: 'Toby', + githubLink: 'https://github.com/tobybase' }, { - artName: "Bouncing Ball", - pageLink: "./Art/surajondev/index.html", - imageLink: "./Art/surajondev/animation.gif", - author: "Suraj Vishwakarma", - githubLink: "https://github.com/surajondev", + artName: 'Bouncing Ball', + pageLink: './Art/surajondev/index.html', + imageLink: './Art/surajondev/animation.gif', + author: 'Suraj Vishwakarma', + githubLink: 'https://github.com/surajondev' }, { - artName: "ONLY CSS 3D CUBE", - pageLink: "./Art/Milind/index.html", - imageLink: "./Art/Milind/magic.gif", - author: "Milind Pawar", - githubLink: "https://github.com/milindpawar007", + artName: 'ONLY CSS 3D CUBE', + pageLink: './Art/Milind/index.html', + imageLink: './Art/Milind/magic.gif', + author: 'Milind Pawar', + githubLink: 'https://github.com/milindpawar007' }, { - pageLink: "./Art/circle2square/index.html", - imageLink: "./Art/circle2square/csdojo.gif", - author: "csdojo", - githubLink: "https://github.com/csdojo", + pageLink: './Art/circle2square/index.html', + imageLink: './Art/circle2square/csdojo.gif', + author: 'csdojo', + githubLink: 'https://github.com/csdojo' }, { - artName: "Star", - pageLink: "./Art/jh-chen/animation.html", - imageLink: "./Art/jh-chen/star.gif", - author: "J.H. Chen", - githubLink: "https://github.com/jh-chen95", + artName: 'Star', + pageLink: './Art/jh-chen/animation.html', + imageLink: './Art/jh-chen/star.gif', + author: 'J.H. Chen', + githubLink: 'https://github.com/jh-chen95' }, { - artName: "Amazing Animation", - pageLink: "./Art/Kira_Animation/index.html", - imageLink: "./Art/Kira_Animation/image.gif", - author: "Asad Khan", - githubLink: "https://github.com/kira00007", + artName: 'Amazing Animation', + pageLink: './Art/Kira_Animation/index.html', + imageLink: './Art/Kira_Animation/image.gif', + author: 'Asad Khan', + githubLink: 'https://github.com/kira00007' }, { - artName: "Swizzy", - pageLink: "./Art/Uche-Azubuko/index.html", - imageLink: "./Art/Uche-Azubuko/swizzy.gif", - author: "Uche Azubuko", - githubLink: "https://github.com/UcheAzubuko", + artName: 'Swizzy', + pageLink: './Art/Uche-Azubuko/index.html', + imageLink: './Art/Uche-Azubuko/swizzy.gif', + author: 'Uche Azubuko', + githubLink: 'https://github.com/UcheAzubuko' }, { - artName: "Animated Bike Wheels", - pageLink: "./Art/Animated-Bike-Wheels/index.html", - imageLink: "./Art/Animated-Bike-Wheels/bike.gif", - author: "Joey Kyber", - githubLink: "https://github.com/jtkyber", + artName: 'Animated Bike Wheels', + pageLink: './Art/Animated-Bike-Wheels/index.html', + imageLink: './Art/Animated-Bike-Wheels/bike.gif', + author: 'Joey Kyber', + githubLink: 'https://github.com/jtkyber' }, { - artName: "ZTM Title Animation", - pageLink: "./Art/JMCrawf/index.html", - imageLink: "./Art/JMCrawf/animation.gif", - author: "James Crawford", - githubLink: "https://github.com/JMCrawf/", + artName: 'ZTM Title Animation', + pageLink: './Art/JMCrawf/index.html', + imageLink: './Art/JMCrawf/animation.gif', + author: 'James Crawford', + githubLink: 'https://github.com/JMCrawf/' }, { - artName: "Bouncers", - pageLink: "./Art/Bouncers/index.html", - imageLink: "./Art/Bouncers/giphy.gif", - author: "Peter Rawlings", - githubLink: "https://github.com/Pedginald", + artName: 'Bouncers', + pageLink: './Art/Bouncers/index.html', + imageLink: './Art/Bouncers/giphy.gif', + author: 'Peter Rawlings', + githubLink: 'https://github.com/Pedginald' }, { - artName: "My-Anim.R", - pageLink: "./Art/My-Anim.R/index.html", - imageLink: "./Art/My-Anim.R/BackGround.gif", - author: "Roshan Amjad", - githubLink: "https://github.com/roshanamjad", + artName: 'My-Anim.R', + pageLink: './Art/My-Anim.R/index.html', + imageLink: './Art/My-Anim.R/BackGround.gif', + author: 'Roshan Amjad', + githubLink: 'https://github.com/roshanamjad' }, { - artName: "Robot", - pageLink: "./Art/Robot/robot.html", - imageLink: "./Art/Robot/Robot.gif", - author: "Yun", - githubLink: "https://github.com/yunjoanyu", + artName: 'Robot', + pageLink: './Art/Robot/robot.html', + imageLink: './Art/Robot/Robot.gif', + author: 'Yun', + githubLink: 'https://github.com/yunjoanyu' }, { - artName: "Animazing", - pageLink: "./Art/Animazing/skew.html", - imageLink: "./Art/Animazing/cropgif.gif", - author: "Arfel Ray", - githubLink: "https://github.com/arfelrayarriola", + artName: 'Animazing', + pageLink: './Art/Animazing/skew.html', + imageLink: './Art/Animazing/cropgif.gif', + author: 'Arfel Ray', + githubLink: 'https://github.com/arfelrayarriola' }, { - pageLink: "./Art/Akash/smiley.html", - imageLink: "./Art/Akash/smiley.gif", - author: "Akash", - githubLink: "https://github.com/aksh-22", + pageLink: './Art/Akash/smiley.html', + imageLink: './Art/Akash/smiley.gif', + author: 'Akash', + githubLink: 'https://github.com/aksh-22' }, { - artName: "ReactLogoAnimation", - pageLink: "./Art/sanketanimation/index.html", - imageLink: "./Art/sanketanimation/triangle.gif", - author: "sanketwakhare", - githubLink: "https://github.com/sanketwakhare", + artName: 'ReactLogoAnimation', + pageLink: './Art/sanketanimation/index.html', + imageLink: './Art/sanketanimation/triangle.gif', + author: 'sanketwakhare', + githubLink: 'https://github.com/sanketwakhare' }, { - artName: "Disco", - pageLink: "./Art/Disco/index.html", - imageLink: "./Art/Disco/Disco.gif", - author: "Anu", - githubLink: "https://github.com/anudesh98", + artName: 'Disco', + pageLink: './Art/Disco/index.html', + imageLink: './Art/Disco/Disco.gif', + author: 'Anu', + githubLink: 'https://github.com/anudesh98' }, { - pageLink: "./Art/windmill/windmill.html", - imageLink: "./Art/windmill/windmill.gif", - author: "WindCy", - githubLink: "https://github.com/windycy", + pageLink: './Art/windmill/windmill.html', + imageLink: './Art/windmill/windmill.gif', + author: 'WindCy', + githubLink: 'https://github.com/windycy' }, { - artName: "Beating Speaker", - pageLink: "./Art/beating-speaker/index.html", - imageLink: "./Art/beating-speaker/BeatingSpeaker.gif", - author: "TheCoderJT", - githubLink: "https://github.com/TheCoderJT", + artName: 'Beating Speaker', + pageLink: './Art/beating-speaker/index.html', + imageLink: './Art/beating-speaker/BeatingSpeaker.gif', + author: 'TheCoderJT', + githubLink: 'https://github.com/TheCoderJT' }, { - artName: "Mesmerizing Loader", - pageLink: "./Art/MesmerizingLoader/index.html", - imageLink: "./Art/MesmerizingLoader/mesmerizing_loader.gif", - author: "Gutu Galuppo", - githubLink: "https://github.com/gutugaluppo", + artName: 'Mesmerizing Loader', + pageLink: './Art/MesmerizingLoader/index.html', + imageLink: './Art/MesmerizingLoader/mesmerizing_loader.gif', + author: 'Gutu Galuppo', + githubLink: 'https://github.com/gutugaluppo' }, { - artName: "Rocket ship", - pageLink: "./Art/Rocket_ship/index.html", - imageLink: "./Art/Rocket_ship/Rocket-Ship.gif", - author: "Gutu Galuppo", - githubLink: "https://github.com/gutugaluppo", + artName: 'Rocket ship', + pageLink: './Art/Rocket_ship/index.html', + imageLink: './Art/Rocket_ship/Rocket-Ship.gif', + author: 'Gutu Galuppo', + githubLink: 'https://github.com/gutugaluppo' }, { - artName: "Amatron", - pageLink: "./Art/Amatron/index.html", - imageLink: "https://media1.giphy.com/media/9cJE8Znq6Ghd66duIz/giphy.gif", - author: "John Maturan", - githubLink: "https://github.com/JohnMaturan97", + artName: 'Amatron', + pageLink: './Art/Amatron/index.html', + imageLink: 'https://media1.giphy.com/media/9cJE8Znq6Ghd66duIz/giphy.gif', + author: 'John Maturan', + githubLink: 'https://github.com/JohnMaturan97' }, { - artName: "AnimatD", - pageLink: "./Art/dhruvm/index.html", - author: "dhruvhm", - githubLink: "https://github.com/dhruvhm", + artName: 'AnimatD', + pageLink: './Art/dhruvm/index.html', + author: 'dhruvhm', + githubLink: 'https://github.com/dhruvhm' }, { - artName: "SohaibAnimation", - pageLink: "./Art/SohaibAnimation/index.html", - imageLink: "./Art/SohaibAnimation/animatedcircle.gif", - author: "Sohaib", - githubLink: "https://github.com/SohaibAfani", + artName: 'SohaibAnimation', + pageLink: './Art/SohaibAnimation/index.html', + imageLink: './Art/SohaibAnimation/animatedcircle.gif', + author: 'Sohaib', + githubLink: 'https://github.com/SohaibAfani' }, { - artName: "Orbit", - pageLink: "./Art/Orbit/index.html", - imageLink: "./Art/Orbit/Orbit.gif", - author: "Mohammed Warsame", - githubLink: "https://github.com/mwarsame20", + artName: 'Orbit', + pageLink: './Art/Orbit/index.html', + imageLink: './Art/Orbit/Orbit.gif', + author: 'Mohammed Warsame', + githubLink: 'https://github.com/mwarsame20' }, { - artName: "KakashiHead", - pageLink: "./Art/HamizJamil/index.html", - imageLink: "./Art/HamizJamil/kakashianimation.gif", - author: "Hamiz", - githubLink: "https://github.com/HamizJamil", + artName: 'KakashiHead', + pageLink: './Art/HamizJamil/index.html', + imageLink: './Art/HamizJamil/kakashianimation.gif', + author: 'Hamiz', + githubLink: 'https://github.com/HamizJamil' }, { - artName: "PedroHFSilva", - pageLink: "./Art/pedrohfranklin/index.html", - imageLink: "./Art/pedrohfranklin/animatedcircle.gif", - author: "Pedro Franklin", - githubLink: "https://github.com/pedrohfranklin", + artName: 'PedroHFSilva', + pageLink: './Art/pedrohfranklin/index.html', + imageLink: './Art/pedrohfranklin/animatedcircle.gif', + author: 'Pedro Franklin', + githubLink: 'https://github.com/pedrohfranklin' }, { - artName: "K.I.T.T.", - pageLink: "./Art/GAlexandruD/index.html", - imageLink: "./Art/GAlexandruD/kitt_centered.gif", - author: "GAlexandruD", - githubLink: "https://github.com/GAlexandruD", + artName: 'K.I.T.T.', + pageLink: './Art/GAlexandruD/index.html', + imageLink: './Art/GAlexandruD/kitt_centered.gif', + author: 'GAlexandruD', + githubLink: 'https://github.com/GAlexandruD' }, { - artName: "The Spinning Tuba", - pageLink: "./Art/dr-tuba/index.html", - imageLink: "./Art/dr-tuba/spinningtuba.gif", - author: "Steve Vaughn", - githubLink: "https://github.com/dr-tuba", + artName: 'The Spinning Tuba', + pageLink: './Art/dr-tuba/index.html', + imageLink: './Art/dr-tuba/spinningtuba.gif', + author: 'Steve Vaughn', + githubLink: 'https://github.com/dr-tuba' }, { - artName: "AniMc", - pageLink: "./Art/anna0mclachlan/index.html", - imageLink: "./Art/anna0mclachlan/ani2.gif", - author: "anna0mclachlan", - githubLink: "https://github.com/anna0mclachlan", + artName: 'AniMc', + pageLink: './Art/anna0mclachlan/index.html', + imageLink: './Art/anna0mclachlan/ani2.gif', + author: 'anna0mclachlan', + githubLink: 'https://github.com/anna0mclachlan' }, { - artName: "Amit", - pageLink: "./Art/amit/index.html", - author: "Amit", - githubLink: "https://github.com/amitsharmaa", + artName: 'Amit', + pageLink: './Art/amit/index.html', + author: 'Amit', + githubLink: 'https://github.com/amitsharmaa' }, { - artName: "Lin", - pageLink: "./Art/Lin/index.html", - imageLink: "./Art/Lin/lin.gif", - author: "Lin", - githubLink: "https://github.com/linxz-coder", + artName: 'Lin', + pageLink: './Art/Lin/index.html', + imageLink: './Art/Lin/lin.gif', + author: 'Lin', + githubLink: 'https://github.com/linxz-coder' }, { - artName: "Mouataz", - pageLink: "./Art/Mouataz/index.html", - author: "Mouataz", - githubLink: "https://github.com/MouatazKad", + artName: 'Mouataz', + pageLink: './Art/Mouataz/index.html', + author: 'Mouataz', + githubLink: 'https://github.com/MouatazKad' }, { - artName: "Moving graph", - pageLink: "./Art/Joy/moving-graph/index.html", - imageLink: "./Art/Joy//moving-graph.gif", - author: "kimjusang", - githubLink: "https://github.com/kimjusang", + artName: 'Moving graph', + pageLink: './Art/Joy/moving-graph/index.html', + imageLink: './Art/Joy//moving-graph.gif', + author: 'kimjusang', + githubLink: 'https://github.com/kimjusang' }, { - artName: "Always Be", - pageLink: "./Art/Joy/animatron-kim/index.html", - imageLink: "./Art/Joy//always.gif", - author: "kimjusang", - githubLink: "https://github.com/kimjusang", + artName: 'Always Be', + pageLink: './Art/Joy/animatron-kim/index.html', + imageLink: './Art/Joy//always.gif', + author: 'kimjusang', + githubLink: 'https://github.com/kimjusang' }, { - artName: "Who could it be?", - pageLink: "./Art/pjwmascall/index.html", - imageLink: "./Art/pjwmascall/thumbnail.gif", - author: "pjwmascall", - githubLink: "https://github.com/pjwmascall", + artName: 'Who could it be?', + pageLink: './Art/pjwmascall/index.html', + imageLink: './Art/pjwmascall/thumbnail.gif', + author: 'pjwmascall', + githubLink: 'https://github.com/pjwmascall' }, { - artName: "Sparkle", - pageLink: "./Art/Sparkle/index.html", - imageLink: "./Art/Sparkle/Animation.gif", - author: "palak2603", - githubLink: "https://github.com/palak2603", + artName: 'Sparkle', + pageLink: './Art/Sparkle/index.html', + imageLink: './Art/Sparkle/Animation.gif', + author: 'palak2603', + githubLink: 'https://github.com/palak2603' }, { - artName: "TomatoSpin", - pageLink: "./Art/tomatoSpin/index.html", - author: "Mateo", - githubLink: "https://github.com/mateodibenedetto", + artName: 'TomatoSpin', + pageLink: './Art/tomatoSpin/index.html', + author: 'Mateo', + githubLink: 'https://github.com/mateodibenedetto' }, { - artName: "Animating", - pageLink: "./Art/Animating/index.html", - imageLink: "./Art/Animating/2021-06-05_17_10_54-Greenshot.jpg", - author: "Sahil Shailesh Pedamkar", - githubLink: "https://github.com/sahilpedamkar21", + artName: 'Animating', + pageLink: './Art/Animating/index.html', + imageLink: './Art/Animating/2021-06-05_17_10_54-Greenshot.jpg', + author: 'Sahil Shailesh Pedamkar', + githubLink: 'https://github.com/sahilpedamkar21' }, { - artName: "Moving Car", - pageLink: "./Art/Manali/index.html", - imageLink: "./Art/Manali/Movingcar.gif", - author: "Manali", - githubLink: "https://github.com/Mana21li", + artName: 'Moving Car', + pageLink: './Art/Manali/index.html', + imageLink: './Art/Manali/Movingcar.gif', + author: 'Manali', + githubLink: 'https://github.com/Mana21li' }, { - artName: "ShibaInu", - pageLink: "./Art/Shiinoya/index.html", - imageLink: "./Art/Shiinoya/ShibaInu.gif", - author: "Shiinoya", - githubLink: "https://github.com/Shiinoya", + artName: 'ShibaInu', + pageLink: './Art/Shiinoya/index.html', + imageLink: './Art/Shiinoya/ShibaInu.gif', + author: 'Shiinoya', + githubLink: 'https://github.com/Shiinoya' }, { - artName: "animatronic", - pageLink: "./Art/animatronic/index.html", - imageLink: "./Art/animatronic/style.css", - author: "umer381a", - githubLink: "https://github.com/umer381a", + artName: 'animatronic', + pageLink: './Art/animatronic/index.html', + imageLink: './Art/animatronic/style.css', + author: 'umer381a', + githubLink: 'https://github.com/umer381a' }, { - artName: "I Love ZTM", - pageLink: "./Art/IloveZTM/index.html", - imageLink: "./Art/IloveZTM/style.css", - author: "MirshadOz", - githubLink: "https://github.com/mirshadoz", + artName: 'I Love ZTM', + pageLink: './Art/IloveZTM/index.html', + imageLink: './Art/IloveZTM/style.css', + author: 'MirshadOz', + githubLink: 'https://github.com/mirshadoz' }, { - artName: "Pink Bars", - pageLink: "./Art/rayleigh/rr.html", - imageLink: "./Art/rayleigh/pinkbars.gif", - author: "Rayleigh", - githubLink: "https://github.com/rayleighrozier", + artName: 'Pink Bars', + pageLink: './Art/rayleigh/rr.html', + imageLink: './Art/rayleigh/pinkbars.gif', + author: 'Rayleigh', + githubLink: 'https://github.com/rayleighrozier' }, { - artName: "Out of This World", - pageLink: "./Art/Out-of-This-World/index.html", - imageLink: "./Art/Out-of-This-World/ootw.gif", - author: "Xenark", - githubLink: "https://github.com/xenark", + artName: 'Out of This World', + pageLink: './Art/Out-of-This-World/index.html', + imageLink: './Art/Out-of-This-World/ootw.gif', + author: 'Xenark', + githubLink: 'https://github.com/xenark' }, { - artName: "circular motion", - pageLink: "./Art/Aliraza Lalani Animation/index.html", - imageLink: "./Art/Aliraza Lalani Animation/aa.gif", - author: "Aliraza Lalani", - githubLink: "https://github.com/alirazalalani", + artName: 'circular motion', + pageLink: './Art/Aliraza Lalani Animation/index.html', + imageLink: './Art/Aliraza Lalani Animation/aa.gif', + author: 'Aliraza Lalani', + githubLink: 'https://github.com/alirazalalani' }, { - artName: "Home", - pageLink: "./Art/rez4president/index.html", - imageLink: "./Art/rez4president/home.gif", - author: "Raza Ul Kareem", - githubLink: "https://github.com/rez4president", + artName: 'Home', + pageLink: './Art/rez4president/index.html', + imageLink: './Art/rez4president/home.gif', + author: 'Raza Ul Kareem', + githubLink: 'https://github.com/rez4president' }, { - artName: "VtekAnimation", - pageLink: "./Art/vtekanimation/index.html", - imageLink: "./Art/VtekAnimation/track.gif", - author: "corleone0007", - githubLink: "https://github.com/corleone0007", + artName: 'VtekAnimation', + pageLink: './Art/vtekanimation/index.html', + imageLink: './Art/VtekAnimation/track.gif', + author: 'corleone0007', + githubLink: 'https://github.com/corleone0007' }, { - artName: "Box", - pageLink: "./Art/Sagun/index.html", - imageLink: "./Art/Sagun/ezgif.com-gif-maker.gif", - author: "Sagun", - githubLink: "https://github.com/Sagun-png", + artName: 'Box', + pageLink: './Art/Sagun/index.html', + imageLink: './Art/Sagun/ezgif.com-gif-maker.gif', + author: 'Sagun', + githubLink: 'https://github.com/Sagun-png' }, { - artName: "animator_css", - pageLink: "./Art/animator_css/index.html", - imageLink: "./Art/animator_css/animator.gif", - author: "Benji", - githubLink: "https://github.com/benjaminpeto", + artName: 'animator_css', + pageLink: './Art/animator_css/index.html', + imageLink: './Art/animator_css/animator.gif', + author: 'Benji', + githubLink: 'https://github.com/benjaminpeto' }, { - artName: "1jump", - pageLink: "./Art/1jump/index.html", - imageLink: "./Art/1jump/1jump.gif", - author: "Leutamommx", - githubLink: "https://github.com/leutamommx", + artName: '1jump', + pageLink: './Art/1jump/index.html', + imageLink: './Art/1jump/1jump.gif', + author: 'Leutamommx', + githubLink: 'https://github.com/leutamommx' }, { - artName: "bubbles", - pageLink: "./Art/ghogoo/index.html", - imageLink: "./Art/ghogoo/bubbles.gif", - author: "ghogoo", - githubLink: "https://github.com/ghogoo", + artName: 'bubbles', + pageLink: './Art/ghogoo/index.html', + imageLink: './Art/ghogoo/bubbles.gif', + author: 'ghogoo', + githubLink: 'https://github.com/ghogoo' }, { - artName: "Floating Words", - pageLink: "./Art/floatingWords/index.html", - imageLink: "./Art/floatingWords/floatingWords.gif", - author: "ScoobyDooDoo", - githubLink: "https://github.com/ScoobyDooDoo", + artName: 'Floating Words', + pageLink: './Art/floatingWords/index.html', + imageLink: './Art/floatingWords/floatingWords.gif', + author: 'ScoobyDooDoo', + githubLink: 'https://github.com/ScoobyDooDoo' }, { - artName: "Happy Hacktoberfest", - pageLink: "./Art/DavidEdmondson/index.html", - imageLink: "./Art/DavidEdmondson/HappyHacktoberfestWithJack-o-lantern.gif", - author: "David Edmondson", - githubLink: "https://github.com/davidedmondson", + artName: 'Happy Hacktoberfest', + pageLink: './Art/DavidEdmondson/index.html', + imageLink: './Art/DavidEdmondson/HappyHacktoberfestWithJack-o-lantern.gif', + author: 'David Edmondson', + githubLink: 'https://github.com/davidedmondson' }, { - artName: "ExtendIt", - pageLink: "./Art/Mahi/index.html", - imageLink: "./Art/Mahi/screenshot.JPG", - author: "Mahi", - githubLink: "https://github.com/NineNintyNine", + artName: 'ExtendIt', + pageLink: './Art/Mahi/index.html', + imageLink: './Art/Mahi/screenshot.JPG', + author: 'Mahi', + githubLink: 'https://github.com/NineNintyNine' }, { - artName: "Big-Eye", - pageLink: "./Art/Big-Eye/index.html", - author: "Charly-Crypton", - githubLink: "https://github.com/Charly-Crypton", + artName: 'Big-Eye', + pageLink: './Art/Big-Eye/index.html', + author: 'Charly-Crypton', + githubLink: 'https://github.com/Charly-Crypton' }, { - artName: "Wavy", - pageLink: "./Art/wavy/index.html", - imageLink: "./Art/wavy/wavy.gif", - author: "AnastasiosPas", - githubLink: "https://github.com/AnastasiosPas", + artName: 'Wavy', + pageLink: './Art/wavy/index.html', + imageLink: './Art/wavy/wavy.gif', + author: 'AnastasiosPas', + githubLink: 'https://github.com/AnastasiosPas' }, { - artName: "dynamic-background", - pageLink: "./Art/dynamic-background/index.html", - imageLink: "./Art/dynamic-background/animation.PNG", - author: "SpBhalani", - githubLink: "https://github.com/SpBhalani", + artName: 'dynamic-background', + pageLink: './Art/dynamic-background/index.html', + imageLink: './Art/dynamic-background/animation.PNG', + author: 'SpBhalani', + githubLink: 'https://github.com/SpBhalani' }, { - artName: "jjAnimation", - pageLink: "./Art/jjAnimation/index.html", - imageLink: "./Art/", - author: "Janna", - githubLink: "https://github.com/john29sab", + artName: 'jjAnimation', + pageLink: './Art/jjAnimation/index.html', + imageLink: './Art/', + author: 'Janna', + githubLink: 'https://github.com/john29sab' }, { - artName: "Evolution", - pageLink: "./Art/sayanroy11/index.html", - imageLink: "./Art/sayanroy11/human.gif", - author: "Sayan Roy", - githubLink: "https://github.com/sayanroy11", + artName: 'Evolution', + pageLink: './Art/sayanroy11/index.html', + imageLink: './Art/sayanroy11/human.gif', + author: 'Sayan Roy', + githubLink: 'https://github.com/sayanroy11' }, { - artName: "Dancing-boxes", - pageLink: "./Art/Arham/index.html", - imageLink: "./Art/Arham/Dancing-boxes.gif", - author: "Arham", - githubLink: "https://github.com/arham2002", + artName: 'Dancing-boxes', + pageLink: './Art/Arham/index.html', + imageLink: './Art/Arham/Dancing-boxes.gif', + author: 'Arham', + githubLink: 'https://github.com/arham2002' }, { - artName: "Piano", - pageLink: "./Art/Piano/index.html", - imageLink: "./Art/Piano/piano.gif", - author: "Ali Akhavan", - githubLink: "https://github.com/aliakhavanrad", + artName: 'Piano', + pageLink: './Art/Piano/index.html', + imageLink: './Art/Piano/piano.gif', + author: 'Ali Akhavan', + githubLink: 'https://github.com/aliakhavanrad' }, { - artName: "Ocean Bubbles and Fish-Animation", - pageLink: "./Art/Nice1Rach/index.html", - iamgeLink: "./Art/Nice1Rach/Images/Ocean_Bubbles_and_Fish-Animation.gif", - author: "Rachel Heke", - githubLink: "https://github.com/Nice1Rach", + artName: 'Ocean Bubbles and Fish-Animation', + pageLink: './Art/Nice1Rach/index.html', + iamgeLink: './Art/Nice1Rach/Images/Ocean_Bubbles_and_Fish-Animation.gif', + author: 'Rachel Heke', + githubLink: 'https://github.com/Nice1Rach' }, { - artName: "Switching flags", - pageLink: "./Art/ErikAvet/index.html", - imageLink: "./Art/ErikAvet/flag.gif", - author: "Erik Avetisyan", - githubLink: "https://github.com/ErikAvetisyan", + artName: 'Switching flags', + pageLink: './Art/ErikAvet/index.html', + imageLink: './Art/ErikAvet/flag.gif', + author: 'Erik Avetisyan', + githubLink: 'https://github.com/ErikAvetisyan' }, { - artName: "Black Hole Vortex", - pageLink: "./Art/black-hole-vortex/index.html", - imageLink: "./Art/black-hole-vortex/black-hole-vortex.gif", - author: "Bo-wei Chen", - githubLink: "https://github.com/Rayologist", + artName: 'Black Hole Vortex', + pageLink: './Art/black-hole-vortex/index.html', + imageLink: './Art/black-hole-vortex/black-hole-vortex.gif', + author: 'Bo-wei Chen', + githubLink: 'https://github.com/Rayologist' }, { - artName: "Dimensional Palace", - pageLink: "./Art/Paulo Tasso/index.html", - imageLink: "./Art/Paulo Tasso/triangle/animacaopaulo.gif", - author: "Paulo Tasso", - githubLink: "https://github.com/paulotasso7", + artName: 'Dimensional Palace', + pageLink: './Art/Paulo Tasso/index.html', + imageLink: './Art/Paulo Tasso/triangle/animacaopaulo.gif', + author: 'Paulo Tasso', + githubLink: 'https://github.com/paulotasso7' }, { - artName: "Ruan_Animation_Clock", - pageLink: "./Art/Ruan_Animation_Clock/index.html", - imageLink: "./Art/Ruan_Animation_Clock/Animation_Clock.gif", - author: "Ruan", - githubLink: "https://github.com/RuanEsterhuyse", + artName: 'Ruan_Animation_Clock', + pageLink: './Art/Ruan_Animation_Clock/index.html', + imageLink: './Art/Ruan_Animation_Clock/Animation_Clock.gif', + author: 'Ruan', + githubLink: 'https://github.com/RuanEsterhuyse' }, { - artName: "EvaCtion", - pageLink: "./Art/EvaCtion/index.html", - author: "Gawbb", - githubLink: "https://github.com/royranger", + artName: 'EvaCtion', + pageLink: './Art/EvaCtion/index.html', + author: 'Gawbb', + githubLink: 'https://github.com/royranger' }, { - artName: "cheeky face", - pageLink: "./Art/bluck/index.html", - imageLink: "./Art/bluck/img.gif", - author: "kxmom", - githubLink: "https://github.com/kxmom", + artName: 'cheeky face', + pageLink: './Art/bluck/index.html', + imageLink: './Art/bluck/img.gif', + author: 'kxmom', + githubLink: 'https://github.com/kxmom' }, { - pageLink: "./Art/pragya-sharma11/index.html", - imageLink: "./Art/pragya-sharma11/animation.gif", - author: "Pragya Sharma", - githubLink: "https://github.com/pragya-sharma11", + pageLink: './Art/pragya-sharma11/index.html', + imageLink: './Art/pragya-sharma11/animation.gif', + author: 'Pragya Sharma', + githubLink: 'https://github.com/pragya-sharma11' }, { - pageLink: "./Art/chrisg/index.html", - imageLink: "./Art/chrisg/redwhiteblue.gif", - author: "ChrisG", - githubLink: "https://github.com/chrisgithubok", + pageLink: './Art/chrisg/index.html', + imageLink: './Art/chrisg/redwhiteblue.gif', + author: 'ChrisG', + githubLink: 'https://github.com/chrisgithubok' }, { - artName: "League of Legends Card Animation", - pageLink: "./Art/Bryanmax9/index.html", - imageLink: "./Art/Bryanmax9/league.gif", - author: "Bryanmax9", - githubLink: "https://github.com/bryanmax9/", + artName: 'League of Legends Card Animation', + pageLink: './Art/Bryanmax9/index.html', + imageLink: './Art/Bryanmax9/league.gif', + author: 'Bryanmax9', + githubLink: 'https://github.com/bryanmax9/' }, { - pageLink: ".Art/yash2003/index.html", - imageLink: ".Art/yash2003/animation.gif", - author: "Yashraj", - githubLink: "https://github.com/yashraj2003e", + pageLink: '.Art/yash2003/index.html', + imageLink: '.Art/yash2003/animation.gif', + author: 'Yashraj', + githubLink: 'https://github.com/yashraj2003e' }, { - artName: "segunOsiki", - pageLink: "./Art/segunOsiki/index.html", - imageLink: "./Art/segunOsiki/segunOsiki.gif", - author: "Segun", - githubLink: "https://github.com/Danny4life", + artName: 'segunOsiki', + pageLink: './Art/segunOsiki/index.html', + imageLink: './Art/segunOsiki/segunOsiki.gif', + author: 'Segun', + githubLink: 'https://github.com/Danny4life' }, { - pageLink: ".Art/Yang/index.html", - imageLink: ".Art/Yang/Screenshot.blink.png", - author: "Yang", - githubLink: "https://github.com/yangcodes", + pageLink: '.Art/Yang/index.html', + imageLink: '.Art/Yang/Screenshot.blink.png', + author: 'Yang', + githubLink: 'https://github.com/yangcodes' }, { - pageLink: "./Art/VinWare/index.html", - imageLink: "./Art/VinWare/risingsun.gif", - author: "VinWare", - githubLink: "https://github.com/VinWare", + pageLink: './Art/VinWare/index.html', + imageLink: './Art/VinWare/risingsun.gif', + author: 'VinWare', + githubLink: 'https://github.com/VinWare' }, { - pageLink: "./Art/AnimationLoader/index.html", - imageLink: "./Art/AnimationLoader/Animation.gif", - author: "Pragya Sharma", - githubLink: "https://github.com/pragya-sharma11", + pageLink: './Art/AnimationLoader/index.html', + imageLink: './Art/AnimationLoader/Animation.gif', + author: 'Pragya Sharma', + githubLink: 'https://github.com/pragya-sharma11' }, { - pageLink: "./Art/complementaryColors/index.html", - imageLink: "./Art/complementaryColors/complementaryColors.gif", - author: "Hilary", - githubLink: "https://github.com/hwilson2563", + pageLink: './Art/complementaryColors/index.html', + imageLink: './Art/complementaryColors/complementaryColors.gif', + author: 'Hilary', + githubLink: 'https://github.com/hwilson2563' }, { - pageLink: "./Art/Mansvini/index.html", - imageLink: "./Art/Mansvini/magic.gif", - author: "Mansvini", - githubLink: "https://github.com/Mansvini", + pageLink: './Art/Mansvini/index.html', + imageLink: './Art/Mansvini/magic.gif', + author: 'Mansvini', + githubLink: 'https://github.com/Mansvini' }, { - artName: "Rainbow Spinner", - pageLink: "./Art/joesayat/index.html", - imageLink: "./Art/joesayat/joe-animation.gif", - author: "Joe Sayat", - githubLink: "https://github.com/joesayat", + artName: 'Rainbow Spinner', + pageLink: './Art/joesayat/index.html', + imageLink: './Art/joesayat/joe-animation.gif', + author: 'Joe Sayat', + githubLink: 'https://github.com/joesayat' }, { - artName: "Random", - pageLink: "./Art/animation/index.html", - imageLink: "./Art/animation/random.gif", - author: "DTPsykko", - githubLink: "https://github.com/DTPsykko", + artName: 'Random', + pageLink: './Art/animation/index.html', + imageLink: './Art/animation/random.gif', + author: 'DTPsykko', + githubLink: 'https://github.com/DTPsykko' }, { - artName: "Funky Alien", - pageLink: "./Art/Funky Alien/index.html", - iamgeLink: "./Art/Funky Alien/Domcake-Dancing-Alien.gif", - author: "Jenique Knoesen", - githubLink: "https://github.com/jenique22", + artName: 'Funky Alien', + pageLink: './Art/Funky Alien/index.html', + iamgeLink: './Art/Funky Alien/Domcake-Dancing-Alien.gif', + author: 'Jenique Knoesen', + githubLink: 'https://github.com/jenique22' }, { - artName: "Dracula Colors", - pageLink: "./Art/cspencernd/index.html", - imageLink: "./Art/cspencernd/dracula-colors.gif", - author: "Christopher Spencer", - githubLink: "https://github.com/cspencernd", + artName: 'Dracula Colors', + pageLink: './Art/cspencernd/index.html', + imageLink: './Art/cspencernd/dracula-colors.gif', + author: 'Christopher Spencer', + githubLink: 'https://github.com/cspencernd' }, { - pageLink: "./Art/GabrielArt/GabrielArt.html", - imageLink: "./Art/GabrielArt/ZTM.jpg", - author: "GabrielAvramescu", - githubLink: "https://github.com/GabrielAvramescu", + pageLink: './Art/GabrielArt/GabrielArt.html', + imageLink: './Art/GabrielArt/ZTM.jpg', + author: 'GabrielAvramescu', + githubLink: 'https://github.com/GabrielAvramescu' }, { - artName: "Pong", - pageLink: "./Art/danielalanholmes/index.html", - imageLink: "./Art/danielalanholmes/index.gif", - author: "Daniel Holmes", - githubLink: "https://github.com/danielalanholmes", + artName: 'Pong', + pageLink: './Art/danielalanholmes/index.html', + imageLink: './Art/danielalanholmes/index.gif', + author: 'Daniel Holmes', + githubLink: 'https://github.com/danielalanholmes' }, { - artName: "Wigglers", - pageLink: "./Art/kv/wiggle.html", - imageLink: "./Art/kv/wiggle.gif", - author: "khaivern", - githubLink: "https://github.com/khaivern", + artName: 'Wigglers', + pageLink: './Art/kv/wiggle.html', + imageLink: './Art/kv/wiggle.gif', + author: 'khaivern', + githubLink: 'https://github.com/khaivern' }, { - artName: "Round360", - pageLink: "./Art/MHShayek/index.html", - imageLink: "./Art/MHShayek/round360.gif", - author: "MHShayek", - githubLink: "https://github.com/MHShayek", + artName: 'Round360', + pageLink: './Art/MHShayek/index.html', + imageLink: './Art/MHShayek/round360.gif', + author: 'MHShayek', + githubLink: 'https://github.com/MHShayek' }, { - artName: "animatoris", - pageLink: "./Art/animatoris/index.html", - imageLink: "./Art/animatoris/circle.gif", - author: "Mark Heathcliff", - githubLink: "https://github.com/saimark123", + artName: 'animatoris', + pageLink: './Art/animatoris/index.html', + imageLink: './Art/animatoris/circle.gif', + author: 'Mark Heathcliff', + githubLink: 'https://github.com/saimark123' }, { - artName: "EyeStrain", - pageLink: "./Art/MattRuetz/index.html", - imageLink: "./Art/MattRuetz/eyestrain.gif", - author: "MattRuetz", - githubLink: "https://github.com/MattRuetz", + artName: 'EyeStrain', + pageLink: './Art/MattRuetz/index.html', + imageLink: './Art/MattRuetz/eyestrain.gif', + author: 'MattRuetz', + githubLink: 'https://github.com/MattRuetz' }, { - artName: "Sun", - pageLink: "./Art/DaniM/sun.html", - imageLink: "./Art/DaniM/sun.gif", - author: "DaniMash", - githubLink: "https://github.com/dani-mashasha", + artName: 'Sun', + pageLink: './Art/DaniM/sun.html', + imageLink: './Art/DaniM/sun.gif', + author: 'DaniMash', + githubLink: 'https://github.com/dani-mashasha' }, { - artName: "Modern Clock", - pageLink: "./Art/Tiziano/index.html", - imageLink: "./Art/Tiziano/clock.gif", - author: "Tiziano", - githubLink: "https://github.com/tizspagno", + artName: 'Modern Clock', + pageLink: './Art/Tiziano/index.html', + imageLink: './Art/Tiziano/clock.gif', + author: 'Tiziano', + githubLink: 'https://github.com/tizspagno' }, { - artName: "Work of art", - pageLink: "./Art/Romano/index.html", - imageLink: "./Art/Romano/index.gif", - author: "Romano", - githubLink: "https://github.com/Mrschabs", + artName: 'Work of art', + pageLink: './Art/Romano/index.html', + imageLink: './Art/Romano/index.gif', + author: 'Romano', + githubLink: 'https://github.com/Mrschabs' }, { - pageLink: "./Art/sanation/index.html", - imageLink: "./Art/sanation/trial.gif", - author: "Sajal", - githubLink: "https://github.com/sajalnayansingh", + pageLink: './Art/sanation/index.html', + imageLink: './Art/sanation/trial.gif', + author: 'Sajal', + githubLink: 'https://github.com/sajalnayansingh' }, { - artName: "Jo Ngono", - pageLink: "./Art/jongono/index.html", - imageLink: "./Art/jongono/jongono.png", - author: "inazrabuu", - githubLink: "https://github.com/inazrabuu", + artName: 'Jo Ngono', + pageLink: './Art/jongono/index.html', + imageLink: './Art/jongono/jongono.png', + author: 'inazrabuu', + githubLink: 'https://github.com/inazrabuu' }, { - artName: "poorly drawn pikachu", + artName: 'poorly drawn pikachu', pageLink: "./Art/Sayed's Pikachu/Sayed's Pikachu.html", imageLink: "./Art/Sayed's Pikachu/img.gif", - author: "Sayed Husain", - githubLink: "https://github.com/Sayed-Husain", + author: 'Sayed Husain', + githubLink: 'https://github.com/Sayed-Husain' }, { - artName: "colorful flower", - pageLink: "./Art/shai/index.html", - imageLink: "./Art/shai/animation.gif", - author: "Shytech1", - githubLink: "https://github.com/ShyTech1", + artName: 'colorful flower', + pageLink: './Art/shai/index.html', + imageLink: './Art/shai/animation.gif', + author: 'Shytech1', + githubLink: 'https://github.com/ShyTech1' }, { - artName: "Pulse", - pageLink: "./Art/ogutu/index.html", - imageLink: "./Art/ogutu/giphy.gif", - author: "kennedy", - githubLink: "https://github.com/kennedy-ogutu", + artName: 'Pulse', + pageLink: './Art/ogutu/index.html', + imageLink: './Art/ogutu/giphy.gif', + author: 'kennedy', + githubLink: 'https://github.com/kennedy-ogutu' }, { - artName: "ZTM Animation", - pageLink: "./Art/TC/index.html", - imageLink: "./Art/TC/ztm.gif", - author: "Terence", - githubLink: "https://github.com/TerenceChew", + artName: 'ZTM Animation', + pageLink: './Art/TC/index.html', + imageLink: './Art/TC/ztm.gif', + author: 'Terence', + githubLink: 'https://github.com/TerenceChew' }, { - artName: "Serene Animation", - pageLink: "./Art/sereneanimation/index.html", - imageLink: "./Art/sereneanimation/trance.gif", - author: "Serene", - githubLink: "https://github.com/meikuan23", + artName: 'Serene Animation', + pageLink: './Art/sereneanimation/index.html', + imageLink: './Art/sereneanimation/trance.gif', + author: 'Serene', + githubLink: 'https://github.com/meikuan23' }, { - artName: "Slow_Bounce", - pageLink: "./Art/Slow_Bounce/index.html", - imageLink: "./Art/Slow_Bounce/Slow_Bounce.gif", - author: "MichaelClautice", - githubLink: "https://github.com/MichaelClautice", + artName: 'Slow_Bounce', + pageLink: './Art/Slow_Bounce/index.html', + imageLink: './Art/Slow_Bounce/Slow_Bounce.gif', + author: 'MichaelClautice', + githubLink: 'https://github.com/MichaelClautice' }, { - artName: "Icymation", - pagelink: "./Art/icymation/icymation.html", - imageLink: "./Art/icymation/icymation.gif", - author: "Isai", - githublink: "https://github.com/isaicastro1", + artName: 'Icymation', + pagelink: './Art/icymation/icymation.html', + imageLink: './Art/icymation/icymation.gif', + author: 'Isai', + githublink: 'https://github.com/isaicastro1' }, { - artName: "boxslide", - pageLink: "./Art/AK47/anima.html", - imageLink: "./Art/AK47/boxslide.png", - author: "Anurag Kanungo", - githubLink: "https://github.com/Anuragcr", + artName: 'boxslide', + pageLink: './Art/AK47/anima.html', + imageLink: './Art/AK47/boxslide.png', + author: 'Anurag Kanungo', + githubLink: 'https://github.com/Anuragcr' }, { - artName: "letz ani", - pageLink: "./Art/letz/index.html", - imageLink: "./Art/letz/trans.gif", - author: "letz0703", - githubLink: "https://github.com/letz0703", + artName: 'letz ani', + pageLink: './Art/letz/index.html', + imageLink: './Art/letz/trans.gif', + author: 'letz0703', + githubLink: 'https://github.com/letz0703' }, { - artName: "My Full-Stack Animation", - pageLink: "./Art/BrandonNSangma/index.html", - imageLink: "./Art/BrandonNSangma/fullstack.gif", - author: "Brandon N. Sangma", - githubLink: "https://github.com/brancore87", + artName: 'My Full-Stack Animation', + pageLink: './Art/BrandonNSangma/index.html', + imageLink: './Art/BrandonNSangma/fullstack.gif', + author: 'Brandon N. Sangma', + githubLink: 'https://github.com/brancore87' }, { - artName: "radar-animation", - pageLink: "./Art/radar-animation/index.html", - imageLink: "./Art/radar-animation/radar.gif", - author: "Angel Orellana", - githubLink: "https://github.com/luisangel2895", + artName: 'radar-animation', + pageLink: './Art/radar-animation/index.html', + imageLink: './Art/radar-animation/radar.gif', + author: 'Angel Orellana', + githubLink: 'https://github.com/luisangel2895' }, { - artName: "Parachute Guy", - pageLink: "./Art/barretoga/index.html", - imageLink: "./Art/barretoga/animation.gif", - author: "Gabriel Barreto", - githubLink: "https://github.com/barretoga", + artName: 'Parachute Guy', + pageLink: './Art/barretoga/index.html', + imageLink: './Art/barretoga/animation.gif', + author: 'Gabriel Barreto', + githubLink: 'https://github.com/barretoga' }, { - artName: "Animated Bird", - pageLink: "./Art/sampConrad/index.html", - imageLink: "./Art/sampConrad/bird.gif", - author: "Conrado Sampaio", - githubLink: "https://github.com/sampconrad", + artName: 'Animated Bird', + pageLink: './Art/sampConrad/index.html', + imageLink: './Art/sampConrad/bird.gif', + author: 'Conrado Sampaio', + githubLink: 'https://github.com/sampconrad' }, { - artName: "U-turn", - pageLink: "./Art/baraksArt.index.html", - imageLink: "./Art/baraksArt/U-turn.gif", - author: "Barak", - githubLink: "https://github.com/bcolovas", + artName: 'U-turn', + pageLink: './Art/baraksArt.index.html', + imageLink: './Art/baraksArt/U-turn.gif', + author: 'Barak', + githubLink: 'https://github.com/bcolovas' }, { - artName: "Bouncing Balls DF", - pageLink: "./Art/bouncingdf/index.html", - imageLink: "./Art/bouncingdf/bouncingdf.gif", - author: "David Flores", - githubLink: "https://github.com/dflo55", + artName: 'Bouncing Balls DF', + pageLink: './Art/bouncingdf/index.html', + imageLink: './Art/bouncingdf/bouncingdf.gif', + author: 'David Flores', + githubLink: 'https://github.com/dflo55' }, { - artName: "WAnimation", - pageLink: "./Art/WAnimation/index.html", - imageLink: "./Art/WAnimation/Animation.gif", - author: "WDevelopsWebApps", - githubLink: "https://github.com/WDevelopsWebApps", + artName: 'WAnimation', + pageLink: './Art/WAnimation/index.html', + imageLink: './Art/WAnimation/Animation.gif', + author: 'WDevelopsWebApps', + githubLink: 'https://github.com/WDevelopsWebApps' }, { - artName: "textSlide", - pageLink: "./Art/textSlide/index.html", - imageLink: "./Art/textSlide/textSliding.gif", - author: "Lucas GM", - githubLink: "https://github.com/LucasGM17", + artName: 'textSlide', + pageLink: './Art/textSlide/index.html', + imageLink: './Art/textSlide/textSliding.gif', + author: 'Lucas GM', + githubLink: 'https://github.com/LucasGM17' }, { - artName: "Loading Logo", - pageLink: "./Art/magedmohammed/index.html", - author: "Maged Mohammed", - githubLink: "https://github.com/magedmohammed834", + artName: 'Loading Logo', + pageLink: './Art/magedmohammed/index.html', + author: 'Maged Mohammed', + githubLink: 'https://github.com/magedmohammed834' }, { - artName: "Green Loading", - pageLink: "./Art/KevinMaida/index.html", - imageLink: "./Art/KevinMaida/loadingGif.gif", - author: "Kevin Maida", - githubLink: "https://github.com/KevinMaida", + artName: 'Green Loading', + pageLink: './Art/KevinMaida/index.html', + imageLink: './Art/KevinMaida/loadingGif.gif', + author: 'Kevin Maida', + githubLink: 'https://github.com/KevinMaida' }, { - artName: "Simple Bounce", - pageLink: "./Art/ardiandharminto/index.html", - imageLink: "./Art/ardiandharminto/simple-bounce.gif", - author: "Ardian Dharminto", - githubLink: "https://github.com/ardiandharminto", + artName: 'Simple Bounce', + pageLink: './Art/ardiandharminto/index.html', + imageLink: './Art/ardiandharminto/simple-bounce.gif', + author: 'Ardian Dharminto', + githubLink: 'https://github.com/ardiandharminto' }, { - pageLink: "./Art/ZTM-Academy/index.html", - imageLink: "./Art/ZTM-Academy/ztm.gif", - author: "Denis", - githubLink: "https://github.com/denis11m", + pageLink: './Art/ZTM-Academy/index.html', + imageLink: './Art/ZTM-Academy/ztm.gif', + author: 'Denis', + githubLink: 'https://github.com/denis11m' }, { - pageLink: "./Art/evropa/index.html", - imageLink: "./Art/evropa/drift.gif", - author: "evropa", - githubLink: "https://github.com/evropa", + pageLink: './Art/evropa/index.html', + imageLink: './Art/evropa/drift.gif', + author: 'evropa', + githubLink: 'https://github.com/evropa' }, { - artName: "animatron_av", - pageLink: "./Art/animatron_av/index.html", - imageLink: "./Art/Joy/triangle/trance.gif", - author: "Alex", - githubLink: "https://github.com/averde1973", + artName: 'animatron_av', + pageLink: './Art/animatron_av/index.html', + imageLink: './Art/Joy/triangle/trance.gif', + author: 'Alex', + githubLink: 'https://github.com/averde1973' }, { - artName: "animationzone", - pageLink: "./Art/animationzone/index.html", - imageLink: "./Art/animationzone/ezgif.com-gif-maker", - author: "Erez", - githubLink: "https://github.com/ErezAvni9", + artName: 'animationzone', + pageLink: './Art/animationzone/index.html', + imageLink: './Art/animationzone/ezgif.com-gif-maker', + author: 'Erez', + githubLink: 'https://github.com/ErezAvni9' }, { - artName: "Rolling Cat", - pageLink: "./Art/ssoppet1/index.html", - imageLink: "./Art/ssoppet1/cat.gif", - author: "Stacy", - githubLink: "https://github.com/ssoppet1", + artName: 'Rolling Cat', + pageLink: './Art/ssoppet1/index.html', + imageLink: './Art/ssoppet1/cat.gif', + author: 'Stacy', + githubLink: 'https://github.com/ssoppet1' }, { - artName: "brotation", - pageLink: "./Art/box-rotate-animation/index.html", - imageLink: "./Art/box-rotate-animation/brotation.gif", - author: "Andrey", - githubLink: "https://github.com/Life1sOk", + artName: 'brotation', + pageLink: './Art/box-rotate-animation/index.html', + imageLink: './Art/box-rotate-animation/brotation.gif', + author: 'Andrey', + githubLink: 'https://github.com/Life1sOk' }, { - artName: "Loading animation", - pageLink: "./Art/graphitexhd/index.html", - imageLink: "./Art/graphitexhd/animation.gif", - author: "Graphitexhd", - githubLink: "https://github.com/graphitexhd", + artName: 'Loading animation', + pageLink: './Art/graphitexhd/index.html', + imageLink: './Art/graphitexhd/animation.gif', + author: 'Graphitexhd', + githubLink: 'https://github.com/graphitexhd' }, { - artName: "Our Solar System", - pageLink: "./Art/bryanRillstone/index.html", - imageLink: "./Art/bryanRillstone/Solar-System.gif", - author: "Bryan Rillstone", - githubLink: "https://github.com/bryanrillstone", + artName: 'Our Solar System', + pageLink: './Art/bryanRillstone/index.html', + imageLink: './Art/bryanRillstone/Solar-System.gif', + author: 'Bryan Rillstone', + githubLink: 'https://github.com/bryanrillstone' }, { - artName: "viskarra", - pageLink: "./Art/viskarra/index.html", - imageLink: "./Art/viskarra/imgif.gif", - author: "Viskarra", - githubLink: "https://github.com/viskarra", + artName: 'viskarra', + pageLink: './Art/viskarra/index.html', + imageLink: './Art/viskarra/imgif.gif', + author: 'Viskarra', + githubLink: 'https://github.com/viskarra' }, { - artName: "Chess Board Dance Floor", - pageLink: "./Art/Robin/index.html", - imageLink: "./Art/Robin/chessBoardDanceFloor.gif", - author: "Robin", - githubLink: "https://github.com/robinpunn", + artName: 'Chess Board Dance Floor', + pageLink: './Art/Robin/index.html', + imageLink: './Art/Robin/chessBoardDanceFloor.gif', + author: 'Robin', + githubLink: 'https://github.com/robinpunn' }, { - artName: "Fishy", - pageLink: "./Art/Mayorman/index.html", - imageLink: "./Art/Mayorman/Fishy-Screen-Rec.gif", - author: "Mayowa", - githubLink: "https://github.com/Mayorman07", + artName: 'Fishy', + pageLink: './Art/Mayorman/index.html', + imageLink: './Art/Mayorman/Fishy-Screen-Rec.gif', + author: 'Mayowa', + githubLink: 'https://github.com/Mayorman07' }, { - artName: "The Beach", - pageLink: "./Art/Jon-Bull/index.html", - imageLink: "./Art/Jon-Bull/beach.gif", - author: "Jon", - githubLink: "https://github.com/Jon-Bull", + artName: 'The Beach', + pageLink: './Art/Jon-Bull/index.html', + imageLink: './Art/Jon-Bull/beach.gif', + author: 'Jon', + githubLink: 'https://github.com/Jon-Bull' }, { - artName: "Loading screen", - pageLink: "./Art/ShueiYang/index.html", - imageLink: "./Art/ShueiYang/Loading.gif", - author: "ShueiYang", - githubLink: "https://github.com/ShueiYang", + artName: 'Loading screen', + pageLink: './Art/ShueiYang/index.html', + imageLink: './Art/ShueiYang/Loading.gif', + author: 'ShueiYang', + githubLink: 'https://github.com/ShueiYang' }, { - artName: "Get Started", - pageLink: "./Art/imaadfakier/index.html", - imageLink: "./Art/imaadfakier/Loading.gif", - author: "Imaad Fakier", - githubLink: "https://github.com/imaadfakier", + artName: 'Get Started', + pageLink: './Art/imaadfakier/index.html', + imageLink: './Art/imaadfakier/Loading.gif', + author: 'Imaad Fakier', + githubLink: 'https://github.com/imaadfakier' }, { - artName: "BoxPM", - pageLink: "./Art/BoxPM/index.html", - imageLink: "./Art/BoxPM/trance2.gif", - author: "Pradeep", - githubLink: "https://github.com/Pmakaju", + artName: 'BoxPM', + pageLink: './Art/BoxPM/index.html', + imageLink: './Art/BoxPM/trance2.gif', + author: 'Pradeep', + githubLink: 'https://github.com/Pmakaju' }, { - artName: "Pendulam", - pageLink: "./Art/Pendulam/index.html", - imageLink: "./Art/Pendulam/swinging_pendulam.gif", - author: "Dinesh", - githubLink: "https://github.com/dinesh-729", + artName: 'Pendulam', + pageLink: './Art/Pendulam/index.html', + imageLink: './Art/Pendulam/swinging_pendulam.gif', + author: 'Dinesh', + githubLink: 'https://github.com/dinesh-729' }, { - artName: "Wave Ring", - pageLink: "./Art/JinalPatel/Wavering/wavering.html", - imageLink: "./Art/JinalPatel/Wavering/wavering.gif", - author: "Jinal Patel", - githubLink: "https://github.com/JinalPatel17", + artName: 'Wave Ring', + pageLink: './Art/JinalPatel/Wavering/wavering.html', + imageLink: './Art/JinalPatel/Wavering/wavering.gif', + author: 'Jinal Patel', + githubLink: 'https://github.com/JinalPatel17' }, { - artName: "Samination", - pageLink: "./Art/Samination/index.html", - imageLink: "./Art/Samination/samination.gif", - author: "Sami", - githubLink: "https://github.com/samialmaradni97", + artName: 'Samination', + pageLink: './Art/Samination/index.html', + imageLink: './Art/Samination/samination.gif', + author: 'Sami', + githubLink: 'https://github.com/samialmaradni97' }, { - artName: "Esinnaton", - pageLink: "./Art/Esinnaton/index.html", - imageLink: "./Art/Esinnaton/transition.gif", - author: "Esinnation", - githubLink: "https://github.com/esinnation", + artName: 'Esinnaton', + pageLink: './Art/Esinnaton/index.html', + imageLink: './Art/Esinnaton/transition.gif', + author: 'Esinnation', + githubLink: 'https://github.com/esinnation' }, { - artName: "Spining Numbers", - pageLink: "./Art/jamesnjovu/index.html", - imageLink: "./Art/jamesnjovu/number.gif", - author: "Joy", - githubLink: "https://github.com/jamesnjovu", + artName: 'Spining Numbers', + pageLink: './Art/jamesnjovu/index.html', + imageLink: './Art/jamesnjovu/number.gif', + author: 'Joy', + githubLink: 'https://github.com/jamesnjovu' }, { - artName: "CrazyBalls", - pageLink: "./Art/CrazyBalls/index.html", - imageLink: "./Art/CrazyBalls/balls.gif", - author: "Rohan Bobby", - githubLink: "https://github.com/rohanbobby01", + artName: 'CrazyBalls', + pageLink: './Art/CrazyBalls/index.html', + imageLink: './Art/CrazyBalls/balls.gif', + author: 'Rohan Bobby', + githubLink: 'https://github.com/rohanbobby01' }, { - artName: "Simple Circle Animation", - pageLink: "./Art/simple_Circle_Animation/index.html", - imageLink: "./Art/Joy/simple_Circle_Animation/circle_animation.gif", - author: "dw", - githubLink: "https://github.com/dwthefirst", + artName: 'Simple Circle Animation', + pageLink: './Art/simple_Circle_Animation/index.html', + imageLink: './Art/Joy/simple_Circle_Animation/circle_animation.gif', + author: 'dw', + githubLink: 'https://github.com/dwthefirst' }, { - artName: "Matrix Animation", - pageLink: "./Art/TenmaChinen/index.html", - imageLink: "./Art/TenmaChinen/matrix_animation.gif", - author: "Tenma Chinen", - githubLink: "https://github.com/TenmaChinen", + artName: 'Matrix Animation', + pageLink: './Art/TenmaChinen/index.html', + imageLink: './Art/TenmaChinen/matrix_animation.gif', + author: 'Tenma Chinen', + githubLink: 'https://github.com/TenmaChinen' }, { - artName: "Crazy Cat", - pageLink: "./Art/sikumiku/index.html", - imageLink: "./Art/sikumiku/crazy_cat.gif", - author: "Sigrid", - githubLink: "https://github.com/sikumiku", + artName: 'Crazy Cat', + pageLink: './Art/sikumiku/index.html', + imageLink: './Art/sikumiku/crazy_cat.gif', + author: 'Sigrid', + githubLink: 'https://github.com/sikumiku' }, { - artName: "Magic", - pageLink: "./Art/dmwspace/index.html", - imageLink: "./Art/dmwspace/magic.gif", - author: "Dean", - githubLink: "https://github.com/dmwspace", + artName: 'Magic', + pageLink: './Art/dmwspace/index.html', + imageLink: './Art/dmwspace/magic.gif', + author: 'Dean', + githubLink: 'https://github.com/dmwspace' }, { - artName: "Button Effect", - pageLink: "./Art/Jatin-7/index.html", - imageLink: "./Art/Jatin-7/btn.gif", - author: "Jatin-7", - githubLink: "https://github.com/Jatin-7", + artName: 'Button Effect', + pageLink: './Art/Jatin-7/index.html', + imageLink: './Art/Jatin-7/btn.gif', + author: 'Jatin-7', + githubLink: 'https://github.com/Jatin-7' }, { - artName: "Bird Animation", - pageLink: "./Art/bird_animation/index.html", - imageLink: "./Art/bird_animation/bird-animation.gif", - author: "Tarun Mankar", - githubLink: "https://github.com/tarunmankar", + artName: 'Bird Animation', + pageLink: './Art/bird_animation/index.html', + imageLink: './Art/bird_animation/bird-animation.gif', + author: 'Tarun Mankar', + githubLink: 'https://github.com/tarunmankar' }, { - artName: "Rainbow Circle", - pageLink: "./Art/Mengnan_Wang/rainbow_circle.html", - imageLink: "./Art/Mengnan_Wang/rainbow_circle.gif", - author: "Mengnan Wang", - githubLink: "https://github.com/Mengnan-Wang", + artName: 'Rainbow Circle', + pageLink: './Art/Mengnan_Wang/rainbow_circle.html', + imageLink: './Art/Mengnan_Wang/rainbow_circle.gif', + author: 'Mengnan Wang', + githubLink: 'https://github.com/Mengnan-Wang' }, { - artName: "Phillys Animation", - pageLink: "./Art/phillysrevenge/index.html", - imageLink: "./Art/phillysrevenge/web.gif", - author: "phillysrevenge", - githubLink: "https://github.com/phillysrevenge", + artName: 'Phillys Animation', + pageLink: './Art/phillysrevenge/index.html', + imageLink: './Art/phillysrevenge/web.gif', + author: 'phillysrevenge', + githubLink: 'https://github.com/phillysrevenge' }, { - artName: "largebox", - pageLink: "./Art/largebox/index.html", - imageLink: "./Art/largebox/box.gif", - author: "rajmishra-47", - githubLink: "https://github.com/rajmishra-47", + artName: 'largebox', + pageLink: './Art/largebox/index.html', + imageLink: './Art/largebox/box.gif', + author: 'rajmishra-47', + githubLink: 'https://github.com/rajmishra-47' }, { - artName: "Robot-2.0", - pageLink: "./Art/Robot-2.0/index.html", - imageLink: "./Art/Robot-2.0/robo.gif", - author: "Nabil Ahmed", - githubLink: "https://github.com/nabil-github0", + artName: 'Robot-2.0', + pageLink: './Art/Robot-2.0/index.html', + imageLink: './Art/Robot-2.0/robo.gif', + author: 'Nabil Ahmed', + githubLink: 'https://github.com/nabil-github0' }, { - artName: "Damian Box", - pageLink: "./Art/DamiAnim/index.html", - imageLink: "./Art/DamiAnim/giphy.gif", - author: "Damian Padilla", - githubLink: "https://github.com/Damianpad", + artName: 'Damian Box', + pageLink: './Art/DamiAnim/index.html', + imageLink: './Art/DamiAnim/giphy.gif', + author: 'Damian Padilla', + githubLink: 'https://github.com/Damianpad' }, { - artName: "Pretty-Simple", - pageLink: "./Art/Asier/index.html", - imageLink: "./Art/Asier/Pretty-Simple.gif", - author: "Asier-D-Reveire", - githubLink: "https://github.com/Asier-D-Reveire", + artName: 'Pretty-Simple', + pageLink: './Art/Asier/index.html', + imageLink: './Art/Asier/Pretty-Simple.gif', + author: 'Asier-D-Reveire', + githubLink: 'https://github.com/Asier-D-Reveire' }, { - artName: "Can You Feel My Heartbeat", - pageLink: "./Art/can-you-feel-my-heartbeat/index.html", - imageLink: "./Art/can-you-feel-my-heartbeat/heartbeat.png", - author: "Vanessa Vun", - githubLink: "https://github.com/vanessavun", + artName: 'Can You Feel My Heartbeat', + pageLink: './Art/can-you-feel-my-heartbeat/index.html', + imageLink: './Art/can-you-feel-my-heartbeat/heartbeat.png', + author: 'Vanessa Vun', + githubLink: 'https://github.com/vanessavun' }, { - artName: "Straight lines", - pageLink: "./Art/artinator/index.html", - imageLink: "./Art/artinator/art.png", - author: "Scraper232", - githubLink: "https://github.com/scraper232", + artName: 'Straight lines', + pageLink: './Art/artinator/index.html', + imageLink: './Art/artinator/art.png', + author: 'Scraper232', + githubLink: 'https://github.com/scraper232' }, { - artName: "Glowing 3 Circles", - pageLink: "./Art/josephld/index.html", - imageLink: "./Art/josephld/glowing_circles.gif", - author: "Leandre Derpo", - githubLink: "https://github.com/LeandreDerpo", + artName: 'Glowing 3 Circles', + pageLink: './Art/josephld/index.html', + imageLink: './Art/josephld/glowing_circles.gif', + author: 'Leandre Derpo', + githubLink: 'https://github.com/LeandreDerpo' }, { - artName: "Quoters", - pageLink: "./Art/Quoters/index.html", - imageLink: "./Art/Quoters/giphy.gif", - author: "Arif Wibawa", - githubLink: "https://github.com/wibawaarif", + artName: 'Quoters', + pageLink: './Art/Quoters/index.html', + imageLink: './Art/Quoters/giphy.gif', + author: 'Arif Wibawa', + githubLink: 'https://github.com/wibawaarif' }, { - artName: "USAfloridaUSA", - pageLink: "./Art/usa-florida-usa/index.html", - imageLink: "./Art/usa-florida-usa/USAfloridaUSA.gif", - author: "Stephen Eith", - githubLink: "https://github.com/eith71", + artName: 'USAfloridaUSA', + pageLink: './Art/usa-florida-usa/index.html', + imageLink: './Art/usa-florida-usa/USAfloridaUSA.gif', + author: 'Stephen Eith', + githubLink: 'https://github.com/eith71' }, { - artName: "Heart beat and pulse", - pageLink: "./Art/Luisa/index.html", - imageLink: "./Art/Luisa/HeartBeat.gif", - author: "Luisa Bowie", - githubLink: "https://github.com/Tala101", + artName: 'Heart beat and pulse', + pageLink: './Art/Luisa/index.html', + imageLink: './Art/Luisa/HeartBeat.gif', + author: 'Luisa Bowie', + githubLink: 'https://github.com/Tala101' }, { - artName: "1Abel-Animate", - pageLink: "./Art/1Abel-Animate/index.html", - imageLink: "./Art/1Abel-Animate/1abel.gif", - author: "perez11abel", - githubLink: "https://github.com/perez11abel", + artName: '1Abel-Animate', + pageLink: './Art/1Abel-Animate/index.html', + imageLink: './Art/1Abel-Animate/1abel.gif', + author: 'perez11abel', + githubLink: 'https://github.com/perez11abel' }, { - artName: "Snow and Rain Animation", - pageLink: "./Art/Snow_Animation/index.html", - imageLink: "./Art/Snow_Animation/Snow_Rain_Animation.gif", - author: "Mosespt", - githubLink: "https://github.com/Mosespt", + artName: 'Snow and Rain Animation', + pageLink: './Art/Snow_Animation/index.html', + imageLink: './Art/Snow_Animation/Snow_Rain_Animation.gif', + author: 'Mosespt', + githubLink: 'https://github.com/Mosespt' }, { - artName: "Color Palette with Pure CSS Animation", - pageLink: "./Art/color-palette-with-pure-css-animation/dist/index.html", - imageLink: "./Art/color-palette-with-pure-css-animation/animation.gif", - author: "julien muke", - githubLink: "https://github.com/julien-muke", + artName: 'Color Palette with Pure CSS Animation', + pageLink: './Art/color-palette-with-pure-css-animation/dist/index.html', + imageLink: './Art/color-palette-with-pure-css-animation/animation.gif', + author: 'julien muke', + githubLink: 'https://github.com/julien-muke' }, { artName: "That's rotating!!", - pageLink: "./Art/Rotating/index.html", - imageLink: "./Art/Rotating/Rotation.gif", - author: "Vito Chu", - githubLink: "https://github.com/VitoChuChu", + pageLink: './Art/Rotating/index.html', + imageLink: './Art/Rotating/Rotation.gif', + author: 'Vito Chu', + githubLink: 'https://github.com/VitoChuChu' }, { - artName: "example animation", - pageLink: "./Art/emanuelretamozo/index.html", - imageLink: "./Art/emanuelretamozo/example.gif", - author: "Emanuel Retamozo", - githubLink: "https://github.com/emanuelretamozo", + artName: 'example animation', + pageLink: './Art/emanuelretamozo/index.html', + imageLink: './Art/emanuelretamozo/example.gif', + author: 'Emanuel Retamozo', + githubLink: 'https://github.com/emanuelretamozo' }, { - artName: "Bouncy Ball", - pageLink: "./Art/Valadot/index.html", - imageLink: "./Art/Valadot/bouncy-ball.gif", - author: "Valadot", - githubLink: "https://github.com/Valadot", + artName: 'Bouncy Ball', + pageLink: './Art/Valadot/index.html', + imageLink: './Art/Valadot/bouncy-ball.gif', + author: 'Valadot', + githubLink: 'https://github.com/Valadot' }, { - artName: "Snow Fall", - pageLink: "./Art/snow-fall/index.html", - imageLink: "./Art/snow-fall/snow-fall.gif", - author: "MAHA Labs", - githubLink: "https://github.com/mahalabs", + artName: 'Snow Fall', + pageLink: './Art/snow-fall/index.html', + imageLink: './Art/snow-fall/snow-fall.gif', + author: 'MAHA Labs', + githubLink: 'https://github.com/mahalabs' }, { - artName: "css_anishape-1.0", - pageLink: "./Art/css_anishape-1.0/index.html", - imageLink: "./Art/css_anishape-1.0/css-anishape-s1.jpg", - author: "Dwight", - githubLink: "https://github.com/DwightMckenzie", + artName: 'css_anishape-1.0', + pageLink: './Art/css_anishape-1.0/index.html', + imageLink: './Art/css_anishape-1.0/css-anishape-s1.jpg', + author: 'Dwight', + githubLink: 'https://github.com/DwightMckenzie' }, { - artName: "Simple Hover Rotaton Animation", - pageLink: "./Art/jaReaps/index.html", - imageLink: "./Art/Joy/jaReaps/Rotation Animation.gif", - author: "Jon", - githubLink: "https://github.com/jonreapsome", + artName: 'Simple Hover Rotaton Animation', + pageLink: './Art/jaReaps/index.html', + imageLink: './Art/Joy/jaReaps/Rotation Animation.gif', + author: 'Jon', + githubLink: 'https://github.com/jonreapsome' }, { - artName: "CSS_Magic", - pageLink: "./Art/CSS_Magic/index.html", - imageLink: "./Art/CSS_Magic/Move.gif", - author: "Subhadip", - githubLink: "https://github.com/SubhadipMaji", + artName: 'CSS_Magic', + pageLink: './Art/CSS_Magic/index.html', + imageLink: './Art/CSS_Magic/Move.gif', + author: 'Subhadip', + githubLink: 'https://github.com/SubhadipMaji' }, { - artName: "Color Flip Cards", - pageLink: "./Art/Flipping/index.html", - imageLink: "./Art/Flipping/gif.gif", - author: "AspiringMay2022", - githubLink: "https://github.com/AspiringMay2022", + artName: 'Color Flip Cards', + pageLink: './Art/Flipping/index.html', + imageLink: './Art/Flipping/gif.gif', + author: 'AspiringMay2022', + githubLink: 'https://github.com/AspiringMay2022' }, { - artName: "Square", - pageLink: "./Art/Square/square.html", - imageLink: "./Art/Square/square.gif", - author: "Nico", - githubLink: "https://github.com/nsherban1", + artName: 'Square', + pageLink: './Art/Square/square.html', + imageLink: './Art/Square/square.gif', + author: 'Nico', + githubLink: 'https://github.com/nsherban1' }, { - artName: "Sun Rise and Set", - pageLink: "./Art/mikerobards/index.html", - imageLink: "./Art/mikerobards/sunrise-set.gif", - author: "mikerobards", - githubLink: "https://github.com/mikerobards", + artName: 'Sun Rise and Set', + pageLink: './Art/mikerobards/index.html', + imageLink: './Art/mikerobards/sunrise-set.gif', + author: 'mikerobards', + githubLink: 'https://github.com/mikerobards' }, { - artName: "GeminiSpace", - pageLink: "./Art/GeminiSpace/index.html", - imageLink: "./Art/GeminiSpace/space.gif", - author: "Saviour", - githubLink: "https://github.com/GeminiSpace", + artName: 'GeminiSpace', + pageLink: './Art/GeminiSpace/index.html', + imageLink: './Art/GeminiSpace/space.gif', + author: 'Saviour', + githubLink: 'https://github.com/GeminiSpace' }, { - artName: "The rolling and spinning football", - pageLink: "./Art/Nomishka/index.html", - imageLink: "./Art/Football.png", - author: "Nomishka", - githubLink: "https://github.com/Nomishka", + artName: 'The rolling and spinning football', + pageLink: './Art/Nomishka/index.html', + imageLink: './Art/Football.png', + author: 'Nomishka', + githubLink: 'https://github.com/Nomishka' }, { - artName: "Infinite Circle Loop", - pageLink: "./Art/InfiniteCircleLoop/index.html", - imageLink: "./Art/InfiniteCircleLoop/infinitecircleloop.gif", - author: "Giselle", - githubLink: "https://github.com/gisellerx", + artName: 'Infinite Circle Loop', + pageLink: './Art/InfiniteCircleLoop/index.html', + imageLink: './Art/InfiniteCircleLoop/infinitecircleloop.gif', + author: 'Giselle', + githubLink: 'https://github.com/gisellerx' }, { - artName: "Updown", - pageLink: "./Art/updown/index.html", - imageLink: "./Art/updown/updown.gif", - author: "Nueng", - githubLink: "https://github.com/AlgorithmNueng", + artName: 'Updown', + pageLink: './Art/updown/index.html', + imageLink: './Art/updown/updown.gif', + author: 'Nueng', + githubLink: 'https://github.com/AlgorithmNueng' }, { - artName: "cajaheart", - pageLink: "./Art/erikanimation/corazon.html", - imageLink: "./Art/erikanimation/corazon.gif", - author: "Erika", - githubLink: "https://github.com/erikaaquino", + artName: 'cajaheart', + pageLink: './Art/erikanimation/corazon.html', + imageLink: './Art/erikanimation/corazon.gif', + author: 'Erika', + githubLink: 'https://github.com/erikaaquino' }, { - artName: "Colorful Heart", - pageLink: "./Art/cr-animation/index.html", - imageLink: "./Art/cr-animation/index.html/colorful-heart.png", - author: "Cristina", - githubLink: "https://github.com/crsecu", + artName: 'Colorful Heart', + pageLink: './Art/cr-animation/index.html', + imageLink: './Art/cr-animation/index.html/colorful-heart.png', + author: 'Cristina', + githubLink: 'https://github.com/crsecu' }, { - artName: "wink", - pageLink: "./Art/Robrigado/index.html", - imageLink: "./Art/Robrigado/wink.gif", - author: "Robrigado", - githubLink: "https://github.com/Robrigado", + artName: 'wink', + pageLink: './Art/Robrigado/index.html', + imageLink: './Art/Robrigado/wink.gif', + author: 'Robrigado', + githubLink: 'https://github.com/Robrigado' }, { - artName: "mrsanim", - pageLink: "./Art/mrsanim/index.html", - imageLink: "./Art/mrsanim/mrsanim.png", - author: "Adi", - githubLink: "https://github.com/adimrs", + artName: 'mrsanim', + pageLink: './Art/mrsanim/index.html', + imageLink: './Art/mrsanim/mrsanim.png', + author: 'Adi', + githubLink: 'https://github.com/adimrs' }, { - artName: "Loader", - pageLink: "./Art/Loader/index.html", - author: "Cristi Manea", - githubLink: "https://github.com/cristimanea26", + artName: 'Loader', + pageLink: './Art/Loader/index.html', + author: 'Cristi Manea', + githubLink: 'https://github.com/cristimanea26' }, { - artName: "click to stop", - pageLink: "./Art/cssanimacja/index.html", - imageLink: "css.png", - author: "Mateusz", - githubLink: "https://github.com/mateuszsnieg", + artName: 'click to stop', + pageLink: './Art/cssanimacja/index.html', + imageLink: 'css.png', + author: 'Mateusz', + githubLink: 'https://github.com/mateuszsnieg' }, { - artName: "A Square Circus", - pageLink: "./Art/aSquareCircus/index.html", - imageLink: "./Art/aSquareCircus/SquareControl.gif", - author: "Abdul Rahim", - githubLink: "https://github.com/arx0x0", + artName: 'A Square Circus', + pageLink: './Art/aSquareCircus/index.html', + imageLink: './Art/aSquareCircus/SquareControl.gif', + author: 'Abdul Rahim', + githubLink: 'https://github.com/arx0x0' }, { - artName: "css-glow-effect-animation", - pageLink: "./Art/css-glow-effect-animation/index.html", - imageLink: "./Art/css-glow-effect-animation/glow.png", - author: "tidz", - githubLink: "https://github.com/john-tidz", + artName: 'css-glow-effect-animation', + pageLink: './Art/css-glow-effect-animation/index.html', + imageLink: './Art/css-glow-effect-animation/glow.png', + author: 'tidz', + githubLink: 'https://github.com/john-tidz' }, { - artName: "Lithuania", - pageLink: "./Art/MiUlon/index.html", - imageLink: "./Art/MiUlon/lithuania.gif", - author: "MiUlon", - githubLink: "https://github.com/MiUlon", + artName: 'Lithuania', + pageLink: './Art/MiUlon/index.html', + imageLink: './Art/MiUlon/lithuania.gif', + author: 'MiUlon', + githubLink: 'https://github.com/MiUlon' }, { - artName: "yuki", - pageLink: "./Art/yuki/index.html", - imageLink: "./Art/yuki/yuki.gif", - author: "rachel", - githubLink: "https://github.com/rchin8877", + artName: 'yuki', + pageLink: './Art/yuki/index.html', + imageLink: './Art/yuki/yuki.gif', + author: 'rachel', + githubLink: 'https://github.com/rchin8877' }, { - artName: "AnimateManas", - pageLink: "./Art/AnimatManas/index.html", - imageLink: "./Art/AnimatManas/ZTM_animation.gif", - author: "Manas", - githubLink: "https://github.com/ManasKumar111", + artName: 'AnimateManas', + pageLink: './Art/AnimatManas/index.html', + imageLink: './Art/AnimatManas/ZTM_animation.gif', + author: 'Manas', + githubLink: 'https://github.com/ManasKumar111' }, { - artName: "Glowing orb", - pageLink: "./Art/Glowing-orb/index.html", - imageLink: "./Art/Glowing-orb/glow.png", - author: "RubenVerkuylen", - githubLink: "https://github.com/rubenverkuylen", + artName: 'Glowing orb', + pageLink: './Art/Glowing-orb/index.html', + imageLink: './Art/Glowing-orb/glow.png', + author: 'RubenVerkuylen', + githubLink: 'https://github.com/rubenverkuylen' }, { - artName: "car-animation", - pageLink: "./Art/car-animation/index.html", - imageLink: "./Art/car-animation", - author: "Markus", - githubLink: "https://github.com/Markus-Sm", + artName: 'car-animation', + pageLink: './Art/car-animation/index.html', + imageLink: './Art/car-animation', + author: 'Markus', + githubLink: 'https://github.com/Markus-Sm' }, { - artName: "Dummy Animation", - pageLink: "./Art/dummy_me/index.html", - imageLink: "./Art/dummy_me/dummy.gif", - author: "Mansi", - githubLink: "https://github.com/manasi-20", + artName: 'Dummy Animation', + pageLink: './Art/dummy_me/index.html', + imageLink: './Art/dummy_me/dummy.gif', + author: 'Mansi', + githubLink: 'https://github.com/manasi-20' }, { - artName: "moving_choices", - pageLink: "./Art/Katana/index.html", - imageLink: "./Art/Katana/bounce-choice.GIF", - author: "Katana", - githubLink: "https://github.com/katanaji", + artName: 'moving_choices', + pageLink: './Art/Katana/index.html', + imageLink: './Art/Katana/bounce-choice.GIF', + author: 'Katana', + githubLink: 'https://github.com/katanaji' }, { - artName: "SpinnieStar3", - pageLink: "./Art/Joshua/SpinnieStar3.html", - imageLink: "./Art/Joshua/goldstar.GIF", - author: "Josdadev", - githubLink: "https://github.com/Josdadev", + artName: 'SpinnieStar3', + pageLink: './Art/Joshua/SpinnieStar3.html', + imageLink: './Art/Joshua/goldstar.GIF', + author: 'Josdadev', + githubLink: 'https://github.com/Josdadev' }, { - artName: "Dive Into Space", - pageLink: "./Art/Dive Into Space/index.html", - imageLink: "./Art/Dive Into Space/space.gif", - author: "Kareem Abd El-Moneam", - githubLink: "https://github.com/KareemMoneeam", + artName: 'Dive Into Space', + pageLink: './Art/Dive Into Space/index.html', + imageLink: './Art/Dive Into Space/space.gif', + author: 'Kareem Abd El-Moneam', + githubLink: 'https://github.com/KareemMoneeam' }, { - artName: "Moving Colors", - pageLink: "./Art/Moving Colors/index.html", - imageLink: "./Art/Moving Colors/MovingColors.gif", - author: "cjhaspenfalls", - githubLink: "https://github.com/cjhaspenfalls", + artName: 'Moving Colors', + pageLink: './Art/Moving Colors/index.html', + imageLink: './Art/Moving Colors/MovingColors.gif', + author: 'cjhaspenfalls', + githubLink: 'https://github.com/cjhaspenfalls' }, { - artName: "Rotating Number Cards", - pageLink: "./Art/victor-anderson/index.html", - imageLink: "./Art/victor-anderson/index.gif", - author: "Victor Anderson", - githubLink: "https://github.com/realvicandy", + artName: 'Rotating Number Cards', + pageLink: './Art/victor-anderson/index.html', + imageLink: './Art/victor-anderson/index.gif', + author: 'Victor Anderson', + githubLink: 'https://github.com/realvicandy' }, { - artName: "Living Robot", - pageLink: "./Art/greywind/index.html", - imageLink: "./Art/greywind/greywind.gif", - author: "George", - githubLink: "https://github.com/greyXwind", + artName: 'Living Robot', + pageLink: './Art/greywind/index.html', + imageLink: './Art/greywind/greywind.gif', + author: 'George', + githubLink: 'https://github.com/greyXwind' }, { - artName: "loading circle", - pageLink: "./Art/loading-circle/index.html", - imageLink: "./Art/greywind/circle.gif", - author: "Olayinka", - githubLink: "https://github.com/KOLEAJEOLAYINKA", + artName: 'loading circle', + pageLink: './Art/loading-circle/index.html', + imageLink: './Art/greywind/circle.gif', + author: 'Olayinka', + githubLink: 'https://github.com/KOLEAJEOLAYINKA' }, { - artName: "Factory", - pageLink: "./Art/SEN-RAD/index.html", - imageLink: "./Art/SEN-RAD/factory.gif", - author: "SEN-RAD", - githubLink: "https://github.com/SEN-RAD", + artName: 'Factory', + pageLink: './Art/SEN-RAD/index.html', + imageLink: './Art/SEN-RAD/factory.gif', + author: 'SEN-RAD', + githubLink: 'https://github.com/SEN-RAD' }, { - artName: "Water Animation", - pageLink: "./Art/Water Animation/index.html", - imageLink: "./Art/Water Animation/Water.gif", - author: "CodeChelsea", - githubLink: "https://github.com/codechelsea", + artName: 'Water Animation', + pageLink: './Art/Water Animation/index.html', + imageLink: './Art/Water Animation/Water.gif', + author: 'CodeChelsea', + githubLink: 'https://github.com/codechelsea' }, { - artName: "Halloween", - pageLink: "./Art/AashiGoel/index.html", - imageLink: "./Art/AashiGoel/Halloween.gif", - author: "Aashi Goel", - githubLink: "https://github.com/AashiGoel", + artName: 'Halloween', + pageLink: './Art/AashiGoel/index.html', + imageLink: './Art/AashiGoel/Halloween.gif', + author: 'Aashi Goel', + githubLink: 'https://github.com/AashiGoel' }, { - artName: "Rectangloom", - pageLink: "./Art/Rectangloom/index.html", - imageLink: "./Art/Rectangloom/rectangloom.gif", - author: "Emines", - githubLink: "https://github.com/emines0", + artName: 'Rectangloom', + pageLink: './Art/Rectangloom/index.html', + imageLink: './Art/Rectangloom/rectangloom.gif', + author: 'Emines', + githubLink: 'https://github.com/emines0' }, { - artName: "Cards", - pageLink: "./Art/Sak/index.html", - imageLink: "./Art/Joy/Sak/image1.gif", - author: "Sak", - githubLink: "https://github.com/sakshimudrale", + artName: 'Cards', + pageLink: './Art/Sak/index.html', + imageLink: './Art/Joy/Sak/image1.gif', + author: 'Sak', + githubLink: 'https://github.com/sakshimudrale' }, { - artName: "Snow", - pageLink: "./Art/Snow/index.html", - imageLink: "./Art/Snow/snow.gif", - author: "K-Wiczling", - githubLink: "https://github.com/K-Wiczling", + artName: 'Snow', + pageLink: './Art/Snow/index.html', + imageLink: './Art/Snow/snow.gif', + author: 'K-Wiczling', + githubLink: 'https://github.com/K-Wiczling' }, { - artName: "Bouncy Balls", - pageLink: "./Art/Paarit/index.html", - imageLink: "./Art/Paarit/BallBounce.gif", - author: "Paarit", - githubLink: "https://github.com/paarit", + artName: 'Bouncy Balls', + pageLink: './Art/Paarit/index.html', + imageLink: './Art/Paarit/BallBounce.gif', + author: 'Paarit', + githubLink: 'https://github.com/paarit' }, { - artName: "Good Luck", - pageLink: "./Art/YYarts/index.html", - imageLink: "./Art/YYarts/YYarts.gif", - author: "Chee Yen", - githubLink: "https://github.com/yyyen93", + artName: 'Good Luck', + pageLink: './Art/YYarts/index.html', + imageLink: './Art/YYarts/YYarts.gif', + author: 'Chee Yen', + githubLink: 'https://github.com/yyyen93' }, { - artName: "color fan", - pageLink: "./Art/raman project/project.html", - imageLink: "./Art/raman project/project.gif", - author: "raman2482", - githubLink: "https://github.com/raman2482", + artName: 'color fan', + pageLink: './Art/raman project/project.html', + imageLink: './Art/raman project/project.gif', + author: 'raman2482', + githubLink: 'https://github.com/raman2482' }, { - artName: "Animated-Cube-Slider", - pageLink: "./Art/Animated-Cube-Slider/index.html", - imageLink: "./Art/Animated-Cube-Slider/Animated.gif", - author: "Anayat", - githubLink: "https://github.com/anayatkhan1", + artName: 'Animated-Cube-Slider', + pageLink: './Art/Animated-Cube-Slider/index.html', + imageLink: './Art/Animated-Cube-Slider/Animated.gif', + author: 'Anayat', + githubLink: 'https://github.com/anayatkhan1' }, { - artName: "Natinats", - pageLink: "./Art/Natinats/index.html", - imageLink: "./Art/Natinats/nata.gif", - author: "Natalia", - githubLink: "https://github.com/nquirogac", + artName: 'Natinats', + pageLink: './Art/Natinats/index.html', + imageLink: './Art/Natinats/nata.gif', + author: 'Natalia', + githubLink: 'https://github.com/nquirogac' }, { - artName: "The art of patience", - pageLink: "./Art/Animation-Gtn/index.html", - imageLink: "./Art/Animation-Gtn/art.gif", - author: "Iulia Gtn", - githubLink: "https://github.com/Iulia-Gaitanaru", + artName: 'The art of patience', + pageLink: './Art/Animation-Gtn/index.html', + imageLink: './Art/Animation-Gtn/art.gif', + author: 'Iulia Gtn', + githubLink: 'https://github.com/Iulia-Gaitanaru' }, { - artName: "BHARAT", - pageLink: "./Art/BHARAT/index.html", - imageLink: "./Art/BHARAT/BHARAT.gif", - author: "mbera99", - githubLink: "https://github.com/mbera99", + artName: 'BHARAT', + pageLink: './Art/BHARAT/index.html', + imageLink: './Art/BHARAT/BHARAT.gif', + author: 'mbera99', + githubLink: 'https://github.com/mbera99' }, - { + { artName: 'Ducky', pageLink: './Art/cpk3/index.html', imageLink: './Art/cpk3/Ducky.gif', @@ -6525,7 +6525,7 @@ let cards = [ imageLink: './Art/marion/smiles.gif', author: 'Marion', githubLink: 'https://github.com/marionjudy13' - }, + } ]; // +--------------------------------------------------------------------------------+ @@ -6547,11 +6547,11 @@ Shuffle(cards).forEach((c) => { `

${c.artName}

` + `

${c.author}

` + `
` + - ``, + `` ]); }); -document.getElementById("cards").innerHTML = contents; +document.getElementById('cards').innerHTML = contents; function Shuffle(o) { for (