-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
159 lines (152 loc) · 8.78 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta property="og:url" content="http://www.dickwyn.xyz" />
<meta property="og:title" content="Dickwyn's Homepage" />
<meta property="og:description" content="Where the magic happens" />
<meta property="og:image" content="https://www.dickwyn.xyz/img/dickwyn-photo.jpg" />
<meta property="og:image:alt" content="dickwyn's photo" />
<meta name="twitter:card" content="summary_large_image">
<title>Dick Wyn Yong</title>
<link rel="shortcut icon" type="image/png" href="img/dickwyn-emblem.png"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script defer src="https://use.fontawesome.com/releases/v5.0.2/js/all.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-64177134-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<a href="https://www.dickwyn.xyz/" class="hidden-link"><p class="logo">dickwyn.xyz</p></a>
<div class="container">
<img src="img/dickwyn-pc.jpg" class="circle-avatar" alt="Dick Wyn Yong" id="profile-picture"/>
<div class="wrapper">
<div class="content">
<div class="title">
<p class="name">Dick Wyn<b> Yong</b></p>
<p class="headline">Student, blogger, designer</p>
<p class="location">
<a href="https://goo.gl/maps/wzZbzBm7Zfn" target="_blank">
<i class="fas fa-map-marker" data-fa-transform="shrink-2" style="color:#D32F2F"></i> Tempe, Arizona</a>
</p>
<a href="https://blog.dickwyn.xyz/" tarsget="_blank"><button type="button" class="btn btn-outline-primary"><i class="fas fa-align-left"></i> Read my blog</button>
</a>
</div>
<div class="summary">
<p class="summary-text">
I'm a Computer Science student focusing on Human-Computer Interaction and Mobile Computing. My obsession is to solve problems outside of the tech community with computer science concepts.
</p>
<hr style="height:0em; visibility:hidden; margin: 0.3em;">
<p class="summary-text">
My interests, however, extend beyond programming as I love photography, mobile technology, building brands and developing marketing strategies. Additionally, I am a big advocate for sustainability, gender equality and inclusion.
</p>
<hr style="height:0em; visibility:hidden; margin: 0.7em;">
<div class="row">
<div class="col-6 education">
<center>
<i class="fas fa-graduation-cap" style="color:#757575"></i>
<br>Arizona State University
<br>Sunway University
</center>
</div>
<div class="col-6 work">
<center>
<i class="fas fa-briefcase" style="color:#757575"></i>
<br>ASU cis
<br>Megapowertech Networks
</center>
</div>
</div>
</div>
</div>
<div class="social-bar">
<ul class="list-inline list-social-icons">
<li class="list-inline-item twitter">
<a href="https://www.twitter.com/dickwyn" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item facebook">
<a href="https://www.facebook.com/dickwyn" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fab fa-facebook-f fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item linkedin">
<a href="https://www.linkedin.com/in/dickwyn" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fab fa-linkedin-in fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item github">
<a href="https://github.com/dickwyn" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fab fa-github-alt fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item snapchat">
<a href="https://www.snapchat.com/add/dickwyn" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fab fa-snapchat-ghost fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item instagram">
<a href="https://www.instagram.com/dickwyn/" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fab fa-instagram fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item weixin">
<a href="weixin.html" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fab fa-weixin fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item googleplus">
<a href="https://plus.google.com/+DickwynY" target="_blank">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fab fa-google-plus-g fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<footer>
<p>
Lovingly <i class="far fa-heart" data-fa-transform="shrink-6" style="background:#D32F2F"></i> made in Kuala Lumpur, MY.
</p>
</footer>
<!-- Javascript -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
</body>
</html>