diff --git a/src/art/AryanJainGlobe/AryanJainGlobe.jsx b/src/art/AryanJainGlobe/AryanJainGlobe.jsx new file mode 100644 index 0000000..05afbd0 --- /dev/null +++ b/src/art/AryanJainGlobe/AryanJainGlobe.jsx @@ -0,0 +1,31 @@ +import style from "./style.module.css"; +import { Credit } from "../../components/Credit/index"; + +// Replace ComponentName with YourName followed by ArtName. +// For example, SalilReactLogo or SalilNaikReactLogo +// component name, file name and folder name should be same. + +function AryanJainGlobe() { + // Enter your name, github url and art-name below + let data = { + name: "Aryan Jain", + "gh-link": "https://github.com/coolAryan", + "art-name": "Globe", + }; + return ( +
+ {/* DO NOT edit the line above*/} + + {/* your art blocks will come here */} +
+
+ +
+ + {/* do not edit the line below */} + +
+ ); +} + +export default AryanJainGlobe; diff --git a/src/art/AryanJainGlobe/style.module.css b/src/art/AryanJainGlobe/style.module.css new file mode 100644 index 0000000..24c3f30 --- /dev/null +++ b/src/art/AryanJainGlobe/style.module.css @@ -0,0 +1,14 @@ +.container { + background-color:paleturquoise; +} + +.circle { + display: block; + height: 100px; + width: 100px; + background: green; + border-radius: 90%; + box-shadow: 90px 0 rgb(162, 89, 255), 0 90px #ff7262 ; + margin: 10; + background: radial-gradient(circle at 100px 100px, rgb(26, 188, 254), rgba(151, 136, 136, 0.897)); +} \ No newline at end of file