-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
161 lines (148 loc) · 4.53 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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="generator" content="Asciidoctor 2.0.16">
<title>Anthony.Hu</title>
<style>
/* Asciidoctor default stylesheet | MIT License | http://asciidoctor.org */
@import url(https://fonts.googleapis.com/css?family=Noto+Sans);
@import "asciidoctor.css"; /* Default asciidoc style framework - important */
/* CUSTOMISATIONS */
/* Change the values in root for quick customisation. If you want even more fine grain... venture further. */
:root{
--maincolor:#282c34;
--primarycolor:#f39c12;
--secondarycolor:#03a9f4;
--tertiarycolor:#4db6ac;
--sidebarbackground:#21252b;
--linkcolor:#f44336;
--linkcoloralternate:#ff9800;
--white:#FFFFFF;
}
/* Text styles */
body{font-family: "Noto Sans",sans-serif;background-color: var(--maincolor);color:var(--white);}
h1{color:var(--primarycolor) !important;font-family:"Noto Sans",sans-serif;}
h2,h3,h4,h5,h6{color:var(--secondarycolor) !important;font-family:"Noto Sans",sans-serif;}
.title{color:var(--white) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;}
p{font-family: "Noto Sans",sans-serif ! important}
#toc.toc2 a:link{color:var(--linkcolor);}
blockquote{color:var(--tertiarycolor) !important}
.quoteblock{color:var(--white)}
code{color:var(--linkcoloralternate);background-color: var(--sidebarbackground) !important}
/* Table styles */
th{background-color: var(--maincolor);color:var(--white) !important;}
td{background-color: var(--maincolor);color: var(--linkcoloralternate) !important}
#toc.toc2{background-color:var(--sidebarbackground);}
#toctitle{color:var(--white);}
/* Responsiveness fixes */
video {
max-width: 100%;
}
@media all and (max-width: 600px) {
table {
width: 55vw!important;
font-size: 3vw;
}
}
</style>
</head>
<body class="article">
<div id="header">
<h1>Anthony.Hu</h1>
</div>
<div id="content">
<div class="admonitionblock note">
<table>
<tr>
<td class="icon">
<div class="title">Note</div>
</td>
<td class="content">
To All the other Anthony Hu’s out there, sorry guys, I got <a href="http://anthony.hu" class="bare">http://anthony.hu</a>
</td>
</tr>
</table>
</div>
<table class="tableblock frame-ends grid-all stretch">
<colgroup>
<col style="width: 37.5%;">
<col style="width: 62.5%;">
</colgroup>
<tbody>
<tr>
<td class="tableblock halign-left valign-top" rowspan="3"><div class="content"><div class="sect2">
<h3 id="_pages">Pages</h3>
<div class="ulist">
<ul>
<li>
<p><a href="oss_contributions.html">Anthony’s Open Source Contributions</a></p>
</li>
<li>
<p><a href="stuff_made.html">Stuff Anthony Has Made</a></p>
</li>
<li>
<p><a href="cbcOnePlayer.html">Special Project: CBC RadioOne Player</a></p>
</li>
<li>
<p><a href="leadership.html">Anthony’s Thoughts on Leadership</a></p>
</li>
</ul>
</div>
</div>
<div class="sect2">
<h3 id="_links">Links</h3>
<div class="ulist">
<ul>
<li>
<p><a href="https://www.linkedin.com/in/anthonyhu/">Anthony’s Public LinkedIn Profile</a></p>
</li>
</ul>
</div>
</div></div></td>
<td class="tableblock halign-left valign-top"><div class="content"><div class="sect1">
<h2 id="_knock_knock">Knock Knock…​</h2>
<div class="sectionbody">
<div class="paragraph">
<p>me: Knock, Knock.</p>
</div>
<div class="paragraph">
<p>you: Who’s there?</p>
</div>
<div class="paragraph">
<p>me: Anthony.</p>
</div>
<div class="paragraph">
<p>you: Anthony Hu?</p>
</div>
<div class="paragraph">
<p>me: That’s right. How did you know?</p>
</div>
</div>
</div></div></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><div class="content"><div class="sect1">
<h2 id="_blog">Blog?</h2>
<div class="sectionbody">
<div class="paragraph">
<p>No, this is not a blog. This is a throw back to the good ol' 90s when people had webpages. The content is not organized by date. It is organized by categories. Yes, that’s right, I’m making an effort to curate the content and trying to make something that isn’t a random stream of thought sorted by date and time.</p>
</div>
<div class="paragraph">
<p>Revolutionary? No, but it makes a hell of a lot more sense than blogging, in my humble opinion. The only advantage to blogging is an ability to monitor changes and progress over time. Its compelling, but does not fit for many types of content.</p>
</div>
</div>
</div></div></td>
</tr>
</tbody>
</table>
</div>
<div id="footer">
<div id="footer-text">
Last updated 2022-10-16 17:32:12 -0400
</div>
</div>
</body>
</html>