-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
64 lines (64 loc) · 3.75 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
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script src="https://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="shortcut icon" href="https://www.favicon.cc/images/tools/mover.png"/>
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,600' rel='stylesheet' type='text/css'>
<title>Angus Bayley</title>
<link rel="stylesheet" type="text/css" href="styles.css"/>
<script type="text/javascript" language="javascript" src="script.js"></script>
<meta name="description" content="Personal website for Angus Bayley">
</head>
<body>
<div id="spacer">
<div id="container">
<div id="titleBanner">
Angus Bayley
</div>
<div id="introBanner">
Welcome to the portal for all things Angus Bayley.
</div>
<div class="header">Music</div>
<div class="dropdown">
<p>Right now I'm working on an album of piano and synth led groove music which will come out in the next few months. <a href="http://angusbayley.com">Here's the website</a> for it.</p>
<p>Before this my best known project was <a href="http://scrapbook-music.com/">Scrapbook</a>. We played some of London's best experimental music venues, toured the UK and were backed by the Arts Council.</p>
<p>There's a cross section of snippets from across my musical journey over on <a href="http://www.soundcloud.com/angusbayley">my Soundcloud</a>.</p>
</div>
<div class="header">Essays</div>
<div class="dropdown">
<p>I tend to overthink things.</p>
<p>
<ul>
<li><a href="https://medium.com/@angusbayley/idea-garbage-collection-2b7d5bb8af63">Idea garbage collection</a></li>
<li><a href="https://medium.com/entrepreneur-first/life-acceleration-a0379bc7f4c8">Life acceleration</a></li>
<li><a href="https://medium.com/@angusbayley/personal-alarm-system-4f65b7b77f7b">Personal alarm system</a></li>
</ul>
</p>
</div>
<div class="header">Things I've made</div>
<div class="dropdown">
<p>I'm a self-taught programmer. I spend a lot of my time working on practical applications of machine learning: most significantly, I built a decent portion of the fraud prevention system at <a href="https://gocardless.com">GoCardless</a>. When I started learning how to code, I learnt by doing, and that resulted in many little code experiments like this:</p>
<p>
<ul>
<li>Bridget Riley interactive 1: <a href="code-experiments/tunnel/index.html">Tunnel</a></li>
<li>Bridget Riley interactive 2: <a href="code-experiments/ovals/index.html">Ovals</a></li>
<li><a href="code-experiments/grc/grc.html">Gear Ratio Calculator</a></li>
<!-- TODO: hook this up to the intro page, not just the canvas -->
<li><a href="code-experiments/wrinkle-simulation/wrinklesCanvas.html">Wrinkling canvas experiment</a></li>
<li>Second JS clock: <a href="code-experiments/maths-clock/maths-clock.html">Maths Clock</a></li>
<li>First JS clock: <a href="code-experiments/dot-clock/dot-clock.html">Dot Clock</a></li>
</ul>
</p>
<p>None of these are up to my current standards of design or coding, but I'm keeping them around for nostalgic reasons.</p>
</div>
<div class="header">Scientific research that I've done</div>
<div class="dropdown">
<p>In a previous life I was a scientist.</p>
<p>I wrote this <a href="http://pubs.rsc.org/en/content/articlelanding/2013/sm/c3sm52766b#!divAbstract">academic paper</a> and an accompanying <a href="https://medium.com/p/9739ef5dc7fc">simple and more-fun-to-read explanation</a> of what it was all about.</p>
<p>I ended up leaving academia because I stopped believing in the societal benefit of what I was doing, and I started believing in the sunk cost fallacy.</p>
</div>
</div>
</div>
</body>
</html>