diff --git a/Art/marjsky/awesome-2.gif b/Art/marjsky/awesome-2.gif new file mode 100644 index 000000000..e95627aaf Binary files /dev/null and b/Art/marjsky/awesome-2.gif differ diff --git a/Art/marjsky/index.html b/Art/marjsky/index.html new file mode 100644 index 000000000..79c8c137d --- /dev/null +++ b/Art/marjsky/index.html @@ -0,0 +1,24 @@ + + + + + + + + + + Text animation + + +
+
A
+
w
+
e
+
s
+
o
+
m
+
e
+
!
+
+ + \ No newline at end of file diff --git a/Art/marjsky/style.css b/Art/marjsky/style.css new file mode 100644 index 000000000..fb25a5745 --- /dev/null +++ b/Art/marjsky/style.css @@ -0,0 +1,60 @@ +body { + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + font-family: 'Sedgwick Ave Display', cursive; + background-color: hsl(214, 15%, 91%); +} + +.word { + display: flex; +} + +.word .letter { + color: hsl(209, 14%, 37%); + font-size: 120px; + letter-spacing: 20px; + animation: lighting 2s linear infinite; +} + +@keyframes lighting { + 0% { + color: hsl(209, 14%, 37%); + text-shadow: none; + } + 90% { + color: white; + text-shadow: none; + } + 100% { + color: hsl(14, 89%, 55%); + text-shadow: 0 0 7px hsl(14, 89%, 55%), 0 0 50px hsl(218, 100%, 17%); + } +} + +.word .letter:nth-child(1) { + animation-delay: 0; +} +.word .letter:nth-child(2) { + animation-delay: 0.1s; +} +.word .letter:nth-child(3) { + animation-delay: 0.2s; +} +.word .letter:nth-child(4) { + animation-delay: 0.3s; +} +.word .letter:nth-child(5) { + animation-delay: 0.4s; +} +.word .letter:nth-child(6) { + animation-delay: 0.5s; +} +.word .letter:nth-child(7) { + animation-delay: 0.6s; +} +.word .letter:nth-child(8) { + animation-delay: 0.7s; +} + diff --git a/include.js b/include.js index 7a68c03c2..93f819017 100644 --- a/include.js +++ b/include.js @@ -2621,7 +2621,14 @@ let cards = [ imageLink: 'Art/hfarah02/ezgif.com-video-to-gif.gif', author: 'Hassan', githubLink: 'https://github.com/hfarah02' - } + }, + { + artName: 'Awesome', + pageLink: './Art/marjsky/index.html', + imageLink: './Art/marjsky/awesome-2.gif', + author: 'Marcus', + githubLink: 'https://github.com/marjsky' + }, ]; /* -------------------------------------------------------------------------- */