Skip to content

Commit

Permalink
🧧 Added Adobe Logo (#81)
Browse files Browse the repository at this point in the history
  • Loading branch information
Vidipta authored Apr 7, 2021
1 parent 1dd7711 commit c568271
Show file tree
Hide file tree
Showing 2 changed files with 73 additions and 0 deletions.
29 changes: 29 additions & 0 deletions src/art/VidiptaSharmaAdobe/VidiptaSharmaAdobe.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
import style from "./style.module.css";
import { Credit } from "../../components/Credit/index";


function VidiptaSharmaAdobe() {
// Enter your name, github url and art-name below
let data = {
name: "Vidipta Sharma",
"gh-link": "https://www.github.com/Vidipta",
"art-name": "Adobe Logo",
};
return (
<div className={`${style.container} container`}>
{/* DO NOT edit the line above*/}

{/* your art blocks will come here */}
<div id ={style.adobe}>
<div className={style.adobe1}></div>
<div className={style.adobe2}></div>
<div className={style.adobe3}></div>
</div>

{/* do not edit the line below */}
<Credit data={data} />
</div>
);
}

export default VidiptaSharmaAdobe;
44 changes: 44 additions & 0 deletions src/art/VidiptaSharmaAdobe/style.module.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
.container {
background-color: red;
}

#adobe {
height: 125px;
overflow: hidden;
position: relative;
width: 146px;
}

#adobe * {
position: absolute;
}

.adobe1,
.adobe2,
.adobe3 {
background: #fff;
}

.adobe1 {
height: 154px;
left: 27px;
top: -13px;
transform: rotate(23deg);
width: 35px;
}

.adobe2 {
height: 154px;
left: 81px;
top: -13px;
transform: rotate(-23deg);
width: 35px;
}

.adobe3 {
height: 25px;
left: 31px;
top: 100px;
transform: skewx(22deg);
width: 46px;
}

0 comments on commit c568271

Please sign in to comment.