-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
101 lines (76 loc) · 4.87 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
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Raleway:400,700,800" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<title>Alex Lascelles - Home</title>
<link rel="icon" href="src/logo_al_white_noborder.png">
<link rel="stylesheet" href="src/styles.css">
<style>
/* Additional CSS for more centered paragraph text */
p {
max-width: 1200px;
margin: 0 auto; /* Center the paragraph */
text-align: center; /* Centers the text inside the paragraph */
padding-bottom: 1em;
}
</style>
</head>
<body>
<div class="container-fluid">
<br/>
<ul>
<li class="home-icon-bright"><a href="index.html"><span class="home-icon-bright-color fa fa-home"></span></a></li>
<li><a class="textlink" href="src/about.html">About</a></li>
<li><a class="textlink" href="src/research.html">Research</a></li>
<li><a class="textlink" href="src/cv.html">CV</a></li>
<li><a class="textlink" href="src/music_and_art.html">Music and Art</a></li>
<li><a class="textlink" href="src/contact.html">Contact</a></li>
</ul>
<div class="backgrounds-container">
<div class="backgrounds">
<span class="backgrounds-text">Alex Lascelles</span>
</div>
</div>
<hr class="dividers" />
<div class="picframe">
<a href="src/about.html"><img class="pic" src="src/logo_al_white_noborder.png" alt="logo" height="120"></a>
<div class="middle">
<div class="thetext"><b><a href="src/about.html">Enter</a></b></div>
</div>
</div>
<hr class="dividers" />
<h2>Welcome to my website!</h2>
<p>
I'm a UK-born astronomer-turned-neuroscientist based in Boston. On this site, you can see the <a class="textlink" href="src/research.html">research and projects</a> I've been
involved with, read more <a class="textlink" href="src/about.html">about me</a>, and check out some of the <a class="textlink" href="src/music_and_art.html">music and art</a> that I enjoy making!
</p>
<p>
I'm excited by research into how humans see, hear, remember, and interact with the beautifully complex world we find ourselves in.
I enjoy finding creative ways to represent data and communicate it clearly to people of all levels of understanding in an open and honest way.
</p>
<p>
I believe that by mixing science, technology, and the arts with diversity of thought and background, we stand the best chance of accelerating our
quality of life and tackling the big problems of our time such as global inequality, healthcare, and the climate crisis.
</p>
<p>
Previously, I worked for 5 years as a technical research assistant in Dr. Aude Oliva's <a class="textlink" href="http://olivalab.mit.edu" target="_blank">Computational Perception and Cognition Lab</a> at MIT.
Before that, I completed an MSc in Music and Neuroscience and an MPhys in Physics with Astronomy.
</p>
<p>
Always curious to learn new things, share ideas, and connect with people — please don't hesitate to <a class="textlink" href="src/contact.html">get in touch</a>!
</p>
<section id="contacts">
<a href="https://x.com/LascellesAlex" class="contacts-icon" target="_blank"><span class="fa fa-twitter"></span></a>
<a href="https://github.com/alexlascelles" class="contacts-icon" target="_blank"><span class="fa fa-github"></span></a>
<a href="mailto:[email protected]" class="contacts-icon"><span class="fa fa-envelope"></span></a>
<a href="https://www.linkedin.com/in/alexlascelles/" class="contacts-icon" target="_blank"><span class="fa fa-linkedin"></span></a>
<a href="https://www.instagram.com/alexlascelles/" class="contacts-icon" target="_blank"><span class="fa fa-instagram"></span></a>
</section>
<p id="blue">
Copyright © Alex Lascelles. Last Updated Jul 2024.
</p>
</div>
</body>
</html>