-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
118 lines (118 loc) · 4.76 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
<!DOCTYPE html>
<html>
<script> $(document).ready(function() {});</script>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style>
/* Hide page by default */
html { display : none; }
</style>
<head>
<title>nwood || about me</title>
<meta content='width=500' name='viewport'>
<link href="assets/fonts/font-awesome.min.css" media="screen" rel="stylesheet" type="text/css"/>
<link href="assets/css/bootstrap.min.css" media="screen" rel="stylesheet" type="text/css"/>
<link href="assets/css/application.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="assets/js/jquery-1.10.2.js" type="text/javascript"></script>
<script src="assets/js/bootstrap.js" type="text/javascript"></script>
<script src="assets/js/application.js" type="text/javascript"></script>
<link rel="icon" href="assets/img/favicon.ico" type="image/x-icon" />
</head>
<body>
<div class='wrapper'>
<div class='wrapper-inner'>
<div class='circle'>
<a class='center' data-toggle='modal' href='#about'>
<img rel='tt-top' src='assets/img/nicholis-circle.png' title='About Nick.'>
</a>
<a class='r' data-rot='0' href='https://instagram.com/nicholis_wood' target='_blank'>
<i class='fa fa-instagram' rel='tt-left' title='Instagram'></i>
</a>
<a class='r' data-rot='45' href='https://reddit.com/u/lessin' target='_blank'>
<i class='fa fa-reddit-square' rel='tt-left' title='Reddit'></i>
</a>
<a class='r' data-rot='90' href='https://facebook.com/nicholis.wood' target='_blank'>
<i class='fa fa-facebook' rel='tt-top' title='Facebook'></i>
</a>
<a class='r' data-rot='135' href='https://twitter.com/nicholiswood' target='_blank'>
<i class='fa fa-twitter' rel='tt-right' title='@nicholiswood'></i>
</a>
<a class='r' data-rot='180' href='https://youtube.com/user/towlsvids' target='_blank'>
<i class='fa fa-youtube-play' rel='tt-right' title='YouTube'></i>
</a>
<a class='r' data-rot='225' href='https://nicholiswood.github.io/me/nwood' target='_blank'>
<i class='fa fa-home' rel='tt-right' title='Home'></i>
</a>
<a class='r' data-rot='270' href='https://twitch.tv/towls' target='_blank'>
<i class='fa fa-twitch' rel='tt-bottom' title='TwitchTV'></i>
</a>
<a class='r' data-rot='315' href='https://drive.google.com/file/d/0B-sqx7Qaa5cvNGZDODE0cFNqRTVaOGt3ZFZBalJGNkpUS0RF/view?usp=sharing' target='_blank'>
<i class='fa fa-key' rel='tt-left' title='Add me on Snapchat'></i>
</a>
</div>
</div>
</div>
<div class='modal fade' id='about'>
<div class='modal-dialog'>
<div class='modal-content'>
<div class='modal-header'>
<button class='close' data-dismiss='modal'>×</button>
<h4 class='modal-title'>About me</h4>
</div>
<div class='modal-body'>
<p>Hey, my name is Nicholis Wood</p>
<p>
I'm an 18 year old that lives on
<a href='map/' target='_blank'>Catalina Island</a>,
off the coast of Long Beach, CA.
</p>
<p>
I'm also interested in playing a few different games in my free time.
</p>
<p>
I'm currently studying computer science at
<a href='https://sfsu.edu' target='_blank'>SFSU</a>
with plans to work at a tech giant :p
</p>
<p>You can find me around these places,</p>
<p id='icons'>
<a href='https://instagram.com/nicholis_wood' target='_blank'>
<i class='fa fa-2x fa-instagram' rel='tt-top' title='Instagram'></i>
</a>
<a href='https://reddit.com/u/lessin' target='_blank'>
<i class='fa fa-2x fa-reddit-square' rel='tt-top' title='Reddit'></i>
</a>
<a href='https://facebook.com/nicholis.wood' target='_blank'>
<i class='fa fa-2x fa-facebook' rel='tt-top' title='Facebook'></i>
</a>
<a href='https://twitter.com/nicholiswood' target='_blank'>
<i class='fa fa-2x fa-twitter' rel='tt-top' title='Twitter'></i>
</a>
<a href='https://youtube.com/user/towlsvids' target='_blank'>
<i class='fa fa-2x fa-youtube-play' rel='tt-top' title='YouTube'></i>
</a>
<a href='https://nicholiswood.github.io/me/nwood' target='_blank'>
<i class='fa fa-2x fa-home' rel='tt-top' title='home'></i>
</a>
<a href='https://twitch.tv/towls' target='_blank'>
<i class='fa fa-2x fa-twitch' rel='tt-top' title='TwitchTV'></i>
</a>
<a href='https://drive.google.com/file/d/0B-sqx7Qaa5cvNGZDODE0cFNqRTVaOGt3ZFZBalJGNkpUS0RF/view?usp=sharing' target='_blank'>
<i class='fa fa-2x fa-key' rel='tt-top' title='Add me on Snapchat'></i>
</a>
</p>
</div>
</div>
</div>
</div>
<script type="text/javascript">
if (self == top) {
document.documentElement.style.display = 'block';
} else {
top.location = self.location;
}
if (screen.width <= 800) {
window.location = "m";
}
</script>
</body>
</html>