@anthonyjdella/jsonresume-theme-anthonyjdella-simple-red
Version:
Simple red theme for JSON Resume
731 lines (709 loc) • 17.4 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>Anthony Dellavecchia</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 10px;
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: "/";
}
#edu {
margin-bottom: 100px ;
}
#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-bottom: 0 ;
}
#contactsContent {
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;
}
#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;
}
p {
opacity: 1;
}
#awards {
display: none;
}
}
@page {
margin: 1cm 1.4cm;
}
</style>
</head>
<body>
<div id="resume">
<h1>Anthony Dellavecchia</h1>
<h2>Software Engineer and Creative Technologist</h2>
<div class="summary">
<p>5+ years of experience in full-stack software development. Interested in solving technical challenges, mastering data structures & algorithms, software engineering, problem solving, open-source, user experience design, and continuous improvement.</p>
</div>
<section id="contacts">
<h3>Contact</h3>
<section id="contactsContent">
<div class="location item">
<div class="block">
<span class="address">Dallas, Texas</span>
</div>
</div>
<div class="contacts item">
<div class="block">
<a href="mailto:anthony.dellavecchia.tech@gmail.com">anthony.dellavecchia.tech@gmail.com</a>
</div>
<div class="block">
<a href="tel:(940) 242-1288">(940) 242-1288</a>
</div>
</div>
<div class="site item">
<div class="block">
</div>
</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/anthonydellavecchia/">anthonydellavecchia</a>
</div>
</div>
<div class="item">
<div class="network">
Twitter
</div>
<div class="url">
<a href="https://twitter.com/anthonyjdella">anthonyjdella</a>
</div>
</div>
<div class="item">
<div class="network">
GitHub
</div>
<div class="url">
<a href="https://github.com/anthonyjdella">anthonyjdella</a>
</div>
</div>
</section>
</section>
<section id="skills">
<h3>Skills</h3>
<section>
<div class="item">
<div class="name">
Current Experience
</div>
<ul class="keywords">
<li>Java</li>
<li>Python</li>
<li>Git</li>
<li>CI/CD</li>
<li>Spring Boot</li>
<li>JUnit</li>
<li>Cucumber</li>
<li>Unix</li>
</ul>
</div>
<div class="item">
<div class="name">
Prior Experience
</div>
<ul class="keywords">
<li>Node.js</li>
<li>JavaScript</li>
<li>HTML</li>
<li>CSS</li>
<li>ETL</li>
<li>SQL</li>
<li>UI/UX Design</li>
</ul>
</div>
<div class="item">
<div class="name">
Engineering
</div>
<ul class="keywords">
<li>Data Structures</li>
<li>Algorithms</li>
<li>Systems Design</li>
<li>Agile SDLC</li>
</ul>
</div>
</section>
</section>
<section id="work">
<h3>Experience</h3>
<section>
<div class="item">
<div class="row">
<div class="name">
State Farm ®
</div>
<div class="date">
<span class="startDate">
February 2018
</span>
<span class="endDate">
- Present
</span>
</div>
</div>
<div class="position">
Software Developer
</div>
<ul class="highlights">
<li>Backend: Develop, test, deploy, and maintain business-critical RESTful APIs using Java & Spring Boot framework that serves data and handles 100,000+ requests to our insurance policy platform, to prevent millions in monetary loss.</li>
<li>Integration Layer: Design and implement a microservice integration layer utilizing Java & Spring Boot to abstract components between our core application and outbound calls to high-impact business data, which help calculate insurance rates.</li>
<li>DevOps: Optimize software release efficiency up to 50% by creating CI/CD pipelines that automatically build, scan, test, and deploy software, which improves time-to-market.</li>
<li>Chaos Engineering: Reduce web service unplanned downtime by implementing Chaos Engineering tools to determine potential failure points, which saves time and costs.</li>
<li>Automation: Perform BDD using Agile methodology by writing automated E2E UI tests in CodeceptJS and Gherkin to quickly and effectively validate business scenarios.</li>
<li>Quality: Provide guidance and leadership to implement best practices and tools for optimizing team productivity, spearhead document creation of solution architecture, and create dashboards & reports for management.</li>
</ul>
</div>
<div class="item">
<div class="row">
<div class="name">
Bank of America
</div>
<div class="date">
<span class="startDate">
January 2017
</span>
<span class="endDate">
- February 2018
</span>
</div>
</div>
<div class="position">
Applications Programmer
</div>
<ul class="highlights">
<li>Frontend: Develop a frontend web application written in TypeScript, which manages customer banking appointments and 20,000+ associate schedules.</li>
<li>Troubleshooting: Collaborate with stakeholders and product teams to implement business requirements and resolve technical defects and bugs.</li>
<li>Metrics: Perform analysis on internal hiring data and create weekly reports for senior management to build teams based on skillsets and experience.</li>
</ul>
</div>
<div class="item">
<div class="row">
<div class="name">
GM Financial
</div>
<div class="date">
<span class="startDate">
June 2016
</span>
<span class="endDate">
- December 2016
</span>
</div>
</div>
<div class="position">
ETL Developer Intern
</div>
<ul class="highlights">
<li>ETL: Build data mapping transformations using ETL tools to extract, transform, and load data for various data warehouse projects.</li>
<li>Database: Execute SQL search queries to filter data subsets needed for staging and transformation.</li>
<li>Monitoring: Schedule, monitor, and configure automatic failure notifications for 700+ ETL workflows in production.</li>
</ul>
</div>
</section>
</section>
<section id="education">
<h3 id="edu">Education</h3>
<section class="item">
<div class="row">
<div class="institution">
University of California, Los Angeles
</div>
<div class="date">
<span class="startDate">
2019
</span>
<span class="endDate">
- 2022
</span>
</div>
</div>
<div class="row education-sub-info">
<span class="area">
Engineering Management
</span>
<span class="studyType">
Master of Science
</span>
<span class="studyType">
GPA: 3.71 GPA
</span>
</div>
</section>
<section class="item">
<div class="row">
<div class="institution">
The University of Texas at Dallas
</div>
<div class="date">
<span class="startDate">
2014
</span>
<span class="endDate">
- 2016
</span>
</div>
</div>
<div class="row education-sub-info">
<span class="area">
Information Technology and Systems
</span>
<span class="studyType">
Bachelor of Science
</span>
<span class="studyType">
GPA: Cum Laude, 3.66 GPA
</span>
</div>
</section>
</section>
<section id="work">
<h3>Projects</h3>
<section>
<div class="item">
<div class="row">
<div class="name">
JSON Resume using LinkedIn
</div>
</div>
<div class="url">
<a href="https://github.com/anthonyjdella/customized-linkedin-to-jsonresume">https://github.com/anthonyjdella/customized-linkedin-to-jsonresume</a>
</div>
<div class="summary">
<p>
Customized a chrome extension to parse data from a LinkedIn profile, generate a custom JSON file, transform the data using a Python script, and build an online resume (hosted on Firebase). Developed and packaged multiple themes on NPM and GitHub Registry. Also created a subdomain name to point to this Firebase function.
</p>
</div>
</div>
<div class="item">
<div class="row">
<div class="name">
www.AnthonyDellavecchia.com
</div>
</div>
<div class="url">
<a href="https://www.anthonydellavecchia.com">https://www.anthonydellavecchia.com</a>
</div>
<div class="summary">
<p>
Developed a website using a static-site generator, Hugo, and a custom domain name for my personal brand. It's deployed and hosted on Firebase & GitHub. It's integrated with my JSON resume project, so you can select a theme and view my resume.
</p>
</div>
</div>
<div class="item">
<div class="row">
<div class="name">
Automated Job Scraping
</div>
</div>
<div class="url">
<a href="https://github.com/anthonyjdella/automated-job-web-scraping">https://github.com/anthonyjdella/automated-job-web-scraping</a>
</div>
<div class="summary">
<p>
Developed a server-side script with Node.js that automatically searches and scrapes data of job postings from select company websites, then sends a notification to the user.
</p>
</div>
</div>
</section>
</section>
<section id="awards">
<h3>Awards</h3>
<section>
<div class="item">
<div class="row">
<div class="title">
Cum Laude Honors
</div>
<div class="date">
<span>
2016
</span>
</div>
</div>
<div class="awarder">
The University of Texas at Dallas
</div>
</div>
<div class="item">
<div class="row">
<div class="title">
Dean's List
</div>
<div class="date">
<span>
2014
</span>
</div>
</div>
<div class="awarder">
The University of Texas at Dallas
</div>
</div>
<div class="item">
<div class="row">
<div class="title">
Comet Scholarship
</div>
<div class="date">
<span>
2014
</span>
</div>
</div>
<div class="awarder">
The University of Texas at Dallas
</div>
</div>
</section>
</section>
</body>
</html>