visate.github.io/index.html at master · Visate/visate.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<title>Richard Gan</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<!--Custom fonts. To improve load times, remove this and update the h1 styling in style.css-->
	<link href='http://fonts.googleapis.com/css?family=Lato:300,700' rel='stylesheet' type='text/css'>
	<!-- stylesheets -->
	<link rel="stylesheet" href="style.css" type="text/css" />
	<!-- favicon -->
	<link rel="shortcut icon" href="img/favicon.ico">

	<!-- just in case viewer is using Internet Explorer -->
	<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

</head>

<body>

	<!-- Header-->
	<header>
		<h1>Richard Gan</h1>
		<p>High School Programmer</p>
	</header>

	<div class="container">

		<!-- Introduction-->
		<section class="center">
			<h1>Welcome!</h1>
			<p>
				Hi, my name is Richard Gan. I am a Canadian high school student currently in my senior year.
				I love to code for fun and create things that other people can enjoy!
			</p>
			<div class="row">

			</div>
		</section>

		<hr>

		<!-- Gallery Block-->
		<section class="gallery">
			<h1 class="center">Projects</h1>
			<div class="row">
				<a href="http://www.codeskulptor.org/#user42_dVPnET1tam_0.py" target="_blank"><img src="img/physicsproject.jpg" alt="Physics Simulator" class="grid-2"></a>
				<a href="http://www.codeskulptor.org/#user41_N4GC00wLkh_3.py" target="_blank"><img src="img/pairsolitaire.jpg" alt="Python Clone of Pair Solitaire" class="grid-2"></a>
				<a href="http://www.codeskulptor.org/#user42_Hn2Kz5KnEA_0.py" target="_blank"><img src="img/bullethell.jpg" alt="Python Clone of the Touhou Project" class="grid-2"></a>
			</div>
		</section>

		<hr>
	</div>

	<!-- Spotlight -->
	<section class="spotlight">
		<div class="container">
			<div class="row">
				<div class="grid-3">
					<img src="img/aqua.png" alt="Aqua, a Discord Bot Skeleton">
				</div>
				<div class="grid-3">
					<h1>Aqua, a Discord Bot Skeleton</h1>
					<p>A Discord bot skeleton built using Discord.js. Very simple to modify and tailor to your own needs!</p>
					<hr>
					<a href="https://github.com/Visate/aqua" target="_blank">View Project on Github (WIP)</a>
				</div>
			</div>
		</div>
	</section>

	<div class="container">
		<section class="education">
			<h2>High School student enrolled in Grade 12 at Fleetwood Park Secondary School.</h2>
		</section>

		<hr>

		<section class="experience">
			<div class="row">
				<div class="grid-2">
					<h2>~Nyaa Discord Network</h2>
					<p>August 2016 - Present</p>
				</div>
				<div class="grid-4">
					<ul>
						<li>Primary bot developer working with Node.js and Go</li>
						<li>In charge of the websites for the network, including <a href="http://discord.zone" target="_blank">discord.zone</a></li>
						<li>Global management moderator</li>
					</ul>
				</div>
			</div>
		</section>

		<hr>

	</div>


	<!-- New container-->
	<div class="container">

		<section>
			<!--List of skills-->
			<div class="row">
				<div class="grid-2">
					<h1>Skills</h1>
					<ul>
						<li>HTML</li>
						<li>CSS</li>
						<li>Javascript</li>
						<li>Node.js</li>
						<li>Go</li>
						<li>Python</li>
						<li>Java</li>
						<li>Illustrator</li>
						<li>Git</li>
					</ul>
				</div>

				<div class="grid-4">
					<h1>About me!</h1>
					<p>
						I am extremely motivated in the field of Computer Science and love to try out new technology all the time!
						Through my high school years, I have expanded my knowledge of different languages and tools used within the field
						and look forward to continue learning new things and broadening my horizons.
					</p>
					<hr>
					<p>
						Need to contact me? Feel free to send me an <a href="mailto:richard@designedbymajor.ca" target="_blank">email</a> or
						<a href="https://twitter.com/Visate_" target="_blank">tweet</a> at me!
					</p>
				</div>
			</div>
		</section>

		<!--Footer-->
		<footer class="center">
			<hr>
			<span>&copy; Richard Gan 2017</span>
		</footer>

	</div><!-- End Container -->

</body>
</html>