-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
76 lines (73 loc) · 3.21 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
<!DOCTYPE html>
<html lang="en">
<head>
<link href='https://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
<!-- We don't support Internet Explorer. -->
<!--[if IE]>
<meta HTTP-EQUIV="REFRESH" content="0; url=http://www.christopherkylehorton.com/internet_explorer_redirect.html">
<![endif]-->
<meta charset="utf-8">
<meta name="theme-color" content="#000000">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="images/favicon.png" />
<link type="text/css" rel="stylesheet" href="css/general.css" />
<link type="text/css" rel="stylesheet" href="css/index.css" />
<title>Christopher Kyle Horton</title>
<meta name="author" content="Christopher Kyle Horton">
<meta name="description" content="Christopher Kyle Horton's personal website.">
</head>
<body>
<header id="navbar">
<div id="navbar-left">
<svg id="mypicture" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50" height="50" viewport="0 0 50 50">
<defs>
<clipPath id="squircle-clip">
<path d="M 25,0 C 5,0 0,5 0,25 0,45 5,50 25,50 45,50 50,45 50,25 50,5 45,0 25,0 Z"/>
</clipPath>
</defs>
<image clip-path="url(#squircle-clip)" height="100%" width="100%" xlink:href="images/me.jpg"/>
</svg>
</div>
<div id="navbar-curve">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64" viewBox="0 0 64 64">
<path fill="#000000" d="M 0,0 64,0 64,32 C 16,32 48,64 0,64 Z"/>
</svg>
</div>
<div id="name"><h1><a href="https://www.christopherkylehorton.com">Christopher Kyle Horton</a></h1></div>
</header>
<main>
<article>
<h1>Welcome to my website!</h1>
<section>
<h2>About me</h2>
<p>
As you probably already know, my name is <strong>Christopher Kyle
Horton</strong>. I also often go by my traditional username
<strong>Xyaneon</strong>.
</p>
<p>
I am a software developer. My favorite programming
language is C#, but I currently work as a full-stack
developer on a project based on Spring and Angular.
</p>
<p>
I formerly attended the University of Michigan in Ann Arbor, and
graduated with my Bachelor's of Science degree in Computer Science
(with a Scientific Programming concentration) in December 2015 from
Lawrence Technological University in Southfield, MI, and a Master's
degree in Computer Science from the same university, with a
concentration in Intelligent Systems, in May 2020.
</p>
</section>
<section>
<h2>About this site</h2>
<p>
This site was constructed entirely by hand in HTML5, CSS3 and JavaScript. You may view all
of the source code in its GitHub repository at <a href="https://github.com/Xyaneon/Xyaneon.github.io" target="_blank">https://github.com/Xyaneon/Xyaneon.github.io</a>.
</p>
</section>
</article>
</main>
<footer>Copyright © 2014-2023 Christopher Kyle Horton | Follow me on <a rel="me" href="https://mastodon.social/@xyaneon">Mastodon</a> | <a href="https://github.com/Xyaneon/Xyaneon.github.io/issues/new" target="_blank">Report a website issue</a></footer>
</body>
</html>