-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
ce00164
commit 895c974
Showing
35 changed files
with
2,917 additions
and
6,515 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,38 +1,31 @@ | ||
| .App { | ||
| text-align: center; | ||
| body { | ||
| margin: 0px; | ||
| box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.1); | ||
| width: 1200px; | ||
| margin: 0 auto; | ||
| font-family: "Montserrat", sans-serif; | ||
| } | ||
|
|
||
| .App-logo { | ||
| height: 40vmin; | ||
| pointer-events: none; | ||
| .container { | ||
| display: flex; | ||
| } | ||
|
|
||
| @media (prefers-reduced-motion: no-preference) { | ||
| .App-logo { | ||
| animation: App-logo-spin infinite 20s linear; | ||
| } | ||
| .sidebar { | ||
| background: #1e2939; | ||
| } | ||
|
|
||
| .App-header { | ||
| background-color: #282c34; | ||
| min-height: 100vh; | ||
| display: flex; | ||
| flex-direction: column; | ||
| align-items: center; | ||
| justify-content: center; | ||
| font-size: calc(10px + 2vmin); | ||
| color: white; | ||
| .content { | ||
| background-color: white; | ||
| padding: 20px 90px; | ||
| } | ||
|
|
||
| .App-link { | ||
| color: #61dafb; | ||
| h3 { | ||
| font-style: normal; | ||
| font-weight: 700; | ||
| font-size: 22px; | ||
| line-height: 27px; | ||
| } | ||
|
|
||
| @keyframes App-logo-spin { | ||
| from { | ||
| transform: rotate(0deg); | ||
| } | ||
| to { | ||
| transform: rotate(360deg); | ||
| } | ||
| h4 { | ||
| font-style: normal; | ||
| font-weight: 700; | ||
| font-size: 16px; | ||
| line-height: 20px; | ||
| } |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,27 @@ | ||
| import AboutUser from "./components/content/AboutUser/AboutUser"; | ||
| import Education from "./components/content/Education/Education"; | ||
| import Expeirence from "./components/content/Expeirence/Experience"; | ||
| import Projects from "./components/content/Projects/Projects"; | ||
| import Contacts from "./components/sidebar/Contacts/Contacts"; | ||
| import Skills from "./components/sidebar/Skills/Skills"; | ||
| import './App.css'; | ||
|
|
||
|
|
||
| export default function App() { | ||
| return ( | ||
| <> | ||
| <div className="container"> | ||
| <div className="sidebar"> | ||
| <Contacts /> | ||
| <Skills /> | ||
| </div> | ||
| <div className="content"> | ||
| <AboutUser /> | ||
| <Projects /> | ||
| <Expeirence /> | ||
| <Education /> | ||
| </div> | ||
| </div> | ||
| </> | ||
| ); | ||
| } |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
| .user-title { | ||
| color: #000000; | ||
| margin-bottom: 20px; | ||
| } | ||
|
|
||
| .user-name { | ||
| font-style: normal; | ||
| font-weight: 700; | ||
| font-size: 45px; | ||
| line-height: 55px; | ||
| color: #000000; | ||
| margin-top: 0; | ||
| margin-bottom: 0; | ||
| } | ||
|
|
||
| .user-description { | ||
| font-style: normal; | ||
| font-weight: 700; | ||
| font-size: 14px; | ||
| line-height: 24px; | ||
| color: #595959; | ||
| margin-top: 25px; | ||
| width: 400px; | ||
| margin-bottom: 0; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,16 @@ | ||
| import "./AboutUser.css"; | ||
|
|
||
| export default function AboutUser() { | ||
| return ( | ||
| <div className="about-user"> | ||
| <h4 className="user-title">Junior Frontend Developer</h4> | ||
| <h1 className="user-name">Dmytro Solovey</h1> | ||
| <p className="user-description"> | ||
| Hi, my name is Dmytro, I'm 26 years old! I am from Ukraine, Odessa city. I | ||
| am a future front-end developer with a great desire to reach new heights | ||
| and complete the tasks! I will be very glad to cooperate because any | ||
| forward movement is an experience. | ||
| </p> | ||
| </div> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,32 @@ | ||
| .education-title { | ||
| font-style: normal; | ||
| font-weight: 700; | ||
| font-size: 22px; | ||
| line-height: 27px; | ||
| color: #000000; | ||
| margin-top: 40px; | ||
| margin-bottom: 0; | ||
| } | ||
|
|
||
| .education-organization { | ||
| color: #fb6d3a; | ||
| margin-top: 10px; | ||
| margin-bottom: 0; | ||
| } | ||
|
|
||
| .management { | ||
| font-style: normal; | ||
| font-weight: 700; | ||
| font-size: 14px; | ||
| line-height: 17px; | ||
| color: #000000; | ||
| margin-top: 10px; | ||
| margin-bottom: 0; | ||
| } | ||
| .education-time { | ||
| font-style: normal; | ||
| font-weight: 400; | ||
| font-size: 12px; | ||
| line-height: 15px; | ||
| color: #a8a8a8; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| import "./Education.css"; | ||
|
|
||
| export default function Education() { | ||
| return ( | ||
| <> | ||
| <div> | ||
| <h3 className="education-title">Education</h3> | ||
| <h4 className="education-organization">Communication Academy</h4> | ||
| <h5 className="management">Telecommunicaton</h5> | ||
| <p className="education-time">September 2012 - June 2017 | Odessa</p> | ||
| </div> | ||
| <div> | ||
| <h4 className="education-organization">FreeCodeCamp Online Courses</h4> | ||
| <h5 className="management">Learn HTML5 and SCC3</h5> | ||
| </div> | ||
| <div> | ||
| <h4 className="education-organization">Codewars tasks (5 kyu)</h4> | ||
| <h5 className="management">JavaScript Language</h5> | ||
| </div> | ||
| </> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| .work-block { | ||
| margin-top: 50px; | ||
| } | ||
|
|
||
| .work-title { | ||
| color: #000000; | ||
| margin-bottom: 10px; | ||
| } | ||
|
|
||
| .see-all { | ||
| border-radius: 5px; | ||
| border: 1px solid #595959; | ||
| background-color: #fb6d3a; | ||
| font-style: normal; | ||
| font-weight: 700; | ||
| font-size: 14px; | ||
| line-height: 16px; | ||
| cursor: pointer; | ||
| color: #ffffff; | ||
|
|
||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| import { expierence } from "./expeirence"; | ||
| import Work from "./Work/Work"; | ||
| import "./Expeirence.css"; | ||
|
|
||
| export default function Expeirence() { | ||
| // const [count, setCount] = useState(3); | ||
| // const handle = (event) => { | ||
| // event.preventDefault(); | ||
| // setCount(event.target.value); | ||
| // }; | ||
|
|
||
| return ( | ||
| <div className="work-block"> | ||
| <h3 className="work-title">Work Expeirence</h3> | ||
| {/* <input type="range" min={1} max={5} value={count} onChange={handle} /> */} | ||
| {expierence.map((item) => ( | ||
| <Work key={item.company} {...item} /> | ||
| ))} | ||
| </div> | ||
| ); | ||
| } |
Oops, something went wrong.