website/index.html at master · alexlascelles/website · GitHub

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
<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/projects.html">Personal Projects</a></li>
                <li><a class="textlink" href="src/cv.html">CV</a></li>
                <li><a class="textlink" href="art.html">Art</a></li>
                <li><a class="textlink" href="music.html">Music</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-turned-teacher based in Boulder. On this site, you can see the
                <a class="textlink" href="src/research.html">research and projects</a> I've been involved with, view some of my
                <a class="textlink" href="src/projects.html">personal projects</a>, read more
                <a class="textlink" href="src/about.html">about me</a>, and check out some of the
                <a class="textlink" href="src/art.html">art</a> and <a class="textlink" href="src/music.html">music</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. Recently, I've become more interested in teaching and data visualization & storytelling.
            </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 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. I've
                also spent some time tutoring maths and piano.
            </p>

            <p>
                Always curious to learn new things, share ideas, and connect with people &#8212; 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:alexlascelles95@gmail.com" 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 2025.
            </p>

        </div>
    </body>

</html>