diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/greeter/Greeter.css | 43 | ||||
| -rw-r--r-- | src/components/greeter/Greeter.jsx | 103 |
2 files changed, 139 insertions, 7 deletions
diff --git a/src/components/greeter/Greeter.css b/src/components/greeter/Greeter.css index 5a7255d..5101646 100644 --- a/src/components/greeter/Greeter.css +++ b/src/components/greeter/Greeter.css @@ -1,5 +1,5 @@ .container { - min-height: 100vh; + height: 100vh; display: flex; justify-content: center; @@ -7,4 +7,43 @@ background-color: #2f2f2f; color: #dedede; -}
\ No newline at end of file +} + +.cockatoo { + font-size: 0.4em; + padding-right: 4em; +} + +.contentContainer { + max-width: 40vw; + + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; +} + +.infoContainer { + padding-top: 2rem; + + display: flex; + justify-content: center; + font-size: 0.70em; + text-align: center; +} +.infoContainer a { + text-decoration: underline; + color: white; +} + +.footer { + position: absolute; + inset: auto 1rem 0.5rem auto; + cursor: pointer; + color: inherit; + text-decoration: none; + font-size: 0.8rem; +} +.footer:hover { + color: white; +} diff --git a/src/components/greeter/Greeter.jsx b/src/components/greeter/Greeter.jsx index 57745ba..9bb541d 100644 --- a/src/components/greeter/Greeter.jsx +++ b/src/components/greeter/Greeter.jsx @@ -1,10 +1,103 @@ import React from "react"; import styles from "./Greeter.css"; -export default function Greeter() { - return ( - <div className={styles.container}> - Hello CSS +function Footer() { + return ( + <a className={styles.footer} href="https://git.nj3.xyz/site"> + {"Source"} + </a> + ); +} + +function Cockatoo() { + let cockatoo = ` + A + A AN + AA AAA + AA AAA AAA + AA AE AA1 AAA A + AAA AA AAA AAA AA + AAA AA AA AAA AAA + AA AAA AAA AA AAAA AAAA + AA AAAA AA AAA AAAA AAAA A + AAA AAAA AA AAA AAAA AAAAA AA + AAAA AAAA AAA AAA AAAAA AAAAAA 1AAA + A AAAAA AAAA AAA A AAA AAAA AAAAAAA AAAAAA + AA AAAAA AAAA AAA RA AAAAAAAAA AAAAAAAA AAAAAAAA + AAAA AAAAAA AAAA AAA AA AAAAAAAAANAAAAAAA AAAAAAAAA + AAAAA AAAAAAAA AAAAAAAA A AAAAAAAA1AAAAAAAAAAAAAAAAAAAAAAA AA + AAAAAAAA AAAAAAAAAAAAAAAAAA AAAA AAAAAEWRRRWRRRRWWWW10AAAAAAAAAAA AAAA + AAAAAAAAAE AAAAAAAAdAAAAAAAAA AA AAAAAAAAA AAAA AAAAAWRNIIIIIIIIIIIIIIIAAAAAAA AAAAAAAAA + AA AAAAAAAAAAAAAAAAAAAAAAA1AA1AAAA AAA AAAAAAAAAAA AAAAAAAAAAWRNIIIIIIIIIIIIIIIIIINW660EEWAAAAAAAAAAAAAAA + AAAAAA 1AAAAAAAAEWWWWWWWWRRRRRNNNAAAAAA AAAAA AAAAAAAAAAAAA AAAAAAAA i IIIIIIIIIIIIIINRWWWWWWW1AAAAAAAAAAAAAAAA + AAAAAAAAAAA AAAAIIIIIIIIIIIIIIIIIIINRNAAAAAAAAAAAAAA AAAAAAAAAA AAAA AAi AAAAAAAAA0 6AAEIIIINNIIINRWWEAAAAAAAAAAAAAAAAAAAA + AAAAAAAAAAAAAAAAI61WWWWRNIIIIIIIIIIIIIIIIINRN1irAAEIEAAAAAA AAA R AAAAAAAAA0 AAAAAAAAAAA AAAARNNRi m iAAAEIINNIIAIWWW1AAAAAEAIAAAAAAAAAAAAAAAAAAAAAAAAAA + AAAAAAAAAAAAAAAAAARWWWWWWRNIIIIIIIIIIIIEAA 60AAAEW1AAAAAA AAA r RIAAAAAAAAA AAAAAAAAAAAAAAAAAAAAR1E66AAAAAAIAARREIAWW1AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA + AAAAAAAAAAAAAAAAAAAAAWRRWWRNIIIIIIIIEAAAEir RNA11WWNAAAAAAAAA AAAA AIRIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWE 6AAAEIIIINAARAAWRAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA + AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAA1WWWWRNIIIANIEA1mANAAINRRR1AAAA AAAAAAAAAAAAA AAAAAAAA AAAINIIAAAAAAAAAAAAAAAAAAAAAAAWWWRIrAIAAAAAAWv AIIIIIIINNNNRNAAAAAWAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA + AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAdAAAAAAAIANRNNIIEAAENRRRAARNNRWRd mAAAm0 i AAAAAAAAAAAAAAAAAAAAA1IINEAAAAAAAAAA61RiRIRWWWWWWIAEAAWAW 16E mWIAAAAIIIIIIIINERRA1NAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA + AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWRNANRRWWRNIIIIANRIAENNIEAdA AAAANEA dR1AAAAAAAAAAAARRIIIIINNAAAAAAAAAARIIIIIIIIIIEEAAi6 irRdAAAAEIIIIIIIIIIIIRAANNRAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA + AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWNRINRAAAAAWWWNNNRENRAAEIIEEAW1 0AAAdA AAEIIEW0AAAAAAAAAAEEIIEEAIAAAAAAAAAANIINNWWWWNWr1i1AdAAAAAEIIIIIIIIIIINNNNRNA1RNNR6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA + AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANWR1AAAAAAAAAWWARINNNNINNNEEAAAN d1EAAIA1RmAAAAAAAAAAANNIIINRWIIAAAAAAAARNIINAAAAAAIAAAAAAEIIIIIIIIIIIIIIIINARRAA0AA1WREAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA + AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAA0A6AAAA6AA1ENIINREANIINIIAAAAEIIIWrN AAAAAAAAAEAENIIIEAAAINNAAAAAERIIINRWWWWRNIIIIIIIEIIIIIIINNNIIIIINRAA6AAAAAAA1AAAAAAAAAA AAAAAAAAAAAAAAAAA + AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA6AIAAAAAAA6AAWRRRAAWAIIIANNNNIIIIIAAAEN6AAAAAAAAINIIIINNRNAIRWW11RNNIIIIIIIIIIIIIIIEIIEIIIIIINIAWNEIIINNRRAAAAAAAAAAAdAAAAAAAAA AAAAAAAAAAAAAAA + AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAARAAAAAAAA1AAAWNNNNNINANIIIIIIIIINAAAAAAAAEREINNIIIINNRAAAIAAANIIIIIIIIIIIIIINNNINNRRWRNEWAAWNIIEWARWWAAAAAAAAAAAAAAAAAAAAAA AAAAAAAA + AAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAARAAAdAAAA0AAA0EAR1A1RRNANNIIIIIIINWAAAAAAAEEINEAAIIIIEIEIAAAAAWEAAIIIIIIIIIINRAWRRAWAAAINNAAAWRWAAAAA16AAAAAAAAAAAAAAAAAAAAAA + AAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWW1AIRRNIIIIINWAAAAAAAWIIINNIIIIINNNEAAAAAA AIIIIIIIIENANARAAAWNAARNRAAAAWAAAAAAAIAAAAAAAAAAAAAAAAAAAA + AAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA6AEARRNIIINR1AAAAARIIIIIEEAAAAIIN1NAAAA AIIIIIIIIIEREAANAAANEEAWNWAAAI6AAAAAA61AAAAAAAAAAAAAAAAAAA + AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA6AAAAAAAAAAAAAAAAAAAWAANRNIIINRWW11RNIIIIIdAR REEIAAAAA AAIIIIINANANAAA6AAA1NAAARNEAAANAAAAAAA11AAAAdAAAAAAAAAAAAA + AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANAIAAARNNNIIIRAAANNRNIA dIAAAIAAAAAA AIIIIINANINRAARRAARWAAAWNRAAAA6AAAAAAAWIAAAARAAAAEAAAAAA + AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWARRNNRAAAAAAENEANiRWAmv AAA AAIIIINANIIRAAA1AARRAAAANNWAAA1WNWIAAAWRAAAAAWAAAAANAAE + AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAW1AAAAAANIEEA1i60rAN AA AAIIIIIIIINNAAAREIRAAAENINRIAARINWAAA1R1AAAAAAAAAAAA + AAAAEEAAAAdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA1AA AAAAWR0AAARNRr WA A AAININIIIREANAWNINAWNNENINNAA1RNRAAAAIAEAAAAA AAA + AAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AANAAdNiAWRWAAAA A AANAIIINNAANARNININEIAWNNEAAAAIEIAAAEAAANAAA + AAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA RAWANrWAAAAWWdiA AAAAA AAANNRIAARAAARNERNIAAARIEAAAAAAdAARA0AAAA + AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA ANAWIAAAAA NAAAEAIWAAA ARNIEAAIAAAAWNAIEEAEA1AIINAAAAAAAAAAA + AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA A1AAWIA0AWr m0AAIRARAAiANAIAAAAAAAAAAAEAAAAEAAAAAAAAA + AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA A A A rmdm0drAIAAAEAAIANAAIAAAAA AAAEIEAANAAA + AAAAA6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAA Amv 00 r rEAEAIRRARAAAAAAAAAAA AAAAAAAAAA + AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AEA NIANd611ARWv md0RAAANNA1A AAAAAA AAAAAAAA + 0AAAA AAAAAAAAAAAAAA AAIAW r1dN1W0ANR rmdmdAANNAA AAA + A AAIIEAi NdAAi r vWN16Ri vAIINAAA + AANIIIAI m1EA0r 01R6WW0AAEIIIIAA + AANIIIIAAA6 vm1W1Am mAriAAAEINRAA + AINIIIIRWAAA rdmNdRi6R0AR0E61AEIIRAAA + AAWNIIIIIEIEAE 6idmrWimvvvRrdN 1AAAARRAAA + AAEAENIIIIIIIEAv r0mdmmi1I10vAR 0WWWRW0WAA + AAAAAWNIIIIIIIAA m6WRr AR6dmN6rdRRE6EN AA + AAAAAAARNIIIIIIEAAA IAARImdI06i i d01WA1i0AAA + AAAAAAAAAIANEAAAAiAAARAAvA0Rm06i666md WIENARR0AAA + AAAAAAAAAA0ANARWRR A0RW6AAI1m drmm1mid E1NN0WAAA + A6W1AAAAA0AAIAi0m6RN66dWN1AA1Nvi0 vm idv AAAAAA + AAAAANAAAAAAm0Ri Ri00r1AR11mmi ri6 RAAAAAAA + AAAAAAAAAAAAAA1WAAAAAAAAAAAAAEAAA + 6ARA AAA A i + ` + return ( + <pre className={styles.cockatoo}> + {cockatoo} + </pre> + ) +} + +function Info() { + return ( + <div className={styles.infoContainer}> + <p> + <a href="https://git.nj3.xyz/">My projects</a> + </p> </div> - ) + ); +} + +export default function Greeter() { + return ( + <div className={styles.container}> + <div className={styles.contentContainer}> + <Cockatoo /> + <Info /> + </div> + <Footer /> + </div> + ) } |