Files
material-resume/index.html

368 lines
21 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Resume: Daniel Tam</title>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="crossorigin"/>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&amp;family=Roboto:wght@300;400;500;700&amp;display=swap"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&amp;family=Roboto:wght@300;400;500;700&amp;display=swap" media="print" onload="this.media='all'"/>
<noscript>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&amp;family=Roboto:wght@300;400;500;700&amp;display=swap"/>
</noscript>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
<link href="css/mdb.min.css?ver=1.2.1" rel="stylesheet">
<link href="css/aos.css?ver=1.2.1" rel="stylesheet">
<link href="css/main.css?ver=1.2.1" rel="stylesheet">
<noscript>
<style type="text/css">
[data-aos] {
opacity: 1 !important;
transform: translate(0) scale(1) !important;
}
</style>
</noscript>
</head>
<body class="bg-light" id="top">
<header class="d-print-none">
<div class="container text-center text-lg-left">
<div class="pt-4 clearfix">
<h1 class="site-title mb-0">Daniel Tam</h1>
<div class="site-nav">
<nav role="navigation">
<ul class="nav justify-content-center">
<li class="nav-item"><a class="nav-link" href="#about" title="About"><span class="menu-title">About</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="#skills" title="Skills"><span class="menu-title">Skills</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="#experience" title="Experience"><span class="menu-title">Experience</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="#education" title="Education"><span class="menu-title">Education</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="#portfolio" title="Portfolio"><span class="menu-title">Portfolio</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="#contact" title="Contact"><span class="menu-title">Contact</span></a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<div class="page-content">
<div class="container">
<div class="resume-container">
<div class="shadow-1-strong bg-white my-5" id="intro">
<div class="bg-info text-white">
<div class="cover bg-image"><img src="images/header-background.jpg"/>
<div class="mask" style="background-color: rgba(0, 0, 0, 0.7);backdrop-filter: blur(2px);">
<div class="text-center p-5">
<div class="avatar p-1"><img class="img-thumbnail shadow-2-strong" src="images/avatar.jpg" width="160" height="160"/></div>
<div class="header-bio mt-3">
<div data-aos="zoom-in" data-aos-delay="0">
<h2 class="h1">Daniel Tam</h2>
<p>Systems Administator and Application Developer</p>
</div>
<div class="header-social mb-3 d-print-none" data-aos="zoom-in" data-aos-delay="200">
<nav role="navigation">
<ul class="nav justify-content-center">
<li class="nav-item"><a class="nav-link" href="https://www.linkedin.com/in/danieltam-net/" title="LinkedIn"><i class="fa fa-linkedin"></i><span class="menu-title sr-only">LinkedIn</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="https://www.instagram.com/omgdanieltam" title="Instagram"><i class="fa fa-instagram"></i><span class="menu-title sr-only">Instagram</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="https://twitter.com/omgdanieltam" title="Twitter"><i class="fa fa-twitter"></i><span class="menu-title sr-only">Twitter</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="https://git.danieltam.net/daniel" title="Gitea"><i class="fa fa-gitea"></i><span class="menu-title sr-only">Gitea</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="https://github.com/omgdanieltam" title="Github"><i class="fa fa-github"></i><span class="menu-title sr-only">Github</span></a>
</li>
</ul>
</nav>
</div>
<div class="d-print-none"><a class="btn btn-outline-light btn-lg shadow-sm mt-1 me-3" href="resume-web.pdf" data-aos="fade-right" data-aos-delay="700">Download CV</a><a class="btn btn-info btn-lg shadow-sm mt-1" href="#contact" data-aos="fade-left" data-aos-delay="700">Hire Me</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="shadow-1-strong bg-white my-5 p-5" id="about">
<div class="about-section">
<div class="row">
<div class="col-md-6">
<h2 class="h2 fw-light mb-4">About Me</h2>
<p>Hello! Im Daniel Tam. I am a skilled <strong>systems administrator</strong> and a strong <strong>application developer</strong>. I am always interested in the newest technologies
and the most efficient methods to get things done.</p>
<p>I can leverage my skills to develop and administate systems and applications allowing for a very broad skillset for any situtation!</p>
</div>
<div class="col-md-5 offset-lg-1">
<div class="row mt-2">
<h2 class="h2 fw-light mb-4">Bio</h2>
<div class="col-sm-5">
<div class="pb-2 fw-bolder"><i class="fa fa-envelope pe-2 text-muted" style="width:24px;opacity:0.85;"></i> Email</div>
</div>
<div class="col-sm-7">
<div class="pb-2">daniel@danieltam.net</div>
</div>
<div class="col-sm-5">
<div class="pb-2 fw-bolder"><i class="fa fa-phone pe-2 text-muted" style="width:24px;opacity:0.85;"></i> Phone</div>
</div>
<div class="col-sm-7">
<div class="pb-2">+1-469-892-8730</div>
</div>
<div class="col-sm-5">
<div class="pb-2 fw-bolder"><i class="fa fa-map-marker pe-2 text-muted" style="width:24px;opacity:0.85;"></i> Address</div>
</div>
<div class="col-sm-7">
<div class="pb-2">Plano, Texas, U.S.A</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="shadow-1-strong bg-white my-5 p-5" id="skills">
<div class="skills-section">
<h2 class="h2 fw-light mb-4">Professional Skills</h2>
<div class="row">
<div class="col-md-6">
<div class="mb-3"><span class="fw-bolder">Windows Systems Administrator</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-info" role="progressbar" data-aos="zoom-in-right" data-aos-delay="100" data-aos-anchor=".skills-section" style="width: 95%;" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100">Master</div>
</div>
</div>
<div class="mb-3"><span class="fw-bolder">Linux Systems Administrator</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-info" role="progressbar" data-aos="zoom-in-right" data-aos-delay="200" data-aos-anchor=".skills-section" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">Expert</div>
</div>
</div>
<div class="mb-3"><span class="fw-bolder">Check Point Firewalls</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-info" role="progressbar" data-aos="zoom-in-right" data-aos-delay="300" data-aos-anchor=".skills-section" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">Advance</div>
</div>
</div>
<div class="mb-3"><span class="fw-bolder">Microsoft Azure</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-info" role="progressbar" data-aos="zoom-in-right" data-aos-delay="300" data-aos-anchor=".skills-section" style="width: 55%" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100">Intermediate</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="mb-3"><span class="fw-bolder">C#</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-secondary" role="progressbar" data-aos="zoom-in-right" data-aos-delay="400" data-aos-anchor=".skills-section" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">Advance</div>
</div>
</div>
<div class="mb-3"><span class="fw-bolder">JavaScript</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-secondary" role="progressbar" data-aos="zoom-in-right" data-aos-delay="400" data-aos-anchor=".skills-section" style="width: 75%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100">Advance</div>
</div>
</div>
<div class="mb-3"><span class="fw-bolder">Java</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-secondary" role="progressbar" data-aos="zoom-in-right" data-aos-delay="500" data-aos-anchor=".skills-section" style="width: 65%" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">Advance</div>
</div>
</div>
<div class="mb-3"><span class="fw-bolder">Go</span>
<div class="progress my-2 rounded" style="height: 20px">
<div class="progress-bar bg-secondary" role="progressbar" data-aos="zoom-in-right" data-aos-delay="600" data-aos-anchor=".skills-section" style="width: 55%" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100">Intermediate</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="shadow-1-strong bg-white my-5 p-5" id="experience">
<div class="work-experience-section">
<h2 class="h2 fw-light mb-4">Work Experience</h2>
<div class="timeline">
<div class="timeline-card timeline-card-info" data-aos="fade-in" data-aos-delay="0">
<div class="timeline-head px-4 pt-3">
<div class="h5">System Administrator <span class="text-muted h6">at Trinity Consultants</span></div>
</div>
<div class="timeline-body px-4 pb-4">
<div class="text-muted text-small mb-3">April, 2021 - Present</div>
<div>After becoming the System Administrator for Trinity Consultants, I was to focus on strengthening the infrastructure. I began to move
the infrastructure into Microsoft Azure and leveraged cloud services where needed. I deployed new backup and disaster recovery plans and
infrastructure utilizing Veeam. I was also put in charge of the network security, deploying new tools and locating areas of weaknesses
that needed to be addressed such as a new VPN service.
</div>
</div>
</div>
<div class="timeline-card timeline-card-info" data-aos="fade-in" data-aos-delay="200">
<div class="timeline-head px-4 pt-3">
<div class="h5">Network Administrator <span class="text-muted h6">at Trinity Consultants</span></div>
</div>
<div class="timeline-body px-4 pb-4">
<div class="text-muted text-small mb-3">January, 2015 - April, 2021</div>
<div>As the Network Administrator for Trinity Consultants, I was in charge of configuring, deploying, and maintaining all networking equipment.
From Check Point firewalls to HP network switches and Ubiquiti Unifi Access Points, I had to ensure the stability and security of it all throughout
up to 60 different offices. I assisted in the deployment of new equipment, deploying new servers and workstations throughout Trinity Consultants.
I also became the dedicated Linux administrator for Trinity Consultants, configuring and managing Linux machines as needed.
</div>
</div>
</div>
<div class="timeline-card timeline-card-info" data-aos="fade-in" data-aos-delay="400">
<div class="timeline-head px-4 pt-3">
<div class="h5">Desktop Administrator <span class="text-muted h6">at Trinity Consultants</span></div>
</div>
<div class="timeline-body px-4 pb-4">
<div class="text-muted text-small mb-3">August, 2013 - January, 2015</div>
<div>During my time as the Desktop Administrator, I ordered and deployed new workstations to new and existing users. I assisted in troubleshooting
hardware and software for over 500 different users. I was in charge of maintaining and updating our workstation imaging software using Windows
Deployment Service and Toolkit. Leveraging my programming skills, I developed and deployed programs in C# or PowerShell scripts to automate and create
better workflows.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="shadow-1-strong bg-white my-5 p-5" id="education">
<div class="education-section">
<h2 class="h2 fw-light mb-4">Education</h2>
<div class="timeline">
<div class="timeline-card timeline-card-success" data-aos="fade-in" data-aos-delay="0">
<div class="timeline-head px-4 pt-3">
<div class="h5">Bachelor of Science in Computer Science <span class="text-muted h6">from University of Texas at Arlington</span> </div>
</div>
<div class="timeline-body px-4 pb-4">
<div class="text-muted text-small mb-3">2019 - 2021</div>
<div>A strong focus on practical computer science within the engineering department. Learned many new methods and tools to better understand and
become a better engineer.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="shadow-1-strong bg-white my-5 p-5 d-print-none" id="portfolio">
<div class="portfolio-section">
<h2 class="h2 fw-light mb-4">Portfolio</h2>
<div class="row g-0">
<div class="col-md-6"><a href="https://github.com/omgdanieltam/Wii_Classic_to_N64" target="_blank"><img class="img-fluid" src="images/adapter.jpg" width="800" height="500"/></a></div>
<div class="col-md-6 d-flex align-items-center" data-aos="fade-left" data-aos-delay="100">
<div class="m-4 mt-md-2">
<p class="text-teal text-small">Embedded Programming; Arduino</p>
<h3>Cross-platform Game Controller</h3>
<p class="text-muted">Using an Arduino, linked a video game controller from one platform to an older generation platform. Allowed the use of a Nintendo
Wii controller onto an Nintendo 64 game console.
</p>
</div>
</div>
</div>
<div class="row g-0 portfolio-reverse">
<div class="col-md-6 d-flex align-items-center" data-aos="fade-right" data-aos-delay="100">
<div class="m-4 mt-md-2 text-end">
<p class="text-teal text-small">Application Development; Go</p>
<h3>Discord Chat Bot</h3>
<p class="text-muted">A chatting bot that responds with text or images based on specific commands on the Discord chat platform. High performance
and quick responses that is in multiple different servers. </p>
</div>
</div>
<div class="col-md-6"><a href="https://git.dtam.pw/daniel/GoBunnyBot" target="_blank"><img class="img-fluid" src="images/chat.jpg" width="800" height="500"/></a></div>
</div>
<div class="row g-0">
<div class="col-md-6"><a href="#" target="_blank"><img class="img-fluid" src="images/compute.jpg" width="800" height="500"/></a></div>
<div class="col-md-6 d-flex align-items-center" data-aos="fade-left" data-aos-delay="100">
<div class="m-4 mt-md-2">
<p class="text-teal text-small">Linux Administration; CentOS</p>
<h3>Parallel Computing Cluster</h3>
<p class="text-muted">Built highly performance computing cluster for CAMx modeling. Built using CentOS 7 and utilizing mpich.</p>
</div>
</div>
</div>
</div>
</div>
<div class="shadow-1-strong bg-white my-5 p-5" id="contact">
<div class="contant-section">
<h2 class="h2 fw-light text mb-4">Contact</h2>
<div class="row mb-4">
<div class="col-md-5" data-aos="fade-left" data-aos-delay="200">
<div class="mt-1">
<div class="h6"><i class="fa fa-phone pe-2 text-muted" style="width:24px;opacity:0.85;"></i> +1-469-892-8730</div>
<div class="h6"><i class="fa fa-envelope pe-2 text-muted" style="width:24px;opacity:0.85;"></i> daniel@danieltam.net</div>
</div>
<div class="mt-5 d-print-none">
<form action="" method="post" id="msgForm">
<div class="form-outline mb-4">
<input type="text" id="name" class="form-control" name="name" disabled required/>
<label class="form-label" for="name">Name</label>
</div>
<div class="form-outline mb-4">
<input type="email" id="email" class="form-control" name="email" disabled required/>
<label class="form-label" for="email">Email address</label>
</div>
<div class="form-outline mb-4">
<textarea class="form-control" style="resize: none;" id="message" rows="4" name="message" disabled required></textarea>
<label class="form-label" for="message">Message</label>
</div>
<button class="btn btn-info btn-block mb-4" disabled>Send</button>
</form>
</div>
</div>
<div class="col-md-7 d-print-none" data-aos="zoom-in" data-aos-delay="100"><img class="img-fluid" src="images/contact.jpg" width="800" height="500"/></div>
</div>
</div>
</div>
</div></div>
</div>
<footer class="pt-4 pb-4 text-muted text-center d-print-none">
<div class="container">
<div class="my-3">
<div class="h4">Daniel Tam</div>
<div class="footer-nav">
<nav role="navigation">
<ul class="nav justify-content-center">
<li class="nav-item"><a class="nav-link" href="https://www.linkedin.com/in/danieltam-net/" title="LinkedIn"><i class="fa fa-linkedin"></i><span class="menu-title sr-only">LinkedIn</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="https://www.instagram.com/omgdanieltam" title="Instagram"><i class="fa fa-instagram"></i><span class="menu-title sr-only">Instagram</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="https://twitter.com/omgdanieltam" title="Twitter"><i class="fa fa-twitter"></i><span class="menu-title sr-only">Twitter</span></a>
</li>
<li class="nav-item"><a class="nav-link" href="https://git.danieltam.net/daniel" title="Gitea"><i class="fa fa-gitea"></i><span class="menu-title sr-only">Gitea</span></a>
</li>
</li>
<li class="nav-item"><a class="nav-link" href="https://github.com/omgdanieltam" title="Github"><i class="fa fa-github"></i><span class="menu-title sr-only">Github</span></a>
</li>
</ul>
</nav>
</div>
</div>
<div class="text-small">
<div class="mb-1">&copy; Material Resume. All rights reserved.</div>
<div>Design - <a href="https://templateflip.com/" target="_blank">TemplateFlip</a></div>
</div>
</div>
</footer>
<script src="scripts/mdb.min.js?ver=1.2.1"></script>
<script src="scripts/aos.js?ver=1.2.1"></script>
<script src="scripts/main.js?ver=1.2.1"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script language="javascript">
$("#msgForm").submit(function(e) {
e.preventDefault();
var form = $(this);
var url = form.attr('action');
$.ajax({
type: "POST",
url: url,
data: form.serialize(),
success: sendSuccess()
});
});
function sendSuccess() {
$('#name').val('');
$('#email').val('');
$('#message').val('');
swal("Thank you!", "Your message has been sent.", "success");
}
</script>
</body>
</html>