-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (132 loc) · 6.56 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
<!DOCTYPE HTML>
<html lang="en-us">
<head>
<title>Arthur J. Lei</title>
<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="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#" id="name-tag">ARTHUR J. LEI</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class = "active"><a href="#about">About</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<div>
<a name="basepos"></a>
</div>
<div class="starter-template">
<p class="lead">
<img src="images/arthur_photo_tiny.jpg" alt="a photo of Arthur J. Lei near some bushes" id="arthur-main-photo"/>
</p>
</div>
<a id="about"></a>
<div class="content-block">
<h1>ABOUT</h1>
<p>
I am a web developer and trivia aficionado and avid consumer of Sherlock Holmes pastiches. I am currently based in that marvelous city of ideas, innovation, and insights: Berkeley, CA.
</p>
<p>
I defected from the Humanities (Italian Studies) to the Sciences (Genomics!) and then to the private sector. I had been doing research on 19<sup>th</sup> century Italian imaginings of the future. I then joined a lab at UC Berkeley exploring the future of medicine. Now I work as a software engineer for an academia-adjacent firm where I help shape how knowledge and cutting-edge research get shared around the world.
</p>
<p>
I frequently ghost-write questions for trivia nights at a local pizzeria, <a href="https://bobbygspizzeria.com/">Bobby G's Pizzeria, in Berkeley, CA.</a>
</p>
<p>
In the past, I have been an active member and contributor of <a href="https://www.facebook.com/ItalianSocietyBerkeley">the Italian Society at Berkeley</a>, a student group at UC Berkeley dedicated to sharing Italian culture in the Bay Area and strengthening connections between the Bay Area and Italy.
</p>
<p>
I am a not-too-infrequent collaborator on/contributor to <a href="https://codebuddies.org/">Codebuddies.org</a>, an open-source community that brings beginner programmers and developers together.
</p>
<a href="#basepos">Back to Top</a>
</div>
<a id='projects'></a>
<div class="content-block">
<h1>PROJECTS:</h1>
<div class="project_block">
<h2 class="project_title">Perfect Pitch Puzzle</h2>
<img src ="images/perfect_pitch_puzzle_logo.png" alt="Perfect Pitch Logo" width="40%"/>
<p>
Visit the <a href="https://www.perfectpitchpuzzle.com/" target="_blank">project site</a> and test your pitch ability.
</p>
<h4>Planned Features:</h4>
<ul>
<li>
Record and career Stats
</li>
<li>
User Account/Authentication
</li>
</ul>
<a href="#basepos">Back to Top</a>
</div>
<div class="project_block">
<h2 class="project_title">Trivia Night Round Generator aka "TRIVIATRON 3000"</h2>
<p>
I have been co-hosting trivia nights at Berkeley for about two years. In that time, I have by now generated a This project was inspired in part also by discussion with a friend and Trivia night host who revealed that one of the Bay Area's premier trivia companies did not have a rudimentary back-end database (they apparently as of 2017 had only a massive google company document); a conversation about possible trivia question database schema factored into my decision to start/plan out this project
</p>
<h4>Planned Features:</h4>
<ul>
<li>
Ability to generate a round from a choice of theme or subject area
</li>
<li>
Searchable database of questions (maybe keyword search)
</li>
<li>
Way to export/import questions from a standard document format (batch upload)
</li>
<li>
Adding questions easily with a pre-built input forms
</li>
</ul>
<a href="#basepos">Back to Top</a>
</div>
</div>
<a name='contact'></a>
<div class="content-block">
<h1>CONTACT:</h1>
<ul>
<li><a href="https://www.linkedin.com/in/arthur-lei/">LinkedIn</a></li>
<li><a href="https://arturolei.github.io/">Github</a></li>
<li><a href="http://steamcommunity.com/profiles/76561198036966481">Steam</a></li>
<li> <a href="https://bsky.app/profile/thenoblethunder.bsky.social">BlueSky: @thenoblethunder</a></li>
</ul>
<a href="#basepos">Back to Top</a>
</div>
</div><!-- /.container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.min.js"></script>
<!-- <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>-->
<script src="http://getbootstrap.com/dist/js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="http://getbootstrap.com/assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>