Content Header Journal
[Do not use this base pattern directly: see the following variants of this pattern for usage]
- Comment Open annotations (there are currently 0 annotations on this page).
- Share
This pattern contains:
molecules-contextual-data
HTML
<header
class="content-header content-header-journal wrapper"
data-behaviour="ContentHeader">
<div class="content-container-grid">
<div class="content-header-grid-top">
</div>
<div class="content-header-grid__main">
<div class="content-header__body">
<h1 class="content-header__title content-header__title--medium">[Do not use this base pattern directly: see the following variants of this pattern for usage]</h1>
</div>
<div class="content-header__footer">
</div>
</div>
<div class="side-section">
<div class="side-section-wrapper">
<ul class="side-section-wrapper__list">
<li data-hypothesis-trigger>
<span class="side-section-wrapper__link" data-behaviour="HypothesisTrigger"><span class="svg-background-image comment"></span>Comment<span aria-hidden="true"><span data-visible-annotation-count></span> </span><span class="visuallyhidden">Open annotations (there are currently <span data-hypothesis-annotation-count>0</span> annotations on this page). </span></span>
</li>
<li class="side-section-wrapper__share-listing">
<a href="" id="modalContentShare" class="side-section-wrapper__link">
<span class="svg-background-image share"></span>Share</a>
</li>
</ul>
<div class="side-section-wrapper__inner-block">
</div>
</div>
</div>
<div class="divider"></div>
</div>
</header>
Content Header Journal Article 1 Author
Homo naledi, a new species of the genus Homo from the Dinaledi Chamber, South Africa
- University of the Witwatersrand, South Africa;
This pattern contains:
molecules-contextual-data
HTML
<header
class="content-header content-header-journal wrapper content-header--header content-header--has-social-media-sharers"
data-behaviour="ContentHeader">
<div class="content-container-grid">
<div class="content-header-grid-top">
<ul class="breadcrumbs">
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">Research Article</a>
</li>
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">Magazine</a>
</li>
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">Magazine</a>
</li>
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">Magazine</a>
</li>
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">Magazine</a>
</li>
</ul>
<ol class="content-header__subject_list">
<li class="content-header__subject_list_item">
<a href="#" class="content-header__subject_link">Cell Biology</a>
</li>
<li class="content-header__subject_list_item">
<a href="#" class="content-header__subject_link">Epidemiology and Global Health</a>
</li>
<li class="content-header__subject_list_item">
<a href="#" class="content-header__subject_link">Epidemiology and Global Health</a>
</li>
</ol>
</div>
<div class="content-header-grid__main">
<div class="content-header__body">
<h1 class="content-header__title content-header__title--medium"><i>Homo naledi</i>, a new species of the genus <i>Homo</i> from the Dinaledi Chamber, South Africa</h1>
</div>
<div class="authors" data-behaviour="Authors">
<ol class="author_list" aria-label="Authors of this article">
<li class="author_list_item"><span class="author"><a href="#" data-behaviour="Popup" class="author_link">Lee R Berger</a><span class="author_suffix"> <picture>
<source srcset="../../assets/img/icons/corresponding-author.svg" type="image/svg+xml">
<img src="../../assets/img/icons/corresponding-author@1x.png"
srcset="../../assets/img/icons/corresponding-author@2x.png 2x, ../../assets/img/icons/corresponding-author@1x.png 1x"
alt="Is a corresponding author" class="author_icon">
</picture></span></span></li>
</ol>
<ol class="institution_list" aria-label="Author institutions">
<li class="institution_list_item">
<span class="institution">University of the Witwatersrand, South Africa<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
</ol>
</div>
<div class="content-header__footer">
<div class="content-header__meta">
<div class="meta">
<span class="date"> <time datetime="2016-02-29">Feb 29, 2016</time></span>
</div>
</div>
<span class="doi">
<a href="https://doi.org/10.7554/eLife.16370.1" class="doi__link">
https://doi.org/10.7554/eLife.16370.1
</a>
</span>
<ul class="content-header__icons">
<li>
<a href="https://en.wikipedia.org/wiki/Open_access"
class="content-header__icon content-header__icon--oa">
<span class="visuallyhidden">Open access</span>
</a>
</li>
<li>
<a href="#copyright" class="content-header__icon content-header__icon--cc">
<span class="visuallyhidden">Copyright information</span>
</a>
</li>
</ul>
</div>
</div>
<div class="side-section">
<div class="side-section-wrapper">
<ul class="side-section-wrapper__list">
<li>
<a href="#articleDownloadLinksList" class="side-section-wrapper__download_link side-section-wrapper__link">
<span class="svg-background-image download"></span>Download
</a>
</li>
<li>
<a href="#articleCite" id="modalContentCitations" class="side-section-wrapper__link">
<span class="svg-background-image cite"></span>Cite</a>
</li>
<li data-hypothesis-trigger>
<span class="side-section-wrapper__link" data-behaviour="HypothesisTrigger"><span class="svg-background-image comment"></span>Comment<span aria-hidden="true"><span data-visible-annotation-count></span> </span><span class="visuallyhidden">Open annotations (there are currently <span data-hypothesis-annotation-count>0</span> annotations on this page). </span></span>
</li>
<li class="side-section-wrapper__share-listing">
<a href="" id="modalContentShare" class="side-section-wrapper__link">
<span class="svg-background-image share"></span>Share</a>
</li>
</ul>
<div class="side-section-wrapper__inner-block">
<ul class="social-media-sharers">
<li>
<a class="social-media-sharer email" href="mailto:?subject=Some%20article%20title&amp;body=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share by Email">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="email" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="clear-button-bg" x="0" y="0" width="24" height="24"></rect>
<path d="M20,4 L4,4 C2.9,4 2.01,4.9 2.01,6 L2,18 C2,19.1 2.9,20 4,20 L20,20 C21.1,20 22,19.1 22,18 L22,6 C22,4.9 21.1,4 20,4 Z M20,8 L12,13 L4,8 L4,6 L12,11 L20,6 L20,8 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://twitter.com/intent/tweet/?text=Some%20article%20title&amp;url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Tweet a link to this page">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="x-24-articles" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d="M13.6604555,11.4785798 L20.954365,3 L19.225942,3 L12.8926412,10.3618317 L7.83425247,3 L2,3 L9.64927632,14.1323934 L2,23.023486 L3.72852106,23.023486 L10.4166498,15.2491415 L15.7586789,23.023486 L21.5929313,23.023486 L13.660031,11.4785798 L13.6604555,11.4785798 Z M11.293009,14.2304723 L10.5179779,13.1219369 L4.35133136,4.30120576 L7.00623887,4.30120576 L11.9827944,11.4198173 L12.7578255,12.5283527 L19.2267583,21.7814574 L16.5718508,21.7814574 L11.293009,14.2308968 L11.293009,14.2304723 Z" id="Shape" fill="#212121" fill-rule="nonzero"></path>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="facebook" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="clear-button-bg" x="0" y="0" width="24" height="24"></rect>
<path d="M11.8969072,2 C6.43099227,2 2,6.41067993 2,11.8515383 C2,16.7687258 5.61915593,20.844338 10.3505155,21.5833958 L10.3505155,14.6992486 L7.83762887,14.6992486 L7.83762887,11.8515383 L10.3505155,11.8515383 L10.3505155,9.68112126 C10.3505155,7.21207948 11.8280541,5.84825714 14.0887242,5.84825714 C15.1715271,5.84825714 16.3041237,6.04067 16.3041237,6.04067 L16.3041237,8.465072 L15.0561469,8.465072 C13.8267075,8.465072 13.443299,9.22446783 13.443299,10.0035475 L13.443299,11.8515383 L16.1881443,11.8515383 L15.7493557,14.6992486 L13.443299,14.6992486 L13.443299,21.5833958 C18.1746585,20.844338 21.7938144,16.7687258 21.7938144,11.8515383 C21.7938144,6.41067993 17.3628222,2 11.8969072,2 Z" id="Fill-1" fill="#212121" fill-rule="nonzero"></path>
</g>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://www.linkedin.com/company/elife-sciences-publications-ltd" target="_self" aria-label="Share this page to LinkedIn (opens up email program, if configured on this system)">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="linkedin" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d="M18.9751954,18.9751435 L16.0232549,18.9751435 L16.0232549,14.3522816 C16.0232549,13.2499163 16.0035753,11.8308324 14.4879383,11.8308324 C12.9504693,11.8308324 12.7152366,13.0319032 12.7152366,14.2720257 L12.7152366,18.974836 L9.76329605,18.974836 L9.76329605,9.46835755 L12.5971589,9.46835755 L12.5971589,10.7675189 L12.6368256,10.7675189 C13.2146663,9.77952684 14.2890899,9.18943873 15.4328668,9.23189481 C18.4247815,9.23189481 18.9764254,11.1998552 18.9764254,13.7600486 L18.9751954,18.9751435 Z M6.43252317,8.16888879 C5.48643292,8.16905854 4.71933758,7.40223852 4.7191677,6.45614827 C4.71899794,5.51005802 5.48581795,4.74296266 6.4319082,4.74279278 C7.37799845,4.74262301 8.14509382,5.50944301 8.14526371,6.45553326 C8.14534522,6.90986184 7.96494211,7.34561469 7.64374096,7.66693118 C7.32253981,7.98824766 6.88685175,8.16880719 6.43252317,8.16888879 M7.90849343,18.9751435 L4.95347798,18.9751435 L4.95347798,9.46835755 L7.90849343,9.46835755 L7.90849343,18.9751435 Z M20.4468607,2.00148552 L3.47012787,2.00148552 C2.66777241,1.99243094 2.00979231,2.63513479 2,3.43748159 L2,20.4846305 C2.00945705,21.2873639 2.6673842,21.9307041 3.47012787,21.9223954 L20.4468607,21.9223954 C21.2511925,21.9322515 21.9116962,21.2889485 21.922831,20.4846305 L21.922831,3.43625161 C21.9113617,2.63231978 21.2508045,1.98965267 20.4468607,2" id="Path_2520" fill="#212121" fill-rule="nonzero"></path>
</g>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://reddit.com/submit/?url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share this page on Reddit">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="reddit" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d="M11.9872095,1.051163 C18.0270212,1.051163 22.923256,5.94739779 22.923256,11.9872095 C22.923256,18.0270212 18.0270212,22.923256 11.9872095,22.923256 C5.94739779,22.923256 1.051163,18.0270212 1.051163,11.9872095 C1.051163,5.94739779 5.94739779,1.051163 11.9872095,1.051163 Z M16.5534886,5.37441881 C16.1058142,5.37441881 15.7220932,5.63023277 15.5430235,6.0139537 L12.895349,5.451163 C12.8186049,5.4383723 12.7418607,5.451163 12.6779072,5.48953509 C12.6139537,5.52790719 12.5755816,5.59186067 12.5500002,5.66860486 L11.7441863,9.48023277 C10.0430235,9.53139556 8.52093044,10.0302328 7.42093044,10.8360467 C7.13953509,10.5674421 6.74302347,10.3883723 6.32093044,10.3883723 C5.4383723,10.3883723 4.72209323,11.1046514 4.72209323,11.9872095 C4.72209323,12.6395351 5.10581416,13.1895351 5.66860486,13.445349 C5.64302347,13.5988374 5.63023277,13.7651165 5.63023277,13.9313956 C5.63023277,16.3872095 8.48255835,18.3697677 12.0127909,18.3697677 C15.5430235,18.3697677 18.395349,16.3872095 18.395349,13.9313956 C18.395349,13.7651165 18.3825583,13.6116281 18.356977,13.4581397 C18.8813956,13.2023258 19.2779072,12.6395351 19.2779072,11.9872095 C19.2779072,11.1046514 18.5616281,10.3883723 17.67907,10.3883723 C17.2441863,10.3883723 16.8604653,10.5546514 16.57907,10.8360467 C15.4918607,10.0558142 13.9825583,9.54418626 12.3197677,9.48023277 L13.0488374,6.06511649 L15.4151165,6.5639537 C15.4406979,7.16511649 15.9395351,7.651163 16.5534886,7.651163 C17.1802328,7.651163 17.6918607,7.13953509 17.6918607,6.51279091 C17.6918607,5.88604672 17.1802328,5.37441881 16.5534886,5.37441881 Z M9.72325602,15.7093025 C10.2093025,16.195349 11.2581397,16.3744188 12.0127909,16.3744188 C12.7674421,16.3744188 13.8034886,16.195349 14.3023258,15.7093025 C14.4174421,15.5941863 14.6093025,15.5941863 14.7244188,15.7093025 C14.8139537,15.8372095 14.8139537,16.0162793 14.6988374,16.1313956 C13.9186049,16.9116281 12.4348839,16.9627909 12.0000002,16.9627909 C11.5651165,16.9627909 10.0686049,16.8988374 9.301163,16.1313956 C9.18604672,16.0162793 9.18604672,15.8244188 9.301163,15.7093025 C9.41627928,15.5941863 9.60813974,15.5941863 9.72325602,15.7093025 Z M9.48023277,11.9872095 C10.1069769,11.9872095 10.6186049,12.4988374 10.6186049,13.1255816 C10.6186049,13.7523258 10.1069769,14.2639537 9.48023277,14.2639537 C8.85348858,14.2639537 8.34186067,13.7523258 8.34186067,13.1255816 C8.34186067,12.4988374 8.85348858,11.9872095 9.48023277,11.9872095 Z M14.4941863,11.9872095 C15.1209304,11.9872095 15.6325583,12.4988374 15.6325583,13.1255816 C15.6325583,13.7523258 15.1209304,14.2639537 14.4941863,14.2639537 C13.8674421,14.2639537 13.3558142,13.7523258 13.3558142,13.1255816 C13.3558142,12.4988374 13.8674421,11.9872095 14.4941863,11.9872095 Z" id="Combined-Shape" fill="#212121" fill-rule="nonzero"></path>
</g>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://toot.kytta.dev/?text=Some%20article%20title%20https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share this page on Mastodon">
<svg width="24px" height="24px">
<g id="mastodon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d='M11.5412949,0 C14.6936837,0.0250851513 17.7279692,0.357269448 19.4950021,1.1471931 C19.4950021,1.1471931 22.9995752,2.67324958 22.9995752,7.87958222 L23,8.27840764 C22.9948717,9.32900538 22.9399626,12.2394095 22.5108214,14.3877566 C22.1727192,16.0807457 19.4826471,17.9335557 16.3930961,18.2926354 C14.7820287,18.4797396 13.1958041,18.6517151 11.5043627,18.5762011 C8.73816776,18.4528442 6.55544838,17.9335557 6.55544838,17.9335557 C6.55544838,18.1956567 6.57205459,18.4452152 6.605267,18.6786105 C6.96489093,21.335697 9.312211,21.4948713 11.5357152,21.5690923 C13.7799439,21.6438306 15.7782681,21.0305374 15.7782681,21.0305374 L15.8704657,23.0052819 C15.8704657,23.0052819 14.3007146,23.8257215 11.5043627,23.9766203 C9.96237703,24.0591169 8.04774824,23.9388633 5.8177344,23.3643616 C0.981210876,22.1183796 0.149439349,17.1004442 0.022169409,12.0089343 C-0.0166226796,10.4972307 0.00729025582,9.07177343 0.00729025582,7.87958222 C0.00729025582,2.67324958 3.51199627,1.1471931 3.51199627,1.1471931 C5.27916201,0.357269448 8.31145476,0.0250851513 11.4638436,0 L11.5412949,0 Z M15.8599153,5 C14.461897,5 13.4033065,5.46697151 12.7035195,6.40103745 L12.0229667,7.39238391 L11.3425554,6.40103745 C10.642627,5.46697151 9.58403654,5 8.18615964,5 C6.97793807,5 6.00462882,5.36912752 5.26142334,6.08919046 C4.54070495,6.8092534 4.18190148,7.78253068 4.18190148,9.00730143 L4.18190148,15 L6.91358821,15 L6.91358821,9.1834452 C6.91358821,7.95732233 7.50716259,7.33498047 8.69445278,7.33498047 C10.0071899,7.33498047 10.6652556,8.0732355 10.6652556,9.5330285 L10.6652556,12.7167687 L13.3808194,12.7167687 L13.3808194,9.5330285 C13.3808194,8.0732355 14.0387436,7.33498047 15.3514807,7.33498047 C16.5387709,7.33498047 17.1323453,7.95732233 17.1323453,9.1834452 L17.1323453,15 L19.864032,15 L19.864032,9.00730143 C19.864032,7.78253068 19.5052285,6.8092534 18.7846516,6.08919046 C18.0413047,5.36912752 17.0679954,5 15.8599153,5 Z' id='Combined-Shape' fill='#212121' fill-rule='nonzero'></path>
</g>
</g>
</svg>
</a>
</li>
</ul>
<div class="contextual-data">
<ul class="contextual-data__list" aria-label="The following contains the number of views, citations and annotations in this article">
<li class="contextual-data__item"><a href="#"><span class="contextual-data__counter">149</span> views</a></li>
<li class="contextual-data__item"><span class="contextual-data__counter">5</span> citations</li>
</ul>
</div>
</div>
</div>
</div>
<div class="divider"></div>
</div>
</header>
Content Header Journal Article 2 Authors
Homo naledi, a new species of the genus Homo from the Dinaledi Chamber, South Africa
- Lee R Berger
- Bernhard Zipfel
- University of the Witwatersrand, South Africa;
- Smithsonian Institution, United States;
This pattern contains:
molecules-contextual-data
HTML
<header
class="content-header content-header-journal wrapper content-header--header content-header--has-social-media-sharers"
data-behaviour="ContentHeader">
<div class="content-container-grid">
<div class="content-header-grid-top">
<ul class="breadcrumbs">
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">Research Article</a>
</li>
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">Magazine</a>
</li>
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">Magazine</a>
</li>
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">Magazine</a>
</li>
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">Magazine</a>
</li>
</ul>
<ol class="content-header__subject_list">
<li class="content-header__subject_list_item">
<a href="#" class="content-header__subject_link">Cell Biology</a>
</li>
<li class="content-header__subject_list_item">
<a href="#" class="content-header__subject_link">Epidemiology and Global Health</a>
</li>
<li class="content-header__subject_list_item">
<a href="#" class="content-header__subject_link">Epidemiology and Global Health</a>
</li>
</ol>
</div>
<div class="content-header-grid__main">
<div class="content-header__body">
<h1 class="content-header__title content-header__title--medium"><i>Homo naledi</i>, a new species of the genus <i>Homo</i> from the Dinaledi Chamber, South Africa</h1>
</div>
<div class="authors" data-behaviour="Authors">
<ol class="author_list" aria-label="Authors of this article">
<li class="author_list_item"><span class="author"><a href="#" data-behaviour="Popup" class="author_link">Lee R Berger</a><span class="author_suffix"> <picture>
<source srcset="../../assets/img/icons/corresponding-author.svg" type="image/svg+xml">
<img src="../../assets/img/icons/corresponding-author@1x.png"
srcset="../../assets/img/icons/corresponding-author@2x.png 2x, ../../assets/img/icons/corresponding-author@1x.png 1x"
alt="Is a corresponding author" class="author_icon">
</picture></span></span></li><li class="author_list_item"><span class="author">Bernhard Zipfel<span class="author_suffix"> <picture>
<source srcset="../../assets/img/icons/corresponding-author.svg" type="image/svg+xml">
<img src="../../assets/img/icons/corresponding-author@1x.png"
srcset="../../assets/img/icons/corresponding-author@2x.png 2x, ../../assets/img/icons/corresponding-author@1x.png 1x"
alt="Is a corresponding author" class="author_icon">
</picture></span></span></li>
</ol>
<ol class="institution_list" aria-label="Author institutions">
<li class="institution_list_item">
<span class="institution">University of the Witwatersrand, South Africa<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Smithsonian Institution, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
</ol>
</div>
<div class="content-header__footer">
<div class="content-header__meta">
<div class="meta">
<span class="date"> <time datetime="2016-02-29">Feb 29, 2016</time></span>
</div>
</div>
<span class="doi">
<a href="https://doi.org/10.7554/eLife.16370.1" class="doi__link">
https://doi.org/10.7554/eLife.16370.1
</a>
</span>
<ul class="content-header__icons">
<li>
<a href="https://en.wikipedia.org/wiki/Open_access"
class="content-header__icon content-header__icon--oa">
<span class="visuallyhidden">Open access</span>
</a>
</li>
<li>
<a href="#copyright" class="content-header__icon content-header__icon--cc">
<span class="visuallyhidden">Copyright information</span>
</a>
</li>
</ul>
</div>
</div>
<div class="side-section">
<div class="side-section-wrapper">
<ul class="side-section-wrapper__list">
<li>
<a href="#articleDownloadLinksList" class="side-section-wrapper__download_link side-section-wrapper__link">
<span class="svg-background-image download"></span>Download
</a>
</li>
<li>
<a href="#articleCite" id="modalContentCitations" class="side-section-wrapper__link">
<span class="svg-background-image cite"></span>Cite</a>
</li>
<li data-hypothesis-trigger>
<span class="side-section-wrapper__link" data-behaviour="HypothesisTrigger"><span class="svg-background-image comment"></span>Comment<span aria-hidden="true"><span data-visible-annotation-count></span> </span><span class="visuallyhidden">Open annotations (there are currently <span data-hypothesis-annotation-count>0</span> annotations on this page). </span></span>
</li>
<li class="side-section-wrapper__share-listing">
<a href="" id="modalContentShare" class="side-section-wrapper__link">
<span class="svg-background-image share"></span>Share</a>
</li>
</ul>
<div class="side-section-wrapper__inner-block">
<ul class="social-media-sharers">
<li>
<a class="social-media-sharer email" href="mailto:?subject=Some%20article%20title&amp;body=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share by Email">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="email" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="clear-button-bg" x="0" y="0" width="24" height="24"></rect>
<path d="M20,4 L4,4 C2.9,4 2.01,4.9 2.01,6 L2,18 C2,19.1 2.9,20 4,20 L20,20 C21.1,20 22,19.1 22,18 L22,6 C22,4.9 21.1,4 20,4 Z M20,8 L12,13 L4,8 L4,6 L12,11 L20,6 L20,8 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://twitter.com/intent/tweet/?text=Some%20article%20title&amp;url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Tweet a link to this page">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="x-24-articles" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d="M13.6604555,11.4785798 L20.954365,3 L19.225942,3 L12.8926412,10.3618317 L7.83425247,3 L2,3 L9.64927632,14.1323934 L2,23.023486 L3.72852106,23.023486 L10.4166498,15.2491415 L15.7586789,23.023486 L21.5929313,23.023486 L13.660031,11.4785798 L13.6604555,11.4785798 Z M11.293009,14.2304723 L10.5179779,13.1219369 L4.35133136,4.30120576 L7.00623887,4.30120576 L11.9827944,11.4198173 L12.7578255,12.5283527 L19.2267583,21.7814574 L16.5718508,21.7814574 L11.293009,14.2308968 L11.293009,14.2304723 Z" id="Shape" fill="#212121" fill-rule="nonzero"></path>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="facebook" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="clear-button-bg" x="0" y="0" width="24" height="24"></rect>
<path d="M11.8969072,2 C6.43099227,2 2,6.41067993 2,11.8515383 C2,16.7687258 5.61915593,20.844338 10.3505155,21.5833958 L10.3505155,14.6992486 L7.83762887,14.6992486 L7.83762887,11.8515383 L10.3505155,11.8515383 L10.3505155,9.68112126 C10.3505155,7.21207948 11.8280541,5.84825714 14.0887242,5.84825714 C15.1715271,5.84825714 16.3041237,6.04067 16.3041237,6.04067 L16.3041237,8.465072 L15.0561469,8.465072 C13.8267075,8.465072 13.443299,9.22446783 13.443299,10.0035475 L13.443299,11.8515383 L16.1881443,11.8515383 L15.7493557,14.6992486 L13.443299,14.6992486 L13.443299,21.5833958 C18.1746585,20.844338 21.7938144,16.7687258 21.7938144,11.8515383 C21.7938144,6.41067993 17.3628222,2 11.8969072,2 Z" id="Fill-1" fill="#212121" fill-rule="nonzero"></path>
</g>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://www.linkedin.com/company/elife-sciences-publications-ltd" target="_self" aria-label="Share this page to LinkedIn (opens up email program, if configured on this system)">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="linkedin" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d="M18.9751954,18.9751435 L16.0232549,18.9751435 L16.0232549,14.3522816 C16.0232549,13.2499163 16.0035753,11.8308324 14.4879383,11.8308324 C12.9504693,11.8308324 12.7152366,13.0319032 12.7152366,14.2720257 L12.7152366,18.974836 L9.76329605,18.974836 L9.76329605,9.46835755 L12.5971589,9.46835755 L12.5971589,10.7675189 L12.6368256,10.7675189 C13.2146663,9.77952684 14.2890899,9.18943873 15.4328668,9.23189481 C18.4247815,9.23189481 18.9764254,11.1998552 18.9764254,13.7600486 L18.9751954,18.9751435 Z M6.43252317,8.16888879 C5.48643292,8.16905854 4.71933758,7.40223852 4.7191677,6.45614827 C4.71899794,5.51005802 5.48581795,4.74296266 6.4319082,4.74279278 C7.37799845,4.74262301 8.14509382,5.50944301 8.14526371,6.45553326 C8.14534522,6.90986184 7.96494211,7.34561469 7.64374096,7.66693118 C7.32253981,7.98824766 6.88685175,8.16880719 6.43252317,8.16888879 M7.90849343,18.9751435 L4.95347798,18.9751435 L4.95347798,9.46835755 L7.90849343,9.46835755 L7.90849343,18.9751435 Z M20.4468607,2.00148552 L3.47012787,2.00148552 C2.66777241,1.99243094 2.00979231,2.63513479 2,3.43748159 L2,20.4846305 C2.00945705,21.2873639 2.6673842,21.9307041 3.47012787,21.9223954 L20.4468607,21.9223954 C21.2511925,21.9322515 21.9116962,21.2889485 21.922831,20.4846305 L21.922831,3.43625161 C21.9113617,2.63231978 21.2508045,1.98965267 20.4468607,2" id="Path_2520" fill="#212121" fill-rule="nonzero"></path>
</g>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://reddit.com/submit/?url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share this page on Reddit">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="reddit" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d="M11.9872095,1.051163 C18.0270212,1.051163 22.923256,5.94739779 22.923256,11.9872095 C22.923256,18.0270212 18.0270212,22.923256 11.9872095,22.923256 C5.94739779,22.923256 1.051163,18.0270212 1.051163,11.9872095 C1.051163,5.94739779 5.94739779,1.051163 11.9872095,1.051163 Z M16.5534886,5.37441881 C16.1058142,5.37441881 15.7220932,5.63023277 15.5430235,6.0139537 L12.895349,5.451163 C12.8186049,5.4383723 12.7418607,5.451163 12.6779072,5.48953509 C12.6139537,5.52790719 12.5755816,5.59186067 12.5500002,5.66860486 L11.7441863,9.48023277 C10.0430235,9.53139556 8.52093044,10.0302328 7.42093044,10.8360467 C7.13953509,10.5674421 6.74302347,10.3883723 6.32093044,10.3883723 C5.4383723,10.3883723 4.72209323,11.1046514 4.72209323,11.9872095 C4.72209323,12.6395351 5.10581416,13.1895351 5.66860486,13.445349 C5.64302347,13.5988374 5.63023277,13.7651165 5.63023277,13.9313956 C5.63023277,16.3872095 8.48255835,18.3697677 12.0127909,18.3697677 C15.5430235,18.3697677 18.395349,16.3872095 18.395349,13.9313956 C18.395349,13.7651165 18.3825583,13.6116281 18.356977,13.4581397 C18.8813956,13.2023258 19.2779072,12.6395351 19.2779072,11.9872095 C19.2779072,11.1046514 18.5616281,10.3883723 17.67907,10.3883723 C17.2441863,10.3883723 16.8604653,10.5546514 16.57907,10.8360467 C15.4918607,10.0558142 13.9825583,9.54418626 12.3197677,9.48023277 L13.0488374,6.06511649 L15.4151165,6.5639537 C15.4406979,7.16511649 15.9395351,7.651163 16.5534886,7.651163 C17.1802328,7.651163 17.6918607,7.13953509 17.6918607,6.51279091 C17.6918607,5.88604672 17.1802328,5.37441881 16.5534886,5.37441881 Z M9.72325602,15.7093025 C10.2093025,16.195349 11.2581397,16.3744188 12.0127909,16.3744188 C12.7674421,16.3744188 13.8034886,16.195349 14.3023258,15.7093025 C14.4174421,15.5941863 14.6093025,15.5941863 14.7244188,15.7093025 C14.8139537,15.8372095 14.8139537,16.0162793 14.6988374,16.1313956 C13.9186049,16.9116281 12.4348839,16.9627909 12.0000002,16.9627909 C11.5651165,16.9627909 10.0686049,16.8988374 9.301163,16.1313956 C9.18604672,16.0162793 9.18604672,15.8244188 9.301163,15.7093025 C9.41627928,15.5941863 9.60813974,15.5941863 9.72325602,15.7093025 Z M9.48023277,11.9872095 C10.1069769,11.9872095 10.6186049,12.4988374 10.6186049,13.1255816 C10.6186049,13.7523258 10.1069769,14.2639537 9.48023277,14.2639537 C8.85348858,14.2639537 8.34186067,13.7523258 8.34186067,13.1255816 C8.34186067,12.4988374 8.85348858,11.9872095 9.48023277,11.9872095 Z M14.4941863,11.9872095 C15.1209304,11.9872095 15.6325583,12.4988374 15.6325583,13.1255816 C15.6325583,13.7523258 15.1209304,14.2639537 14.4941863,14.2639537 C13.8674421,14.2639537 13.3558142,13.7523258 13.3558142,13.1255816 C13.3558142,12.4988374 13.8674421,11.9872095 14.4941863,11.9872095 Z" id="Combined-Shape" fill="#212121" fill-rule="nonzero"></path>
</g>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://toot.kytta.dev/?text=Some%20article%20title%20https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share this page on Mastodon">
<svg width="24px" height="24px">
<g id="mastodon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d='M11.5412949,0 C14.6936837,0.0250851513 17.7279692,0.357269448 19.4950021,1.1471931 C19.4950021,1.1471931 22.9995752,2.67324958 22.9995752,7.87958222 L23,8.27840764 C22.9948717,9.32900538 22.9399626,12.2394095 22.5108214,14.3877566 C22.1727192,16.0807457 19.4826471,17.9335557 16.3930961,18.2926354 C14.7820287,18.4797396 13.1958041,18.6517151 11.5043627,18.5762011 C8.73816776,18.4528442 6.55544838,17.9335557 6.55544838,17.9335557 C6.55544838,18.1956567 6.57205459,18.4452152 6.605267,18.6786105 C6.96489093,21.335697 9.312211,21.4948713 11.5357152,21.5690923 C13.7799439,21.6438306 15.7782681,21.0305374 15.7782681,21.0305374 L15.8704657,23.0052819 C15.8704657,23.0052819 14.3007146,23.8257215 11.5043627,23.9766203 C9.96237703,24.0591169 8.04774824,23.9388633 5.8177344,23.3643616 C0.981210876,22.1183796 0.149439349,17.1004442 0.022169409,12.0089343 C-0.0166226796,10.4972307 0.00729025582,9.07177343 0.00729025582,7.87958222 C0.00729025582,2.67324958 3.51199627,1.1471931 3.51199627,1.1471931 C5.27916201,0.357269448 8.31145476,0.0250851513 11.4638436,0 L11.5412949,0 Z M15.8599153,5 C14.461897,5 13.4033065,5.46697151 12.7035195,6.40103745 L12.0229667,7.39238391 L11.3425554,6.40103745 C10.642627,5.46697151 9.58403654,5 8.18615964,5 C6.97793807,5 6.00462882,5.36912752 5.26142334,6.08919046 C4.54070495,6.8092534 4.18190148,7.78253068 4.18190148,9.00730143 L4.18190148,15 L6.91358821,15 L6.91358821,9.1834452 C6.91358821,7.95732233 7.50716259,7.33498047 8.69445278,7.33498047 C10.0071899,7.33498047 10.6652556,8.0732355 10.6652556,9.5330285 L10.6652556,12.7167687 L13.3808194,12.7167687 L13.3808194,9.5330285 C13.3808194,8.0732355 14.0387436,7.33498047 15.3514807,7.33498047 C16.5387709,7.33498047 17.1323453,7.95732233 17.1323453,9.1834452 L17.1323453,15 L19.864032,15 L19.864032,9.00730143 C19.864032,7.78253068 19.5052285,6.8092534 18.7846516,6.08919046 C18.0413047,5.36912752 17.0679954,5 15.8599153,5 Z' id='Combined-Shape' fill='#212121' fill-rule='nonzero'></path>
</g>
</g>
</svg>
</a>
</li>
</ul>
<div class="contextual-data">
<ul class="contextual-data__list" aria-label="The following contains the number of views, citations and annotations in this article">
<li class="contextual-data__item"><a href="#"><span class="contextual-data__counter">149</span> views</a></li>
<li class="contextual-data__item"><span class="contextual-data__counter">5</span> citations</li>
</ul>
</div>
</div>
</div>
</div>
<div class="divider"></div>
</div>
</header>
Content Header Journal Article
Homo naledi, a new species of the genus Homo from the Dinaledi Chamber, South Africa
- Lee R Berger
- John Hawks
- Darryl J de Ruiter
- Steven E Churchill
- Peter Schmid
- Lucas K Delezene
- Tracy L Kivell
- Heather M Garvin
- Scott A Williams
- Jeremy M DeSilva
- Matthew M Skinner
- Charles M Musiba
- Noel Cameron
- Trenton W Holliday
- William Harcourt-Smith
- Rebecca R Ackermann
- Markus Bastir
- Barry Bogin
- Debra Bolter
- Juliet Brophy
- Zachary D Cofran
- Kimberly A Congdon
- Andrew S Deane
- Mana Dembo
- Michelle Drapeau
- Marina C Elliott
- Elen M Feuerriegel
- Daniel Garcia-Martinez
- David J Green
- Alia Gurtov
- Joel D Irish
- Ashley Kruger
- Myra F Laird
- Damiano Marchi
- Marc R Meyer
- Shahed Nalla
- Enquye W Negash
- Caley M Orr
- Davorka Radovcic
- Lauren Schroeder
- Jill E Scott
- Zachary Throckmorton
- Caroline VanSickle
- Christopher S Walker
- Pianpian Wei
- Bernhard Zipfel
- University of the Witwatersrand, South Africa;
- University of Wisconsin-Madison, United States;
- Texas A&M University, United States;
- Duke University, United States;
- University of Zurich, Switzerland;
- University of Arkansas, United States;
- University of Kent, United Kingdom;
- Max Planck Institute for Evolutionary Anthropology, Germany;
- Mercyhurst University, United States;
- New York University, United States;
- New York Consortium in Evolutionary Primatology, United States;
- Dartmouth College, United States;
- University of Colorado Denver, United States;
- Loughborough University, United Kingdom;
- Tulane University, United States;
- Lehman College, United States;
- American Museum of Natural History, United States;
- University of Cape Town, South Africa;
- Museo Nacional de Ciencias Naturales, Spain;
- Modesto Junior College, United States;
- Louisiana State University, United States;
- Nazarbayev University, Kazakhstan;
- University of Missouri, United States;
- University of Kentucky College of Medicine, United States;
- Simon Fraser University, Canada;
- Université de Montréal, Canada;
- Australian National University, Australia;
- Biology Department, Universidad Autònoma de Madrid, Spain;
- Midwestern University, United States;
- Liverpool John Moores University, United Kingdom;
- University of Pisa, Italy;
- Chaffey College, United States;
- University of Johannesburg, South Africa;
- George Washington University, United States;
- University of Colorado School of Medicine, United States;
- Croatian Natural History Museum, Croatia;
- University of Iowa, United States;
- Lincoln Memorial University, United States;
- Smithsonian Institution, United States;
This pattern contains:
molecules-contextual-data
HTML
<header
class="content-header content-header-journal wrapper content-header--header content-header--has-social-media-sharers"
data-behaviour="ContentHeader">
<div class="content-container-grid">
<div class="content-header-grid-top">
<ul class="breadcrumbs">
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">Research Article</a>
</li>
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">Magazine</a>
</li>
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">Magazine</a>
</li>
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">Magazine</a>
</li>
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">Magazine</a>
</li>
</ul>
<ol class="content-header__subject_list">
<li class="content-header__subject_list_item">
<a href="#" class="content-header__subject_link">Cell Biology</a>
</li>
<li class="content-header__subject_list_item">
<a href="#" class="content-header__subject_link">Epidemiology and Global Health</a>
</li>
<li class="content-header__subject_list_item">
<a href="#" class="content-header__subject_link">Epidemiology and Global Health</a>
</li>
</ol>
</div>
<div class="content-header-grid__main">
<div class="content-header__body">
<h1 class="content-header__title content-header__title--medium"><i>Homo naledi</i>, a new species of the genus <i>Homo</i> from the Dinaledi Chamber, South Africa</h1>
</div>
<div class="authors" data-behaviour="Authors">
<ol class="author_list" aria-label="Authors of this article">
<li class="author_list_item"><span class="author"><a href="#" data-behaviour="Popup" class="author_link">Lee R Berger</a><span class="author_suffix"> <picture>
<source srcset="../../assets/img/icons/corresponding-author.svg" type="image/svg+xml">
<img src="../../assets/img/icons/corresponding-author@1x.png"
srcset="../../assets/img/icons/corresponding-author@2x.png 2x, ../../assets/img/icons/corresponding-author@1x.png 1x"
alt="Is a corresponding author" class="author_icon">
</picture></span></span></li><li class="author_list_item"><span class="author"><a href="#" data-behaviour="Popup" class="author_link">John Hawks</a></span></li><li class="author_list_item"><span class="author"><a href="#" data-behaviour="Popup" class="author_link">Darryl J de Ruiter</a></span></li><li class="author_list_item"><span class="author">Steven E Churchill</span></li><li class="author_list_item"><span class="author">Peter Schmid</span></li><li class="author_list_item"><span class="author">Lucas K Delezene</span></li><li class="author_list_item"><span class="author">Tracy L Kivell</span></li><li class="author_list_item"><span class="author">Heather M Garvin</span></li><li class="author_list_item"><span class="author">Scott A Williams</span></li><li class="author_list_item"><span class="author">Jeremy M DeSilva</span></li><li class="author_list_item"><span class="author">Matthew M Skinner</span></li><li class="author_list_item"><span class="author">Charles M Musiba</span></li><li class="author_list_item"><span class="author">Noel Cameron</span></li><li class="author_list_item"><span class="author">Trenton W Holliday</span></li><li class="author_list_item"><span class="author">William Harcourt-Smith</span></li><li class="author_list_item"><span class="author">Rebecca R Ackermann</span></li><li class="author_list_item"><span class="author">Markus Bastir</span></li><li class="author_list_item"><span class="author">Barry Bogin</span></li><li class="author_list_item"><span class="author">Debra Bolter</span></li><li class="author_list_item"><span class="author">Juliet Brophy</span></li><li class="author_list_item"><span class="author">Zachary D Cofran</span></li><li class="author_list_item"><span class="author">Kimberly A Congdon</span></li><li class="author_list_item"><span class="author">Andrew S Deane</span></li><li class="author_list_item"><span class="author">Mana Dembo</span></li><li class="author_list_item"><span class="author">Michelle Drapeau</span></li><li class="author_list_item"><span class="author">Marina C Elliott</span></li><li class="author_list_item"><span class="author">Elen M Feuerriegel</span></li><li class="author_list_item"><span class="author">Daniel Garcia-Martinez</span></li><li class="author_list_item"><span class="author">David J Green</span></li><li class="author_list_item"><span class="author">Alia Gurtov</span></li><li class="author_list_item"><span class="author">Joel D Irish</span></li><li class="author_list_item"><span class="author">Ashley Kruger</span></li><li class="author_list_item"><span class="author">Myra F Laird</span></li><li class="author_list_item"><span class="author">Damiano Marchi</span></li><li class="author_list_item"><span class="author">Marc R Meyer</span></li><li class="author_list_item"><span class="author">Shahed Nalla</span></li><li class="author_list_item"><span class="author">Enquye W Negash</span></li><li class="author_list_item"><span class="author">Caley M Orr</span></li><li class="author_list_item"><span class="author">Davorka Radovcic</span></li><li class="author_list_item"><span class="author">Lauren Schroeder</span></li><li class="author_list_item"><span class="author">Jill E Scott</span></li><li class="author_list_item"><span class="author">Zachary Throckmorton</span></li><li class="author_list_item"><span class="author">Caroline VanSickle</span></li><li class="author_list_item"><span class="author">Christopher S Walker</span></li><li class="author_list_item"><span class="author">Pianpian Wei</span></li><li class="author_list_item"><span class="author">Bernhard Zipfel<span class="author_suffix"> <picture>
<source srcset="../../assets/img/icons/corresponding-author.svg" type="image/svg+xml">
<img src="../../assets/img/icons/corresponding-author@1x.png"
srcset="../../assets/img/icons/corresponding-author@2x.png 2x, ../../assets/img/icons/corresponding-author@1x.png 1x"
alt="Is a corresponding author" class="author_icon">
</picture></span></span></li>
</ol>
<ol class="institution_list" aria-label="Author institutions">
<li class="institution_list_item">
<span class="institution">University of the Witwatersrand, South Africa<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Wisconsin-Madison, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Texas A&M University, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Duke University, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Zurich, Switzerland<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Arkansas, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Kent, United Kingdom<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Max Planck Institute for Evolutionary Anthropology, Germany<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Mercyhurst University, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">New York University, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">New York Consortium in Evolutionary Primatology, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Dartmouth College, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Colorado Denver, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Loughborough University, United Kingdom<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Tulane University, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Lehman College, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">American Museum of Natural History, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Cape Town, South Africa<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Museo Nacional de Ciencias Naturales, Spain<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Modesto Junior College, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Louisiana State University, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Nazarbayev University, Kazakhstan<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Missouri, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Kentucky College of Medicine, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Simon Fraser University, Canada<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Université de Montréal, Canada<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Australian National University, Australia<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Biology Department, Universidad Autònoma de Madrid, Spain<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Midwestern University, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Liverpool John Moores University, United Kingdom<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Pisa, Italy<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Chaffey College, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Johannesburg, South Africa<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">George Washington University, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Colorado School of Medicine, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Croatian Natural History Museum, Croatia<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Iowa, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Lincoln Memorial University, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Smithsonian Institution, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
</ol>
</div>
<div class="content-header__footer">
<div class="content-header__meta">
<div class="meta">
<span class="date"> <time datetime="2016-02-29">Feb 29, 2016</time></span>
</div>
</div>
<span class="doi">
<a href="https://doi.org/10.7554/eLife.16370.1" class="doi__link">
https://doi.org/10.7554/eLife.16370.1
</a>
</span>
<ul class="content-header__icons">
<li>
<a href="https://en.wikipedia.org/wiki/Open_access"
class="content-header__icon content-header__icon--oa">
<span class="visuallyhidden">Open access</span>
</a>
</li>
<li>
<a href="#copyright" class="content-header__icon content-header__icon--cc">
<span class="visuallyhidden">Copyright information</span>
</a>
</li>
</ul>
</div>
</div>
<div class="side-section">
<div class="side-section-wrapper">
<ul class="side-section-wrapper__list">
<li>
<a href="#articleDownloadLinksList" class="side-section-wrapper__download_link side-section-wrapper__link">
<span class="svg-background-image download"></span>Download
</a>
</li>
<li>
<a href="#articleCite" id="modalContentCitations" class="side-section-wrapper__link">
<span class="svg-background-image cite"></span>Cite</a>
</li>
<li data-hypothesis-trigger>
<span class="side-section-wrapper__link" data-behaviour="HypothesisTrigger"><span class="svg-background-image comment"></span>Comment<span aria-hidden="true"><span data-visible-annotation-count></span> </span><span class="visuallyhidden">Open annotations (there are currently <span data-hypothesis-annotation-count>0</span> annotations on this page). </span></span>
</li>
<li class="side-section-wrapper__share-listing">
<a href="" id="modalContentShare" class="side-section-wrapper__link">
<span class="svg-background-image share"></span>Share</a>
</li>
</ul>
<div class="side-section-wrapper__inner-block">
<ul class="social-media-sharers">
<li>
<a class="social-media-sharer email" href="mailto:?subject=Some%20article%20title&amp;body=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share by Email">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="email" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="clear-button-bg" x="0" y="0" width="24" height="24"></rect>
<path d="M20,4 L4,4 C2.9,4 2.01,4.9 2.01,6 L2,18 C2,19.1 2.9,20 4,20 L20,20 C21.1,20 22,19.1 22,18 L22,6 C22,4.9 21.1,4 20,4 Z M20,8 L12,13 L4,8 L4,6 L12,11 L20,6 L20,8 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://twitter.com/intent/tweet/?text=Some%20article%20title&amp;url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Tweet a link to this page">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="x-24-articles" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d="M13.6604555,11.4785798 L20.954365,3 L19.225942,3 L12.8926412,10.3618317 L7.83425247,3 L2,3 L9.64927632,14.1323934 L2,23.023486 L3.72852106,23.023486 L10.4166498,15.2491415 L15.7586789,23.023486 L21.5929313,23.023486 L13.660031,11.4785798 L13.6604555,11.4785798 Z M11.293009,14.2304723 L10.5179779,13.1219369 L4.35133136,4.30120576 L7.00623887,4.30120576 L11.9827944,11.4198173 L12.7578255,12.5283527 L19.2267583,21.7814574 L16.5718508,21.7814574 L11.293009,14.2308968 L11.293009,14.2304723 Z" id="Shape" fill="#212121" fill-rule="nonzero"></path>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="facebook" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="clear-button-bg" x="0" y="0" width="24" height="24"></rect>
<path d="M11.8969072,2 C6.43099227,2 2,6.41067993 2,11.8515383 C2,16.7687258 5.61915593,20.844338 10.3505155,21.5833958 L10.3505155,14.6992486 L7.83762887,14.6992486 L7.83762887,11.8515383 L10.3505155,11.8515383 L10.3505155,9.68112126 C10.3505155,7.21207948 11.8280541,5.84825714 14.0887242,5.84825714 C15.1715271,5.84825714 16.3041237,6.04067 16.3041237,6.04067 L16.3041237,8.465072 L15.0561469,8.465072 C13.8267075,8.465072 13.443299,9.22446783 13.443299,10.0035475 L13.443299,11.8515383 L16.1881443,11.8515383 L15.7493557,14.6992486 L13.443299,14.6992486 L13.443299,21.5833958 C18.1746585,20.844338 21.7938144,16.7687258 21.7938144,11.8515383 C21.7938144,6.41067993 17.3628222,2 11.8969072,2 Z" id="Fill-1" fill="#212121" fill-rule="nonzero"></path>
</g>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://www.linkedin.com/company/elife-sciences-publications-ltd" target="_self" aria-label="Share this page to LinkedIn (opens up email program, if configured on this system)">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="linkedin" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d="M18.9751954,18.9751435 L16.0232549,18.9751435 L16.0232549,14.3522816 C16.0232549,13.2499163 16.0035753,11.8308324 14.4879383,11.8308324 C12.9504693,11.8308324 12.7152366,13.0319032 12.7152366,14.2720257 L12.7152366,18.974836 L9.76329605,18.974836 L9.76329605,9.46835755 L12.5971589,9.46835755 L12.5971589,10.7675189 L12.6368256,10.7675189 C13.2146663,9.77952684 14.2890899,9.18943873 15.4328668,9.23189481 C18.4247815,9.23189481 18.9764254,11.1998552 18.9764254,13.7600486 L18.9751954,18.9751435 Z M6.43252317,8.16888879 C5.48643292,8.16905854 4.71933758,7.40223852 4.7191677,6.45614827 C4.71899794,5.51005802 5.48581795,4.74296266 6.4319082,4.74279278 C7.37799845,4.74262301 8.14509382,5.50944301 8.14526371,6.45553326 C8.14534522,6.90986184 7.96494211,7.34561469 7.64374096,7.66693118 C7.32253981,7.98824766 6.88685175,8.16880719 6.43252317,8.16888879 M7.90849343,18.9751435 L4.95347798,18.9751435 L4.95347798,9.46835755 L7.90849343,9.46835755 L7.90849343,18.9751435 Z M20.4468607,2.00148552 L3.47012787,2.00148552 C2.66777241,1.99243094 2.00979231,2.63513479 2,3.43748159 L2,20.4846305 C2.00945705,21.2873639 2.6673842,21.9307041 3.47012787,21.9223954 L20.4468607,21.9223954 C21.2511925,21.9322515 21.9116962,21.2889485 21.922831,20.4846305 L21.922831,3.43625161 C21.9113617,2.63231978 21.2508045,1.98965267 20.4468607,2" id="Path_2520" fill="#212121" fill-rule="nonzero"></path>
</g>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://reddit.com/submit/?url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share this page on Reddit">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="reddit" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d="M11.9872095,1.051163 C18.0270212,1.051163 22.923256,5.94739779 22.923256,11.9872095 C22.923256,18.0270212 18.0270212,22.923256 11.9872095,22.923256 C5.94739779,22.923256 1.051163,18.0270212 1.051163,11.9872095 C1.051163,5.94739779 5.94739779,1.051163 11.9872095,1.051163 Z M16.5534886,5.37441881 C16.1058142,5.37441881 15.7220932,5.63023277 15.5430235,6.0139537 L12.895349,5.451163 C12.8186049,5.4383723 12.7418607,5.451163 12.6779072,5.48953509 C12.6139537,5.52790719 12.5755816,5.59186067 12.5500002,5.66860486 L11.7441863,9.48023277 C10.0430235,9.53139556 8.52093044,10.0302328 7.42093044,10.8360467 C7.13953509,10.5674421 6.74302347,10.3883723 6.32093044,10.3883723 C5.4383723,10.3883723 4.72209323,11.1046514 4.72209323,11.9872095 C4.72209323,12.6395351 5.10581416,13.1895351 5.66860486,13.445349 C5.64302347,13.5988374 5.63023277,13.7651165 5.63023277,13.9313956 C5.63023277,16.3872095 8.48255835,18.3697677 12.0127909,18.3697677 C15.5430235,18.3697677 18.395349,16.3872095 18.395349,13.9313956 C18.395349,13.7651165 18.3825583,13.6116281 18.356977,13.4581397 C18.8813956,13.2023258 19.2779072,12.6395351 19.2779072,11.9872095 C19.2779072,11.1046514 18.5616281,10.3883723 17.67907,10.3883723 C17.2441863,10.3883723 16.8604653,10.5546514 16.57907,10.8360467 C15.4918607,10.0558142 13.9825583,9.54418626 12.3197677,9.48023277 L13.0488374,6.06511649 L15.4151165,6.5639537 C15.4406979,7.16511649 15.9395351,7.651163 16.5534886,7.651163 C17.1802328,7.651163 17.6918607,7.13953509 17.6918607,6.51279091 C17.6918607,5.88604672 17.1802328,5.37441881 16.5534886,5.37441881 Z M9.72325602,15.7093025 C10.2093025,16.195349 11.2581397,16.3744188 12.0127909,16.3744188 C12.7674421,16.3744188 13.8034886,16.195349 14.3023258,15.7093025 C14.4174421,15.5941863 14.6093025,15.5941863 14.7244188,15.7093025 C14.8139537,15.8372095 14.8139537,16.0162793 14.6988374,16.1313956 C13.9186049,16.9116281 12.4348839,16.9627909 12.0000002,16.9627909 C11.5651165,16.9627909 10.0686049,16.8988374 9.301163,16.1313956 C9.18604672,16.0162793 9.18604672,15.8244188 9.301163,15.7093025 C9.41627928,15.5941863 9.60813974,15.5941863 9.72325602,15.7093025 Z M9.48023277,11.9872095 C10.1069769,11.9872095 10.6186049,12.4988374 10.6186049,13.1255816 C10.6186049,13.7523258 10.1069769,14.2639537 9.48023277,14.2639537 C8.85348858,14.2639537 8.34186067,13.7523258 8.34186067,13.1255816 C8.34186067,12.4988374 8.85348858,11.9872095 9.48023277,11.9872095 Z M14.4941863,11.9872095 C15.1209304,11.9872095 15.6325583,12.4988374 15.6325583,13.1255816 C15.6325583,13.7523258 15.1209304,14.2639537 14.4941863,14.2639537 C13.8674421,14.2639537 13.3558142,13.7523258 13.3558142,13.1255816 C13.3558142,12.4988374 13.8674421,11.9872095 14.4941863,11.9872095 Z" id="Combined-Shape" fill="#212121" fill-rule="nonzero"></path>
</g>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://toot.kytta.dev/?text=Some%20article%20title%20https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share this page on Mastodon">
<svg width="24px" height="24px">
<g id="mastodon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d='M11.5412949,0 C14.6936837,0.0250851513 17.7279692,0.357269448 19.4950021,1.1471931 C19.4950021,1.1471931 22.9995752,2.67324958 22.9995752,7.87958222 L23,8.27840764 C22.9948717,9.32900538 22.9399626,12.2394095 22.5108214,14.3877566 C22.1727192,16.0807457 19.4826471,17.9335557 16.3930961,18.2926354 C14.7820287,18.4797396 13.1958041,18.6517151 11.5043627,18.5762011 C8.73816776,18.4528442 6.55544838,17.9335557 6.55544838,17.9335557 C6.55544838,18.1956567 6.57205459,18.4452152 6.605267,18.6786105 C6.96489093,21.335697 9.312211,21.4948713 11.5357152,21.5690923 C13.7799439,21.6438306 15.7782681,21.0305374 15.7782681,21.0305374 L15.8704657,23.0052819 C15.8704657,23.0052819 14.3007146,23.8257215 11.5043627,23.9766203 C9.96237703,24.0591169 8.04774824,23.9388633 5.8177344,23.3643616 C0.981210876,22.1183796 0.149439349,17.1004442 0.022169409,12.0089343 C-0.0166226796,10.4972307 0.00729025582,9.07177343 0.00729025582,7.87958222 C0.00729025582,2.67324958 3.51199627,1.1471931 3.51199627,1.1471931 C5.27916201,0.357269448 8.31145476,0.0250851513 11.4638436,0 L11.5412949,0 Z M15.8599153,5 C14.461897,5 13.4033065,5.46697151 12.7035195,6.40103745 L12.0229667,7.39238391 L11.3425554,6.40103745 C10.642627,5.46697151 9.58403654,5 8.18615964,5 C6.97793807,5 6.00462882,5.36912752 5.26142334,6.08919046 C4.54070495,6.8092534 4.18190148,7.78253068 4.18190148,9.00730143 L4.18190148,15 L6.91358821,15 L6.91358821,9.1834452 C6.91358821,7.95732233 7.50716259,7.33498047 8.69445278,7.33498047 C10.0071899,7.33498047 10.6652556,8.0732355 10.6652556,9.5330285 L10.6652556,12.7167687 L13.3808194,12.7167687 L13.3808194,9.5330285 C13.3808194,8.0732355 14.0387436,7.33498047 15.3514807,7.33498047 C16.5387709,7.33498047 17.1323453,7.95732233 17.1323453,9.1834452 L17.1323453,15 L19.864032,15 L19.864032,9.00730143 C19.864032,7.78253068 19.5052285,6.8092534 18.7846516,6.08919046 C18.0413047,5.36912752 17.0679954,5 15.8599153,5 Z' id='Combined-Shape' fill='#212121' fill-rule='nonzero'></path>
</g>
</g>
</svg>
</a>
</li>
</ul>
<div class="contextual-data">
<ul class="contextual-data__list" aria-label="The following contains the number of views, citations and annotations in this article">
<li class="contextual-data__item"><a href="#"><span class="contextual-data__counter">149</span> views</a></li>
<li class="contextual-data__item"><span class="contextual-data__counter">5</span> citations</li>
</ul>
</div>
</div>
</div>
</div>
<div class="divider"></div>
</div>
</header>
Content Header Journal Digest No Social
Holding the focus
A new open source software tool makes it possible for researchers to view cells in living animals in high detail.
This pattern contains:
molecules-contextual-data
HTML
<header
class="content-header content-header-journal wrapper page--magazine content-header--header"
data-behaviour="ContentHeader">
<div class="content-container-grid content-header__one-column">
<div class="content-header-grid-top">
<ul class="breadcrumbs">
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">Magazine</a>
</li>
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">Digest</a>
</li>
</ul>
</div>
<div class="content-header-grid__main">
<div class="content-header__body">
<h1 class="content-header__title content-header__title--medium">Holding the focus</h1>
<div class="content-header__impact-statement">A new open source software tool makes it possible for researchers to view cells in living animals in high detail.</div>
</div>
<div class="content-header__footer">
<div class="content-header__footer-column-left">
<div class="contextual-data">
<ul class="contextual-data__list" aria-label="The following contains the number of views, citations and annotations in this article">
<li class="contextual-data__item"><span class="contextual-data__counter">149</span> views</li>
</ul>
</div>
<div class="content-header__meta">
<div class="meta">
<span class="date"> <time datetime="2020-12-03">Dec 3, 2020</time></span>
</div>
</div>
<ul class="content-header__icons">
<li>
<a href="https://en.wikipedia.org/wiki/Open_access"
class="content-header__icon content-header__icon--oa">
<span class="visuallyhidden">Open access</span>
</a>
</li>
<li>
<a href="#copyright" class="content-header__icon content-header__icon--cc">
<span class="visuallyhidden">Copyright information</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="divider"></div>
</div>
</header>
Content Header Journal Digest
Holding the focus
A new open source software tool makes it possible for researchers to view cells in living animals in high detail.
This pattern contains:
molecules-contextual-data
HTML
<header
class="content-header content-header-journal wrapper page--magazine content-header--header content-header--has-social-media-sharers"
data-behaviour="ContentHeader">
<div class="content-container-grid content-header__one-column">
<div class="content-header-grid-top">
<ul class="breadcrumbs">
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">Magazine</a>
</li>
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">Digest</a>
</li>
</ul>
</div>
<div class="content-header-grid__main">
<div class="content-header__body">
<h1 class="content-header__title content-header__title--medium">Holding the focus</h1>
<div class="content-header__impact-statement">A new open source software tool makes it possible for researchers to view cells in living animals in high detail.</div>
</div>
<div class="content-header__footer">
<div class="content-header__footer-column-left">
<div class="contextual-data">
<ul class="contextual-data__list" aria-label="The following contains the number of views, citations and annotations in this article">
<li class="contextual-data__item"><span class="contextual-data__counter">149</span> views</li>
</ul>
</div>
<div class="content-header__meta">
<div class="meta">
<span class="date"> <time datetime="2020-12-03">Dec 3, 2020</time></span>
</div>
</div>
<ul class="content-header__icons">
<li>
<a href="https://en.wikipedia.org/wiki/Open_access"
class="content-header__icon content-header__icon--oa">
<span class="visuallyhidden">Open access</span>
</a>
</li>
<li>
<a href="#copyright" class="content-header__icon content-header__icon--cc">
<span class="visuallyhidden">Copyright information</span>
</a>
</li>
</ul>
</div>
<div class="content-header__one-column-container">
<div data-hypothesis-trigger>
<span class="side-section-wrapper__link" data-behaviour="HypothesisTrigger"><span class="svg-background-image comment"></span><span class="visuallyhidden">Open annotations (there are currently <span data-hypothesis-annotation-count>0</span> annotations on this page). </span></span>
</div>
<ul class="social-media-sharers">
<li>
<a class="social-media-sharer" href="https://twitter.com/intent/tweet/?text=Some%20article%20title&amp;url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Tweet a link to this page">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="x-24-articles" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d="M13.6604555,11.4785798 L20.954365,3 L19.225942,3 L12.8926412,10.3618317 L7.83425247,3 L2,3 L9.64927632,14.1323934 L2,23.023486 L3.72852106,23.023486 L10.4166498,15.2491415 L15.7586789,23.023486 L21.5929313,23.023486 L13.660031,11.4785798 L13.6604555,11.4785798 Z M11.293009,14.2304723 L10.5179779,13.1219369 L4.35133136,4.30120576 L7.00623887,4.30120576 L11.9827944,11.4198173 L12.7578255,12.5283527 L19.2267583,21.7814574 L16.5718508,21.7814574 L11.293009,14.2308968 L11.293009,14.2304723 Z" id="Shape" fill="#212121" fill-rule="nonzero"></path>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="facebook" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="clear-button-bg" x="0" y="0" width="24" height="24"></rect>
<path d="M11.8969072,2 C6.43099227,2 2,6.41067993 2,11.8515383 C2,16.7687258 5.61915593,20.844338 10.3505155,21.5833958 L10.3505155,14.6992486 L7.83762887,14.6992486 L7.83762887,11.8515383 L10.3505155,11.8515383 L10.3505155,9.68112126 C10.3505155,7.21207948 11.8280541,5.84825714 14.0887242,5.84825714 C15.1715271,5.84825714 16.3041237,6.04067 16.3041237,6.04067 L16.3041237,8.465072 L15.0561469,8.465072 C13.8267075,8.465072 13.443299,9.22446783 13.443299,10.0035475 L13.443299,11.8515383 L16.1881443,11.8515383 L15.7493557,14.6992486 L13.443299,14.6992486 L13.443299,21.5833958 C18.1746585,20.844338 21.7938144,16.7687258 21.7938144,11.8515383 C21.7938144,6.41067993 17.3628222,2 11.8969072,2 Z" id="Fill-1" fill="#212121" fill-rule="nonzero"></path>
</g>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://www.linkedin.com/company/elife-sciences-publications-ltd" target="_self" aria-label="Share this page to LinkedIn (opens up email program, if configured on this system)">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="linkedin" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d="M18.9751954,18.9751435 L16.0232549,18.9751435 L16.0232549,14.3522816 C16.0232549,13.2499163 16.0035753,11.8308324 14.4879383,11.8308324 C12.9504693,11.8308324 12.7152366,13.0319032 12.7152366,14.2720257 L12.7152366,18.974836 L9.76329605,18.974836 L9.76329605,9.46835755 L12.5971589,9.46835755 L12.5971589,10.7675189 L12.6368256,10.7675189 C13.2146663,9.77952684 14.2890899,9.18943873 15.4328668,9.23189481 C18.4247815,9.23189481 18.9764254,11.1998552 18.9764254,13.7600486 L18.9751954,18.9751435 Z M6.43252317,8.16888879 C5.48643292,8.16905854 4.71933758,7.40223852 4.7191677,6.45614827 C4.71899794,5.51005802 5.48581795,4.74296266 6.4319082,4.74279278 C7.37799845,4.74262301 8.14509382,5.50944301 8.14526371,6.45553326 C8.14534522,6.90986184 7.96494211,7.34561469 7.64374096,7.66693118 C7.32253981,7.98824766 6.88685175,8.16880719 6.43252317,8.16888879 M7.90849343,18.9751435 L4.95347798,18.9751435 L4.95347798,9.46835755 L7.90849343,9.46835755 L7.90849343,18.9751435 Z M20.4468607,2.00148552 L3.47012787,2.00148552 C2.66777241,1.99243094 2.00979231,2.63513479 2,3.43748159 L2,20.4846305 C2.00945705,21.2873639 2.6673842,21.9307041 3.47012787,21.9223954 L20.4468607,21.9223954 C21.2511925,21.9322515 21.9116962,21.2889485 21.922831,20.4846305 L21.922831,3.43625161 C21.9113617,2.63231978 21.2508045,1.98965267 20.4468607,2" id="Path_2520" fill="#212121" fill-rule="nonzero"></path>
</g>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://reddit.com/submit/?url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share this page on Reddit">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="reddit" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d="M11.9872095,1.051163 C18.0270212,1.051163 22.923256,5.94739779 22.923256,11.9872095 C22.923256,18.0270212 18.0270212,22.923256 11.9872095,22.923256 C5.94739779,22.923256 1.051163,18.0270212 1.051163,11.9872095 C1.051163,5.94739779 5.94739779,1.051163 11.9872095,1.051163 Z M16.5534886,5.37441881 C16.1058142,5.37441881 15.7220932,5.63023277 15.5430235,6.0139537 L12.895349,5.451163 C12.8186049,5.4383723 12.7418607,5.451163 12.6779072,5.48953509 C12.6139537,5.52790719 12.5755816,5.59186067 12.5500002,5.66860486 L11.7441863,9.48023277 C10.0430235,9.53139556 8.52093044,10.0302328 7.42093044,10.8360467 C7.13953509,10.5674421 6.74302347,10.3883723 6.32093044,10.3883723 C5.4383723,10.3883723 4.72209323,11.1046514 4.72209323,11.9872095 C4.72209323,12.6395351 5.10581416,13.1895351 5.66860486,13.445349 C5.64302347,13.5988374 5.63023277,13.7651165 5.63023277,13.9313956 C5.63023277,16.3872095 8.48255835,18.3697677 12.0127909,18.3697677 C15.5430235,18.3697677 18.395349,16.3872095 18.395349,13.9313956 C18.395349,13.7651165 18.3825583,13.6116281 18.356977,13.4581397 C18.8813956,13.2023258 19.2779072,12.6395351 19.2779072,11.9872095 C19.2779072,11.1046514 18.5616281,10.3883723 17.67907,10.3883723 C17.2441863,10.3883723 16.8604653,10.5546514 16.57907,10.8360467 C15.4918607,10.0558142 13.9825583,9.54418626 12.3197677,9.48023277 L13.0488374,6.06511649 L15.4151165,6.5639537 C15.4406979,7.16511649 15.9395351,7.651163 16.5534886,7.651163 C17.1802328,7.651163 17.6918607,7.13953509 17.6918607,6.51279091 C17.6918607,5.88604672 17.1802328,5.37441881 16.5534886,5.37441881 Z M9.72325602,15.7093025 C10.2093025,16.195349 11.2581397,16.3744188 12.0127909,16.3744188 C12.7674421,16.3744188 13.8034886,16.195349 14.3023258,15.7093025 C14.4174421,15.5941863 14.6093025,15.5941863 14.7244188,15.7093025 C14.8139537,15.8372095 14.8139537,16.0162793 14.6988374,16.1313956 C13.9186049,16.9116281 12.4348839,16.9627909 12.0000002,16.9627909 C11.5651165,16.9627909 10.0686049,16.8988374 9.301163,16.1313956 C9.18604672,16.0162793 9.18604672,15.8244188 9.301163,15.7093025 C9.41627928,15.5941863 9.60813974,15.5941863 9.72325602,15.7093025 Z M9.48023277,11.9872095 C10.1069769,11.9872095 10.6186049,12.4988374 10.6186049,13.1255816 C10.6186049,13.7523258 10.1069769,14.2639537 9.48023277,14.2639537 C8.85348858,14.2639537 8.34186067,13.7523258 8.34186067,13.1255816 C8.34186067,12.4988374 8.85348858,11.9872095 9.48023277,11.9872095 Z M14.4941863,11.9872095 C15.1209304,11.9872095 15.6325583,12.4988374 15.6325583,13.1255816 C15.6325583,13.7523258 15.1209304,14.2639537 14.4941863,14.2639537 C13.8674421,14.2639537 13.3558142,13.7523258 13.3558142,13.1255816 C13.3558142,12.4988374 13.8674421,11.9872095 14.4941863,11.9872095 Z" id="Combined-Shape" fill="#212121" fill-rule="nonzero"></path>
</g>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="" target="_blank" rel="noopener noreferrer" aria-label="Share this page on Mastodon">
<svg width="24px" height="24px">
<g id="mastodon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d='M11.5412949,0 C14.6936837,0.0250851513 17.7279692,0.357269448 19.4950021,1.1471931 C19.4950021,1.1471931 22.9995752,2.67324958 22.9995752,7.87958222 L23,8.27840764 C22.9948717,9.32900538 22.9399626,12.2394095 22.5108214,14.3877566 C22.1727192,16.0807457 19.4826471,17.9335557 16.3930961,18.2926354 C14.7820287,18.4797396 13.1958041,18.6517151 11.5043627,18.5762011 C8.73816776,18.4528442 6.55544838,17.9335557 6.55544838,17.9335557 C6.55544838,18.1956567 6.57205459,18.4452152 6.605267,18.6786105 C6.96489093,21.335697 9.312211,21.4948713 11.5357152,21.5690923 C13.7799439,21.6438306 15.7782681,21.0305374 15.7782681,21.0305374 L15.8704657,23.0052819 C15.8704657,23.0052819 14.3007146,23.8257215 11.5043627,23.9766203 C9.96237703,24.0591169 8.04774824,23.9388633 5.8177344,23.3643616 C0.981210876,22.1183796 0.149439349,17.1004442 0.022169409,12.0089343 C-0.0166226796,10.4972307 0.00729025582,9.07177343 0.00729025582,7.87958222 C0.00729025582,2.67324958 3.51199627,1.1471931 3.51199627,1.1471931 C5.27916201,0.357269448 8.31145476,0.0250851513 11.4638436,0 L11.5412949,0 Z M15.8599153,5 C14.461897,5 13.4033065,5.46697151 12.7035195,6.40103745 L12.0229667,7.39238391 L11.3425554,6.40103745 C10.642627,5.46697151 9.58403654,5 8.18615964,5 C6.97793807,5 6.00462882,5.36912752 5.26142334,6.08919046 C4.54070495,6.8092534 4.18190148,7.78253068 4.18190148,9.00730143 L4.18190148,15 L6.91358821,15 L6.91358821,9.1834452 C6.91358821,7.95732233 7.50716259,7.33498047 8.69445278,7.33498047 C10.0071899,7.33498047 10.6652556,8.0732355 10.6652556,9.5330285 L10.6652556,12.7167687 L13.3808194,12.7167687 L13.3808194,9.5330285 C13.3808194,8.0732355 14.0387436,7.33498047 15.3514807,7.33498047 C16.5387709,7.33498047 17.1323453,7.95732233 17.1323453,9.1834452 L17.1323453,15 L19.864032,15 L19.864032,9.00730143 C19.864032,7.78253068 19.5052285,6.8092534 18.7846516,6.08919046 C18.0413047,5.36912752 17.0679954,5 15.8599153,5 Z' id='Combined-Shape' fill='#212121' fill-rule='nonzero'></path>
</g>
</g>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="divider"></div>
</div>
</header>
Content Header Journal Has Aside
Homo naledi, a new species of the genus Homo from the Dinaledi Chamber, South Africa
- Lee R Berger
- John Hawks
- Darryl J de Ruiter
- Steven E Churchill
- Peter Schmid
- Lucas K Delezene
- Tracy L Kivell
- Heather M Garvin
- Scott A Williams
- Jeremy M DeSilva
- Matthew M Skinner
- Charles M Musiba
- Noel Cameron
- Trenton W Holliday
- William Harcourt-Smith
- Rebecca R Ackermann
- Markus Bastir
- Barry Bogin
- Debra Bolter
- Juliet Brophy
- Zachary D Cofran
- Kimberly A Congdon
- Andrew S Deane
- Mana Dembo
- Michelle Drapeau
- Marina C Elliott
- Elen M Feuerriegel
- Daniel Garcia-Martinez
- David J Green
- Alia Gurtov
- Joel D Irish
- Ashley Kruger
- Myra F Laird
- Damiano Marchi
- Marc R Meyer
- Shahed Nalla
- Enquye W Negash
- Caley M Orr
- Davorka Radovcic
- Lauren Schroeder
- Jill E Scott
- Zachary Throckmorton
- Caroline VanSickle
- Christopher S Walker
- Pianpian Wei
- Bernhard Zipfel
- University of the Witwatersrand, South Africa;
- University of Wisconsin-Madison, United States;
- Texas A&M University, United States;
- Duke University, United States;
- University of Zurich, Switzerland;
- University of Arkansas, United States;
- University of Kent, United Kingdom;
- Max Planck Institute for Evolutionary Anthropology, Germany;
- Mercyhurst University, United States;
- New York University, United States;
- New York Consortium in Evolutionary Primatology, United States;
- Dartmouth College, United States;
- University of Colorado Denver, United States;
- Loughborough University, United Kingdom;
- Tulane University, United States;
- Lehman College, United States;
- American Museum of Natural History, United States;
- University of Cape Town, South Africa;
- Museo Nacional de Ciencias Naturales, Spain;
- Modesto Junior College, United States;
- Louisiana State University, United States;
- Nazarbayev University, Kazakhstan;
- University of Missouri, United States;
- University of Kentucky College of Medicine, United States;
- Simon Fraser University, Canada;
- Université de Montréal, Canada;
- Australian National University, Australia;
- Biology Department, Universidad Autònoma de Madrid, Spain;
- Midwestern University, United States;
- Liverpool John Moores University, United Kingdom;
- University of Pisa, Italy;
- Chaffey College, United States;
- University of Johannesburg, South Africa;
- George Washington University, United States;
- University of Colorado School of Medicine, United States;
- Croatian Natural History Museum, Croatia;
- University of Iowa, United States;
- Lincoln Memorial University, United States;
- Smithsonian Institution, United States;
This pattern contains:
molecules-contextual-data
HTML
<header
class="content-header content-header-journal wrapper content-header--header content-header__has-aside"
data-behaviour="ContentHeader">
<div class="content-container-grid">
<div class="content-header-grid-top">
<ul class="breadcrumbs">
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">Research Article</a>
</li>
</ul>
<ol class="content-header__subject_list">
<li class="content-header__subject_list_item">
<a href="#" class="content-header__subject_link">Cell Biology</a>
</li>
</ol>
</div>
<div class="content-header-grid__main">
<div class="content-header__body">
<h1 class="content-header__title content-header__title--medium"><i>Homo naledi</i>, a new species of the genus <i>Homo</i> from the Dinaledi Chamber, South Africa</h1>
</div>
<div class="authors" data-behaviour="Authors">
<ol class="author_list" aria-label="Authors of this article">
<li class="author_list_item"><span class="author"><a href="#" data-behaviour="Popup" class="author_link">Lee R Berger</a><span class="author_suffix"> <picture>
<source srcset="../../assets/img/icons/corresponding-author.svg" type="image/svg+xml">
<img src="../../assets/img/icons/corresponding-author@1x.png"
srcset="../../assets/img/icons/corresponding-author@2x.png 2x, ../../assets/img/icons/corresponding-author@1x.png 1x"
alt="Is a corresponding author" class="author_icon">
</picture></span></span></li><li class="author_list_item"><span class="author"><a href="#" data-behaviour="Popup" class="author_link">John Hawks</a></span></li><li class="author_list_item"><span class="author"><a href="#" data-behaviour="Popup" class="author_link">Darryl J de Ruiter</a></span></li><li class="author_list_item"><span class="author">Steven E Churchill</span></li><li class="author_list_item"><span class="author">Peter Schmid</span></li><li class="author_list_item"><span class="author">Lucas K Delezene</span></li><li class="author_list_item"><span class="author">Tracy L Kivell</span></li><li class="author_list_item"><span class="author">Heather M Garvin</span></li><li class="author_list_item"><span class="author">Scott A Williams</span></li><li class="author_list_item"><span class="author">Jeremy M DeSilva</span></li><li class="author_list_item"><span class="author">Matthew M Skinner</span></li><li class="author_list_item"><span class="author">Charles M Musiba</span></li><li class="author_list_item"><span class="author">Noel Cameron</span></li><li class="author_list_item"><span class="author">Trenton W Holliday</span></li><li class="author_list_item"><span class="author">William Harcourt-Smith</span></li><li class="author_list_item"><span class="author">Rebecca R Ackermann</span></li><li class="author_list_item"><span class="author">Markus Bastir</span></li><li class="author_list_item"><span class="author">Barry Bogin</span></li><li class="author_list_item"><span class="author">Debra Bolter</span></li><li class="author_list_item"><span class="author">Juliet Brophy</span></li><li class="author_list_item"><span class="author">Zachary D Cofran</span></li><li class="author_list_item"><span class="author">Kimberly A Congdon</span></li><li class="author_list_item"><span class="author">Andrew S Deane</span></li><li class="author_list_item"><span class="author">Mana Dembo</span></li><li class="author_list_item"><span class="author">Michelle Drapeau</span></li><li class="author_list_item"><span class="author">Marina C Elliott</span></li><li class="author_list_item"><span class="author">Elen M Feuerriegel</span></li><li class="author_list_item"><span class="author">Daniel Garcia-Martinez</span></li><li class="author_list_item"><span class="author">David J Green</span></li><li class="author_list_item"><span class="author">Alia Gurtov</span></li><li class="author_list_item"><span class="author">Joel D Irish</span></li><li class="author_list_item"><span class="author">Ashley Kruger</span></li><li class="author_list_item"><span class="author">Myra F Laird</span></li><li class="author_list_item"><span class="author">Damiano Marchi</span></li><li class="author_list_item"><span class="author">Marc R Meyer</span></li><li class="author_list_item"><span class="author">Shahed Nalla</span></li><li class="author_list_item"><span class="author">Enquye W Negash</span></li><li class="author_list_item"><span class="author">Caley M Orr</span></li><li class="author_list_item"><span class="author">Davorka Radovcic</span></li><li class="author_list_item"><span class="author">Lauren Schroeder</span></li><li class="author_list_item"><span class="author">Jill E Scott</span></li><li class="author_list_item"><span class="author">Zachary Throckmorton</span></li><li class="author_list_item"><span class="author">Caroline VanSickle</span></li><li class="author_list_item"><span class="author">Christopher S Walker</span></li><li class="author_list_item"><span class="author">Pianpian Wei</span></li><li class="author_list_item"><span class="author">Bernhard Zipfel<span class="author_suffix"> <picture>
<source srcset="../../assets/img/icons/corresponding-author.svg" type="image/svg+xml">
<img src="../../assets/img/icons/corresponding-author@1x.png"
srcset="../../assets/img/icons/corresponding-author@2x.png 2x, ../../assets/img/icons/corresponding-author@1x.png 1x"
alt="Is a corresponding author" class="author_icon">
</picture></span></span></li>
</ol>
<ol class="institution_list" aria-label="Author institutions">
<li class="institution_list_item">
<span class="institution">University of the Witwatersrand, South Africa<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Wisconsin-Madison, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Texas A&M University, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Duke University, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Zurich, Switzerland<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Arkansas, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Kent, United Kingdom<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Max Planck Institute for Evolutionary Anthropology, Germany<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Mercyhurst University, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">New York University, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">New York Consortium in Evolutionary Primatology, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Dartmouth College, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Colorado Denver, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Loughborough University, United Kingdom<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Tulane University, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Lehman College, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">American Museum of Natural History, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Cape Town, South Africa<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Museo Nacional de Ciencias Naturales, Spain<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Modesto Junior College, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Louisiana State University, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Nazarbayev University, Kazakhstan<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Missouri, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Kentucky College of Medicine, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Simon Fraser University, Canada<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Université de Montréal, Canada<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Australian National University, Australia<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Biology Department, Universidad Autònoma de Madrid, Spain<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Midwestern University, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Liverpool John Moores University, United Kingdom<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Pisa, Italy<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Chaffey College, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Johannesburg, South Africa<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">George Washington University, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Colorado School of Medicine, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Croatian Natural History Museum, Croatia<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">University of Iowa, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Lincoln Memorial University, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
<li class="institution_list_item">
<span class="institution">Smithsonian Institution, United States<span class="institution_separator" aria-hidden="true">;</span>
</span>
</li>
</ol>
</div>
<div class="content-header__footer">
<div class="content-header__meta">
<div class="meta">
<span class="date"> <time datetime="2016-02-29">Feb 29, 2016</time></span>
</div>
</div>
<span class="doi">
<a href="https://doi.org/10.7554/eLife.16370.1" class="doi__link">
https://doi.org/10.7554/eLife.16370.1
</a>
</span>
<ul class="content-header__icons">
<li>
<a href="https://en.wikipedia.org/wiki/Open_access"
class="content-header__icon content-header__icon--oa">
<span class="visuallyhidden">Open access</span>
</a>
</li>
<li>
<a href="#copyright" class="content-header__icon content-header__icon--cc">
<span class="visuallyhidden">Copyright information</span>
</a>
</li>
</ul>
</div>
</div>
<div class="divider"></div>
</div>
</header>
Content Header Journal Inside Elife Article
2022 eLife Community Ambassadors: Ready for action
After completing their learning, awareness and community-building phase, our global group of early-career researchers are now eager to make change across research culture.
This pattern contains:
molecules-contextual-data
HTML
<header
class="content-header content-header-journal wrapper content-header--header content-header--has-social-media-sharers"
data-behaviour="ContentHeader">
<div class="content-container-grid content-header__one-column">
<div class="content-header-grid-top">
<ul class="breadcrumbs">
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">Inside eLife</a>
</li>
</ul>
</div>
<div class="content-header-grid__main">
<div class="content-header__body">
<h1 class="content-header__title content-header__title--medium">2022 eLife Community Ambassadors: Ready for action</h1>
<div class="content-header__impact-statement">After completing their learning, awareness and community-building phase, our global group of early-career researchers are now eager to make change across research culture.</div>
</div>
<div class="content-header__footer">
<div class="content-header__footer-column-left">
<div class="contextual-data">
<ul class="contextual-data__list" aria-label="The following contains the number of views, citations and annotations in this article">
<li class="contextual-data__item"><a href="#"><span class="contextual-data__counter">149</span> views</a></li>
</ul>
</div>
<div class="content-header__meta">
<div class="meta">
<span class="date"> <time datetime="2022-10-12">Oct 12, 2022</time></span>
</div>
</div>
</div>
<div class="content-header__one-column-container">
<div data-hypothesis-trigger>
<span class="side-section-wrapper__link" data-behaviour="HypothesisTrigger"><span class="svg-background-image comment"></span><span class="visuallyhidden">Open annotations (there are currently <span data-hypothesis-annotation-count>0</span> annotations on this page). </span></span>
</div>
<ul class="social-media-sharers">
<li>
<a class="social-media-sharer" href="https://twitter.com/intent/tweet/?text=Some%20article%20title&amp;url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Tweet a link to this page">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="x-24-articles" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d="M13.6604555,11.4785798 L20.954365,3 L19.225942,3 L12.8926412,10.3618317 L7.83425247,3 L2,3 L9.64927632,14.1323934 L2,23.023486 L3.72852106,23.023486 L10.4166498,15.2491415 L15.7586789,23.023486 L21.5929313,23.023486 L13.660031,11.4785798 L13.6604555,11.4785798 Z M11.293009,14.2304723 L10.5179779,13.1219369 L4.35133136,4.30120576 L7.00623887,4.30120576 L11.9827944,11.4198173 L12.7578255,12.5283527 L19.2267583,21.7814574 L16.5718508,21.7814574 L11.293009,14.2308968 L11.293009,14.2304723 Z" id="Shape" fill="#212121" fill-rule="nonzero"></path>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="facebook" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="clear-button-bg" x="0" y="0" width="24" height="24"></rect>
<path d="M11.8969072,2 C6.43099227,2 2,6.41067993 2,11.8515383 C2,16.7687258 5.61915593,20.844338 10.3505155,21.5833958 L10.3505155,14.6992486 L7.83762887,14.6992486 L7.83762887,11.8515383 L10.3505155,11.8515383 L10.3505155,9.68112126 C10.3505155,7.21207948 11.8280541,5.84825714 14.0887242,5.84825714 C15.1715271,5.84825714 16.3041237,6.04067 16.3041237,6.04067 L16.3041237,8.465072 L15.0561469,8.465072 C13.8267075,8.465072 13.443299,9.22446783 13.443299,10.0035475 L13.443299,11.8515383 L16.1881443,11.8515383 L15.7493557,14.6992486 L13.443299,14.6992486 L13.443299,21.5833958 C18.1746585,20.844338 21.7938144,16.7687258 21.7938144,11.8515383 C21.7938144,6.41067993 17.3628222,2 11.8969072,2 Z" id="Fill-1" fill="#212121" fill-rule="nonzero"></path>
</g>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://www.linkedin.com/company/elife-sciences-publications-ltd" target="_self" aria-label="Share this page to LinkedIn (opens up email program, if configured on this system)">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="linkedin" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d="M18.9751954,18.9751435 L16.0232549,18.9751435 L16.0232549,14.3522816 C16.0232549,13.2499163 16.0035753,11.8308324 14.4879383,11.8308324 C12.9504693,11.8308324 12.7152366,13.0319032 12.7152366,14.2720257 L12.7152366,18.974836 L9.76329605,18.974836 L9.76329605,9.46835755 L12.5971589,9.46835755 L12.5971589,10.7675189 L12.6368256,10.7675189 C13.2146663,9.77952684 14.2890899,9.18943873 15.4328668,9.23189481 C18.4247815,9.23189481 18.9764254,11.1998552 18.9764254,13.7600486 L18.9751954,18.9751435 Z M6.43252317,8.16888879 C5.48643292,8.16905854 4.71933758,7.40223852 4.7191677,6.45614827 C4.71899794,5.51005802 5.48581795,4.74296266 6.4319082,4.74279278 C7.37799845,4.74262301 8.14509382,5.50944301 8.14526371,6.45553326 C8.14534522,6.90986184 7.96494211,7.34561469 7.64374096,7.66693118 C7.32253981,7.98824766 6.88685175,8.16880719 6.43252317,8.16888879 M7.90849343,18.9751435 L4.95347798,18.9751435 L4.95347798,9.46835755 L7.90849343,9.46835755 L7.90849343,18.9751435 Z M20.4468607,2.00148552 L3.47012787,2.00148552 C2.66777241,1.99243094 2.00979231,2.63513479 2,3.43748159 L2,20.4846305 C2.00945705,21.2873639 2.6673842,21.9307041 3.47012787,21.9223954 L20.4468607,21.9223954 C21.2511925,21.9322515 21.9116962,21.2889485 21.922831,20.4846305 L21.922831,3.43625161 C21.9113617,2.63231978 21.2508045,1.98965267 20.4468607,2" id="Path_2520" fill="#212121" fill-rule="nonzero"></path>
</g>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://reddit.com/submit/?url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share this page on Reddit">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="reddit" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d="M11.9872095,1.051163 C18.0270212,1.051163 22.923256,5.94739779 22.923256,11.9872095 C22.923256,18.0270212 18.0270212,22.923256 11.9872095,22.923256 C5.94739779,22.923256 1.051163,18.0270212 1.051163,11.9872095 C1.051163,5.94739779 5.94739779,1.051163 11.9872095,1.051163 Z M16.5534886,5.37441881 C16.1058142,5.37441881 15.7220932,5.63023277 15.5430235,6.0139537 L12.895349,5.451163 C12.8186049,5.4383723 12.7418607,5.451163 12.6779072,5.48953509 C12.6139537,5.52790719 12.5755816,5.59186067 12.5500002,5.66860486 L11.7441863,9.48023277 C10.0430235,9.53139556 8.52093044,10.0302328 7.42093044,10.8360467 C7.13953509,10.5674421 6.74302347,10.3883723 6.32093044,10.3883723 C5.4383723,10.3883723 4.72209323,11.1046514 4.72209323,11.9872095 C4.72209323,12.6395351 5.10581416,13.1895351 5.66860486,13.445349 C5.64302347,13.5988374 5.63023277,13.7651165 5.63023277,13.9313956 C5.63023277,16.3872095 8.48255835,18.3697677 12.0127909,18.3697677 C15.5430235,18.3697677 18.395349,16.3872095 18.395349,13.9313956 C18.395349,13.7651165 18.3825583,13.6116281 18.356977,13.4581397 C18.8813956,13.2023258 19.2779072,12.6395351 19.2779072,11.9872095 C19.2779072,11.1046514 18.5616281,10.3883723 17.67907,10.3883723 C17.2441863,10.3883723 16.8604653,10.5546514 16.57907,10.8360467 C15.4918607,10.0558142 13.9825583,9.54418626 12.3197677,9.48023277 L13.0488374,6.06511649 L15.4151165,6.5639537 C15.4406979,7.16511649 15.9395351,7.651163 16.5534886,7.651163 C17.1802328,7.651163 17.6918607,7.13953509 17.6918607,6.51279091 C17.6918607,5.88604672 17.1802328,5.37441881 16.5534886,5.37441881 Z M9.72325602,15.7093025 C10.2093025,16.195349 11.2581397,16.3744188 12.0127909,16.3744188 C12.7674421,16.3744188 13.8034886,16.195349 14.3023258,15.7093025 C14.4174421,15.5941863 14.6093025,15.5941863 14.7244188,15.7093025 C14.8139537,15.8372095 14.8139537,16.0162793 14.6988374,16.1313956 C13.9186049,16.9116281 12.4348839,16.9627909 12.0000002,16.9627909 C11.5651165,16.9627909 10.0686049,16.8988374 9.301163,16.1313956 C9.18604672,16.0162793 9.18604672,15.8244188 9.301163,15.7093025 C9.41627928,15.5941863 9.60813974,15.5941863 9.72325602,15.7093025 Z M9.48023277,11.9872095 C10.1069769,11.9872095 10.6186049,12.4988374 10.6186049,13.1255816 C10.6186049,13.7523258 10.1069769,14.2639537 9.48023277,14.2639537 C8.85348858,14.2639537 8.34186067,13.7523258 8.34186067,13.1255816 C8.34186067,12.4988374 8.85348858,11.9872095 9.48023277,11.9872095 Z M14.4941863,11.9872095 C15.1209304,11.9872095 15.6325583,12.4988374 15.6325583,13.1255816 C15.6325583,13.7523258 15.1209304,14.2639537 14.4941863,14.2639537 C13.8674421,14.2639537 13.3558142,13.7523258 13.3558142,13.1255816 C13.3558142,12.4988374 13.8674421,11.9872095 14.4941863,11.9872095 Z" id="Combined-Shape" fill="#212121" fill-rule="nonzero"></path>
</g>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="" target="_blank" rel="noopener noreferrer" aria-label="Share this page on Mastodon">
<svg width="24px" height="24px">
<g id="mastodon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d='M11.5412949,0 C14.6936837,0.0250851513 17.7279692,0.357269448 19.4950021,1.1471931 C19.4950021,1.1471931 22.9995752,2.67324958 22.9995752,7.87958222 L23,8.27840764 C22.9948717,9.32900538 22.9399626,12.2394095 22.5108214,14.3877566 C22.1727192,16.0807457 19.4826471,17.9335557 16.3930961,18.2926354 C14.7820287,18.4797396 13.1958041,18.6517151 11.5043627,18.5762011 C8.73816776,18.4528442 6.55544838,17.9335557 6.55544838,17.9335557 C6.55544838,18.1956567 6.57205459,18.4452152 6.605267,18.6786105 C6.96489093,21.335697 9.312211,21.4948713 11.5357152,21.5690923 C13.7799439,21.6438306 15.7782681,21.0305374 15.7782681,21.0305374 L15.8704657,23.0052819 C15.8704657,23.0052819 14.3007146,23.8257215 11.5043627,23.9766203 C9.96237703,24.0591169 8.04774824,23.9388633 5.8177344,23.3643616 C0.981210876,22.1183796 0.149439349,17.1004442 0.022169409,12.0089343 C-0.0166226796,10.4972307 0.00729025582,9.07177343 0.00729025582,7.87958222 C0.00729025582,2.67324958 3.51199627,1.1471931 3.51199627,1.1471931 C5.27916201,0.357269448 8.31145476,0.0250851513 11.4638436,0 L11.5412949,0 Z M15.8599153,5 C14.461897,5 13.4033065,5.46697151 12.7035195,6.40103745 L12.0229667,7.39238391 L11.3425554,6.40103745 C10.642627,5.46697151 9.58403654,5 8.18615964,5 C6.97793807,5 6.00462882,5.36912752 5.26142334,6.08919046 C4.54070495,6.8092534 4.18190148,7.78253068 4.18190148,9.00730143 L4.18190148,15 L6.91358821,15 L6.91358821,9.1834452 C6.91358821,7.95732233 7.50716259,7.33498047 8.69445278,7.33498047 C10.0071899,7.33498047 10.6652556,8.0732355 10.6652556,9.5330285 L10.6652556,12.7167687 L13.3808194,12.7167687 L13.3808194,9.5330285 C13.3808194,8.0732355 14.0387436,7.33498047 15.3514807,7.33498047 C16.5387709,7.33498047 17.1323453,7.95732233 17.1323453,9.1834452 L17.1323453,15 L19.864032,15 L19.864032,9.00730143 C19.864032,7.78253068 19.5052285,6.8092534 18.7846516,6.08919046 C18.0413047,5.36912752 17.0679954,5 15.8599153,5 Z' id='Combined-Shape' fill='#212121' fill-rule='nonzero'></path>
</g>
</g>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="divider"></div>
</div>
</header>
Content Header Journal Magazine
Genetic Engineering: Increasing the uptake of carbon dioxide
A mechanism for concentrating carbon dioxide has for the first time been successfully transferred into a species that lacks such a process.
This pattern contains:
molecules-contextual-data
HTML
<header
class="content-header content-header-journal wrapper page--magazine content-header--header content-header--has-social-media-sharers"
data-behaviour="ContentHeader">
<div class="content-container-grid">
<div class="content-header-grid-top">
<ol class="content-header__subject_list">
<li class="content-header__subject_list_item">
<a href="#" class="content-header__subject_link">Biochemistry and Chemical Biology</a>
</li>
<li class="content-header__subject_list_item">
<a href="#" class="content-header__subject_link">Microbiology and Infectious Disease</a>
</li>
</ol>
</div>
<div class="content-header-grid__main">
<div class="content-header__body">
<h1 class="content-header__title content-header__title--medium">Genetic Engineering: Increasing the uptake of carbon dioxide</h1>
<div class="content-header__impact-statement">A mechanism for concentrating carbon dioxide has for the first time been successfully transferred into a species that lacks such a process.</div>
</div>
<div class="content-header__footer">
<div class="content-header__meta">
<div class="meta">
<span class="date"> <time datetime="2020-12-03">Dec 3, 2020</time></span>
</div>
</div>
<ul class="content-header__icons">
<li>
<a href="https://en.wikipedia.org/wiki/Open_access"
class="content-header__icon content-header__icon--oa">
<span class="visuallyhidden">Open access</span>
</a>
</li>
<li>
<a href="#copyright" class="content-header__icon content-header__icon--cc">
<span class="visuallyhidden">Copyright information</span>
</a>
</li>
</ul>
</div>
</div>
<div class="side-section">
<div class="side-section-wrapper">
<ul class="side-section-wrapper__list">
<li>
<a href="#download" class="side-section-wrapper__download_link side-section-wrapper__link">
<span class="svg-background-image download"></span>Download
</a>
</li>
<li>
<a href="#cite-this-article" id="modalContentCitations" class="side-section-wrapper__link">
<span class="svg-background-image cite"></span>Cite</a>
</li>
<li data-hypothesis-trigger>
<span class="side-section-wrapper__link" data-behaviour="HypothesisTrigger"><span class="svg-background-image comment"></span>Comment<span aria-hidden="true"><span data-visible-annotation-count></span> </span><span class="visuallyhidden">Open annotations (there are currently <span data-hypothesis-annotation-count>0</span> annotations on this page). </span></span>
</li>
<li class="side-section-wrapper__share-listing">
<a href="" id="modalContentShare" class="side-section-wrapper__link">
<span class="svg-background-image share"></span>Share</a>
</li>
</ul>
<div class="side-section-wrapper__inner-block">
<ul class="social-media-sharers">
<li>
<a class="social-media-sharer email" href="mailto:?subject=Some%20article%20title&amp;body=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share by Email">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="email" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="clear-button-bg" x="0" y="0" width="24" height="24"></rect>
<path d="M20,4 L4,4 C2.9,4 2.01,4.9 2.01,6 L2,18 C2,19.1 2.9,20 4,20 L20,20 C21.1,20 22,19.1 22,18 L22,6 C22,4.9 21.1,4 20,4 Z M20,8 L12,13 L4,8 L4,6 L12,11 L20,6 L20,8 Z" id="Shape" fill="#000000" fill-rule="nonzero"></path>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://twitter.com/intent/tweet/?text=Some%20article%20title&amp;url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Tweet a link to this page">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="x-24-articles" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d="M13.6604555,11.4785798 L20.954365,3 L19.225942,3 L12.8926412,10.3618317 L7.83425247,3 L2,3 L9.64927632,14.1323934 L2,23.023486 L3.72852106,23.023486 L10.4166498,15.2491415 L15.7586789,23.023486 L21.5929313,23.023486 L13.660031,11.4785798 L13.6604555,11.4785798 Z M11.293009,14.2304723 L10.5179779,13.1219369 L4.35133136,4.30120576 L7.00623887,4.30120576 L11.9827944,11.4198173 L12.7578255,12.5283527 L19.2267583,21.7814574 L16.5718508,21.7814574 L11.293009,14.2308968 L11.293009,14.2304723 Z" id="Shape" fill="#212121" fill-rule="nonzero"></path>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="facebook" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="clear-button-bg" x="0" y="0" width="24" height="24"></rect>
<path d="M11.8969072,2 C6.43099227,2 2,6.41067993 2,11.8515383 C2,16.7687258 5.61915593,20.844338 10.3505155,21.5833958 L10.3505155,14.6992486 L7.83762887,14.6992486 L7.83762887,11.8515383 L10.3505155,11.8515383 L10.3505155,9.68112126 C10.3505155,7.21207948 11.8280541,5.84825714 14.0887242,5.84825714 C15.1715271,5.84825714 16.3041237,6.04067 16.3041237,6.04067 L16.3041237,8.465072 L15.0561469,8.465072 C13.8267075,8.465072 13.443299,9.22446783 13.443299,10.0035475 L13.443299,11.8515383 L16.1881443,11.8515383 L15.7493557,14.6992486 L13.443299,14.6992486 L13.443299,21.5833958 C18.1746585,20.844338 21.7938144,16.7687258 21.7938144,11.8515383 C21.7938144,6.41067993 17.3628222,2 11.8969072,2 Z" id="Fill-1" fill="#212121" fill-rule="nonzero"></path>
</g>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://www.linkedin.com/company/elife-sciences-publications-ltd" target="_self" aria-label="Share this page to LinkedIn (opens up email program, if configured on this system)">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="linkedin" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d="M18.9751954,18.9751435 L16.0232549,18.9751435 L16.0232549,14.3522816 C16.0232549,13.2499163 16.0035753,11.8308324 14.4879383,11.8308324 C12.9504693,11.8308324 12.7152366,13.0319032 12.7152366,14.2720257 L12.7152366,18.974836 L9.76329605,18.974836 L9.76329605,9.46835755 L12.5971589,9.46835755 L12.5971589,10.7675189 L12.6368256,10.7675189 C13.2146663,9.77952684 14.2890899,9.18943873 15.4328668,9.23189481 C18.4247815,9.23189481 18.9764254,11.1998552 18.9764254,13.7600486 L18.9751954,18.9751435 Z M6.43252317,8.16888879 C5.48643292,8.16905854 4.71933758,7.40223852 4.7191677,6.45614827 C4.71899794,5.51005802 5.48581795,4.74296266 6.4319082,4.74279278 C7.37799845,4.74262301 8.14509382,5.50944301 8.14526371,6.45553326 C8.14534522,6.90986184 7.96494211,7.34561469 7.64374096,7.66693118 C7.32253981,7.98824766 6.88685175,8.16880719 6.43252317,8.16888879 M7.90849343,18.9751435 L4.95347798,18.9751435 L4.95347798,9.46835755 L7.90849343,9.46835755 L7.90849343,18.9751435 Z M20.4468607,2.00148552 L3.47012787,2.00148552 C2.66777241,1.99243094 2.00979231,2.63513479 2,3.43748159 L2,20.4846305 C2.00945705,21.2873639 2.6673842,21.9307041 3.47012787,21.9223954 L20.4468607,21.9223954 C21.2511925,21.9322515 21.9116962,21.2889485 21.922831,20.4846305 L21.922831,3.43625161 C21.9113617,2.63231978 21.2508045,1.98965267 20.4468607,2" id="Path_2520" fill="#212121" fill-rule="nonzero"></path>
</g>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="https://reddit.com/submit/?url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share this page on Reddit">
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="reddit" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d="M11.9872095,1.051163 C18.0270212,1.051163 22.923256,5.94739779 22.923256,11.9872095 C22.923256,18.0270212 18.0270212,22.923256 11.9872095,22.923256 C5.94739779,22.923256 1.051163,18.0270212 1.051163,11.9872095 C1.051163,5.94739779 5.94739779,1.051163 11.9872095,1.051163 Z M16.5534886,5.37441881 C16.1058142,5.37441881 15.7220932,5.63023277 15.5430235,6.0139537 L12.895349,5.451163 C12.8186049,5.4383723 12.7418607,5.451163 12.6779072,5.48953509 C12.6139537,5.52790719 12.5755816,5.59186067 12.5500002,5.66860486 L11.7441863,9.48023277 C10.0430235,9.53139556 8.52093044,10.0302328 7.42093044,10.8360467 C7.13953509,10.5674421 6.74302347,10.3883723 6.32093044,10.3883723 C5.4383723,10.3883723 4.72209323,11.1046514 4.72209323,11.9872095 C4.72209323,12.6395351 5.10581416,13.1895351 5.66860486,13.445349 C5.64302347,13.5988374 5.63023277,13.7651165 5.63023277,13.9313956 C5.63023277,16.3872095 8.48255835,18.3697677 12.0127909,18.3697677 C15.5430235,18.3697677 18.395349,16.3872095 18.395349,13.9313956 C18.395349,13.7651165 18.3825583,13.6116281 18.356977,13.4581397 C18.8813956,13.2023258 19.2779072,12.6395351 19.2779072,11.9872095 C19.2779072,11.1046514 18.5616281,10.3883723 17.67907,10.3883723 C17.2441863,10.3883723 16.8604653,10.5546514 16.57907,10.8360467 C15.4918607,10.0558142 13.9825583,9.54418626 12.3197677,9.48023277 L13.0488374,6.06511649 L15.4151165,6.5639537 C15.4406979,7.16511649 15.9395351,7.651163 16.5534886,7.651163 C17.1802328,7.651163 17.6918607,7.13953509 17.6918607,6.51279091 C17.6918607,5.88604672 17.1802328,5.37441881 16.5534886,5.37441881 Z M9.72325602,15.7093025 C10.2093025,16.195349 11.2581397,16.3744188 12.0127909,16.3744188 C12.7674421,16.3744188 13.8034886,16.195349 14.3023258,15.7093025 C14.4174421,15.5941863 14.6093025,15.5941863 14.7244188,15.7093025 C14.8139537,15.8372095 14.8139537,16.0162793 14.6988374,16.1313956 C13.9186049,16.9116281 12.4348839,16.9627909 12.0000002,16.9627909 C11.5651165,16.9627909 10.0686049,16.8988374 9.301163,16.1313956 C9.18604672,16.0162793 9.18604672,15.8244188 9.301163,15.7093025 C9.41627928,15.5941863 9.60813974,15.5941863 9.72325602,15.7093025 Z M9.48023277,11.9872095 C10.1069769,11.9872095 10.6186049,12.4988374 10.6186049,13.1255816 C10.6186049,13.7523258 10.1069769,14.2639537 9.48023277,14.2639537 C8.85348858,14.2639537 8.34186067,13.7523258 8.34186067,13.1255816 C8.34186067,12.4988374 8.85348858,11.9872095 9.48023277,11.9872095 Z M14.4941863,11.9872095 C15.1209304,11.9872095 15.6325583,12.4988374 15.6325583,13.1255816 C15.6325583,13.7523258 15.1209304,14.2639537 14.4941863,14.2639537 C13.8674421,14.2639537 13.3558142,13.7523258 13.3558142,13.1255816 C13.3558142,12.4988374 13.8674421,11.9872095 14.4941863,11.9872095 Z" id="Combined-Shape" fill="#212121" fill-rule="nonzero"></path>
</g>
</g>
</svg>
</a>
</li>
<li>
<a class="social-media-sharer" href="" target="_blank" rel="noopener noreferrer" aria-label="Share this page on Mastodon">
<svg width="24px" height="24px">
<g id="mastodon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g>
<rect id="Rectangle" x="0" y="0" width="24" height="24"></rect>
<path d='M11.5412949,0 C14.6936837,0.0250851513 17.7279692,0.357269448 19.4950021,1.1471931 C19.4950021,1.1471931 22.9995752,2.67324958 22.9995752,7.87958222 L23,8.27840764 C22.9948717,9.32900538 22.9399626,12.2394095 22.5108214,14.3877566 C22.1727192,16.0807457 19.4826471,17.9335557 16.3930961,18.2926354 C14.7820287,18.4797396 13.1958041,18.6517151 11.5043627,18.5762011 C8.73816776,18.4528442 6.55544838,17.9335557 6.55544838,17.9335557 C6.55544838,18.1956567 6.57205459,18.4452152 6.605267,18.6786105 C6.96489093,21.335697 9.312211,21.4948713 11.5357152,21.5690923 C13.7799439,21.6438306 15.7782681,21.0305374 15.7782681,21.0305374 L15.8704657,23.0052819 C15.8704657,23.0052819 14.3007146,23.8257215 11.5043627,23.9766203 C9.96237703,24.0591169 8.04774824,23.9388633 5.8177344,23.3643616 C0.981210876,22.1183796 0.149439349,17.1004442 0.022169409,12.0089343 C-0.0166226796,10.4972307 0.00729025582,9.07177343 0.00729025582,7.87958222 C0.00729025582,2.67324958 3.51199627,1.1471931 3.51199627,1.1471931 C5.27916201,0.357269448 8.31145476,0.0250851513 11.4638436,0 L11.5412949,0 Z M15.8599153,5 C14.461897,5 13.4033065,5.46697151 12.7035195,6.40103745 L12.0229667,7.39238391 L11.3425554,6.40103745 C10.642627,5.46697151 9.58403654,5 8.18615964,5 C6.97793807,5 6.00462882,5.36912752 5.26142334,6.08919046 C4.54070495,6.8092534 4.18190148,7.78253068 4.18190148,9.00730143 L4.18190148,15 L6.91358821,15 L6.91358821,9.1834452 C6.91358821,7.95732233 7.50716259,7.33498047 8.69445278,7.33498047 C10.0071899,7.33498047 10.6652556,8.0732355 10.6652556,9.5330285 L10.6652556,12.7167687 L13.3808194,12.7167687 L13.3808194,9.5330285 C13.3808194,8.0732355 14.0387436,7.33498047 15.3514807,7.33498047 C16.5387709,7.33498047 17.1323453,7.95732233 17.1323453,9.1834452 L17.1323453,15 L19.864032,15 L19.864032,9.00730143 C19.864032,7.78253068 19.5052285,6.8092534 18.7846516,6.08919046 C18.0413047,5.36912752 17.0679954,5 15.8599153,5 Z' id='Combined-Shape' fill='#212121' fill-rule='nonzero'></path>
</g>
</g>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="divider"></div>
</div>
</header>
Content Header Profile
Kananinoheaokuuhomeopuukaimanaalohilo
- University of West of Nowhere
- University of Middle of Nowhere
- University of East of Nowhere
madeup@example.com
HTML
<header class="content-header-profile">
<h1 class="content-header-profile__display_name">Kananinoheaokuuhomeopuukaimanaalohilo</h1>
<div class="content-header-profile__details">
<ul class="content-header-profile__affiliations">
<li class="content-header-profile__affiliation">University of West of Nowhere</li><li class="content-header-profile__affiliation">University of Middle of Nowhere</li><li class="content-header-profile__affiliation">University of East of Nowhere</li>
</ul>
<div class="content-header-profile__email">madeup@example.com</div>
<div class="content-header-profile__orcid"><span class="orcid">
<a href="https://orcid.org/0000-0002-3400-7927">
<picture>
<source srcset="../../assets/img/icons/orcid.svg" type="image/svg+xml">
<img src="../../assets/img/icons/orcid.png" class="orcid__icon"
alt="ORCID icon">
</picture> <span class="visuallyhidden">"This ORCID iD identifies the author of this article:"</span>
0000-0002-3400-7927</a>
</span>
</div>
</div>
<nav class="content-header-profile__nav">
<ul class="content-header-profile__links">
<li><a href="/manage-profile" class="content-header-profile__link" >Manage my profile</a></li>
<li><a href="/log-out" class="content-header-profile__link content-header-profile__link--logout" >Log out</a></li>
</ul>
</nav>
</header>
Content Header Read More
- Cell Biology
- Epidemiology and Global Health
Lee R Berger
HTML
<header class="content-header content-header--read-more clearfix content-header--header">
<ol class="content-header__subject_list">
<li class="content-header__subject_list_item">Cell Biology</li>
<li class="content-header__subject_list_item">Epidemiology and Global Health</li>
</ol>
<div class="content-header__body">
<h1 class="content-header__title content-header__title--long">
<a href="#" class="content-header__title_link"><i>Homo naledi</i>, a new species of the genus <i>Homo</i> from the Dinaledi Chamber, South Africa</a>
</h1>
</div>
<div class="authors authors--line">Lee R Berger</div>
<div class="content-header__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Research article</a>
<span class="date"> <time datetime="2015-09-10">Sep 10, 2015</time></span>
</div>
</div>
</header>
Content Header Simple
Browse our latest research
Page 2 of 20
HTML
<header class="content-header-simple">
<h1 class="content-header-simple__title">Browse our latest research</h1>
<div class="content-header-simple__strapline">Page 2 of 20</div>
</header>
Content Header
Alerts and feeds
HTML
<header
class="content-header wrapper clearfix"
data-behaviour="ContentHeader">
</span>
<div class="content-header__body">
<h1 class="content-header__title content-header__title--medium">Alerts and feeds</h1>
</div>
</header>
Content Header About People With Breadcrumb
- About
- People
HTML
<header
class="content-header wrapper content-header--has-social-media-sharers clearfix"
data-behaviour="ContentHeader">
<div class="content-header__top">
<ul class="breadcrumbs">
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">About</a>
</li>
<li class="breadcrumb-item">
<span class="breadcrumb-item__text">People</span>
</li>
</ul>
</div>
</span>
<div class="content-header__body">
<h1 class="content-header__title content-header__title--medium">Our mission</h1>
<div class="content-header__impact-statement">eLife is committed to bringing about real change in the way the results of research are reviewed and communicated.</div>
<div class="social-media-sharers">
<a class="social-media-sharer" href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--facebook social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z"/></svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="https://twitter.com/intent/tweet/?text=Some%20article%20title&amp;url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Tfweet a link to this page">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--twitter social-media-sharer__icon_wrapper--small">
<div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M13.6604555,11.4785798 L20.954365,3 L19.225942,3 L12.8926412,10.3618317 L7.83425247,3 L2,3 L9.64927632,14.1323934 L2,23.023486 L3.72852106,23.023486 L10.4166498,15.2491415 L15.7586789,23.023486 L21.5929313,23.023486 L13.660031,11.4785798 L13.6604555,11.4785798 Z M11.293009,14.2304723 L10.5179779,13.1219369 L4.35133136,4.30120576 L7.00623887,4.30120576 L11.9827944,11.4198173 L12.7578255,12.5283527 L19.2267583,21.7814574 L16.5718508,21.7814574 L11.293009,14.2308968 L11.293009,14.2304723 Z" />
</svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="mailto:?subject=Some%20article%20title&amp;body=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_self" aria-label="Email a link to this page (opens up email program, if configured on this system)">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--email social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z"/></svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="https://reddit.com/submit/?url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share this page on Reddit">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--reddit social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z"/></svg>
</div>
</div>
</a>
</div>
</div>
</header>
Content Header Background With Audio Player
Epidemiology and Global Health
Flatworms have organs called protonephridia that could be used as a model system for the study of kidney disease.
HTML
<div class="content-header-image-wrapper">
<header
class="content-header content-header--image content-header--header clearfix"
data-behaviour="ContentHeader">
<picture class="content-header__picture">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/166,0,1468,861/900,528/0/default.webp 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/166,0,1468,861/450,264/0/default.webp 1x"
type="image/webp"
media="(max-width: 450px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/166,0,1468,861/900,528/0/default.png 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/166,0,1468,861/450,264/0/default.png 1x"
type="image/png"
media="(max-width: 450px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,120,1800,620/1534,528/0/default.webp 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,120,1800,620/767,264/0/default.webp 1x"
type="image/webp"
media="(max-width: 767px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,120,1800,620/1534,528/0/default.png 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,120,1800,620/767,264/0/default.png 1x"
type="image/png"
media="(max-width: 767px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,177,1800,507/2046,576/0/default.webp 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,177,1800,507/1023,288/0/default.webp 1x"
type="image/webp"
media="(max-width: 1023px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,177,1800,507/2046,576/0/default.png 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,177,1800,507/1023,288/0/default.png 1x"
type="image/png"
media="(max-width: 1023px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/2228,672/0/default.webp 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/1114,336/0/default.webp 1x"
type="image/webp"
>
<img src="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/1114,336/0/default.png"
srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/2228,672/0/default.png 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/1114,336/0/default.png 1x"
alt=""
class="content-header__image"
>
</picture>
</span>
<div class="content-header__body">
<h1 class="content-header__title content-header__title--medium">Epidemiology and Global Health</h1>
<div class="content-header__impact-statement">Flatworms have organs called protonephridia that could be used as a <a href="#">model system</a> for the study of kidney disease.</div>
</div>
<div class="content-header__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Research Article</a>
<span class="date"> <time datetime="2016-02-29">Feb 29, 2016</time></span>
</div>
</div>
</header>
<div class="audio-player" data-behaviour="AudioPlayer"
data-metadata="{'number': 21, 'chapters': [{'number': 1, 'title': 'What causes tinnitus?', 'time': 36},{'number': 2, 'title': 'How salamanders avoid senescence', 'time': 386}, {'number': 3, 'title': 'Mouse ultrasound', 'time': 700}, {'number': 4, 'title': 'Drosophila duet: mating flies harmonise', 'time': 1010 }, { 'number': 5, 'title': 'Chemical Harpoons: bacterial anchors', 'time': 1307 } ] }"
>
<div class="audio-player__container">
<div class="audio-player__header"><a href="#" class="audio-player__header-link">Episode 21</a></div>
<audio class="audio-player__player" controls preload="metadata">
<source src="https://nakeddiscovery.com/scripts/mp3s/audio/ads/eLife_Podcast_06.15.mp3" type='audio/mp3' class="media-source"/>
<div>
<a href="https://nakeddiscovery.com/scripts/mp3s/audio/ads/eLife_Podcast_06.15.mp3" class="media-source__fallback_link media-source__fallback_link--audio-player"
>Download the podcast (mp3)</a>
</div>
</audio>
</div>
</div>
</div>
Content Header Background With Image Credit And Audio Player
Epidemiology and Global Health
Flatworms have organs called protonephridia that could be used as a model system for the study of kidney disease.
I haz image credit with a link.
HTML
<div class="content-header-image-wrapper">
<header
class="content-header content-header--image content-header--header clearfix"
data-behaviour="ContentHeader">
<picture class="content-header__picture" aria-labelledby="iAmTheIdOfTheImageCreditElement">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/166,0,1468,861/900,528/0/default.webp 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/166,0,1468,861/450,264/0/default.webp 1x"
type="image/webp"
media="(max-width: 450px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/166,0,1468,861/900,528/0/default.png 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/166,0,1468,861/450,264/0/default.png 1x"
type="image/png"
media="(max-width: 450px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,120,1800,620/1534,528/0/default.webp 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,120,1800,620/767,264/0/default.webp 1x"
type="image/webp"
media="(max-width: 767px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,120,1800,620/1534,528/0/default.png 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,120,1800,620/767,264/0/default.png 1x"
type="image/png"
media="(max-width: 767px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,177,1800,507/2046,576/0/default.webp 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,177,1800,507/1023,288/0/default.webp 1x"
type="image/webp"
media="(max-width: 1023px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,177,1800,507/2046,576/0/default.png 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,177,1800,507/1023,288/0/default.png 1x"
type="image/png"
media="(max-width: 1023px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/2228,672/0/default.webp 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/1114,336/0/default.webp 1x"
type="image/webp"
>
<img src="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/1114,336/0/default.png"
srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/2228,672/0/default.png 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/1114,336/0/default.png 1x"
alt=""
class="content-header__image"
>
</picture>
</span>
<div class="content-header__body">
<h1 class="content-header__title content-header__title--medium">Epidemiology and Global Health</h1>
<div class="content-header__impact-statement">Flatworms have organs called protonephridia that could be used as a <a href="#">model system</a> for the study of kidney disease.</div>
</div>
<div class="content-header__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Research Article</a>
<span class="date"> <time datetime="2016-02-29">Feb 29, 2016</time></span>
</div>
</div>
</header>
<div class="audio-player" data-behaviour="AudioPlayer"
data-metadata="{'number': 21, 'chapters': [{'number': 1, 'title': 'What causes tinnitus?', 'time': 36},{'number': 2, 'title': 'How salamanders avoid senescence', 'time': 386}, {'number': 3, 'title': 'Mouse ultrasound', 'time': 700}, {'number': 4, 'title': 'Drosophila duet: mating flies harmonise', 'time': 1010 }, { 'number': 5, 'title': 'Chemical Harpoons: bacterial anchors', 'time': 1307 } ] }"
>
<div class="audio-player__container">
<div class="audio-player__header"><a href="#" class="audio-player__header-link">Episode 21</a></div>
<audio class="audio-player__player" controls preload="metadata">
<source src="https://nakeddiscovery.com/scripts/mp3s/audio/ads/eLife_Podcast_06.15.mp3" type='audio/mp3' class="media-source"/>
<div>
<a href="https://nakeddiscovery.com/scripts/mp3s/audio/ads/eLife_Podcast_06.15.mp3" class="media-source__fallback_link media-source__fallback_link--audio-player"
>Download the podcast (mp3)</a>
</div>
</audio>
</div>
</div>
<div class="wrapper"><div class="content-header__image-credit" id="iAmTheIdOfTheImageCreditElement">I haz image credit <a href="#">with a link</a>.</div></div>
</div>
Content Header Background With Image Credit Overlay
Epidemiology and Global Health
Flatworms have organs called protonephridia that could be used as a model system for the study of kidney disease.
I haz image credit with a link.
HTML
<div class="content-header-image-wrapper">
<header
class="content-header content-header--image content-header--header clearfix"
data-behaviour="ContentHeader">
<picture class="content-header__picture" aria-labelledby="iAmTheIdOfTheImageCreditElement">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/166,0,1468,861/900,528/0/default.webp 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/166,0,1468,861/450,264/0/default.webp 1x"
type="image/webp"
media="(max-width: 450px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/166,0,1468,861/900,528/0/default.png 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/166,0,1468,861/450,264/0/default.png 1x"
type="image/png"
media="(max-width: 450px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,120,1800,620/1534,528/0/default.webp 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,120,1800,620/767,264/0/default.webp 1x"
type="image/webp"
media="(max-width: 767px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,120,1800,620/1534,528/0/default.png 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,120,1800,620/767,264/0/default.png 1x"
type="image/png"
media="(max-width: 767px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,177,1800,507/2046,576/0/default.webp 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,177,1800,507/1023,288/0/default.webp 1x"
type="image/webp"
media="(max-width: 1023px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,177,1800,507/2046,576/0/default.png 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,177,1800,507/1023,288/0/default.png 1x"
type="image/png"
media="(max-width: 1023px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/2228,672/0/default.webp 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/1114,336/0/default.webp 1x"
type="image/webp"
>
<img src="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/1114,336/0/default.png"
srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/2228,672/0/default.png 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/1114,336/0/default.png 1x"
alt=""
class="content-header__image"
>
</picture>
</span>
<div class="content-header__body">
<h1 class="content-header__title content-header__title--medium">Epidemiology and Global Health</h1>
<div class="content-header__impact-statement">Flatworms have organs called protonephridia that could be used as a <a href="#">model system</a> for the study of kidney disease.</div>
</div>
<div class="content-header__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Research Article</a>
<span class="date"> <time datetime="2016-02-29">Feb 29, 2016</time></span>
</div>
</div>
<div class="content-header__image-credit content-header__image-credit--overlay" id="iAmTheIdOfTheImageCreditElement">I haz image credit <a href="#">with a link</a>.</div>
</header>
</div>
Content Header Background With Image Credit
Epidemiology and Global Health
Flatworms have organs called protonephridia that could be used as a model system for the study of kidney disease.
I haz image credit with a link.
HTML
<div class="content-header-image-wrapper">
<header
class="content-header content-header--image content-header--header clearfix"
data-behaviour="ContentHeader">
<picture class="content-header__picture" aria-labelledby="iAmTheIdOfTheImageCreditElement">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/166,0,1468,861/900,528/0/default.webp 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/166,0,1468,861/450,264/0/default.webp 1x"
type="image/webp"
media="(max-width: 450px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/166,0,1468,861/900,528/0/default.png 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/166,0,1468,861/450,264/0/default.png 1x"
type="image/png"
media="(max-width: 450px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,120,1800,620/1534,528/0/default.webp 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,120,1800,620/767,264/0/default.webp 1x"
type="image/webp"
media="(max-width: 767px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,120,1800,620/1534,528/0/default.png 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,120,1800,620/767,264/0/default.png 1x"
type="image/png"
media="(max-width: 767px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,177,1800,507/2046,576/0/default.webp 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,177,1800,507/1023,288/0/default.webp 1x"
type="image/webp"
media="(max-width: 1023px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,177,1800,507/2046,576/0/default.png 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,177,1800,507/1023,288/0/default.png 1x"
type="image/png"
media="(max-width: 1023px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/2228,672/0/default.webp 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/1114,336/0/default.webp 1x"
type="image/webp"
>
<img src="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/1114,336/0/default.png"
srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/2228,672/0/default.png 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/1114,336/0/default.png 1x"
alt=""
class="content-header__image"
>
</picture>
</span>
<div class="content-header__body">
<h1 class="content-header__title content-header__title--medium">Epidemiology and Global Health</h1>
<div class="content-header__impact-statement">Flatworms have organs called protonephridia that could be used as a <a href="#">model system</a> for the study of kidney disease.</div>
</div>
<div class="content-header__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Research Article</a>
<span class="date"> <time datetime="2016-02-29">Feb 29, 2016</time></span>
</div>
</div>
</header>
<div class="wrapper"><div class="content-header__image-credit" id="iAmTheIdOfTheImageCreditElement">I haz image credit <a href="#">with a link</a>.</div></div>
</div>
Content Header Background
Epidemiology and Global Health
Flatworms have organs called protonephridia that could be used as a model system for the study of kidney disease.
HTML
<div class="content-header-image-wrapper content-header-image-wrapper--no-credit">
<header
class="content-header content-header--image content-header--header clearfix"
data-behaviour="ContentHeader">
<picture class="content-header__picture">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/166,0,1468,861/900,528/0/default.webp 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/166,0,1468,861/450,264/0/default.webp 1x"
type="image/webp"
media="(max-width: 450px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/166,0,1468,861/900,528/0/default.png 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/166,0,1468,861/450,264/0/default.png 1x"
type="image/png"
media="(max-width: 450px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,120,1800,620/1534,528/0/default.webp 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,120,1800,620/767,264/0/default.webp 1x"
type="image/webp"
media="(max-width: 767px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,120,1800,620/1534,528/0/default.png 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,120,1800,620/767,264/0/default.png 1x"
type="image/png"
media="(max-width: 767px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,177,1800,507/2046,576/0/default.webp 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,177,1800,507/1023,288/0/default.webp 1x"
type="image/webp"
media="(max-width: 1023px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,177,1800,507/2046,576/0/default.png 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,177,1800,507/1023,288/0/default.png 1x"
type="image/png"
media="(max-width: 1023px)">
<source srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/2228,672/0/default.webp 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/1114,336/0/default.webp 1x"
type="image/webp"
>
<img src="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/1114,336/0/default.png"
srcset="https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/2228,672/0/default.png 2x, https://iiif.elifesciences.org/journal-cms:collection/2015-09/2d2e35c4-tropical-disease-elife-collections.png/0,159,1800,543/1114,336/0/default.png 1x"
alt=""
class="content-header__image"
>
</picture>
</span>
<div class="content-header__body">
<h1 class="content-header__title content-header__title--medium">Epidemiology and Global Health</h1>
<div class="content-header__impact-statement">Flatworms have organs called protonephridia that could be used as a <a href="#">model system</a> for the study of kidney disease.</div>
</div>
<div class="content-header__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Research Article</a>
<span class="date"> <time datetime="2016-02-29">Feb 29, 2016</time></span>
</div>
</div>
</header>
</div>
Content Header Collection Title 0 Xx Short
Magazine
From its earliest days, eLife has been publishing important advances in our understanding of Cancer Biology. Here, eLife Senior Editors present a collection of great papers spanning from oncogenes and tumor suppressors.
HTML
<div class="content-header-image-wrapper content-header-image-wrapper--no-credit">
<header
class="content-header content-header--image content-header--header content-header--has-social-media-sharers content-header--has-profile clearfix"
data-behaviour="ContentHeader">
<picture class="content-header__picture">
<img src="https://iiif.elifesciences.org/journal-cms:subjects/2017-04/elife-sciences-cancer-biology-illustration.jpg/1426,0,4164,2082/1800,900/0/default.jpg"
alt=""
class="content-header__image"
>
</picture>
<div class="content-header__profile_wrapper">
<a class="content-header__profile content-header__profile--has-image"
href="#">
<picture>
<img src="https://unsplash.it/40/40"
srcset="https://unsplash.it/80/80 1x"
alt=""
class="content-header__profile_image">
</picture>
<dl>
<dt class="content-header__profile_label">Edited by</dt>
<dd class="content-header__profile_data">Prabhat Jha</dd>
</dl>
</a>
</div>
<span class="content-header__component-assets">
</span>
<div class="content-header__body">
<h1 class="content-header__title content-header__title--xx-short">Magazine</h1>
<div class="content-header__impact-statement">From its earliest days, eLife has been publishing important advances in our understanding of Cancer Biology. Here, eLife Senior Editors present a collection of great papers spanning from oncogenes and tumor suppressors.</div>
<div class="social-media-sharers">
<a class="social-media-sharer" href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--facebook social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z"/></svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="https://twitter.com/intent/tweet/?text=Some%20article%20title&amp;url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Tfweet a link to this page">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--twitter social-media-sharer__icon_wrapper--small">
<div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M13.6604555,11.4785798 L20.954365,3 L19.225942,3 L12.8926412,10.3618317 L7.83425247,3 L2,3 L9.64927632,14.1323934 L2,23.023486 L3.72852106,23.023486 L10.4166498,15.2491415 L15.7586789,23.023486 L21.5929313,23.023486 L13.660031,11.4785798 L13.6604555,11.4785798 Z M11.293009,14.2304723 L10.5179779,13.1219369 L4.35133136,4.30120576 L7.00623887,4.30120576 L11.9827944,11.4198173 L12.7578255,12.5283527 L19.2267583,21.7814574 L16.5718508,21.7814574 L11.293009,14.2308968 L11.293009,14.2304723 Z" />
</svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="mailto:?subject=Some%20article%20title&amp;body=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_self" aria-label="Email a link to this page (opens up email program, if configured on this system)">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--email social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z"/></svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="https://reddit.com/submit/?url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share this page on Reddit">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--reddit social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z"/></svg>
</div>
</div>
</a>
</div>
</div>
<div class="content-header__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Collection</a>
<span class="date"> <time datetime="2016-08-12">Aug 12, 2016</time></span>
</div>
</div>
</header>
</div>
Content Header Collection Title 1 X Short
Scientist and Parent
From its earliest days, eLife has been publishing important advances in our understanding of Cancer Biology. Here, eLife Senior Editors present a collection of great papers spanning from oncogenes and tumor suppressors.
HTML
<div class="content-header-image-wrapper content-header-image-wrapper--no-credit">
<header
class="content-header content-header--image content-header--header content-header--has-social-media-sharers content-header--has-profile clearfix"
data-behaviour="ContentHeader">
<picture class="content-header__picture">
<img src="https://iiif.elifesciences.org/journal-cms:subjects/2017-04/elife-sciences-cancer-biology-illustration.jpg/1426,0,4164,2082/1800,900/0/default.jpg"
alt=""
class="content-header__image"
>
</picture>
<div class="content-header__profile_wrapper">
<a class="content-header__profile content-header__profile--has-image"
href="#">
<picture>
<img src="https://unsplash.it/40/40"
srcset="https://unsplash.it/80/80 1x"
alt=""
class="content-header__profile_image">
</picture>
<dl>
<dt class="content-header__profile_label">Edited by</dt>
<dd class="content-header__profile_data">Prabhat Jha</dd>
</dl>
</a>
</div>
<span class="content-header__component-assets">
</span>
<div class="content-header__body">
<h1 class="content-header__title content-header__title--x-short">Scientist and Parent</h1>
<div class="content-header__impact-statement">From its earliest days, eLife has been publishing important advances in our understanding of Cancer Biology. Here, eLife Senior Editors present a collection of great papers spanning from oncogenes and tumor suppressors.</div>
<div class="social-media-sharers">
<a class="social-media-sharer" href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--facebook social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z"/></svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="https://twitter.com/intent/tweet/?text=Some%20article%20title&amp;url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Tfweet a link to this page">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--twitter social-media-sharer__icon_wrapper--small">
<div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M13.6604555,11.4785798 L20.954365,3 L19.225942,3 L12.8926412,10.3618317 L7.83425247,3 L2,3 L9.64927632,14.1323934 L2,23.023486 L3.72852106,23.023486 L10.4166498,15.2491415 L15.7586789,23.023486 L21.5929313,23.023486 L13.660031,11.4785798 L13.6604555,11.4785798 Z M11.293009,14.2304723 L10.5179779,13.1219369 L4.35133136,4.30120576 L7.00623887,4.30120576 L11.9827944,11.4198173 L12.7578255,12.5283527 L19.2267583,21.7814574 L16.5718508,21.7814574 L11.293009,14.2308968 L11.293009,14.2304723 Z" />
</svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="mailto:?subject=Some%20article%20title&amp;body=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_self" aria-label="Email a link to this page (opens up email program, if configured on this system)">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--email social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z"/></svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="https://reddit.com/submit/?url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share this page on Reddit">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--reddit social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z"/></svg>
</div>
</div>
</a>
</div>
</div>
<div class="content-header__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Collection</a>
<span class="date"> <time datetime="2016-08-12">Aug 12, 2016</time></span>
</div>
</div>
</header>
</div>
Content Header Collection Title 2 Short
Reproducibility Project: Cancer Biology
From its earliest days, eLife has been publishing important advances in our understanding of Cancer Biology. Here, eLife Senior Editors present a collection of great papers spanning from oncogenes and tumor suppressors.
HTML
<div class="content-header-image-wrapper content-header-image-wrapper--no-credit">
<header
class="content-header content-header--image content-header--header content-header--has-social-media-sharers content-header--has-profile clearfix"
data-behaviour="ContentHeader">
<picture class="content-header__picture">
<img src="https://iiif.elifesciences.org/journal-cms:subjects/2017-04/elife-sciences-cancer-biology-illustration.jpg/1426,0,4164,2082/1800,900/0/default.jpg"
alt=""
class="content-header__image"
>
</picture>
<div class="content-header__profile_wrapper">
<a class="content-header__profile content-header__profile--has-image"
href="#">
<picture>
<img src="https://unsplash.it/40/40"
srcset="https://unsplash.it/80/80 1x"
alt=""
class="content-header__profile_image">
</picture>
<dl>
<dt class="content-header__profile_label">Edited by</dt>
<dd class="content-header__profile_data">Prabhat Jha</dd>
</dl>
</a>
</div>
<span class="content-header__component-assets">
</span>
<div class="content-header__body">
<h1 class="content-header__title content-header__title--short">Reproducibility Project: Cancer Biology</h1>
<div class="content-header__impact-statement">From its earliest days, eLife has been publishing important advances in our understanding of Cancer Biology. Here, eLife Senior Editors present a collection of great papers spanning from oncogenes and tumor suppressors.</div>
<div class="social-media-sharers">
<a class="social-media-sharer" href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--facebook social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z"/></svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="https://twitter.com/intent/tweet/?text=Some%20article%20title&amp;url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Tfweet a link to this page">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--twitter social-media-sharer__icon_wrapper--small">
<div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M13.6604555,11.4785798 L20.954365,3 L19.225942,3 L12.8926412,10.3618317 L7.83425247,3 L2,3 L9.64927632,14.1323934 L2,23.023486 L3.72852106,23.023486 L10.4166498,15.2491415 L15.7586789,23.023486 L21.5929313,23.023486 L13.660031,11.4785798 L13.6604555,11.4785798 Z M11.293009,14.2304723 L10.5179779,13.1219369 L4.35133136,4.30120576 L7.00623887,4.30120576 L11.9827944,11.4198173 L12.7578255,12.5283527 L19.2267583,21.7814574 L16.5718508,21.7814574 L11.293009,14.2308968 L11.293009,14.2304723 Z" />
</svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="mailto:?subject=Some%20article%20title&amp;body=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_self" aria-label="Email a link to this page (opens up email program, if configured on this system)">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--email social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z"/></svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="https://reddit.com/submit/?url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share this page on Reddit">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--reddit social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z"/></svg>
</div>
</div>
</a>
</div>
</div>
<div class="content-header__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Collection</a>
<span class="date"> <time datetime="2016-08-12">Aug 12, 2016</time></span>
</div>
</div>
</header>
</div>
Content Header Collection Title 3 Medium A
Reproducibility Project: Cancer Biology
From its earliest days, eLife has been publishing important advances in our understanding of Cancer Biology. Here, eLife Senior Editors present a collection of great papers spanning from oncogenes and tumor suppressors.
HTML
<div class="content-header-image-wrapper content-header-image-wrapper--no-credit">
<header
class="content-header content-header--image content-header--header content-header--has-social-media-sharers content-header--has-profile clearfix"
data-behaviour="ContentHeader">
<picture class="content-header__picture">
<img src="https://iiif.elifesciences.org/journal-cms:subjects/2017-04/elife-sciences-cancer-biology-illustration.jpg/1426,0,4164,2082/1800,900/0/default.jpg"
alt=""
class="content-header__image"
>
</picture>
<div class="content-header__profile_wrapper">
<a class="content-header__profile content-header__profile--has-image"
href="#">
<picture>
<img src="https://unsplash.it/40/40"
srcset="https://unsplash.it/80/80 1x"
alt=""
class="content-header__profile_image">
</picture>
<dl>
<dt class="content-header__profile_label">Edited by</dt>
<dd class="content-header__profile_data">Prabhat Jha</dd>
</dl>
</a>
</div>
<span class="content-header__component-assets">
</span>
<div class="content-header__body">
<h1 class="content-header__title content-header__title--medium">Reproducibility Project: Cancer Biology</h1>
<div class="content-header__impact-statement">From its earliest days, eLife has been publishing important advances in our understanding of Cancer Biology. Here, eLife Senior Editors present a collection of great papers spanning from oncogenes and tumor suppressors.</div>
<div class="social-media-sharers">
<a class="social-media-sharer" href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--facebook social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z"/></svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="https://twitter.com/intent/tweet/?text=Some%20article%20title&amp;url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Tfweet a link to this page">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--twitter social-media-sharer__icon_wrapper--small">
<div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M13.6604555,11.4785798 L20.954365,3 L19.225942,3 L12.8926412,10.3618317 L7.83425247,3 L2,3 L9.64927632,14.1323934 L2,23.023486 L3.72852106,23.023486 L10.4166498,15.2491415 L15.7586789,23.023486 L21.5929313,23.023486 L13.660031,11.4785798 L13.6604555,11.4785798 Z M11.293009,14.2304723 L10.5179779,13.1219369 L4.35133136,4.30120576 L7.00623887,4.30120576 L11.9827944,11.4198173 L12.7578255,12.5283527 L19.2267583,21.7814574 L16.5718508,21.7814574 L11.293009,14.2308968 L11.293009,14.2304723 Z" />
</svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="mailto:?subject=Some%20article%20title&amp;body=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_self" aria-label="Email a link to this page (opens up email program, if configured on this system)">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--email social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z"/></svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="https://reddit.com/submit/?url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share this page on Reddit">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--reddit social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z"/></svg>
</div>
</div>
</a>
</div>
</div>
<div class="content-header__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Collection</a>
<span class="date"> <time datetime="2016-08-12">Aug 12, 2016</time></span>
</div>
</div>
</header>
</div>
Content Header Collection Title 3 Medium B
Mechanistic Microbiome Studies: A Special Issue
From its earliest days, eLife has been publishing important advances in our understanding of Cancer Biology. Here, eLife Senior Editors present a collection of great papers spanning from oncogenes and tumor suppressors.
HTML
<div class="content-header-image-wrapper content-header-image-wrapper--no-credit">
<header
class="content-header content-header--image content-header--header content-header--has-social-media-sharers content-header--has-profile clearfix"
data-behaviour="ContentHeader">
<picture class="content-header__picture">
<img src="https://iiif.elifesciences.org/journal-cms:subjects/2017-04/elife-sciences-cancer-biology-illustration.jpg/1426,0,4164,2082/1800,900/0/default.jpg"
alt=""
class="content-header__image"
>
</picture>
<div class="content-header__profile_wrapper">
<a class="content-header__profile content-header__profile--has-image"
href="#">
<picture>
<img src="https://unsplash.it/40/40"
srcset="https://unsplash.it/80/80 1x"
alt=""
class="content-header__profile_image">
</picture>
<dl>
<dt class="content-header__profile_label">Edited by</dt>
<dd class="content-header__profile_data">Prabhat Jha</dd>
</dl>
</a>
</div>
<span class="content-header__component-assets">
</span>
<div class="content-header__body">
<h1 class="content-header__title content-header__title--medium">Mechanistic Microbiome Studies: A Special Issue</h1>
<div class="content-header__impact-statement">From its earliest days, eLife has been publishing important advances in our understanding of Cancer Biology. Here, eLife Senior Editors present a collection of great papers spanning from oncogenes and tumor suppressors.</div>
<div class="social-media-sharers">
<a class="social-media-sharer" href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--facebook social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z"/></svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="https://twitter.com/intent/tweet/?text=Some%20article%20title&amp;url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Tfweet a link to this page">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--twitter social-media-sharer__icon_wrapper--small">
<div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M13.6604555,11.4785798 L20.954365,3 L19.225942,3 L12.8926412,10.3618317 L7.83425247,3 L2,3 L9.64927632,14.1323934 L2,23.023486 L3.72852106,23.023486 L10.4166498,15.2491415 L15.7586789,23.023486 L21.5929313,23.023486 L13.660031,11.4785798 L13.6604555,11.4785798 Z M11.293009,14.2304723 L10.5179779,13.1219369 L4.35133136,4.30120576 L7.00623887,4.30120576 L11.9827944,11.4198173 L12.7578255,12.5283527 L19.2267583,21.7814574 L16.5718508,21.7814574 L11.293009,14.2308968 L11.293009,14.2304723 Z" />
</svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="mailto:?subject=Some%20article%20title&amp;body=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_self" aria-label="Email a link to this page (opens up email program, if configured on this system)">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--email social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z"/></svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="https://reddit.com/submit/?url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share this page on Reddit">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--reddit social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z"/></svg>
</div>
</div>
</a>
</div>
</div>
<div class="content-header__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Collection</a>
<span class="date"> <time datetime="2016-08-12">Aug 12, 2016</time></span>
</div>
</div>
</header>
</div>
Content Header Collection Title 4 Long
eLife's Multi-format Plain-language Summaries of Research
From its earliest days, eLife has been publishing important advances in our understanding of Cancer Biology. Here, eLife Senior Editors present a collection of great papers spanning from oncogenes and tumor suppressors.
HTML
<div class="content-header-image-wrapper content-header-image-wrapper--no-credit">
<header
class="content-header content-header--image content-header--header content-header--has-social-media-sharers content-header--has-profile clearfix"
data-behaviour="ContentHeader">
<picture class="content-header__picture">
<img src="https://iiif.elifesciences.org/journal-cms:subjects/2017-04/elife-sciences-cancer-biology-illustration.jpg/1426,0,4164,2082/1800,900/0/default.jpg"
alt=""
class="content-header__image"
>
</picture>
<div class="content-header__profile_wrapper">
<a class="content-header__profile content-header__profile--has-image"
href="#">
<picture>
<img src="https://unsplash.it/40/40"
srcset="https://unsplash.it/80/80 1x"
alt=""
class="content-header__profile_image">
</picture>
<dl>
<dt class="content-header__profile_label">Edited by</dt>
<dd class="content-header__profile_data">Prabhat Jha</dd>
</dl>
</a>
</div>
<span class="content-header__component-assets">
</span>
<div class="content-header__body">
<h1 class="content-header__title content-header__title--long">eLife's Multi-format Plain-language Summaries of Research</h1>
<div class="content-header__impact-statement">From its earliest days, eLife has been publishing important advances in our understanding of Cancer Biology. Here, eLife Senior Editors present a collection of great papers spanning from oncogenes and tumor suppressors.</div>
<div class="social-media-sharers">
<a class="social-media-sharer" href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--facebook social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z"/></svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="https://twitter.com/intent/tweet/?text=Some%20article%20title&amp;url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Tfweet a link to this page">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--twitter social-media-sharer__icon_wrapper--small">
<div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M13.6604555,11.4785798 L20.954365,3 L19.225942,3 L12.8926412,10.3618317 L7.83425247,3 L2,3 L9.64927632,14.1323934 L2,23.023486 L3.72852106,23.023486 L10.4166498,15.2491415 L15.7586789,23.023486 L21.5929313,23.023486 L13.660031,11.4785798 L13.6604555,11.4785798 Z M11.293009,14.2304723 L10.5179779,13.1219369 L4.35133136,4.30120576 L7.00623887,4.30120576 L11.9827944,11.4198173 L12.7578255,12.5283527 L19.2267583,21.7814574 L16.5718508,21.7814574 L11.293009,14.2308968 L11.293009,14.2304723 Z" />
</svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="mailto:?subject=Some%20article%20title&amp;body=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_self" aria-label="Email a link to this page (opens up email program, if configured on this system)">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--email social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z"/></svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="https://reddit.com/submit/?url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share this page on Reddit">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--reddit social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z"/></svg>
</div>
</div>
</a>
</div>
</div>
<div class="content-header__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Collection</a>
<span class="date"> <time datetime="2016-08-12">Aug 12, 2016</time></span>
</div>
</div>
</header>
</div>
Content Header Collection Title 5 X Long A
Ezrin enrichment on curved membranes requires a specific conformation or interaction with a curvature-sensitive partner
From its earliest days, eLife has been publishing important advances in our understanding of Cancer Biology. Here, eLife Senior Editors present a collection of great papers spanning from oncogenes and tumor suppressors.
HTML
<div class="content-header-image-wrapper content-header-image-wrapper--no-credit">
<header
class="content-header content-header--image content-header--header content-header--has-social-media-sharers content-header--has-profile clearfix"
data-behaviour="ContentHeader">
<picture class="content-header__picture">
<img src="https://iiif.elifesciences.org/journal-cms:subjects/2017-04/elife-sciences-cancer-biology-illustration.jpg/1426,0,4164,2082/1800,900/0/default.jpg"
alt=""
class="content-header__image"
>
</picture>
<div class="content-header__profile_wrapper">
<a class="content-header__profile content-header__profile--has-image"
href="#">
<picture>
<img src="https://unsplash.it/40/40"
srcset="https://unsplash.it/80/80 1x"
alt=""
class="content-header__profile_image">
</picture>
<dl>
<dt class="content-header__profile_label">Edited by</dt>
<dd class="content-header__profile_data">Prabhat Jha</dd>
</dl>
</a>
</div>
<span class="content-header__component-assets">
</span>
<div class="content-header__body">
<h1 class="content-header__title content-header__title--x-long">Ezrin enrichment on curved membranes requires a specific conformation or interaction with a curvature-sensitive partner</h1>
<div class="content-header__impact-statement">From its earliest days, eLife has been publishing important advances in our understanding of Cancer Biology. Here, eLife Senior Editors present a collection of great papers spanning from oncogenes and tumor suppressors.</div>
<div class="social-media-sharers">
<a class="social-media-sharer" href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--facebook social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z"/></svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="https://twitter.com/intent/tweet/?text=Some%20article%20title&amp;url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Tfweet a link to this page">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--twitter social-media-sharer__icon_wrapper--small">
<div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M13.6604555,11.4785798 L20.954365,3 L19.225942,3 L12.8926412,10.3618317 L7.83425247,3 L2,3 L9.64927632,14.1323934 L2,23.023486 L3.72852106,23.023486 L10.4166498,15.2491415 L15.7586789,23.023486 L21.5929313,23.023486 L13.660031,11.4785798 L13.6604555,11.4785798 Z M11.293009,14.2304723 L10.5179779,13.1219369 L4.35133136,4.30120576 L7.00623887,4.30120576 L11.9827944,11.4198173 L12.7578255,12.5283527 L19.2267583,21.7814574 L16.5718508,21.7814574 L11.293009,14.2308968 L11.293009,14.2304723 Z" />
</svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="mailto:?subject=Some%20article%20title&amp;body=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_self" aria-label="Email a link to this page (opens up email program, if configured on this system)">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--email social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z"/></svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="https://reddit.com/submit/?url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share this page on Reddit">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--reddit social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z"/></svg>
</div>
</div>
</a>
</div>
</div>
<div class="content-header__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Collection</a>
<span class="date"> <time datetime="2016-08-12">Aug 12, 2016</time></span>
</div>
</div>
</header>
</div>
Content Header Collection Title 5 X Long B
Kasugamycin potentiates rifampicin and limits emergence of resistance in Mycobacterium tuberculosis by specifically decreasing mycobacterial mistranslation
From its earliest days, eLife has been publishing important advances in our understanding of Cancer Biology. Here, eLife Senior Editors present a collection of great papers spanning from oncogenes and tumor suppressors.
HTML
<div class="content-header-image-wrapper content-header-image-wrapper--no-credit">
<header
class="content-header content-header--image content-header--header content-header--has-social-media-sharers content-header--has-profile clearfix"
data-behaviour="ContentHeader">
<picture class="content-header__picture">
<img src="https://iiif.elifesciences.org/journal-cms:subjects/2017-04/elife-sciences-cancer-biology-illustration.jpg/1426,0,4164,2082/1800,900/0/default.jpg"
alt=""
class="content-header__image"
>
</picture>
<div class="content-header__profile_wrapper">
<a class="content-header__profile content-header__profile--has-image"
href="#">
<picture>
<img src="https://unsplash.it/40/40"
srcset="https://unsplash.it/80/80 1x"
alt=""
class="content-header__profile_image">
</picture>
<dl>
<dt class="content-header__profile_label">Edited by</dt>
<dd class="content-header__profile_data">Prabhat Jha</dd>
</dl>
</a>
</div>
<span class="content-header__component-assets">
</span>
<div class="content-header__body">
<h1 class="content-header__title content-header__title--x-long">Kasugamycin potentiates rifampicin and limits emergence of resistance in Mycobacterium tuberculosis by specifically decreasing mycobacterial mistranslation</h1>
<div class="content-header__impact-statement">From its earliest days, eLife has been publishing important advances in our understanding of Cancer Biology. Here, eLife Senior Editors present a collection of great papers spanning from oncogenes and tumor suppressors.</div>
<div class="social-media-sharers">
<a class="social-media-sharer" href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--facebook social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z"/></svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="https://twitter.com/intent/tweet/?text=Some%20article%20title&amp;url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Tfweet a link to this page">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--twitter social-media-sharer__icon_wrapper--small">
<div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M13.6604555,11.4785798 L20.954365,3 L19.225942,3 L12.8926412,10.3618317 L7.83425247,3 L2,3 L9.64927632,14.1323934 L2,23.023486 L3.72852106,23.023486 L10.4166498,15.2491415 L15.7586789,23.023486 L21.5929313,23.023486 L13.660031,11.4785798 L13.6604555,11.4785798 Z M11.293009,14.2304723 L10.5179779,13.1219369 L4.35133136,4.30120576 L7.00623887,4.30120576 L11.9827944,11.4198173 L12.7578255,12.5283527 L19.2267583,21.7814574 L16.5718508,21.7814574 L11.293009,14.2308968 L11.293009,14.2304723 Z" />
</svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="mailto:?subject=Some%20article%20title&amp;body=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_self" aria-label="Email a link to this page (opens up email program, if configured on this system)">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--email social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z"/></svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="https://reddit.com/submit/?url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share this page on Reddit">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--reddit social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z"/></svg>
</div>
</div>
</a>
</div>
</div>
<div class="content-header__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Collection</a>
<span class="date"> <time datetime="2016-08-12">Aug 12, 2016</time></span>
</div>
</div>
</header>
</div>
Content Header Collection Title 6 Xx Long
A title in an image-backed content header like this should never be this long Ridiculous! However if it is, at least we can scale appropriately and prevent things from breaking in a really horrible fashion
From its earliest days, eLife has been publishing important advances in our understanding of Cancer Biology. Here, eLife Senior Editors present a collection of great papers spanning from oncogenes and tumor suppressors.
HTML
<div class="content-header-image-wrapper content-header-image-wrapper--no-credit">
<header
class="content-header content-header--image content-header--header content-header--has-social-media-sharers content-header--has-profile clearfix"
data-behaviour="ContentHeader">
<picture class="content-header__picture">
<img src="https://iiif.elifesciences.org/journal-cms:subjects/2017-04/elife-sciences-cancer-biology-illustration.jpg/1426,0,4164,2082/1800,900/0/default.jpg"
alt=""
class="content-header__image"
>
</picture>
<div class="content-header__profile_wrapper">
<a class="content-header__profile content-header__profile--has-image"
href="#">
<picture>
<img src="https://unsplash.it/40/40"
srcset="https://unsplash.it/80/80 1x"
alt=""
class="content-header__profile_image">
</picture>
<dl>
<dt class="content-header__profile_label">Edited by</dt>
<dd class="content-header__profile_data">Prabhat Jha</dd>
</dl>
</a>
</div>
<span class="content-header__component-assets">
</span>
<div class="content-header__body">
<h1 class="content-header__title content-header__title--xx-long">A title in an image-backed content header like this should never be this long Ridiculous! However if it is, at least we can scale appropriately and prevent things from breaking in a really horrible fashion</h1>
<div class="content-header__impact-statement">From its earliest days, eLife has been publishing important advances in our understanding of Cancer Biology. Here, eLife Senior Editors present a collection of great papers spanning from oncogenes and tumor suppressors.</div>
<div class="social-media-sharers">
<a class="social-media-sharer" href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--facebook social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z"/></svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="https://twitter.com/intent/tweet/?text=Some%20article%20title&amp;url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Tfweet a link to this page">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--twitter social-media-sharer__icon_wrapper--small">
<div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M13.6604555,11.4785798 L20.954365,3 L19.225942,3 L12.8926412,10.3618317 L7.83425247,3 L2,3 L9.64927632,14.1323934 L2,23.023486 L3.72852106,23.023486 L10.4166498,15.2491415 L15.7586789,23.023486 L21.5929313,23.023486 L13.660031,11.4785798 L13.6604555,11.4785798 Z M11.293009,14.2304723 L10.5179779,13.1219369 L4.35133136,4.30120576 L7.00623887,4.30120576 L11.9827944,11.4198173 L12.7578255,12.5283527 L19.2267583,21.7814574 L16.5718508,21.7814574 L11.293009,14.2308968 L11.293009,14.2304723 Z" />
</svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="mailto:?subject=Some%20article%20title&amp;body=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_self" aria-label="Email a link to this page (opens up email program, if configured on this system)">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--email social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z"/></svg>
</div>
</div>
</a>
<a class="social-media-sharer" href="https://reddit.com/submit/?url=https%3A%2F%2Fexample.com%2Fsome-article-url" target="_blank" rel="noopener noreferrer" aria-label="Share this page on Reddit">
<div class="social-media-sharer__icon_wrapper social-media-sharer__icon_wrapper--reddit social-media-sharer__icon_wrapper--small"><div aria-hidden="true" class="social-media-sharer__icon social-media-sharer__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 11.5c0-1.65-1.35-3-3-3-.96 0-1.86.48-2.42 1.24-1.64-1-3.75-1.64-6.07-1.72.08-1.1.4-3.05 1.52-3.7.72-.4 1.73-.24 3 .5C17.2 6.3 18.46 7.5 20 7.5c1.65 0 3-1.35 3-3s-1.35-3-3-3c-1.38 0-2.54.94-2.88 2.22-1.43-.72-2.64-.8-3.6-.25-1.64.94-1.95 3.47-2 4.55-2.33.08-4.45.7-6.1 1.72C4.86 8.98 3.96 8.5 3 8.5c-1.65 0-3 1.35-3 3 0 1.32.84 2.44 2.05 2.84-.03.22-.05.44-.05.66 0 3.86 4.5 7 10 7s10-3.14 10-7c0-.22-.02-.44-.05-.66 1.2-.4 2.05-1.54 2.05-2.84zM2.3 13.37C1.5 13.07 1 12.35 1 11.5c0-1.1.9-2 2-2 .64 0 1.22.32 1.6.82-1.1.85-1.92 1.9-2.3 3.05zm3.7.13c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm9.8 4.8c-1.08.63-2.42.96-3.8.96-1.4 0-2.74-.34-3.8-.95-.24-.13-.32-.44-.2-.68.15-.24.46-.32.7-.18 1.83 1.06 4.76 1.06 6.6 0 .23-.13.53-.05.67.2.14.23.06.54-.18.67zm.2-2.8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm5.7-2.13c-.38-1.16-1.2-2.2-2.3-3.05.38-.5.97-.82 1.6-.82 1.1 0 2 .9 2 2 0 .84-.53 1.57-1.3 1.87z"/></svg>
</div>
</div>
</a>
</div>
</div>
<div class="content-header__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Collection</a>
<span class="date"> <time datetime="2016-08-12">Aug 12, 2016</time></span>
</div>
</div>
</header>
</div>
Content Header Listing
eLife podcast
Flatworms have organs called protonephridia that could be used as a model system for the study of kidney disease.
HTML
<header
class="content-header wrapper clearfix"
data-behaviour="ContentHeader">
</span>
<div class="content-header__body">
<h1 class="content-header__title content-header__title--medium">eLife podcast</h1>
<div class="content-header__impact-statement">Flatworms have organs called protonephridia that could be used as a <a href="#">model system</a> for the study of kidney disease.</div>
</div>
</header>
Content Header Non Article With Select
People
The working scientists who serve as eLife editors, our early-career advisors, governing board, and our executive staff all work in concert to realise eLife’s mission to accelerate discovery
HTML
<header
class="content-header wrapper content-header--header clearfix"
data-behaviour="ContentHeader">
<span class="content-header__component-assets">
</span>
<div class="content-header__body">
<h1 class="content-header__title content-header__title--medium">People</h1>
<div class="content-header__impact-statement">The working scientists who serve as eLife editors, our early-career advisors, governing board, and our executive staff all work in concert to realise eLife’s mission to accelerate discovery</div>
</div>
<div class="content-header__cta">
<form method="GET" action="/path/to/archive" data-behaviour="SelectNav">
<div class="form-item">
<label for="archiveYear"
class="form-item__label visuallyhidden">
Archive year
</label>
<select class="select"
id="archiveYear"
>
<option value="2016" >2016</option>
<option value="2015" >2015</option>
<option value="2014" >2014</option>
</select>
</div>
<button class="button button--default button--extra-small" type="submit" name="button-name">Go</button>
</form>
</div>
</header>
Content Header Non Article
Annual report: 2016 in review
A look back at eLife's achievements in 2016, notably in advocating for more open practises in sciences, building an open infrastructure for research communication and supporting early-career researchers.
HTML
<header
class="content-header wrapper content-header--header clearfix"
data-behaviour="ContentHeader">
<span class="content-header__component-assets">
</span>
<div class="content-header__body">
<h1 class="content-header__title content-header__title--medium">Annual report: 2016 in review</h1>
<div class="content-header__impact-statement">A look back at eLife's achievements in 2016, notably in advocating for more open practises in sciences, building an open infrastructure for research communication and supporting early-career researchers.</div>
</div>
<div class="content-header__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Inside eLife</a>
<span class="date"> <time datetime="2017-07-28">Jul 28, 2017</time></span>
</div>
</div>
</header>
Content Header Podcast
Episode 2: July 2013
In this issue of the eLife podcast we discuss plants performing arithmetic division, the evolutionary dynamics of cancer, single-molecule measurements in the immune system, why blood vessels don’t grow in the retina.
HTML
<div class="content-header-image-wrapper content-header-image-wrapper--no-credit">
<header
class="content-header content-header--image content-header--header clearfix"
data-behaviour="ContentHeader">
<picture class="content-header__picture">
<img src="https://iiif.elifesciences.org/journal-cms:podcast_episode/2017-04/episode-2-elife-podcast.png/full/1800,/0/default.png"
alt=""
class="content-header__image"
>
</picture>
<a href="https://nakeddiscovery.com/libsyn/eLife_Podcast_13.07.mp3" class="side-section-wrapper__download_link">
<picture>
<source srcset="../../assets/img/icons/download-full-reverse.svg" type="image/svg+xml" media="(min-width: 45.625em)">
<source srcset="../../assets/img/icons/download-full-reverse-2x.png" type="image/png" media="(min-width: 45.625em)">
<source srcset="../../assets/img/icons/download-reverse.svg" type="image/svg+xml">
<img src="../../assets/img/icons/download-full-reverse-1x.png" class="content-header__download_icon" alt="Download icon">
</picture>
</a>
</span>
<div class="content-header__body">
<h1 class="content-header__title content-header__title--medium">Episode 2: July 2013</h1>
<div class="content-header__impact-statement">In this issue of the eLife podcast we discuss plants performing arithmetic division, the evolutionary dynamics of cancer, single-molecule measurements in the immune system, why blood vessels don’t grow in the retina.</div>
</div>
<div class="content-header__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Podcast</a>
</div>
</div>
</header>
</div>