-
Notifications
You must be signed in to change notification settings - Fork 92
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
Showing
10 changed files
with
302 additions
and
221 deletions.
There are no files selected for viewing
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
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
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 |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| import React from "react"; | ||
|
|
||
| function TimelineItem(props) { | ||
| return ( | ||
| <div className="timeline-item is-success"> | ||
| <div className="timeline-marker is-image is-32x32"> | ||
| <img src="" alt="" /> | ||
| </div> | ||
| <div className="timeline-content"> | ||
| <p className="heading">{props.date}</p> | ||
| <h1 className="title is-4">{props.company}</h1> | ||
| <p style={{width: '25em'}}>{props.summary}</p> | ||
| </div> | ||
| </div> | ||
| ); | ||
| } | ||
|
|
||
| export default TimelineItem |
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,42 +1,34 @@ | ||
| import React from "react" | ||
| import Badge from "../elements/Badge" | ||
| import React from "react"; | ||
| import Badge from "../elements/Badge"; | ||
| import Resume from "../../resume.json"; | ||
|
|
||
| function AboutMe() { | ||
| return( | ||
| <section className="section has-background-link" id="aboutMe"> | ||
| <div className="container has-text-centered"> | ||
| <figure className="image container is-180x180"> | ||
| <img src="images/jcoelho.jpg" alt="José Coelho" className="is-rounded" /> | ||
| </figure> | ||
| <p className="subtitle is-4 has-text-white has-text-weight-bold">Hey There! Glad you're here</p> | ||
| <p className="subtitle is-5 has-text-white has-text-weight-light"> | ||
| Going on 4 years of experience in IT. Currently I’m working as a developer | ||
| <br />exploring the DevOps world. I’m interested in service management, all sorts | ||
| <br />of automation and developing front-end and back-end applications. | ||
| </p> | ||
| <div className="container interests"> | ||
| <div className="field is-grouped is-grouped-multiline has-text-centered"> | ||
| <Badge | ||
| text = "Travel bug" | ||
| faIcon = "fa-globe-africa" | ||
| /> | ||
| <Badge | ||
| text = "Dog Lover" | ||
| faIcon = "fa-dog" | ||
| /> | ||
| <Badge | ||
| text = "Foodie" | ||
| faIcon = "fa-utensils" | ||
| /> | ||
| <Badge | ||
| text = "Live in the now" | ||
| faIcon = "fa-brain" | ||
| /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| ) | ||
| return ( | ||
| <section className="section has-background-link" id="aboutMe"> | ||
| <div className="container has-text-centered"> | ||
| <figure className="image container is-180x180"> | ||
| <img | ||
| src={Resume.basics.picture} | ||
| alt={Resume.basics.name} | ||
| className="is-rounded" | ||
| /> | ||
| </figure> | ||
| <p className="subtitle is-4 has-text-white has-text-weight-bold"> | ||
| {Resume.basics.x_title} | ||
| </p> | ||
| <p className="subtitle is-5 has-text-white has-text-weight-light summary-text"> | ||
| {Resume.basics.summary} | ||
| </p> | ||
| <div className="container interests"> | ||
| <div className="field is-grouped is-grouped-multiline has-text-centered"> | ||
| {Resume.interests.map((value) => { | ||
| return <Badge text={value.name} faIcon={value.x_icon} /> | ||
| })} | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| ); | ||
| } | ||
|
|
||
| export default AboutMe | ||
| export default AboutMe; |
Oops, something went wrong.