-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
158 lines (146 loc) · 7.3 KB
/
Copy pathindex.html
File metadata and controls
158 lines (146 loc) · 7.3 KB
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
<!DOCTYPE HTML>
<!--
Solid State by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Dan Ingenthron</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<script data-cfasync="false" type="text/javascript" src="https://cdn.rawgit.com/dwyl/learn-to-send-email-via-google-script-html-no-server/master/form-submission-handler.js"></script>
</head>
<body>
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">Dan Ingenthron</a></h1>
<!-- <nav>
<a href="#menu">Menu</a>
</nav> -->
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<div class="logo"><span class="icon fa-diamond"></span></div>
<h2>Dan Ingenthron</h2>
<p>Developer / Musician</p>
</div>
</section>
<!-- Wrapper -->
<section id="wrapper">
<!-- One -->
<section id="one" class="wrapper spotlight style1">
<div class="inner">
<img class="image" src="images/superiorpic.jpg" alt="">
<div class="content">
<h2 class="major">What It's All About</h2>
<p>Throughout my career as a musician and as a developer, I have always been inspired by the learning process and leveraging collaboration in project management.</p>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt spotlight style2">
<div class="inner">
<img class="image" src="images/pixabay.png" alt="">
<div class="content">
<h2 class="major">Developer</h2>
<p>My first experience with software development came from automating a sales job. I picked up as much Ruby, JS and SQL as I could at work, then enrolled at Actualize, a coding bootcamp in Chicago. The most important thing I took away was how to take a long-term project from inception to presentation. Since then I've been working on freelance and open source projects, expanding into additional JS frameworks, web apps in Python, shell scripts and C programming, whatever I can pick up.</p>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper spotlight style3">
<div class="inner">
<img class="image" src="images/martyrspic.jpg" alt="">
<div class="content">
<h2 class="major">Musician</h2>
<p>I learned how to play music by learning songs one note at a time until I had a song down, as many albums as I could get my hands on. Now I've played almost every state in this country, and have had the opportunity to play internationally as well. My focus has always been my own development as a player; it's great when you can play a full house, but you never get the chance unless you focus on becoming the best you possibly can.</p>
</div>
</div>
</section>
<!-- Four -->
<section id="four" class="wrapper alt style1">
<div class="inner">
<h2 class="major">ChartApp <a class="applink" href="https://chartapp-io.herokuapp.com/#/">(view)</a></h2>
<p>Actualize was an intensive program; Ruby, Rails, JavaScript, VueJS, and more. My capstone project was an app that allows a user to upload and share sheet music for the purpose of practicing with audio files. It was built with a Rails/Postgres backend and a Vue.js frontend, and utilized Web Audio API and the Spotify API, featuring time-stretch capability to slow down playback without affecting pitch.
</p>
<section class="features">
<article>
<img class="image" src="images/chartapphome.png" alt="">
<h3 class="major">Sheet Music + Audio Player</h3>
<p>The app came out of my experience as a music teacher - you learn a piece by working up to speed, section by section. I wanted to be able to isolate parts of a song and slow them down to let a user practice along with the sheet music.</p>
</article>
<article>
<img class="image" src="images/code3.png" alt="">
<h3 class="major">Time-Stretching</h3>
<p>Time-stretching was the major hurdle here; finding a JS library to incorporate with the Web Audio API.</p>
</article>
<article>
<img class="image" src="images/modal.png" alt="">
<h3 class="major">Vue.JS</h3>
<p>The framework for the app was Vue.JS, which I've used as a springboard to also begin work with Angular and React.</p>
</article>
<article>
<img class="image" src="images/beatlespic.png" alt="">
<h3 class="major">Spotify API</h3>
<p>The Spotify API provided song metadata and album art to round out the front-end design.</p>
</article>
</section>
</div>
</section>
</section>
<!-- Footer -->
<section id="footer">
<div class="inner">
<h2 class="major">Get in touch</h2>
<p>Drop me a line! I'd love to hear from you.</p>
<form id="gform" method="post" action="https://script.google.com/macros/s/AKfycbwhAOG09IK7Ebi9go8AZDsk5_yMGCgAzt3q85czFjTK2__-kB_o/exec">
<div class="field">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field">
<label for="email">Email</label>
<input type="email" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="4"></textarea>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</form>
<ul class="contact">
<li class="fa-home">
2432 N. Bernard St.<br />
Chicago, IL 60647
</li>
<li class="fa-phone">(773) 682-7525</li>
<!-- <li class="fa-envelope"><a href="#">information@untitled.tld</a></li>
<li class="fa-twitter"><a href="#">twitter.com/untitled-tld</a></li>
<li class="fa-facebook"><a href="#">facebook.com/untitled-tld</a></li>
<li class="fa-instagram"><a href="#">instagram.com/untitled-tld</a></li> -->
</ul>
<ul class="copyright">
<li>© Untitled Inc. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>