daniel/Ceevee10
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Updated works, removed testimonials

Browse Source
This commit is contained in:
Daniel Tam
2019-03-20 01:25:57 -05:00
parent 8f02d39eee
commit 03da66b2b4
155 changed files with 104 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

267
index.html Normal file → Executable file
View File

@@ -48,7 +48,6 @@
<li><a class="smoothscroll" href="#about">About</a></li>
<li><a class="smoothscroll" href="#resume">Resume</a></li>
<li><a class="smoothscroll" href="#portfolio">Works</a></li>
<li><a class="smoothscroll" href="#testimonials">Testimonials</a></li>
<li><a class="smoothscroll" href="#contact">Contact</a></li>
</ul> <!-- end #nav -->
@@ -243,32 +242,32 @@
<!-- portfolio-wrapper -->
<div id="portfolio-wrapper" class="bgrid-quarters s-bgrid-thirds cf">
<div class="columns portfolio-item">
<div class="columns portfolio-item">
<div class="item-wrap">
<a href="#modal-01" title="">
<img alt="" src="images/portfolio/coffee.jpg">
<img alt="" src="images/portfolio/server.jpg">
<div class="overlay">
<div class="portfolio-item-meta">
<h5>Coffee</h5>
<p>Illustrration</p>
</div>
<h5>Server</h5>
<p>Home lab</p>
</div>
</div>
<div class="link-icon"><i class="icon-plus"></i></div>
</a>
</div>
</div> <!-- item end -->
</div> <!-- item end -->
<div class="columns portfolio-item">
<div class="columns portfolio-item">
<div class="item-wrap">
<a href="#modal-02" title="">
<img alt="" src="images/portfolio/console.jpg">
<img alt="" src="images/portfolio/discord.jpg">
<div class="overlay">
<div class="portfolio-item-meta">
<h5>Console</h5>
<p>Web Development</p>
<h5>Chat</h5>
<p>Discord Bot</p>
</div>
</div>
<div class="link-icon"><i class="icon-plus"></i></div>
@@ -281,11 +280,11 @@
<div class="item-wrap">
<a href="#modal-03" title="">
<img alt="" src="images/portfolio/judah.jpg">
<img alt="" src="images/portfolio/adapter.jpg">
<div class="overlay">
<div class="portfolio-item-meta">
<h5>Judah</h5>
<p>Webdesign</p>
<h5>Adapter</h5>
<p>Cross-console controller adapter</p>
</div>
</div>
<div class="link-icon"><i class="icon-plus"></i></div>
@@ -298,11 +297,11 @@
<div class="item-wrap">
<a href="#modal-04" title="">
<img alt="" src="images/portfolio/into-the-light.jpg">
<img alt="" src="images/portfolio/controller.jpg">
<div class="overlay">
<div class="portfolio-item-meta">
<h5>Into The Light</h5>
<p>Photography</p>
<h5>Controller</h5>
<p>Arcade-style game controller</p>
</div>
</div>
<div class="link-icon"><i class="icon-plus"></i></div>
@@ -315,11 +314,11 @@
<div class="item-wrap">
<a href="#modal-05" title="">
<img alt="" src="images/portfolio/farmerboy.jpg">
<img alt="" src="images/portfolio/ddr.jpg">
<div class="overlay">
<div class="portfolio-item-meta">
<h5>Farmer Boy</h5>
<p>Branding</p>
<h5>Arcade</h5>
<p>Dance game restoration</p>
</div>
</div>
<div class="link-icon"><i class="icon-plus"></i></div>
@@ -332,11 +331,11 @@
<div class="item-wrap">
<a href="#modal-06" title="">
<img alt="" src="images/portfolio/girl.jpg">
<img alt="" src="images/portfolio/compute.jpg">
<div class="overlay">
<div class="portfolio-item-meta">
<h5>Girl</h5>
<p>Photography</p>
<h5>Compute</h5>
<p>Networked cluster of computers</p>
</div>
</div>
<div class="link-icon"><i class="icon-plus"></i></div>
@@ -349,11 +348,11 @@
<div class="item-wrap">
<a href="#modal-07" title="">
<img alt="" src="images/portfolio/origami.jpg">
<img alt="" src="images/portfolio/music.jpg">
<div class="overlay">
<div class="portfolio-item-meta">
<h5>Origami</h5>
<p>Illustrration</p>
<h5>Music</h5>
<p>Web-based music player</p>
</div>
</div>
<div class="link-icon"><i class="icon-plus"></i></div>
@@ -366,11 +365,11 @@
<div class="item-wrap">
<a href="#modal-08" title="">
<img alt="" src="images/portfolio/retrocam.jpg">
<img alt="" src="images/portfolio/build.jpg">
<div class="overlay">
<div class="portfolio-item-meta">
<h5>Retrocam</h5>
<p>Web Development</p>
<h5>Build</h5>
<p>Custom watercooled mini-ITX PC</p>
</div>
</div>
<div class="link-icon"><i class="icon-plus"></i></div>
@@ -389,118 +388,114 @@
<div id="modal-01" class="popup-modal mfp-hide">
<img class="scale-with-grid" src="images/portfolio/modals/m-coffee.jpg" alt="" />
<div class="description-box">
<h4>Coffee Cup</h4>
<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
<span class="categories"><i class="fa fa-tag"></i>Branding, Webdesign</span>
</div>
<div class="link-box">
<a href="http://www.behance.net">Details</a>
<a class="popup-modal-dismiss">Close</a>
</div>
</div><!-- modal-01 End -->
<img class="scale-with-grid" src="images/portfolio/modals/m-server.jpg" alt="" />
<div class="description-box">
<h4>Server</h4>
<p>My personal home server running CentOS 7 with more than 15 virtual machines and over 25TB of storage for all kinds of projects and applications.</p>
<span class="categories"><i class="fa fa-tag"></i>CentOS, KVM, Server</span>
</div>
<div class="link-box">
<a class="popup-modal-dismiss" style="margin-left: 0px;">Close</a>
</div>
</div><!-- modal-01 End -->
<div id="modal-02" class="popup-modal mfp-hide">
<img class="scale-with-grid" src="images/portfolio/modals/m-console.jpg" alt="" />
<div class="description-box">
<h4>Console</h4>
<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
<span class="categories"><i class="fa fa-tag"></i>Branding, Web Development</span>
</div>
<div class="link-box">
<a href="http://www.behance.net">Details</a>
<a class="popup-modal-dismiss">Close</a>
</div>
</div><!-- modal-02 End -->
<img class="scale-with-grid" src="images/portfolio/modals/m-discord.jpg" alt="" />
<div class="description-box">
<h4>Chat</h4>
<p>A bot written in Node.js that responds with images when queried in a chatting program such as Discord.</p>
<span class="categories"><i class="fa fa-tag"></i>Node.js, Discord</span>
</div>
<div class="link-box">
<a href="http://git.danieltam.net/daniel/discord-bot-js" 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/portfolio/modals/m-judah.jpg" alt="" />
<div class="description-box">
<h4>Judah</h4>
<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
<span class="categories"><i class="fa fa-tag"></i>Branding</span>
</div>
<div class="link-box">
<a href="http://www.behance.net">Details</a>
<a class="popup-modal-dismiss">Close</a>
</div>
</div><!-- modal-03 End -->
<img class="scale-with-grid" src="images/portfolio/modals/m-adapter.jpg" alt="" />
<div class="description-box">
<h4>Adapter</h4>
<p>An adapter using a microcontroller such as an Arduino that allows use of a Wii Classic Controller to be used on a Nintendo 64 console.</p>
<span class="categories"><i class="fa fa-tag"></i>Arduino, Wii, Nintendo 64</span>
</div>
<div class="link-box">
<a href="https://github.com/omgdanieltam/Wii_Classic_to_N64" target="_blank">Details</a>
<a class="popup-modal-dismiss">Close</a>
</div>
</div><!-- modal-03 End -->
<div id="modal-04" class="popup-modal mfp-hide">
<img class="scale-with-grid" src="images/portfolio/modals/m-intothelight.jpg" alt="" />
<div class="description-box">
<h4>Into the Light</h4>
<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
<span class="categories"><i class="fa fa-tag"></i>Photography</span>
</div>
<div class="link-box">
<a href="http://www.behance.net">Details</a>
<a class="popup-modal-dismiss">Close</a>
</div>
</div><!-- modal-04 End -->
<img class="scale-with-grid" src="images/portfolio/modals/m-controller.jpg" alt="" />
<div class="description-box">
<h4>Controller</h4>
<p>An arcade-style game controller built to be used for an arcade game, Sound Voltex, using an Arduino as the microcontroller.</p>
<span class="categories"><i class="fa fa-tag"></i>Arduino, Arcade, Sound Voltex</span>
</div>
<div class="link-box">
<a href="https://github.com/omgdanieltam/sdvx_leonardo" target="_blank">Details</a>
<a class="popup-modal-dismiss">Close</a>
</div>
</div><!-- modal-04 End -->
<div id="modal-05" class="popup-modal mfp-hide">
<img class="scale-with-grid" src="images/portfolio/modals/m-farmerboy.jpg" alt="" />
<img class="scale-with-grid" src="images/portfolio/modals/m-ddr.jpg" alt="" />
<div class="description-box">
<h4>Farmer Boy</h4>
<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
<span class="categories"><i class="fa fa-tag"></i>Branding, Webdesign</span>
<h4>Arcade</h4>
<p>Cleaning and restoration of an arcade dancing game, Dance Dance Revolution.</p>
<span class="categories"><i class="fa fa-tag"></i>Arcade, Dance Dance Revolution</span>
</div>
<div class="link-box">
<a href="http://www.behance.net">Details</a>
<a class="popup-modal-dismiss">Close</a>
<a class="popup-modal-dismiss" style="margin-left: 0px;">Close</a>
</div>
</div><!-- modal-05 End -->
<div id="modal-06" class="popup-modal mfp-hide">
<img class="scale-with-grid" src="images/portfolio/modals/m-girl.jpg" alt="" />
<img class="scale-with-grid" src="images/portfolio/modals/m-compute.jpg" alt="" />
<div class="description-box">
<h4>Girl</h4>
<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
<span class="categories"><i class="fa fa-tag"></i>Photography</span>
<h4>Compute</h4>
<p>Cluster of networked computers running on CentOS 6 used for CAMx modeling using mpich.</p>
<span class="categories"><i class="fa fa-tag"></i>CentOS, Networking</span>
</div>
<div class="link-box">
<a href="http://www.behance.net">Details</a>
<a class="popup-modal-dismiss">Close</a>
<a class="popup-modal-dismiss" style="margin-left: 0px;">Close</a>
</div>
</div><!-- modal-06 End -->
<div id="modal-07" class="popup-modal mfp-hide">
<img class="scale-with-grid" src="images/portfolio/modals/m-origami.jpg" alt="" />
<img class="scale-with-grid" src="images/portfolio/modals/m-music.jpg" alt="" />
<div class="description-box">
<h4>Origami</h4>
<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
<span class="categories"><i class="fa fa-tag"></i>Branding, Illustration</span>
<h4>Music</h4>
<p>Basic web-based music player written in HTML5, PHP, and Javascript for self-hosted music streaming.</p>
<span class="categories"><i class="fa fa-tag"></i>HTML5, PHP, Javascript</span>
</div>
<div class="link-box">
<a href="http://www.behance.net">Details</a>
<a href="https://github.com/omgdanieltam/html5_music_player" target="_blank">Details</a>
<a class="popup-modal-dismiss">Close</a>
</div>
@@ -508,17 +503,16 @@
<div id="modal-08" class="popup-modal mfp-hide">
<img class="scale-with-grid" src="images/portfolio/modals/m-retrocam.jpg" alt="" />
<img class="scale-with-grid" src="images/portfolio/modals/m-build.jpg" alt="" />
<div class="description-box">
<h4>Retrocam</h4>
<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p>
<span class="categories"><i class="fa fa-tag"></i>Webdesign, Photography</span>
<h4>Build</h4>
<p>Mini-ITX PC build with custom watercooling, Intel i7-6700k, 16GB DDR4, 2x512GB SSD RAID0, and an Nvidia GTX 1080 all stuffed into a case the size of 328mm x 160mm x 240mm (12.9in x 6.3in x 9.4in).</p>
<span class="categories"><i class="fa fa-tag"></i>Intel, Nvidia, Watercooling</span>
</div>
<div class="link-box">
<a href="http://www.behance.net">Details</a>
<a class="popup-modal-dismiss">Close</a>
<a class="popup-modal-dismiss" style="margin-left: 0px;">Close</a>
</div>
</div><!-- modal-01 End -->
@@ -528,59 +522,6 @@
</section> <!-- Portfolio Section End-->
<!-- Testimonials Section
================================================== -->
<section id="testimonials">
<div class="text-container">
<div class="row">
<div class="two columns header-col">
<h1><span>Client Testimonials</span></h1>
</div>
<div class="ten columns flex-container">
<div class="flexslider">
<ul class="slides">
<li>
<blockquote>
<p>Your work is going to fill a large part of your life, and the only way to be truly satisfied is
to do what you believe is great work. And the only way to do great work is to love what you do.
If you haven't found it yet, keep looking. Don't settle. As with all matters of the heart, you'll know when you find it.
</p>
<cite>Steve Jobs</cite>
</blockquote>
</li> <!-- slide ends -->
<li>
<blockquote>
<p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet.
Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem
nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris.
</p>
<cite>Mr. Adobe</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">
@@ -698,7 +639,7 @@
</ul>
<ul class="copyright">
<li>&copy; Copyright 2014 CeeVee</li>
<li>&copy; Copyright 2019 Daniel Tam</li>
<li>Design by <a title="Styleshout" href="http://www.styleshout.com/">Styleshout</a></li>
</ul>