Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

311 lines (276 sloc) 12.883 kb
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> <!--320-->
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="bootstrap.css">
<link rel="stylesheet" type="text/css" href="main.css">
<html>
<body>
<div class="col-sm-2">
<div class="links-container">
<a class="links"> <i id="up" class="top-nav fa fa-angle-double-up fa-3x fright active" style="top:0px;"></i></a>
<a class="links"> <img id="a" src="about.png" data-src="holder.js/40x130" class="fright " ></a>
<a class="links"> <img id="r" src="resume.png" data-src="holder.js/40x160" class="fright " ></a>
<a class="links"> <img id="p" src="portfolio.png" data-src="holder.js/40x130" class="fright" ></a>
</div>
</div>
<div class="col-sm-8 in-40">
<div class="col-sm-12">
<nav class="navbar navbar-default" role="navigation">
<div class="col-sm-5">
<a class="navbar-brand"><img data-src="holder.js/450x100" src="mat.png" alt="Mat Utter - Software Engineer" class="img-responsive"></a>
</div>
<div class="col-sm-7 ">
<div class="col-sm-12">
<p class="navbar-text navbar-right email"> matutter4@gmail.com </p>
</div>
<div class="col-sm-12">
<ul class="nav navbar-nav navbar-right">
<li><a id="a2">About</a></li>
<li><a id="r2">Resume</a></li>
<li><a id="p2">Portfolio</a></li>
</ul>
</div>
</div>
</nav>
</div> <!-- end top -->
<div class="col-sm-12">
<div class="jumbotron">
<h1> Hello, I am Mat </h1> <next/>
<h1> I am a young <orange> software engineer </orange></h1>
</div>
</div> <!-- end jombotron -->
<div class="col-sm-12" id="about">
<div class="page-header">
<h1><orange>about <i class="fa fa-info-circle"></i> </orange></h1>
</div>
<div class="col-sm-8">
<p> I'm currently a CS student at SUNYIT Utica. I currently work for the school as a Computer Science tutor, also I hold an intern position at Terahertz Technologies Inc. programming for embedded devices. </p>
<p> I write a lot of C and C++ for courses and work. I use my <a>GitHub</a> to host code I use for tutoring. </p>
<p> My personal projects vary, recently I've been working on a lot of front & back-end web code. This website is written on Node.js. I also have experience with Apache on multiple platforms, Windows IIS, and RoR.</p>
<p> I also write low-level programs and drivers for my RaspberryPi </p>
<p> With my current employment and future arrangements I'll be looking for a full-time developer position in August of 2014. </p>
</div>
<div id="contact" class="col-sm-4">
<div class="page-header">
<h3> <orange>Contact</orange> </h3>
</div>
<i class="fa fa-envelope"></i> utterm@sunyit.edu <br>
<i class="fa fa-envelope"></i> matutter4@gmail.com <br>
<i class="fa fa-phone"></i> (315)-262-7252 <br>
<i class="fa fa-laptop"></i> <button class="btn btn-default disabled"> Do it from here </button>
<div class="connect" style="text-align: center;">
<a href="https://www.github.com/matutter"><i class="fa fa-github fa-4x"></i></a>
<a href="https://www.facebook.com/matutter"><i class="fa fa-facebook-square fa-4x"></i></a>
<a href="http://www.linkedin.com/pub/mathew-utter/68/855/40"><i class="fa fa-linkedin fa-4x"></i></a>
<a href="http://stackoverflow.com/users/2990266/matutter"><i class="fa fa-stack-overflow fa-4x"></i></a>
<a href="https://twitter.com/matutter"><i class="fa fa-twitter fa-4x"></i></a>
</div>
</div> <!-- end contact -->
</div>
<div class="col-sm-12" id="resume">
<div class="page-header">
<h1><orange>resume <i class="fa fa-list-ul"></i></orange></h1>
</div>
<div class="col-sm-12 col-sm-offset-0 resume">
<div class="col-sm-12">
<div class="page-header">
<h3>Career Goal</h3>
</div>
<p>Seeking a full-time software developer position ranging from embedded systems to enterprise software. </p>
<div class="page-header">
<h3>EDUCATION</h3>
</div>
<p>
<div class="row">State University of New York at Canton <floatr> Graduated May, 2012 </floatr> </div>
<div class="row">Associates of Applied Science with Honors Computer Information Systems </div>
<div class="row">G.P.A 3.78, Deans List Fall 2010 Spring 2012 </div>
</p>
<p>
<div class="row">State University of New York Institute of Technology at Utica/Rome <floatr> Expected May, 2014 </floatr> </div>
<div class="row">BS Computer and Information Science </div>
<div class="row">G.P.A 3.50 </div>
</p>
<div class="page-header">
<h3>Technical Experience</h3>
</div>
<p> Software: Adobe Suite, SQL Databases, PHPMyAdmin, IIS, Linux POSIX, Apache Server, Visual Studio, CodeComposer IDE, Node.js </p>
<p> Intermediate Software: AutoDesk Maya – AutoCAD – Inventor, Quickbooks, GitLab, Fossil </p>
<p> Programming Experience: C, C++, Java, JS, BASH &amp; SH script, VB.NET, RoR, PHP, AJAX &amp; other web code </p>
<div class="page-header">
<h3>Work</h3>
</div>
<p>
SUNYIT Learning Center &#38; ACCES-VR Utica, NY<floatr> June 2013 < Present </floatr>
<li> Tutor for Computer Science curriculum </li>
<li> Private tutor for Finite Math &#38; all CS courses </li>
</p>
<p>
Terahertz Technologies Inc. Utica, NY<floatr> September 2013 < Present </floatr>
<li> Intern, Software development </li>
<li> Programming for embedded systems </li>
<li> Web development </li>
<li> GUI design </li>
</p>
</div>
<div class="col-sm-12">
<div class="page-header">
<h3> Programming proficiency </h3>
<p> <orange> The percentages is my task completion speed. A task like writing Hello World! in each... but harder </orange> </p>
</div>
<div class="col-sm-6">
<div class="media">
<a class="pull-left">
<img class="media-object" src="c.png" data-src="holder.js/64x64">
</a>
<div class="media-body">
<h4 class="media-heading"> C <small> The majority of 'device' code I write is in C my first professional position was software written in C. </small> </h4>
<div class="media">
<div class="progress"> <div class="bar" style="width: 100%;"></div> <span> 100% </span> </div>
</div>
</div>
</div>
<div class="media">
<a class="pull-left">
<img class="media-object" src="cpp.jpg" data-src="holder.js/64x64">
</a>
<div class="media-body">
<h4 class="media-heading"> C++ <small> C++ is my favorite OOP language its powerful, fast to write, and I can build just about anything with it. </small> </h4>
<div class="media">
<div class="progress"> <div class="bar" style="width: 100%;"></div> <span> 100% </span> </div>
</div>
</div>
</div>
<div class="media">
<a class="pull-left">
<img class="media-object" src="js.jpg" data-src="holder.js/64x64">
</a>
<div class="media-body">
<h4 class="media-heading"> JavaScript <small> Extremely scalable, re-usable, and portable. It's my default language when I need to write a regex parser quickly. </small> </h4>
<div class="media">
<div class="progress"> <div class="bar" style="width: 100%;"></div> <span> 100% </span> </div>
</div>
</div>
</div>
<div class="media">
<a class="pull-left">
<img class="media-object" src="nodejs.png" data-src="holder.js/64x64">
</a>
<div class="media-body">
<h4 class="media-heading"> Node.js <small> I picked up enough Node.js knowledge to build this website in few hours. I just started, but with the POSIX API's I think it's awesome!</small> </h4>
<div class="media">
<div class="progress"> <div class="bar" style="width: 55%;"></div> <span> 55% </span> </div>
</div>
</div>
</div>
<div class="media">
<a class="pull-left">
<img class="media-object" src="visualbasic.png" data-src="holder.js/64x64">
</a>
<div class="media-body">
<h4 class="media-heading"> VisualBasic.NET <small> I've only written really small applications that can talk to a DB and process forms. </small> </h4>
<div class="media">
<div class="progress"> <div class="bar" style="width: 43%;"></div> <span> 43% </span> </div>
</div>
</div>
</div>
</div> <!-- end R col -->
<div class="col-sm-6">
<div class="media">
<a class="pull-left">
<img class="media-object" src="php5.jpg" data-src="holder.js/64x64">
</a>
<div class="media-body">
<h4 class="media-heading"> PHP5 <small> My preferred "middle road" web language, secure and good session management. I use this for building flexible business websites.</small> </h4>
<div class="media">
<div class="progress"> <div class="bar" style="width: 89%;"></div><span> %89 </span></div>
</div>
</div>
</div>
<div class="media">
<a class="pull-left">
<img class="media-object" src="jquery.png" data-src="holder.js/64x64">
</a>
<div class="media-body">
<h4 class="media-heading"> JQuery / AJAX / CSS <small> Everything I need for generating responsive web content, best front end framework ever. </small> </h4>
<div class="media">
<div class="progress"> <div class="bar" style="width: 83%;"> </div><span> %83 </span></div>
</div>
</div>
</div>
<div class="media">
<a class="pull-left">
<img class="media-object" src="java.jpg" data-src="holder.js/64x64">
</a>
<div class="media-body">
<h4 class="media-heading"> JAVA <small> I really don't like JAVA. Because anything JAVA can do I can do better, in another language, using half the code-space. </small> </h4>
<div class="media">
<div class="progress"> <div class="bar" style="width: 72%;"> </div><span> %72 </span></div>
</div>
</div>
</div>
<div class="media">
<a class="pull-left">
<img class="media-object" src="assembly.png" data-src="holder.js/64x64">
</a>
<div class="media-body">
<h4 class="media-heading"> Assembly <small> I can read, understand, and write assembly instructions. One way or another I can make any architecture do what I want. </small> </h4>
<div class="media">
<div class="progress"> <div class="bar" style="width: 34%;"> </div><span> %34 </span></div>
</div>
</div>
</div>
<div class="media">
<a class="pull-left">
<img class="media-object" src="ruby.png" data-src="holder.js/64x64">
</a>
<div class="media-body">
<h4 class="media-heading"> Ruby <small> ...on Rails. I can write Ruby. But I have no real projects to speak of, its worth noting given my other back-end-web-stuff.</small> </h4>
<div class="media">
<div class="progress"> <div class="bar" style="width: 16%;"></div> <span> 16% </span> </div>
</div>
</div>
</div>
</div> <!-- end L col -->
</div>
</div>
</div>
<div class="col-sm-12" id="portfolio">
<div class="page-header">
<h1><orange>portfolio <i class="fa fa-book"></i></orange></h1>
<p> <orange>These are some code examples I use in tutoring:</orange> </p>
</div>
<script src="http://gist-it.appspot.com/github/matutter/CS_major_other/blob/master/multi_byte_numbers.cpp?slice=26:33"></script>
<script src="http://gist-it.appspot.com/github/matutter/java_basics/blob/master/ghp3.java?slice=68:71"></script>
<script src="http://gist-it.appspot.com/github/matutter/SUNYIT_CS_249/blob/master/problem_9_page_710.java?slice=81:91"></script>
</div>
</div> <!-- end main container -->
</body>
</html>
<script src="holder.js"></script>
<!--<script src="jquery.js"></script>-->
<script src="http://code.jquery.com/jquery-1.10.2.min.js"> </script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css">
<script>
$(document).ready( function() {
var scrollTop = $(window).scrollTop();
var offset = {}
offset["a"] = ($('#about').offset().top) - scrollTop;
offset["r"] = ($('#resume').offset().top) - scrollTop;
offset["p"] = ($('#portfolio').offset().top) - scrollTop;
offset["up"]= 0;
$('#a,#a2,#r,#r2,#p,#p2,#up').click(function(){
var key = $(this).attr("id").replace("2","");
if(typeof offset[key] === "number"){
$('html, body').animate({scrollTop:offset[key]}, 'slow');
$('img, i.top-nav').removeClass('active');
$('img#'+key+',i#'+key).addClass('active');
}
});
$('.email').hover(function(){
$(this).prepend('<i class="fa fa-asterisk" style="color:orange;"></i>');
$(this).unbind('mouseenter mouseleave');
});
});
</script>
Jump to Line
Something went wrong with that request. Please try again.