-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (82 loc) · 3.41 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<html>
<head>
<title>Terence Ng</title>
</head>
<script>
document.addEventListener("DOMContentLoaded", function (event) {
var d = new Date();
var h = d.getHours();
console.log(h);
if (h > 6 && h < 17) {
} else {
document.body.className = 'night';
}
document.querySelector('.banner').addEventListener("click", function () {
document.querySelector('.banner').className += " onClick";
window.setTimeout(function () {
document.querySelector('.banner').className = "banner";
}, 1000);
});
});
</script>
<link rel="stylesheet" type="text/css" href="css/index.css?v=0.1">
<div style="width: 100%; height: 150px; background: url("1469524083.png.png") repeat-x scroll 0% 100%, url("1469523736.png.png") repeat-x scroll 0% 95%, transparent url("1469522680.png.png") repeat-x scroll 0% 0%;"
class="banner">
<div class='car-wrapper'>
<div style="height: 30px; position: absolute; top: 110px; left: 5%; width: 50px; background: transparent url("1469527984.png.png") no-repeat scroll -53px 0px;"
class="car">
</div>
</div>
</div>
<aside class='myself'>Hi I'm Terence. Software developer from Hong Kong, living in United Kingdom since 2021.</aside>
<section class='timeline-title'>
<h3>Timeline</h3>
</section>
<section class='timeline'>
<ul>
<p>United Kingdom</p>
<li><label for="">2022-2023</label><br />Atkins - GIS Developer</li>
<li><label for="">2021</label><br />Silverbear - .NET Developer with Dynamics 365 Development</li>
<p>Hong Kong</p>
<li><label for="">2020</label><br />Freelance GIS Developer in Hong Kong</li>
<li><label for="">2018-2020</label><br />Exactal - Product Enginner</li>
<li><label for="">2016-2018</label><br />ESRI CHINA HK - GIS Developer</li>
<li><label for="">2016-2016</label><br />Little Genius - Software Developer for the education sector.</li>
<li><label for="">2013-2015</label><br />ASM - .NET Programmer in a manufacturing company.</li>
<li>
<label for="">2010-2013</label><br />Studying Information Systems as a bachelor in HKBU.
</li>
</ul>
</section>
<!-- <section class='pet-projects-title'>
<h3>Pet Projects</h3>
</section>
<section class='pet-projects'>
<div class='project'>
<h3>TLDR - Electron Client<h3>
<p>Quick reference of Linux commands <a href='https://github.com/terenceng2010/tldr-electron'>Try It</a>
</p>
</div>
<div class='project'>
<h3>Code Playground<h3>
<p>Where I test various <a href='./blog/build'> stuff</a></p>
</div>
</section> -->
<section class="tools-title">
<h3>Tools</h3>
</section>
<section class="tools">
<div class="tool">
<a href="./stuff/pick-a-person/index.html">Who will be the next...?</a>
<p>This tool helps to pick a person from a list of people to do something, either getting Christmas present or be the next event host. </p>
</div>
</section>
<section class='contact-and-blog-title'>
<h3>Contact</h3>
</section>
<section class='contact-and-blog'>
<p>Email: [email protected]</p>
<p><a href='https://github.com/terenceng2010'>GitHub</a></p>
<p><a href='https://www.linkedin.com/in/terence-ng-10266b27/'>LinkedIn</a></p>
</section>
</html>