Skip to content
This repository has been archived by the owner on Jan 20, 2024. It is now read-only.

Commit

Permalink
Merge pull request #4 from stephja/dev
Browse files Browse the repository at this point in the history 
Updated resume section.
  • Loading branch information
@stephenjacobsio
stephenjacobsio authored Sep 9, 2021
2 parents f133aac + f87f943 commit b6eac1e
Show file tree
Hide file tree
Showing 2 changed files with 112 additions and 39 deletions.
113 changes: 80 additions & 33 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,10 +39,10 @@
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#resume">Resume</a>
<a class="nav-link" href="#experience">Experience</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#technology">Technology</a>
<a class="nav-link" href="#skills">Technology</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#portfolio">Portfolio</a>
Expand All @@ -51,14 +51,15 @@
</div>
</nav>
</header>

<main>
<div class="hero-image">
<div class="hero-text">
<h1>Hi, I am Stephen Jacobs</h1>
<p>And I'm a Web Developer</p>
<h1>Hi! I am Stephen Jacobs, and I am a Web Developer.</h1>
<a class="btn btn-md btn-primary" href="#contact" role="button">Contact me</a>
</div>
</div>
</div>

<section id="about">
<div class="container grey-bg">
<div class="circle-icon">
Expand All @@ -81,19 +82,35 @@ <h1>About</h1>
</div>
</section>

<section id="resume">
<section id="experience">
<div class="container white-bg">
<div class="circle-icon">
<figure>
<img src="images/resume.png" alt="resume avatar" class="avatar">
</figure>
</div>
<h1>Resume</h1>
<h1>Experience</h1>
<div class="resume-content">
<p>
<h2>Software Engineer</h2>
<span><strong>Nuance Communications</strong></span>
<span><strong>August 2016 to Present</strong></span>
<h4>
<span>.NET Developer @<a href="https://www.scorpion.co">&nbsp;Scorpion</a></span>
</h4>
<p>March 2018 - August 2021</p>

<ul class="resume-item">
<li>Develop custom integrations with third-party CRM platforms by consuming REST APIs mainly focused on the transference of lead details and key metrics between platforms.</li>
<li>Develop internal tools and products for improved efficiency using .NET Core and WebAPI in C#.</li>
<li>Maintain legacy code, bug fixes and feature additions to our wide assortment of client facing websites and web applications using ASP.NET.</li>
<li>Manage deployment and CICD of all internal platforms and applications developed by my team through
Azure DevOps.</li>
<li>Code Review Colleagues’ work through GitHub before merging and deployment.</li>
</ul>


<h4>
<span>Software Engineer @<a href="https://www.nuance.com/">&nbsp;Nuance Communications</a></span>
</h4>
<p>August 2016 - March 2018</p>

<ul class="resume-item">
<li>Implement business logic for client chat service</li>
Expand All @@ -104,9 +121,10 @@ <h2>Software Engineer</h2>
<li>Manage client chat service configurations in an internal web portal</li>
</ul>

<h2>Web Developer</h2>
<span><strong>OmniUpdate</strong></span>
<span><strong>September 2015 to August 2016</strong></span>
<h4>
<span>Web Developer @<a href="https://moderncampus.com/">&nbsp;Modern Campus (formerly OmniUpdate)</a></span>
</h4>
<p>September 2015 - August 2016</p>

<ul class="resume-item">
<li>Lead developer on several projects for higher education institutions</li>
Expand All @@ -116,9 +134,11 @@ <h2>Web Developer</h2>
Management System</li>
</ul>

<h2>Software Engineer I</h2>
<span><strong>Datex Property Solutions</strong></span>
<span><strong>June 2013 to September 2015</strong></span>

<h4>
<span>Software Engineer @<a href="https://www.datexdata.com/">&nbsp;Datex Property Solutions</a></span>
</h4>
<p>June 2013 - September 2015</p>

<ul class="resume-item">
<li>Lead developer on multi-module Angular application for large scale health care company</li>
Expand All @@ -133,26 +153,51 @@ <h2>Software Engineer I</h2>
</div>
</section>

<section id="technology">
<section id="skills">
<div class="container grey-bg">
<div class="circle-icon">
<figure>
<img src="images/technology.png" alt="technolgy icon" class="avatar">
</figure>
</div>
<h1>Technology</h1>
<div class="stack">
<div class="row flex ">
<div class="col-md-4 center-vertical">
<img src="images/react.png" alt="react" />
</div>
<div class="col-md-4 center-vertical">
<img src="images/node.png" alt="node" />
</div>
<div class="col-md-4 center-vertical">
<img src="images/css_js_html.png" alt="html5 and css3" />
</div>
</div>
<h1>Skills</h1>

<div class="resume-content">
<p>
<h4>
<span>Programming Languages</span>
</h4>

<ul class="resume-item">
<li>JavaScript (ES6+)</li>
<li>TypeScript</li>
<li>HTML</li>
<li>CSS</li>
<li>C#</li>
<li>SQL</li>
</ul>

<h4>
<span>Libraries and Frameworks</span>
</h4>

<ul class="resume-item">
<li>.NET Core</li>
<li>React</li>
<li>Node.js</li>
<li>Express</li>
</ul>

<h4>
<span>Tools & Platforms</span>
</h4>

<ul class="resume-item">
<li>Git</li>
<li>Docker</li>
<li>Azure</li>
<li>AWS</li>
</ul>
</div>
</div>
</section>
Expand All @@ -167,9 +212,11 @@ <h1>Technology</h1>
<h1>Portfolio</h1>
<div class="grapevine-container">
<h2><a href="https://grapevine-news.herokuapp.com">Grapevine News</a></h2>
<p>A news feed application leveraging React, node.js and express. I used the News API and
Dark Sky API for news and weather data. I chose to use
Material-UI, a React component library inspired by Google's Material Design, for the user interface.</p>
<p>A news feed application using News API for news feeds and Dark Sky API for weather data. Search for news or select a news category for related news articles. Weather data is displayed based on the user's location.</p>
<span class="badge badge-secondary">react</span>
<span class="badge badge-secondary">node.js</span>
<span class="badge badge-secondary">express</span>
<span class="badge badge-secondary">material ui</span>
</div>
</div>
</section>
Expand Down
38 changes: 32 additions & 6 deletions main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,8 +12,7 @@ html {
/* The hero image */
.hero-image {
/* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
url("images/pexels-negative-space-169573.jpg");
background-image: linear-gradient(rgb(0 0 0 / 52%), rgb(0 0 0 / 66%)), url(images/pexels-negative-space-169573.jpg);

/* Set a specific height */
height: 50%;
Expand Down Expand Up @@ -47,9 +46,6 @@ footer {
height: 285px;
opacity: 0.9;
}
a {
cursor: default;
}
figure {
margin: 0;
}
Expand Down Expand Up @@ -124,7 +120,7 @@ figure {
#resume {
background-color: #fff !important;
}
#technology {
#skills {
background-color: whitesmoke;
}
#about-content p {
Expand Down Expand Up @@ -284,3 +280,33 @@ section .section-title {
color: #fff;
}
}

.hero-animated-text {
border-right: solid 3px rgba(0,255,0,.75);
white-space: nowrap;
overflow: hidden;
font-family: 'Source Code Pro', monospace;
font-size: 28px;
color: rgba(255,255,255,.70);
margin-bottom: 30px;
}

/* Animation */
.hero-animated-text {
animation: animated-text 4s steps(29,end) 1s 1 normal both,
animated-cursor 600ms steps(29,end) infinite;
}

/* text animation */

@keyframes animated-text{
from{width: 0;}
to{width: 775px;}
}

/* cursor animations */

@keyframes animated-cursor{
from{border-right-color: rgba(255, 255, 255, 0.75);}
to{border-right-color: transparent;}
}

0 comments on commit b6eac1e

Please sign in to comment.