81 lines
3.6 KiB
HTML
81 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
|
<title>Kenneth Jao</title>
|
|
<link rel="icon" href="./favicon.ico?v=2">
|
|
<link rel="stylesheet" href="./index.css">
|
|
<link rel="stylesheet" href="./bg.css">
|
|
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500&display=swap" rel="stylesheet">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
|
</head>
|
|
<body>
|
|
<div id="bgWrap">
|
|
<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
|
|
<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
|
|
<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
|
|
<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
|
|
<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
|
|
<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
|
|
<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
|
|
<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
|
|
<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
|
|
<div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
|
|
<div></div>
|
|
</div>
|
|
<div id="mainWrap">
|
|
<div id="name">
|
|
<h1>Kenneth Jao</h1>
|
|
<h5>DEVELOPER AND ENGINEER</h5>
|
|
</div>
|
|
<div id="tabs">
|
|
<input type="radio" id="tab1" class="tab" name="t" checked>
|
|
<label for="tab1"></label>
|
|
|
|
<input type="radio" id="tab2" class="tab" name="t">
|
|
<label for="tab2"></label>
|
|
|
|
<input type="radio" id="tab3" class="tab" name="t">
|
|
<label for="tab3"></label>
|
|
|
|
<div class="content">
|
|
<h2><u>ABOUT</u></h2>
|
|
<p>
|
|
My name is <a href="https://kjao.me/resume">Kenneth Jao</a> and I'm a developer, electrical and computer engineer, and just generally a problem solver.
|
|
</p>
|
|
<p>
|
|
As a developer, I specialize in full-stack development, network design and security, and system administration.
|
|
</p>
|
|
<p>
|
|
I am fluent in HTML, CSS, Javascript, and Python, and C++. My design philosophy is simple: Clean, Secure, and Elegant.
|
|
</p>
|
|
<p>
|
|
Email: kennethjao01 at gmail.com
|
|
</p>
|
|
</div>
|
|
<div class="content">
|
|
<h2><u>PROJECTS</u></h2>
|
|
<p>
|
|
I work on many projects, most of which can be found at my <a href="https://github.com/ksjdragon/">GitHub</a>. The most significant ones are found on this website.
|
|
</p>
|
|
<p>
|
|
Most of my projects are web based, or at least acessible by web, since I find that it's the easiest way to deliver content.
|
|
</p>
|
|
<p>
|
|
<a href="https://epicycles.kjao.me/">Epicycles</a><br>
|
|
<a href="https://binbin.kjao.me/">BinBin</a>
|
|
</p>
|
|
</div>
|
|
<div class="content">
|
|
<h2><u>OTHER</u></h2>
|
|
<p>
|
|
Outside of developing, I also have a <a href="https://blog.kjao.me/">blog</a> where I write about puzzles or problems, things I come across, or whatever interests me.
|
|
</p>
|
|
<p>
|
|
I'm also a music lover, playing instruments since I was little. In fact, songs I've made can be found <a href="https://soundcloud.com/f_wrld">here</a>.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |