-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
75 lines (51 loc) · 3.27 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Aiden Rohde</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body style="
background-image: url('./images/goat_rocks.jpg');
background-position: center; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover; /* Resize the background image to cover the entire container */
height: 100vh;
">
<!-- Background image -->
<div align="center" class="container">
<!-- Jumbotron with a summary of our business -->
<h1 class="display-4">Welcome!</h1>
<p class="lead">My name is Aiden and this is my personal website, a place to link together my online profiles and host a few of my personal projects. Technically my first name is John, but only the government calls me that.</p>
<hr class="my-4">
<h2>Profiles</h2>
<p><a href="https://www.linkedin.com/in/aidenrohde/">LinkedIn</a> - work history and essays</p>
<p><a href="https://github.com/johnaidenrohde">GitHub</a> - code</p>
<p><a href="https://gitlab.com/aidenrohde">GitLab</a> - more code</p>
<p><a href="https://medium.com/@aidenrohde">Medium</a> - essays and ideas</p>
<p><a href="https://twitter.com/aidenrohde?lang=en">Twitter</a> - announcements and quick thoughts</p>
<p><a href="https://www.instagram.com/aidenrohde/?hl=en">Instagram</a> - adventures outside of work</p>
<p><a href="https://www.strava.com/athletes/15016494">Strava</a> - workouts and adventures</p>
<h2>Projects</h2>
<p><a href="https://www.safe7y.com">Safety in Numbers</a> - My day job, a social enterprise using big data to save lives on the roads</p>
<p><a href="https://github.com/johnaidenrohde/reddit_trader">Reddit Stonk Trader</a> - a fun personal project trading stocks based on r/wallstreetbets</p>
<p><a href="https://github.com/johnaidenrohde/green_thumb">Green Thumb</a> - a simple plant monitoring system I'm developing for my home garden</p>
<p><a href="https://aidenrohde.wordpress.com/page/3/">Wordpress Blog</a> - a blog that I no longer maintain </p>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
</body>
</html>