daniel/aircv
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
master
aircv/index.html
Daniel Tam 4f90d51a51 Add new project
2023-07-17 20:47:13 -05:00

509 lines
35 KiB
HTML
Executable File
Raw Permalink Blame History

<!DOCTYPE html>
<!-- ==============================
Project: Metronic "Aircv" Frontend Freebie - Responsive HTML Template Based On Twitter Bootstrap 3.3.4
Version: 1.0
Author: KeenThemes
Primary use: Corporate, Business Themes.
Email: support@keenthemes.com
Follow: http://www.twitter.com/keenthemes
Like: http://www.facebook.com/keenthemes
Website: http://www.keenthemes.com
Premium: Premium Metronic Admin Theme: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
================================== -->
<html lang="en" class="no-js">
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8"/>
<title>Daniel Tam: CV</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<meta content="" name="description"/>
<meta content="" name="author"/>
<!-- GLOBAL MANDATORY STYLES -->
<link href="http://fonts.googleapis.com/css?family=Hind:300,400,500,600,700" rel="stylesheet" type="text/css">
<link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css"/>
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<!-- PAGE LEVEL PLUGIN STYLES -->
<link href="css/animate.min.css" rel="stylesheet">
<!-- THEME STYLES -->
<link href="css/layout.min.css" rel="stylesheet" type="text/css"/>
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico"/>
</head>
<!-- END HEAD -->
<!-- BODY -->
<body id="body" data-spy="scroll" data-target=".header">
<!--========== HEADER ==========-->
<header class="header navbar-fixed-top">
<!-- Navbar -->
<nav class="navbar" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="menu-container js_nav-item">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="toggle-icon"></span>
</button>
<!-- Logo -->
<div class="logo">
<a class="logo-wrap" href="#body">
<img class="logo-img logo-img-main" src="img/logo.png" alt="Asentus Logo">
<img class="logo-img logo-img-active" src="img/logo-dark.png" alt="Asentus Logo">
</a>
</div>
<!-- End Logo -->
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse nav-collapse">
<div class="menu-container">
<ul class="nav navbar-nav navbar-nav-right">
<li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="#body">Home</a></li>
<li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="#about">About</a></li>
<li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="#experience">Experience</a></li>
<li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="#work">Work</a></li>
<li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="#contact">Contact</a></li>
</ul>
</div>
</div>
<!-- End Navbar Collapse -->
</div>
</nav>
<!-- Navbar -->
</header>
<!--========== END HEADER ==========-->
<!--========== SLIDER ==========-->
<div class="promo-block parallax-window" data-parallax="scroll" data-image-src="img/1920x1080/profile.jpg">
<div class="container">
<div class="row">
<div class="col-sm-6">
<div class="promo-block-divider">
<h1 class="promo-block-title">Daniel <br/> Tam</h1>
<p class="promo-block-text">Systems Administrator &amp; Application Developer</p>
</div>
<ul class="list-inline">
<li><a href="https://www.linkedin.com/in/danieltam-net/" class="social-icons"><i class="icon-social-linkedin"></i></a></li>
<li><a href="https://twitter.com/omgdanieltam" class="social-icons"><i class="icon-social-twitter"></i></a></li>
<li><a href="https://github.com/omgdanieltam" class="social-icons"><i class="icon-social-github"></i></a></li>
</ul>
</div>
</div>
<!--// end row -->
</div>
</div>
<!--========== SLIDER ==========-->
<!--========== PAGE LAYOUT ==========-->
<!-- About -->
<div id="about">
<div class="container content-lg">
<div class="row">
<div class="col-sm-3 sm-margin-b-30">
<div class="text-right sm-text-left">
<h2 class="margin-b-0">Intro</h2>
<p>Let's learn about me.</p>
</div>
</div>
<div class="col-sm-8 col-sm-offset-1">
<div class="margin-b-60">
<p>I am Daniel Tam, a systems administrator and an application developer. I have a variety of technology related skills
from administration in Windows or Linux systems, to application development in multiple languages such as C or Go.</p>
<p>Leveraging and combining my diverse skill set in order to be efficient and proficient in multiple areas, I will be
always be able to produce impeccable results.</p>
</div>
<!-- Progress Box -->
<div class="progress-box">
<h5>Systems Administrator (Windows/Linux) <span class="color-heading pull-right">87%</span></h5>
<div class="progress">
<div class="progress-bar bg-color-base" role="progressbar" data-width="87"></div>
</div>
</div>
<div class="progress-box">
<h5>Full Stack Development (JavaScript) <span class="color-heading pull-right">48%</span></h5>
<div class="progress">
<div class="progress-bar bg-color-base" role="progressbar" data-width="48"></div>
</div>
</div>
<div class="progress-box">
<h5>Amazon Web Services <span class="color-heading pull-right">74%</span></h5>
<div class="progress">
<div class="progress-bar bg-color-base" role="progressbar" data-width="74"></div>
</div>
</div>
<div class="progress-box">
<h5>Application Development (Python) <span class="color-heading pull-right">62%</span></h5>
<div class="progress">
<div class="progress-bar bg-color-base" role="progressbar" data-width="62"></div>
</div>
</div>
<!-- End Progress Box -->
</div>
</div>
<!--// end row -->
</div>
</div>
<!-- End About -->
<!-- Experience -->
<div id="experience">
<div class="bg-color-sky-light" data-auto-height="true">
<div class="container content-lg">
<div class="row">
<div class="col-sm-3 sm-margin-b-30">
<div class="text-right sm-text-left">
<h2 class="margin-b-0">Experience</h2>
<p>I got some skills.</p>
</div>
</div>
<div class="col-sm-8 col-sm-offset-1">
<div class="row row-space-2 margin-b-4">
<div class="col-md-4 md-margin-b-4">
<div class="service" data-height="height">
<div class="service-element">
<i class="service-icon icon-screen-desktop"></i>
</div>
<div class="service-info">
<h3>Systems Administration</h3>
<p class="margin-b-5">Professional systems administrator in Windows and Linux</p>
</div>
<a href="#" class="content-wrapper-link"></a>
</div>
</div>
<div class="col-md-4 md-margin-b-4">
<div class="service bg-color-base wow zoomIn" data-height="height" data-wow-duration=".3" data-wow-delay=".1s">
<div class="service-element">
<i class="service-icon color-white icon-cloud-download"></i>
</div>
<div class="service-info">
<h3 class="color-white">AWS</h3>
<p class="color-white margin-b-5">Certified Solutions Architect in Amazon Web Services</p>
</div>
<a href="#" class="content-wrapper-link"></a>
</div>
</div>
<div class="col-md-4">
<div class="service" data-height="height">
<div class="service-element">
<i class="service-icon icon-badge"></i>
</div>
<div class="service-info">
<h3>Programming</h3>
<p class="margin-b-5">Development in C, C++, Java, Go, Python, JavaScript, PHP, PowerShell</p>
</div>
<a href="#" class="content-wrapper-link"></a>
</div>
</div>
</div>
<!--// end row -->
</div>
</div>
<!--// end row -->
</div>
</div>
</div>
<!-- End Experience -->
<!-- Work -->
<div id="work">
<div class="container content-lg">
<div class="row">
<div class="col-sm-3 sm-margin-b-30">
<div class="text-right sm-text-left">
<h2 class="margin-b-0">Works</h2>
<p>A small showcase.</p>
</div>
</div>
<div class="col-sm-8 col-sm-offset-1">
<!-- Masonry Grid -->
<div class="masonry-grid row row-space-2">
<div class="masonry-grid-sizer col-xs-6 col-sm-6 col-md-1"></div>
<div class="masonry-grid-item col-xs-12 col-sm-6 col-md-8 margin-b-4">
<!-- Work -->
<div class="work work-popup-trigger">
<div class="work-overlay">
<img class="full-width img-responsive" src="img/800x400/controller.jpg" alt="Video Game Controller Adapter">
</div>
<div class="work-popup-overlay">
<div class="work-popup-content">
<a href="javascript:void(0);" class="work-popup-close">Hide</a>
<div class="margin-b-30">
<h3 class="margin-b-5">Controller Adapter</h3>
<span>Adapt a Wii Classic Controller to the Nintendo 64</span>
</div>
<div class="row">
<div class="col-sm-8 work-popup-content-divider sm-margin-b-20">
<div class="margin-t-10 sm-margin-t-0">
<p>Sometimes the newer controller are better fit for the older generation consoles. With this adapter, it is possible to adapt a controller
from the 7th generation Nintendo console (Nintendo Wii) to the 5th generation Nintendo console (Nintendo 64).</p>
<p>Programmed using an Arduino, it has tight specific timings requiring the use of 8-bit AVR assembly to accomplish cycle accurate timings.</p>
<ul class="list-inline work-popup-tag">
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Embeded Programming,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Arduino,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Video Games,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Assembly</a></li>
</ul>
</div>
</div>
<div class="col-sm-4">
<div class="margin-t-10 sm-margin-t-0">
<p class="margin-b-5"><strong>Lead Developer:</strong> Daniel Tam</p>
<p class="margin-b-5"><strong>Sources:</strong> Andrew Brown</p>
<p class="margin-b-5"><strong>Sources:</strong> Álvaro García</p>
<p class="margin-b-5"><strong>Sources:</strong> Tim Hirzel</p>
<p class="margin-t-20"><a class="fweight-700 work-popup-tag-link" href="https://github.com/omgdanieltam/Wii_Classic_to_N64">Source</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Work -->
</div>
<div class="masonry-grid-item col-xs-12 col-sm-6 col-md-4 margin-b-4">
<!-- Work -->
<div class="work work-popup-trigger">
<div class="work-overlay">
<img class="full-width img-responsive" src="img/397x400/animeguess.jpg" alt="Discord Chat Bot">
</div>
<div class="work-popup-overlay">
<div class="work-popup-content">
<a href="javascript:void(0);" class="work-popup-close">Hide</a>
<div class="margin-b-30">
<h3 class="margin-b-5">Animeguess Game</h3>
<span>Daily guessing game for Japanese animation</span>
</div>
<div class="row">
<div class="col-sm-8 work-popup-content-divider sm-margin-b-20">
<div class="margin-t-10 sm-margin-t-0">
<p>A daily guessing game for Japanese animation with a Svelte frontend and a serverless Python backend.</p>
<p>A fun game to test your knowledge on Japanese animations. With a new picture each day, you can come back daily to continue your streak! With up to 6 guesses daily,
for each one that is missed, an easier picture will be shown to help you guess the game.</p>
<p>A frontend written custom for this specific application was built using the Svelte framework, consisting of Javascript, HTML, and CSS. Hosted in S3 behind Cloudflare
for extra protection.</p>
<p>Using a full serverless architecture for the backend, it is completely hosted on Amazon Web Services (AWS). Utilizing an API Gateway and Lambda functions, the
application should scale very sufficiently.</p>
<ul class="list-inline work-popup-tag">
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Programming,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Game,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Anime</a></li>
</ul>
</div>
</div>
<div class="col-sm-4">
<div class="margin-t-10 sm-margin-t-0">
<p class="margin-b-5"><strong>Architect, Project Manager, Backend Developer:</strong> Daniel Tam</p>
<p class="margin-b-5"><strong>Frontend Developer:</strong> Malik Harris</p>
<p class="margin-t-20"><a class="fweight-700 work-popup-tag-link" href="https://github.com/animeguesser">Source</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Work -->
</div>
<div class="masonry-grid-item col-xs-12 col-sm-6 col-md-4 md-margin-b-4">
<!-- Work -->
<div class="work work-popup-trigger">
<div class="work-overlay">
<img class="full-width img-responsive" src="img/397x300/arcade.jpg" alt="Arcade Game Controller">
</div>
<div class="work-popup-overlay">
<div class="work-popup-content">
<a href="javascript:void(0);" class="work-popup-close">Hide</a>
<div class="margin-b-30">
<h3 class="margin-b-5">Video Game Controller</h3>
<span>A basic game controller for a popular rhythm game: Sound Voltex</span>
</div>
<div class="row">
<div class="col-sm-8 work-popup-content-divider sm-margin-b-20">
<div class="margin-t-10 sm-margin-t-0">
<p>Arcade machines are typically very expensive so it's sometimes better to just play at home instead. With this specific game, you could make your own controller and use an Arduino as the main board.</p>
<p>A simple yet functional program running on an Arduino; it only requires an Arduino Leonardo, six buttons, and two rotary encoders. Once it's all wired up, it can emulate a keyboard and mouse, allowing you to play the game.</p>
<ul class="list-inline work-popup-tag">
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Embedded Programming,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Arduino,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Video Games</a></li>
</ul>
</div>
</div>
<div class="col-sm-4">
<div class="margin-t-10 sm-margin-t-0">
<p class="margin-b-5"><strong>Lead Developer:</strong> Daniel Tam</p>
<p class="margin-b-5"><strong>Contributor:</strong> chenx97</p>
<p class="margin-t-20"><a class="fweight-700 work-popup-tag-link" href="https://github.com/omgdanieltam/sdvx_leonardo">Source</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Work -->
</div>
<div class="masonry-grid-item col-xs-12 col-sm-6 col-md-4 md-margin-b-4">
<!-- Work -->
<div class="work work-popup-trigger">
<div class="work-overlay">
<img class="full-width img-responsive" src="img/397x300/discord.jpg" alt="Home Server Stack">
</div>
<div class="work-popup-overlay">
<div class="work-popup-content">
<a href="javascript:void(0);" class="work-popup-close">Hide</a>
<div class="margin-b-30">
<h3 class="margin-b-5">Discord Chat Bot</h3>
<span>A chat bot for Discord</span>
</div>
<div class="row">
<div class="col-sm-8 work-popup-content-divider sm-margin-b-20">
<div class="margin-t-10 sm-margin-t-0">
<p>A discord chat bot written in Go. Ported from a previous version in Javascript.</p>
<p>A fun chat bot that has many features to respond to different commands. The core feature of the bot is written to allow
users to request an endless amount of different images from many different sources.
But also includes small features such rolling a die or picking a random number, but the list is plentiful.</p>
<p>From dogs to cats, or from nature to computers, any image is possible with this bot. Just send a request and it can search through reddit or imgur for an image and post for all to see.</p>
<ul class="list-inline work-popup-tag">
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Programming,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Bot,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Go,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Discord</a></li>
</ul>
</div>
</div>
<div class="col-sm-4">
<div class="margin-t-10 sm-margin-t-0">
<p class="margin-b-5"><strong>Lead Developer:</strong> Daniel Tam</p>
<p class="margin-t-20"><a class="fweight-700 work-popup-tag-link" href="https://github.com/omgdanieltam/BunnyBot">Source</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Work -->
</div>
<div class="masonry-grid-item col-xs-12 col-sm-6 col-md-4">
<!-- Work -->
<div class="work work-popup-trigger">
<div class="work-overlay">
<img class="full-width img-responsive" src="img/397x300/server.jpg" alt="Network File Updater">
</div>
<div class="work-popup-overlay">
<div class="work-popup-content">
<a href="javascript:void(0);" class="work-popup-close">Hide</a>
<div class="margin-b-30">
<h3 class="margin-b-5">Homelab Server</h3>
<span>Homelab server infrastructure</span>
</div>
<div class="row">
<div class="col-sm-8 work-popup-content-divider sm-margin-b-20">
<div class="margin-t-10 sm-margin-t-0">
<p>To better understand and develop new skills, having a on-site infrastructure can make learning much easier. Having many machines and a large storage space, providing connections between the servers allows for a robust infrastructure.</p>
<p>Utilizing mainly Linux operating systems, configuring and administrating systems utilizing Docker and Ansible allows for quick deployment and configurations.</p>
<ul class="list-inline work-popup-tag">
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Servers,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Docker,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Ansible,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Linux,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Infrastructure</a></li>
</ul>
</ul>
</div>
</div>
<div class="col-sm-4">
<div class="margin-t-10 sm-margin-t-0">
<p class="margin-b-5"><strong>Architect:</strong> Daniel Tam</p>
<p class="margin-t-20"><a class="fweight-700 work-popup-tag-link" href="https://github.com/omgdanieltam/nCard0">Source</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Work -->
</div>
</div>
<!-- End Masonry Grid -->
</div>
</div>
<!--// end row -->
</div>
</div>
<!-- End Work -->
<!-- Contact -->
<div id="contact">
<div class="bg-color-sky-light">
<div class="container content-lg">
<div class="row">
<div class="col-sm-3 sm-margin-b-30">
<div class="text-right sm-text-left">
<h2 class="margin-b-0">Contacts</h2>
<p>Hire me.</p>
</div>
</div>
<div class="col-sm-8 col-sm-offset-1">
<div class="row">
<div class="col-md-3 col-xs-6 md-margin-b-30">
<h5>Location</h5>
<a href="#">Dallas, Texas</a>
</div>
<div class="col-md-3 col-xs-6 md-margin-b-30">
<h5>Phone</h5>
<a href="#">+1 469 892 8730</a>
</div>
<div class="col-md-3 col-xs-6">
<h5>Email</h5>
<a href="mailto:daniel@danieltam.net">daniel@danieltam.net</a>
</div>
<div class="col-md-3 col-xs-6">
<h5>Web</h5>
<a href="https://www.danieltam.net">www.danieltam.net</a>
</div>
</div>
</div>
</div>
<!--// end row -->
</div>
</div>
</div>
<!-- End Contact -->
<!--========== END PAGE LAYOUT ==========-->
<!-- Back To Top -->
<a href="javascript:void(0);" class="js-back-to-top back-to-top">Top</a>
<!-- JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- CORE PLUGINS -->
<script src="vendor/jquery.min.js" type="text/javascript"></script>
<script src="vendor/jquery-migrate.min.js" type="text/javascript"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- PAGE LEVEL PLUGINS -->
<script src="vendor/jquery.easing.js" type="text/javascript"></script>
<script src="vendor/jquery.back-to-top.js" type="text/javascript"></script>
<script src="vendor/jquery.smooth-scroll.js" type="text/javascript"></script>
<script src="vendor/jquery.wow.min.js" type="text/javascript"></script>
<script src="vendor/jquery.parallax.min.js" type="text/javascript"></script>
<script src="vendor/jquery.appear.js" type="text/javascript"></script>
<script src="vendor/masonry/jquery.masonry.pkgd.min.js" type="text/javascript"></script>
<script src="vendor/masonry/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<!-- PAGE LEVEL SCRIPTS -->
<script src="js/layout.min.js" type="text/javascript"></script>
<script src="js/components/progress-bar.min.js" type="text/javascript"></script>
<script src="js/components/masonry.min.js" type="text/javascript"></script>
<script src="js/components/wow.min.js" type="text/javascript"></script>
</body>
<!-- END BODY -->
</html>
Reference in New Issue View Git Blame Copy Permalink