-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
183 lines (166 loc) · 6.79 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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!DOCTYPE HTML>
<!--
Forty by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Welcome</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="icon" href="images/sub badge.png" type="image/x-icon" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header" class="alt">
<a href="index.html" class="logo"><span>Mitchs</span> <strong>Misadventures</strong></a>
<nav>
<a href="projects.html">Projects</a>
<a href="visualizations.html">Dashboards</a>
<a href="contact.html">Contact</a>
</nav>
</header>
<!-- Banner -->
<style>
#banner {
background: url('/images/robot_banner.png') center/cover no-repeat; /* Replace 'path/to/your/image.jpg' with the actual path to your image */
padding: 10px 10px; /* Add padding to the content to make it more visually appealing */
transition: none;
}
</style>
<section id="banner" class="major">
<div class="inner">
<header class="major">
<h1>Hello!</h1>
</header>
<div class="content">
<p>Welcome to my website!
I created this site as a way to showcase some of
my favorite projects in more detail and
in a more relaxed and professional environment. <br /><br />
Thanks for stopping by!</p>
<ul class="actions">
<li><a href="projects.html" class="button scrolly">View All Projects</a></li>
</ul>
<!--
<ul class="actions">
<li><a href="projects.html" class="button scrolly">View All Dashboards</a></li>
</ul> -->
</div>
</div>
</section>
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one" class="tiles">
<article>
<span class="image">
<img src="p/pizza/imgs/img0-thumbnail.jpg" alt="" />
</span>
<header class="major">
<h3><a href="p/pizza/pizza.html" class="link">An AI That Orders You A Pizza If You're Sad</a></h3>
<p>In an attempt to replace my friends, I built an AI that will automatically order a pizza to a given address, if it detects
that you're feeling sad!
</p>
</header>
</article>
<article>
<span class="image">
<img src="p/rage_comics/imgs/thumb_square_derp.jpg" alt="" />
</span>
<header class="major">
<h3><a href="p/rage_comics/rage.html" class="link">An AI That Makes RAGE COMICS</a></h3>
<p>The Internet was a very different place a decade ago. In an attempt to capture the magic of what once was,
I built an AI that uses Sentiment Analysis to try to recreate old school Rage Comics!
</p>
</header>
</article>
<article>
<span class="image">
<img src="p/nba_distance/imgs/thumb_long.jpg" alt="" />
</span>
<header class="major">
<h3><a href="p/nba_distance/nba_dist.html" class="link">I Relocated Every NBA Team Using Math</a></h3>
<p>What started off as a simple project ended up taking me down a rabbit hole of infintesimals and geographic arithmetic. This project
tries to see if we can relocate each NBA team to be equidistant from each other.
</p>
</header>
</article>
<article>
<span class="image">
<img src="p/freerice/imgs/thumb_long.jpg" alt="" />
</span>
<header class="major">
<h3><a href="p/freerice/freerice.html" class="link">Using AI To Raise Money For Charity</a></h3>
<p>In this project, I go ahead and use ComputerVision to answer questions found on a charity website.
Each correct answer leads to a donation to the WHP. Who says AI can't be used for good?
</p>
</header>
</article>
<article>
<span class="image">
<img src="p/ee100/imgs/ee100_thumb.jpg" alt="" />
</span>
<header class="major">
<h3><a href="p/ee100/ee100.html" class="link">Analyzing 100 (Expert) Levels</a></h3>
<p>I beat over 100 Mario Maker 2 Endless Expert levels in a row without ever skipping.
How does that look in numbers? Let's take a look!
</p>
</header>
</article>
<article>
<span class="image">
<img src="images/pokemon_banner.jpg" alt="" />
</span>
<header class="major">
<h3><a href="projects.html" class="link">View All Projects . . .</a></h3>
<p>
</p>
</header>
</article>
</section>
<!-- Two -->
<section id="two">
<div class="inner">
<header class="major">
<h2>To Employers and Collaborators</h2>
</header>
<p>Tp prevent spam and scams, I do not have personal contact information here.
If you would like to discuss future collaboration ideas or employment opportunities, please visit the
<strong>contact</strong> page and I will reply accordingly! Thank you!
</p>
<ul class="actions">
<li><a href="projects.html" class="button next">Contact</a></li>
</ul>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<li><a href="https://www.youtube.com/@MitchsMisadventures" class="icon brands alt fa-youtube"><span class="label">YouTube</span></a></li>
<li><a href="https://twitter.com/MitchsMistweets" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.instagram.com/mitchsmisadventures/" class="icon brands alt fa-instagram"><span class="label">Instagram</span></a></li>
</ul>
<ul class="copyright">
<li>Design: <a href="https://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>