From d33d0a2177873e51fc87226f3f18c52fafb013f6 Mon Sep 17 00:00:00 2001 From: Tommy Parnell Date: Sun, 17 Jun 2018 09:21:07 -0400 Subject: [PATCH] change things --- css/.gitignore | 1 + css/styles.css | 545 ++++ css/styles.min.css | 1 - gulpfile.js | 4 +- index.html | 108 +- js/.gitignore | 1 + package-lock.json | 6116 ++++++++++++++++++++++++++++++++++++++++++++ 7 files changed, 6736 insertions(+), 40 deletions(-) create mode 100644 css/.gitignore create mode 100644 css/styles.css delete mode 100644 css/styles.min.css create mode 100644 js/.gitignore create mode 100644 package-lock.json diff --git a/css/.gitignore b/css/.gitignore new file mode 100644 index 0000000..f7cfeaa --- /dev/null +++ b/css/.gitignore @@ -0,0 +1 @@ +bundle.css \ No newline at end of file diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..0d7b9cc --- /dev/null +++ b/css/styles.css @@ -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; + } +} diff --git a/css/styles.min.css b/css/styles.min.css deleted file mode 100644 index 32419df..0000000 --- a/css/styles.min.css +++ /dev/null @@ -1 +0,0 @@ -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 .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}a:hover{text-decoration:underline;color:#5f6b77;color:#2d844e}.btn,a.btn{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .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}.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-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}.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:.8;-moz-opacity:.8;opacity:.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);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 .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}.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:#666}.experience .item .title .year{color:#999;font-weight:normal}.ghfeed{height:600px}.ghfeed,.ghfeed *,.ghfeed *:before,.ghfeed *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.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 .intro{margin-bottom:30px}.skills .skillset .item{margin-bottom:30px}.skills .skillset .level-title{font-size:16px;position:relative;margin-top:0;margin-bottom:10px}.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 .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 .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}.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 .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 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 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{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}@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}}@media(min-width:1400px){.container{width:1360px}} \ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js index 09daae6..a2c2b67 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -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(){ diff --git a/index.html b/index.html index 3bf4b98..f23708f 100644 --- a/index.html +++ b/index.html @@ -64,8 +64,17 @@

Software Engineer II Vistaprint.com (2015 - Present)

- Software engineer for vistaprint's gallery, and keyword search platform
- Javascript, C#, Ruby, Bower, Grunt, Rake, MVC 6, SQLServer, Backbone.js, React.js, Jenkins, AWS, ElasticBeanstalk
+ I work on the gallery team at Vistaprint. We built a platform where designers can create discoverable content with multi-hierarchical filterable dimensions.
+

+ React.js, Backbone.js, Gulp, Rake, Ruby, Jenkins, nodejs, webpack, AWS, Puppet, Jenkins, ElasticSearch, docker and c#.

See Gallery Live

@@ -76,13 +85,69 @@

Monitoring the health of and providing support for Vistaprint's globally-distributed production infrastructure.
Creating, implementing, and maintaining tools, automation, and applications to support infrastructure and other internal teams.
+

C#, SQL, IIS, SCOM, Nagios, PowerShell, Windows.

-
+
+
+

Education

+
+
+

B.S. Information Technology

+

Southern New Hampshire University (2012-2014)

+
+
+

A.S. Information Technology

+

GreatBay Community College (2010-2012)

+
+
+
+
+
+
+

Certification

+
+
+

C# Specialist (Programming in c# 70-483)

+

Microsoft 2015

+
+
+

MSFT Technology Associate (.NET Fundamentals 98-372)

+

Microsoft 2015

+
+
+

Fiber Optic Technician

+

Fiber Optic Association 2010

+
+
+

Certified Fiber Optic Specialist /H (CFxT)

+

Fiber Optic Association 2010

+
+
+

Certified Premises Cabling Technician (CPCT)

+

Fiber Optic Association 2010

+
+
+

Advanced Fiber Optics Technician (AFOT)

+

Fiber Optic Association 2010

+
+
+
+
+ - - - +