change things

This commit is contained in:
Tommy Parnell
2018-06-17 09:21:07 -04:00
parent 82690199bb
commit d33d0a2177
7 changed files with 6736 additions and 40 deletions

1
css/.gitignore vendored Normal file
View File

@@ -0,0 +1 @@
bundle.css

545
css/styles.css Normal file
View File

@@ -0,0 +1,545 @@
/*
* Template Name: Developer - Responsive Website Template for Developers
* Version: 1.5
* Author: Xiaoying Riley
* Twitter: @3rdwave_themes
* License: Creative Commons Attribution 3.0 License
* Website: http://themes.3rdwavemedia.com/
*/
/* ======= Base ======= */
body {
font-family: 'Lato', arial, sans-serif;
color: #434343;
background: #DAE3E7;
font-size: 16px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #778492;
}
a {
color: #3AAA64;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
a:hover {
text-decoration: underline;
color: #5f6b77;
color: #2d844e;
}
a:focus {
text-decoration: none;
}
.btn,
a.btn {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
font-family: 'Montserrat', arial, sans-serif;
padding: 8px 16px;
font-weight: bold;
}
.btn .fa,
a.btn .fa {
margin-right: 5px;
}
.btn:focus,
a.btn:focus {
color: #fff;
}
a.btn-cta-primary,
.btn-cta-primary {
background: #54ba4e;
border: 1px solid #54ba4e;
color: #fff;
font-weight: 600;
text-transform: uppercase;
}
a.btn-cta-primary:hover,
.btn-cta-primary:hover {
background: #49ac43;
border: 1px solid #49ac43;
color: #fff;
}
a.btn-cta-secondary,
.btn-cta-secondary {
background: #479FC8;
border: 1px solid #479FC8;
color: #fff;
font-weight: 600;
text-transform: uppercase;
}
a.btn-cta-secondary:hover,
.btn-cta-secondary:hover {
background: #3893bd;
border: 1px solid #3893bd;
color: #fff;
}
.text-highlight {
color: #32383e;
}
.label-theme {
background: #3AAA64;
font-size: 12px;
}
a.dotted-link {
border-bottom: 1px dotted #778492;
color: #778492;
}
a.dotted-link:hover {
text-decoration: none;
color: #49515a;
}
/*
iframe {
.header {
padding: 0;
}
}
.iframe-wrapper {
overflow: auto;
-webkit-overflow-scrolling:touch;
}
*/
/* ======= Header ======= */
.header {
padding: 30px 0;
background: #f5f5f5;
border-top: 10px solid #778492;
}
.header .btn {
margin-top: 60px;
font-weight: bold;
}
.header .profile-image {
margin-right: 30px;
}
.header .profile-content .name {
color: #49515a;
font-size: 38px;
margin-bottom: 5px;
margin-top: 30px;
}
.header .profile-content .desc {
color: #778492;
font-family: "Lato", arial, sans-serif;
font-weight: 400;
font-size: 24px;
margin-top: 0;
margin-bottom: 15px;
}
.header .profile-content .social a {
background: #b0b7bf;
width: 36px;
height: 36px;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
color: #fff;
text-align: center;
}
.header .profile-content .social a:hover {
background: #778492;
}
.header .profile-content .social a .fa {
font-size: 20px;
padding-top: 8px;
}
/* ======= Sections======= */
.sections-wrapper {
padding-top: 60px;
padding-bottom: 60px;
}
.section {
margin-bottom: 30px;
}
.section .section-inner {
background: #fff;
padding: 30px;
}
.section .heading {
margin-top: 0;
margin-bottom: 30px;
color: #545e69;
font-size: 24px;
}
.section .content .more-link .fa {
margin-right: 5px;
font-size: 14px;
}
/* About Section */
/* Latest Section */
.latest .item {
margin-bottom: 30px;
}
.latest .item .title {
font-size: 18px;
margin-top: 0;
}
.latest .item .title .label {
margin-left: 5px;
font-size: 12px;
}
.latest .item .title a {
color: #778492;
}
.latest .item .title a:hover {
color: #5f6b77;
}
.latest .item .project-image:hover {
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
.latest .divider {
margin-bottom: 60px;
}
.latest .featured {
margin-bottom: 60px;
}
.latest .featured .title {
margin-bottom: 5px;
font-size: 20px;
}
.latest .featured .summary {
margin-bottom: 30px;
color: #778492;
}
.latest .featured img {
margin-bottom: 30px;
}
.latest .featured .desc {
margin-bottom: 30px;
}
.latest .featured-image {
position: relative;
}
.latest .featured-image .text {
background: #3AAA64;
color: #fff;
}
.latest .featured-image .ribbon {
position: absolute;
top: -4px;
right: -4px;
width: 110px;
height: 110px;
overflow: hidden;
}
.latest .featured-image .ribbon .text {
font-family: 'Montserrat', sans-serif;
position: relative;
left: -8px;
top: 18px;
width: 158px;
padding: 10px 10px;
font-size: 15px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
color: #fff;
background-color: #479FC8;
-webkit-transform: rotate(45deg) translate3d(0, 0, 0);
-moz-transform: rotate(45deg) translate3d(0, 0, 0);
-ms-transform: rotate(45deg) translate3d(0, 0, 0);
-o-transform: rotate(45deg) translate3d(0, 0, 0);
}
.latest .featured-image .ribbon .text:before,
.latest .featured-image .ribbon .text:after {
content: '';
position: absolute;
bottom: -5px;
border-top: 5px solid #276582;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}
.latest .featured-image .ribbon .text:before {
left: 0;
}
.latest .featured-image .ribbon .text:after {
right: 0;
}
/* Projects Section */
.projects .item {
margin-bottom: 30px;
}
.projects .item .title {
font-size: 16px;
margin-top: 0;
margin-bottom: 5px;
line-height: 1.5;
}
.projects .item .title a {
color: #778492;
}
.projects .item .title a:hover {
color: #5f6b77;
}
/* Work Section */
.experience .item {
margin-bottom: 30px;
}
.experience .item .title {
font-size: 16px;
margin-top: 0;
margin-bottom: 5px;
line-height: 1.5;
}
.experience .item .title .place {
color: #999;
font-weight: normal;
}
.experience .item .title .place a {
color: #999;
}
.experience .item .title .place a:hover {
color: #666666;
}
.experience .item .title .year {
color: #999;
font-weight: normal;
}
/* Git section */
.github-graph {
margin-bottom: 30px;
}
.github-graph .js-calendar-graph-svg {
max-width: 100%;
}
.ghfeed {
height: 600px;
}
.ghfeed,
.ghfeed *,
.ghfeed *:before,
.ghfeed *:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* Info Section */
.info .fa {
margin-right: 15px;
color: #ccd1d6;
}
.info .fa.fa-envelope-o {
font-size: 14px;
}
.info ul {
margin-bottom: 0;
}
.info li {
margin-bottom: 15px;
}
.info li:last-child {
margin-bottom: 0;
}
/* Skills Section */
.skills .intro {
margin-bottom: 30px;
}
.skills .skillset .item {
margin-bottom: 30px;
}
.skills .skillset .level-title {
font-size: 16px;
position: relative;
margin-top: 0;
margin-bottom: 10;
}
.skills .skillset .level-title .level-label {
color: #ccd1d6;
font-size: 14px;
font-weight: 400;
font-family: "Lato", arial, sans-serif;
position: absolute;
right: 0;
top: 0;
}
.skills .skillset .level-bar {
height: 15px;
background: #e8e8e8;
}
.skills .skillset .level-bar-inner {
height: 15px;
background: #66cb8c;
}
/* Testimonials section */
.testimonials .item {
margin-bottom: 30px;
}
.testimonials .item:last-child {
margin-bottom: 0;
}
.testimonials .item .quote {
color: #666;
font-size: 16px;
border-left-color: #9fdeb7;
margin-bottom: 15px;
}
.testimonials .item .quote .fa {
color: #79d19a;
margin-right: 15px;
}
.testimonials .item .source {
font-size: 14px;
padding-left: 30px;
font-weight: 500;
}
.testimonials .item .source .name {
color: #939ea9;
font-weight: 600;
}
.testimonials .item .source .title {
color: #999;
}
/* Education section */
.education .item {
margin-bottom: 30px;
}
.education .item:last-child {
margin-bottom: 0;
}
.education .item .title {
font-size: 16px;
margin-top: 0;
}
.education .item .university {
font-family: "Lato", arial, sans-serif;
font-size: 13px;
color: #999;
font-weight: 600;
padding-left: 25px;
}
.education .item .university .year {
color: #b0b7bf;
font-weight: 500;
}
/* Language Section */
.languages .item {
margin-bottom: 15px;
}
.languages .item .title {
color: #778492;
}
.languages .item .level {
color: #999;
}
.languages .item:last-child {
margin-bottom: 0;
}
.languages .item .fa {
color: #79d19a;
}
/* Blog Section */
.blog .item {
margin-bottom: 30px;
}
.blog .item .title {
font-size: 18px;
line-height: 1.3;
}
.blog .item .title a {
color: #778492;
}
.blog .item .title a:hover {
color: #5f6b77;
}
.blog .item:last-child {
margin-bottom: 0;
}
/* List section */
.list ul li {
margin-bottom: 10px;
}
.list ul li .fa {
margin-right: 5px;
}
.list ul li a {
color: #778492;
}
.list ul li a:hover {
color: #49515a;
}
/* Credits */
.credits ul li {
margin-bottom: 10px;
}
.credits ul li .fa {
margin-right: 5px;
}
.credits ul li a {
color: #778492;
}
.credits ul li a:hover {
color: #49515a;
}
.credits .btn {
margin-bottom: 15px;
}
/* ======= Footer ======= */
.footer {
background: #32383e;
color: #fff;
padding: 10px 0;
}
.footer .copyright {
line-height: 1.6;
color: #a1aab4;
font-size: 14px;
}
.footer a {
color: #fff;
}
.footer .fa-heart {
color: #fb866a;
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
.header {
text-align: center;
}
.header .profile-image {
float: none !important;
margin: 0 auto;
}
.header .profile-content {
float: none !important;
text-align: center;
}
.header .btn {
margin-top: 30px;
float: none !important;
}
.project-image {
margin-bottom: 15px;
}
}
/* Small devices (tablets, 768px and up) */
/* Medium devices (desktops, 992px and up) */
/* Large devices (large desktops, 1200px and up) */
/* Ex-Large devices (large desktops, 1200px and up) */
@media (min-width: 1400px) {
.container {
width: 1360px;
}
}

1
css/styles.min.css vendored

File diff suppressed because one or more lines are too long

View File

@@ -15,8 +15,8 @@ var gulp = require('gulp'),
gulp.task('watch', function() {
gulp.watch('./css/*.less', ['less']);
gulp.watch('./css/*.css');
gulp.watch('./css/*.css', ['combineCss']);
gulp.watch('./js/*.js', ['combineJs']);
});
gulp.task('clean', function(){

View File

@@ -64,8 +64,17 @@
<div class="item">
<h3 class="title">Software Engineer II <span class="place"><a href="http://vistaprint.com">Vistaprint.com</a></span> <span class="year">(2015 - Present)</span></h3>
<p>
Software engineer for vistaprint's gallery, and keyword search platform <br>
<em>Javascript, C#, Ruby, Bower, Grunt, Rake, MVC 6, SQLServer, Backbone.js, React.js, Jenkins, AWS, ElasticBeanstalk</em> <br>
I work on the gallery team at Vistaprint. We built a platform where designers can create discoverable content with multi-hierarchical filterable dimensions. <br>
<ul>
<li>
Built on React.js, ES6, and Redux. I worked on our very client side heavy SPA.
</li>
<li>Maintained and improved our dotnet, and dotnet core based backends.</li>
<li>I was part of an effort to reduce our page load time on average by 2 seconds. I rewrote, and optimized many slow functions</li>
<li>I lead the charge on our transition to the cloud brining in Terraform and Docker for our microservices, and utilizing Puppet, and Packer for our non-dockerized systems</li>
<li>I championed configuration as code for our cloud accounts. All of our infrastructure from jenkins jobs, to cloud infrastructure was defined with code.</li>
</ul>
<em>React.js, Backbone.js, Gulp, Rake, Ruby, Jenkins, nodejs, webpack, AWS, Puppet, Jenkins, ElasticSearch, docker and c#.</em> <br>
</p>
<p><a class="more-link" href="http://vistaprint.com/gallery.aspx?pg=161" target="_blank"><i class="fa fa-external-link"></i> See Gallery Live</a></p>
@@ -76,13 +85,69 @@
<p>
Monitoring the health of and providing support for Vistaprint's globally-distributed production infrastructure. <br>
Creating, implementing, and maintaining tools, automation, and applications to support infrastructure and other internal teams. <br>
<ul>
<li>Wrote and maintained a custom monitoring platform written in C#</li>
<li>Wrote our own version of pagerduty in C#</li>
<li>Created tooling to support the uptime of our infrastructure</li>
<li>Built tools and processes to aid in our efforts of triaging large problems</li>
</ul>
<em>C#, SQL, IIS, SCOM, Nagios, PowerShell, Windows.</em>
</p>
</div>
</div>
</div>
</section>
<section class="latest section">
<section class="education section">
<div class="section-inner">
<h2 class="heading">Education</h2>
<div class="content">
<div class="item">
<h3 class="title"><i class="fa fa-graduation-cap"></i> B.S. Information Technology</h3>
<h4 class="university">Southern New Hampshire University <span class="year">(2012-2014)</span></h4>
</div>
<div class="item">
<h3 class="title"><i class="fa fa-graduation-cap"></i> A.S. Information Technology</h3>
<h4 class="university">GreatBay Community College <span class="year">(2010-2012)</span></h4>
</div>
</div>
</div>
</section>
<section class="education section">
<div class="section-inner">
<h2 class="heading">Certification</h2>
<div class="content">
<div class="item">
<h3 class="title"><i class="fa fa-graduation-cap"></i>C# Specialist (Programming in c# 70-483)</h3>
<h4 class="university">Microsoft <span class="year">2015</span></h4>
</div>
<div class="item">
<h3 class="title"><i class="fa fa-graduation-cap"></i>MSFT Technology Associate (.NET Fundamentals 98-372) </h3>
<h4 class="university">Microsoft <span class="year">2015</span></h4>
</div>
<div class="item">
<h3 class="title"><i class="fa fa-graduation-cap"></i>Fiber Optic Technician</h3>
<h4 class="university">Fiber Optic Association <span class="year">2010</span></h4>
</div>
<div class="item">
<h3 class="title"><i class="fa fa-graduation-cap"></i>Certified Fiber Optic Specialist /H (CFxT)</h3>
<h4 class="university">Fiber Optic Association <span class="year">2010</span></h4>
</div>
<div class="item">
<h3 class="title"><i class="fa fa-graduation-cap"></i>Certified Premises Cabling Technician (CPCT) </h3>
<h4 class="university">Fiber Optic Association <span class="year">2010</span></h4>
</div>
<div class="item">
<h3 class="title"><i class="fa fa-graduation-cap"></i>Advanced Fiber Optics Technician (AFOT) </h3>
<h4 class="university">Fiber Optic Association <span class="year">2010</span></h4>
</div>
</div>
</div>
</section>
<!-- <section class="latest section">
<div class="section-inner">
<h2 class="heading">Latest Projects</h2>
<div class="content">
@@ -107,8 +172,7 @@
</div>
</div>
</section>
</section> -->
<aside class="blog section" id="blog" style="display:none">
<div class="section-inner">
<h2 class="heading">Latest Blog Posts</h2>
@@ -153,7 +217,7 @@
</div>
<div class="item">
<h3 class="level-title">Javascript &amp; Node.js &amp; jQuery<span class="level-label">Pro</span></h3>
<h3 class="level-title">Javascript &amp; Node.js &amp; React<span class="level-label">Pro</span></h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="95%">
</div>
@@ -214,37 +278,7 @@
</div>
</div>
</aside>
<aside class="testimonials aside section">
<div class="section-inner">
<h2 class="heading">Testimonials</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<p><i class="fa fa-quote-left"></i>Tommy has been instrumental at increasing our web presence, but much more than that, he has increased the technological knowledge of our internal staff. Empowering our employees with the tools to edit our website on the fly, and the knowledge to identify improvement areas that can be resolved with proper IT infrastructure. He has also been monumental at creating new internal software, which has exponentially increased our competitive advantage against other companies in our space.</p>
</blockquote>
<p class="source"><span class="name">Richard Warren</span><br><span class="title">Founder Mold Assessing and Remediation Services, LLC</span></p>
</div>
<p><a class="more-link" href="https://www.linkedin.com/pub/tommy-parnell/24/722/63a"><i class="fa fa-external-link"></i>More on Linkedin</a></p>
</div>
</div>
</aside>
<aside class="education aside section">
<div class="section-inner">
<h2 class="heading">Education</h2>
<div class="content">
<div class="item">
<h3 class="title"><i class="fa fa-graduation-cap"></i> B.S. Information Technology</h3>
<h4 class="university">Southern New Hampshire University <span class="year">(2012-2014)</span></h4>
</div>
<div class="item">
<h3 class="title"><i class="fa fa-graduation-cap"></i> A.S. Information Technology</h3>
<h4 class="university">GreatBay Community College <span class="year">(2010-2012)</span></h4>
</div>
</div>
</div>
</aside>
<aside class="languages aside section">
<div class="section-inner">

1
js/.gitignore vendored Normal file
View File

@@ -0,0 +1 @@
bowr.js

6116
package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff