-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
367 lines (338 loc) · 15.6 KB
/
index.html
File metadata and controls
367 lines (338 loc) · 15.6 KB
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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- My CSS -->
<link rel="stylesheet" href="styles.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<title>Alan L. Wong | Homepage</title>
</head>
<body>
<main class="container-fluid">
<section class="row">
<div class="col-12 px-0">
<h1 class="text-center mb-0" id="my-name">Alan L. Wong</h1>
<span id="tagline" class="text-center">A man of letters called <span id="my-city">Porfiriy Sacramentoskiy</span></span>
</div>
</section>
<div class="row">
<div class="col-lg-4 col-md-6 pt-4" id="about-column">
<h2>About me</h2>
<p>
<code>Hello, World!</code> My name in the world is Alan. My formal training is in philosophy,
linguistics, computer science and business, but my experience in these fields has led me to focus
my attention on the Church, history, and how languages,
communication, and art/music have taken shape therein.
My day job is drawing cabinets (a kind of scribe, draftsman, engineer, contractor position).
</p>
<p>
My current "blog" is my <a href="https://porfiriy.substack.com/">Substack</a>.
</p>
<p>
You may have previously encountered my work online though my <a href="https://captainalan.github.io/pelican-test/">Miscellaneous
Stuff Blog</a>. Here, I posted articles, diary-entry like
things, and other content. Of particular interest is my documentation of my experience
of the whole 2020 COVID narrative.
Shortly after, I began a <a href="https://www.youtube.com/channel/UCpnuRnvlG2zgqVd8F6Cs4XA">YouTube channel</a>.
There, you'll find longer form content going over many relevant technology, society, language and communication
topics including a commentary on Jacques Ellul's work <i>The Technological Society</i> (translated to English in 1964).
</p>
<p>
View my <a href="https://captainalan.github.io/language-and-linguistics/index.html">Languages
and Linguistics</a> site to explore the world of human
communication.
</p>
<div id="profile-container">
<img src="./media/images/profile.jpg" class="img-fluid" alt="profile">
</div>
<p>
Here's a picture of me in my studio.
</p>
</div>
<section class="col-lg-4 col-md-6 pt-4">
<h2>Beyond me</h2>
<p>
</p>
<p>
On Great Saturday of 2022, I was baptized an <b>Orthodox Christian</b>
in the Russian Orthodox Church Outside of Russia (ROCOR) with
<a href="https://www.goarch.org/chapel/saints?contentid=2496">St Porphyrios of Kavsokalyvia</a>
as my patorn saint. In Slavonic style, I am called Porfiriy (Порфирий).
</p>
<h3>Seek and Ye Shall Find</h3>
<p>
If you
have problems with "Christianity" as you have encountered it,
I encourage you to look into the history of whatever worldview
you hold (whether it is the teaching of some organized religion
or from your own reasoning) and consider why you
regard this path as correct. Or, maybe you have just found yourself
following the "path of least resistance" and are not particularly
attached to the teachings you've been given. Many <em>different</em>
things have been called by the <em>same</em> terms and often to
understand some one term it is necessary to study a <em>whole system!</em>
</p>
<p>
Just as different people might mean very different things when
they speak of "success" (or "love" or "happiness") so too we
can see how the words we use depend on how we understand
them—more words can often multiply confusion rather than
bring clarity.
</p>
<p>
How do we sort through all the different teachings of the world, our
own opinions and biases, and pressure from all different directions
to do all sorts of different things? This was one place I started
from—looking at various different teachings, what they claim
to be true, and how they know that to be the case...
</p>
<h3>
Ongoing Projects
</h3>
<p>
Beyond Church and my day job, I am involved in a number of projects.
It is a goal of mine to make every activity I do somehow be "beyond me"
and include others. It is good to do things together.
</p>
<ul>
<li>
<b>Language Study</b>
<ul>Russian, Slavonic</ul>
<ul>Greek (Koine, Modern...)</ul>
<ul>Latin (and modern Latin-based varieties, e.g. Spanish/French)</ul>
</li>
<li>
<b>Conquering Cyberspace</b>: I am interested in which technologies are best
and extracting maximum value out of useful, available tools.
</li>
<li>
<b>Orthodox East Asia (Abroad)</b>:
As a person of Chinese ethnic lineage, I first studied the civilizations of East Asia
before becoming reborn as a Half-Greek, Half-Russian, Exiled to the West.
Now I buy take-out Chinese food for Nords who have watched more anime than me.
I am working on seeing if other students of East Asian languages/cultures are
interested in standardizing some materials to study (translations of Scripture,
prayers, and more) so that we may speak the same idiom.
</li>
</ul>
</section>
<section class="col-lg-4 col-md-12 pt-4">
<h2>Contact me</h2>
<p>
You can mail me directly at<br>
<code>captainalan 4t gm4!l d0t com</code>.
</p>
<p>
You can also reach out to me through social media. I
typically don't respond instantly (can't be staring at a phone
all day!), but I do respond to nearly all messages I receive within
48 hours. When sending a message, make it clear you aren't a bot 🤖
</p>
<h3>Social Media</h3>
<p>
Having multiple channels of communication available can be helpful
as you never know when you might have your access privileges revoked.
</p>
<ul>
<li><a href="https://www.facebook.com/captainalan">Facebook</a></li>
<li><a href="https://www.instagram.com/alan_desu/">Instagram</a></li>
<li><a href="https://www.linkedin.com/in/alan-wong-bb342569/">LinkedIn</a>
</ul>
<p>
I'm a regular on a few Discord servers. Get in contact
with me if you would like to know where these places are.
</p>
</section>
</div>
<div class="row">
<div class="col-md-12 mt-2 mb-2">
<!-- I can put a banner, a pretty image, or something else
here... -->
</div>
</div>
<!-- This site -->
<div class="row">
<div class="col-lg-8 pt-4 pb-4 mb-2">
<h2>Developer stuff</h2>
<p>
Over the past few years, I've worked on closed source projects in React and
Angular for work. On my own, I've studied a whole bunch of programming and
computer science topics, including statistics and data science stuff to see what
the "cuttinge edge" has to hold. See
my <a href="https://github.com/captainalan">Github</a>
and <a href="https://gist.github.com/captainalan">Github
gists</a> for my most recent (open source) practice/work.
Since 2021 or so, seeing how many technology companies were at the forefront
of promoting policies/practices I oppose (namely, building up of the
bio-medical security state), I've largely stepped away from pursuing a
tech-related career though I retain the knowledge I've gained from working
in web development and studying technology related topics for many years.
</p>
<h3>Tutorials</h3>
<p>
These are resources I originally created for my own use but
now am sharing with the world 🗺
</p>
<div class="portfolio-item">
<h4>
<a href="https://captainalan.github.io/pelican-test/arch-linux-install-for-n00bs.html">
Arch Linux Install for n00bs
</a>
</h4>
<p>
Follow these steps to get a working installation of Arch
Linux! Written for a n00b (me).
</p>
</div>
<div class="portfolio-item">
<h4>
<a href="https://github.com/captainalan/MERN-quickstart">
MongoDB, Express, React, Node (MERN) Stack Quickstart
</a>
</h4>
<p>Made this tutorial as I began my journey into web
development.</p>
</div>
<div class="portfolio-item">
<h4>
<a href="https://github.com/captainalan/black-hole-tutorial">
Black Hole Image on a Budget
</a>
</h4>
<p>
Some of us can't afford science. Fake it till you make it?
An image manipulation tutorial to make images similar to
NASA's <a href="https://www.nasa.gov/mission_pages/chandra/news/black-hole-image-makes-history">black
hole image</a>.
</p>
</div>
<h3>This site</h3>
<p>
The site you are visiting is my latest work—designed to be
robust to technological change. View my
<a href="https://captainalan.github.io/me/">older website</a> which
uses the React web framework—a cool tool for many things, especially
sites that rely on dynamic content.
</p>
<p>
This website was authored
using VS Code and <a href="https://www.gnu.org/software/emacs/emacs.html">GNU
emacs</a> (editor) with vi emulation
via <a href="https://github.com/emacs-evil/evil">evil</a>. Mobile
responsiveness and some nifty styles come
from <a href="https://getbootstrap.com">Bootstrap</a>. This
website is hosted
by <a href="https://pages.github.com">Github Pages</a> and
uses <a href="https://git-scm.com/">git</a> for source
control.
</p>
<h3>Feeling generous?</h3>
<div>Join <a href="https://www.coinbase.com/join/wong_cat">Coinbase</a> to use Crytocurrency. Or, send me,
<ul class="crypto mt-3">
<li>Bitcoin (BTC) at <code>3PLqqb2LdCHNBJcLpU5yK1UGvX6RYgStnQ</code></p></li>
<li>Ether (ETH) at <code>0xF2b6a0cbA61d459a66fDAFDBDF64e6ec816475C5</code></p></li>
<li>Litecoin (LTC) at <code>MJmSj2HXkjPxSSg97dVnZ1AJ3cMNX6DDY4</code></p></li>
</ul>
</div>
<p>You can also contribute via Paypal:</p>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_donations" />
<input type="hidden" name="business" value="NT2BKLPNC9QPY" />
<input type="hidden" name="currency_code" value="USD" />
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0"
name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" />
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
</form>
</div>
<div class="col-lg-4 pt-4 pb-4 mb-2" id="everything-else">
<h2>Everything else</h2>
<p></p>
<p>
Sometimes I have fun
with <a href="https://www.gimp.org">GIMP</a> and other
graphics software.
</p>
<div class="gallery">
<h3>Gallery of Unsolicited Social Commentary</h3>
<div class="image-modal-link">
<a data-toggle="modal" data-target="#yourBrainModal">
<img class="img-fluid" src="./media/images/brain-on-personal-computing.png">
</a>
</div>
<div class="image-modal-link">
<a data-toggle="modal" data-target="#idiotBoxModal">
<img class="img-fluid" src="./media/images/the-new-idiot-box.png">
</a>
</div>
<!-- Modal -->
<div class="modal fade" id="yourBrainModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Use your tools, don't let them use
you.</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<img class="img-fluid" src="./media/images/brain-on-personal-computing.png">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="idiotBoxModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">The television isn't the only thing
watching you</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<img class="img-fluid" src="./media/images/the-new-idiot-box.png">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer thing -->
<div class="row">
<div class="col-md-12">
<hr>
<p>
Copyright © 2019–2022 — Alan Wong.<br> All rights reserved.
</p>
</div>
</div>
</main>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
crossorigin="anonymous"></script>
</body>
</html>