diff --git a/Art/baaf-Animation/baafscreen.png b/Art/baaf-Animation/baafscreen.png new file mode 100644 index 000000000..5d33f7f25 Binary files /dev/null and b/Art/baaf-Animation/baafscreen.png differ diff --git a/Art/baaf-Animation/index.html b/Art/baaf-Animation/index.html new file mode 100644 index 000000000..a729c3824 --- /dev/null +++ b/Art/baaf-Animation/index.html @@ -0,0 +1,16 @@ + + + + + + + + + +
+
+

ABDOUL FARIDE BASSIROU ALZOUMA

+
+
+ + diff --git a/Art/baaf-Animation/style.css b/Art/baaf-Animation/style.css new file mode 100644 index 000000000..0e2556c2f --- /dev/null +++ b/Art/baaf-Animation/style.css @@ -0,0 +1,48 @@ +body { + width: 500px; + height: 500px; + background-color: #d3d3d3; + border: 2px solid black; + background: #d3d3d3; + text-align: center; + margin: auto; + margin-top: 70px; +} + +.gr-container { + display: flex; + justify-content: center; + width: 300px; + height: 300px; + background: #ff6f61; + border-radius: 30%; + text-align: center; + margin: 100px 50px 50px 100px; + padding: auto; +} + +.pt-container { + display: flex; + width: 150px; + height: 150px; + background: #d3d3d3; + border-radius: 30%; + text-align: center; + margin: auto; + padding: 20px 5px 0px 5px; +} + +@keyframes rotateText { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +#name { + font-family: OCR A Std, monospace; + margin-top: 25%; + animation: rotateText 10s linear 2s infinite; +} diff --git a/include.js b/include.js index 99027eb30..1fe690f3b 100644 --- a/include.js +++ b/include.js @@ -1,4 +1,11 @@ let cards = [ + { + artName: 'Simple BAAF', + pageLink: './Art/baaf-Animation/index.html', + imageLink: './Art/baaf-Animation/baafscreen.png', + author: 'Farid Bass', + githubLink: 'https://github.com/baafbass' + }, { artName: 'Triangle', pageLink: './Art/Joy/triangle.html',