-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
106 lines (106 loc) · 5.17 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
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>David Duong's Personal Page</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Anonymous+Pro' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="style.css"/>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/smoothness/jquery-ui.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script>
<!--
$(function() {
// According to your browser, the time is:
if (document.lastModified != null) {
var timezone = ($.browser.webkit)? " UTC" : "";
$('#modified').text("Last Modified: " + document.lastModified + timezone);
}
$('#about-contents').accordion({ heightStyle: "content", collapsible: true });
if ($.support.boxModel) {
$('#browser-message').text("");
}
});
// -->
</script>
</head>
<body>
<div id="header">
<h1>david|nqd.me</h1>
<div id="contact">
<span style="color: black">[ {</span> GitHub<span style="color: black">:</span> <a href="https://github.com/davidnqd">davidnqd</a><span style="color: black">,</span>
SourceForge<span style="color: black">:</span> <a href="https://sourceforge.net/u/davidnqd">davidnqd</a> <span style="color: black">},</span> <a href="http://www.linkedin.com/pub/david-duong/49/451/9a0">LinkedIn</a><span style="color: black"> ]</span>
</div>
</div>
<div id="page">
<div id="sidebar">
<a class="twitter-timeline" href="https://twitter.com/davidnqd" data-widget-id="278785081399709697">Tweets by @davidnqd</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="http://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<div id="page-contents">
<!-- <blockquote class="bubble">
<p>Welcome to my personal page where you can find links to personal projects</p>
<footer><cite>David Nguyen Quoc Duong</cite></footer>
</blockquote> -->
<h2>About</h2>
<div id="about-contents">
<h3>A bit on me</h3>
<div>
<p>
My name is David Duong, and my passion is to make ideas palpable; ideas which can provide utility for others.
</p>
</div>
<h3>Background</h3>
<div>
<p>
I am from Calgary, Alberta, Canada where I am a development team lead at Strata Health Solutions, a company which specializes in leveraging web technologies to improve patient flow for the patients, their families and their caregivers.
</p>
</div>
<h3>Ideas</h3>
<div>
<blockquote class="quote">
<p>The programmer, like the poet, works only slightly removed from pure thought-stuff. He builds his castles in the air, from air, creating by exertion of the imagination. Few media of creation are so flexible, so easy to polish and rework, so readily capable of realizing grand conceptual structures.</p>
<footer>— <cite>The Mythical Man Month by Frederic P. Brooks</cite></footer>
</blockquote>
<p>
Software influences much of our modern world, despite being little more than "thought-stuff". With each new concept, methodology or tool; a designer gains new instruments which can be used to draw even grander designs from "thought-stuff".
</p>
</div>
</div>
<h2 id="links">Past Ideas</h2>
<div class="inline-list">
<div>
<a href="http://nqd.me/lucidtail/" style="width:300px;height:300px">LucidTAIL</a>
<blockquote>A real-time zero-configuration web-based tail. It broadcasts events such as new lines added to any monitored files, new UDP messages, and those emitted by other EventEmitters to your browser.</blockquote>
</div>
<a href="http://lucidedt.com">
<span>
LucidEDT
<img src="lucided.png" alt="Screenshot of LucidEDT"/>
</span>
</a>
<a href="https://addons.mozilla.org/en-US/firefox/addon/termblaster">
<span>
termBlaster - FireFox extension (Archived)
<img src="termblaster.png" alt="Screenshot of termBlaster"/>
</span>
</a>
<a href="http://sourceforge.net/projects/vizi/">
<span>
Vizi - Image Navigator written in Java (Archived)
<img src="vizi.jpg" alt="Screenshot of Vizi"/>
</span>
</a>
<a href="#" onclick="alert('Moving to a new location')">
<span>
My portfolio circa 2008 (Archived)
<img src="forizon.png" alt="Screenshot of My Old Profile circa 2008"/>
</span>
</a>
</div>
</div>
</div>
<p id="modified"></p>
</body>
</html>