-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
133 lines (128 loc) · 6.32 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="Software Engineer Personal Webpage">
<meta name="keywords" content="Software, Engineer, AGILE, Web, Development, Awesome, Brooklyn, New York, Java, Front, Back, Full, Stack, End, JavaScript, OO, Rails, AngularJS, Skilled">
<meta name="author" content="Connor Wilkinson">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Connor Wilkinson</title>
<!--STYLE GOES HERE-->
<link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Slab" rel="stylesheet">
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" href="css/nav.css" type="text/css" />
<link rel="stylesheet" href="css/cards.css" type="text/css" />
<link rel="shortcut icon" type="image/png" href="images/icons/favicon.ico">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="js/stars.js"></script>
</head>
<body id="top">
<nav class="accent-3" id="navbar">
<a href="#top">Connor Wilkinson</a>
<div class="nav-right">
<a href="#about">About</a>
<a href="#projects">Projects</a>
<a href="#tech">Technologies</a>
<a href="#contact">Contact</a>
</div>
</nav>
<div class="parallax image-1">
<div class="main-header">
<div class="content">
<h1>Software Engineer</h1>
<p>
Based in Brooklyn, NY, I am focused on expanding my skills as a developer and
learning as much as I can. I am currently looking for a job, so please
don't hesitate to reach out!
</p>
</div>
</div>
</div>
<div class="content main-color">
<h1 id="about">About Me</h1>
<p>
I am originally from Atlanta, Georgia. I started out coding 2D platformer games in my spare time. From there I decided to take some web design classes and went on to study Software Development in college. I graduated from Georgia Gwinnett College in 4 years and was immediately hired at a start-up company called <a href="https://www.worldwontwait.com">worldwontwait.com</a>. I worked there for a year writing low and high level requirements-based tests for a larger company. After that, I decided I wanted to get back into actually writing code. So I moved to Brooklyn, and here we are.
</p>
</div>
<div class="content secondary-color">
<h1 id="projects">Personal Projects</h1>
<div class="project-container">
<div class="project-card accent-2">
<a href="https://github.com/mcWilkinson/beep-master">
<img src="https://images.unsplash.com/photo-1495796880750-1b3facf849d9?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=7f95231fae119b2bc7467ac5d7a31bef&auto=format&fit=crop&w=1051&q=80"
alt="Project Pic">
<p class="description accent-2">A small web app I wrote to create melodies using the linux command "beep". It is made entirely using css and javascript.</p>
<p class="heading accent-3">Beep Master 3000</p></a>
</div>
</div>
</div>
<div class="content main-color .shadow-2">
<h1 id="tech">What I Use</h1>
<h3>Languages</h3>
<div class="container">
<p class="chip accent-1">Java <span class="fa fa-check font-accent-3"></span></p>
<p class="chip accent-1">JavaScript <span class="fa fa-check font-accent-3"></span></p>
<p class="chip accent-1">HTML <span class="fa fa-check font-accent-3"></span></p>
<p class="chip accent-1">CSS <span class="fa fa-check font-accent-3"></span></p>
<p class="chip accent-1">C <span class="fa fa-check font-accent-3"></span></p>
<p class="chip accent-1">C# <span class="fa fa-check font-accent-3"></span></p>
<p class="chip accent-1">Ruby <span class="fa fa-check font-accent-3"></span></p>
<p class="chip accent-1">SQL <span class="fa fa-check font-accent-3"></span></p>
</div>
<h3>Technologies</h3>
<div class="tech">
<span class="logo fa fa-windows font-accent-3"></span>
<p>Windows</p>
</div>
<div class="tech">
<span class="logo fa fa-linux font-accent-3"></span>
<p>Linux</p>
</div>
<div class="tech">
<span class="logo fa fa-android font-accent-3"></span>
<p>Android</p>
</div>
<div class="tech">
<span class="logo fa fa-git font-accent-3"></span>
<p>Git</p>
</div>
<div class="tech">
<span class="logo fa fa-wordpress font-accent-3"></span>
<p>WordPress</p>
</div>
</div>
</div>
<div class="content secondary-color">
<h1 id="contact">Contact</h1>
<p>If you would like to contact me, please email me at <a href="mailto:connor42.w@gmail.com">connor42.w@gmail.com</a></p>
<p>Alternatively, I can be reached at <b>(646) 653-0264</b> during normal business hours.</p>
</div>
<footer class="content accent-3">
<p>
© Connor Wilkinson 2018. All Rights Reserved
</p>
</footer>
<script>
$(document).ready(function(){
// Add smooth scrolling to all links
$("a").on('click', function(event) {
// Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
// Prevent default anchor click behavior
event.preventDefault();
// Store hash
var hash = this.hash;
var offset = 48;
// Using jQuery's animate() method to add smooth page scroll
// The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body').stop().animate({
scrollTop: $(hash).offset().top-offset
}, 800);
} // End if
});
});
</script>
</body>
</html>