-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
206 lines (201 loc) · 10.1 KB
/
index.html
File metadata and controls
206 lines (201 loc) · 10.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Stephen's GitHub Page</title>
<link href="tesla-icon.png" rel="tesla-touch-icon" type="image/png">
</head>
<body>
<nav>
<a href="https://www.linkedin.com/in/stephen-duan-912977187/">LinkedIn</a> |
<a href="https://github.com/s1duan">GitHub</a> |
<a href="https://developer.mozilla.org/en-US/docs/Web">Web resources</a> |
<a href="https://ucsd.edu/">UCSD</a>
</nav>
<header><h1>Welcome to Stephen's GitHub Page</h1></header>
<main>
<section>
<h2>About Me</h2>
<div><p>My name is Sicong (Stephen) Duan, I am a third-year Computer Engineering Student at <i>UC San Diego</i>.
I am interested in <b>Machine Learning</b> and <b>Software Engineering</b> and look forward to making an impact on the world with technology
feel free to connect with me and shoot me a message on <a href=https://www.linkedin.com/in/stephen-duan-912977187>LinkedIn</a>
if you have any questions for this GitHub Page!</p></div>
<figure>
<img src="download.png" alt="UC San Diego">
<figcaption>Fig.1 - School Logo of University of California San Diego </figcaption>
</figure>
</section>
<section>
<h2>Machine Learning</h2>
<div><p>One of my biggest interests is Machine Learning.
I am fascinated by how computers can be trained to do tasks that exhibit intelligent decision making process.
In school, I worked with various labs on campus for Machine Learning related projects.
Last year I interned at <em>Qualcomm</em> on a Machine Learning project for 5G Network Latency predictions. </p>
<p>I mostly use python and Jupyter Notebook for these Machine Learning projects.
One advantage of using Jupyter Notebook and Anaconda is that you can easily set up a virtual environment
for your ML project with a simple command, for example to create an environment with
<strong>python 3.8, Pytorch 1.6.0, and CUDA 10.1</strong>, simply type: <br>
<code>conda create --name myenv python=3.8 pytorch=1.6.0 torchvision=0.7.0 cudatoolkit=10.1</code></p></div>
</section>
<section>
<h2>Software Engineering</h2>
<div><p>Besides Machine Learning, I am also very interested in the field of Software Engineering.
Undeniably Software Engineering has changed the way people lived around the world.
This quarter I will be interning at <em>Tesla</em> as a Software Engineer intern to help build tools and infrastructures that ensure the quality of in-car software.
I look forward to gain more experience of Software Engineering in CSE110 and apply them in real life.</p>
<p>To help me get started on software engineering and build this website, I consulted many external resources.
Here is one of the useful websites: </p>
<iframe src="https://developer.mozilla.org/en-US/docs/Web/HTML" title="Helpful HTML Links">
</iframe>
<aside>
I utilized this websit to answer many questions I had with HTML, which is a powerful language that can be used
to build website.
</aside>
</div>
</section>
<details><summary>My hobbies</summary>
<p>In my free time I enjoy watching Netflix, playing basketball, cooking and playing guitar. I played Varsaity basketball in High School and
still play for fun today. I also watch a lot of NBA and my favorite team is probably the Spurs.
</p>
</details>
<picture>
<source srcset="tesla-icon.png" media="(min-width: 1200px)">
<img src="Spurs.png" alt="Spurs">
</picture>
<section>
<h2>Random Stuff</h2>
<h3>Random Video</h3>
<div><pre>Checkout this cool random video of nature :)</pre></div>
<video width="540" height="480" controls>
<source src="movie.mp4" type="video/mp4">
</video>
<h3>Random Guitar Song</h3>
<div><pre>Checkout this cool guitar song I found online :)</pre></div>
<audio controls>
<source src="FolkBed.mp3" type="audio/mpeg">
</audio>
<h3>Random Canvas</h3>
<div><pre>Checkout this random HTML canvas I built :) (Although you probably can't tell since we are not allowed to use CSS to style it)</pre></div>
<canvas id="myCanvas" width="200" height="100"></canvas>
<h3>Random Circle</h3>
<div><pre>Checkout this random circle I built with SVG :)</pre></div>
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="yellow" stroke-width="4" fill="blue" />
</svg>
<h3>Random Button</h3>
<div><pre>Checkout this random button I built :)</pre></div>
<button type="button">Click Me!</button>
</section>
<template><p>This was not supposed to be shown since it's in a template tag</p></template>
<hr>
<section>
<h2>Programming Language Survey</h2>
<form>
<fieldset>
<legend>Programming Language Form</legend>
<ol>
<li><label for="major_name">Field of study in college: </label><br>
<input type="text" id="major_name" name="major_name"><br></li>
<li><span>You are currently a:</span>
<ul id="prof_list">
<li><input type="radio" id="college" name="prof">
<label for="college">College student</label></li>
<li><input type="radio" id="eng1" name="prof">
<label for="eng1">Professional in Software Industry</label></li>
<li><input type="radio" id="eng2" name="prof">
<label for="eng2">Professional in Another Industry</label></li>
</ul></li>
<li><span>Language(s) that you use in your work/school:</span>
<ul id="lang_list">
<li><input type="checkbox" id="lang1" name="lang1" value="Java">
<label for="lang1"> Java</label><br></li>
<li><input type="checkbox" id="lang2" name="lang2" value="JS">
<label for="lang2"> JavaScript</label><br></li>
<li><input type="checkbox" id="lang3" name="lang3" value="Python">
<label for="lang3"> Python</label><br></li>
<li><input type="checkbox" id="lang4" name="lang4" value="C">
<label for="lang4"> C/C++</label><br></li>
<li><input type="checkbox" id="lang5" name="lang5" value="C">
<label for="lang5"> C#</label><br></li>
</ul></li>
<li><label for="langs">Your Favorite Language:</label>
<select name="langs" id="langs">
<optgroup label="Choose a Language">
<option value="lang1">Java</option>
<option value="lang2">JavaScript</option>
<option value="lang3">Python</option>
<option value="lang4">C/C++</option>
<option value="lang5">C#</option>
<option value="lang6">Other</option>
</optgroup>
</select></li>
<li><label for="ide">Choose your favorite IDE: </label>
<input list="ides" name="ide" id="ide">
<datalist id="ides">
<option value="Visual Studio">
<option value="Eclipse">
<option value="Sublime Text">
<option value="Vim">
</datalist></li>
<li><label for="yoe">Years of Experience using your most proficient language (between 1 and 30):</label><br>
<input type="number" id="yoe" name="yoe" min="1" max="30"></li>
<li><label for="email">Enter your email:</label><br>
<input type="email" id="email" name="email"></li>
<li><label for="phone">Enter your phone number:</label><br>
<input type="tel" placeholder="123-456-7890" id="phone" name="phone" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}"></li>
<li><label for="favcolor">What is your favorite color:</label>
<input type="color" id="favcolor" name="favcolor" value="#ff0000"></li>
<li><label for="rating">How would you rate this website: (between 0 and 100):</label><br>
<input type="range" id="rating" name="rating" min="0" max="100"></li>
<li><label for="feedback">Your Feedback:</label><br>
<textarea id="feedback" rows=10></textarea></li>
</ol>
<br>
<input type="reset">
<input type="submit" value="submit">
</fieldset>
</form>
</section>
<table>
<caption>The most popular programming languages</caption>
<colgroup>
<col span="2">
<col>
</colgroup>
<tr>
<th>Language</th>
<th>Year Created</th>
<th>Number of Jobs</th>
</tr>
<tr>
<td>Python</td>
<td>1991</td>
<td>19000</td>
</tr>
<tr>
<td>JavaScript</td>
<td>1995</td>
<td>24000</td>
</tr>
<tr>
<td>Java</td>
<td>1996</td>
<td>29000</td>
</tr>
<tr>
<td>C#</td>
<td>2000</td>
<td>18000</td>
</tr>
<tr>
<td>C</td>
<td>1972</td>
<td>8000</td>
</tr>
</table>
</main>
<footer>
<p>Page Created By: Stephen Duan</p>
</footer>
</body>
</html>