From 658966eaaaf7ab83b9365ba35bf78b3d5b38ccdb Mon Sep 17 00:00:00 2001 From: 12-malak Date: Mon, 31 May 2021 19:28:53 +0530 Subject: [PATCH 1/2] Added Moon Art --- src/App.js | 2 ++ .../MobasherahFalakMoon.jsx | 26 +++++++++++++++++++ src/art/MobasherahFalakMoon/style.module.css | 14 ++++++++++ src/art/index.js | 3 ++- 4 files changed, 44 insertions(+), 1 deletion(-) create mode 100644 src/art/MobasherahFalakMoon/MobasherahFalakMoon.jsx create mode 100644 src/art/MobasherahFalakMoon/style.module.css diff --git a/src/App.js b/src/App.js index 837ea4e..24dc17b 100644 --- a/src/App.js +++ b/src/App.js @@ -47,6 +47,7 @@ import { SrishtiGuleriaRound, AparnaGoyalReddit, KratiMitraSignal, + MobasherahFalakMoon, } from "./art/index"; // An array of Art Components @@ -94,6 +95,7 @@ let componentArr = [ , , , + , ]; function App() { diff --git a/src/art/MobasherahFalakMoon/MobasherahFalakMoon.jsx b/src/art/MobasherahFalakMoon/MobasherahFalakMoon.jsx new file mode 100644 index 0000000..806a094 --- /dev/null +++ b/src/art/MobasherahFalakMoon/MobasherahFalakMoon.jsx @@ -0,0 +1,26 @@ +import style from "./style.module.css"; +import { Credit } from "../../components/Credit/index"; + +function MobasherahFalakMoon() { + // Enter your name, github url and art-name below + let data = { + name: "Mobasherah Falak", + "gh-link": "https://github.com/Mobasherah12", + "art-name": "Moon", + }; + return ( +
+ {/* DO NOT edit the line above*/} + + {/* your art blocks will come here */} +
+
+
+ + {/* do not edit the line below */} + +
+ ); +} + +export default MobasherahFalakMoon; diff --git a/src/art/MobasherahFalakMoon/style.module.css b/src/art/MobasherahFalakMoon/style.module.css new file mode 100644 index 0000000..7373467 --- /dev/null +++ b/src/art/MobasherahFalakMoon/style.module.css @@ -0,0 +1,14 @@ +.container { + background-color: black; +} + +.blocks { + height: 90px; + width: 90px; + background-color: gray, gray; + box-shadow: 30px 0 white; + border-radius: 60%; + +} + + diff --git a/src/art/index.js b/src/art/index.js index f580919..4f59418 100644 --- a/src/art/index.js +++ b/src/art/index.js @@ -40,4 +40,5 @@ export { default as RaveenaSachiniPowerSymbol } from "./RaveenaSachiniPowerSymbo export { default as RaveenaSachiniSwastika } from "./RaveenaSachiniSwastika/RaveenaSachiniSwastika"; export { default as SrishtiGuleriaRound } from "./SrishtiGuleriaRound/SrishtiGuleriaRound"; export { default as AparnaGoyalReddit } from "./AparnaGoyalReddit/AparnaGoyalReddit"; -export { default as KratiMitraSignal } from "./KratiMitraSignal/KratiMitraSignal"; \ No newline at end of file +export { default as KratiMitraSignal } from "./KratiMitraSignal/KratiMitraSignal"; +export { default as MobasherahFalakMoon } from "./MobasherahFalakMoon/MobasherahFalakMoon"; \ No newline at end of file From 1ab59d3f443e69b7326134ab1b0a332b33ddce6d Mon Sep 17 00:00:00 2001 From: 12-malak Date: Mon, 31 May 2021 23:04:53 +0530 Subject: [PATCH 2/2] Added Bat Art --- src/App.js | 4 +- .../MobasherahFalakBat.jsx} | 14 ++- src/art/MobasherahFalakBat/style.module.css | 107 ++++++++++++++++++ src/art/MobasherahFalakMoon/style.module.css | 14 --- src/art/index.js | 2 +- 5 files changed, 121 insertions(+), 20 deletions(-) rename src/art/{MobasherahFalakMoon/MobasherahFalakMoon.jsx => MobasherahFalakBat/MobasherahFalakBat.jsx} (54%) create mode 100644 src/art/MobasherahFalakBat/style.module.css delete mode 100644 src/art/MobasherahFalakMoon/style.module.css diff --git a/src/App.js b/src/App.js index 24dc17b..c67a2d7 100644 --- a/src/App.js +++ b/src/App.js @@ -47,7 +47,7 @@ import { SrishtiGuleriaRound, AparnaGoyalReddit, KratiMitraSignal, - MobasherahFalakMoon, + MobasherahFalakBat, } from "./art/index"; // An array of Art Components @@ -95,7 +95,7 @@ let componentArr = [ , , , - , + , ]; function App() { diff --git a/src/art/MobasherahFalakMoon/MobasherahFalakMoon.jsx b/src/art/MobasherahFalakBat/MobasherahFalakBat.jsx similarity index 54% rename from src/art/MobasherahFalakMoon/MobasherahFalakMoon.jsx rename to src/art/MobasherahFalakBat/MobasherahFalakBat.jsx index 806a094..005b257 100644 --- a/src/art/MobasherahFalakMoon/MobasherahFalakMoon.jsx +++ b/src/art/MobasherahFalakBat/MobasherahFalakBat.jsx @@ -1,12 +1,12 @@ import style from "./style.module.css"; import { Credit } from "../../components/Credit/index"; -function MobasherahFalakMoon() { +function MobasherahFalakBat() { // Enter your name, github url and art-name below let data = { name: "Mobasherah Falak", "gh-link": "https://github.com/Mobasherah12", - "art-name": "Moon", + "art-name": "Bat", }; return (
@@ -15,6 +15,14 @@ function MobasherahFalakMoon() { {/* your art blocks will come here */}
+
+
+
+
+
+
+
+
{/* do not edit the line below */} @@ -23,4 +31,4 @@ function MobasherahFalakMoon() { ); } -export default MobasherahFalakMoon; +export default MobasherahFalakBat; diff --git a/src/art/MobasherahFalakBat/style.module.css b/src/art/MobasherahFalakBat/style.module.css new file mode 100644 index 0000000..7b0500d --- /dev/null +++ b/src/art/MobasherahFalakBat/style.module.css @@ -0,0 +1,107 @@ +.container { + background-color: black; +} + +.blocks { + + height: 90px; + width: 90px; + background-color: gray, gray; + box-shadow: 30px 0 gray; + border-radius: 60%; + +} + +.blocks1 { + position: absolute; + bottom: 45px; + height: 90px; + width: 90px; + background-color: gray, gray; + box-shadow: 30px 0 gray; + border-radius: 60%; + +} + +.blocks2 { + position: relative; + bottom: 65px; + height: 5px; + width: 5px; + background-color: gray, gray; + box-shadow: 5px 0 white; + border-radius: 45%; + +} + + + +.blocks3 { + position: relative; + bottom: 44px; + height: 5px; + width: 5px; + background-color: rgb(238, 119, 23), rgb(238, 122, 14); + box-shadow: 5px 0 rgb(230, 121, 48); + border-radius: 45%; + +} + +.blocks4 { + position: relative; + top: 53px; + height: 5px; + width: 5px; + background-color: rgb(228, 188, 188), rgb(224, 172, 172); + box-shadow: 5px 0 rgb(230, 161, 161); + border-radius: 45%; + +} + +.blocks5 { + position: relative; + bottom: 27px; + height: 5px; + width: 5px; + background-color: rgb(245, 167, 238), rgb(241, 176, 241); + box-shadow: 5px 0 rgb(240, 170, 211); + border-radius: 45%; + +} + +.blocks6 { + position: relative; + top: 23px; + height: 5px; + width: 5px; + background-color: rgb(184, 12, 141), rgb(226, 27, 166); + box-shadow: 5px 0 rgb(180, 13, 130); + border-radius: 45%; + +} + + +.blocks7 { + position: relative; + top: 111; + height: 5px; + width: 5px; + background-color: rgb(19, 182, 194), rgb(56, 140, 209); + box-shadow: 5px 0 rgb(18, 135, 170); + border-radius: 45%; + +} + +.blocks8 { + position: absolute; + top: 85px; + height: 5px; + width: 5px; + background-color: rgb(27, 19, 139), rgb(37, 15, 160); + box-shadow: 5px 0 rgb(61, 52, 187); + border-radius: 45%; + +} + + + diff --git a/src/art/MobasherahFalakMoon/style.module.css b/src/art/MobasherahFalakMoon/style.module.css deleted file mode 100644 index 7373467..0000000 --- a/src/art/MobasherahFalakMoon/style.module.css +++ /dev/null @@ -1,14 +0,0 @@ -.container { - background-color: black; -} - -.blocks { - height: 90px; - width: 90px; - background-color: gray, gray; - box-shadow: 30px 0 white; - border-radius: 60%; - -} - - diff --git a/src/art/index.js b/src/art/index.js index 4f59418..cef31d8 100644 --- a/src/art/index.js +++ b/src/art/index.js @@ -41,4 +41,4 @@ export { default as RaveenaSachiniSwastika } from "./RaveenaSachiniSwastika/Rave export { default as SrishtiGuleriaRound } from "./SrishtiGuleriaRound/SrishtiGuleriaRound"; export { default as AparnaGoyalReddit } from "./AparnaGoyalReddit/AparnaGoyalReddit"; export { default as KratiMitraSignal } from "./KratiMitraSignal/KratiMitraSignal"; -export { default as MobasherahFalakMoon } from "./MobasherahFalakMoon/MobasherahFalakMoon"; \ No newline at end of file +export { default as MobasherahFalakBat } from "./MobasherahFalakBat/MobasherahFalakBat"; \ No newline at end of file