-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
317 lines (271 loc) · 14.7 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
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<title>Place for Sounds</title>
<meta charset="utf-8">
<meta name="description" content="Chris Badenoch's personal music website, made to as a Place for his Sounds.">
<meta name="keywords" content="Guitar, Music, Jazz, Songs, Independent, Personal, Musician, Oxford, Brookes, University, Electronic, Weird, Place, For, Sounds">
<meta name="author" content="Chris Badenoch">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body id="home" data-spy="scroll" data-target=".navbar" data-offset="50">
<!---------NAVIGATION BAR----------->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Place for Sounds</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="#home">HOME</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#gear">GEAR</a></li>
<li><a href="#music">MUSIC</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">PROJECTS
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="projects.html">Ongoing</a></li>
<li><a href="projects.html">Finished</a></li>
</ul>
</li>
<li><a href="contact.php">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
<!---------NAVIGATION BAR----------->
<!---------NAVIGATION BAR----------->
<!---------NAVIGATION BAR----------->
<br><br>
<div id="top" class="container-fluid bg-2">
<h1>P L A C E</h1>
<h1> F O R </h1>
<h1>         S O U N D S</h1>
<h2>Chris Badenoch's Personal Music Site</h2>
</div>
<div id="home2">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="img/chrisBeach2.jpg" class="img-responsive margin" alt="New York">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="img/carouselChris.jpg" class="img-responsive margin" alt="Chicago">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="img/carouselChris2.jpg" class="img-responsive margin" alt="Los Angeles">
<div class="carousel-caption">
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!--------ABOUT SECTION----------->
<div id="about" class="container-fluid bg-2 text-center">
<br>
<img src="img/chrisMerlie.jpg" class="img-responsive img-circle margin" style="display:inline" alt="Chris with Merlie">
</div>
<div id="about2" class="container-fluid bg-3 text-center">
<br>
<h3>About</h3>
<br>
<div class="col-sm-3"> </div>
<div class="col-sm-6"><p>Hi I'm Chris Badenoch and this is my place for sounds on the internet. I'm a 23 year old music technology student at Oxford Brookes, looking to one day be able to sustain myself through music. Keen to learn and improve (by any means necessary) and hope I can share that process through this platform. I'm mainly a guitarist with a strong interest in electronic music and making things sound a bit weird. </p></div>
<div class="col-sm-3"> </div>
</div>
<br>
<!--------------GEAR SECTION----------->
<div id="gear" class="container-fluid bg-4 text-center">
<br>
<h3>My Gear</h3><br>
<div class="row">
<div class="col-sm-4">
<h2>Epiphone Wildkat</h2>
<br>
<p>Lovely hollow-body with a wide maple neck which was perfect for me. I learnt how to play on an old classical guitar and big, wide necks felt so much more comfortable. Humbucker pickups and the Bigsby tailpiece really appealed to me and I think this guitar has really shaped my playing style.</p>
<img src="img/Epiphone%20Wildkat.jpg" class="img-responsive margin center-block" alt="Ephiphone wildkat" width="350" height="300">
</div>
<div class="col-sm-4">
<h2>Yamaha FX370C</h2>
<br>
<p>Electric-acoustic guitar I have used for pretty much everything.</p>
<img src="img/Yamaha%20FX370C%20Electric-Acoustic.jpg" class="img-responsive margin center-block" alt="Yamaha FX370C" width="350" height="300">
</div>
<div class="col-sm-4">
<h2>Fender Squier Jazz Bass</h2>
<br>
<p>Had some bassy needs so picked this up. Plays real nice but I'm not a very experienced bassist so can't comment on much else! I play it through the Exelsior since it has a 15" speaker or if I'm lazy (or it's late at night) I DI it.</p>
<img src="img/Fender%20Squier%20Jazz%20Bass.jpg" class="img-responsive margin center-block" alt="Fender Squier Jazz Bass" width="350" height="300">
</div>
</div>
<div class="row">
<div class="col-sm-4">
<h2>Focusrite Scarlet 202i2 Interface</h2>
<br>
<p>First piece of kit I picked up when I got frustrated with my 8-track. Really impoved workflow and while I've read negative reviews of these models I've never had any problems.</p>
<img src="img/Scarlet%202i2%20Interface.jpg" class="img-responsive margin center-block" alt="Focusrite Scarlet 2021i2 Interface" width="350" height="300">
</div>
<div class="col-sm-4">
<h2>SM57</h2>
<br>
<p>Robust & reliable dynamic mic which is usually what I fall back on when I'm not sure how to approach recording something. I use it mainly for isolated recordings of my amp or of percussion. </p>
<img src="img/SM57%20Mic.jpg" class="img-responsive margin center-block" alt="SM57" width="350" height="300">
</div>
<div class="col-sm-4">
<h2>SE2200a II C </h2>
<br>
<p>Not sure how necessary the full title is but regardless, I use this condenser for most recordings at home. Most often on acoustic guitar and vocal recordings, occasionally using it on the amp to pick up more of the room.</p>
<img src="img/SE2200a%20II%20C%20Condenser%20Mic.jpg" class="img-responsive margin center-block" alt="SE2200a II Condenser Mic" width="350" height="300">
</div>
</div>
<div class="row">
<div class="col-sm-4">
<h2>TC Electronic Ditto X2 Looper</h2>
<br>
<p>Really long recording time, especially compared to the DL4, and with 0.5 speed & reverse effects. Whole days have slid by just messing around with this pedal, got pretty deep down the 'reversy guitar' rabbit hole and i'm still trying to climb out of it.</p>
<img src="img/TC%20Electronic%20Ditto%20X2%20Looper.jpg" class="img-responsive margin center-block" alt="TC Electronic Ditto X2 Looper" width="350" height="300">
</div>
<div class="col-sm-4">
<h2>Electro-Harmonix Holy Grail</h2>
<br>
<p>Really solid pedal; always a bit wary of digital reverb but this one's a beaut.</p>
<img src="img/Electro-Harmonix%20Holy%20Grail%20Reverb%20Pedal.jpg" class="img-responsive margin center-block" alt="Electro-Harmonix Holy Grail" width="350" height="300">
</div>
<div class="col-sm-4">
<h2>Line 6 DL4</h2>
<br>
<p>Crazy amount of stuff you can do with this one. Love daisy-chaining it with the Ditto and the Holy Grail to build some atmospheric goodness.</p>
<img src="img/Line6%20DL4%20Delay%20Pedal.jpg" class="img-responsive margin center-block" alt="Line 6 DL4" width="350" height="300">
</div>
</div>
<div class="row">
<div class="col-sm-4">
<h2>Big Muff Germanium </h2>
<br>
<p>Double distortion pedal, the options being 'distortion' or 'overdrive'. Use this pedal a lot to vent my bottomless rage, oh and to make good sounds.</p>
<img src="img/Big%20Muff%20Germanium%20Double%20Distortion%20Pedal.jpg" class="img-responsive margin center-block" alt="Big Muff Germanium" width="350" height="300">
</div>
<div class="col-sm-4">
<h2>Fender Exelsior Amp</h2>
<br>
<p>Big, vintage lookin 13W amp with a 15" speaker. Has an amazing built in tremolo and I love it to bits but it weighs an absolute ton. Not for the feeble roadie I imagine.</p>
<img src="img/Fender%20Exelsior%2013W%20Amp.jpg" class="img-responsive margin center-block" alt="Fender Exelsior Amp" width="350" height="300">
</div>
<div class="col-sm-4">
<h2>M-Audio Axiom 49 MIDI Controller </h2>
<br>
<p>Use this to program all software instruments. Nice drum pads and keys play well enough to accommodate my amateur piano abilities.</p>
<img src="img/M-Audio%20Axiom49%20Midi%20Controller.jpg" class="img-responsive margin center-block" alt="M-Audio Axiom 49 MIDI Controller" width="350" height="300">
</div>
</div>
</div>
<!--------MUSIC SECTION----------------->
<div id="music" class="container text-center">
<h3>Some of my completed works</h3>
<p>Click on one of the three images to listen to a track.</p>
<br>
<div class="row">
<div class="col-sm-4">
<p class="text-center"><strong>Careism Part 4</strong></p><br>
<a href="#demo" data-toggle="collapse">
<img src="img/chrisSweep.jpg" class="img-circle person" alt="Chris">
</a>
<div id="demo" class="collapse">
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/318434680&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false"></iframe>
<p>A song I made for a documentary on discrimination against foster kids.</p>
</div>
</div>
<div class="col-sm-4">
<p class="text-center"><strong>Nude with Merlie (Radiohead Cover)</strong></p><br>
<a href="#demo2" data-toggle="collapse">
<img src="img/chrisRestaurant.jpg" class="img-circle person" alt="Chris">
</a>
<div id="demo2" class="collapse">
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/319409763&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false"></iframe>
<p>A spontaneous recording of a Radiohead song.</p>
</div>
</div>
<div class="col-sm-4">
<p class="text-center"><strong>Reckoner with Merlie (Radiohead Cover)</strong></p><br>
<a href="#demo3" data-toggle="collapse">
<img src="img/chrisKitchen.jpg" class="img-circle person" alt="Chris">
</a>
<div id="demo3" class="collapse">
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/319410149&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false"></iframe>
<p>A recording of my girlfriend's favourite Radiohead song.</p>
</div>
</div>
</div>
<p>For more information on my music, please refer to the <a href="projects.html"> Projects</a> section of the website.</p>
</div>
<!----------FOOTER----------------->
<footer class="text-center">
<a class="up-arrow" href="#home" data-toggle="tooltip" title="TO TOP">
<span class="glyphicon glyphicon-chevron-up"></span>
</a><br>
<p>©Copyright 2017 Place for Sounds. All rights reserved. Site designed by <a href="https://www.facebook.com/jacky.cheung.733">Jacky Cheung</a></p>
<iframe allowtransparency="true" scrolling="no" frameborder="no" src="https://w.soundcloud.com/icon/?url=http%3A%2F%2Fsoundcloud.com%2Fcbadenoch&color=black_white&size=32" style="width: 32px; height: 32px;"></iframe>
</footer>
<script>
$(document).ready(function(){
// Initialize Tooltip
$('[data-toggle="tooltip"]').tooltip();
})
</script>
<!------------SCROLLING SCRIPT-------->
<script>
$(document).ready(function(){
// Add smooth scrolling to all links in navbar + footer link
$(".navbar a, footer a[href='#home']").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;
// Using jQuery's animate() method to add smooth page scroll
// The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 750, function(){
// Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
});
} // End if
});
})
</script>
</body>
</html>