dennispotter-cv/index.html
Dennis Potter 38ee8eb373
Added several performance improvements
* Compressed volunteering images
* Removed Google dependencies
* Added minimum css file of Fork Awesome
* Readded Avatar in Open Graph tags
2019-01-26 00:08:31 +01:00

597 lines
24 KiB
HTML
Executable File

<!DOCTYPE html>
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 8)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]-->
<head>
<!--- Basic Page Needs and meta data
================================================== -->
<meta charset="utf-8">
<title>Dennis Potter - Electrical Engineer & Computer Scientist </title>
<meta name="description" content="I get excited by the endless capabilities of modern computers, enjoy solving (everyday) problems by writing programs, and love a good read!">
<meta name="author" content="Dennis Potter">
<meta property="og:title" content="Dennis Potter - Electrical Engineer & Computer Scientist" />
<meta property="og:url" content="https://dennispotter.eu" />
<meta property="og:image" content="https://dennispotter.eu/images/avatar.jpg" />
<meta property="og:description" content="I get excited by the endless capabilities of modern computers, enjoy solving (everyday) problems by writing programs, and love a good read!" />
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/default.css">
<link rel="stylesheet" href="css/layout.css">
<link rel="stylesheet" href="css/media-queries.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Script
================================================== -->
<script src="js/modernizr.js"></script>
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="favicon.png" >
</head>
<body>
<!-- Header
================================================== -->
<header id="home">
<nav id="nav-wrap">
<a class="mobile-btn" href="#nav-wrap" title="Show navigation">Show navigation</a>
<a class="mobile-btn" href="#" title="Hide navigation">Hide navigation</a>
<ul id="nav" class="nav">
<li class="current"><a class="smoothscroll" href="#home">Home</a></li>
<li><a class="smoothscroll" href="#about">About</a></li>
<li><a class="smoothscroll" href="#resume">Resume</a></li>
<li><a class="smoothscroll" href="#volunteering">Volunteering</a></li>
<!--<li><a class="smoothscroll" href="#testimonials">Testimonials</a></li>-->
<li><a class="smoothscroll" href="#contact">Contact</a></li>
</ul> <!-- end #nav -->
</nav> <!-- end #nav-wrap -->
<div class="row banner">
<div class="banner-text">
<h1 class="responsive-headline">
<div class="header-hi-div">
<span id="header-hi-text"></span>
</div>
</h1>
<h3 class="responsive-headline">
<div id="header-eng-div">
<p>Electrical Engineer & Computer Scientist</p>
</div>
</h4>
<ul class="social">
<li><a class="smoothscroll" href="#contact"><i class="fa fa-phone"></i></a></li>
<li><a href="https://www.facebook.com/dennispotter25" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://www.linkedin.com/in/dennispotter25" target="_blank"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://www.instagram.com/dennispotter25" target="_blank"><i class="fa fa-instagram"></i></a></li>
<li><a href="https://git.dennispotter.eu/Dennis" target="_blank"><i class="fa fa-git"></i></a></li>
<li><a href="skype:dennispotter25?call"><i class="fa fa-skype"></i></a></li>
<li><a class="smoothscroll" href="#contact"><i class="fa fa-envelope"></i></a></li>
</ul>
</div>
</div>
<p class="scrolldown">
<a class="smoothscroll" href="#about"><i class="icon-down-circle"></i></a>
</p>
</header> <!-- Header End -->
<!-- About Section
================================================== -->
<section id="about">
<div class="row">
<div class="three columns"></div>
<div class="nine columns main-col">
<h2>Who am I?</h2>
<p>
Currently a Member of Technical Staff at Aquantia Corp. Always curious about technological innovations and therefore graduated in electrical engineering & computer science. Strives for a complete understanding of computers, from the lowest level—i.e., the bare integrated circuits—to the highest—i.e., user space—, and is therefore always eager to learn something new. Enjoys writing small programs in his free time, either to automate everyday problems, or simply for the sake of fun, and gets excited by the seemingly endless possibilities of Linux. Loves a good read, also on non-tech subjects like economics, anthropology, or (geo)politics.
</p>
<h2>Contact Details</h2>
<p>Do you want to get in touch? <a class="smoothscroll" href="#contact">Click here to get to the contact section of this page.</a> There I provided my phone number, email address, PGP Key ID, Matrix ID and several other ways to reach me!</p>
<a href="cv/resume.pdf" class="button">Download my resume</a>
</div> <!-- end .main-col -->
</div>
</section> <!-- About Section End-->
<!-- Resume Section
================================================== -->
<section id="resume">
<!-- Education -->
<div class="row education">
<div class="three columns header-col">
<h1><span>Education</span></h1>
</div>
<div class="nine columns main-col">
<div class="row item">
<div class="twelve columns">
<h3>RWTH Aachen University</h3>
<p class="info">M.Sc. Electrical Engineering and Computer Science<span>&bull;</span>
<em class="date">October 2015 - November 2018</em></p>
<ul class="disc">
<li><i>Specialization</i>: Micro- and Nanoelectronics</li>
<li><i>Final project</i>: "<a href="https://git.dennispotter.eu/Dennis/masters-thesis/releases">Implementation and Analysis of an InfiniBand based Communication in a Real-Time Co-Simulation Framework</a>"&mdash;An analysis and subsequent implementation of the Virtual Interface Architecture Infiniband, using the OpenStack verbs, in order to achieve high throughput and minimal latency between nodes of the real-time co-simulation framework VILLASnode. (Grade: A+)</li>
<li><i>Modules included</i>: lectures on VLSI architectures, computer arithmetics, mixed analog signals, neural networks, new materials and devices in information technology, numerical device simulation, and operating systems. Lab training on VLSI design, FPGA programming in VHDL, and on the production of FeRAM cells.</li>
</ul>
</div>
</div> <!-- item end -->
<div class="row item">
<div class="twelve columns">
<h3>RWTH Aachen University</h3>
<p class="info">B.Sc. Electrical Engineering and Computer Science<span>&bull;</span>
<em class="date">October 2011 - September 2015</em></p>
<ul class="disc">
<li><i>Final project</i>: “Analysis of Concepts for Power Reduction in Arithmetic Units of MAP Decoders”&mdash;A mathematical, bit accurate implementation of a decoder in MATLAB and C++, to find techniques that will potentially reduce the switching activity (and thus the power) in the arithmetic units of the decoder. (Grade: A+)</li>
</ul>
</p>
</div>
</div> <!-- item end -->
<div class="row item">
<div class="twelve columns">
<h3>Sophianum SG. in het Heuvelland</h3>
<p class="info">Gymnasium<span>&bull;</span>
<em class="date">September 2005 - July 2011</em></p>
<ul class="disc">
<li>Comparable to a university-preparatory school with Latin as additional language.</li>
</ul>
</div>
</div> <!-- item end -->
</div> <!-- main-col end -->
</div> <!-- End Education -->
<!-- Work -->
<div class="row work">
<div class="three columns header-col">
<h1><span>Work</span></h1>
</div>
<div class="nine columns main-col">
<div class="row item">
<div class="twelve columns">
<h3>Aquantia Corporation</h3>
<p class="info">Member of Technical Staff<span>&bull;</span> <em class="date">December 2018 - Present</em></p>
<ul class="disc">
<li>Design of digital Ethernet logic.</li>
</ul>
<p class="info">Consultant<span>&bull;</span> <em class="date">August 2017 - November 2018</em></p>
<ul class="disc">
<li>Development of a layer 2 Ethernet switch in SystemC. The goal was to create a transmission line model to verify functionality, which could be easily translated into synthesizable code later, using a high-level synthesis suite.</li>
<li>Support and further development of the FPGA user interface and the power analysis environment which was developed during the internship.</li>
</ul>
<p class="info">Intern<span> &bull;</span> <em class="date">Nobember 2016 - July 2017</em></p>
<ul class="disc">
<li>Creation of an automated power analysis environment, build on top of Ansys' PowerArtist. Subsequently, power analysis and reduction on various digital designs was done.</li>
<li>Development of an intuitive graphical user interface, written in Python, Tkinter, and C, to access and manipulate an FPGA Ethernet debug tool.</li>
</ul>
</div>
</div> <!-- item end -->
<div class="row item">
<div class="twelve columns">
<h3>Boscafé 't Hijgend Hert</h3>
<p class="info">Web developer and server administrator <span>&bull;</span> <em class="date">April 2012 - Present</em></p>
<ul class="disc">
<li>Responsible for the online marketing, the development of several websites and the maintenance and security of their Linux based virtual private server.</li>
</ul>
<p class="info">Headwaiter <span>&bull;</span> <em class="date">September 2010 - October 2016</em></p>
<ul class="disc">
<li>Head of a small subteam of about 8 waiters. Responsible for a smooth running of daily restaurant business.</li>
</ul>
</div>
<div class="twelve columns">
<h3>Chair for Electrical Engineering and Computer Systems, RWTH Aachen University</h3>
<p class="info">Student Research Assistent <span>&bull;</span> <em class="date">May 2016 - July 2016</em></p>
<ul class="disc">
<li>Establishment of burst-mode communication between the FPGA fabric and CPU subsystem, over AXI and/or DDR interface on Altera Cyclone V devices.</li>
</ul>
</div>
</div> <!-- item end -->
</div> <!-- main-col end -->
</div> <!-- End Work -->
<!-- Skills -->
<div class="row skill">
<div class="three columns header-col">
<h1><span>Skills</span></h1>
</div>
<div class="nine columns main-col">
<p>
Below, I listed skills I acquired during professional work or during intensive work in my free time. Besides the skills I have listed below, I
have some basic knowledge about photography and photo editting, webdesign with HTML5, CSS, and JavaScript, and server-side scripting with PHP and PostreSQL.
Furthermore I know how to sript in Linux with Perl/CSH and have basic knowledge about the Linux kernel architecture.
</p>
<div class="bars">
<ul class="skills">
<li><span class="bar-expand c"></span><em>C</em></li>
<li><span class="bar-expand cpp"></span><em>C++</em></li>
<li><span class="bar-expand rust"></span><em>Rust</em></li>
<li><span class="bar-expand python"></span><em>Python</em></li>
<li><span class="bar-expand tkinter"></span><em>Tkinter</em></li>
<li><span class="bar-expand systemc"></span><em>SystemC</em></li>
<li><span class="bar-expand verilog"></span><em>(System)Verilog</em></li>
<li><span class="bar-expand matlab"></span><em>Matlab</em></li>
<li><span class="bar-expand linuxserver"></span><em>Linux Server configuration</em></li>
<li><span class="bar-expand fpga"></span><em>FPGA</em></li>
</ul>
</div><!-- end skill-bars -->
</div> <!-- main-col end -->
</div> <!-- End skills -->
</section> <!-- Resume Section End-->
<!-- Volunteering Section
================================================== -->
<section id="volunteering">
<div class="row">
<div class="twelve columns collapsed">
<h1>This is some of my volunteering work.</h1>
<!-- volunteering-wrapper -->
<div id="volunteering-wrapper" class="bgrid-quarters s-bgrid-thirds cf">
<div class="columns volunteering-item">
<div class="item-wrap">
<a href="#modal-01" title="">
<img alt="" src="images/volunteering/alcuinus.gif">
<div class="overlay">
<div class="volunteering-item-meta">
<h5>Board member of K.A.V. Alcuinus</h5>
<p>Alcuinus is the biggest Dutch student association in Aachen</p>
</div>
</div>
<div class="link-icon"><i class="icon-plus"></i></div>
</a>
</div>
</div> <!-- item end -->
<div class="columns volunteering-item">
<div class="item-wrap">
<a href="#modal-02" title="">
<img alt="" src="images/volunteering/nws_logo.png">
<div class="overlay">
<div class="volunteering-item-meta">
<h5>Board member of NWS</h6>
<p>NWS forms a worldwide network of Dutch students enrolled at foreign universities.</p>
</div>
</div>
<div class="link-icon"><i class="icon-plus"></i></div>
</a>
</div>
</div> <!-- item end -->
<div class="columns volunteering-item">
<div class="item-wrap">
<a href="#modal-03" title="">
<img alt="" src="images/volunteering/beautycorner.jpg">
<div class="overlay">
<div class="volunteering-item-meta">
<h5>Website Beauty Corner Vaals</h5>
<p></p>
</div>
</div>
<div class="link-icon"><i class="icon-plus"></i></div>
</a>
</div>
</div> <!-- item end -->
</div> <!-- volunteering-wrapper end -->
</div> <!-- twelve columns end -->
<!-- Modal Popup -->
<div id="modal-01" class="popup-modal mfp-hide">
<img class="scale-with-grid" src="images/volunteering/alcuinus.gif" alt="" />
<div class="description-box">
<h4>Board member of K.A.V. Alcuinus</h4>
<p>In my time with K.A.V. Alcuinus I was treasurer &amp; president. I helped to initiate Studeren in Aken, which was set up to promote RWTH Aachen University among Dutch students, recruit them, and support them during their enrollment at a German university. The project was initiated by K.A.V. Alcuinus in 2012, but is nowadays backed by RWTH Aachen University, the Dutch consulate in Aachen, and several government institutions in the Netherlands.</p>
<span class="categories"><i class="fa fa-tag"></i>Branding, Web Development</span>
</div>
<div class="link-box">
<a href="https://www.alcuinus.nl" target="_blank">Details</a>
<a class="popup-modal-dismiss">Close</a>
</div>
</div><!-- modal-01 End -->
<div id="modal-02" class="popup-modal mfp-hide">
<img class="scale-with-grid" src="images/volunteering/nws_logo.png" alt="" />
<div class="description-box">
<h4>Board member of NWS</h4>
<p>NWS forms a worldwide network of Dutch students currently, formerly and prospectively enrolled
at foreign universities or professional schools. It offers a platform for joint activities and
bridges the gap to the government, private sector, academic sector and society of the Netherlands.
NWS currently has more than 4500 members.<br />
<b>Responsibilities</b>: Setting up the new online environment on a Ubuntu based virtual
private server, including a new front end website, an online member management system, a new newsletter
system and a Microsoft Office 365 email environment. The given requirements are more user-friendliness
and improvements in terms of design and security.
<span class="categories"><i class="fa fa-tag"></i>Branding, Web Development</span>
</div>
<div class="link-box">
<a href="https://www.wereldwijdestudenten.nl" target="_blank">Details</a>
<a class="popup-modal-dismiss">Close</a>
</div>
</div><!-- modal-02 End -->
<div id="modal-03" class="popup-modal mfp-hide">
<img class="scale-with-grid" src="images/volunteering/beautycorner.jpg" alt="" />
<div class="description-box">
<h4>Beauty Corner Vaals</h4>
<p>Beauty Corner Vaals is a beauty salon in Vaals (NL), ran by my lovely mother. Since her old website was deprecated and non-responsive, I offered to create a new website from the scratch.</p>
<span class="categories"><i class="fa fa-tag"></i>Branding, Web Development</span>
</div>
<div class="link-box">
<a href="https://www.beautycornervaals.nl" target="_blank">Details</a>
<a class="popup-modal-dismiss">Close</a>
</div>
</div><!-- modal-03 End -->
</div> <!-- row End -->
</section> <!-- Portfolio Section End-->
<!-- Call-To-Action Section
<section id="call-to-action">
<div class="row">
<div class="two columns header-col">
<h1><span>Get Hosting.</span></h1>
</div>
<div class="seven columns">
<h2><span class="lead">Unde Omnis Iste</span></h2>
<p><span class="lead">
</span></p>
</div>
<div class="three columns action">
</div>
</div>
</section> <!-- Call-To-Action Section End-->
<!-- Testimonials Section -->
<!-- <section id="testimonials">
<div class="text-container">
<div class="row">
<div class="two columns header-col">
<h1><span>Testimonials</span></h1>
</div>
<div class="ten columns flex-container">
<div class="flexslider">
<ul class="slides">
<li>
<blockquote>
<p>test
</p>
<cite>test</cite>
</blockquote>
</li> <!-- slide ends -->
</ul>
</div> <!-- div.flexslider ends -->
</div> <!-- div.flex-container ends -->
</div> <!-- row ends -->
</div> <!-- text-container ends -->
</section> <!-- Testimonials Section End-->
<!-- Contact Section
================================================== -->
<section id="contact">
<div class="row section-head">
<div class="twelve columns header-col">
<h1>Get in Touch</h1>
</div>
<div class="twelve columns">
<p class="contacttext">Do you have any further questions? Please don't hesitate to reach out to me!
</p>
</div>
</div>
<!-- Contact details -->
<div class="row" id="row-businesscard">
<div class="five columns contact-left businesscard">
<div class="profile-pic-wrapper">
<a href="images/avatar.jpg" target="_BLANK">
<img class="profile-pic" src="images/avatar_thumb.jpg" alt="" />
</a>
</div>
<p class="name">Dennis Potter</p>
<div id="contact-social-list">
<li><a href="https://www.facebook.com/dennispotter25" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://www.linkedin.com/in/dennispotter25" target="_blank"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://www.instagram.com/dennispotter25" target="_blank"><i class="fa fa-instagram"></i></a></li>
<li><a href="https://git.dennispotter.eu/Dennis" target="_blank"><i class="fa fa-git"></i></a></li>
<li><a href="skype:dennispotter25?call"><i class="fa fa-skype"></i></a></li>
</div>
</div>
<div class="five columns contact-right businesscard">
<ul>
<li>
<i class="fa fa-phone contact-fa"></i>
<p class="oneline"><a href="tel:+4917638663587">+49 176 386 635 87</a></p>
</li>
<li>
<i class="fa fa-matrix-org contact-fa"></i>
<p class="oneline"><a href="https://matrix.to/#/@dennis:dennispotter.eu" target="_BLANK">@dennis:dennispotter.eu</a></p>
</li>
<li>
<i class="fa fa-envelope contact-fa" id="contact-email"></i>
<p class="oneline"><a href="mailto:dennis@dennispotter.eu">dennis@dennispotter.eu</a></p>
</li>
<li>
<i class="fa fa-key-modern contact-fa"></i>
<p class="pgp"><a href="contact/public_pgp_dennis_potter.asc">3164 394F FBBF 6F3B AE6A<br />D43B 186A 8AD4 4094 2BAF</a></p>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="twelve columns download">
<i>
<a href="contact/vcard_dennis_potter.vcf"> Download vCard</a> |
<a href="contact/public_pgp_dennis_potter.asc">Download Public PGP Key</a>
</i>
</div>
</div>
</section> <!-- Contact Section End-->
<!-- footer
================================================== -->
<footer>
<div class="row" style="height: 200px;">
<div id="go-top"><a class="smoothscroll" title="Back to Top" href="#home"><i class="icon-up-open"></i></a></div>
</div>
</footer> <!-- Footer End-->
<!-- Java Script
================================================== -->
<script src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery-migrate-3.0.0.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/waypoints.js"></script>
<script src="js/jquery.fittext.js"></script>
<script src="js/magnific-popup.js"></script>
<script src="js/init.js"></script>
<script src="js/typed.js"></script>
</body>
</html>