-
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
59ef9bc
commit fe7a9d1
Showing
3 changed files
with
101 additions
and
90 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,22 +1,38 @@ | ||
| import React from 'react'; | ||
| import { Col, Row } from 'react-bootstrap'; | ||
| import { Col, Container, Row } from 'react-bootstrap'; | ||
| import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; | ||
| import { redirect } from "react-router"; | ||
| import { faGithub, faLinkedin } from '@fortawesome/free-brands-svg-icons'; | ||
| import { faEnvelope, faExternalLink, faFlag, faGraduationCap, faLocationDot, faStar } from '@fortawesome/free-solid-svg-icons'; | ||
|
|
||
| export default function App() { | ||
| const linkedinPage = 'https://www.linkedin.com/in/nikosxenakis'; | ||
| const github = 'https://github.com/nikosxenakis'; | ||
| const linkedInLink = 'https://www.linkedin.com/in/nikosxenakis'; | ||
| const gitHubLink = 'https://github.com/nikosxenakis'; | ||
|
|
||
| const CVLink = 'https://github.com/nikosxenakis/nikosxenakis-website/blob/master/src/assets/resume.pdf'; | ||
| const imageInLexis = 'assets/ImagInLexis/ImagInLexis.zip'; | ||
| const iceEditor = 'https://github.com/nikosxenakis/ICE_Editor'; | ||
| const summary = 'Passion and devotion describe the way I work. I constantly research new products and methods for my projects to be efficient and reliable. Experienced in designing, developing and testing software.'; | ||
| const work = [{ | ||
| role: 'Development Engineer', | ||
| role: 'Senior Software Engineer', | ||
| company: 'Welbot', | ||
| companyUrl: 'https://welbot.io', | ||
| location: 'Edinburgh, UK', | ||
| date: 'Nov 2022 – Present', | ||
| description: 'Designing and developing wellbeing products for enterprises. Skills: Web stack, TypeScript, ElectronJS, AWS, Terraform, GitHub CI, project management', | ||
| }, { | ||
| role: 'Senior Software Engineer', | ||
| company: 'SeeByte', | ||
| companyUrl: 'http://www.seebyte.com/', | ||
| location: 'Edinburgh, UK', | ||
| date: 'Aug 2021 – Nov 2022', | ||
| description: 'Developing (full-stack) applications for SeeByte. Technologies: Java, C#, .NET, NSIS, WIX Toolset, Netbeans platform, WPF.', | ||
| }, { | ||
| role: 'Software Engineer', | ||
| company: 'SeeByte', | ||
| companyUrl: 'http://www.seebyte.com/', | ||
| location: 'Edinburgh, UK', | ||
| date: 'Sept 2019 – present', | ||
| date: 'Sept 2019 – Aug 2021', | ||
| description: 'Developing (full-stack) applications for SeeByte. Technologies: Java, C#, .NET, NSIS, WIX Toolset, Netbeans platform, WPF.', | ||
| }, { | ||
| role: 'Software Development Intern', | ||
|
|
@@ -47,27 +63,54 @@ export default function App() { | |
| description: 'Conducting Research in Big Data Systems using acceleration mechanisms. Tools: HDFS, MapReduce, HBase, Apache Phoenix, Spark, CUDA, OpenCL' | ||
| }]; | ||
|
|
||
| const languages = [{ | ||
| name: 'Greek', | ||
| level: 'Native Speaker', | ||
| stars: 5, | ||
| }, { | ||
| name: 'English', | ||
| level: 'Advanced Level', | ||
| stars: 4, | ||
| }, { | ||
| name: 'German', | ||
| level: 'Beginner Level', | ||
| stars: 1, | ||
| }]; | ||
|
|
||
| const skills = [{ | ||
| name: 'C, C++, Java', | ||
| level: 'Proficient', | ||
| width: '100%', | ||
| }, { | ||
| name: 'Data Management (Python, MySQL)', | ||
| level: 'Advanced', | ||
| width: '90%', | ||
| }, { | ||
| name: 'Web Technologies (HTML, CSS, Javascript, Typescript, PHP)', | ||
| level: 'Expert', | ||
| width: '80%', | ||
| }]; | ||
|
|
||
| return ( | ||
| <> | ||
| <header className="header"> | ||
| <div className="container"> | ||
| <Container> | ||
| <Row> | ||
| <Col xs={2}> | ||
| <img src="assets/images/profile.png" width="150px" height="150px" alt="Xenakis Nikolaos" /> | ||
| <Col xs={2} className='avatar'> | ||
| <img src='https://avatars.githubusercontent.com/u/25032940?v=4' width="150px" height="150px" alt="Xenakis Nikolaos" /> | ||
| </Col> | ||
| <Col xs={10}> | ||
| <div className="profile-content"> | ||
| <h1 className="name">Xenakis Nikolaos</h1> | ||
| <h2 className="desc">Software Engineer</h2> | ||
| <ul className="social list-inline"> | ||
| <li><a href={linkedinPage}><i className="fa fa-linkedin"></i></a></li> | ||
| <li><FontAwesomeIcon icon={["fab", "github"]} /></li> | ||
| <li><a href={github}><i className="fa fa-github"></i></a></li> | ||
| <li><FontAwesomeIcon icon={faLinkedin} onClick={() => { return redirect(linkedInLink); }} /></li> | ||
| <li><FontAwesomeIcon icon={faGithub} onClick={() => { return redirect(gitHubLink); }} /></li> | ||
| </ul> | ||
| </div> | ||
| </Col> | ||
| </Row> | ||
| </div> | ||
| </Container> | ||
| </header> | ||
|
|
||
| <div className="container sections-wrapper"> | ||
|
|
@@ -79,7 +122,7 @@ export default function App() { | |
| <div className="content"> | ||
| <p>{summary}</p> | ||
| </div> | ||
| <button className="btn btn-cta-secondary" onClick={() => { return redirect(CVLink); }}>Resume</button> | ||
| <a href={CVLink}><button className="btn btn-cta-secondary">Resume</button></a> | ||
| </div> | ||
| </section> | ||
|
|
||
|
|
@@ -102,7 +145,7 @@ export default function App() { | |
| <h2 className="heading">Education</h2> | ||
| <div className="content"> | ||
| <div className="item"> | ||
| <h3 className="title"> <i className="fa fa-graduation-cap"></i>Msc in High Performance Computing with Data Science (Sep 2018 – Aug 2019) | ||
| <h3 className="title"><FontAwesomeIcon icon={faGraduationCap} /> Msc in High Performance Computing with Data Science (Sep 2018 – Aug 2019) | ||
| <a href="https://www.ed.ac.uk/studying/postgraduate/degrees/index.php?r=site/view&edition=2019&id=871" className="university">University of Edinburgh, Edinburgh (UK)</a> | ||
| </h3> | ||
| <ul> | ||
|
|
@@ -119,7 +162,7 @@ export default function App() { | |
| </ul> | ||
| </div> | ||
| <div className="item"> | ||
| <h3 className="title"> <i className="fa fa-graduation-cap"></i>Bachelor in Computer Science (Sep 2012 – Jul 2016) | ||
| <h3 className="title"><FontAwesomeIcon icon={faGraduationCap} /> Bachelor in Computer Science (Sep 2012 – Jul 2016) | ||
| <a href="https://www.csd.uoc.gr/" className="university">University of Crete, Heraklion (Greece)</a> | ||
| </h3> | ||
| <ul> | ||
|
|
@@ -137,7 +180,7 @@ export default function App() { | |
| </ul> | ||
| </div> | ||
| <div className="item"> | ||
| <h3 className="title"> <i className="fa fa-graduation-cap"></i>IT Essentials: PC Hardware and Software (Jun 2011 - Aug 2011)<a className="university">Cisco Network Academy, Chania (Greece)</a></h3> | ||
| <h3 className="title"><FontAwesomeIcon icon={faGraduationCap} /> IT Essentials: PC Hardware and Software (Jun 2011 - Aug 2011)<a className="university">Cisco Network Academy, Chania (Greece)</a></h3> | ||
| <p>IT Essentials covers fundamental computer skills. It includes labs that provide practical experience using simulation tools</p> | ||
| </div> | ||
| </div> | ||
|
|
@@ -176,9 +219,9 @@ export default function App() { | |
| <h2 className="heading">Basic Information</h2> | ||
| <div className="content"> | ||
| <ul className="list-unstyled"> | ||
| <li><i className="fa fa-flag"></i><span className="sr-only">Nationality:</span>Greek</li> | ||
| <li><i className="fa fa-map-marker"></i><span className="sr-only">Location:</span>Edinburgh, UK</li> | ||
| <li><i className="fa fa-envelope-o"></i><span className="sr-only">Email:</span><a href="#">[email protected]</a></li> | ||
| <li><FontAwesomeIcon icon={faFlag} /> <span className="sr-only">Nationality:</span>Greek</li> | ||
| <li><FontAwesomeIcon icon={faLocationDot} /> <span className="sr-only">Location:</span>Edinburgh, UK</li> | ||
| <li><FontAwesomeIcon icon={faEnvelope} /> <span className="sr-only">Email:</span>[email protected]</li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
|
|
@@ -189,48 +232,37 @@ export default function App() { | |
| <h2 className="heading">Skills</h2> | ||
| <div className="content"> | ||
| <p className="intro"></p> | ||
|
|
||
| <div className="skillset"> | ||
| <div className="item"> | ||
| <h3 className="level-title">C, C++, Java<span className="level-label" data-toggle="tooltip" data-placement="left" data-animation="true" title="You can use the tooltip to add more info...">Proficient</span></h3> | ||
| <div className="level-bar"> | ||
| {/* <div className="level-bar-inner" style="width:100%;"> */} | ||
| {/* </div> */} | ||
| {skills.map((s) => ( | ||
| <div className="item"> | ||
| <h3 className="level-title">{s.name}<span className="level-label" data-toggle="tooltip" data-placement="left" data-animation="true" title="You can use the tooltip to add more info...">{s.level}</span></h3> | ||
| <div className="level-bar"> | ||
| <div className="level-bar-inner" style={{ width: s.width }}> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div className="item"> | ||
| <h3 className="level-title">Data Management (Python, MySQL)<span className="level-label" data-toggle="tooltip" data-placement="left" data-animation="true" title="You can use the tooltip to add more info...">Advanced</span></h3> | ||
| <div className="level-bar"> | ||
| {/* <div className="level-bar-inner" style="width:90%;"> */} | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div className="item"> | ||
| <h3 className="level-title">Web Technologies (HTML, CSS, Javascript, Typescript, PHP)<span className="level-label" data-toggle="tooltip" data-placement="left" data-animation="true" title="You can use the tooltip to add more info...">Expert</span></h3> | ||
| <div className="level-bar"> | ||
| {/* <div className="level-bar-inner" style="width:90%;"> */} | ||
| </div> | ||
| ))} | ||
| </div> | ||
| </div> | ||
| <p><a className="more-link" href="https://www.linkedin.com/in/nikosxenakis/"><i className="fa fa-external-link"></i> More on Linkedin</a></p> | ||
| <p><a className="more-link" href={linkedInLink}><FontAwesomeIcon icon={faExternalLink} /> More on Linkedin</a></p> | ||
| </div> | ||
| {/* </div> | ||
| </div> */} | ||
| </aside> | ||
|
|
||
| <aside className="languages aside section"> | ||
| <div className="section-inner"> | ||
| <h2 className="heading">Languages</h2> | ||
| <div className="content"> | ||
| <ul className="list-unstyled"> | ||
| <li className="item"> | ||
| <span className="title"><strong>Greek:</strong></span> | ||
| <span className="level">Native Speaker <br className="visible-xs" /><i className="fa fa-star"></i> <i className="fa fa-star"></i> <i className="fa fa-star"></i> <i className="fa fa-star"></i> <i className="fa fa-star"></i> </span> | ||
| </li> | ||
| <li className="item"> | ||
| <span className="title"><strong>English:</strong></span> | ||
| <span className="level">Advanced Level <br className="visible-sm visible-xs" /><i className="fa fa-star"></i> <i className="fa fa-star"></i> <i className="fa fa-star"></i> <i className="fa fa-star-half"></i></span> | ||
| </li> | ||
| {languages.map((l) => ( | ||
| <li className="item"> | ||
| <span className="title"><strong>{l.name}:</strong></span> | ||
| <span className="level"> | ||
| {l.level} | ||
| <br className="visible-sm visible-xs" /> | ||
| {[...Array(l.stars)].map((e, i) => <FontAwesomeIcon icon={faStar} />)} | ||
| </span> | ||
| </li> | ||
| ))} | ||
| </ul> | ||
| </div> | ||
| </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
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