1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <!-- Required meta tags --> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 7 8 <!-- Bootstrap CSS --> 9 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> 10 11 <!-- google fonts --> 12 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Slab:wght@300;400;500&display=swap"> 13 14 <!-- fontawesome --> 15 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css"> 16 17 <!-- Custom Styles --> 18 <link rel="stylesheet" href="/assets/css/styles.css"> 19 20 <title>joshua m. felton</title> 21 </head> 22 <body> 23 24 <div class="container border rounded shadow-sm "> 25 <div class="container"> 26 <header class="site-header" id="site-header" role="banner"> 27 <div id="title-container" class="title-container"> 28 <div id="site-title" class="site-title"><a href="/">joshua m. felton</a></div> 29 <a class="social-icons" href="https://github.com/FrisbeeJosh"><i class="fab fa-github"></i></a> 30 </div> 31 <div id="menu-primary-container" class="menu-primary-container"> 32 <div id="menu-primary" class="menu-container menu-primary" role="navigation"> 33 <nav class="menu"> 34 <ul id="menu-primary-items" class="menu-primary-items"> 35 <!-- iterate over each item in the _data/navigation.yml file --> 36 37 <li id="menu-item" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home"> 38 <a href="/" 39 40 class="current" 41 style="color: red;" 42 > 43 about 44 </a> 45 46 <li id="menu-item" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home"> 47 <a href="/research.html" 48 > 49 research 50 </a> 51 52 <li id="menu-item" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home"> 53 <a href="/teaching.html" 54 > 55 teaching 56 </a> 57 58 <li id="menu-item" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home"> 59 <a href="/sci-comm.html" 60 > 61 sci-comm 62 </a> 63 64 <li id="menu-item" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home"> 65 <a href="/photography.html" 66 > 67 art 68 </a> 69 70 <li id="menu-item" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home"> 71 <a href="https://frisbeejosh.github.io/blog/" 72 > 73 blog 74 </a> 75 76 </ul> 77 </nav> 78 </div> 79 </div> 80 </header> 81</div> 82 83 <br> 84 <!DOCTYPE html> 85<html lang="en"> 86<head> 87 <meta charset="UTF-8"> 88 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 89 <title>About</title> 90 <link rel="preconnect" href="https://fonts.googleapis.com"> 91 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 92 <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap" rel="stylesheet"> 93 <style> 94 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } 95 96 :root { 97 --cream: #f7f4ef; 98 --ink: #1c1a17; 99 --ink-light: #5a5750; 100 --ink-faint: #9a9590; 101 --moss: #3d5a3e; 102 --moss-light: #e8ede8; 103 --rule: rgba(28,26,23,0.12); 104 --serif: 'Cormorant Garamond', Georgia, serif; 105 --sans: 'DM Sans', system-ui, sans-serif; 106 } 107 108 html { background: var(--cream); } 109 110 body { 111 font-family: var(--sans); 112 color: var(--ink); 113 background: var(--cream); 114 line-height: 1.6; 115 -webkit-font-smoothing: antialiased; 116 } 117 118 .page-wrapper { 119 max-width: 900px; 120 margin: 0 auto; 121 padding: 4rem 2rem 6rem; 122 } 123 124 .hero { 125 display: grid; 126 grid-template-columns: 220px 1fr; 127 gap: 3rem; 128 align-items: start; 129 padding-bottom: 3rem; 130 border-bottom: 1px solid var(--rule); 131 margin-bottom: 3.5rem; 132 animation: fadeUp 0.7s ease both; 133 } 134 135 .hero-left { display: flex; flex-direction: column; gap: 1.25rem; } 136 137 .profile-img { 138 width: 100%; 139 display: block; 140 border-radius: 4px; 141 } 142 143 .photo-caption { 144 font-family: var(--serif); 145 font-size: 0.82rem; 146 font-style: italic; 147 color: var(--ink-faint); 148 line-height: 1.5; 149 padding-top: 0.6rem; 150 border-top: 1px solid var(--rule); 151 } 152 153 .photo-caption a { color: var(--moss); text-decoration: none; } 154 .photo-caption a:hover { text-decoration: underline; } 155 156 .hero-right { padding-top: 0.25rem; } 157 158 .hero-name { 159 font-family: var(--serif); 160 font-size: 3rem; 161 font-weight: 300; 162 line-height: 1.1; 163 color: var(--ink); 164 margin-bottom: 1.5rem; 165 } 166 167 .hero-bio { 168 font-family: var(--serif); 169 font-size: 1.15rem; 170 font-weight: 300; 171 line-height: 1.8; 172 color: var(--ink-light); 173 } 174 175 .hero-bio em { font-style: italic; } 176 177 .inat-strip { 178 margin-top: 1.25rem; 179 padding-top: 1rem; 180 border-top: 1px solid var(--rule); 181 overflow: hidden; 182 } 183 184 .inat-strip table { 185 width: 100% !important; 186 max-width: 100% !important; 187 border-collapse: collapse; 188 } 189 190 .inat-strip img { 191 max-width: 100%; 192 } 193 194 .inat-link { 195 margin-bottom: 0.75rem; 196 font-size: 0.78rem; 197 } 198 199 .inat-link a { 200 color: var(--moss); 201 text-decoration: none; 202 } 203 204 205 .inat-label { 206 font-family: var(--sans); 207 font-size: 0.65rem; 208 font-weight: 500; 209 letter-spacing: 0.12em; 210 text-transform: uppercase; 211 color: var(--ink-faint); 212 margin-bottom: 0.75rem; 213 } 214 215 .spotify-wrap { 216 margin-top: 1.75rem; 217 padding-top: 1.25rem; 218 border-top: 1px solid var(--rule); 219 } 220 221 .spotify-label { 222 font-family: var(--sans); 223 font-size: 0.65rem; 224 font-weight: 500; 225 letter-spacing: 0.12em; 226 text-transform: uppercase; 227 color: var(--ink-faint); 228 margin-bottom: 0.75rem; 229 } 230 231 .spotify-wrap iframe { border-radius: 4px; display: block; } 232 233 .section { 234 margin-bottom: 4rem; 235 animation: fadeUp 0.7s ease both; 236 animation-delay: 0.15s; 237 } 238 239 .section-header { 240 display: flex; 241 align-items: center; 242 gap: 1rem; 243 margin-bottom: 2rem; 244 } 245 246 .section-label { 247 font-family: var(--sans); 248 font-size: 0.65rem; 249 font-weight: 500; 250 letter-spacing: 0.14em; 251 text-transform: uppercase; 252 color: var(--ink-faint); 253 white-space: nowrap; 254 } 255 256 .section-rule { flex: 1; height: 1px; background: var(--rule); } 257 258 .pub-group { margin-bottom: 2rem; } 259 260 .pub-year-row { 261 display: flex; 262 align-items: center; 263 gap: 1rem; 264 margin-bottom: 1.25rem; 265 } 266 267 .pub-year { 268 font-family: var(--serif); 269 font-size: 1rem; 270 font-weight: 500; 271 color: var(--moss); 272 white-space: nowrap; 273 } 274 275 .pub-year-rule { flex: 1; height: 1px; background: var(--rule); } 276 277 .pub-list { list-style: none; display: flex; flex-direction: column; gap: 1.1rem; } 278 279 .pub-item { 280 font-family: var(--sans); 281 font-size: 0.9rem; 282 line-height: 1.75; 283 color: var(--ink-light); 284 padding-left: 1rem; 285 border-left: 2px solid var(--moss-light); 286 } 287 288 .pub-item em { font-style: italic; } 289 290 .pub-item a { color: var(--moss); text-decoration: none; } 291 .pub-item a:hover { text-decoration: underline; } 292 293 .pub-link { 294 display: inline-block; 295 margin-top: 0.4rem; 296 font-size: 0.78rem; 297 letter-spacing: 0.03em; 298 } 299 300 .view-more { 301 display: inline-block; 302 margin-top: 1.25rem; 303 font-family: var(--sans); 304 font-size: 0.75rem; 305 font-weight: 500; 306 letter-spacing: 0.1em; 307 text-transform: uppercase; 308 color: var(--moss); 309 text-decoration: none; 310 border-bottom: 1px solid var(--moss); 311 padding-bottom: 2px; 312 transition: opacity 0.2s; 313 } 314 315 .view-more:hover { opacity: 0.7; } 316 317 .section-divider { 318 border: none; 319 border-top: 1px solid var(--rule); 320 margin: 3.5rem 0; 321 } 322 323 footer { 324 text-align: center; 325 font-family: var(--sans); 326 font-size: 0.78rem; 327 color: var(--ink-faint); 328 padding-top: 2rem; 329 border-top: 1px solid var(--rule); 330 } 331
332 @keyframes fadeUp { 333 from { opacity: 0; transform: translateY(16px); } 334 to { opacity: 1; transform: translateY(0); } 335 } 336 337 @media (max-width: 680px) { 338 .page-wrapper { padding: 3rem 1.25rem 5rem; } 339 .hero { grid-template-columns: 1fr; gap: 1.75rem; } 340 .hero-name { font-size: 2.4rem; } 341 } 342 </style> 343</head> 344<body> 345<div class="page-wrapper"> 346 347 <div class="hero"> 348 <div class="hero-left"> 349 <img class="profile-img" src="./assets/images/prof_pic.jpg" alt="Joshua M. Felton"> 350 <p class="photo-caption"> 351 phd candidate, <a href="https://blogs.cornell.edu/specht/">specht lab</a><br> 352 section of plant biology & l.h. bailey hortorium<br> 353 cornell university 354 </p> 355 <div class="inat-strip"> 356 <p class="inat-label">iNaturalist observations</p> 357 358 <p class="inat-link"> 359 <a href="https://www.inaturalist.org/observations/josh_felton"> 360 View observations » 361 </a> 362 </p> 363 364
364<script type="text/javascript" charset="utf-8" 365 src="https://www.inaturalist.org/observations/josh_felton.widget?layout=large&limit=5&order=desc&order_by=observed_on"> 366 </script>
366 367 </div> 368 </div> 369 370 <div class="hero-right"> 371 <h1 class="hero-name">joshua m. felton</h1> 372 <p class="hero-bio"> 373 Plant evolutionary biologist interested in reproductive biology. I use the Neotropical family 374 <em>Bromeliaceae</em> to investigate how sexual systems influence population dynamics, 375 broadly working to contextualize how reproductive biology shapes macroevolutionary trends. 376 </p> 377 378 <div class="spotify-wrap"> 379 <p class="spotify-label">currently listening</p> 380 <iframe 381 src="https://open.spotify.com/embed/playlist/0xH1RwmBILEqvDpouq4o0T" 382 width="100%" height="380" frameborder="0" 383 allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" 384 loading="lazy"> 385 </iframe> 386 </div> 387 </div> 388 </div> 389 390 <div class="section"> 391 <div class="section-header"> 392 <span class="section-label">Publications</span> 393 <div class="section-rule"></div> 394 </div> 395 396<div class="pub-group"> 397 <div class="pub-year-row"> 398 <span class="pub-year">2026</span> 399 <div class="pub-year-rule"></div> 400 </div> 401 <ul class="pub-list"> 402 <li class="pub-item"> 403 <strong>Felton, J.M.</strong>, Landis, J.B., Pirro, S., Specht, C.D. (2026) 404 The complete genome sequences of 13 species of <em>Catopsis</em> (Bromeliaceae, Poales). 405 <em>Biodiversity Genomes</em>. 406 </li> 407 <li class="pub-item"> 408 <strong>Felton, J.M.</strong>, Escalante, K.T., Cayetano, D.T., Mendez, K.D., Specht, C.D. (2026) 409 A natural-history study of reproductive scaling and clonality in co-occurring <em>Catopsis</em> Griseb. 410 <em>bioRxiv</em> <span style="color:var(--ink-faint);">[Preprint]</span>. 411 </li> 412 <li class="pub-item"> 413 <strong>Felton, J.M.</strong>, Heschel, M.S., Bodine, E.N., Jabaily, R.S. (2026) 414 Comparative reproductive biology and impacts of selfing in two epiphytic Bromeliaceae. 415 <em>bioRxiv</em> <span style="color:var(--ink-faint);">[Preprint]</span>.<br> 416 <a class="pub-link" href="https://doi.org/10.1101/2026.07.20.739642" target="_blank">doi:10.1101/2026.07.20.739642 â</a> 417 </li> 418 </ul> 419</div> 420 421<div class="pub-group"> 422 <div class="pub-year-row"> 423 <span class="pub-year">2025</span> 424 <div class="pub-year-rule"></div> 425 </div> 426 <ul class="pub-list"> 427 <li class="pub-item"> 428 <strong>Felton, J.M.</strong>, Jelley, C., Harden, J., Scholten, J.T., Graber, L., Heeney, M., Rizzieri, Y.C., Specht, C.D., Landis, J.B. (2025) 429 The power to resolve relationships: Identifying incongruence and precision of reduced-representation and genome-wide data in phylogenomics and population genomics. 430 <em>bioRxiv</em> <span style="color:var(--ink-faint);">[Preprint]</span>.<br> 431 <a class="pub-link" href="https://doi.org/10.1101/2025.07.09.663802" target="_blank">doi:10.1101/2025.07.09.663802 â</a> 432 </li> 433 <li class="pub-item"> 434 Landis, J.B., Hufnagel, E., <strong>Felton, J.M.</strong>, Harden, J.J., Almeida, D., Specht, C.D. (2025) 435 AVITI library prep miniaturization and combining with Illumina data for phylogenomic and population genomic analyses. 436 <em>bioRxiv</em> <span style="color:var(--ink-faint);">[Preprint]</span>.<br> 437 <a class="pub-link" href="https://doi.org/10.1101/2025.07.30.667782" target="_blank">doi:10.1101/2025.07.30.667782 â</a> 438 </li> 439 </ul> 440</div> 441 442 <a class="view-more" href="/publications">View all publications</a> 443 </div> 444 445 <hr class="section-divider"> 446 447 <footer> 448 <span>Copyright © 2025 Joshua M. Felton</span> 449 </footer> 450 451</div> 452</body> 453</html> 454 455 456 <hr> 457 </div> 458 459 <!-- Optional JavaScript --> 460 <!-- jQuery first, then Popper.js, then Bootstrap JS --> 461
461<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
461 462
462<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
462 463
463<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
463 464 465 466 </body> 467</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.