diff --git a/Art/MojoBoingo/hellothere.gif b/Art/MojoBoingo/hellothere.gif new file mode 100644 index 000000000..c2fe85281 Binary files /dev/null and b/Art/MojoBoingo/hellothere.gif differ diff --git a/Art/MojoBoingo/index.html b/Art/MojoBoingo/index.html new file mode 100644 index 000000000..88fff4f74 --- /dev/null +++ b/Art/MojoBoingo/index.html @@ -0,0 +1,14 @@ + + + + + + +
+
+ [ Hello + +
+
+ + \ No newline at end of file diff --git a/Art/MojoBoingo/style.css b/Art/MojoBoingo/style.css new file mode 100644 index 000000000..95025e723 --- /dev/null +++ b/Art/MojoBoingo/style.css @@ -0,0 +1,44 @@ +body { + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + margin: 0; + overflow: hidden; + background-color: orange; /*happy halloween*/ +} + +.animation { + font-size: 24px; + font-weight: bold; + white-space: nowrap; + background-color: #fff; + padding: 10px; + border-radius: 5px; +} + +.rotating-text { + display: inline-block; + position: relative; + animation: rotateText 6s linear infinite; +} + +.dynamic-text::before { + content: " world!"; + animation: changeText 6s linear infinite; +} + +@keyframes changeText { + 0%, 25% { + content: "world! ]"; + } + 25.01%, 50% { + content: "user! ]"; + } + 50.01%, 75% { + content: "developer! ]"; + } + 75.01%, 100% { + content: "friend! ]"; + } +} diff --git a/include.js b/include.js index 465906683..71c7534a2 100644 --- a/include.js +++ b/include.js @@ -2822,6 +2822,13 @@ let cards = [ author: 'Bhavna', githubLink: 'https://github.com/Bhavna2003' }, + { + artName: 'HelloThere', + pageLink: './Art/MojoBoingo/index.html', + imageLink: './Art/MojoBoingo/hellothere.gif', + author: 'Brady Ayres', + githubLink: 'https://github.com/MojoBoingo' + }, { artName: 'Emerald', pageLink: './Art/daniel-badura/emerald/emerald.html',