jsonresume-theme-simple-red
Version:
Simple red theme for JSON Resume
951 lines (930 loc) • 23.8 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
<link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i" rel="stylesheet">
<title>Andrew Avdeev</title>
<style>
body {
background: #fff;
font-family: 'Lato', sans-serif;
letter-spacing: 0.02em;
word-wrap: break-word;
color: #000;
line-height: 1.4;
margin: 50px 0 60px;
}
h1, h2, h3, h4, h5 {
line-height: 1em;
margin: 0;
}
h1 {
color: #FF1717;
font-size: 2.4em;
font-weight: 900;
}
h2 {
margin-top: 10px;
font-weight: 900;
}
h3 {
font-size: 1.2em;
font-weight: 900;
}
h4 {
font-size: 1.1em;
margin-bottom: 0.3em;
}
p {
font-weight: 400;
font-size: 1em;
margin: 0;
line-height: 1.8em;
opacity: 0.8;
}
em {
opacity: 0.5;
}
p {
line-height: 1.4;
}
ul {
margin-bottom: 0;
}
section, #skills .item {
margin-bottom: 2em;
}
section > h3 {
width: 25%;
float: left;
color: #FF1717;
}
section > section {
width: 75%;
float: left;
}
blockquote {
margin: 0;
margin-bottom: 1em;
}
a {
font-size: 0.9em;
font-weight: 700;
opacity: 0.5;
color: #000;
}
.divider {
height: 1px;
width: 100%;
background-color: #ccc;
}
.item {
margin-bottom: 3em;
}
.row:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#resume {
margin: 0 auto;
/*max-width: 595px;*/
max-width: 690px;
padding: 0 50px;
}
#resume > section {
margin-bottom: -10px;
margin-top: 10px;
}
#resume > section:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.summary {
margin: 10px 0 50px;
font-style: italic;
}
#skills .keywords,
#languages > section,
#interests > section,
#profiles > section,
#contacts {
display: flex;
flex-wrap: wrap;
}
#education .institution,
#work .name,
#volunteer .name,
#awards .title,
#publications .name {
font-size: 1em;
font-weight: 900;
width: 65%;
float: left;
}
#education .area,
#education .studyType {
font-size: 0.9em;
font-weight: 400;
font-style: italic
}
#education .date,
#work .date,
#volunteer .date,
#awards .date,
#publications .date {
font-size: 0.7em;
letter-spacing: -0.02em;
font-weight: 400;
width: 35%;
float: right;
text-align: right;
}
#education .education-sub-info {
margin-top: 10px;
}
#education .education-sub-info span:not(:last-child):after {
margin: 0 5px;
content: "/";
}
#work .url,
#work .position,
#work .highlights,
#work .item > h5,
#volunteer .url,
#volunteer .position,
#volunteer .highlights,
#volunteer .item > h5,
#awards .awarder,
#publications .url,
#publications .publisher,
#skills .item .level,
#languages .item .fluency {
font-size: 0.9em;
}
#work .summary,
#work .description,
#awards .summary,
#volunteer .summary,
#publications .summary {
font-style: normal;
font-size: 0.8em;
margin: 10px 0;
}
#work .position,
#volunteer .position,
#awards .awarder,
#publications .publisher {
margin-top: 10px;
font-style: italic;
}
#work .highlights,
#volunteer .highlights {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
#work .highlights li,
#volunteer .highlights li {
font-size: 0.9em;
/* one column configration */
width: 100%;
/* two column configration */
/* width: 45%; */
/* margin-right: 5%; */
}
#skills .keywords {
margin: 0;
padding: 0;
list-style: none;
font-size: 0.8em;
margin-top: 10px;
}
#skills .keywords li {
margin-right: 20px;
}
#skills .item .name,
#languages .item .language,
#profiles .item .network {
font-weight: 900;
}
#languages .item,
#profiles .item {
width: 33.3%;
margin-bottom: 10px;
}
#profiles .item .network {
font-size: 0.9em;
}
#profiles .item .url {
font-size: 0.8em;
}
#interests .name {
font-size: 0.9em;
font-style: italic;
margin-right: 7px;
}
#interests .name:not(:last-child):after {
content: ',';
margin-left: -3px;
}
#contacts .item {
flex: 1;
margin-bottom: 0;
}
#profiles, #skills {
overflow: hidden;
}
#contacts {
margin-left: 25%;
font-size: 0.8em;
}
#contacts .site {
align-self: flex-end;
text-align: right;
}
#contacts .site a {
color: #FF1717;
opacity: 1;
font-size: 1em;
font-weight: 900;
}
#contacts .location .block span:not(:last-child):after {
content: ', ';
}
#contacts .block {
display: block;
}
#references .item {
width: 45%;
float: left;
padding-right: 10%;
}
#references .item:nth-child(2n) {
padding: 0;
}
#references .reference {
font-style: normal;
font-size: 0.7em;
margin: 10px 0;
font-style: italic;
}
#references .name {
font-weight: 900;
font-size: 0.8em;
}
/* Smartphones (portrait) ----------- */
@media (max-width: 599px) and (not print) {
body {
margin: 30px 0 40px;
}
#resume {
padding: 0 35px;
}
#resume > section {
margin-top: 50px;
}
.summary {
margin-bottom: 40px;
}
section {
margin-bottom: 0;
}
section > h3 {
width: 100%;
float: none;
margin-bottom: 20px;
}
section > section, #references .item {
width: 100%;
flex: none;
padding: 0;
}
section > .item:last-child, section.item:last-child {
margin-bottom: 0;
}
#contacts {
margin-left: 0;
}
#languages .item, #profiles .item {
width: 50%;
}
}
@media print {
body {
font-size: 0.9em;
margin: 0;
}
#resume {
width: 85%;
margin: 1cm auto;
padding: 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
line-height: 1.3;
font-family: Arial, Georgia, "Lucida Grande", sans-serif;
}
.summary {
margin: 0.2cm 0 0.9cm 0;
}
#profiles {
display: none;
}
#resume > section {
margin: 0;
}
section > section {
margin: 0;
}
#skills .level {
line-height: 1.5em;
}
#skills .name {
float: left;
margin-right: 0.5cm;
}
#skills .keywords {
margin-top: 0.1cm;
}
section#interests {
margin-top: 1cm;
margin-bottom: 1.2cm;
}
#contacts {
width: 75%;
float: right;
}
p {
opacity: 1;
}
}
@page {
margin: 1cm 1.4cm;
}
</style>
</head>
<body>
<div id="resume">
<h1>Andrew Avdeev</h1>
<h2>Full stack web developer</h2>
<div class="summary">
<p>I'm a full stack web developer and software architect with experience in team management. I Have 7 years of back-end and front-end development experience.</p>
</div>
<section id="education">
<h3>Education</h3>
<section class="item">
<div class="row">
<div class="institution">
Belarusian State University of Informatics and Radio electronics
</div>
<div class="date">
<span class="startDate">
September 2011
</span>
<span class="endDate">
- September 2016
</span>
</div>
</div>
<div class="row education-sub-info">
<span class="area">
Information technologies engineer
</span>
<span class="studyType">
Bachelor
</span>
</div>
</section>
</section>
<section id="work">
<h3>Work</h3>
<section>
<div class="item">
<div class="row">
<div class="name">
Scorum
</div>
<div class="date">
<span class="startDate">
July 2017
</span>
<span class="endDate">
- Present
</span>
</div>
</div>
<div class="url">
<a href="https://scorum.com/">https://scorum.com/</a>
</div>
<div class="position">
Head Of Web Development
</div>
<div class="summary">
<p>
Scorum is a pioneering Blockchain powered media platform, that rewards content creators and curators.
</p>
</div>
<h5>Responsibilities:</h5>
<ul class="highlights">
<li>Servers support and setting (Ubuntu, Microsoft Azure, DigitalOcean, Blockchain Nodes, Terraform, Shell Scripts, Docker, Nginx, Backups, Firewals, DNS settings, Zabbix, Grafana, Alerting, ElasticSearch, Logstash, Kibana, security settings)</li>
<li>Project deployment (Ansible, Jenkins, Gitlab, deployment checklists)</li>
<li>Backend development (NodeJS, Koa2, Express (for React SSR), HapiJS, Twilio API, SendPulse SMTP, …)</li>
<li>Frontend development (React, Redux, RxJS, Ramda, Crypto, Jest, Flow, SASS) </li>
<li>Database support and maintenance (MySQL, MongoDB, Redis)</li>
<li>Regular meetings</li>
<li>Reports Writing</li>
<li>High load optimization & testing (Apache JMeter, Tsung)</li>
<li>Projects estimation</li>
<li>Job interviews</li>
<li>Code-review</li>
<li>Designing the architecture (sequence diagrams, flowcharts, C4 model for software architecture)</li>
<li>Choosing the technologies for the implementation</li>
<li>Support test team</li>
<li>Leadership</li>
<li>Managing team (more then 10 developers)</li>
</ul>
</div>
<div class="item">
<div class="row">
<div class="name">
Monterosa
</div>
<div class="date">
<span class="startDate">
September 2015
</span>
<span class="endDate">
- September 2017
</span>
</div>
</div>
<div class="url">
<a href="https://www.monterosa.co/">https://www.monterosa.co/</a>
</div>
<div class="position">
Full Stack Web Developer
</div>
<div class="summary">
<p>
Monterosa provides technology and ideas that shape the future of fan interaction across entertainment and sport.
I developed an internal product, web and mobile applications.
</p>
</div>
<h5>Responsibilities:</h5>
<ul class="highlights">
<li>Work in a team consisted of 20 people (The Frontend team consisted of 8 team members)</li>
<li>Backend development (NodeJS, PM2, Koa, Express, Socket.IO, Mocha, Chai, PHP5, Silex, Symfony, Doctrine ORM, Contentfull CMS, Janrain (customer identity and access management), SSO, Facebook Messenger API, Graph API)</li>
<li>Frontend development (Backbone.js, Marionette.js, CoffeeScript, React, Redux, Underscore, Lodash, LESS, SASS, BEM)</li>
<li>Mobile development (React Native (including complex animations) – 5 projects)</li>
<li>Database support and maintenance (MySQL (large subqueries + MySQL Transactions), RedisDB (almost all commands were used))</li>
<li>Project deployment (Puppet, Vagrant)</li>
<li>Work with AWS services (S3, CloudFront, ELB, SNS)</li>
<li>High load optimization</li>
<li>Job interviews</li>
</ul>
</div>
<div class="item">
<div class="row">
<div class="name">
PeopleBank Australia
</div>
<div class="date">
<span class="startDate">
September 2014
</span>
<span class="endDate">
- September 2015
</span>
</div>
</div>
<div class="url">
<a href="https://www.peoplebank.com.au/">https://www.peoplebank.com.au/</a>
</div>
<div class="position">
Full Stack Web Developer
</div>
<div class="summary">
<p>
I developed one of the biggest Australian online work platform, where businesses and independent professionals connect and collaborate. The Team consisted of 1 PM, 1 Full Stack Dev, 1 QA.
</p>
</div>
<h5>Responsibilities:</h5>
<ul class="highlights">
<li>Servers support and setting (CentOS, Vagrant, Shell Scripts, Nginx)</li>
<li>Project deployment (Capistrano, Git hooks, support multiple environments)</li>
<li>Backend development (PHP, Yii1, Laravel, Gearman, NodeJS)</li>
<li>Frontend development (VanillaJS, jQuery, jQuery modules, LESS, SASS)</li>
<li>Database support and maintenance (MySQL)</li>
<li>Regular meetings with manager from Australia</li>
<li>Reports Writing</li>
<li>High load optimization & testing (Apache Bench)</li>
</ul>
</div>
<div class="item">
<div class="row">
<div class="name">
Stone Labs Ltd
</div>
<div class="date">
<span class="startDate">
September 2013
</span>
<span class="endDate">
- September 2014
</span>
</div>
</div>
<div class="url">
<a href="http://stone-labs.com/">http://stone-labs.com/</a>
</div>
<div class="position">
Full Stack Web Developer
</div>
<div class="summary">
<p>
Stone Labs is using best practices in Data Driven Approach in order to set maximum efficiency of every business process.
</p>
</div>
<h5>Responsibilities:</h5>
<ul class="highlights">
<li>Backend development (PHP, Yii1, Silex, NodeJS, Express)</li>
<li>Frontend development (VanillaJS, jQuery, jQuery modules, LESS, SASS)</li>
<li>Database support and maintenance (MySQL, MongoDB)</li>
<li>Projects estimation (at the sale stage)</li>
<li>Regular meetings</li>
</ul>
</div>
<div class="item">
<div class="row">
<div class="name">
Arsenal Belarus community
</div>
<div class="date">
<span class="startDate">
January 2011
</span>
<span class="endDate">
- September 2014
</span>
</div>
</div>
<div class="url">
<a href="http://fc-arsenal.by/">http://fc-arsenal.by/</a>
</div>
<div class="position">
Founder and lead developer of the official Belarusian Arsenal fan community.
</div>
<div class="summary">
<p>
Arsenal is official Belarusian fan-site of one of the greatest UK football teams.
It was developed to read news, watch games, see statistics and make bets, discuss the games and players etc.
</p>
</div>
<h5>Responsibilities:</h5>
<ul class="highlights">
<li>Design and prototyping (Photoshop)</li>
<li>SEO support</li>
<li>Frontend development (HTML4, CSS2-3, VanillaJS, jQuery)</li>
<li>Backend development (PHP)</li>
<li>Database support and maintenance (MySQL)</li>
<li>Content handling (DLE CMS)</li>
<li>Server support and setting (CentOS, Apache)</li>
</ul>
</div>
</section>
</section>
<section id="skills">
<h3>Skills</h3>
<section>
<div class="item">
<div class="name">
Frontend Development
</div>
<div class="level">
<em>Advanced/Expert</em>
</div>
<ul class="keywords">
<li>HTML</li>
<li>CSS</li>
<li>XML</li>
<li>Javascript</li>
<li>Bootstrap</li>
<li>Less</li>
<li>SASS</li>
<li>Backbone</li>
<li>Jquery</li>
<li>Marionette</li>
<li>Underscore/Lodash</li>
<li>Ramda</li>
<li>ES6</li>
<li>React</li>
<li>Redux</li>
<li>RxJS</li>
<li>Mobx</li>
</ul>
</div>
<div class="item">
<div class="name">
Backend Development
</div>
<div class="level">
<em>Advanced/Expert</em>
</div>
<ul class="keywords">
<li>Node.js</li>
<li>PHP</li>
<li>Go</li>
<li>MongoDB</li>
<li>MySQL</li>
<li>Redis</li>
<li>PostgreSQL</li>
<li>Yii</li>
<li>Laravel</li>
<li>Silex</li>
<li>Express</li>
<li>Koa</li>
<li>Hapi.js</li>
<li>Meteor</li>
<li>Gearman</li>
<li>SocketIO</li>
</ul>
</div>
<div class="item">
<div class="name">
Mobile development
</div>
<div class="level">
<em>Advanced</em>
</div>
<ul class="keywords">
<li>Cordova/PhoneGap</li>
<li>Ionic</li>
<li>React Native</li>
</ul>
</div>
<div class="item">
<div class="name">
Desktop development
</div>
<div class="level">
<em>Intermediate</em>
</div>
<ul class="keywords">
<li>Electron</li>
</ul>
</div>
<div class="item">
<div class="name">
DevOps
</div>
<div class="level">
<em>Intermediate</em>
</div>
<ul class="keywords">
<li>Ubuntu</li>
<li>CentOS</li>
<li>Docker</li>
<li>Vagrant</li>
<li>Ansible</li>
<li>Shell</li>
<li>Capistrano</li>
<li>Nginx</li>
<li>Apache</li>
<li>GitLab</li>
<li>Jenkins</li>
<li>Elasticsearch</li>
<li>Logstash</li>
<li>Kibana</li>
<li>Zabbix</li>
<li>Grafana</li>
<li>Terraform</li>
<li>Amazon web services</li>
<li>Microsoft Azure</li>
<li>DigitalOcean</li>
<li>Blockchain Nodes</li>
</ul>
</div>
<div class="item">
<div class="name">
Software & Tools
</div>
<div class="level">
<em>Advanced</em>
</div>
<ul class="keywords">
<li>Git</li>
<li>Composer</li>
<li>GruntJS</li>
<li>GulpJS</li>
<li>Webpack</li>
<li>Parcel</li>
<li>Bower</li>
<li>NPM</li>
<li>Yarn</li>
<li>Adobe Photoshop</li>
<li>Adobe Illustrator</li>
<li>Sketch</li>
</ul>
</div>
</section>
</section>
<section id="languages">
<h3>Languages</h3>
<section>
<div class="item">
<div class="language">
Russian
</div>
<div class="fluency">
<em>Native speaker</em>
</div>
</div>
<div class="item">
<div class="language">
English
</div>
<div class="fluency">
<em>Fluent</em>
</div>
</div>
</section>
</section>
<section id="interests">
<h3>Interests</h3>
<section>
<div class="name">
Soccer
</div>
<div class="name">
Travelling
</div>
<div class="name">
Cars
</div>
</section>
</section>
<section id="profiles">
<h3>Profiles</h3>
<section>
<div class="item">
<div class="network">
LinkedIn
</div>
<div class="url">
<a href="https://www.linkedin.com/in/andrewavdeev/">andrewavdeev</a>
</div>
</div>
<div class="item">
<div class="network">
Github
</div>
<div class="url">
<a href="https://github.com/aandrewww">aandrewww</a>
</div>
</div>
<div class="item">
<div class="network">
NPM
</div>
<div class="url">
<a href="https://www.npmjs.com/~andrewww">andrewww</a>
</div>
</div>
<div class="item">
<div class="network">
Goodreads
</div>
<div class="url">
<a href="https://www.goodreads.com/user/show/26864332-andrew-avdeev">andrew-avdeev</a>
</div>
</div>
<div class="item">
<div class="network">
Twitter
</div>
<div class="url">
<a href="https://twitter.com/AndrewwGooner">AndrewwGooner</a>
</div>
</div>
<div class="item">
<div class="network">
Facebook
</div>
<div class="url">
<a href="https://www.facebook.com/andrew.avdeev.3">andrew.avdeev.3</a>
</div>
</div>
<div class="item">
<div class="network">
Skype
</div>
<div class="url">
andrew-gooner
</div>
</div>
<div class="item">
<div class="network">
Vkontakte
</div>
<div class="url">
<a href="https://vk.com/aandreeww">aandreeww</a>
</div>
</div>
<div class="item">
<div class="network">
Instagram
</div>
<div class="url">
<a href="https://www.instagram.com/aandreewww/">aandreewww</a>
</div>
</div>
<div class="item">
<div class="network">
Tumblr
</div>
<div class="url">
<a href="http://andrewwwavdeev.tumblr.com/">andrewwwavdeev</a>
</div>
</div>
<div class="item">
<div class="network">
Flickr
</div>
<div class="url">
<a href="https://www.flickr.com/photos/andrewwwavdeev/">andrewwwavdeev</a>
</div>
</div>
<div class="item">
<div class="network">
YouTube
</div>
<div class="url">
<a href="https://www.youtube.com/user/andrewwwavdeev">andrewwwavdeev</a>
</div>
</div>
<div class="item">
<div class="network">
KinoPoisk
</div>
<div class="url">
<a href="https://www.kinopoisk.ru/user/2741742/">aandrewww</a>
</div>
</div>
<div class="item">
<div class="network">
AngelList
</div>
<div class="url">
<a href="https://angel.co/andrew-avdeev-1">andrew-avdeev-1</a>
</div>
</div>
<div class="item">
<div class="network">
Stack Overflow
</div>
<div class="url">
<a href="http://stackoverflow.com/users/3324514/andrew-avdeev">andrew-avdeev</a>
</div>
</div>
<div class="item">
<div class="network">
Product Hunt
</div>
<div class="url">
<a href="https://www.producthunt.com/@andrewww">andrewww</a>
</div>
</div>
</section>
</section>
<section id="contacts">
<div class="location item">
<div class="block">
<span class="countryCode">BY</span>
<span class="city">Minsk</span>
</div>
<div class="block">
<span class="address">Matusevicha street, 68</span>
</div>
</div>
<div class="contacts item">
<div class="block">
<span class="email">andrewww.avdeev@gmail.com</span>
</div>
<div class="block">
<span class="phone">+37595418679</span>
</div>
</div>
<div class="site item">
<div class="block">
<a href="https://andrewavdeev.com" class="url">andrewavdeev.com</a>
</div>
</div>
</section>
</body>
</html>