This commit is contained in:
2021-12-28 11:27:51 -06:00
commit f51c3de4a9
3 changed files with 351 additions and 0 deletions

Binary file not shown.

105
site/index.html Normal file
View File

@@ -0,0 +1,105 @@
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Rob Viren Resume</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='main.css'>
</head>
<body>
<!-- FONTS -->
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<!-- PAGE STUFF -->
<div class="rela-block page">
<div class="rela-block top-bar">
<div class="caps name">
<div class="abs-center">Robert Viren</div>
</div>
</div>
<div class="side-bar">
<div class="mugshot">
<div class="logo">
<svg viewbox="0 0 80 80" class="rela-block logo-svg">
<path d="M 10 10 L 52 10 L 72 30 L 72 70 L 30 70 L 10 50 Z" stroke-width="2.5" fill="none" />
</svg>
<p class="logo-text">rv</p>
</div>
</div>
<p>505 Wildberry Path</p>
<p>Jordan, MN 55352</p>
<p>(612) 281-4584</p>
<p>robviren@gmail.com</p>
<p class="rela-block caps side-header">Expertise</p>
<p class="rela-block list-thing">Cross Organization Leadership</p>
<p class="rela-block list-thing">Machine Learning</p>
<p class="rela-block list-thing">Computer Vision</p>
<p class="rela-block list-thing">SaaS and IoT Platform Business Development</p>
<p class="rela-block caps side-header">Education</p>
<p class="rela-block list-thing">BA in Mechanical Engineering Iowa State</p>
<p class="rela-block list-thing">Greenbelt Six Sigma Certified</p>
<p class="rela-block list-thing">SAFe Agile and Scrum Certified</p>
<p class="rela-block list-thing">MBA Coursework and University of North Carolina Wilmington</p>
<p class="rela-block caps side-header">Patents</p>
<p class="rela-block list-thing">Infrared Encoding of Non-Destructive Examinations (14250468)</p>
<p class="rela-block list-thing">Methods and Systems for Non-Destructive Testing With Accurate Position
(14470855)</p>
<p class="rela-block list-thing">A System, Method, and Apparatus For Encoding Non-Destructive... (14601678 )
</p>
</div>
<div class="rela-block content-container">
<h2 class="rela-block caps title">Product Manager</h2>
<div class="rela-block separator"></div>
<div class="rela-block caps greyed">Profile</div>
<p class="long-margin"> Communication makes or breaks successful product management. I pride myself on
delivering clear communication to internal and external stakeholders in a timely and consistent manner
with a focus on individual priorities. My technical background makes me especially suited to have
complex discussions involving AI, machine learning, and cloud based solutions while keeping it grounded
in delivering customer centric value. </p>
<div class="rela-block caps greyed">Experience</div>
<h3>Legrand AV, Product Manager</h3>
<p class="light">2017 - Present</p>
<ul>
<li>Manages products with an annual revenue of $60M spanning over 400 SKUs</li>
<li>Coordinated with hardware, software, FPGA, and mechanical engineering, operations, QA, SQA, sales,
marketing, accounting, SAP operations, and management to ensure clear communication of launch
timing, requirements, and specifications</li>
<li>Defined and managed development of the AI auto tracking camera IntelliSHOT with focus on user
configuration, calibration, and model reliability</li>
<li>Delivered trainings, interviews, and convention floor speeches on AV over IP transport protocols, IoT
security, and how to understand practical AI application</li>
</ul>
<h3>Exosite, Product Manager</h3>
<p class="light">2016 - 2017</p>
<ul>
<li>Managed a portfolio of IoT SaaS products including industrial, home automation, and on premise
solutions </li>
<li>Executed go-to-market strategies for the GWE remote management and Murano on premise products</li>
<li>Worked with sales to communicate technical aspects of the platforms differentiating features to key
stakeholders and customers</li>
</ul>
<h3>General Electric Hitachi</h3>
<p class="light">Lead Nuclear Field Engineer</p>
<ul>
<li>Nuclear field project management involving front line supervision, schedule development, customer
interaction, and issue resolution</li>
<li>Execution of 32 plus time critical and quality focused projects with a wide variety of positions,
work group sizes, and technical scopes</li>
<li>Lead product inventor, developer, and coder of a novel ultrasonic inspection machine vision system
for nuclear safety equipment based largely on customer input</li>
<li>Completed a year long world class management, technical, and communication focused training course
provided by GE</li>
</ul>
</div>
</div>
</body>
</html>

246
site/main.css Normal file
View File

@@ -0,0 +1,246 @@
* {
box-sizing: border-box;
transition: 0.35s ease;
}
.rela-block {
display: block;
position: relative;
margin: auto;
}
.rela-inline {
display: inline-block;
position: relative;
margin: auto;
}
.floated {
display: inline-block;
position: relative;
margin: false;
}
.abs-center {
display: false;
position: absolute;
margin: false;
top: 50%;
left: 50%;
right: false;
bottom: false;
transform: translate(-50%, -50%);
text-align: center;
width: 88%;
}
body {
font-family: 'Open Sans';
font-size: 18px;
letter-spacing: 0px;
font-weight: 400;
line-height: 28px;
background: url("http://kingofwallpapers.com/leaves/leaves-016.jpg") right no-repeat;
background-size: cover;
}
body:before {
content: "";
display: false;
position: fixed;
margin: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(255,255,255,0.92);
}
.caps {
text-transform: uppercase;
}
.justified {
text-align: justify;
}
p.light {
color: #777;
}
h2 {
font-family: 'Open Sans';
font-size: 30px;
letter-spacing: 5px;
font-weight: 600;
line-height: 40px;
color: #000;
}
h3 {
font-family: 'Open Sans';
font-size: 21px;
letter-spacing: 1px;
font-weight: 600;
line-height: 28px;
color: #000;
}
.page {
width: 90%;
max-width: 1200px;
margin: 80px auto;
background-color: #fff;
box-shadow: 6px 10px 28px 0px rgba(0,0,0,0.4);
}
.top-bar {
height: 220px;
background-color: #848484;
color: #fff;
}
.name {
display: false;
position: absolute;
margin: false;
top: false;
left: calc(350px + 5%);
right: 0;
bottom: 0;
height: 120px;
text-align: center;
font-family: 'Raleway';
font-size: 58px;
letter-spacing: 8px;
font-weight: 100;
line-height: 60px;
}
.name div {
width: 94%;
}
.side-bar {
display: false;
position: absolute;
margin: false;
top: 60px;
left: 2%;
right: false;
bottom: 0;
width: 375px;
background-color: #f7e0c1;
padding: 320px 30px 50px;
}
.mugshot {
display: false;
position: absolute;
margin: false;
top: 50px;
left: 70px;
right: false;
bottom: false;
height: 210px;
width: 210px;
}
.mugshot .logo {
margin: -23px;
}
.logo {
display: false;
position: absolute;
margin: false;
top: 0;
left: 0;
right: false;
bottom: false;
z-index: 100;
margin: 0;
color: #000;
height: 250px;
width: 250px;
}
.logo .logo-svg {
height: 100%;
width: 100%;
stroke: #000;
cursor: pointer;
}
.logo .logo-text {
display: false;
position: absolute;
margin: false;
top: 36%;
right: 16%;
cursor: pointer;
font-family: "Montserrat";
font-size: 55px;
letter-spacing: 0px;
font-weight: 400;
line-height: 58.333333333333336px;
}
.social {
padding-left: 60px;
margin-bottom: 20px;
cursor: pointer;
}
.social:before {
content: "";
display: false;
position: absolute;
margin: false;
top: -4px;
left: 10px;
right: false;
bottom: false;
height: 35px;
width: 35px;
background-size: cover !important;
}
li {
margin-left: -45px;
}
.side-header {
font-family: 'Open Sans';
font-size: 18px;
letter-spacing: 4px;
font-weight: 600;
line-height: 28px;
margin: 60px auto 10px;
padding-bottom: 5px;
border-bottom: 1px solid #888;
}
.list-thing {
padding-left: 25px;
margin-bottom: 10px;
}
.content-container {
margin-right: 0;
width: calc(95% - 350px);
padding: 25px 40px 50px;
}
.content-container > * {
margin: 0 auto 15px;
}
.content-container > h3 {
margin: 0 auto 5px;
}
.content-container > p.long-margin {
margin: 0 auto 50px;
}
.title {
width: 80%;
text-align: center;
}
.separator {
width: 240px;
height: 2px;
background-color: #999;
}
.greyed {
background-color: #ddd;
width: 100%;
max-width: 580px;
text-align: center;
font-family: 'Open Sans';
font-size: 18px;
letter-spacing: 6px;
font-weight: 600;
line-height: 28px;
}
@media screen and (max-width: 1150px) {
.name {
color: #fff;
font-family: 'Raleway';
font-size: 38px;
letter-spacing: 6px;
font-weight: 100;
line-height: 48px;
}
}