jamesferrare.github.io/index.html at main · JamesFerrare/jamesferrare.github.io · 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
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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Portfolio</title>
  <style>
    body {
      text-align: center;
      font-family: 'Roboto', sans-serif;
    }
    header {
      background-color: #333;
      padding: 10px;
    }
    header a {
      color: white;
      text-decoration: none;
      margin: 0 15px;
      cursor: pointer;
      font-weight: bold;
    }
    .content {
      display: none;
      margin-top: 20px;
    }
    .content.active {
      display: block;
    }
    .about-container {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
      flex-wrap: wrap;
    }
    .about-container img {
      width: 100%;
      max-width: 400px;
      height: auto;
      object-fit: cover;
    }
    .about-container p {
      max-width: 500px;
      text-align: left;
      line-height: 1.6;
    }
    h2 {
      font-size: 28px;
      color: #333;
      margin-bottom: 20px;
    }
    .photo-gallery {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    .photo-gallery img {
      width: 450px;
      height: 300px;
      margin: 10px;
      object-fit: cover;
      position: relative;
      transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    }
    .photo-gallery img:hover {
      opacity: 0.9;
      transform: scale(1.1);
      z-index: 1;
    }
    #publications-container {
      width: 80%;
      max-width: 800px;
      margin: 0 auto;
      text-align: left;
      line-height: 1.6;
    }
    #publications-container p {
      margin-bottom: 15px;
    }
  </style>
</head>
<body>
  <header>
    <a onclick="showTab('about')">About</a>
    <a href="Abbreviated_Resume.pdf" target="_blank">CV</a>
    <a onclick="showTab('photography')">Photography</a>
    <a onclick="showTab('publications')">Publications</a>
  </header>

  <div id="about" class="content active">
    <h2>James Ferrare</h2>
    <div class="about-container">
      <p id="about-text">
        <strong>Hello!</strong> I'm a graduate student in the Biophysics PhD Program at Stanford University.
        I work in the lab of Dr. <a href="https://bgoodlab.github.io/" target="_blank">Benjamin Good</a>, where my research combines tools from statistical
        physics and theoretical population genetics. <br><br>
        My current work focuses on studying the role of recombination in adapting microbial populations.
        Many microbes can exchange genetic material through a process known as horizontal gene transfer.
        We are interested in a simple question: at what rates does HGT appreciably affect evolutionary dynamics?
        Previously, I've also studied how natural selection acts on mutations that alter the short-term fitness of an organism,
        as well as the rates and benefits of future mutations. You can check out our paper <a href="https://www.nature.com/articles/s41559-024-02527-0" target="_blank">here</a>. <br><br>
        Prior to Stanford, I studied international development, mathematics, and physics at Tulane
        University in New Orleans. I spent time in Haiti and Paraguay researching chronic disease and energy poverty and am always looking for projects related to development. Outside of science, I love to backpack and explore the Bay Area. <br><br> <strong>Email</strong>: jferrare at stanford.edu | <strong>Bluesky</strong>: jferrare@bsky.social
      </p>
      <img src="About_Me.png" alt="Your Photo">
    </div>
  </div>

  <div id="photography" class="content">
    <h2>Scenes from the Bay Area and Beyond</h2>
    <div class="photo-gallery">
      <img src="Lake_Aloha.JPG" alt="Lake Aloha">
      <img src="Cinque_Torri.JPG" alt="Cinque Torri">
      <img src="Channel_Islands.JPG" alt="Channel Islands">
      <img src="Mt_Whitney.JPG" alt="Mt Whitney">
      <img src="Ocean_Beach.JPG" alt="Ocean Beach">
      <img src="Santa_Barbara.JPG" alt="Santa Barbara">
      <img src="Carmel.JPG" alt="Carmel-by-the-Sea">
      <img src="Lake_Braies.JPG" alt="Lake Braies">
      <img src="Big_Sur.JPG" alt="Big Sur">
      <img src="Dolomites.JPG" alt="Dolomites">
      <img src="Eastern_Sierras.JPG" alt="Eastern Sierras">
      <img src="Sunset.JPG" alt="Sunset">
      <img src="Golden_Gate_Park.JPG" alt="Golden Gate Park">
      <img src="Marin.jpg" alt="Marin">
      <img src="Ocean_beach2.jpg" alt="Ocean Beach 2">
      <img src="Okinawa.jpg" alt="Okinawa">
      <img src="Lake_Tahoe.jpg" alt="Lake Tahoe">
      <img src="Yosemite.jpg" alt="Yosemite Valley">
      <img src="Geirangerfjord.jpg" alt="Geirangerfjord">
      <img src="Toubkal.jpg" alt="Mt. Toubkal">
    </div>
  </div>

  <div id="publications" class="content">
    <h2>Publications</h2>
    <div id="publications-container">
      <p>1. <strong>J. Ferrare</strong> and B. Good. "Evolution of evolvability in rapidly adapting populations." <i>Nature Ecology and Evolution</i>, 2024. <a href="Evolvability.pdf">Main Text</a> | <a href="Evolvability_SI.pdf">Supplementary Material</a></p>
      <p>2. Q. Li, <strong>J. Ferrare</strong>, J. Silver, et al. "Cholesterol in the cargo membrane amplifies tau inhibition of kinesin-1-based transport." <i>Proceedings of the National Academy of Sciences</i>, 2023. <a href="Cholesterol.pdf">Main Text</a> | <a href="Cholesterol_SI.pdf">Supplementary Material</a></p>
      <p>3. D. Chiuchiù, <strong>J. Ferrare</strong>, and S. Pigolotti. "Assembly of heteropolymers via a network of reaction coordinates." <i>Physical Review E</i>, 2019. <a href="Heteropolymers.pdf">Main Text</a></p>
    </div>
  </div>

  <script>
    function showTab(tabId) {
      const contents = document.querySelectorAll('.content');
      contents.forEach(content => content.classList.remove('active'));
      document.getElementById(tabId).classList.add('active');
    }
  </script>
</body>
</html>