Updated some information and cleaned up the HTML

Also added OpenSans-Regular-webfont.woff as a preload to improve performance
This commit is contained in:
Dennis Potter 2020-08-12 21:40:43 +02:00
parent a85aa49894
commit 87d881e6d0
Signed by: Dennis
GPG Key ID: 186A8AD440942BAF
1 changed files with 401 additions and 476 deletions

View File

@ -36,6 +36,11 @@
================================================== -->
<link rel="shortcut icon" href="favicon.png" >
<!-- Preloads
================================================== -->
<link rel="preload" href="fonts/opensans/OpenSans-Regular-webfont.woff" as="font">
</head>
<body>
@ -72,7 +77,7 @@
<div id="header-eng-div">
<p>Electrical Engineer & Computer Scientist</p>
</div>
</h4>
</h3>
<ul class="social">
@ -104,17 +109,18 @@
<div class="nine columns main-col">
<h2>Who am I?</h2>
<p>
Currently an engineer at Marvell Semiconductor. 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.
Currently I am a senior engineer at Marvell Semiconductor. I am 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>
</div>
</section> <!-- About Section End-->
@ -133,10 +139,9 @@
<div class="nine columns main-col">
<!-- RTWH Master item -->
<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>
@ -146,117 +151,122 @@
<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 -->
<!-- RWTH Bachelor item -->
<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 -->
<!-- Sophianum item -->
<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">
<!-- Marvell -->
<div class="row item">
<div class="twelve columns">
<h3>Marvell Semiconductor</h3>
<p class="info">Engineer<span>&bull;</span> <em class="date">September 2019 - Present</em></p>
<p class="info">Senior Engineer<span>&bull;</span> <em class="date">September 2019 - Present</em></p>
<ul class="disc">
<li>Design of digital Ethernet logic.</li>
<li>Design of digital logic for an automotive Ethernet product.</li>
</ul>
</div>
</div> <!-- item end -->
<!-- Aquantia -->
<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 - September 2019</em></p>
<p class="info">Member of Technical Staff II <span>&bull;</span> <em class="date">December 2018 - September 2019</em></p>
<ul class="disc">
<li>Design of digital Ethernet logic.</li>
<li>Design of digital logic for an automotive Ethernet product.</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>Development of a synthesizable layer 2 Ethernet switch in SystemC and evaluation of DV & synthesis capabilities of 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>
<li>RTL power analysis and reduction on various digital designs.</li>
<li>Development of an intuitive GUI—written in Python, Tkinter, and C—to control an FPGA Ethernet debug tool.</li>
</ul>
</div>
</div> <!-- item end -->
<!-- Hijgend Hert -->
<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 - November 2018</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>
<li>Responsible for the restaurant's IT, the development of several websites, and the maintenance and security of their Linux based VPS.</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>
<ul class="disc">
<li>Head of a team of about 8 waiters. Responsible for a smooth running of daily restaurant business.</li>
</ul>
</div>
</div> <!-- item end -->
<!-- EECS -->
<div class="row item">
<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>
<li>Establishment of burst-mode communication between the FPGA fabric and CPU subsystem on an Altera Cyclone V device.</li>
</ul>
</div>
</div> <!-- item end -->
</div> <!-- main-col end -->
</div> <!-- End Work -->
@ -270,9 +280,8 @@
<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.
Below, I listed skills I acquired during my professional work or during work in my free time. Besides the skills I have listed below, I have basic
knowledge about photography and photo editting, front-end web development with HTML5, CSS, and JavaScript, and back-end webdevelopment with PHP/Python and MySQL/PostgreSQL.
</p>
<div class="bars">
@ -291,18 +300,14 @@
</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">
@ -312,9 +317,9 @@
<!-- volunteering-wrapper -->
<div id="volunteering-wrapper" class="bgrid-quarters s-bgrid-thirds cf">
<!-- Alcuinus -->
<div class="columns volunteering-item">
<div class="item-wrap">
<a href="#modal-01" title="">
<img alt="" src="images/volunteering/alcuinus.gif">
<div class="overlay">
@ -325,13 +330,12 @@
</div>
<div class="link-icon"><i class="icon-plus"></i></div>
</a>
</div>
</div> <!-- item end -->
<!-- NWS -->
<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">
@ -342,13 +346,13 @@
</div>
<div class="link-icon"><i class="icon-plus"></i></div>
</a>
</div>
</div> <!-- item end -->
<!-- Beautycorner Vaals -->
<div class="columns volunteering-item">
<div class="item-wrap">
<a href="#modal-03" title="">
<img alt="" src="images/volunteering/beautycorner.jpg">
<div class="overlay">
@ -359,25 +363,22 @@
</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 -->
<!-- Alcuinus 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>
<p>In my time with K.A.V. Alcuinus I was treasurer &amp; later 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 was as of 2018 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>
@ -385,9 +386,10 @@
<a href="https://www.alcuinus.nl" target="_blank">Details</a>
<a class="popup-modal-dismiss">Close</a>
</div>
</div><!-- modal-01 End -->
<!-- NWS Popup -->
<div id="modal-02" class="popup-modal mfp-hide">
<img class="scale-with-grid" src="images/volunteering/nws_logo.png" alt="" />
@ -399,9 +401,9 @@
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
<b>Responsibilities</b>: Setting up the new online environment on a Linux based VPS
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>
@ -411,16 +413,18 @@
<a href="https://www.wereldwijdestudenten.nl" target="_blank">Details</a>
<a class="popup-modal-dismiss">Close</a>
</div>
</div><!-- modal-02 End -->
<!-- Beautycorner Vaals Popup -->
<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>
<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>
@ -431,84 +435,10 @@
</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">
@ -518,8 +448,7 @@
</div>
<div class="twelve columns">
<p class="contacttext">Do you have any further questions? Please don't hesitate to reach out to me!
</p>
<p class="contacttext">Do you have any further questions? Please don't hesitate to reach out to me!</p>
</div>
</div>
@ -531,7 +460,9 @@
<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.instagram.com/dennispotter25" target="_blank"><i class="fa fa-instagram"></i></a></li>
<li><a href="https://www.linkedin.com/in/dennispotter25" target="_blank"><i class="fa fa-linkedin"></i></a></li>
@ -539,8 +470,8 @@
<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>
@ -560,7 +491,6 @@
<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>
@ -572,10 +502,8 @@
</i>
</div>
</div>
</section> <!-- Contact Section End-->
<!-- footer
================================================== -->
<footer>
@ -589,9 +517,7 @@
<!-- 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-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>
@ -600,5 +526,4 @@
<script src="js/typed.js"></script>
</body>
</html>