Tune in to the latest #eLifePodcast to hear authors discuss the stories behind their recent discoveries https://t.co/awwqu5L3lE
eLife - the journal (@eLife)
Author Details
[Do not use this base pattern directly: see the following variants of this pattern for usage]
HTML
<div class="author-details" data-popup-contents="spuriousId" id="spuriousId">
<h4 class="author-details__name">[Do not use this base pattern directly: see the following variants of this pattern for usage]</h4>
</div>
Author Details Group
ICGC Chronic Myeloid Disorders Group
- Cancer Genome Project, Wellcome Trust Sanger Institute, Hinxton, United Kingdom
Competing interests
No competing interests declared- Luca Malcovati, Fondazione IRCCS Policlinico San Matteo, University of Pavia, Pavia, Italy
- Sudhir Tauro, Division of Medial Sciences, University of Dundee, Dundee, UK
- Jacqueline Boultwood, Nuffield Department of Clinical Laboratory Sciences, University of Oxford, UK
HTML
<div class="author-details" data-popup-contents="pageUniqueIdForThisAuthor1" id="pageUniqueIdForThisAuthor1">
<h4 class="author-details__name">ICGC Chronic Myeloid Disorders Group</h4>
<section class="author-details__section">
<ol class="author-details__list list list--bullet">
<li class="author-details__text">Cancer Genome Project, Wellcome Trust Sanger Institute, Hinxton, United Kingdom</li>
</ol>
</section>
<section class="author-details__section">
<h5 class="author-details__heading">Competing interests</h5>
<span class="author-details__text">No competing interests declared</span>
</section>
<ol class="list list--bullet">
<li>Luca Malcovati, Fondazione IRCCS Policlinico San Matteo, University of Pavia, Pavia, Italy</li>
<li>Sudhir Tauro, Division of Medial Sciences, University of Dundee, Dundee, UK</li>
<li>Jacqueline Boultwood, Nuffield Department of Clinical Laboratory Sciences, University of Oxford, UK</li>
</ol>
</div>
Author Details Person
Jenny Bloggs
- Evolutionary Studies Institute and Centre of Excellence in PalaeoSciences, University of the Witwatersrand, Johannesburg, South Africa
- School of Geosciences, University of the Witwatersrand, Johannesburg, South Africa
Present addresses
- Department of Inventive Inventions, Univertity of Wessex, Windowchester, Wessex
- Department of Underwater Basket Weaving, University of Somewhere
Contribution
Conception and design, Acquisition of data, Analysis and interpretation of data, Drafting or revising the article, Contributed unpublished essential data or reagentsContributed equally with
- Francesca Smith
- Wendel Jakes III
For correspondence
Competing interests
No competing interests declaredHTML
<div class="author-details" data-popup-contents="pageUniqueIdForThisAuthor1" id="pageUniqueIdForThisAuthor1">
<h4 class="author-details__name">Jenny Bloggs</h4>
<section class="author-details__section">
<ol class="author-details__list list list--bullet">
<li class="author-details__text">Evolutionary Studies Institute and Centre of Excellence in PalaeoSciences, University of the Witwatersrand, Johannesburg, South Africa</li>
<li class="author-details__text">School of Geosciences, University of the Witwatersrand, Johannesburg, South Africa</li>
</ol>
</section>
<section class="author-details__section">
<h5 class="author-details__heading">Present addresses</h5>
<ol class="author-details__list list list--bullet">
<li class="author-details__text">Department of Inventive Inventions, Univertity of Wessex, Windowchester, Wessex</li>
<li class="author-details__text">Department of Underwater Basket Weaving, University of Somewhere</li>
</ol>
</section>
<section class="author-details__section">
<h5 class="author-details__heading">Contribution</h5>
<span class="author-details__text">Conception and design, Acquisition of data, Analysis and interpretation of data, Drafting or revising the article, Contributed unpublished essential data or reagents</span>
</section>
<section class="author-details__section">
<h5 class="author-details__heading">Contributed equally with</h5>
<ol class="author-details__list list list--bullet">
<li class="author-details__text">Francesca Smith</li>
<li class="author-details__text">Wendel Jakes III</li>
</ol>
</section>
<section class="author-details__section">
<h5 class="author-details__heading">For correspondence</h5>
<ol class="author-details__list list list--bullet">
<li class="author-details__text"><a href="mailto:jenny@bloggs.com">jenny@bloggs.com</a></li>
<li class="author-details__text"><a href="tel:+1555432109876">+1 555-4321-09876</a></li>
</ol>
</section>
<section class="author-details__section">
<h5 class="author-details__heading">Competing interests</h5>
<span class="author-details__text">No competing interests declared</span>
</section>
<section class="author-details__section">
<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>
</section>
</div>
Author Details Sub Group
ICGC Chronic Myeloid Disorders Group
- Cancer Genome Project, Wellcome Trust Sanger Institute, Hinxton, United Kingdom
Competing interests
No competing interests declaredSub-group 1
- Luca Malcovati, Fondazione IRCCS Policlinico San Matteo, University of Pavia, Pavia, Italy
- Sudhir Tauro, Division of Medial Sciences, University of Dundee, Dundee, UK
Sub-group 2
- Jacqueline Boultwood, Nuffield Department of Clinical Laboratory Sciences, University of Oxford, UK
HTML
<div class="author-details" data-popup-contents="pageUniqueIdForThisAuthor1" id="pageUniqueIdForThisAuthor1">
<h4 class="author-details__name">ICGC Chronic Myeloid Disorders Group</h4>
<section class="author-details__section">
<ol class="author-details__list list list--bullet">
<li class="author-details__text">Cancer Genome Project, Wellcome Trust Sanger Institute, Hinxton, United Kingdom</li>
</ol>
</section>
<section class="author-details__section">
<h5 class="author-details__heading">Competing interests</h5>
<span class="author-details__text">No competing interests declared</span>
</section>
<h5 class="author-details__secondary-name">Sub-group 1</h5>
<ol class="list list--bullet">
<li>Luca Malcovati, Fondazione IRCCS Policlinico San Matteo, University of Pavia, Pavia, Italy</li>
<li>Sudhir Tauro, Division of Medial Sciences, University of Dundee, Dundee, UK</li>
</ol>
<h5 class="author-details__secondary-name">Sub-group 2</h5>
<ol class="list list--bullet">
<li>Jacqueline Boultwood, Nuffield Department of Clinical Laboratory Sciences, University of Oxford, UK</li>
</ol>
</div>
Block Link
HTML
<div class="block-link">
<a href="#"
class="block-link__link">
<div class="block-link__inner">
Developmental Biology and Stem Cells
</div>
</a>
</div>
Block Link Archive Nav Link
HTML
<div class="block-link block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/190"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#"
class="block-link__link">
<div class="block-link__inner">
Developmental Biology and Stem Cells
</div>
</a>
</div>
Block Link Grid Listing
HTML
<div class="block-link block-link--grid-listing block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/190"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#"
class="block-link__link">
<div class="block-link__inner">
Developmental Biology and Stem Cells
</div>
</a>
</div>
Breadcrumb
- Research Article
HTML
<ul class="breadcrumbs">
<li class="breadcrumb-item">
<span class="breadcrumb-item__text">Research Article</span>
</li>
</ul>
Breadcrumb With Url
HTML
<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>
</ul>
Breadcrumb Without Url
- Research Article
- Magazine
HTML
<ul class="breadcrumbs">
<li class="breadcrumb-item">
<a href="#" class="breadcrumb-item__link">Research Article</a>
</li>
<li class="breadcrumb-item">
<span class="breadcrumb-item__text">Magazine</span>
</li>
</ul>
Button
HTML
<button class="button button--default" type="submit" id="button-id">Button</button>
Button Action Citation
HTML
<button class="button button--default button--action icon icon-citation" type="submit" id="button-action-citation" aria-label="Descriptive and accessible name">Button action (Citation)</button>
Button Action Comment With Hypothesis
HTML
<div data-hypothesis-trigger>
<button class="button button--default button--action icon icon-comment" type="submit" id="button-id" data-behaviour="HypothesisTrigger" aria-label="Descriptive and accessible name">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></button>
</div>
Button Action Comment
HTML
<button class="button button--default button--action icon icon-comment" type="submit" id="button-id" aria-label="Descriptive and accessible name">Button action (Comment)</button>
Button Action Download
HTML
<button class="button button--default button--action icon icon-download" type="submit" id="button-action-download" aria-label="Descriptive and accessible name">Button action (Download)</button>
Button Action Share
HTML
<button class="button button--default button--action icon icon-share" type="submit" id="button-action-share" aria-label="Descriptive and accessible name">Button action (Share)</button>
Button Action
HTML
<button class="button button--default button--action" type="submit" id="button-id" aria-label="Descriptive and accessible name">Button action</button>
Button Clipboard
HTML
<button class="button button--default" type="submit" id="button-id" data-behaviour="ButtonClipboard" data-clipboard="Text to store in clipboard" aria-label="Descriptive and accessible name">Button clipboard</button>
Button Extra Small
HTML
<button class="button button--default button--extra-small" type="button" id="button-id" name="button-name" aria-label="Descriptive and accessible name">Button extra small</button>
Button Full
HTML
<button class="button button--default button--full" type="button" id="button-id" name="button-name" aria-label="Descriptive and accessible name">Button full</button>
Button Inactive
HTML
<button class="button button--default button--inactive" type="button" id="button-id" name="button-name" aria-label="Descriptive and accessible name">Button inactive</button>
Button Link
HTML
<button class="button button--default" type="submit" id="button-id" aria-label="Descriptive and accessible name">Link button</button>
Button Login
HTML
<button class="button button--login" type="submit" id="button-id" aria-label="Descriptive and accessible name">Button extra small</button>
Button Outline
HTML
<button class="button button--outline" type="button" id="button-id" name="button-name" aria-label="Descriptive and accessible name">Button outline</button>
Button Reversed Extra Small
HTML
<button class="button button--reversed button--extra-small" type="button" id="button-id" name="button-name" aria-label="Descriptive and accessible name">Button reversed extra small</button>
Button Reversed Inactive
HTML
<button class="button button--reversed-inactive" type="button" id="button-id" name="button-name" aria-label="Descriptive and accessible name">Button reversed inactive</button>
Button Reversed Small
HTML
<button class="button button--reversed button--small" type="button" id="button-id" name="button-name" aria-label="Descriptive and accessible name">Button reversed small</button>
Button Reversed
HTML
<button class="button button--reversed" type="button" id="button-id" name="button-name" aria-label="Descriptive and accessible name">Button reversed</button>
Button Secondary
HTML
<button class="button button--default button--secondary" type="button" id="button-id" name="button-name" aria-label="Descriptive and accessible name">Button secondary</button>
Button Small
HTML
<button class="button button--default button--small" type="button" id="button-id" name="button-name" aria-label="Descriptive and accessible name">Button small</button>
Code
<dock_design>
<SCOREFXNS>
<fullatom weights=beta symmetric = 0> </fullatom>
</SCOREFXNS>
<!-- Longabadaliasametatquedoloreaqueesthicillabadaliasametatquedoloreaqueesthicillabadaliasametatquedoloreaqueesthicillolong -->
<FILTERS>
<Ddg name=ddg scorefxn=fullatom threshold = 0 jump = 1 repeats = 1 repack = 1 confidence = 1/>
<Sasa name=sasa confidence = 0/>
<ShapeComplementarity name=shape verbose = 1 confidence = 0 jump = 1/>
</FILTERS>
<MOVERS>
<AtomTree name=docking_tree docking_ft = 1/>
<DockSetupMover name=setup_dock/>
<DockingProtocol name=dock docking_score_high=fullatom low_res_protocol_only = 0 docking_local_refine = 0 dock_min = 1 />
</MOVERS>
<APPLY_TO_POSE>
</APPLY_TO_POSE>
<PROTOCOLS>
<Add mover_name=docking_tree/>
<Add mover_name=setup_dock/>
<Add mover_name=dock/>
<Add filter_name=ddg/>
<Add filter_name=sasa/>
<Add filter_name=shape/>
</PROTOCOLS>
</dock_design>
HTML
<pre class="code"><code>&lt;dock_design&gt;
&nbsp;&nbsp;&lt;SCOREFXNS&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;fullatom weights=beta symmetric = 0&gt; &lt;/fullatom&gt;
&nbsp;&nbsp;&lt;/SCOREFXNS&gt;
&nbsp;&nbsp;&lt;!-- Longabadaliasametatquedoloreaqueesthicillabadaliasametatquedoloreaqueesthicillabadaliasametatquedoloreaqueesthicillolong --&gt;
&nbsp;&nbsp;&lt;FILTERS&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;Ddg name=ddg scorefxn=fullatom threshold = 0 jump = 1 repeats = 1 repack = 1 confidence = 1/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;Sasa name=sasa confidence = 0/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;ShapeComplementarity name=shape verbose = 1 confidence = 0 jump = 1/&gt;
&nbsp;&nbsp;&lt;/FILTERS&gt;
&nbsp;&nbsp;&lt;MOVERS&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;AtomTree name=docking_tree docking_ft = 1/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;DockSetupMover name=setup_dock/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;DockingProtocol name=dock docking_score_high=fullatom low_res_protocol_only = 0 docking_local_refine = 0 dock_min = 1 /&gt;
&nbsp;&nbsp;&lt;/MOVERS&gt;
&nbsp;&nbsp;&lt;APPLY_TO_POSE&gt;
&nbsp;&nbsp;&lt;/APPLY_TO_POSE&gt;
&nbsp;&nbsp;&lt;PROTOCOLS&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;Add mover_name=docking_tree/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;Add mover_name=setup_dock/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;Add mover_name=dock/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;Add filter_name=ddg/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;Add filter_name=sasa/&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;Add filter_name=shape/&gt;
&nbsp;&nbsp;&lt;/PROTOCOLS&gt;
&lt;/dock_design&gt;</code></pre>
Date
HTML
<span class="date"> <time datetime="2016-02-29">Feb 29, 2016</time></span>
Date Expanded
HTML
<time class="date date--expanded" datetime="2015-12-18"> <span class="date__prominent">18</span> <span class="date__normal">Dec 2015</span></time>
Date Updated
HTML
<span class="date"> Updated <time datetime="2016-02-29">Feb 29, 2016</time></span>
Definition List
- Research focus
- Pre-mRNA splicing
- post-transcriptional gene regulation
- Experimental organism
- Human
- Mouse
HTML
<dl class="definition-list">
<dt>Research focus</dt><dd>Pre-mRNA splicing</dd><dd>post-transcriptional gene regulation</dd>
<dt>Experimental organism</dt><dd>Human</dd><dd>Mouse</dd>
</dl>
Definition List Inline
- Research focus
- Pre-mRNA splicing
- post-transcriptional gene regulation
- Experimental organism
- Human
- Mouse
HTML
<dl class="definition-list definition-list--inline">
<dt>Research focus</dt><dd>Pre-mRNA splicing</dd><dd>post-transcriptional gene regulation</dd>
<dt>Experimental organism</dt><dd>Human</dd><dd>Mouse</dd>
</dl>
Definition List Timeline With Version
- Version of Record
- Read the peer reviews
- Reviewed Preprint
- v3
- Reviewed Preprint
- v2
- Reviewed Preprint
- v1
HTML
<dl class="definition-list definition-list--timeline" aria-label="Version history">
<dt class="definition-list--vor definition-list--active">Version of Record</dt><dd><time datetime="2023-09-07">September 7, 2023</time><a href="#" aria-label="Descriptive and accessible name">Read the peer reviews</a></dd>
<dt><a href="#" aria-label="Descriptive and accessible name">Reviewed Preprint</a></dt><dd><span class="version">v3</span><time datetime="2023-08-19">August 19, 2023</time></dd>
<dt><a href="#" aria-label="Descriptive and accessible name">Reviewed Preprint</a></dt><dd><span class="version">v2</span><time datetime="2023-05-11">May 11, 2023</time></dd>
<dt><a href="#" aria-label="Descriptive and accessible name">Reviewed Preprint</a></dt><dd><span class="version">v1</span><time datetime="2023-03-19">March 19, 2023</time></dd>
</dl>
Definition List Timeline Without Version
- Version of Record
- Accepted Manuscript
HTML
<dl class="definition-list definition-list--timeline" aria-label="Version history">
<dt class="definition-list--active">Version of Record</dt><dd><time datetime="2023-09-27">September 27, 2023</time></dd>
<dt><a href="#" aria-label="Descriptive and accessible name">Accepted Manuscript</a></dt><dd><time datetime="2023-03-19">March 19, 2023</time></dd>
</dl>
Doi
HTML
<span class="doi">
<a href="https://doi.org/10.7554/eLife.16370" class="doi__link">
https://doi.org/10.7554/eLife.16370
</a>
</span>
Doi Article Section
HTML
<span class="doi doi--article-section">
<a href="https://doi.org/10.7554/eLife.16370" class="doi__link">
https://doi.org/10.7554/eLife.16370
</a>
</span>
Doi Asset
HTML
<span class="doi doi--asset">
<a href="https://doi.org/10.7554/eLife.16370" class="doi__link">
https://doi.org/10.7554/eLife.16370
</a>
</span>
Doi Truncated
HTML
<span class="doi">doi:
<a href="https://doi.org/10.7554/eLife.16370" class="doi__link">
10.7554/eLife.16370
</a>
</span>
Doi Without Link
HTML
<span class="doi">
https://doi.org/10.7554/eLife.16370
</span>
Iframe
HTML
<div class="iframe" style="padding-bottom: 56.25%">
<iframe src="https://www.youtube.com/embed/6j0jRXPvpCE" ></iframe>
</div>
Iframe Figshare
HTML
<div class="iframe" style="padding-bottom: 75%">
<iframe src="https://widgets.figshare.com/articles/8210360/embed" allowfullscreen></iframe>
</div>
Iframe Google Map
HTML
<div class="iframe" style="padding-bottom: 75%">
<iframe src="https://www.google.com/maps/d/embed?mid=13cEQIsP3F9-iEVDDgradCs2Z9F-ODLyx" ></iframe>
</div>
Iframe With Title
HTML
<div class="iframe" style="padding-bottom: 56.25%">
<iframe src="https://www.youtube.com/embed/6j0jRXPvpCE" title="What makes eLife paper webinar" ></iframe>
</div>
Image Link
HTML
<div class="image-link">
<a href="#" class="image-link__link">
<picture class="image-link__picture">
<img src="https://unsplash.it/180/60/"
srcset="https://unsplash.it/360/120/ 2x, https://unsplash.it/180/60/ 1x"
class="image-link__img"
alt="Meaningful alt text here please."
>
</picture>
</a>
</div>
Info Bar
HTML
<div class="info-bar info-bar--info"
>
<div class="info-bar__container">
<div class="info-bar__text">You may want to consider this</div>
</div>
</div>
Info Bar Announcement
HTML
<div class="info-bar info-bar--announcement"
>
<div class="info-bar__container">
<div class="info-bar__text">Very important announcement</div>
</div>
</div>
Info Bar Attention
HTML
<div class="info-bar info-bar--attention"
>
<div class="info-bar__container">
<div class="info-bar__text">Please complete the following tasks</div>
</div>
</div>
Info Bar Correction Notice
HTML
<div class="info-bar info-bar--correction"
>
<div class="info-bar__container">
<div class="info-bar__text">This is a correction notice; read the corrected article <a href="#">Article</a></div>
</div>
</div>
Info Bar Dismissible
HTML
<div class="info-bar info-bar--dismissible" id="12345"
data-behaviour="InfoBar"
data-cookie-name-root="infoBar_"
data-cookie-expires="Tue, 19 January 2038 03:14:07 UTC"
>
<div class="info-bar__container">
<div class="info-bar__text"><a href="#">Read the call for papers</a> for the eLife Special Issue on aging, Geroscience and Longevity.</div>
</div>
</div>
Info Bar Multiple Versions
HTML
<div class="info-bar info-bar--multiple-versions"
>
<div class="info-bar__container">
<div class="info-bar__text">Read the most recent version of this <a href="#">article</a></div>
</div>
</div>
Info Bar Success
HTML
<div class="info-bar info-bar--success"
>
<div class="info-bar__container">
<div class="info-bar__text">Operation completed successfully</div>
</div>
</div>
Info Bar Warning
HTML
<div class="info-bar info-bar--warning"
>
<div class="info-bar__container">
<div class="info-bar__text">Watch out for <a href="#">the thing</a></div>
</div>
</div>
List Heading
Podcasts
HTML
<h3 class="list-heading">Podcasts</h3>
List
- item 1
- item 2
HTML
<ul class="list">
<li>item 1</li>
<li>item 2</li>
</ul>
List Bullet
- item 1
- item 2
HTML
<ul class="list list--bullet">
<li>item 1</li>
<li>item 2</li>
</ul>
List Line
- Version of Record published
- Accepted Manuscript published
- Accepted
- Received
- Preprint posted
HTML
<ul class="list list--line">
<li><strong>Version of Record published</strong><time datetime="2023-09-27">September 27, 2023</time></li>
<li><strong>Accepted Manuscript published</strong><time datetime="2023-09-27">September 27, 2023</time></li>
<li><strong>Accepted</strong><time datetime="2023-09-27">September 27, 2023</time></li>
<li><strong>Received</strong><time datetime="2023-09-27">September 27, 2023</time></li>
<li><strong>Preprint posted</strong><time datetime="2023-09-27">September 27, 2023</time></li>
</ul>
List Numbers
- item 1
- item 2
HTML
<ol class="list list--number">
<li>item 1</li>
<li>item 2</li>
</ol>
List Roman
- item 1
- item 2
HTML
<ol class="list list--roman-lower">
<li>item 1</li>
<li>item 2</li>
</ol>
Math
HTML
<div class="math-block" >
<span class="math-block__math"><math><mrow><mtext>Body Mass</mtext><mo>=</mo><mn>0.060</mn><mo>×</mo><mtext>FSTpr</mtext><mo>+</mo><mn>13</mn><mo>.</mo><mn>856</mn><mo>,</mo><mtext>SEE</mtext><mo>=</mo><mn>6</mn><mo>.</mo><mn>78</mn><mo>,</mo><mtext>r</mtext><mo>=</mo><mn>0</mn><mo>.</mo><mn>50</mn><mo>,</mo><mtext>p</mtext><mo>=</mo><mo><</mo><mn>0</mn><mo>.</mo><mn>001</mn><mo>.</mo></mrow></math></span>
</div>
Math Long
HTML
<div class="math-block" id="equ7">
<span class="math-block__label">(7)</span>
<span class="math-block__math"><math><mstyle displaystyle="true" scriptlevel="0"><mrow><mtable columnalign="left left" columnspacing="1em" rowspacing="4pt"><mtr><mtd><mi>y</mi><mo>=</mo><msub><mi>β</mi><mrow><mn>0</mn></mrow></msub><mo>+</mo><msub><mi>β</mi><mrow><mn>1</mn></mrow></msub><mspace width="thinmathspace"/><mi>C</mi><mi>h</mi><mi>o</mi><mi>i</mi><mi>c</mi><mi>e</mi><mo>+</mo><msub><mi>β</mi><mrow><mn>2</mn></mrow></msub><mspace width="thinmathspace"/><mi>S</mi><mi>V</mi><mi>s</mi><mi>p</mi><mi>e</mi><mi>n</mi><mi>d</mi><mo>+</mo><msub><mi>β</mi><mrow><mn>3</mn></mrow></msub><mspace width="thinmathspace"/><mi>S</mi><mi>V</mi><mi>s</mi><mi>a</mi><mi>v</mi><mi>e</mi><mo>+</mo><msub><mi>β</mi><mrow><mn>4</mn></mrow></msub><mspace width="thinmathspace"/><mi>S</mi><mi>e</mi><mi>q</mi><mi>S</mi><mi>V</mi><mo>+</mo><msub><mi>β</mi><mrow><mn>5</mn></mrow></msub><mspace width="thinmathspace"/><mi>S</mi><mi>e</mi><mi>q</mi><mi>L</mi><mi>e</mi><mi>n</mi><mi>g</mi><mi>t</mi><mi>h</mi><mo>+</mo><msub><mi>β</mi><mrow><mn>6</mn></mrow></msub><mspace width="thinmathspace"/><mi>C</mi><mi>u</mi><mi>e</mi><mspace width="thinmathspace"/><mi>p</mi><mi>o</mi><mi>s</mi><mi>i</mi><mi>t</mi><mi>i</mi><mi>o</mi><mi>n</mi><mo>+</mo></mtd></mtr><mtr><mtd><msub><mi>β</mi><mrow><mn>7</mn></mrow></msub><mspace width="thinmathspace"/><mi>L</mi><mi>e</mi><mi>f</mi><mi>t</mi><mrow><mo>/</mo></mrow><mi>r</mi><mi>i</mi><mi>g</mi><mi>h</mi><mi>t</mi><mo>+</mo><msub><mi>β</mi><mrow><mn>8</mn></mrow></msub><mspace width="thinmathspace"/><mi>S</mi><mi>e</mi><mi>q</mi><mi>u</mi><mi>e</mi><mi>n</mi><mi>c</mi><mi>e</mi><mspace width="thinmathspace"/><mi>p</mi><mi>r</mi><mi>o</mi><mi>g</mi><mi>r</mi><mi>e</mi><mi>s</mi><mi>s</mi><mo>+</mo><mi>ϵ</mi><mo>,</mo></mtd></mtr></mtable></mrow></mstyle></math></span>
</div>
Math With Label
HTML
<div class="math-block" id="equ10">
<span class="math-block__label">(10)</span>
<span class="math-block__math"><math><mstyle displaystyle="true" scriptlevel="0"><mrow><mi>S</mi><mi>V</mi><mi>s</mi><mi>a</mi><mi>v</mi><msub><mi>e</mi><mrow><mi>n</mi></mrow></msub><mo>=</mo><mtext> </mtext><mfrac><mn>1</mn><mrow><mi>m</mi><mo>−</mo><mi>n</mi></mrow></mfrac><munderover><mo movablelimits="false">∑</mo><mrow><mi>i</mi><mo>=</mo><mi>n</mi><mo>+</mo><mn>1</mn></mrow><mrow><mi>m</mi></mrow></munderover><mi>S</mi><mi>V</mi><mi>s</mi><mi>p</mi><mi>e</mi><mi>n</mi><msub><mi>d</mi><mrow><mi>i</mi></mrow></msub><mo>,</mo></mrow></mstyle></math></span>
</div>
Media Source
HTML
<source src="#uri-of-a-media-source" type='video/mp4' class="media-source"/>
<div>
<a href="#uri-of-a-media-source" class="media-source__fallback_link"
>download <b>amazing</b> artefact (mp3)</a>
</div>
Message Bar
HTML
<div class="message-bar">
1824 results found
</div>
Modal Window
HTML
<div class="modal modal-nojs" data-behaviour="Modal">
<a href="" class="modal-click">Open modal window</a>
<div class="modal-container">
<div class="modal-content">
<h6>This is a title</h6>
<a href="" class="modal-content__button modal-content__close-button">Close</a>
<div class="modal-content__body">
This is some body text
</div>
</div>
</div>
</div>
Modal Window Citations
Cite this article
Close- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
HTML
<div class="modal modal-nojs" data-behaviour="Modal">
<a href="" class="modal-click">Open modal window</a>
<div class="modal-container">
<div class="modal-content">
<h6>Cite this article</h6>
<a href="" class="modal-content__button modal-content__close-button">Close</a>
<div class="modal-content__body">
<div class='reference'><ol class='reference__authors_list'><li class='reference__author'><a href='https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22' class='reference__authors_link'>Schrenk F</a></li><li class='reference__author'> Bromage TG</li><li class='reference__author'> Betzler CG</li><li class='reference__author'> Ring U</li><li class='reference__author'> Juwayeyi YM</li><li class='reference__author'> <a href='https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22' class='reference__authors_link'>Schrenk F</a></li><li class='reference__author'> Bromage TG</li><li class='reference__author'> Betzler CG</li><li class='reference__author'> Ring U</li><li class='reference__author'> Juwayeyi YM</li><li class='reference__author'> <a href='https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22' class='reference__authors_link'>Schrenk F</a></li><li class='reference__author'> Bromage TG</li><li class='reference__author'> Betzler CG</li><li class='reference__author'> Ring U</li><li class='reference__author'> Juwayeyi YM</li><li class='reference__author'> <a href='https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22' class='reference__authors_link'>Schrenk F</a></li><li class='reference__author'> Bromage TG</li><li class='reference__author'> Betzler CG</li><li class='reference__author'> Ring U</li><li class='reference__author'> Juwayeyi YM</li><li class='reference__author'> <a href='https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22' class='reference__authors_link'>Schrenk F</a></li><li class='reference__author'> Bromage TG</li><li class='reference__author'> Betzler CG</li><li class='reference__author'> Ring U</li><li class='reference__author'>Juwayeyi YM</li></ol> <span class='reference__authors_list_suffix'>(1993)</span> <div class='reference__title'>Oldest <i>Homo</i> and Pliocene biogeography of the Malawi rift</div><div class='reference__origin'> <i>Nature</i> <strong>365</strong>:833–836.</div><span class='doi'>https://doi.org/10.1038/365833a0.1</span></div><ol class='button-collection'><li class='button-collection__item'> <button class='button button--default' type='button' data-behaviour='ButtonClipboard' data-clipboard='Schrenk F Bromage TG Betzler CG Ring U Juwayeyi YM Schrenk F Bromage TG Betzler CG Ring U Juwayeyi YM Schrenk F Bromage TG Betzler CG Ring U Juwayeyi YM Schrenk F Bromage TG Betzler CG Ring U Juwayeyi YM Schrenk F Bromage TG Betzler CG Ring UJuwayeyi YM(1993) Oldest Homo and Pliocene biogeography of the Malawi rift Nature 365:833–836.https://doi.org/10.1038/365833a0.1'>Copy to clipboard</button></li><li class='button-collection__item'> <button class='button button--default button--secondary' type='button'>Download Bibtex</button></li><li class='button-collection__item'> <button class='button button--default button--secondary' type='button'>Download .RIS</button></li></ol>
</div>
</div>
</div>
</div>
Modal Window Share
HTML
<div class="modal modal-nojs" data-behaviour="Modal">
<a href="" class="modal-click">Open modal window</a>
<div class="modal-container">
<div class="modal-content">
<h6>Share this article</h6>
<a href="" class="modal-content__button modal-content__close-button">Close</a>
<div class="modal-content__body">
<div class='form-item'><input type='url' class='text-field text-field--url' value='https://doi.org/10.7554/eLife.09560.1'></div><button class='button button--default' type='submit' id='button-id' data-behaviour='ButtonClipboard' data-clipboard='https://doi.org/10.7554/eLife.09560.1'>Copy to clipboard</button><ul class='social-media-sharers'><li><a class='social-media-sharer email' href='mailto:?subject=Assessing%20the%20causal%20role%20of%20epigenetic%20clocks%20in%20the%20development%20of%20multiple%20cancers%3A%20a%20Mendelian%20randomization%20study&body=https%3A%2F%2Fdoi.org%2F10.7554%2FeLife.75374' 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=In%20%40eLife%3A%20Assessing%20the%20causal%20role%20of%20epigenetic%20clocks%20in%20the%20development%20of%20multiple%20cancers%3A%20a%20Mendelian%20randomization%20study&url=https%3A%2F%2Fdoi.org%2F10.7554%2FeLife.75374' 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%2Fdoi.org%2F10.7554%2FeLife.75374' 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/shareArticle?title=Assessing%20the%20causal%20role%20of%20epigenetic%20clocks%20in%20the%20development%20of%20multiple%20cancers%3A%20a%20Mendelian%20randomization%20study&url=https%3A%2F%2Fdoi.org%2F10.7554%2FeLife.75374' 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/?title=Assessing%20the%20causal%20role%20of%20epigenetic%20clocks%20in%20the%20development%20of%20multiple%20cancers%3A%20a%20Mendelian%20randomization%20study&url=https%3A%2F%2Fdoi.org%2F10.7554%2FeLife.75374' 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=Assessing%20the%20causal%20role%20of%20epigenetic%20clocks%20in%20the%20development%20of%20multiple%20cancers%3A%20a%20Mendelian%20randomization%20study%20https%3A%2F%2Fdoi.org%2F10.7554%2FeLife.75374' target='_blank' rel='noopener noreferrer' aria-label='Share this page on Mastodon'><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='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>
Nav Linked Item
atoms-button
HTML
<li class="nav-primary__item nav-primary__item--first">
<a href="#mainMenu">
Menu
</a>
</li>
Orcid
HTML
<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>
Paragraph
Some text in a paragraph element
HTML
<p class="paragraph">Some text in a paragraph element</p>
Picture
HTML
<picture>
<source srcset="../../assets/img/patterns/molecules/nav-primary-menu-ic.svg"
type="image/svg+xml"
>
<img srcset="../../assets/img/patterns/molecules/nav-primary-menu-ic_2x.png 2x, ../../assets/img/patterns/molecules/nav-primary-menu-ic_1x.png 1x"
src="../../assets/img/patterns/molecules/nav-primary-menu-ic_1x.png"
alt="Meaningful alt text here please." />
</picture>
Picture Svg With Fallback
HTML
<picture>
<source srcset="../../assets/img/patterns/molecules/nav-primary-menu-ic.svg"
type="image/svg+xml"
>
<img srcset="../../assets/img/patterns/molecules/nav-primary-menu-ic_2x.png 2x, ../../assets/img/patterns/molecules/nav-primary-menu-ic_1x.png 1x"
src="../../assets/img/patterns/molecules/nav-primary-menu-ic_1x.png"
alt="Meaningful alt text here please." />
</picture>
Previous Version Warning
HTML
<div class="previous-version-warning-container">
<div class="previous-version-warning">
<span class="previous-version-warning__text">A newer version is available.</span>
<span class="previous-version-warning__text">
<a class="previous-version-warning__link" href="#">Read the latest version</a>.
</span>
</div>
</div>
Process Block New Process
Version of Record: This is the final version of the article.
Read more about eLife's peer review process.HTML
<div class="process-block">
<div class="process-block__bar process-block__bar-vor"></div>
<div class="process-block__content">
<p><strong>Version of Record: </strong>This is the final version of the article.</p>
<a href="#" class="process-block__link">Read more about eLife's peer review process.</a>
</div>
</div>
Section Listing Link
HTML
<a href="#subjectListing" class="section-listing-link" data-behaviour="SectionListingLink">All sections</a>
See More Link
HTML
<a href="#" class="see-more-link">wonderous things!</a>
See More Link Inline
HTML
<a href="#" class="see-more-link see-more-link--inline" aria-label="wonderous things inline!">wonderous things inline!</a>
Social Media Sharers Journal
HTML
<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/shareArticle?url=https%3A%2F%2Fexample.com%2Fsome-article-url" 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>
Social Media Sharers Journal Comment
HTML
<div class="social-media-sharers--wrapper">
<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 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/shareArticle?url=https%3A%2F%2Fexample.com%2Fsome-article-url" 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>
Social Media Sharers
HTML
<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>
Speech Bubble
HTML
<button class="speech-bubble"
data-behaviour="SpeechBubble"
aria-live="polite">
<span class="speech-bubble__inner">8</span>
</button>
Speech Bubble Has Placeholder
HTML
<button class="speech-bubble speech-bubble--has-placeholder"
data-behaviour="SpeechBubble"
aria-live="polite">
<span class="speech-bubble__inner">+</span>
</button>
Speech Bubble Share Your Feedback
HTML
<button class="speech-bubble speech-bubble--wrapped "
data-behaviour="SpeechBubble"
aria-live="polite">
<span class="speech-bubble--wrapped__prefix">Add a comment</span>
<span class="speech-bubble__inner">999</span>
</button>
Speech Bubble Small Is Loading
HTML
<button class="speech-bubble speech-bubble--small speech-bubble--loading"
data-behaviour="SpeechBubble"
aria-live="polite">
<span class="speech-bubble__inner"></span>
</button>
Speech Bubble Small
HTML
<button class="speech-bubble speech-bubble--small "
data-behaviour="SpeechBubble"
aria-live="polite">
<span class="speech-bubble__inner">340</span>
</button>
Speech Bubble Wrapped Has Placeholder
HTML
<button class="speech-bubble speech-bubble--has-placeholder speech-bubble--wrapped "
data-behaviour="SpeechBubble"
aria-live="polite">
<span class="speech-bubble--wrapped__prefix">Add a comment</span>
<span class="speech-bubble__inner">+</span>
</button>
Table
F(Dfn, Dfd) | F(Dfn, Dfd) | F(Dfn, Dfd) | F(Dfn, Dfd) | F(Dfn, Dfd) | F(Dfn, Dfd) | F(Dfn, Dfd) | F(Dfn, Dfd) | F(Dfn, Dfd) | Partial η2 | Original effect size f | Replication total sample size | Detectable effect size f |
---|---|---|---|---|---|---|---|---|---|---|---|---|
F(24,39) = 0.8678 (interaction) | 0.348120 | 0.7307699 | 169* | 0.3895070 | ||||||||
F(2,39) = 0.8075 (treatments) | 0.039766 | 0.2035014 | 169 | 0.2415459 | ||||||||
F(12,39) = 187.6811 (hematology parameters) | 0.982978 | 7.599178 | 169* | 0.3331365 |
F(Dfn, Dfd) | F(Dfn, Dfd) | F(Dfn, Dfd) | F(Dfn, Dfd) | F(Dfn, Dfd) | F(Dfn, Dfd) | F(Dfn, Dfd) | F(Dfn, Dfd) | F(Dfn, Dfd) | Partial η2 | Original effect size f | Replication total sample size | Detectable effect size f |
---|---|---|---|---|---|---|---|---|---|---|---|---|
F(24,39) = 0.8678 (interaction) | 0.348120 | 0.7307699 | 169* | 0.3895070 | ||||||||
F(2,39) = 0.8075 (treatments) | 0.039766 | 0.2035014 | 169* | 0.2415459 | ||||||||
F(12,39) = 187.6811 (hematology parameters) | 0.982978 | 7.599178 | 169* | 0.3331365 |
-
*
Footnote 1.
-
The values in parenthesis refer to the highest resolution shell.
*Rmerge=∑hkl∑i|I(hkl;i)−<I(hkl)>|∑hkl∑i(hkl;i) where I(hkl;i) is the intensity of an individual measurement of a reflection and <I(hkl)> is the average intensity of that reflection.
HTML
<div class="table">
<div class="table__table">
<table><thead><tr><th>F(Dfn, Dfd)</th><th>F(Dfn, Dfd)</th><th>F(Dfn, Dfd)</th><th>F(Dfn, Dfd)</th><th>F(Dfn, Dfd)</th><th>F(Dfn, Dfd)</th><th>F(Dfn, Dfd)</th><th>F(Dfn, Dfd)</th><th>F(Dfn, Dfd)</th><th>Partial η<sup>2</sup></th><th>Original effect size <em>f</em></th><th>Replication total sample size</th><th>Detectable effect size <em>f</em></th></tr></thead><tbody><tr><td>F(24,39) = 0.8678 (interaction)</td><td>0.348120</td><td>0.7307699</td><td>169<a href="#tblfn1">*</a></td><td>0.3895070</td></tr><tr><td>F(2,39) = 0.8075 (treatments)</td><td>0.039766</td><td>0.2035014</td><td>169</td><td>0.2415459</td></tr><tr><td>F(12,39) = 187.6811 (hematology parameters)</td><td>0.982978</td><td>7.599178</td><td>169<a href="#tblfn1">*</a></td><td>0.3331365</td></tr></tbody></table>
</div>
<div class="table__table">
<table><thead><tr><th>F(Dfn, Dfd)</th><th>F(Dfn, Dfd)</th><th>F(Dfn, Dfd)</th><th>F(Dfn, Dfd)</th><th>F(Dfn, Dfd)</th><th>F(Dfn, Dfd)</th><th>F(Dfn, Dfd)</th><th>F(Dfn, Dfd)</th><th>F(Dfn, Dfd)</th><th>Partial η<sup>2</sup></th><th>Original effect size <em>f</em></th><th>Replication total sample size</th><th>Detectable effect size <em>f</em></th></tr></thead><tbody><tr><td>F(24,39) = 0.8678 (interaction)</td><td>0.348120</td><td>0.7307699</td><td>169<a href="#tblfn1">*</a></td><td>0.3895070</td></tr><tr><td>F(2,39) = 0.8075 (treatments)</td><td>0.039766</td><td>0.2035014</td><td>169<a href="#tblfn1">*</a></td><td>0.2415459</td></tr><tr><td>F(12,39) = 187.6811 (hematology parameters)</td><td>0.982978</td><td>7.599178</td><td>169<a href="#tblfn1">*</a></td><td>0.3331365</td></tr></tbody></table>
</div>
<ol class="list">
<li class="table-footnote" id="tblfn1">
<div class="table-footnote__label">*</div>
<div class="table-footnote__text"><p>Footnote 1.</p></div>
</li>
<li class="table-footnote" >
<div class="table-footnote__text"><p>The values in parenthesis refer to the highest resolution shell.</p><p><sup>*</sup><span class="MathJax_Preview" style="display: none;"></span><span id="MathJax-Element-1-Frame" class="mjx-chtml MathJax_CHTML" tabindex="0" data-mathml="<math xmlns="http://www.w3.org/1998/Math/MathML" id="inf1"><mstyle displaystyle="true" scriptlevel="0"><mrow><msub><mi>R</mi><mrow><mi>m</mi><mi>e</mi><mi>r</mi><mi>g</mi><mi>e</mi></mrow></msub><mo>=</mo><mfrac><mrow><msub><mo movablelimits="false">&#x2211;</mo><mrow><mi>h</mi><mi>k</mi><mi>l</mi></mrow></msub><msub><mo movablelimits="false">&#x2211;</mo><mrow><mi>i</mi></mrow></msub><mrow><mo stretchy="false">|</mo></mrow><mi>I</mi><mo stretchy="false">(</mo><mi>h</mi><mi>k</mi><mi>l</mi><mo>;</mo><mi>i</mi><mo stretchy="false">)</mo><mo>&#x2212;</mo><mo>&lt;</mo><mi>I</mi><mo stretchy="false">(</mo><mi>h</mi><mi>k</mi><mi>l</mi><mo stretchy="false">)</mo><mo>&gt;</mo><mrow><mo stretchy="false">|</mo></mrow></mrow><mrow><msub><mo movablelimits="false">&#x2211;</mo><mrow><mi>h</mi><mi>k</mi><mi>l</mi></mrow></msub><msub><mo movablelimits="false">&#x2211;</mo><mrow><mi>i</mi></mrow></msub><mo stretchy="false">(</mo><mi>h</mi><mi>k</mi><mi>l</mi><mo>;</mo><mi>i</mi><mo stretchy="false">)</mo></mrow></mfrac></mrow></mstyle></math>" role="presentation" style="font-size: 107%; position: relative;"><span id="inf1" class="mjx-math" aria-hidden="true"><span id="MJXc-Node-2" class="mjx-mrow"><span id="MJXc-Node-3" class="mjx-mstyle"><span id="MJXc-Node-4" class="mjx-mrow"><span id="MJXc-Node-5" class="mjx-mrow"><span id="MJXc-Node-6" class="mjx-msub"><span class="mjx-base"><span id="MJXc-Node-7" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.435em; padding-bottom: 0.291em;">R</span></span></span><span class="mjx-sub" style="font-size: 70.7%; vertical-align: -0.212em; padding-right: 0.071em;"><span id="MJXc-Node-8" class="mjx-mrow" style=""><span id="MJXc-Node-9" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.219em; padding-bottom: 0.291em;">m</span></span><span id="MJXc-Node-10" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.219em; padding-bottom: 0.291em;">e</span></span><span id="MJXc-Node-11" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.219em; padding-bottom: 0.291em;">r</span></span><span id="MJXc-Node-12" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.219em; padding-bottom: 0.507em; padding-right: 0.003em;">g</span></span><span id="MJXc-Node-13" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.219em; padding-bottom: 0.291em;">e</span></span></span></span></span><span id="MJXc-Node-14" class="mjx-mo MJXc-space3"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.075em; padding-bottom: 0.291em;">=</span></span><span id="MJXc-Node-15" class="mjx-mfrac MJXc-space3"><span class="mjx-box MJXc-stacked" style="width: 13.813em; padding: 0px 0.12em;"><span class="mjx-numerator" style="width: 13.813em; top: -1.645em;"><span id="MJXc-Node-16" class="mjx-mrow"><span id="MJXc-Node-17" class="mjx-msub"><span class="mjx-base"><span id="MJXc-Node-18" class="mjx-mo"><span class="mjx-char MJXc-TeX-size1-R" style="padding-top: 0.507em; padding-bottom: 0.507em;">∑</span></span></span><span class="mjx-sub" style="font-size: 70.7%; vertical-align: -0.439em; padding-right: 0.071em;"><span id="MJXc-Node-19" class="mjx-mrow" style=""><span id="MJXc-Node-20" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.507em; padding-bottom: 0.291em;">h</span></span><span id="MJXc-Node-21" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.507em; padding-bottom: 0.291em;">k</span></span><span id="MJXc-Node-22" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.507em; padding-bottom: 0.291em;">l</span></span></span></span></span><span id="MJXc-Node-23" class="mjx-msub MJXc-space1"><span class="mjx-base"><span id="MJXc-Node-24" class="mjx-mo"><span class="mjx-char MJXc-TeX-size1-R" style="padding-top: 0.507em; padding-bottom: 0.507em;">∑</span></span></span><span class="mjx-sub" style="font-size: 70.7%; vertical-align: -0.439em; padding-right: 0.071em;"><span id="MJXc-Node-25" class="mjx-mrow" style=""><span id="MJXc-Node-26" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.435em; padding-bottom: 0.291em;">i</span></span></span></span></span><span id="MJXc-Node-27" class="mjx-mrow MJXc-space1"><span id="MJXc-Node-28" class="mjx-mo"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.435em; padding-bottom: 0.579em;">|</span></span></span><span id="MJXc-Node-29" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.435em; padding-bottom: 0.291em; padding-right: 0.064em;">I</span></span><span id="MJXc-Node-30" class="mjx-mo"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.435em; padding-bottom: 0.579em;">(</span></span><span id="MJXc-Node-31" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.507em; padding-bottom: 0.291em;">h</span></span><span id="MJXc-Node-32" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.507em; padding-bottom: 0.291em;">k</span></span><span id="MJXc-Node-33" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.507em; padding-bottom: 0.291em;">l</span></span><span id="MJXc-Node-34" class="mjx-mo"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.147em; padding-bottom: 0.507em;">;</span></span><span id="MJXc-Node-35" class="mjx-mi MJXc-space1"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.435em; padding-bottom: 0.291em;">i</span></span><span id="MJXc-Node-36" class="mjx-mo"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.435em; padding-bottom: 0.579em;">)</span></span><span id="MJXc-Node-37" class="mjx-mo"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.291em; padding-bottom: 0.435em;">−</span></span><span id="MJXc-Node-38" class="mjx-mo MJXc-space3"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.219em; padding-bottom: 0.363em;"><</span></span><span id="MJXc-Node-39" class="mjx-mi MJXc-space3"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.435em; padding-bottom: 0.291em; padding-right: 0.064em;">I</span></span><span id="MJXc-Node-40" class="mjx-mo"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.435em; padding-bottom: 0.579em;">(</span></span><span id="MJXc-Node-41" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.507em; padding-bottom: 0.291em;">h</span></span><span id="MJXc-Node-42" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.507em; padding-bottom: 0.291em;">k</span></span><span id="MJXc-Node-43" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.507em; padding-bottom: 0.291em;">l</span></span><span id="MJXc-Node-44" class="mjx-mo"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.435em; padding-bottom: 0.579em;">)</span></span><span id="MJXc-Node-45" class="mjx-mo MJXc-space3"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.219em; padding-bottom: 0.363em;">></span></span><span id="MJXc-Node-46" class="mjx-mrow"><span id="MJXc-Node-47" class="mjx-mo"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.435em; padding-bottom: 0.579em;">|</span></span></span></span></span><span class="mjx-denominator" style="width: 13.813em; bottom: -1.145em;"><span id="MJXc-Node-48" class="mjx-mrow"><span id="MJXc-Node-49" class="mjx-msub"><span class="mjx-base"><span id="MJXc-Node-50" class="mjx-mo"><span class="mjx-char MJXc-TeX-size1-R" style="padding-top: 0.507em; padding-bottom: 0.507em;">∑</span></span></span><span class="mjx-sub" style="font-size: 70.7%; vertical-align: -0.439em; padding-right: 0.071em;"><span id="MJXc-Node-51" class="mjx-mrow" style=""><span id="MJXc-Node-52" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.507em; padding-bottom: 0.291em;">h</span></span><span id="MJXc-Node-53" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.507em; padding-bottom: 0.291em;">k</span></span><span id="MJXc-Node-54" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.507em; padding-bottom: 0.291em;">l</span></span></span></span></span><span id="MJXc-Node-55" class="mjx-msub MJXc-space1"><span class="mjx-base"><span id="MJXc-Node-56" class="mjx-mo"><span class="mjx-char MJXc-TeX-size1-R" style="padding-top: 0.507em; padding-bottom: 0.507em;">∑</span></span></span><span class="mjx-sub" style="font-size: 70.7%; vertical-align: -0.439em; padding-right: 0.071em;"><span id="MJXc-Node-57" class="mjx-mrow" style=""><span id="MJXc-Node-58" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.435em; padding-bottom: 0.291em;">i</span></span></span></span></span><span id="MJXc-Node-59" class="mjx-mo"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.435em; padding-bottom: 0.579em;">(</span></span><span id="MJXc-Node-60" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.507em; padding-bottom: 0.291em;">h</span></span><span id="MJXc-Node-61" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.507em; padding-bottom: 0.291em;">k</span></span><span id="MJXc-Node-62" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.507em; padding-bottom: 0.291em;">l</span></span><span id="MJXc-Node-63" class="mjx-mo"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.147em; padding-bottom: 0.507em;">;</span></span><span id="MJXc-Node-64" class="mjx-mi MJXc-space1"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.435em; padding-bottom: 0.291em;">i</span></span><span id="MJXc-Node-65" class="mjx-mo"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.435em; padding-bottom: 0.579em;">)</span></span></span></span><span class="mjx-line" style="border-bottom: 1.3px solid; top: -0.295em; width: 13.813em;"></span></span><span class="mjx-vsize" style="height: 2.791em; vertical-align: -1.145em;"></span></span></span></span></span></span></span><span class="MJX_Assistive_MathML" role="presentation"><math xmlns="http://www.w3.org/1998/Math/MathML" id="inf1"><mstyle displaystyle="true" scriptlevel="0"><mrow><msub><mi>R</mi><mrow><mi>m</mi><mi>e</mi><mi>r</mi><mi>g</mi><mi>e</mi></mrow></msub><mo>=</mo><mfrac><mrow><msub><mo movablelimits="false">∑</mo><mrow><mi>h</mi><mi>k</mi><mi>l</mi></mrow></msub><msub><mo movablelimits="false">∑</mo><mrow><mi>i</mi></mrow></msub><mrow><mo stretchy="false">|</mo></mrow><mi>I</mi><mo stretchy="false">(</mo><mi>h</mi><mi>k</mi><mi>l</mi><mo>;</mo><mi>i</mi><mo stretchy="false">)</mo><mo>−</mo><mo><</mo><mi>I</mi><mo stretchy="false">(</mo><mi>h</mi><mi>k</mi><mi>l</mi><mo stretchy="false">)</mo><mo>></mo><mrow><mo stretchy="false">|</mo></mrow></mrow><mrow><msub><mo movablelimits="false">∑</mo><mrow><mi>h</mi><mi>k</mi><mi>l</mi></mrow></msub><msub><mo movablelimits="false">∑</mo><mrow><mi>i</mi></mrow></msub><mo stretchy="false">(</mo><mi>h</mi><mi>k</mi><mi>l</mi><mo>;</mo><mi>i</mi><mo stretchy="false">)</mo></mrow></mfrac></mrow></mstyle></math></span></span><script type="math/mml" id="MathJax-Element-1"><math id="inf1"><mstyle displaystyle="true" scriptlevel="0"><mrow><msub><mi>R</mi><mrow><mi>m</mi><mi>e</mi><mi>r</mi><mi>g</mi><mi>e</mi></mrow></msub><mo>=</mo><mfrac><mrow><msub><mo movablelimits="false">∑</mo><mrow><mi>h</mi><mi>k</mi><mi>l</mi></mrow></msub><msub><mo movablelimits="false">∑</mo><mrow><mi>i</mi></mrow></msub><mrow><mo stretchy="false">|</mo></mrow><mi>I</mi><mo stretchy="false">(</mo><mi>h</mi><mi>k</mi><mi>l</mi><mo>;</mo><mi>i</mi><mo stretchy="false">)</mo><mo>−</mo><mo><</mo><mi>I</mi><mo stretchy="false">(</mo><mi>h</mi><mi>k</mi><mi>l</mi><mo stretchy="false">)</mo><mo>></mo><mrow><mo stretchy="false">|</mo></mrow></mrow><mrow><msub><mo movablelimits="false">∑</mo><mrow><mi>h</mi><mi>k</mi><mi>l</mi></mrow></msub><msub><mo movablelimits="false">∑</mo><mrow><mi>i</mi></mrow></msub><mo stretchy="false">(</mo><mi>h</mi><mi>k</mi><mi>l</mi><mo>;</mo><mi>i</mi><mo stretchy="false">)</mo></mrow></mfrac></mrow></mstyle></math></script> where <span class="MathJax_Preview" style="display: none;"></span><span id="MathJax-Element-2-Frame" class="mjx-chtml MathJax_CHTML" tabindex="0" data-mathml="<math xmlns="http://www.w3.org/1998/Math/MathML" id="inf2"><mstyle displaystyle="true" scriptlevel="0"><mrow><mi>I</mi><mo stretchy="false">(</mo><mi>h</mi><mi>k</mi><mi>l</mi><mo>;</mo><mi>i</mi><mo stretchy="false">)</mo></mrow></mstyle></math>" role="presentation" style="font-size: 107%; position: relative;"><span id="inf2" class="mjx-math" aria-hidden="true"><span id="MJXc-Node-67" class="mjx-mrow"><span id="MJXc-Node-68" class="mjx-mstyle"><span id="MJXc-Node-69" class="mjx-mrow"><span id="MJXc-Node-70" class="mjx-mrow"><span id="MJXc-Node-71" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.435em; padding-bottom: 0.291em; padding-right: 0.064em;">I</span></span><span id="MJXc-Node-72" class="mjx-mo"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.435em; padding-bottom: 0.579em;">(</span></span><span id="MJXc-Node-73" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.507em; padding-bottom: 0.291em;">h</span></span><span id="MJXc-Node-74" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.507em; padding-bottom: 0.291em;">k</span></span><span id="MJXc-Node-75" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.507em; padding-bottom: 0.291em;">l</span></span><span id="MJXc-Node-76" class="mjx-mo"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.147em; padding-bottom: 0.507em;">;</span></span><span id="MJXc-Node-77" class="mjx-mi MJXc-space1"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.435em; padding-bottom: 0.291em;">i</span></span><span id="MJXc-Node-78" class="mjx-mo"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.435em; padding-bottom: 0.579em;">)</span></span></span></span></span></span></span><span class="MJX_Assistive_MathML" role="presentation"><math xmlns="http://www.w3.org/1998/Math/MathML" id="inf2"><mstyle displaystyle="true" scriptlevel="0"><mrow><mi>I</mi><mo stretchy="false">(</mo><mi>h</mi><mi>k</mi><mi>l</mi><mo>;</mo><mi>i</mi><mo stretchy="false">)</mo></mrow></mstyle></math></span></span><script type="math/mml" id="MathJax-Element-2"><math id="inf2"><mstyle displaystyle="true" scriptlevel="0"><mrow><mi>I</mi><mo stretchy="false">(</mo><mi>h</mi><mi>k</mi><mi>l</mi><mo>;</mo><mi>i</mi><mo stretchy="false">)</mo></mrow></mstyle></math></script> is the intensity of an individual measurement of a reflection and <span class="MathJax_Preview" style="display: none;"></span><span id="MathJax-Element-3-Frame" class="mjx-chtml MathJax_CHTML" tabindex="0" data-mathml="<math xmlns="http://www.w3.org/1998/Math/MathML" id="inf3"><mstyle displaystyle="true" scriptlevel="0"><mrow><mo>&lt;</mo><mi>I</mi><mo stretchy="false">(</mo><mi>h</mi><mi>k</mi><mi>l</mi><mo stretchy="false">)</mo><mo>&gt;</mo></mrow></mstyle></math>" role="presentation" style="font-size: 107%; position: relative;"><span id="inf3" class="mjx-math" aria-hidden="true"><span id="MJXc-Node-80" class="mjx-mrow"><span id="MJXc-Node-81" class="mjx-mstyle"><span id="MJXc-Node-82" class="mjx-mrow"><span id="MJXc-Node-83" class="mjx-mrow"><span id="MJXc-Node-84" class="mjx-mo"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.219em; padding-bottom: 0.363em;"><</span></span><span id="MJXc-Node-85" class="mjx-mi MJXc-space3"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.435em; padding-bottom: 0.291em; padding-right: 0.064em;">I</span></span><span id="MJXc-Node-86" class="mjx-mo"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.435em; padding-bottom: 0.579em;">(</span></span><span id="MJXc-Node-87" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.507em; padding-bottom: 0.291em;">h</span></span><span id="MJXc-Node-88" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.507em; padding-bottom: 0.291em;">k</span></span><span id="MJXc-Node-89" class="mjx-mi"><span class="mjx-char MJXc-TeX-math-I" style="padding-top: 0.507em; padding-bottom: 0.291em;">l</span></span><span id="MJXc-Node-90" class="mjx-mo"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.435em; padding-bottom: 0.579em;">)</span></span><span id="MJXc-Node-91" class="mjx-mo MJXc-space3"><span class="mjx-char MJXc-TeX-main-R" style="padding-top: 0.219em; padding-bottom: 0.363em;">></span></span></span></span></span></span></span><span class="MJX_Assistive_MathML" role="presentation"><math xmlns="http://www.w3.org/1998/Math/MathML" id="inf3"><mstyle displaystyle="true" scriptlevel="0"><mrow><mo><</mo><mi>I</mi><mo stretchy="false">(</mo><mi>h</mi><mi>k</mi><mi>l</mi><mo stretchy="false">)</mo><mo>></mo></mrow></mstyle></math></span></span><script type="math/mml" id="MathJax-Element-3"><math id="inf3"><mstyle displaystyle="true" scriptlevel="0"><mrow><mo><</mo><mi>I</mi><mo stretchy="false">(</mo><mi>h</mi><mi>k</mi><mi>l</mi><mo stretchy="false">)</mo><mo>></mo></mrow></mstyle></math></script> is the average intensity of that reflection.</p></div>
</li>
</ol>
</div>
Table Code Blocks
data = {{},{},{}...,{}}; loglog=Function[{x,y},{Log[x/],Log[y]}]; datalog=Apply[loglog,data,{1}]; peakr = Function[{},Piecewise[{{+(1/2)*Log[1-(2/3)*] +*(1-(1-(2/3)*)^(3/2),<3/2/,Infinity}}]]; fit = NonlinearModelFit[datalog,{peakr[],{}}, {{},{},{}},x,Method->NMinimize]; fit['ParameterTable'] |
-
Table with Code Blocks
HTML
<div class="table">
<div class="table__table">
<table><tbody><tr><td align='left' valign='bottom'><span class='monospace'> data = </span><span class='monospace'>{{</span><math id='inf692'><mrow><msub><mi>x</mi><mn mathvariant='normal'>1</mn></msub><mo mathvariant='normal'>,</mo><msub><mi>R</mi><mn mathvariant='normal'>1</mn></msub></mrow></math><span class='monospace'>},{</span><math id='inf693'><mrow><msub><mi>x</mi><mn mathvariant='normal'>2</mn></msub><mo mathvariant='normal'>,</mo><msub><mi>R</mi><mn mathvariant='normal'>2</mn></msub></mrow></math><span class='monospace'>},{</span><math id='inf694'><mrow><msub><mi>x</mi><mn mathvariant='normal'>3</mn></msub><mo mathvariant='normal'>,</mo><msub><mi>R</mi><mn mathvariant='normal'>3</mn></msub></mrow></math><span class='monospace'>}...,{</span><math id='inf695'><mrow><msub><mi>x</mi><mi>m</mi></msub><mo mathvariant='normal'>,</mo><msub><mi>R</mi><mi>m</mi></msub></mrow></math><span class='monospace'>}};</span><br/><span class='monospace'>loglog=Function</span><span class='monospace'>[{x,y},{Log[x/</span><math id='inf6960'><msub><mrow><mo mathvariant='normal'stretchy='false'>[</mo><mrow><mi>C</mi><mo mathvariant='monospace'></mo><msup><mi>a</mi><mrow><mn mathvariant='normal'>2</mn><mo mathvariant='normal'>+</mo></mrow></msup></mrow><mo mathvariant='normal' stretchy='false'>]</mo></mrow><mn mathvariant='normal'>0</mn></msub></math><span class='monospace'>],Log[y]}];</span><br/><span class='monospace'>datalog=Apply[loglog,data,{1}];</span><br/><br/><br/><span class='monospace'>peakr = Function[{</span><math id='inf6970'><mrow><mi>A</mi><mo mathvariant='normal'>,</mo><mi>B</mi><mo mathvariant='normal'>,</mo><mi>C</mi><mo mathvariant='normal'>,</mo><mi>x</mi></mrow></math><span class='monospace'>},Piecewise[{{</span><math id='inf6980'><mi>A</mi></math><span class='monospace'>+(1/2)*Log[1-(2/3)*</span><math id='inf6990'><mrow><mi>B</mi><mo mathvariant='monospace'></mo><mi>x</mi></mrow></math><span class='monospace'>]</span><br/><span class='monospace'></span><span class='monospace'>+</span><math id='inf7000'><mi>C</mi></math><span class='monospace'>*(1-(1-(2/3)*</span><math id='inf7010'><mrow><mi>B</mi><mo mathvariant='monospace'></mo><mi>x</mi></mrow></math><span class='monospace'>)^(3/2),</span><math id='inf702'><mi mathvariant='normal'>x</mi></math><span class='monospace'><3/2/</span><math id='inf703'><mi>B</mi></math><span class='monospace'>,Infinity}}]];</span><br/><br/><br/><span class='monospace'>fit = NonlinearModelFit[datalog,{peakr[</span><math id='inf704'><mrow><mi>A</mi><mo mathvariant='normal'>,</mo><mi>B</mi><mo mathvariant='normal'>,</mo><mi>C</mi><mo mathvariant='normal'>,</mo><mi>x</mi></mrow></math><span class='monospace'>],{</span><math id='inf705'><mrow><mrow><mi>A</mi><mo mathvariant='normal'>></mo><mn mathvariant='normal'>0</mn></mrow><mo mathvariant='normal'>,</mo><mrow><mrow><mi>B</mi><mo mathvariant='normal'>></mo><mn mathvariant='normal'>0</mn></mrow><mo mathvariant='normal'>,</mo><mrow><mi>C</mi><mo mathvariant='normal'>></mo><mn mathvariant='normal'>0</mn></mrow></mrow></mrow></math><span class='monospace'>}},</span><br/><span class='monospace'></span><span class='monospace'>{{</span><math id='inf706'><mrow><mi>A</mi><mo mathvariant='normal'>,</mo><msub><mi>A</mi><mn mathvariant='normal'>0</mn></msub></mrow></math><span class='monospace'>},{</span><math id='inf707'><mrow><mi>B</mi><mo mathvariant='normal'>,</mo><msub><mi>B</mi><mn mathvariant='normal'>0</mn></msub></mrow></math><span class='monospace'>},{</span><math id='inf708'><mrow><mi>C</mi><mo mathvariant='normal'>,</mo><msub><mi>C</mi><mn mathvariant='normal'>0</mn></msub></mrow></math><span class='monospace'>}},x,Method->NMinimize];</span><br/><span class='monospace'>fit['ParameterTable']</span></td></tr></tbody></table>
</div>
<ol class="list">
<li class="table-footnote" >
<div class="table-footnote__text"><p>Table with Code Blocks</p></div>
</li>
</ol>
</div>
Table Equations
Definitions of the simulated system | |
---|---|
Type | Status |
Protein assembly occupancy | |
Histones | |
Regions of histones |
-
Table with Equations
HTML
<div class="table">
<div class="table__table">
<table><thead><tr><th colspan='2' valign='top'>Definitions of the simulated system</th></tr><tr><th valign='top'>Type</th><th valign='top'>Status</th></tr></thead><tbody><tr><td valign='top'>Protein assembly occupancy<math id='inf11'><mstyle displaystyle='true' scriptlevel='0'><mrow><mi>k</mi><mo>∈</mo><mo stretchy='false'>[</mo><mn>1</mn><mo>,</mo><msub><mi>N</mi><mi>p</mi></msub><mo stretchy='false'>]</mo></mrow></mstyle></math></td><td valign='top'><math id='inf12'><mstyle displaystyle='true' scriptlevel='0'><mrow><msub><mi>P</mi><mrow><mi>k</mi></mrow></msub><mo>∈</mo><mrow><mo>{</mo><mrow><mi mathvariant='normal'>u</mi><mi mathvariant='normal'>n</mi><mi mathvariant='normal'>b</mi><mi mathvariant='normal'>o</mi><mi mathvariant='normal'>u</mi><mi mathvariant='normal'>n</mi><mi mathvariant='normal'>d</mi><mo>,</mo><mspace width='thinmathspace'/><mi mathvariant='normal'>b</mi><mi mathvariant='normal'>o</mi><mi mathvariant='normal'>u</mi><mi mathvariant='normal'>n</mi><mi mathvariant='normal'>d</mi></mrow><mo>}</mo></mrow></mrow></mstyle></math></td></tr><tr><td valign='top'>Histones<math id='inf13'><mstyle displaystyle='true'scriptlevel='0'><mrow><mi>i</mi><mo>∈</mo><mo stretchy='false'>[</mo><mn>1</mn><mo>,</mo><mi>N</mi><mo stretchy='false'>]</mo></mrow></mstyle></math></td><td valign='top'><math id='inf14'><mstyle displaystyle='true' scriptlevel='0'><mrow><msub><mi>S</mi><mrow><mi>i</mi></mrow></msub><mo>∈</mo><mrow><mo>{</mo><mrow><mi mathvariant='normal'>m</mi><mi mathvariant='normal'>e</mi><mn>0</mn><mo>,</mo><mspace width='thinmathspace'/><mi mathvariant='normal'>m</mi><mi mathvariant='normal'>e</mi><mn>1</mn><mo>,</mo><mspace width='thinmathspace'/><mi mathvariant='normal'>m</mi><mi mathvariant='normal'>e</mi><mn>2</mn><mo>,</mo><mspace width='thinmathspace'/><mi mathvariant='normal'>m</mi><mi mathvariant='normal'>e</mi><mn>3</mn></mrow><mo>}</mo></mrow></mrow></mstyle></math></td></tr><tr><td valign='top'>Regions of histones</td><td><math id='inf15'><mstyle displaystyle='true' scriptlevel='0'><mrow><msub><mi>R</mi><mrow><mi>m</mi></mrow></msub><mo>=</mo><mrow><mo>{</mo><mtable columnspacing='1em' rowspacing='4pt'><mtr><mtd><mrow><mi mathvariant='normal'>H</mi><mi mathvariant='normal'>i</mi><mi mathvariant='normal'>s</mi><mi mathvariant='normal'>t</mi><mi mathvariant='normal'>o</mi><mi mathvariant='normal'>n</mi><mi mathvariant='normal'>e</mi><mi mathvariant='normal'>s</mi></mrow><mo stretchy='false'>[</mo><mn>1</mn><mo>,</mo><mo>.</mo><mo>.</mo><mo>.</mo><mo>,</mo><msub><mi>N</mi><mrow><mi>N</mi><mi>R</mi></mrow></msub><mo stretchy='false'>]</mo><mspace width='thinmathspace'/><mrow><mi mathvariant='normal'>w</mi><mi mathvariant='normal'>h</mi><mi mathvariant='normal'>e</mi><mi mathvariant='normal'>n</mi></mrow><mspace width='thinmathspace'/><mi>m</mi><mo>=</mo><mi>N</mi><mi>R</mi><mspace width='thinmathspace'/><mrow><mo stretchy='false'>(</mo><mi mathvariant='normal'>n</mi><mi mathvariant='normal'>u</mi><mi mathvariant='normal'>c</mi><mi mathvariant='normal'>l</mi><mi mathvariant='normal'>e</mi><mi mathvariant='normal'>a</mi><mi mathvariant='normal'>t</mi><mi mathvariant='normal'>i</mi><mi mathvariant='normal'>o</mi><mi mathvariant='normal'>n</mi><mspace width='thinmathspace'/><mi mathvariant='normal'>r</mi><mi mathvariant='normal'>e</mi><mi mathvariant='normal'>g</mi><mi mathvariant='normal'>i</mi><mi mathvariant='normal'>o</mi><mi mathvariant='normal'>n</mi><mo stretchy='false'>)</mo></mrow></mtd></mtr><mtr><mtd><mrow><mi mathvariant='normal'>H</mi><mi mathvariant='normal'>i</mi><mi mathvariant='normal'>s</mi><mi mathvariant='normal'>t</mi><mi mathvariant='normal'>o</mi><mi mathvariant='normal'>n</mi><mi mathvariant='normal'>e</mi><mi mathvariant='normal'>s</mi></mrow><mo stretchy='false'>[</mo><msub><mi>N</mi><mrow><mi>N</mi><mi>R</mi></mrow></msub><mo>+</mo><mn>1</mn><mo>,</mo><mo>.</mo><mo>.</mo><mo>.</mo><mo>,</mo><mi>N</mi><mo stretchy='false'>]</mo><mspace width='thinmathspace'/><mrow><mi mathvariant='normal'>w</mi><mi mathvariant='normal'>h</mi><mi mathvariant='normal'>e</mi><mi mathvariant='normal'>n</mi></mrow><mspace width='thinmathspace'/><mi>m</mi><mo>=</mo><mi>B</mi><mspace width='thinmathspace'/><mrow><mo stretchy='false'>(</mo><mi mathvariant='normal'>b</mi><mi mathvariant='normal'>o</mi><mi mathvariant='normal'>d</mi><mi mathvariant='normal'>y</mi><mspace width='thinmathspace'/><mi mathvariant='normal'>r</mi><mi mathvariant='normal'>e</mi><mi mathvariant='normal'>g</mi><mi mathvariant='normal'>i</mi><mi mathvariant='normal'>o</mi><mi mathvariant='normal'>n</mi><mo stretchy='false'>)</mo></mrow><mo>,</mo><mspace width='thinmathspace'/><msub><mi>N</mi><mi>B</mi></msub><mo>=</mo><mi>N</mi><mo>−</mo><msub><mi>N</mi><mrow><mi>N</mi><mi>R</mi></mrow></msub></mtd></mtr><mtr><mtd><mrow><mrow><mi mathvariant='normal'>H</mi><mi mathvariant='normal'>i</mi><mi mathvariant='normal'>s</mi><mi mathvariant='normal'>t</mi><mi mathvariant='normal'>o</mi><mi mathvariant='normal'>n</mi><mi mathvariant='normal'>e</mi><mi mathvariant='normal'>s</mi></mrow><mo stretchy='false'>[</mo><mn>1</mn><mo>,</mo><mo>.</mo><mo>.</mo><mo>.</mo><mo>,</mo><mi>N</mi><mo stretchy='false'>]</mo><mspace width='thinmathspace'/><mrow><mi mathvariant='normal'>w</mi><mi mathvariant='normal'>h</mi><mi mathvariant='normal'>e</mi><mi mathvariant='normal'>n</mi></mrow><mspace width='thinmathspace'/><mi>m</mi><mo>=</mo><mi>L</mi><mspace width='thinmathspace'/><mo stretchy='false'>(</mo><mi mathvariant='normal'>e</mi><mi mathvariant='normal'>n</mi><mi mathvariant='normal'>t</mi><mi mathvariant='normal'>i</mi><mi mathvariant='normal'>r</mi><mi mathvariant='normal'>e</mi><mspace width='thinmathspace'/><mi mathvariant='normal'>r</mi><mi mathvariant='normal'>e</mi><mi mathvariant='normal'>g</mi><mi mathvariant='normal'>i</mi><mi mathvariant='normal'>o</mi><mi mathvariant='normal'>n</mi><mo stretchy='false'>)</mo></mrow><mo>,</mo><mspace width='thinmathspace'/><msub><mi>N</mi><mi>L</mi></msub><mo>=</mo><mi>N</mi></mtd></mtr></mtable><mo fence='true' stretchy='true' symmetric='true'/></mrow></mrow></mstyle></math></td></tr></tbody></table>
</div>
<ol class="list">
<li class="table-footnote" >
<div class="table-footnote__text"><p>Table with Equations</p></div>
</li>
</ol>
</div>
Table Gene Sequences
Reagent type (species) or resource | Designation | Source or reference | Identifiers | Additional information |
---|---|---|---|---|
Recombinant DNA reagent | synthesized gene - mScarletI | Genscript | actagtggtggttcaggaGTTTCAAAAGGTGAAGCCGTTATTAAAGAATTTATGAGATTCAAGGTTCACATGGAAGGAAGTATGAACGGTCATGAATTTGAGATTGAAGGAGAAGGTGAAGGTAGACCATATGAAGGCACCCAAACAGCTAAATTAAAAGTAACTAAAGGTGGTCCATTACCATTTAGTTGGGATATTTTATCTCCACAATTTATGTATGGTTCACGTGCTTTCAttAAACATCCAGCAGATATTCCAGATTATTATAAACAATCATTTCCAGAAGGTTTTAAATGGGAACGTGTCATGAACTTTGAAGATGGTGGAGCAGTTACAGTCACACAAGATACCTCATTAGAAGATGGTACATTAATATATAAAGTTAAATTACGTGGTACTAATTTTCCACCAGACGGTCCAGTAATGCAAAAAAAAACAATGGGCTGGGAAGCTAGTACAGAACGTTTATATCCTGAAGATGGTGTCCTTAAAGGCGATATAAAAATGGCCTTGAGATTAAAGGATGGTGGTAGGTATTTAGCAGATTTCAAAACCACTTATAAAGCAAAAAAACCAGTTCAAATGCCAGGTGCATATAATGTTGATAGAAAACTTGATATTACCAGTCATAATGAAGATTACACAGTTGTCGAACAATACGAACGTTCTGAAGGTCGTCATAGCACTGGTGGTATGGATGAATTATACAAATAAgctagc | d |
Recombinant DNA reagent | synthesized gene - mNeon | Genscript | actagtggtggttcaggaGTTTCAAAAGGTGAAGCCGTTATTAAAGAATTTATGAGATTCAAGGTTCACATGGAAGGAAGTATGAACGGTCATGAATTTGAGATTGAAGGAGAAGGTGAAGGTAGACCATATGAAGGCACCCAAACAGCTAAATTAAAAGTAACTAAAGGTGGTCCATTACCATTTAGTTGGGATATTTTATCTCCACAATTTATGTATGGTTCACGTGCTTTCAttAAACATCCAGCAGATATTCCAGATTATTATAAACAATCATTTCCAGAAGGTTTTAAATGGGAACGTGTCATGAACTTTGAAGATGGTGGAGCAGTTACAGTCACACAAGATACCTCATTAGAAGATGGTACATTAATATATAAAGTTAAATTACGTGGTACTAATTTTCCACCAGACGGTCCAGTAATGCAAAAAAAAACAATGGGCTGGGAAGCTAGTACAGAACGTTTATATCCTGAAGATGGTGTCCTTAAAGGCGATATAAAAATGGCCTTGAGATTAAAGGATGGTGGTAGGTATTTAGCAGATTTCAAAACCACTTATAAAGCAAAAAAACCAGTTCAAATGCCAGGTGCATATAATGTTGATAGAAAACTTGATATTACCAGTCATAATGAAGATTACACAGTTGTCGAACAATACGAACGTTCTGAAGGTCGTCATAGCACTGGTGGTATGGATGAATTATACAAATAAgctagc |
-
Table with Gene Sequences
HTML
<div class="table">
<div class="table__table">
<table><thead><tr><th>Reagent type (species) or resource</th><th>Designation</th><th>Source or reference</th><th>Identifiers</th><th>Additional information</th></tr></thead><tbody><tr><td>Recombinant DNA reagent</td><td>synthesized gene - mScarletI</td><td>Genscript</td><td><span class='sequence'>actagtggtggttcaggaGTTTCAAAAGGTGAAGCCGTTATTAAAGAATTTATGAGATTCAAGGTTCACATGGAAGGAAGTATGAACGGTCATGAATTTGAGATTGAAGGAGAAGGTGAAGGTAGACCATATGAAGGCACCCAAACAGCTAAATTAAAAGTAACTAAAGGTGGTCCATTACCATTTAGTTGGGATATTTTATCTCCACAATTTATGTATGGTTCACGTGCTTTCAttAAACATCCAGCAGATATTCCAGATTATTATAAACAATCATTTCCAGAAGGTTTTAAATGGGAACGTGTCATGAACTTTGAAGATGGTGGAGCAGTTACAGTCACACAAGATACCTCATTAGAAGATGGTACATTAATATATAAAGTTAAATTACGTGGTACTAATTTTCCACCAGACGGTCCAGTAATGCAAAAAAAAACAATGGGCTGGGAAGCTAGTACAGAACGTTTATATCCTGAAGATGGTGTCCTTAAAGGCGATATAAAAATGGCCTTGAGATTAAAGGATGGTGGTAGGTATTTAGCAGATTTCAAAACCACTTATAAAGCAAAAAAACCAGTTCAAATGCCAGGTGCATATAATGTTGATAGAAAACTTGATATTACCAGTCATAATGAAGATTACACAGTTGTCGAACAATACGAACGTTCTGAAGGTCGTCATAGCACTGGTGGTATGGATGAATTATACAAATAAgctagc</span></td><td>d</td></tr><tr><td>Recombinant DNA reagent</td><td>synthesized gene - mNeon</td><td>Genscript</td><td><span class='sequence'>actagtggtggttcaggaGTTTCAAAAGGTGAAGCCGTTATTAAAGAATTTATGAGATTCAAGGTTCACATGGAAGGAAGTATGAACGGTCATGAATTTGAGATTGAAGGAGAAGGTGAAGGTAGACCATATGAAGGCACCCAAACAGCTAAATTAAAAGTAACTAAAGGTGGTCCATTACCATTTAGTTGGGATATTTTATCTCCACAATTTATGTATGGTTCACGTGCTTTCAttAAACATCCAGCAGATATTCCAGATTATTATAAACAATCATTTCCAGAAGGTTTTAAATGGGAACGTGTCATGAACTTTGAAGATGGTGGAGCAGTTACAGTCACACAAGATACCTCATTAGAAGATGGTACATTAATATATAAAGTTAAATTACGTGGTACTAATTTTCCACCAGACGGTCCAGTAATGCAAAAAAAAACAATGGGCTGGGAAGCTAGTACAGAACGTTTATATCCTGAAGATGGTGTCCTTAAAGGCGATATAAAAATGGCCTTGAGATTAAAGGATGGTGGTAGGTATTTAGCAGATTTCAAAACCACTTATAAAGCAAAAAAACCAGTTCAAATGCCAGGTGCATATAATGTTGATAGAAAACTTGATATTACCAGTCATAATGAAGATTACACAGTTGTCGAACAATACGAACGTTCTGAAGGTCGTCATAGCACTGGTGGTATGGATGAATTATACAAATAAgctagc</span></td><td></td></tr></tbody></table>
</div>
<ol class="list">
<li class="table-footnote" >
<div class="table-footnote__text"><p>Table with Gene Sequences</p></div>
</li>
</ol>
</div>
Table Inline Images
unwinding | turnover | ||
---|---|---|---|
# | Chemical drawing | IC50[95%CI];µM | IC50[95%CI];µM |
2 | 2.2 [1.7–2.7] | 3.2 [2.3–4.0] |
-
Table with inline images
HTML
<div class="table">
<div class="table__table">
<table><thead><tr><th/><th/><th>unwinding</th><th>turnover</th></tr></thead><tbody><tr><td>#</td><td>Chemical drawing</td><td>IC<sub>50</sub>[95%CI];µM</td><td>IC<sub>50</sub>[95%CI];µM</td></tr><tr><td>2</td><td><img src='https://cdn.elifesciences.org/articles/65339/elife-65339-inf1-v1.jpg'/></td><td>2.2<br/>[1.7–2.7]</td><td>3.2<br/>[2.3–4.0]</td></tr></tbody></table>
</div>
<ol class="list">
<li class="table-footnote" >
<div class="table-footnote__text"><p>Table with inline images</p> </div>
</li>
</ol>
</div>
Table Long Url
Reagent type (species) or resource | Designation | Source or reference | Identifiers | Additional information |
---|---|---|---|---|
Software, algorithm | Metamorph | Metamorph v | https://www.moleculardevices.com/products/cellular-imaging-systems/acquisition-and-analysis-software/metamorph-microscopy#gref |
-
Table with long url
HTML
<div class="table">
<div class="table__table">
<table><thead><tr><th align='left' valign='bottom'>Reagent type (species) or resource</th><th align='left' valign='bottom'>Designation</th><th align='left' valign='bottom'>Source or reference</th><th align='left' valign='bottom'>Identifiers</th><th align='left' valign='bottom'>Additional information</th></tr></thead><tbody><tr><td align='left' valign='bottom'>Software, algorithm</td><td align='left' valign='bottom'>Metamorph</td><td align='left' valign='bottom'>Metamorph v</td><td align='left' valign='bottom'><a href='https://www.moleculardevices.com/products/cellular-imaging-systems/acquisition-and-analysis-software/metamorph-microscopy#gref'>https://www.moleculardevices.com/products/cellular-imaging-systems/acquisition-and-analysis-software/metamorph-microscopy#gref</a></td><td></td></tr></tbody></table>
</div>
<ol class="list">
<li class="table-footnote" >
<div class="table-footnote__text"><p>Table with long url</p></div>
</li>
</ol>
</div>
Table Ordered List
Factors classically associated with immune functions | ||||
---|---|---|---|---|
Protein | Immune system properties | Nervous system properties | References | |
Antimicrobial peptides(AMPs) |
|
| Hanson et al., 2019;Lezi et al., 2018; |
-
Table with ordered list
HTML
<div class="table">
<div class="table__table">
<table><thead><tr><th colspan='5' valign='top'>Factors classically associated with immune functions</th></tr><tr valign='bottom'><th colspan='2'>Protein</th><th>Immune system properties</th><th>Nervous system properties</th><th>References</th></tr></thead><tbody><tr valign='top'><td colspan='2'>Antimicrobial peptides(AMPs)</td><td><ol class='listlist--number'><li><p>Secreted by epithelial and phagocytic cells</p></li><li><p>Disrupt microbial membranes leading to destruction of pathogen</p></li></ol></td><td><ol class='listlist--number'><li><p>Antimicrobial in nervous system niches</p></li><li><p>Control chemotaxis of immune cells and astroglia</p></li><li><p>Mediate iron homeostasis</p></li><li><p>Modulate nerve impulses</p></li><li><p>Implicated in aging and neurodegeneration</p></li></ol></td><td><a href='#bib107'>Hanson et al., 2019</a>;<a href='#bib161'>Lezi et al., 2018</a>;<ahref='#bib246'>Su et al., 2010</a>;<ahref='#bib290'>Zasloff, 2002</a></td></tr></tbody></table>
</div>
<ol class="list">
<li class="table-footnote" >
<div class="table-footnote__text"><p>Table with ordered list</p></div>
</li>
</ol>
</div>
Table Unordered List
Factors classically associated with immune functions | ||||
---|---|---|---|---|
Protein | Immune system properties | Nervous system properties | References | |
Antimicrobial peptides(AMPs) |
|
| Hanson et al., 2019;Lezi et al., 2018;Su et al., 2010;Zasloff, 2002 |
-
Table with unordered list
HTML
<div class="table">
<div class="table__table">
<table><thead><tr><th colspan='5' valign='top'>Factors classically associated with immune functions</th></tr><tr valign='bottom'><th colspan='2'>Protein</th><th>Immune system properties</th><th>Nervous system properties</th><th>References</th></tr></thead><tbody><tr valign='top'><td colspan='2'>Antimicrobial peptides(AMPs)</td><td><ul class='listlist--bullet'><li><p>Secreted by epithelial and phagocyticcells</p></li><li><p>Disrupt microbial membranes leading to destruction of pathogen</p></li></ul></td><td><ul class='listlist--bullet'><li><p>Antimicrobial in nervous system niches</p></li><li><p>Control chemotaxis of immune cells and astroglia</p></li><li><p>Mediate iron homeostasis</p></li><li><p>Modulate nerve impulses</p></li><li><p>Implicated in aging and neurodegeneration</p></li></ul></td><td><a href='#bib107'>Hanson et al., 2019</a>;<a href='#bib161'>Lezi et al., 2018</a>;<a href='#bib246'>Su et al., 2010</a>;<a href='#bib290'>Zasloff, 2002</a></td></tr></tbody></table>
</div>
<ol class="list">
<li class="table-footnote" >
<div class="table-footnote__text"><p>Table with unordered list</p></div>
</li>
</ol>
</div>
Term
- Valuable
HTML
<section class="term_wrapper">
<div class="term-title">Title:</div>
<div class="term-description" aria-label=""><b>Valuable</b>: Summary</div>
<ul class="terms" aria-label="The following is a list terms editors can choose from">
<li class="term term-highlighted">Valuable</li>
</ul>
</section>
Term Significance
- Landmark
- Fundamental
- Important
- Valuable
- Useful
HTML
<section class="term_wrapper">
<div class="term-title">Significance of the findings:</div>
<div class="term-description" aria-label="eLife assessments use a common vocabulary to describe significance. The term chosen for this paper is:"><b>Valuable</b>: Contains findings that have theoretical or practical implications for a subfield.</div>
<ul class="terms" aria-label="The following is a list terms editors can choose from">
<li class="term">Landmark</li>
<li class="term">Fundamental</li>
<li class="term">Important</li>
<li class="term term-highlighted">Valuable</li>
<li class="term">Useful</li>
</ul>
</section>
Term Strength
- Exceptional
- Compelling
- Convincing
- Solid
- Incomplete
- Inadequate
HTML
<section class="term_wrapper">
<div class="term-title">Strength of evidence:</div>
<div class="term-description" aria-label="eLife assessments use a common vocabulary to describe strength of evidence. The term or terms chosen for this paper is:"><b>Solid</b>: Methods, data and analyses broadly support the claims with only minor weaknesses.</div>
<ul class="terms" aria-label="The following is a list terms editors can choose from">
<li class="term">Exceptional</li>
<li class="term">Compelling</li>
<li class="term">Convincing</li>
<li class="term term-highlighted">Solid</li>
<li class="term">Incomplete</li>
<li class="term">Inadequate</li>
</ul>
</section>
To Top Link
HTML
<a href="#siteHeader" class="to-top-link">Back to top</a>
Tweet
atoms-date
HTML
<article class="tweet" data-behaviour="Twitter">
<blockquote class="tweet__content twitter-tweet">
<p class="paragraph">Tune in to the latest <a href="https://twitter.com/hashtag/eLifePodcast?src=hash&ref_src=twsrc%5Etfw">#eLifePodcast</a> to hear authors discuss the stories behind their recent discoveries <a href="https://t.co/awwqu5L3lE">https://t.co/awwqu5L3lE</a></p>
<div class="tweet__by" aria-label="Tweeted by">eLife - the journal (@eLife)</div>
<div class="tweet__context">
<span class="date"> <time datetime="2020-02-07">Feb 7, 2020</time></span>
<a class="tweet__link" href="https://twitter.com/eLife/status/1225868108168093696">See tweet</a>
</div>
</blockquote>
</article>
Tweet With Cards
Tune in to the latest #eLifePodcast to hear authors discuss the stories behind their recent discoveries https://t.co/awwqu5L3lE
eLife - the journal (@eLife)
atoms-date
HTML
<article class="tweet" data-behaviour="Twitter">
<blockquote class="tweet__content twitter-tweet">
<p class="paragraph">Tune in to the latest <a href="https://twitter.com/hashtag/eLifePodcast?src=hash&ref_src=twsrc%5Etfw">#eLifePodcast</a> to hear authors discuss the stories behind their recent discoveries <a href="https://t.co/awwqu5L3lE">https://t.co/awwqu5L3lE</a></p>
<div class="tweet__by" aria-label="Tweeted by">eLife - the journal (@eLife)</div>
<div class="tweet__context">
<span class="date"> <time datetime="2020-02-07">Feb 7, 2020</time></span>
<a class="tweet__link" href="https://twitter.com/eLife/status/1225868108168093696">See tweet</a>
</div>
</blockquote>
</article>
Tweet With Conversation
I love it when people show interest in #EvoMed!
Bridget S. Preston, Esq. (@bridgetmcgann)
atoms-date
HTML
<article class="tweet" data-behaviour="Twitter">
<blockquote class="tweet__content twitter-tweet">
<p class="paragraph">I love it when people show interest in <a href="https://twitter.com/hashtag/EvoMed?src=hash&ref_src=twsrc%5Etfw">#EvoMed</a>!</p>
<div class="tweet__by" aria-label="Tweeted by">Bridget S. Preston, Esq. (@bridgetmcgann)</div>
<div class="tweet__context">
<span class="date"> <time datetime="2020-02-13">Feb 13, 2020</time></span>
<a class="tweet__link" href="https://twitter.com/bridgetmcgann/status/1227803569547612162">See tweet</a>
</div>
</blockquote>
</article>
Video
HTML
<video controls="controls" poster="https://static-movie-usa.glencoesoftware.com/jpg/10.7554/872/946920eb226e045af1781fe292f2cd5206b30a75/elife-14093-app2-media1.jpg" preload="metadata">
<img src="https://static-movie-usa.glencoesoftware.com/jpg/10.7554/872/946920eb226e045af1781fe292f2cd5206b30a75/elife-14093-app2-media1.jpg" alt="posterframe for video" />
<p>This video cannot be played in place because your browser does support HTML5 video. You may still download the video for offline viewing.</p>
<source src="https://static-movie-usa.glencoesoftware.com/mp4/10.7554/872/946920eb226e045af1781fe292f2cd5206b30a75/elife-14093-app2-media1.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' class="media-source"/>
<div>
<a class="media-source__fallback_link" href="https://static-movie-usa.glencoesoftware.com/mp4/10.7554/872/946920eb226e045af1781fe292f2cd5206b30a75/elife-14093-app2-media1.mp4">Download as mp4</a>
</div>
<source src="https://static-movie-usa.glencoesoftware.com/webm/10.7554/872/946920eb226e045af1781fe292f2cd5206b30a75/elife-14093-app2-media1.webm" type='video/webm; codecs="vp8.0, vorbis"' class="media-source"/>
<div>
<a class="media-source__fallback_link" href="https://static-movie-usa.glencoesoftware.com/webm/10.7554/872/946920eb226e045af1781fe292f2cd5206b30a75/elife-14093-app2-media1.webm">Download as webm</a>
</div>
<source src="https://static-movie-usa.glencoesoftware.com/ogv/10.7554/872/946920eb226e045af1781fe292f2cd5206b30a75/elife-14093-app2-media1.ogv" type='video/ogg; codecs="theora, vorbis"' class="media-source"/>
<div>
<a class="media-source__fallback_link" href="https://static-movie-usa.glencoesoftware.com/ogv/10.7554/872/946920eb226e045af1781fe292f2cd5206b30a75/elife-14093-app2-media1.ogv">Download as ogg</a>
</div>
</video>
Client Error
Say what?
Your browser sent us something unexpected.
We’ve logged the problem and will look into it.
atoms-button
HTML
<div class="error-wrapper">
<div class="error">
<picture>
<source srcset="../../assets/img/errors/4xx.svg" type="image/svg+xml">
<img srcset="../../assets/img/errors/4xx-2x.png 86w" src="../../assets/img/errors/4xx.png" sizes="43px"
alt="" class="error__icon">
</picture>
<h1 class="error__title">Say what?</h1>
<p>Your browser sent us something unexpected.<br>We’ve logged the problem and will look into it.</p>
</div>
</div>
Not Found
Oops!
The page you were looking for is not found.
atoms-button
HTML
<div class="error-wrapper">
<div class="error">
<picture>
<source srcset="../../assets/img/errors/404.svg" type="image/svg+xml">
<img srcset="../../assets/img/errors/404-2x.png 266w" src="../../assets/img/errors/404.png" sizes="133px"
alt="" class="error__icon">
</picture>
<h1 class="error__title">Oops!</h1>
<p>The page you were looking for is not found.</p>
</div>
</div>
Not Found Button
atoms-button
HTML
<div class="error-wrapper">
<div class="error">
<picture>
<source srcset="../../assets/img/errors/404.svg" type="image/svg+xml">
<img srcset="../../assets/img/errors/404-2x.png 266w" src="../../assets/img/errors/404.png" sizes="133px"
alt="" class="error__icon">
</picture>
<h1 class="error__title">Oops!</h1>
<p>The page you were looking for is not found.</p>
<a href="#" class="button button--default" aria-label="Descriptive and accessible name">Back to home</a>
</div>
</div>
Orcid Error Visibility Setting
Your ORCID iD settings prevented log in
Please update the visibility settings of the name associated with your ORCID iD before trying again.
Step 1: Open your name's visibility settings on your ORCID iD page
Go to orcid.org/my-orcid to change the visibility settings of your name by using the pencil icon.
It should be in the top left corner of your ORCID iD page, next to your name.
Step 2: Change the visibility setting
Change the visibility setting to "everyone" or "trusted parties" and save your changes. Locking your name will not allow you to log in to eLife.
You may be asked to authorise eLife as a trusted party when you try to log in again. Learn more about ORCID visibility settings.
Step 3: Return to eLife and log in again
Return to elifesciences.org and attempt to log in again. If you are still unable to log in please contact us.
HTML
<div class="error-wrapper">
<div class="error">
<picture>
<source srcset="../../assets/img/icons/ORCID-padlock.svg" type="image/svg+xml">
<img srcset="../../assets/img/icons/ORCID-padlock-2x.png 314w" src="../../assets/img/icons/ORCID-padlock.png" sizes="157px"
alt="" class="error__icon">
</picture>
<h1 class="error__title">Your ORCID iD settings prevented log in</h1>
<p>Please update the visibility settings of the name associated with your ORCID iD before trying again.</p>
<div class="error__orcid-container">
<div class="error__orcid">
<h3>Step 1: Open your name's visibility settings on your ORCID iD page</h3>
<div class="error__orcid-left">
<p>Go to <a href="https://orcid.org/my-orcid">orcid.org/my-orcid</a> to change the visibility settings of your name by using the pencil icon.</p>
<p>It should be in the top left corner of your ORCID iD page, next to your name.</p>
</div>
<div class="error__orcid-right">
<img src="../../assets/img/errors/orcid-error-step1.jpg" alt="Change the visibility settings of your name by using the pencil icon." class="error__orcid-image" />
</div>
</div>
<div class="error__orcid">
<h3>Step 2: Change the visibility setting</h3>
<div class="error__orcid-left">
<p>Change the visibility setting to "everyone" or "trusted parties" and save your changes. Locking your name will not allow you to log in to eLife.</p>
<p>You may be asked to authorise eLife as a trusted party when you try to log in again. <a href="https://support.orcid.org/hc/en-us/articles/360006894494-Visibility-preference">Learn more about ORCID visibility settings</a>.</p>
</div>
<div class="error__orcid-right">
<img src="../../assets/img/errors/orcid-error-step2.jpg" alt="Change the visibility setting to everyone or trusted parties and save your changes." class="error__orcid-image" />
</div>
</div>
<div class="error__orcid">
<h3>Step 3: Return to eLife and log in again</h3>
<div class="error__orcid-left">
<p>Return to elifesciences.org and attempt to log in again. If you are still unable to log in please <a href="https://elifesciences.org/contact">contact us</a>.</p>
</div>
<div class="error__orcid-right">
<img src="../../assets/img/errors/orcid-error-step3.jpg" alt="Attempt to log in again." class="error__orcid-image" />
</div>
</div>
</div>
</div>
</div>
Server Error
Kabooooooom!
Something has gone seriously wrong.
We’ve logged the problem and will look into it.
atoms-button
HTML
<div class="error-wrapper">
<div class="error">
<picture>
<source srcset="../../assets/img/errors/5xx.svg" type="image/svg+xml">
<img srcset="../../assets/img/errors/5xx-2x.png 314w" src="../../assets/img/errors/5xx.png" sizes="157px"
alt="" class="error__icon">
</picture>
<h1 class="error__title">Kabooooooom!</h1>
<p>Something has gone seriously wrong.<br>We’ve logged the problem and will look into it.</p>
</div>
</div>
Service Unavailable
Back soon
We’re carrying out planned maintenance on this page.
atoms-button
HTML
<div class="error-wrapper">
<div class="error">
<picture>
<source srcset="../../assets/img/errors/503.svg" type="image/svg+xml">
<img srcset="../../assets/img/errors/503-2x.png 314w" src="../../assets/img/errors/503.png" sizes="157px"
alt="" class="error__icon">
</picture>
<h1 class="error__title">Back soon</h1>
<p>We’re carrying out planned maintenance on this page.</p>
</div>
</div>
Checkbox
HTML
<div class="form-item form-item__checkbox">
<div for="checkbox-toggle" class="checkbox__label selected-model" aria-label="item one">item one</div>
<label class="form-item__label toggle-checkbox">
<input type="checkbox" id="checkbox-toggle" class="type-of-model">
<span class="toggle-checkbox__slider round"></span>
</label>
<div for="checkbox-toggle" class="checkbox__label" aria-label="item two">item two</div>
</div>
Checkboxes
-
Children detected!
HTML
<div class="form-item">
<div class="form-item__title">Checkboxes</div>
<div class="checkboxes" id="checkboxes1">
<ul class="checkboxes__list">
<li class="checkboxes__list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_1"
id="checkbox_id_1"
checked
/>
<span class="checkbox__item">Checkbox 1</span>
</label>
</li>
<li class="checkboxes__list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_2"
id="checkbox_id_2"
/>
<span class="checkbox__item">Checkbox 2</span>
</label>
</li>
<li class="checkboxes__list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_3"
id="checkbox_id_3"
/>
<span class="checkbox__item">Checkbox 3</span>
</label>
</li>
<li class="checkboxes__list_item">
<div class="form-item__sub_title">Children detected!</div>
<ul class="checkboxes__children_list">
<li class="checkboxes__children_list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_4"
id="checkbox_id_4"
/>
<span class="checkbox__item">Checkbox 4</span>
</label>
</li>
<li class="checkboxes__children_list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_5"
id="checkbox_id_5"
/>
<span class="checkbox__item">Checkbox 5</span>
</label>
</li>
</ul>
</li>
</ul>
</div>
</div>
Checkboxes Disabled
-
Children detected!
HTML
<div class="form-item">
<div class="form-item__title">Checkboxes</div>
<div class="checkboxes" id="checkboxes1">
<ul class="checkboxes__list">
<li class="checkboxes__list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_1"
id="checkbox_id_1"
checked
disabled="disabled"
/>
<span class="checkbox__item">Checkbox 1</span>
</label>
</li>
<li class="checkboxes__list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_2"
id="checkbox_id_2"
disabled="disabled"
/>
<span class="checkbox__item">Checkbox 2</span>
</label>
</li>
<li class="checkboxes__list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_3"
id="checkbox_id_3"
disabled="disabled"
/>
<span class="checkbox__item">Checkbox 3</span>
</label>
</li>
<li class="checkboxes__list_item">
<div class="form-item__sub_title">Children detected!</div>
<ul class="checkboxes__children_list">
<li class="checkboxes__children_list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_4"
id="checkbox_id_4"
disabled="disabled"
/>
<span class="checkbox__item">Checkbox 4</span>
</label>
</li>
<li class="checkboxes__children_list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_5"
id="checkbox_id_5"
disabled="disabled"
/>
<span class="checkbox__item">Checkbox 5</span>
</label>
</li>
</ul>
</li>
</ul>
</div>
</div>
Checkboxes Error
-
Children detected!
HTML
<div class="form-item form-item--invalid">
<div class="form-item__title">Checkboxes</div>
<div class="checkboxes checkboxes--invalid" id="checkboxes1">
<ul class="checkboxes__list">
<li class="checkboxes__list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_1"
id="checkbox_id_1"
required="required"
aria-describedby="idOfTheMessageGroup" aria-invalid="true"
/>
<span class="checkbox__item">Checkbox 1</span>
</label>
</li>
<li class="checkboxes__list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_2"
id="checkbox_id_2"
required="required"
aria-describedby="idOfTheMessageGroup" aria-invalid="true"
/>
<span class="checkbox__item">Checkbox 2</span>
</label>
</li>
<li class="checkboxes__list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_3"
id="checkbox_id_3"
required="required"
aria-describedby="idOfTheMessageGroup" aria-invalid="true"
/>
<span class="checkbox__item">Checkbox 3</span>
</label>
</li>
<li class="checkboxes__list_item">
<div class="form-item__sub_title">Children detected!</div>
<ul class="checkboxes__children_list">
<li class="checkboxes__children_list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_4"
id="checkbox_id_4"
required="required"
aria-describedby="idOfTheMessageGroup" aria-invalid="true"
/>
<span class="checkbox__item">Checkbox 4</span>
</label>
</li>
<li class="checkboxes__children_list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_5"
id="checkbox_id_5"
required="required"
aria-describedby="idOfTheMessageGroup" aria-invalid="true"
/>
<span class="checkbox__item">Checkbox 5</span>
</label>
</li>
</ul>
</li>
</ul>
</div>
<div id="idOfTheMessageGroup">
<div class="form-item__message form-item__message--invalid">Please provide a valid value</div>
</div>
</div>
Checkboxes Info Error
-
Children detected!
HTML
<div class="form-item form-item--invalid">
<div class="form-item__title">Checkboxes</div>
<div class="checkboxes checkboxes--invalid" id="checkboxes1">
<ul class="checkboxes__list">
<li class="checkboxes__list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_1"
id="checkbox_id_1"
aria-describedby="idOfTheMessageGroup" aria-invalid="true"
/>
<span class="checkbox__item">Checkbox 1</span>
</label>
</li>
<li class="checkboxes__list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_2"
id="checkbox_id_2"
aria-describedby="idOfTheMessageGroup" aria-invalid="true"
/>
<span class="checkbox__item">Checkbox 2</span>
</label>
</li>
<li class="checkboxes__list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_3"
id="checkbox_id_3"
aria-describedby="idOfTheMessageGroup" aria-invalid="true"
/>
<span class="checkbox__item">Checkbox 3</span>
</label>
</li>
<li class="checkboxes__list_item">
<div class="form-item__sub_title">Children detected!</div>
<ul class="checkboxes__children_list">
<li class="checkboxes__children_list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_4"
id="checkbox_id_4"
aria-describedby="idOfTheMessageGroup" aria-invalid="true"
/>
<span class="checkbox__item">Checkbox 4</span>
</label>
</li>
<li class="checkboxes__children_list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_5"
id="checkbox_id_5"
aria-describedby="idOfTheMessageGroup" aria-invalid="true"
/>
<span class="checkbox__item">Checkbox 5</span>
</label>
</li>
</ul>
</li>
</ul>
</div>
<div id="idOfTheMessageGroup">
<div class="form-item__message form-item__message--info">You may wish to consider this</div>
<div class="form-item__message form-item__message--invalid">Please provide a valid value</div>
</div>
</div>
Checkboxes Info
-
Children detected!
HTML
<div class="form-item">
<div class="form-item__title">Checkboxes</div>
<div class="checkboxes" id="checkboxes1">
<ul class="checkboxes__list">
<li class="checkboxes__list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_1"
id="checkbox_id_1"
checked
aria-describedby="idOfTheMessageGroup"
/>
<span class="checkbox__item">Checkbox 1 Checkbox 1 Checkbox 1 Checkbox 1</span>
</label>
</li>
<li class="checkboxes__list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_2"
id="checkbox_id_2"
aria-describedby="idOfTheMessageGroup"
/>
<span class="checkbox__item">Checkbox 2</span>
</label>
</li>
<li class="checkboxes__list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_3"
id="checkbox_id_3"
aria-describedby="idOfTheMessageGroup"
/>
<span class="checkbox__item">Checkbox 3</span>
</label>
</li>
<li class="checkboxes__list_item">
<div class="form-item__sub_title">Children detected!</div>
<ul class="checkboxes__children_list">
<li class="checkboxes__children_list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_4"
id="checkbox_id_4"
aria-describedby="idOfTheMessageGroup"
/>
<span class="checkbox__item">Checkbox 4</span>
</label>
</li>
<li class="checkboxes__children_list_item">
<label class="checkboxes__item_label">
<input type="checkbox" name="checkboxes[]" value="checkbox_5"
id="checkbox_id_5"
aria-describedby="idOfTheMessageGroup"
/>
<span class="checkbox__item">Checkbox 5</span>
</label>
</li>
</ul>
</li>
</ul>
</div>
<div id="idOfTheMessageGroup">
<div class="form-item__message form-item__message--info">You may wish to consider this</div>
</div>
</div>
Form Field Info Link
HTML
<div class="form-field-info-link-wrapper">
<a class="form-field-info-link" href="/link-to-privacy-notice">Privacy notice</a>
</div>
Form Field Info Link Left
HTML
<div class="form-field-info-link-wrapper form-field-info-link-wrapper--left">
<a class="form-field-info-link" href="/link-to-privacy-notice">Privacy notice</a>
</div>
Hidden Field
HTML
<input type="hidden" name="hidden" value="hello">
Honeypot
HTML
<div class="form-item visuallyhidden" aria-hidden="true">
<label for="secret_field" class="form-item__label">Please don't complete this field</label>
<input
type="email"
class="text-field text-field--email"
id="secret_field"
name="secret_field"
tabindex="-1"
/>
</div>
Select
HTML
<div class="form-item">
<label for="select1"
class="form-item__label">
Select
</label>
<select class="select"
id="select1"
name="select1"
>
<option value="2016" >2016</option>
<option value="2015" selected>2015</option>
<option value="2014" >2014</option>
</select>
</div>
Select Error
HTML
<div class="form-item form-item--invalid">
<label for="select2"
class="form-item__label">
Select error
</label>
<select class="select select--invalid"
id="select2"
name="select2"
aria-describedby="idOfTheMessageGroup" aria-invalid="true"
>
<option value="2016" >2016</option>
<option value="2015" selected>2015</option>
<option value="2014" >2014</option>
</select>
<div id="idOfTheMessageGroup">
<div class="form-item__message form-item__message--invalid">Please provide a valid value</div>
</div>
</div>
Select Info Error
HTML
<div class="form-item form-item--invalid">
<label for="select2"
class="form-item__label">
Select error with additional info
</label>
<select class="select select--invalid"
id="select2"
name="select2"
aria-describedby="idOfTheMessageGroup" aria-invalid="true"
>
<option value="2016" >2016</option>
<option value="2015" selected>2015</option>
<option value="2014" >2014</option>
</select>
<div id="idOfTheMessageGroup">
<div class="form-item__message form-item__message--info">You may wish to consider this</div>
<div class="form-item__message form-item__message--invalid">Please provide a valid value</div>
</div>
</div>
Select Info
HTML
<div class="form-item">
<label for="select2"
class="form-item__label">
Select with additional info
</label>
<select class="select"
id="select2"
name="select2"
aria-describedby="idOfTheMessageGroup"
>
<option value="2016" >2016</option>
<option value="2015" selected>2015</option>
<option value="2014" >2014</option>
</select>
<div id="idOfTheMessageGroup">
<div class="form-item__message form-item__message--info">You may wish to consider this</div>
</div>
</div>
Text Area
HTML
<div class="form-item">
<label
for="comment1"
class="form-item__label">
Add a comment
</label>
<textarea
type=""
class="text-field text-field--textarea"
id="comment1"
name="comment"
autofocus
cols="30"
rows="2"
required="required"
form="some_form_id"
placeholder="Type text to leave a comment"
></textarea>
</div>
Text Area Error
HTML
<div class="form-item form-item--invalid">
<label
for="comment1"
class="form-item__label">
Text area error
</label>
<textarea
type=""
class="text-field text-field--textarea text-field--invalid"
id="comment1"
name="comment"
autofocus
cols="30"
rows="2"
required="required"
form="some_form_id"
placeholder="Type text to leave a comment"
aria-describedby="idOfTheMessageGroup" aria-invalid="true"
></textarea>
<div id="idOfTheMessageGroup">
<div class="form-item__message form-item__message--invalid">Please provide a valid value</div>
</div>
</div>
Text Area Info Error
HTML
<div class="form-item form-item--invalid">
<label
for="comment1"
class="form-item__label">
Text area error with additional info
</label>
<textarea
type=""
class="text-field text-field--textarea text-field--invalid"
id="comment1"
name="comment"
autofocus
cols="30"
rows="2"
required="required"
form="some_form_id"
placeholder="Type text to leave a comment"
aria-describedby="idOfTheMessageGroup" aria-invalid="true"
></textarea>
<div id="idOfTheMessageGroup">
<div class="form-item__message form-item__message--info">You may wish to consider this</div>
<div class="form-item__message form-item__message--invalid">Please provide a valid value</div>
</div>
</div>
Text Area Info
HTML
<div class="form-item">
<label
for="comment1"
class="form-item__label">
Text area with additional info
</label>
<textarea
type=""
class="text-field text-field--textarea"
id="comment1"
name="comment"
autofocus
cols="30"
rows="2"
required="required"
form="some_form_id"
placeholder="Type text to leave a comment"
aria-describedby="idOfTheMessageGroup"
></textarea>
<div id="idOfTheMessageGroup">
<div class="form-item__message form-item__message--info">You may wish to consider this</div>
</div>
</div>
Text Field
HTML
<div class="form-item">
<div class="form-item__label_container">
<label
for="emailAddress1"
class="form-item__label">
Email Address
</label>
</div>
<input
type="email"
class="text-field text-field--email"
id="emailAddress1"
name="emailAddress"
autofocus
>
</div>
Text Field Error
HTML
<div class="form-item form-item--invalid">
<div class="form-item__label_container">
<label
for="name4"
class="form-item__label">
Error text field
</label>
</div>
<input
type="text"
class="text-field text-field--text text-field--invalid"
id="name4"
name="name"
autofocus
aria-describedby="idOfTheMessageGroup" aria-invalid="true"
>
<div id="idOfTheMessageGroup">
<div class="form-item__message form-item__message--invalid">Please provide a valid value</div>
</div>
</div>
Text Field Hidden Until Checked With Checkbox Id
HTML
<div class="form-item" data-behaviour="HiddenUntilChecked" data-checkbox-id="other-checkbox-id">
<div class="form-item__label_container">
<label
for="other1"
class="form-item__label visuallyhidden">
Other
</label>
</div>
<input
type="text"
class="text-field text-field--text"
id="other1"
name="other"
autofocus
>
</div>
Text Field Hidden Until Checked With Value
HTML
<div class="form-item" data-behaviour="HiddenUntilChecked">
<div class="form-item__label_container">
<label
for="other1"
class="form-item__label visuallyhidden">
Other
</label>
</div>
<input
type="text"
class="text-field text-field--text"
id="other1"
name="other"
value="value"
>
</div>
Text Field Hidden Until Checked
HTML
<div class="form-item" data-behaviour="HiddenUntilChecked">
<div class="form-item__label_container">
<label
for="other1"
class="form-item__label visuallyhidden">
Other
</label>
</div>
<input
type="text"
class="text-field text-field--text"
id="other1"
name="other"
autofocus
>
</div>
Text Field Info Error
HTML
<div class="form-item form-item--invalid">
<div class="form-item__label_container">
<label
for="name4"
class="form-item__label">
Error text field with additional info
</label>
</div>
<input
type="text"
class="text-field text-field--text text-field--invalid"
id="name4"
name="name"
autofocus
aria-describedby="idOfTheMessageGroup" aria-invalid="true"
>
<div id="idOfTheMessageGroup">
<div class="form-item__message form-item__message--info">You may wish to consider this</div>
<div class="form-item__message form-item__message--invalid">Please provide a valid value</div>
</div>
</div>
Text Field Info
HTML
<div class="form-item">
<div class="form-item__label_container">
<label
for="name3"
class="form-item__label">
Text field with info
</label>
</div>
<input
type="text"
class="text-field text-field--text"
id="name3"
name="name"
autofocus
aria-describedby="idOfTheMessageGroup"
>
<div id="idOfTheMessageGroup">
<div class="form-item__message form-item__message--info">You may wish to consider this</div>
</div>
</div>
Text Field With Form Field Info Link
HTML
<div class="form-item">
<div class="form-item__label_container">
<label
for="emailAddress1"
class="form-item__label">
Email Address
</label>
<div class="form-field-info-link-wrapper">
<a class="form-field-info-link" href="/privacy-notice">Privacy notice</a>
</div>
</div>
<input
type="email"
class="text-field text-field--email"
id="emailAddress1"
name="emailAddress"
autofocus
>
</div>
Reference
HTML
<div class="reference">
<div class="reference__title">[Do not use this base pattern directly: see the following variants of this pattern for usage]</div>
<div class="doi__reference-spacing"></div>
</div>
Reference Book Chapter
- Feldman JL
- Del Negro C
- Gray PA
HTML
<div class="reference">
<div class="reference__label">Book</div>
<ol class="reference__authors_list">
<li class="reference__author">
Feldman JL</li>
<li class="reference__author">
Del Negro C</li>
<li class="reference__author">
Gray PA</li>
</ol>
<span class="reference__authors_list_suffix">(2013)</span>
<a href="https://doi.org/10.1146/annurev-physiol-040510-130049" class="reference__title">Understanding the rhythm of breathing: so near, yet so far</a>
<div class="reference__origin">In: Julius D, Clapham DE, editors. <i>Annual Review of Physiology</i> <b>75</b>:423–452.</div>
<div class="doi__reference-spacing"></div>
<span class="doi">
<a href="https://doi.org/10.1146/annurev-physiol-040510-130049" class="doi__link">
https://doi.org/10.1146/annurev-physiol-040510-130049
</a>
</span>
</div>
Reference Book
- Geoffroy Saint-Hilaire E.
HTML
<div class="reference">
<div class="reference__label">Book</div>
<ol class="reference__authors_list">
<li class="reference__author">
Geoffroy Saint-Hilaire E.</li>
</ol>
<span class="reference__authors_list_suffix">(1818)</span>
<div class="reference__title">Philosophie Anatomique</div>
<div class="reference__origin">Paris: Méquignon-Marvis</div>
<div class="doi__reference-spacing"></div>
</div>
Reference Clinical Trial
HTML
<div class="reference">
<div class="reference__label">Clinical Trial</div>
<div class="reference__title">Scripps Wired for Health Study (Registration: 000000)</div>
<div class="reference__origin">Scripps Translational Science Institute (sponsor) (2015)</div>
<div class="doi__reference-spacing"></div>
</div>
Reference Conference With Doi
- Jain BV
- Bollman B
- Richardson M
- Berger DR
- Helmstaedter MN
- Briggman KL
- Denk W
- Bowden JB
- Mendenhall JM
- Abraham WC
- Harris KM
- Kasthuri N
- Hayworth KJ
- Schalek R
- Tapia JC
- Lichtman JW
- Seung HS
HTML
<div class="reference">
<div class="reference__label">Conference</div>
<ol class="reference__authors_list">
<li class="reference__author">
Jain BV</li>
<li class="reference__author">
Bollman B</li>
<li class="reference__author">
Richardson M</li>
<li class="reference__author">
Berger DR</li>
<li class="reference__author">
Helmstaedter MN</li>
<li class="reference__author">
Briggman KL</li>
<li class="reference__author">
Denk W</li>
<li class="reference__author">
Bowden JB</li>
<li class="reference__author">
Mendenhall JM</li>
<li class="reference__author">
Abraham WC</li>
<li class="reference__author">
Harris KM</li>
<li class="reference__author">
Kasthuri N</li>
<li class="reference__author">
Hayworth KJ</li>
<li class="reference__author">
Schalek R</li>
<li class="reference__author">
Tapia JC</li>
<li class="reference__author">
Lichtman JW</li>
<li class="reference__author">
Seung HS</li>
</ol>
<span class="reference__authors_list_suffix">(2010)</span>
<a href="https://doi.org/10.1038/365833a0" class="reference__title">Boundary learning by optimization with topological constraints</a>
<div class="reference__origin">Boundary learning by optimization with topological constraints, IEEE Conference on Computer Vision and Pattern Recognition (CVPR)</div>
<div class="doi__reference-spacing"></div>
<span class="doi">
<a href="https://doi.org/10.1038/365833a0" class="doi__link">
https://doi.org/10.1038/365833a0
</a>
</span>
</div>
Reference Conference With Link
- Jain BV
- Bollman B
- Richardson M
- Berger DR
- Helmstaedter MN
- Briggman KL
- Denk W
- Bowden JB
- Mendenhall JM
- Abraham WC
- Harris KM
- Kasthuri N
- Hayworth KJ
- Schalek R
- Tapia JC
- Lichtman JW
- Seung HS
HTML
<div class="reference">
<div class="reference__label">Conference</div>
<ol class="reference__authors_list">
<li class="reference__author">
Jain BV</li>
<li class="reference__author">
Bollman B</li>
<li class="reference__author">
Richardson M</li>
<li class="reference__author">
Berger DR</li>
<li class="reference__author">
Helmstaedter MN</li>
<li class="reference__author">
Briggman KL</li>
<li class="reference__author">
Denk W</li>
<li class="reference__author">
Bowden JB</li>
<li class="reference__author">
Mendenhall JM</li>
<li class="reference__author">
Abraham WC</li>
<li class="reference__author">
Harris KM</li>
<li class="reference__author">
Kasthuri N</li>
<li class="reference__author">
Hayworth KJ</li>
<li class="reference__author">
Schalek R</li>
<li class="reference__author">
Tapia JC</li>
<li class="reference__author">
Lichtman JW</li>
<li class="reference__author">
Seung HS</li>
</ol>
<span class="reference__authors_list_suffix">(2010)</span>
<a href="https://www.gov.uk/government/publications/educational-excellence-everywhere" class="reference__title">Boundary learning by optimization with topological constraints</a>
<div class="reference__origin">Boundary learning by optimization with topological constraints, IEEE Conference on Computer Vision and Pattern Recognition (CVPR)</div>
<div class="doi__reference-spacing"></div>
<div class="reference__link-outer">
<a href="https://www.gov.uk/government/publications/educational-excellence-everywhere" class="reference__link">https://www.gov.uk/government/publications/educational-excellence-everywhere</a>
</div>
</div>
Reference Conference
- Jain BV
- Bollman B
- Richardson M
- Berger DR
- Helmstaedter MN
- Briggman KL
- Denk W
- Bowden JB
- Mendenhall JM
- Abraham WC
- Harris KM
- Kasthuri N
- Hayworth KJ
- Schalek R
- Tapia JC
- Lichtman JW
- Seung HS
HTML
<div class="reference">
<div class="reference__label">Conference</div>
<ol class="reference__authors_list">
<li class="reference__author">
Jain BV</li>
<li class="reference__author">
Bollman B</li>
<li class="reference__author">
Richardson M</li>
<li class="reference__author">
Berger DR</li>
<li class="reference__author">
Helmstaedter MN</li>
<li class="reference__author">
Briggman KL</li>
<li class="reference__author">
Denk W</li>
<li class="reference__author">
Bowden JB</li>
<li class="reference__author">
Mendenhall JM</li>
<li class="reference__author">
Abraham WC</li>
<li class="reference__author">
Harris KM</li>
<li class="reference__author">
Kasthuri N</li>
<li class="reference__author">
Hayworth KJ</li>
<li class="reference__author">
Schalek R</li>
<li class="reference__author">
Tapia JC</li>
<li class="reference__author">
Lichtman JW</li>
<li class="reference__author">
Seung HS</li>
</ol>
<span class="reference__authors_list_suffix">(2010)</span>
<div class="reference__title">Boundary learning by optimization with topological constraints</div>
<div class="reference__origin">Boundary learning by optimization with topological constraints, IEEE Conference on Computer Vision and Pattern Recognition (CVPR)</div>
<div class="doi__reference-spacing"></div>
</div>
Reference Data With Doi
- Bouveret R
- Bouveret R
- Schonrock N
- Ramialison M
- Doan T
- de Jong D
- Bondue A
- Kaur G
- Mohamed S
- Fonoudi H
- Chen C
- Wouters M
- Bhattacharya S
- Plachta N
- Dunwoodie SL
- Chapman G
- Blanpain C
- Harvey RP
HTML
<div class="reference">
<div class="reference__label">Data</div>
<ol class="reference__authors_list">
<li class="reference__author">
Bouveret R</li>
<li class="reference__author">
Bouveret R</li>
<li class="reference__author">
Schonrock N</li>
<li class="reference__author">
Ramialison M</li>
<li class="reference__author">
Doan T</li>
<li class="reference__author">
de Jong D</li>
<li class="reference__author">
Bondue A</li>
<li class="reference__author">
Kaur G</li>
<li class="reference__author">
Mohamed S</li>
<li class="reference__author">
Fonoudi H</li>
<li class="reference__author">
Chen C</li>
<li class="reference__author">
Wouters M</li>
<li class="reference__author">
Bhattacharya S</li>
<li class="reference__author">
Plachta N</li>
<li class="reference__author">
Dunwoodie SL</li>
<li class="reference__author">
Chapman G</li>
<li class="reference__author">
Blanpain C</li>
<li class="reference__author">
Harvey RP</li>
</ol>
<span class="reference__authors_list_suffix">(2015)</span>
<a href="https://doi.org/10.1038/365833a0" class="reference__title">NKX2-5 mutations causative for congenital heart disease retain functionality and are directed to hundreds of targets</a>
<div class="reference__origin">NCBI Gene Expression Omnibus.</div>
<div class="doi__reference-spacing"></div>
<span class="doi">
<a href="https://doi.org/10.1038/365833a0" class="doi__link">
https://doi.org/10.1038/365833a0
</a>
</span>
<ul class="reference__abstracts">
<li class="reference__abstract">
<a href="https://pubmed.ncbi.nlm.nih.gov/" class="reference__abstract_link">PubMed</a>
</li>
<li class="reference__abstract">
<a href="https://google.co.uk" class="reference__abstract_link">Google Scholar</a>
</li>
</ul>
</div>
Reference Data With Link
- Bouveret R
- Bouveret R
- Schonrock N
- Ramialison M
- Doan T
- de Jong D
- Bondue A
- Kaur G
- Mohamed S
- Fonoudi H
- Chen C
- Wouters M
- Bhattacharya S
- Plachta N
- Dunwoodie SL
- Chapman G
- Blanpain C
- Harvey RP
HTML
<div class="reference">
<div class="reference__label">Data</div>
<ol class="reference__authors_list">
<li class="reference__author">
Bouveret R</li>
<li class="reference__author">
Bouveret R</li>
<li class="reference__author">
Schonrock N</li>
<li class="reference__author">
Ramialison M</li>
<li class="reference__author">
Doan T</li>
<li class="reference__author">
de Jong D</li>
<li class="reference__author">
Bondue A</li>
<li class="reference__author">
Kaur G</li>
<li class="reference__author">
Mohamed S</li>
<li class="reference__author">
Fonoudi H</li>
<li class="reference__author">
Chen C</li>
<li class="reference__author">
Wouters M</li>
<li class="reference__author">
Bhattacharya S</li>
<li class="reference__author">
Plachta N</li>
<li class="reference__author">
Dunwoodie SL</li>
<li class="reference__author">
Chapman G</li>
<li class="reference__author">
Blanpain C</li>
<li class="reference__author">
Harvey RP</li>
</ol>
<span class="reference__authors_list_suffix">(2015)</span>
<a href="https://www.gov.uk/government/publications/educational-excellence-everywhere" class="reference__title">NKX2-5 mutations causative for congenital heart disease retain functionality and are directed to hundreds of targets</a>
<div class="reference__origin">NCBI Gene Expression Omnibus.</div>
<div class="doi__reference-spacing"></div>
<div class="reference__link-outer">
<a href="https://www.gov.uk/government/publications/educational-excellence-everywhere" class="reference__link">https://www.gov.uk/government/publications/educational-excellence-everywhere</a>
</div>
<ul class="reference__abstracts">
<li class="reference__abstract">
<a href="https://pubmed.ncbi.nlm.nih.gov/" class="reference__abstract_link">PubMed</a>
</li>
<li class="reference__abstract">
<a href="https://google.co.uk" class="reference__abstract_link">Google Scholar</a>
</li>
</ul>
</div>
Reference Data
- Bouveret R
- Bouveret R
- Schonrock N
- Ramialison M
- Doan T
- de Jong D
- Bondue A
- Kaur G
- Mohamed S
- Fonoudi H
- Chen C
- Wouters M
- Bhattacharya S
- Plachta N
- Dunwoodie SL
- Chapman G
- Blanpain C
- Harvey RP
HTML
<div class="reference">
<div class="reference__label">Data</div>
<ol class="reference__authors_list">
<li class="reference__author">
Bouveret R</li>
<li class="reference__author">
Bouveret R</li>
<li class="reference__author">
Schonrock N</li>
<li class="reference__author">
Ramialison M</li>
<li class="reference__author">
Doan T</li>
<li class="reference__author">
de Jong D</li>
<li class="reference__author">
Bondue A</li>
<li class="reference__author">
Kaur G</li>
<li class="reference__author">
Mohamed S</li>
<li class="reference__author">
Fonoudi H</li>
<li class="reference__author">
Chen C</li>
<li class="reference__author">
Wouters M</li>
<li class="reference__author">
Bhattacharya S</li>
<li class="reference__author">
Plachta N</li>
<li class="reference__author">
Dunwoodie SL</li>
<li class="reference__author">
Chapman G</li>
<li class="reference__author">
Blanpain C</li>
<li class="reference__author">
Harvey RP</li>
</ol>
<span class="reference__authors_list_suffix">(2015)</span>
<div class="reference__title">NKX2-5 mutations causative for congenital heart disease retain functionality and are directed to hundreds of targets</div>
<div class="reference__origin">NCBI Gene Expression Omnibus. Series accession number <a href="https://www.ncbi.nlm.nih.gov/geo/query/acc.cgi?acc=GSE44902">GSE44902</a></div>
<div class="doi__reference-spacing"></div>
</div>
Reference Journal Article With Doi Without Link
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
HTML
<div class="reference">
<ol class="reference__authors_list">
<li class="reference__author">
<a href="https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22" class="reference__authors_link">Schrenk F</a></li>
<li class="reference__author">
Bromage TG</li>
<li class="reference__author">
Betzler CG</li>
<li class="reference__author">
Ring U</li>
<li class="reference__author">
Juwayeyi YM</li>
<li class="reference__author">
<a href="https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22" class="reference__authors_link">Schrenk F</a></li>
<li class="reference__author">
Bromage TG</li>
<li class="reference__author">
Betzler CG</li>
<li class="reference__author">
Ring U</li>
<li class="reference__author">
Juwayeyi YM</li>
<li class="reference__author">
<a href="https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22" class="reference__authors_link">Schrenk F</a></li>
<li class="reference__author">
Bromage TG</li>
<li class="reference__author">
Betzler CG</li>
<li class="reference__author">
Ring U</li>
<li class="reference__author">
Juwayeyi YM</li>
<li class="reference__author">
<a href="https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22" class="reference__authors_link">Schrenk F</a></li>
<li class="reference__author">
Bromage TG</li>
<li class="reference__author">
Betzler CG</li>
<li class="reference__author">
Ring U</li>
<li class="reference__author">
Juwayeyi YM</li>
<li class="reference__author">
<a href="https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22" class="reference__authors_link">Schrenk F</a></li>
<li class="reference__author">
Bromage TG</li>
<li class="reference__author">
Betzler CG</li>
<li class="reference__author">
Ring U</li>
<li class="reference__author">
Juwayeyi YM</li>
</ol>
<span class="reference__authors_list_suffix">(1993)</span>
<div class="reference__title">Oldest <i>Homo</i> and Pliocene biogeography of the Malawi rift</div>
<div class="reference__origin"><i>Nature</i> <strong>365</strong>:833–836.</div>
<div class="doi__reference-spacing"></div>
<span class="doi">
https://doi.org/10.1038/365833a0
</span>
<ul class="reference__abstracts">
<li class="reference__abstract">
<a href="https://pubmed.ncbi.nlm.nih.gov/" class="reference__abstract_link">PubMed</a>
</li>
<li class="reference__abstract">
<a href="https://google.co.uk" class="reference__abstract_link">Google Scholar</a>
</li>
</ul>
</div>
Reference Journal Article With Doi
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
HTML
<div class="reference">
<ol class="reference__authors_list">
<li class="reference__author">
<a href="https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22" class="reference__authors_link">Schrenk F</a></li>
<li class="reference__author">
Bromage TG</li>
<li class="reference__author">
Betzler CG</li>
<li class="reference__author">
Ring U</li>
<li class="reference__author">
Juwayeyi YM</li>
<li class="reference__author">
<a href="https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22" class="reference__authors_link">Schrenk F</a></li>
<li class="reference__author">
Bromage TG</li>
<li class="reference__author">
Betzler CG</li>
<li class="reference__author">
Ring U</li>
<li class="reference__author">
Juwayeyi YM</li>
<li class="reference__author">
<a href="https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22" class="reference__authors_link">Schrenk F</a></li>
<li class="reference__author">
Bromage TG</li>
<li class="reference__author">
Betzler CG</li>
<li class="reference__author">
Ring U</li>
<li class="reference__author">
Juwayeyi YM</li>
<li class="reference__author">
<a href="https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22" class="reference__authors_link">Schrenk F</a></li>
<li class="reference__author">
Bromage TG</li>
<li class="reference__author">
Betzler CG</li>
<li class="reference__author">
Ring U</li>
<li class="reference__author">
Juwayeyi YM</li>
<li class="reference__author">
<a href="https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22" class="reference__authors_link">Schrenk F</a></li>
<li class="reference__author">
Bromage TG</li>
<li class="reference__author">
Betzler CG</li>
<li class="reference__author">
Ring U</li>
<li class="reference__author">
Juwayeyi YM</li>
</ol>
<span class="reference__authors_list_suffix">(1993)</span>
<a href="https://doi.org/10.1038/365833a0" class="reference__title">Oldest <i>Homo</i> and Pliocene biogeography of the Malawi rift</a>
<div class="reference__origin"><i>Nature</i> <strong>365</strong>:833–836.</div>
<div class="doi__reference-spacing"></div>
<span class="doi">
<a href="https://doi.org/10.1038/365833a0" class="doi__link">
https://doi.org/10.1038/365833a0
</a>
</span>
<ul class="reference__abstracts">
<li class="reference__abstract">
<a href="https://pubmed.ncbi.nlm.nih.gov/" class="reference__abstract_link">PubMed</a>
</li>
<li class="reference__abstract">
<a href="https://google.co.uk" class="reference__abstract_link">Google Scholar</a>
</li>
</ul>
</div>
Reference Journal Article With Link
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
HTML
<div class="reference">
<ol class="reference__authors_list">
<li class="reference__author">
<a href="https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22" class="reference__authors_link">Schrenk F</a></li>
<li class="reference__author">
Bromage TG</li>
<li class="reference__author">
Betzler CG</li>
<li class="reference__author">
Ring U</li>
<li class="reference__author">
Juwayeyi YM</li>
<li class="reference__author">
<a href="https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22" class="reference__authors_link">Schrenk F</a></li>
<li class="reference__author">
Bromage TG</li>
<li class="reference__author">
Betzler CG</li>
<li class="reference__author">
Ring U</li>
<li class="reference__author">
Juwayeyi YM</li>
<li class="reference__author">
<a href="https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22" class="reference__authors_link">Schrenk F</a></li>
<li class="reference__author">
Bromage TG</li>
<li class="reference__author">
Betzler CG</li>
<li class="reference__author">
Ring U</li>
<li class="reference__author">
Juwayeyi YM</li>
<li class="reference__author">
<a href="https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22" class="reference__authors_link">Schrenk F</a></li>
<li class="reference__author">
Bromage TG</li>
<li class="reference__author">
Betzler CG</li>
<li class="reference__author">
Ring U</li>
<li class="reference__author">
Juwayeyi YM</li>
<li class="reference__author">
<a href="https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22" class="reference__authors_link">Schrenk F</a></li>
<li class="reference__author">
Bromage TG</li>
<li class="reference__author">
Betzler CG</li>
<li class="reference__author">
Ring U</li>
<li class="reference__author">
Juwayeyi YM</li>
</ol>
<span class="reference__authors_list_suffix">(1993)</span>
<a href="https://www.gov.uk/government/publications/educational-excellence-everywhere" class="reference__title">Oldest <i>Homo</i> and Pliocene biogeography of the Malawi rift</a>
<div class="reference__origin"><i>Nature</i> <strong>365</strong>:833–836.</div>
<div class="doi__reference-spacing"></div>
<div class="reference__link-outer">
<a href="https://www.gov.uk/government/publications/educational-excellence-everywhere" class="reference__link">https://www.gov.uk/government/publications/educational-excellence-everywhere</a>
</div>
<ul class="reference__abstracts">
<li class="reference__abstract">
<a href="https://pubmed.ncbi.nlm.nih.gov/" class="reference__abstract_link">PubMed</a>
</li>
<li class="reference__abstract">
<a href="https://google.co.uk" class="reference__abstract_link">Google Scholar</a>
</li>
</ul>
</div>
Reference Patent
- Patterson JB
- Lonergan DG
- Flynn GA
- Qingpeng Z
- Pallai PV
HTML
<div class="reference">
<div class="reference__label">Patent</div>
<ol class="reference__authors_list">
<li class="reference__author">
Patterson JB</li>
<li class="reference__author">
Lonergan DG</li>
<li class="reference__author">
Flynn GA</li>
<li class="reference__author">
Qingpeng Z</li>
<li class="reference__author">
Pallai PV</li>
</ol>
<span class="reference__authors_list_suffix">(2011)</span>
<div class="reference__title">IRE-1alpha inhibitors (US20100941530)</div>
<div class="reference__origin">Mankind Corp, United States patent, United States</div>
<div class="doi__reference-spacing"></div>
</div>
Reference Periodical
- The Economist
HTML
<div class="reference">
<div class="reference__label">Periodical</div>
<ol class="reference__authors_list">
<li class="reference__author">
The Economist</li>
</ol>
<span class="reference__authors_list_suffix">(October 19, 2013)</span>
<a href="https://www.economist.com/news/briefing/21588057-scientists-think-science-self-correcting-alarming-degree-it-not-trouble" class="reference__title">Unreliable research: Trouble at the lab</a>
<div class="reference__origin"><i>The Economist</i>, p26–30.</div>
<div class="doi__reference-spacing"></div>
<div class="reference__link-outer">
<a href="https://www.economist.com/news/briefing/21588057-scientists-think-science-self-correcting-alarming-degree-it-not-trouble" class="reference__link">https://www.economist.com/news/briefing/21588057-scientists-think-science-self-correcting-alarming-degree-it-not-trouble</a>
</div>
<ul class="reference__abstracts">
<li class="reference__abstract">
<a href="https://pubmed.ncbi.nlm.nih.gov/" class="reference__abstract_link">PubMed</a>
</li>
<li class="reference__abstract">
<a href="https://google.co.uk" class="reference__abstract_link">Google Scholar</a>
</li>
</ul>
</div>
Reference Preprint With Doi
- Paris M
- Kaplan M
- Li XY
- Villalta JE
- Lott SE
- Eisen MB
HTML
<div class="reference">
<div class="reference__label">Preprint</div>
<ol class="reference__authors_list">
<li class="reference__author">
Paris M</li>
<li class="reference__author">
Kaplan M</li>
<li class="reference__author">
Li XY</li>
<li class="reference__author">
Villalta JE</li>
<li class="reference__author">
Lott SE</li>
<li class="reference__author">
Eisen MB</li>
</ol>
<span class="reference__authors_list_suffix">(2013)</span>
<a href="https://doi.org/10.1038/365833a0" class="reference__title">Extensive divergence of transcription factor binding in Drosophila embryos with highly conserved gene expression</a>
<div class="reference__origin">arXiv</div>
<div class="doi__reference-spacing"></div>
<span class="doi">
<a href="https://doi.org/10.1038/365833a0" class="doi__link">
https://doi.org/10.1038/365833a0
</a>
</span>
</div>
Reference Preprint With Link
- Paris M
- Kaplan M
- Li XY
- Villalta JE
- Lott SE
- Eisen MB
HTML
<div class="reference">
<div class="reference__label">Preprint</div>
<ol class="reference__authors_list">
<li class="reference__author">
Paris M</li>
<li class="reference__author">
Kaplan M</li>
<li class="reference__author">
Li XY</li>
<li class="reference__author">
Villalta JE</li>
<li class="reference__author">
Lott SE</li>
<li class="reference__author">
Eisen MB</li>
</ol>
<span class="reference__authors_list_suffix">(2013)</span>
<a href="https://arxiv.org/abs/1303.0216" class="reference__title">Extensive divergence of transcription factor binding in Drosophila embryos with highly conserved gene expression</a>
<div class="reference__origin">arXiv</div>
<div class="doi__reference-spacing"></div>
<div class="reference__link-outer">
<a href="https://arxiv.org/abs/1303.0216" class="reference__link">https://arxiv.org/abs/1303.0216</a>
</div>
</div>
Reference Report
HTML
<div class="reference">
<div class="reference__label">Report</div>
<ol class="reference__authors_list">
<li class="reference__author">
Department of Education, UK.</li>
</ol>
<span class="reference__authors_list_suffix">(2016)</span>
<a href="https://www.gov.uk/government/publications/educational-excellence-everywhere" class="reference__title">Educational Excellence Everywhere</a>
<div class="reference__origin">London: HMSO</div>
<div class="doi__reference-spacing"></div>
<div class="reference__link-outer">
<a href="https://www.gov.uk/government/publications/educational-excellence-everywhere" class="reference__link">https://www.gov.uk/government/publications/educational-excellence-everywhere</a>
</div>
</div>
Reference Software
- DeLano W. L.
HTML
<div class="reference">
<div class="reference__label">Software</div>
<ol class="reference__authors_list">
<li class="reference__author">
DeLano W. L.</li>
</ol>
<span class="reference__authors_list_suffix">(2002)</span>
<div class="reference__title">The Pymol Molecular Graphics System</div>
<div class="reference__origin">DeLano Scientific, Palo Alto, CA</div>
<div class="doi__reference-spacing"></div>
</div>
Reference Thesis
- Assaf M.
HTML
<div class="reference">
<div class="reference__label">Thesis</div>
<ol class="reference__authors_list">
<li class="reference__author">
Assaf M.</li>
</ol>
<span class="reference__authors_list_suffix">(2010)</span>
<a href="https://doi.org/10.1371/journal.pgen.0030218" class="reference__title">Theory of large fluctuations in stochastic populations</a>
<div class="reference__origin">Hebrew University of Jerusalem</div>
<div class="doi__reference-spacing"></div>
<div class="reference__link-outer">
<a href="https://doi.org/10.1371/journal.pgen.0030218" class="reference__link">https://doi.org/10.1371/journal.pgen.0030218</a>
</div>
</div>
Reference Web
HTML
<div class="reference">
<div class="reference__label">Website</div>
<ol class="reference__authors_list">
<li class="reference__author">
Crane T</li>
</ol>
<span class="reference__authors_list_suffix">(2005)</span>
<a href="http://plato.stanford.edu/entries/perception-problem/" class="reference__title">The Problem of Perception</a>
<div class="reference__origin">The Stanford Encyclopedia of Philosophy</div>
<div class="doi__reference-spacing"></div>
<div class="reference__link-outer">
<a href="http://plato.stanford.edu/entries/perception-problem/" class="reference__link">http://plato.stanford.edu/entries/perception-problem/</a>
</div>
</div>
About Profile
[Do not use this base pattern directly: see the following variants of this pattern for usage]
HTML
<div class="about-profile clearfix" data-popup-self="true" data-popup-wrapper="true">
<h4 class="about-profile__name">[Do not use this base pattern directly: see the following variants of this pattern for usage]</h4>
</div>
About Profile Image
Randy Scheckman
Editor-in-Chief
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor euismod mi. Morbi facilisis eros in mi consequat cursus. Nulla malesuada pretium mauris, vitae gravida diam laoreet ac. Curabitur ornare libero sed porta molestie. Ut ut sem in libero tincidunt lobortis. Nullam eros nisi, malesuada vitae leo sit amet, bibendum congue justo. Morbi iaculis lectus erat, vel dapibus metus posuere sit amet. Phasellus eget scelerisque massa. Mauris hendrerit ex in nisl ultricies elementum. Donec tellus risus, rhoncus molestie rutrum et, cursus eget mi. Praesent et elit tellus. Curabitur id sodales turpis. Fusce pulvinar aliquam commodo. Cras vitae dolor vitae metus dignissim auctor.Cras nulla purus, rhoncus et mollis in, imperdiet sed metus. In non porttitor nibh. In sit amet ipsum eget nisl laoreet tincidunt. Donec iaculis nibh quis lacus viverra sagittis. Phasellus imperdiet congue imperdiet.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc nisi tortor, rhoncus.
- Expertise
- Cell Biology
- Competing interests statement
- Donec tellus
HTML
<div class="about-profile clearfix" data-popup-self="true" data-popup-wrapper="true">
<picture class="about-profile__picture">
<source srcset="https://iiif.elifesciences.org/journal-cms/person%2F2019-03%2Fmike.jpg/0,0,7360,4164/800,448/0/default.jpg 1x, https://iiif.elifesciences.org/journal-cms/person%2F2019-03%2Fmike.jpg/0,0,7360,4164/800,448/0/default.jpg 2x"
>
<img src="https://iiif.elifesciences.org/journal-cms/person%2F2019-03%2Fmike.jpg/0,0,7360,4164/800,448/0/default.jpg"
alt=""
class="about-profile__image"
>
</picture>
<h4 class="about-profile__name">Randy Scheckman</h4>
<p class="about-profile__role">Editor-in-Chief</p>
<div class="about-profile__profile " data-behaviour="ToggleableCaption" data-selector=".about-profile__profile-body" data-threshold-width="730">
<div class="about-profile__profile-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor euismod mi. Morbi facilisis eros in mi consequat cursus. Nulla malesuada pretium mauris, vitae gravida diam laoreet ac. Curabitur ornare libero sed porta molestie. Ut ut sem in libero tincidunt lobortis. Nullam eros nisi, malesuada vitae leo sit amet, bibendum congue justo. Morbi iaculis lectus erat, vel dapibus metus posuere sit amet. Phasellus eget scelerisque massa. Mauris hendrerit ex in nisl ultricies elementum. Donec tellus risus, rhoncus molestie rutrum et, cursus eget mi. Praesent et elit tellus. Curabitur id sodales turpis. Fusce pulvinar aliquam commodo. Cras vitae dolor vitae metus dignissim auctor.Cras nulla purus, rhoncus et mollis in, imperdiet sed metus. In non porttitor nibh. In sit amet ipsum eget nisl laoreet tincidunt. Donec iaculis nibh quis lacus viverra sagittis. Phasellus imperdiet congue imperdiet.</p><p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc nisi tortor, rhoncus.</p><dl><dt>Expertise</dt><dd>Cell Biology</dd><dt>Competing interests statement</dt><dd>Donec tellus</dl>
</div>
</div>
</div>
About Profile No Image
Randy Scheckman
Editor-in-Chief
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor euismod mi. Morbi facilisis eros in mi consequat cursus. Nulla malesuada pretium mauris, vitae gravida diam laoreet ac. Curabitur ornare libero sed porta molestie. Ut ut sem in libero tincidunt lobortis. Nullam eros nisi, malesuada vitae leo sit amet, bibendum congue justo. Morbi iaculis lectus erat, vel dapibus metus posuere sit amet. Phasellus eget scelerisque massa. Mauris hendrerit ex in nisl ultricies elementum. Donec tellus risus, rhoncus molestie rutrum et, cursus eget mi. Praesent et elit tellus. Curabitur id sodales turpis. Fusce pulvinar aliquam commodo. Cras vitae dolor vitae metus dignissim auctor.Cras nulla purus, rhoncus et mollis in, imperdiet sed metus. In non porttitor nibh. In sit amet ipsum eget nisl laoreet tincidunt. Donec iaculis nibh quis lacus viverra sagittis. Phasellus imperdiet congue imperdiet.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc nisi tortor, rhoncus.
- Expertise
- Cell Biology
- Competing interests statement
- Donec tellus
HTML
<div class="about-profile clearfix" data-popup-self="true" data-popup-wrapper="true">
<h4 class="about-profile__name">Randy Scheckman</h4>
<p class="about-profile__role">Editor-in-Chief</p>
<div class="about-profile__profile " data-behaviour="ToggleableCaption" data-selector=".about-profile__profile-body" data-threshold-width="730">
<div class="about-profile__profile-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor euismod mi. Morbi facilisis eros in mi consequat cursus. Nulla malesuada pretium mauris, vitae gravida diam laoreet ac. Curabitur ornare libero sed porta molestie. Ut ut sem in libero tincidunt lobortis. Nullam eros nisi, malesuada vitae leo sit amet, bibendum congue justo. Morbi iaculis lectus erat, vel dapibus metus posuere sit amet. Phasellus eget scelerisque massa. Mauris hendrerit ex in nisl ultricies elementum. Donec tellus risus, rhoncus molestie rutrum et, cursus eget mi. Praesent et elit tellus. Curabitur id sodales turpis. Fusce pulvinar aliquam commodo. Cras vitae dolor vitae metus dignissim auctor.Cras nulla purus, rhoncus et mollis in, imperdiet sed metus. In non porttitor nibh. In sit amet ipsum eget nisl laoreet tincidunt. Donec iaculis nibh quis lacus viverra sagittis. Phasellus imperdiet congue imperdiet.</p><p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc nisi tortor, rhoncus.</p><dl><dt>Expertise</dt><dd>Cell Biology</dd><dt>Competing interests statement</dt><dd>Donec tellus</dl>
</div>
</div>
</div>
About Profile Placeholder Image
Randy Scheckman
Editor-in-Chief
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor euismod mi. Morbi facilisis eros in mi consequat cursus. Nulla malesuada pretium mauris, vitae gravida diam laoreet ac. Curabitur ornare libero sed porta molestie. Ut ut sem in libero tincidunt lobortis. Nullam eros nisi, malesuada vitae leo sit amet, bibendum congue justo. Morbi iaculis lectus erat, vel dapibus metus posuere sit amet. Phasellus eget scelerisque massa. Mauris hendrerit ex in nisl ultricies elementum. Donec tellus risus, rhoncus molestie rutrum et, cursus eget mi. Praesent et elit tellus. Curabitur id sodales turpis. Fusce pulvinar aliquam commodo. Cras vitae dolor vitae metus dignissim auctor.Cras nulla purus, rhoncus et mollis in, imperdiet sed metus. In non porttitor nibh. In sit amet ipsum eget nisl laoreet tincidunt. Donec iaculis nibh quis lacus viverra sagittis. Phasellus imperdiet congue imperdiet.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc nisi tortor, rhoncus.
- Expertise
- Cell Biology
- Competing interests statement
- Donec tellus
HTML
<div class="about-profile clearfix" data-popup-self="true" data-popup-wrapper="true">
<picture class="about-profile__picture"><img src="../../assets/img/patterns/molecules/profile-image-placeholder.svg" alt="" class="about-profile__image"></picture>
<h4 class="about-profile__name">Randy Scheckman</h4>
<p class="about-profile__role">Editor-in-Chief</p>
<div class="about-profile__profile " data-behaviour="ToggleableCaption" data-selector=".about-profile__profile-body" data-threshold-width="730">
<div class="about-profile__profile-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor euismod mi. Morbi facilisis eros in mi consequat cursus. Nulla malesuada pretium mauris, vitae gravida diam laoreet ac. Curabitur ornare libero sed porta molestie. Ut ut sem in libero tincidunt lobortis. Nullam eros nisi, malesuada vitae leo sit amet, bibendum congue justo. Morbi iaculis lectus erat, vel dapibus metus posuere sit amet. Phasellus eget scelerisque massa. Mauris hendrerit ex in nisl ultricies elementum. Donec tellus risus, rhoncus molestie rutrum et, cursus eget mi. Praesent et elit tellus. Curabitur id sodales turpis. Fusce pulvinar aliquam commodo. Cras vitae dolor vitae metus dignissim auctor.Cras nulla purus, rhoncus et mollis in, imperdiet sed metus. In non porttitor nibh. In sit amet ipsum eget nisl laoreet tincidunt. Donec iaculis nibh quis lacus viverra sagittis. Phasellus imperdiet congue imperdiet.</p><p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc nisi tortor, rhoncus.</p><dl><dt>Expertise</dt><dd>Cell Biology</dd><dt>Competing interests statement</dt><dd>Donec tellus</dl>
</div>
</div>
</div>
Additional Asset
[Do not use this base pattern directly: see the following variants of this pattern for usage]
HTML
<dt class="additional-asset__text" id="anotherSupriousId">
<h6 class="caption-text__heading">[Do not use this base pattern directly: see the following variants of this pattern for usage]</h6>
</dt>
<dd class="additional-asset__access">
<a class="additional-asset__link" href=".">.</a>
</dd>
Additional Asset Doi
Table 1 - source data 1.
HTML
<dt class="additional-asset__text" id="pageLevelUniqueFragmentId1">
<h6 class="caption-text__heading">Table 1 - source data 1.</h6>
<p class="caption-text__heading">Is the species name mentioned in the title, impact statement, abstract and digest of eLife papers (July–Sept 2014)?</p>
<div class="caption-text__body">some more details here</div>
</dt>
<dd class="additional-asset__access">
<span class="doi doi--asset">
<a href="https://doi.org/10.7554/eLife.10181.001" class="doi__link">
https://doi.org/10.7554/eLife.10181.001
</a>
</span>
<div>
<a class="additional-asset__link additional-asset__link--download" href="#" download="#download-me.png">Download me</a>
</div>
</dd>
Additional Asset Non Doi
Table 1 - source data 1.
HTML
<dt class="additional-asset__text" id="pageLevelUniqueFragmentId3">
<h6 class="caption-text__heading">Table 1 - source data 1.</h6>
<p class="caption-text__heading">Is the species name mentioned in the title, impact statement, abstract and digest of eLife papers (July–Sept 2014)?</p>
<div class="caption-text__body">some more details here</div>
</dt>
<dd class="additional-asset__access">
<a class="additional-asset__link" href="https://example.com/a-non-doi-link">https://example.com/a-non-doi-link</a>
</dd>
Archive Nav Link
HTML
<div class="archive-nav-link">
<div class="block-link block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/190"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#"
class="block-link__link">
<div class="block-link__inner">
Developmental Biology and Stem Cells
</div>
</a>
</div>
</div>
Archive Nav Link With Links
HTML
<div class="archive-nav-link">
<div class="block-link block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/190"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#"
class="block-link__link">
<div class="block-link__inner">
Developmental Biology and Stem Cells
</div>
</a>
</div>
<dl class="archive-nav-link__list">
<dt class="archive-nav-link__sub_links_list_heading">Highlights this month:</dt>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Exploring">Exploring the ins and outs of breathing</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#The">The ancient origins of lubricated joints</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Modulating">Modulating protein quality control</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#How">How open science helps researchers succeed</a></dd>
</dl>
</div>
Article Download Links List
Downloads (links to download the article or parts of the article as PDF, and in DAR format)
Open citations (links to open the citations from this article in various online reference manager services)
Cite this article (links to download the citations from this article in formats compatible with various reference manager tools)
- 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
- Matthew W Tocheri
- Caroline VanSickle
- Christopher S Walker
- Pianpian Wei
- Bernhard Zipfel
HTML
<div data-behaviour="ArticleDownloadLinksList" id="download" aria-labelledby="download-label">
<div class="visuallyhidden"><span id="download-label">A three part list of links to download the article, or parts of the article, in various formats.</span></div>
<div class="article-download-links-list__group">
<h3 class="article-download-links-list__heading" id="download">Downloads<span class="visuallyhidden"> (links to download the article or parts of the article as PDF, and in DAR format)</span></h3>
<ul class="article-download-list">
<li class="article-download-links-list__item">
<a href="#"
class="article-download-links-list__link"
data-foo="bar"data-baz
>Article</a>
</li>
<li class="article-download-links-list__item">
<a href="#"
class="article-download-links-list__link"
>Figures</a>
</li>
<li class="article-download-links-list__item">
<dl>
<dt>
<a href="#eraLink"
class="article-download-links-list__link"
>Executable version</a>
</dt>
<dd><a href="#secondaryLink" class="article-download-links-list__secondary_link">What are executable versions?</a></dd>
</dl>
</li>
</ul>
</div>
<div class="article-download-links-list__group">
<h3 class="article-download-links-list__heading" id="download">Open citations<span class="visuallyhidden"> (links to open the citations from this article in various online reference manager services)</span></h3>
<ul class="article-download-list">
<li class="article-download-links-list__item">
<a href="#"
class="article-download-links-list__link"
>Mendeley</a>
</li>
<li class="article-download-links-list__item">
<span data-behaviour="CheckPMC" data-check-available="https://ncbi.nlm.nih.gov/pmc/utils/idconv/v1.0/?ids=10.7554/eLife.broken&format=json" data-display-on-available="<a href='' class='article-download-links-list__link'></a>"></span>
</li>
<li class="article-download-links-list__item">
<span data-behaviour="CheckPMC" data-check-available="https://ncbi.nlm.nih.gov/pmc/utils/idconv/v1.0/?ids=10.7554/eLife.73360&format=json" data-display-on-available="<a href='' class='article-download-links-list__link'></a>"></span>
</li>
</ul>
</div>
<div class="article-download-links-list__group article-download-links-list__group--js-exclude">
<h3 class="article-download-links-list__heading" id="cite-this-article">Cite this article<span class="visuallyhidden"> (links to download the citations from this article in formats compatible with various reference manager tools)</span></h3>
<div class="article-download-links-list__intro"><div class="reference"> <ol class="reference__authors_list"> <li class="reference__author"> Lee R Berger</li> <li class="reference__author"> John Hawks</li> <li class="reference__author"> Darryl J de Ruiter</li> <li class="reference__author"> Steven E Churchill</li> <li class="reference__author"> Peter Schmid</li> <li class="reference__author"> Lucas K Delezene</li> <li class="reference__author"> Tracy L Kivell</li> <li class="reference__author"> Heather M Garvin</li> <li class="reference__author"> Scott A Williams</li> <li class="reference__author"> Jeremy M DeSilva</li> <li class="reference__author"> Matthew M Skinner</li> <li class="reference__author"> Charles M Musiba</li> <li class="reference__author"> Noel Cameron</li> <li class="reference__author"> Trenton W Holliday</li> <li class="reference__author"> William Harcourt-Smith</li> <li class="reference__author"> Rebecca R Ackermann</li> <li class="reference__author"> Markus Bastir</li> <li class="reference__author"> Barry Bogin</li> <li class="reference__author"> Debra Bolter</li> <li class="reference__author"> Juliet Brophy</li> <li class="reference__author"> Zachary D Cofran</li> <li class="reference__author"> Kimberly A Congdon</li> <li class="reference__author"> Andrew S Deane</li> <li class="reference__author"> Mana Dembo</li> <li class="reference__author"> Michelle Drapeau</li> <li class="reference__author"> Marina C Elliott</li> <li class="reference__author"> Elen M Feuerriegel</li> <li class="reference__author"> Daniel Garcia-Martinez</li> <li class="reference__author"> David J Green</li> <li class="reference__author"> Alia Gurtov</li> <li class="reference__author"> Joel D Irish</li> <li class="reference__author"> Ashley Kruger</li> <li class="reference__author"> Myra F Laird</li> <li class="reference__author"> Damiano Marchi</li> <li class="reference__author"> Marc R Meyer</li> <li class="reference__author"> Shahed Nalla</li> <li class="reference__author"> Enquye W Negash</li> <li class="reference__author"> Caley M Orr</li> <li class="reference__author"> Davorka Radovcic</li> <li class="reference__author"> Lauren Schroeder</li> <li class="reference__author"> Jill E Scott</li> <li class="reference__author"> Zachary Throckmorton</li> <li class="reference__author"> Matthew W Tocheri</li> <li class="reference__author"> Caroline VanSickle</li> <li class="reference__author"> Christopher S Walker</li> <li class="reference__author"> Pianpian Wei</li> <li class="reference__author"> Bernhard Zipfel</li> </ol> <span class="reference__authors_list_suffix">(2015)</span> <div class="reference__title"><i>Homo naledi</i>, a new species of the genus <i>Homo</i> from the Dinaledi Chamber, South Africa</div> <div class="reference__origin"><i>eLife</i> <b>4</b>:e09560.</div> <span class="doi"> https://doi.org/10.7554/eLife.09560 </span></div></div>
<ul class="article-download-list">
<li class="article-download-links-list__item">
<a href="#"
class="article-download-links-list__link"
>Download BibTex</a>
</li>
<li class="article-download-links-list__item">
<a href="#"
class="article-download-links-list__link"
>Download RIS</a>
</li>
</ul>
</div>
</div>
Article Meta
Categories and tags
Research organism
HTML
<section class="article-meta">
<div class="article-meta__container">
<section class="article-meta__group">
<h4 class="article-meta__group_title">Categories and tags</h4>
<ul class="article-meta__link_list">
<li class="article-meta__link_list_item">
<a href="#" class="article-meta__link">Insight</a></li>
<li class="article-meta__link_list_item">
<a href="#" class="article-meta__link">Developmental Biology and Stem Cells</a></li>
<li class="article-meta__link_list_item">
<a href="#" class="article-meta__link">Planarian</a></li>
</ul>
</section>
<section class="article-meta__group">
<h4 class="article-meta__group_title">Research organism</h4>
<ul class="article-meta__link_list">
<li class="article-meta__link_list_item">
<a href="#" class="article-meta__link">Caenorhabditis elegans</a></li>
</ul>
</section>
</div>
</section>
Article Section Kitchen Sink
The Kitchen Sink
Some linkHeading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
This is not wrapped in a paragraph.
This is in a paragraph. Lorem ipsum dolor sit amet, test link adipiscing elit. This is strong. Nullam dignissim convallis est. This is underlined. Quisque aliquam. This is emphasized. Donec faucibus. This is monospace. Nunc iaculis suscipit dui. 53 = 125. Water is H2O. Nam sit amet sem. This is in small caps. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. The New York Times (That’s a citation). This is blue. Maecenas ornare tortor. This is purple. Donec sed tellus eget sapien fringilla nonummy. This is red. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.
HTML and CSS are our tools. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, TAATAAGGAAGAACTGCTTATTCTTAATTATTTCTACCTACTAAACTAACTAATTATCAACAAATATCATCTATTTAATAGTATATCATCACATGCGGTGTAAGAGGATGACATAAAGATTGAGAAACAGTCATCCAGTCTAATGGAAGCTCAAATGCAAGGGCTGATAATGTAATAGGATAATGAATGACAACGTATAAAAGGAAAGAAGATAAAGCAATATTATTTTGTAGAATTATCGATTCCCTTTTGTGGATCCCTATATCCTCGAGGAGAA feugiat in, nunc. Morbi imperdiet augue quis tellus. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. To copy a file type COPY filename
. Dinner’s at 5:00. Let’s make that 7. This text has been struck.
List Types
Definition List
- Definition List Title
- This is a definition list division.
- Definition
- An exact statement or description of the nature, scope, or meaning of something: our definition of what constitutes poetry.
Ordered List
- List Item 1
- List Item 2
- Nested list item A
- Nested list item B
- List Item 3
Unordered List
- List Item 1
- List Item 2
- Nested list item A
- Nested list item B
- List Item 3
Table
Table Header 1 | Table Header 2 | Table Header 3 | Table Header 4 |
---|---|---|---|
Division 1 | Division 2 | Division 3 | Division 4 |
Division 1 | Division 2 | Division 3 | Division 4 |
Division 1 | Division 2 | Division 3 with link | Division 4 with link |
This is blue. | This is green. | This is orange. | This is yellow. |
This is purple. | This is red. | This is pink. | This is grey. |
Preformatted Text
Typographically, preformatted text is not the same thing as code. Sometimes, a faithful execution of the text requires preformatted text that may not have anything to do with code. Most browsers use Courier and that’s a good default — with one slight adjustment, Courier 10 Pitch over regular Courier for Linux users. For example:
“Beware the Jabberwock, my son! The jaws that bite, the claws that catch! Beware the Jubjub bird, and shun The frumious Bandersnatch!”
Code
Code can be presented inline, like <?php bloginfo('stylesheet_url'); ?>
, or within a <pre>
block. Because we have more specific typographic needs for code, we’ll specify Consolas and Monaco ahead of the browser-defined monospace font.
#container {
float: left;
margin: 0 -240px 0 0;
width: 100%;
}
Blockquotes
Let’s keep it simple. Italics are good to help set it off from the body text. Be sure to style the citation.
Good afternoon, gentlemen. I am a HAL 9000 computer. I became operational at the H.A.L. plant in Urbana, Illinois on the 12th of January 1992. My instructor was Mr. Langley, and he taught me to sing a song. If you’d like to hear it I can sing it for you.
— Citing HAL 9000
And here’s a bit of trailing text.
HTML
<section class="article-section">
<header class="article-section__header">
<h2 class="article-section__header_text">The Kitchen Sink</h2>
<a href="#" class="article-section__header_link">Some link</a>
</header>
<div class="article-section__body">
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<hr />
This is not wrapped in a paragraph.<br>
<p>This is in a paragraph. Lorem ipsum dolor sit amet, <a title="test link" href="#">test link</a> adipiscing elit. <strong>This is strong.</strong> Nullam dignissim convallis est. <span class="underline">This is underlined.</span> Quisque aliquam. <em>This is emphasized.</em> Donec faucibus. <span class="monospace">This is monospace.</span> Nunc iaculis suscipit dui. 5<sup>3</sup> = 125. Water is H<sub>2</sub>O. Nam sit amet sem. <span class="small-caps">This is in small caps.</span> Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. <cite>The New York Times</cite> (That’s a citation). <span class="author-callout-style-a1">This is blue.</span> Maecenas ornare tortor. <span class="author-callout-style-a2">This is purple.</span> Donec sed tellus eget sapien fringilla nonummy. <span class="author-callout-style-a3">This is red.</span> Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p>
<p><abbr title="Hyper Text Markup Language">HTML</abbr> and <abbr title="Cascading Style Sheets">CSS</abbr> are our tools. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, <span class="sequence">TAATAAGGAAGAACTGCTTATTCTTAATTATTTCTACCTACTAAACTAACTAATTATCAACAAATATCATCTATTTAATAGTATATCATCACATGCGGTGTAAGAGGATGACATAAAGATTGAGAAACAGTCATCCAGTCTAATGGAAGCTCAAATGCAAGGGCTGATAATGTAATAGGATAATGAATGACAACGTATAAAAGGAAAGAAGATAAAGCAATATTATTTTGTAGAATTATCGATTCCCTTTTGTGGATCCCTATATCCTCGAGGAGAA</span> feugiat in, nunc. Morbi imperdiet augue quis tellus. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. To copy a file type <code>COPY <var>filename</var></code>. <del>Dinner’s at 5:00.</del> <ins>Let’s make that 7.</ins> This <span style="text-decoration:line-through;">text</span> has been struck.</p>
<hr />
<h2>List Types</h2>
<h3>Definition List</h3>
<dl>
<dt>Definition List Title</dt>
<dd>This is a definition list division.</dd>
<dt>Definition</dt>
<dd>An exact statement or description of the nature, scope, or meaning of something: <em>our definition of what constitutes poetry.</em></dd>
</dl>
<h3>Ordered List</h3>
<ol>
<li>List Item 1</li>
<li>List Item 2
<ol>
<li>Nested list item A</li>
<li>Nested list item B</li>
</ol>
</li>
<li>List Item 3</li>
</ol>
<h3>Unordered List</h3>
<ul>
<li>List Item 1</li>
<li>List Item 2
<ul>
<li>Nested list item A</li>
<li>Nested list item B</li>
</ul>
</li>
<li>List Item 3</li>
</ul>
<hr />
<h2>Table</h2>
<table>
<thead>
<th>Table Header 1</th>
<th>Table Header 2</th>
<th>Table Header 3</th>
<th>Table Header 4</th>
</thead>
<tbody>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
<td>Division 4</td>
</tr>
<tr class="even">
<td>Division 1</td>
<td>Division 2</td>
<td>Division 3</td>
<td>Division 4</td>
</tr>
<tr>
<td>Division 1</td>
<td>Division 2</td>
<td><a href="#">Division 3 with link</a></td>
<td><a href="#">Division 4 with link</a></td>
</tr>
<tr>
<td class="author-callout-style-b1">This is blue.</td>
<td class="author-callout-style-b2">This is green.</td>
<td class="author-callout-style-b3">This is orange.</td>
<td class="author-callout-style-b4">This is yellow.</td>
</tr>
<tr>
<td class="author-callout-style-b5">This is purple.</td>
<td class="author-callout-style-b6">This is red.</td>
<td class="author-callout-style-b7">This is pink.</td>
<td class="author-callout-style-b8">This is grey.</td>
</tr>
</tbody>
</table>
<hr />
<h2>Preformatted Text</h2>
<p>Typographically, preformatted text is not the same thing as code. Sometimes, a faithful execution of the text requires preformatted text that may not have anything to do with code. Most browsers use Courier and that’s a good default — with one slight adjustment, Courier 10 Pitch over regular Courier for Linux users. For example:</p>
<pre>“Beware the Jabberwock, my son!
The jaws that bite, the claws that catch!
Beware the Jubjub bird, and shun
The frumious Bandersnatch!”</pre>
<h3>Code</h3>
<p>Code can be presented inline, like <code><?php bloginfo('stylesheet_url'); ?></code>, or within a <code><pre></code> block. Because we have more specific typographic needs for code, we’ll specify Consolas and Monaco ahead of the browser-defined monospace font.</p>
<pre>
<code>#container {
float: left;
margin: 0 -240px 0 0;
width: 100%;
}</code>
</pre>
<hr />
<h2>Blockquotes</h2>
<p>Let’s keep it simple. Italics are good to help set it off from the body text. Be sure to style the citation.</p>
<blockquote>
<p>Good afternoon, gentlemen. I am a HAL 9000 computer. I became operational at the H.A.L. plant in Urbana, Illinois on the 12th of January 1992. My instructor was Mr. Langley, and he taught me to sing a song. If you’d like to hear it I can sing it for you.</p>
<p><cite>— Citing <a href="http://en.wikipedia.org/wiki/HAL_9000">HAL 9000</a></cite></p>
</blockquote>
<p>And here’s a bit of trailing text.</p>
</div>
</section>
Article Section
HTML
<section
class="article-section "
>
<div class="article-section__body">
[Do not use this base pattern directly: see the following variants of this pattern for usage]
</div>
</section>
Article Section Assessment
Assessment
This valuable paper informs on the role of type I PRMTs in programming muscle stem cell identification. The evidence presented is mostly solid, with some weaknesses in the evidence regarding the proposed mechanism. The paper will be of particular interest to those who study skeletal muscle satellite cell biology.
https://doi.org/10.7554/eLife.62927.sa1- Landmark
- Fundamental
- Important
- Valuable
- Useful
- Exceptional
- Compelling
- Convincing
- Solid
- Incomplete
- Inadequate
During the peer-review process the editor and reviewers write an eLife Assessment that summarises the significance of the findings reported in the article (on a scale ranging from landmark to useful) and the strength of the evidence (on a scale ranging from exceptional to inadequate). Learn more about eLife Assessments
HTML
<section
class="article-section article-section--highlighted "
id="assessment"
>
<header class="article-section__header">
<h2 class="article-section__header_text">Assessment</h2>
</header>
<div class="article-section__body">
<p>This <b>valuable</b> paper informs on the role of type I PRMTs in programming muscle stem cell identification. The evidence presented is mostly <b>solid</b>, with some weaknesses in the evidence regarding the proposed mechanism. The paper will be of particular interest to those who study skeletal muscle satellite cell biology.</p>
<span class="doi doi--article-section">
<a href="https://doi.org/10.7554/eLife.62927.sa1" class="doi__link">
https://doi.org/10.7554/eLife.62927.sa1
</a>
</span>
<div data-behaviour="Assessment" class="assessment__wrapper">
<div class="assessment__container" aria-expanded="false">
<section class="term_wrapper">
<div class="term-title">Significance of the findings:</div>
<div class="term-description" aria-label="eLife assessments use a common vocabulary to describe significance. The term chosen for this paper is:"><b>Valuable</b>: Contains findings that have theoretical or practical implications for a subfield.</div>
<ul class="terms" aria-label="The following is a list terms editors can choose from">
<li class="term">Landmark</li>
<li class="term">Fundamental</li>
<li class="term">Important</li>
<li class="term term-highlighted">Valuable</li>
<li class="term">Useful</li>
</ul>
</section>
<section class="term_wrapper">
<div class="term-title">Strength of evidence:</div>
<div class="term-description" aria-label="eLife assessments use a common vocabulary to describe strength of evidence. The term or terms chosen for this paper is:"><b>Solid</b>: Methods, data and analyses broadly support the claims with only minor weaknesses.</div>
<ul class="terms" aria-label="The following is a list terms editors can choose from">
<li class="term">Exceptional</li>
<li class="term">Compelling</li>
<li class="term">Convincing</li>
<li class="term term-highlighted">Solid</li>
<li class="term">Incomplete</li>
<li class="term">Inadequate</li>
</ul>
</section>
<p class="assessment__summary">During the peer-review process the editor and reviewers write an eLife Assessment that summarises the significance of the findings reported in the article (on a scale ranging from landmark to useful) and the strength of the evidence (on a scale ranging from exceptional to inadequate). <a href="https://elifesciences.org/about/elife-assessments">Learn more about eLife Assessments</a></p>
</div>
</div>
</div>
</section>
Article Section Default
Introduction
TNF Receptor Associated Factor 2 (TRAF2) is an adaptor protein that transduces signals following ligation of certain cytokine receptors including those binding TNF. It was first identified together with TRAF1 as a component of TNF receptor-2 and then TNF receptor-1 (TNFR1) signalling complexes (Rothe et al., 1994; Shu et al., 1996). TRAF2, like most other TRAFs, contains a RING domain, several zinc fingers, a TRAF-N, and a conserved TRAF-C domain which is responsible for oligomerisation and receptor binding through its MATH region (Takeuchi et al., 1996; Uren and Vaux, 1996).
RING domains are nearly always associated with ubiquitin E3 ligase activity (Shi and Kehrl, 2003) and TRAF2 can promote ubiquitylation of RIPK1 in TNFR1 signalling complexes (TNFR1-SC) (Wertz et al., 2004). However TRAF2 recruits E3 ligases such as cIAPs to TNFR1-SC and these have also been shown to be able to ubiquitylate RIPK1 and regulate TNF signalling (Dynek et al., 2010; Mahoney et al., 2008; Varfolomeev et al., 2008; Vince et al., 2009). This makes it difficult to unambiguously determine the role of the E3 ligase activity of TRAF2.
Activation of JNK and NF-κB by TNF is reduced in cells from Traf2-/- mice while only JNK signalling was affected in lymphocytes from transgenic mice that express a dominant negative (DN) form of TRAF2 that lacks the RING domain (Lee et al., 1997; Yeh et al., 1997). Traf2-/-Traf5-/- mouse embryonic fibroblasts (MEFs) have a pronounced defect in activation of NF-κB by TNF, suggesting that absence of TRAF2 can be compensated by TRAF5 (Tada et al., 2001). Although activation of NF-κB was restored in Traf2-/-Traf5-/- cells by re-expression of wild type TRAF2, it was not restored when the cells were reconstituted with TRAF2 point mutants that could not bind cIAPs (Vince et al., 2009; Zhang et al., 2010). These data, together with a wealth of different lines of evidence showing that cIAPs are critical E3 ligases required for TNF-induced canonical NF-κB (Blackwell et al., 2013; Haas et al., 2009; Silke, 2011), support the idea that the main function of TRAF2 in TNF-induced NF-κB is to recruit cIAPs to the TNFR1-SC. However, it remains possible that the RING of TRAF2 plays another function, such as in activating JNK and protecting cells from TNF-induced cell death (Vince et al., 2009; Zhang et al., 2010). Furthermore it has been shown that TRAF2 can K48-ubiquitylate caspase-8 to set the threshold for TRAIL or Fas induced cell death (Gonzalvez et al., 2012). Moreover, TRAF2 inhibits non-canonical NF-κB signalling (Grech et al., 2004; Zarnegar et al., 2008) and this function requires the RING domain of TRAF2 to induce proteosomal degradation of NIK (Vince et al., 2009). However, structural and in vitro analyses indicate that, unlike TRAF6, the RING domain of TRAF2 is unable to bind E2 conjugating enzymes (Yin et al., 2009), and is therefore unlikely to have intrinsic E3 ligase activity.
Sphingosine-1-phosphate (S1P) is a pleiotropic sphingolipid mediator that regulates proliferation, differentiation, cell trafficking and vascular development (Pitson, 2011). S1P is generated by sphingosine kinase 1 and 2 (SPHK1 and SPHK2) (Kohama et al., 1998; Liu et al., 2000). Extracellular S1P mainly acts by binding to its five G protein-coupled receptors S1P1-5 (Hla and Dannenberg, 2012). However, some intracellular roles have been suggested for S1P, including the blocking of the histone deacetylases, HDAC1/2 (Hait et al., 2009) and the induction of apoptosis through interaction with BAK and BAX (Chipuk et al., 2012).
Recently, it was suggested that the RING domain of TRAF2 requires S1P as a co-factor for its E3 ligase activity (Alvarez et al., 2010). Alvarez and colleagues proposed that SPHK1 but not SPHK2 is activated by TNF and phosphorylates sphingosine to S1P which in turn binds to the RING domain of TRAF2 and serves as an essential co-factor that was missing in the experiments of Yin et al. Alvarez and colleagues, observed that in the absence of SPHK1, TNF-induced NF-κB activation was completely abolished.
Although we know a lot about TRAF2, there are still important gaps particularly with regard to cell type specificity and in vivo function of TRAF2. Moreover, despite the claims that SPHK1 and its product, S1P, are required for TRAF2 to function as a ubiquitin ligase, the responses of Traf2-/- and Sphk1-/- cells to TNF were not compared. Therefore, we undertook an analysis of TRAF2 and SPHK1 function in TNF signalling in a number of different tissues.
Surprisingly, we found that neither TRAF2 nor SPHK1 are required for TNF mediated canonical NF-κB and MAPK signalling in macrophages. However, MEFs, murine dermal fibroblasts (MDFs) and keratinocytes required TRAF2 but not SPHK1 for full strength TNF signalling. In these cell types, absence of TRAF2 caused a delay in TNF-induced activation of NF-κB and MAPK, and sensitivity to killing by TNF was increased. Absence of TRAF2 in keratinocytes in vivo resulted in psoriasis-like epidermal hyperplasia and skin inflammation. Unlike TNF-dependent genetic inflammatory skin conditions, such as IKK2 epidermal knock-out (Pasparakis et al., 2002) and the cpdm mutant (Gerlach et al., 2011), the onset of inflammation was only delayed, and not prevented by deletion of TNF. This early TNF-dependent inflammation is caused by excessive apoptotic but not necroptotic cell death and could be prevented by deletion of Casp8. We observed constitutive activation of NIK and non-canonical NF-κB in Traf2-/- keratinocytes which caused production of inflammatory cytokines and chemokines. We were able to reverse this inflammatory phenotype by simultaneously deleting both Tnf and Nfkb2 genes. Our results highlight the important role TRAF2 plays to protect keratinocytes from cell death and to down-regulate inflammatory responses and support the idea that intrinsic defects in keratinocytes can initiate psoriasis-like skin inflammation.
https://doi.org/10.7554/eLife.16370HTML
<section
class="article-section "
id="introduction"
data-behaviour="ArticleSection"
>
<header class="article-section__header">
<h2 class="article-section__header_text">Introduction</h2>
</header>
<div class="article-section__body">
<p>TNF Receptor Associated Factor 2 (TRAF2) is an adaptor protein that transduces signals following ligation of certain cytokine receptors including those binding TNF. It was first identified together with TRAF1 as a component of TNF receptor-2 and then TNF receptor-1 (TNFR1) signalling complexes (<a class="xref-bibr" href="#bib50" rel="#bib50" title="">Rothe et al., 1994</a>; <a class="xref-bibr" href="#bib54" rel="#bib54" title="">Shu et al., 1996</a>). TRAF2, like most other TRAFs, contains a RING domain, several zinc fingers, a TRAF-N, and a conserved TRAF-C domain which is responsible for oligomerisation and receptor binding through its MATH region (<a class="xref-bibr" href="#bib60" rel="#bib60">Takeuchi et al., 1996</a>; <a class="xref-bibr" href="#bib63" rel="#bib63">Uren and Vaux, 1996</a>).</p><p>RING domains are nearly always associated with ubiquitin E3 ligase activity (<a class="xref-bibr" href="#bib52" rel="#bib52">Shi and Kehrl, 2003</a>) and TRAF2 can promote ubiquitylation of RIPK1 in TNFR1 signalling complexes (TNFR1-SC) (<a class="xref-bibr" href="#bib71" rel="#bib71">Wertz et al., 2004</a>). However TRAF2 recruits E3 ligases such as cIAPs to TNFR1-SC and these have also been shown to be able to ubiquitylate RIPK1 and regulate TNF signalling (<a class="xref-bibr" href="#bib13" rel="#bib13">Dynek et al., 2010</a>; <a class="xref-bibr" href="#bib34" rel="#bib34">Mahoney et al., 2008</a>; <a class="xref-bibr" href="#bib66" rel="#bib66">Varfolomeev et al., 2008</a>; <a class="xref-bibr" href="#bib68" rel="#bib68">Vince et al., 2009</a>). This makes it difficult to unambiguously determine the role of the E3 ligase activity of TRAF2.</p><p>Activation of JNK and NF-κB by TNF is reduced in cells from <em>Traf2<sup>-/- </sup></em>mice while only JNK signalling was affected in lymphocytes from transgenic mice that express a dominant negative (DN) form of TRAF2 that lacks the RING domain (<a class="xref-bibr" href="#bib31" rel="#bib31">Lee et al., 1997</a>; <a class="xref-bibr" href="#bib74" rel="#bib74">Yeh et al., 1997</a>). <em>Traf2</em><sup>-/-</sup><em>Traf5</em><sup>-/-</sup> mouse embryonic fibroblasts (MEFs) have a pronounced defect in activation of NF-κB by TNF, suggesting that absence of TRAF2 can be compensated by TRAF5 (<a class="xref-bibr" href="#bib59" rel="#bib59" title="">Tada et al., 2001</a>). Although activation of NF-κB was restored in <em>Traf2</em><sup>-/-</sup><em>Traf5</em><sup>-/-</sup> cells by re-expression of wild type TRAF2, it was not restored when the cells were reconstituted with TRAF2 point mutants that could not bind cIAPs (<a class="xref-bibr" href="#bib68" rel="#bib68">Vince et al., 2009</a>; <a class="xref-bibr" href="#bib79" rel="#bib79">Zhang et al., 2010</a>). These data, together with a wealth of different lines of evidence showing that cIAPs are critical E3 ligases required for TNF-induced canonical NF-κB (<a class="xref-bibr" href="#bib5" rel="#bib5">Blackwell et al., 2013</a>; <a class="xref-bibr" href="#bib21" rel="#bib21">Haas et al., 2009</a>; <a class="xref-bibr" href="#bib56" rel="#bib56">Silke, 2011</a>), support the idea that the main function of TRAF2 in TNF-induced NF-κB is to recruit cIAPs to the TNFR1-SC. However, it remains possible that the RING of TRAF2 plays another function, such as in activating JNK and protecting cells from TNF-induced cell death (<a class="xref-bibr" href="#bib68" rel="#bib68" title="">Vince et al., 2009</a>; <a class="xref-bibr" href="#bib79" rel="#bib79">Zhang et al., 2010</a>). Furthermore it has been shown that TRAF2 can K48-ubiquitylate caspase-8 to set the threshold for TRAIL or Fas induced cell death (<a class="xref-bibr" href="#bib17" rel="#bib17">Gonzalvez et al., 2012</a>). Moreover, TRAF2 inhibits non-canonical NF-κB signalling (<a class="xref-bibr" href="#bib18" rel="#bib18">Grech et al., 2004</a>; <a class="xref-bibr" href="#bib78" rel="#bib78">Zarnegar et al., 2008</a>) and this function requires the RING domain of TRAF2 to induce proteosomal degradation of NIK (<a class="xref-bibr" href="#bib68" rel="#bib68">Vince et al., 2009</a>). However, structural and in vitro analyses indicate that, unlike TRAF6, the RING domain of TRAF2 is unable to bind E2 conjugating enzymes (<a class="xref-bibr" href="#bib76" rel="#bib76">Yin et al., 2009</a>), and is therefore unlikely to have intrinsic E3 ligase activity.</p><p>Sphingosine-1-phosphate (S1P) is a pleiotropic sphingolipid mediator that regulates proliferation, differentiation, cell trafficking and vascular development (<a class="xref-bibr" href="#bib44" rel="#bib44">Pitson, 2011</a>). S1P is generated by sphingosine kinase 1 and 2 (SPHK1 and SPHK2) (<a class="xref-bibr" href="#bib28" rel="#bib28">Kohama et al., 1998</a>; <a class="xref-bibr" href="#bib33" rel="#bib33">Liu et al., 2000</a>). Extracellular S1P mainly acts by binding to its five G protein-coupled receptors S1P<sub>1-5</sub> (<a class="xref-bibr" href="#bib25" rel="#bib25">Hla and Dannenberg, 2012</a>). However, some intracellular roles have been suggested for S1P, including the blocking of the histone deacetylases, HDAC1/2 (<a class="xref-bibr" href="#bib22" rel="#bib22">Hait et al., 2009</a>) and the induction of apoptosis through interaction with BAK and BAX (<a class="xref-bibr" href="#bib9" rel="#bib9">Chipuk et al., 2012</a>).</p><p>Recently, it was suggested that the RING domain of TRAF2 requires S1P as a co-factor for its E3 ligase activity (<a class="xref-bibr" href="#bib3" rel="#bib3">Alvarez et al., 2010</a>). Alvarez and colleagues proposed that SPHK1 but not SPHK2 is activated by TNF and phosphorylates sphingosine to S1P which in turn binds to the RING domain of TRAF2 and serves as an essential co-factor that was missing in the experiments of Yin <em>et al.</em> Alvarez and colleagues, observed that in the absence of SPHK1, TNF-induced NF-κB activation was completely abolished.</p><p>Although we know a lot about TRAF2, there are still important gaps particularly with regard to cell type specificity and in vivo function of TRAF2. Moreover, despite the claims that SPHK1 and its product, S1P, are required for TRAF2 to function as a ubiquitin ligase, the responses of <em>Traf2<sup>-/- </sup></em>and <em>Sphk1<sup>-/-</sup></em> cells to TNF were not compared. Therefore, we undertook an analysis of TRAF2 and SPHK1 function in TNF signalling in a number of different tissues.</p><p>Surprisingly, we found that neither TRAF2 nor SPHK1 are required for TNF mediated canonical NF-κB and MAPK signalling in macrophages. However, MEFs, murine dermal fibroblasts (MDFs) and keratinocytes required TRAF2 but not SPHK1 for full strength TNF signalling. In these cell types, absence of TRAF2 caused a delay in TNF-induced activation of NF-κB and MAPK, and sensitivity to killing by TNF was increased. Absence of TRAF2 in keratinocytes in vivo resulted in psoriasis-like epidermal hyperplasia and skin inflammation. Unlike TNF-dependent genetic inflammatory skin conditions, such as IKK2 epidermal knock-out (<a class="xref-bibr" href="#bib40" rel="#bib40" title="">Pasparakis et al., 2002</a>) and the <em>cpdm</em> mutant (<a class="xref-bibr" href="#bib16" rel="#bib16">Gerlach et al., 2011</a>), the onset of inflammation was only delayed, and not prevented by deletion of TNF. This early TNF-dependent inflammation is caused by excessive apoptotic but not necroptotic cell death and could be prevented by deletion of <em>Casp8</em>. We observed constitutive activation of NIK and non-canonical NF-κB in <em>Traf2<sup>-/- </sup></em>keratinocytes which caused production of inflammatory cytokines and chemokines. We were able to reverse this inflammatory phenotype by simultaneously deleting both <em>Tnf</em> and <em>Nfkb2</em> genes. Our results highlight the important role TRAF2 plays to protect keratinocytes from cell death and to down-regulate inflammatory responses and support the idea that intrinsic defects in keratinocytes can initiate psoriasis-like skin inflammation.</p>
<span class="doi doi--article-section">
<a href="https://doi.org/10.7554/eLife.16370" class="doi__link">
https://doi.org/10.7554/eLife.16370
</a>
</span>
</div>
</section>
Article Section Editor Evaluation
Editor's evaluation
The manuscript by Rosello et al. represents a major advance in implementation of cutting-edge genome editing methodologies in the zebrafish. The study seeks to describe optimized tools for precise base editing in zebrafish and to demonstrate their effective application. Overall, this study demonstrates that cytosine base editing is an efficient and powerful method for introducing precise in vivo edits into the zebrafish genome, and will be of interest to scientists who use zebrafish and other genetic systems to model human development and disease.
https://doi.org/10.7554/eLife.62927.sa1HTML
<section
class="article-section article-section--highlighted "
id="editor-evaluation"
>
<header class="article-section__header">
<h2 class="article-section__header_text">Editor's evaluation</h2>
</header>
<div class="article-section__body">
<p>The manuscript by Rosello et al. represents a major advance in implementation of cutting-edge genome editing methodologies in the zebrafish. The study seeks to describe optimized tools for precise base editing in zebrafish and to demonstrate their effective application. Overall, this study demonstrates that cytosine base editing is an efficient and powerful method for introducing precise in vivo edits into the zebrafish genome, and will be of interest to scientists who use zebrafish and other genetic systems to model human development and disease.</p>
<span class="doi doi--article-section">
<a href="https://doi.org/10.7554/eLife.62927.sa1" class="doi__link">
https://doi.org/10.7554/eLife.62927.sa1
</a>
</span>
<ul class="article-section__related">
<li class="article-section__related_item">
<a href="#" class="article-section__related_link">Decision letter</a>
</li>
<li class="article-section__related_item">
<a href="#" class="article-section__related_link">Reviews on Sciety</a>
</li>
<li class="article-section__related_item">
<a href="#" class="article-section__related_link">eLife's review process</a>
</li>
</ul>
</div>
</section>
Article Section Editor Title Text
- Dominique Soldati-Favre
- University of Geneva, Switzerland
HTML
<section
class="article-section article-section--editor "
id="editor"
>
<header class="article-section__header">
<div class="article-section__header_text">Senior editor</div>
</header>
<div class="article-section__body">
<ol class="list"> <li>Dominique Soldati-Favre</li> <li>University of Geneva, Switzerland</li> </ol>
</div>
</section>
Article Section Header Link
TNF Receptor Associated Factor 2 (TRAF2) is an adaptor protein that transduces signals following ligation of certain cytokine receptors
some text to carry a linkTNF Receptor Associated Factor 2 (TRAF2) is an adaptor protein that transduces signals following ligation of certain cytokine receptors including those binding TNF. It was first identified together with TRAF1 as a component of TNF receptor-2 and then TNF receptor-1 (TNFR1) signalling complexes (Rothe et al., 1994; Shu et al., 1996). TRAF2, like most other TRAFs, contains a RING domain, several zinc fingers, a TRAF-N, and a conserved TRAF-C domain which is responsible for oligomerisation and receptor binding through its MATH region (Takeuchi et al., 1996; Uren and Vaux, 1996).
RING domains are nearly always associated with ubiquitin E3 ligase activity (Shi and Kehrl, 2003) and TRAF2 can promote ubiquitylation of RIPK1 in TNFR1 signalling complexes (TNFR1-SC) (Wertz et al., 2004). However TRAF2 recruits E3 ligases such as cIAPs to TNFR1-SC and these have also been shown to be able to ubiquitylate RIPK1 and regulate TNF signalling (Dynek et al., 2010; Mahoney et al., 2008; Varfolomeev et al., 2008; Vince et al., 2009). This makes it difficult to unambiguously determine the role of the E3 ligase activity of TRAF2.
Activation of JNK and NF-κB by TNF is reduced in cells from Traf2-/- mice while only JNK signalling was affected in lymphocytes from transgenic mice that express a dominant negative (DN) form of TRAF2 that lacks the RING domain (Lee et al., 1997; Yeh et al., 1997). Traf2-/-Traf5-/- mouse embryonic fibroblasts (MEFs) have a pronounced defect in activation of NF-κB by TNF, suggesting that absence of TRAF2 can be compensated by TRAF5 (Tada et al., 2001). Although activation of NF-κB was restored in Traf2-/-Traf5-/- cells by re-expression of wild type TRAF2, it was not restored when the cells were reconstituted with TRAF2 point mutants that could not bind cIAPs (Vince et al., 2009; Zhang et al., 2010). These data, together with a wealth of different lines of evidence showing that cIAPs are critical E3 ligases required for TNF-induced canonical NF-κB (Blackwell et al., 2013; Haas et al., 2009; Silke, 2011), support the idea that the main function of TRAF2 in TNF-induced NF-κB is to recruit cIAPs to the TNFR1-SC. However, it remains possible that the RING of TRAF2 plays another function, such as in activating JNK and protecting cells from TNF-induced cell death (Vince et al., 2009; Zhang et al., 2010). Furthermore it has been shown that TRAF2 can K48-ubiquitylate caspase-8 to set the threshold for TRAIL or Fas induced cell death (Gonzalvez et al., 2012). Moreover, TRAF2 inhibits non-canonical NF-κB signalling (Grech et al., 2004; Zarnegar et al., 2008) and this function requires the RING domain of TRAF2 to induce proteosomal degradation of NIK (Vince et al., 2009). However, structural and in vitro analyses indicate that, unlike TRAF6, the RING domain of TRAF2 is unable to bind E2 conjugating enzymes (Yin et al., 2009), and is therefore unlikely to have intrinsic E3 ligase activity.
Sphingosine-1-phosphate (S1P) is a pleiotropic sphingolipid mediator that regulates proliferation, differentiation, cell trafficking and vascular development (Pitson, 2011). S1P is generated by sphingosine kinase 1 and 2 (SPHK1 and SPHK2) (Kohama et al., 1998; Liu et al., 2000). Extracellular S1P mainly acts by binding to its five G protein-coupled receptors S1P1-5 (Hla and Dannenberg, 2012). However, some intracellular roles have been suggested for S1P, including the blocking of the histone deacetylases, HDAC1/2 (Hait et al., 2009) and the induction of apoptosis through interaction with BAK and BAX (Chipuk et al., 2012).
Recently, it was suggested that the RING domain of TRAF2 requires S1P as a co-factor for its E3 ligase activity (Alvarez et al., 2010). Alvarez and colleagues proposed that SPHK1 but not SPHK2 is activated by TNF and phosphorylates sphingosine to S1P which in turn binds to the RING domain of TRAF2 and serves as an essential co-factor that was missing in the experiments of Yin et al. Alvarez and colleagues, observed that in the absence of SPHK1, TNF-induced NF-κB activation was completely abolished.
Although we know a lot about TRAF2, there are still important gaps particularly with regard to cell type specificity and in vivo function of TRAF2. Moreover, despite the claims that SPHK1 and its product, S1P, are required for TRAF2 to function as a ubiquitin ligase, the responses of Traf2-/- and Sphk1-/- cells to TNF were not compared. Therefore, we undertook an analysis of TRAF2 and SPHK1 function in TNF signalling in a number of different tissues.
Surprisingly, we found that neither TRAF2 nor SPHK1 are required for TNF mediated canonical NF-κB and MAPK signalling in macrophages. However, MEFs, murine dermal fibroblasts (MDFs) and keratinocytes required TRAF2 but not SPHK1 for full strength TNF signalling. In these cell types, absence of TRAF2 caused a delay in TNF-induced activation of NF-κB and MAPK, and sensitivity to killing by TNF was increased. Absence of TRAF2 in keratinocytes in vivo resulted in psoriasis-like epidermal hyperplasia and skin inflammation. Unlike TNF-dependent genetic inflammatory skin conditions, such as IKK2 epidermal knock-out (Pasparakis et al., 2002) and the cpdm mutant (Gerlach et al., 2011), the onset of inflammation was only delayed, and not prevented by deletion of TNF. This early TNF-dependent inflammation is caused by excessive apoptotic but not necroptotic cell death and could be prevented by deletion of Casp8. We observed constitutive activation of NIK and non-canonical NF-κB in Traf2-/- keratinocytes which caused production of inflammatory cytokines and chemokines. We were able to reverse this inflammatory phenotype by simultaneously deleting both Tnf and Nfkb2 genes. Our results highlight the important role TRAF2 plays to protect keratinocytes from cell death and to down-regulate inflammatory responses and support the idea that intrinsic defects in keratinocytes can initiate psoriasis-like skin inflammation.
HTML
<section
class="article-section "
>
<header class="article-section__header">
<h3 class="article-section__header_text">TNF Receptor Associated Factor 2 (TRAF2) is an adaptor protein that transduces signals following ligation of certain cytokine receptors</h3>
<a href="#" class="article-section__header_link">some text to carry a link</a>
</header>
<div class="article-section__body">
<p>TNF Receptor Associated Factor 2 (TRAF2) is an adaptor protein that transduces signals following ligation of certain cytokine receptors including those binding TNF. It was first identified together with TRAF1 as a component of TNF receptor-2 and then TNF receptor-1 (TNFR1) signalling complexes (<a class="xref-bibr" href="#bib50" rel="#bib50" title="">Rothe et al., 1994</a>; <a class="xref-bibr" href="#bib54" rel="#bib54" title="">Shu et al., 1996</a>). TRAF2, like most other TRAFs, contains a RING domain, several zinc fingers, a TRAF-N, and a conserved TRAF-C domain which is responsible for oligomerisation and receptor binding through its MATH region (<a class="xref-bibr" href="#bib60" rel="#bib60">Takeuchi et al., 1996</a>; <a class="xref-bibr" href="#bib63" rel="#bib63">Uren and Vaux, 1996</a>).</p><p>RING domains are nearly always associated with ubiquitin E3 ligase activity (<a class="xref-bibr" href="#bib52" rel="#bib52">Shi and Kehrl, 2003</a>) and TRAF2 can promote ubiquitylation of RIPK1 in TNFR1 signalling complexes (TNFR1-SC) (<a class="xref-bibr" href="#bib71" rel="#bib71">Wertz et al., 2004</a>). However TRAF2 recruits E3 ligases such as cIAPs to TNFR1-SC and these have also been shown to be able to ubiquitylate RIPK1 and regulate TNF signalling (<a class="xref-bibr" href="#bib13" rel="#bib13">Dynek et al., 2010</a>; <a class="xref-bibr" href="#bib34" rel="#bib34">Mahoney et al., 2008</a>; <a class="xref-bibr" href="#bib66" rel="#bib66">Varfolomeev et al., 2008</a>; <a class="xref-bibr" href="#bib68" rel="#bib68">Vince et al., 2009</a>). This makes it difficult to unambiguously determine the role of the E3 ligase activity of TRAF2.</p><p>Activation of JNK and NF-κB by TNF is reduced in cells from <em>Traf2<sup>-/- </sup></em>mice while only JNK signalling was affected in lymphocytes from transgenic mice that express a dominant negative (DN) form of TRAF2 that lacks the RING domain (<a class="xref-bibr" href="#bib31" rel="#bib31">Lee et al., 1997</a>; <a class="xref-bibr" href="#bib74" rel="#bib74">Yeh et al., 1997</a>). <em>Traf2</em><sup>-/-</sup><em>Traf5</em><sup>-/-</sup> mouse embryonic fibroblasts (MEFs) have a pronounced defect in activation of NF-κB by TNF, suggesting that absence of TRAF2 can be compensated by TRAF5 (<a class="xref-bibr" href="#bib59" rel="#bib59" title="">Tada et al., 2001</a>). Although activation of NF-κB was restored in <em>Traf2</em><sup>-/-</sup><em>Traf5</em><sup>-/-</sup> cells by re-expression of wild type TRAF2, it was not restored when the cells were reconstituted with TRAF2 point mutants that could not bind cIAPs (<a class="xref-bibr" href="#bib68" rel="#bib68">Vince et al., 2009</a>; <a class="xref-bibr" href="#bib79" rel="#bib79">Zhang et al., 2010</a>). These data, together with a wealth of different lines of evidence showing that cIAPs are critical E3 ligases required for TNF-induced canonical NF-κB (<a class="xref-bibr" href="#bib5" rel="#bib5">Blackwell et al., 2013</a>; <a class="xref-bibr" href="#bib21" rel="#bib21">Haas et al., 2009</a>; <a class="xref-bibr" href="#bib56" rel="#bib56">Silke, 2011</a>), support the idea that the main function of TRAF2 in TNF-induced NF-κB is to recruit cIAPs to the TNFR1-SC. However, it remains possible that the RING of TRAF2 plays another function, such as in activating JNK and protecting cells from TNF-induced cell death (<a class="xref-bibr" href="#bib68" rel="#bib68" title="">Vince et al., 2009</a>; <a class="xref-bibr" href="#bib79" rel="#bib79">Zhang et al., 2010</a>). Furthermore it has been shown that TRAF2 can K48-ubiquitylate caspase-8 to set the threshold for TRAIL or Fas induced cell death (<a class="xref-bibr" href="#bib17" rel="#bib17">Gonzalvez et al., 2012</a>). Moreover, TRAF2 inhibits non-canonical NF-κB signalling (<a class="xref-bibr" href="#bib18" rel="#bib18">Grech et al., 2004</a>; <a class="xref-bibr" href="#bib78" rel="#bib78">Zarnegar et al., 2008</a>) and this function requires the RING domain of TRAF2 to induce proteosomal degradation of NIK (<a class="xref-bibr" href="#bib68" rel="#bib68">Vince et al., 2009</a>). However, structural and in vitro analyses indicate that, unlike TRAF6, the RING domain of TRAF2 is unable to bind E2 conjugating enzymes (<a class="xref-bibr" href="#bib76" rel="#bib76">Yin et al., 2009</a>), and is therefore unlikely to have intrinsic E3 ligase activity.</p><p>Sphingosine-1-phosphate (S1P) is a pleiotropic sphingolipid mediator that regulates proliferation, differentiation, cell trafficking and vascular development (<a class="xref-bibr" href="#bib44" rel="#bib44">Pitson, 2011</a>). S1P is generated by sphingosine kinase 1 and 2 (SPHK1 and SPHK2) (<a class="xref-bibr" href="#bib28" rel="#bib28">Kohama et al., 1998</a>; <a class="xref-bibr" href="#bib33" rel="#bib33">Liu et al., 2000</a>). Extracellular S1P mainly acts by binding to its five G protein-coupled receptors S1P<sub>1-5</sub> (<a class="xref-bibr" href="#bib25" rel="#bib25">Hla and Dannenberg, 2012</a>). However, some intracellular roles have been suggested for S1P, including the blocking of the histone deacetylases, HDAC1/2 (<a class="xref-bibr" href="#bib22" rel="#bib22">Hait et al., 2009</a>) and the induction of apoptosis through interaction with BAK and BAX (<a class="xref-bibr" href="#bib9" rel="#bib9">Chipuk et al., 2012</a>).</p><p>Recently, it was suggested that the RING domain of TRAF2 requires S1P as a co-factor for its E3 ligase activity (<a class="xref-bibr" href="#bib3" rel="#bib3">Alvarez et al., 2010</a>). Alvarez and colleagues proposed that SPHK1 but not SPHK2 is activated by TNF and phosphorylates sphingosine to S1P which in turn binds to the RING domain of TRAF2 and serves as an essential co-factor that was missing in the experiments of Yin <em>et al.</em> Alvarez and colleagues, observed that in the absence of SPHK1, TNF-induced NF-κB activation was completely abolished.</p><p>Although we know a lot about TRAF2, there are still important gaps particularly with regard to cell type specificity and in vivo function of TRAF2. Moreover, despite the claims that SPHK1 and its product, S1P, are required for TRAF2 to function as a ubiquitin ligase, the responses of <em>Traf2<sup>-/- </sup></em>and <em>Sphk1<sup>-/-</sup></em> cells to TNF were not compared. Therefore, we undertook an analysis of TRAF2 and SPHK1 function in TNF signalling in a number of different tissues.</p><p>Surprisingly, we found that neither TRAF2 nor SPHK1 are required for TNF mediated canonical NF-κB and MAPK signalling in macrophages. However, MEFs, murine dermal fibroblasts (MDFs) and keratinocytes required TRAF2 but not SPHK1 for full strength TNF signalling. In these cell types, absence of TRAF2 caused a delay in TNF-induced activation of NF-κB and MAPK, and sensitivity to killing by TNF was increased. Absence of TRAF2 in keratinocytes in vivo resulted in psoriasis-like epidermal hyperplasia and skin inflammation. Unlike TNF-dependent genetic inflammatory skin conditions, such as IKK2 epidermal knock-out (<a class="xref-bibr" href="#bib40" rel="#bib40" title="">Pasparakis et al., 2002</a>) and the <em>cpdm</em> mutant (<a class="xref-bibr" href="#bib16" rel="#bib16">Gerlach et al., 2011</a>), the onset of inflammation was only delayed, and not prevented by deletion of TNF. This early TNF-dependent inflammation is caused by excessive apoptotic but not necroptotic cell death and could be prevented by deletion of <em>Casp8</em>. We observed constitutive activation of NIK and non-canonical NF-κB in <em>Traf2<sup>-/- </sup></em>keratinocytes which caused production of inflammatory cytokines and chemokines. We were able to reverse this inflammatory phenotype by simultaneously deleting both <em>Tnf</em> and <em>Nfkb2</em> genes. Our results highlight the important role TRAF2 plays to protect keratinocytes from cell death and to down-regulate inflammatory responses and support the idea that intrinsic defects in keratinocytes can initiate psoriasis-like skin inflammation.</p>
</div>
</section>
Article Section Process Block
Peer review process
This article was published via eLife's original peer review and publishing model, which was phased out in 2023. eLife's editors accepted this article for publication after peer review and was subject to mandatory revision requests before it was published.
History
- Version of Record published
- Preprint posted
- Preprint posted
- Preprint posted
- Sent for peer review
HTML
<section
class="article-section article-section--process-block "
id="process-block"
>
<header class="article-section__header">
<h2 class="article-section__header_text">Peer review process</h2>
</header>
<div class="article-section__body">
<p>This article was published via eLife's original peer review and publishing model, which was phased out in 2023. eLife's editors accepted this article for publication after peer review and was subject to mandatory revision requests before it was published.</p><section class="article-section"><header class="article-section__header"><h4 class="article-section__header_text">History</h4></header><div class="article-section__body"><section class="article-section"><div class="article-section__body"><ul class="list list--line" data-behaviour="List"><li><strong>Version of Record published</strong><time datetime="2024-05-29">May 29, 2024</time></li><li><strong>Preprint posted</strong><time datetime="2024-04-11">April 11, 2024</time></li><li><strong>Preprint posted</strong><time datetime="2023-11-03">November 3, 2023</time></li><li><strong>Preprint posted</strong><time datetime="2023-09-03">September 3, 2023</time></li><li><strong>Sent for peer review</strong><time datetime="2023-08-24">August 24, 2023</time></li></ul></div></section></div></section>
<ul class="article-section__related article-section__separator-circle">
<li class="article-section__related_item">
<a href="#" class="article-section__related_link">Read more about eLife's original review process</a>
</li>
<li class="article-section__related_item">
<a href="#" class="article-section__related_link">Go to the preprint</a>
</li>
</ul>
</div>
</section>
Article Section Related Items Separator Circle
eLife assessment
Collagen is a major component of extracellular matrix. The authors have identified a high-affinity inhibitory collagen receptor LAIR-1 and a soluble decoy receptor LAIR-2 (with even higher binding affinity to collagen), which can be therapeutically targeted to block tumor progression. Dr Meyaard and colleagues have also generated a dimeric LAIR-2 human IgG1 Fc fusion protein NC410 for therapeutic use. With humanized mouse models engrafted with functional human immune systems (PBMC), they have explored the anti-cancer efficacy of NC410 and revealed its impact on modulating immune responses. Furthermore, they extended this study to identify biomarkers of predictive value for NC410-based anti-cancer therapy.
https://doi.org/10.7554/eLife.16370HTML
<section
class="article-section article-section--highlighted "
id="assessment"
>
<header class="article-section__header">
<h2 class="article-section__header_text">eLife assessment</h2>
</header>
<div class="article-section__body">
<p class="paragraph">Collagen is a major component of extracellular matrix. The authors have identified a high-affinity inhibitory collagen receptor LAIR-1 and a soluble decoy receptor LAIR-2 (with even higher binding affinity to collagen), which can be therapeutically targeted to block tumor progression. Dr Meyaard and colleagues have also generated a dimeric LAIR-2 human IgG1 Fc fusion protein NC410 for therapeutic use. With humanized mouse models engrafted with functional human immune systems (PBMC), they have explored the anti-cancer efficacy of NC410 and revealed its impact on modulating immune responses. Furthermore, they extended this study to identify biomarkers of predictive value for NC410-based anti-cancer therapy.</p>
<span class="doi doi--article-section">
<a href="https://doi.org/10.7554/eLife.16370" class="doi__link">
https://doi.org/10.7554/eLife.16370
</a>
</span>
<ul class="article-section__related article-section__separator-circle">
<li class="article-section__related_item">
<a href="#" class="article-section__related_link">Decision letter</a>
</li>
<li class="article-section__related_item">
<a href="#" class="article-section__related_link">Reviews on Sciety</a>
</li>
<li class="article-section__related_item">
<a href="#" class="article-section__related_link">eLife's review process</a>
</li>
</ul>
</div>
</section>
Article Section Without Title
TNF Receptor Associated Factor 2 (TRAF2) is an adaptor protein that transduces signals following ligation of certain cytokine receptors including those binding TNF. It was first identified together with TRAF1 as a component of TNF receptor-2 and then TNF receptor-1 (TNFR1) signalling complexes (Rothe et al., 1994; Shu et al., 1996). TRAF2, like most other TRAFs, contains a RING domain, several zinc fingers, a TRAF-N, and a conserved TRAF-C domain which is responsible for oligomerisation and receptor binding through its MATH region (Takeuchi et al., 1996; Uren and Vaux, 1996).
RING domains are nearly always associated with ubiquitin E3 ligase activity (Shi and Kehrl, 2003) and TRAF2 can promote ubiquitylation of RIPK1 in TNFR1 signalling complexes (TNFR1-SC) (Wertz et al., 2004). However TRAF2 recruits E3 ligases such as cIAPs to TNFR1-SC and these have also been shown to be able to ubiquitylate RIPK1 and regulate TNF signalling (Dynek et al., 2010; Mahoney et al., 2008; Varfolomeev et al., 2008; Vince et al., 2009). This makes it difficult to unambiguously determine the role of the E3 ligase activity of TRAF2.
Activation of JNK and NF-κB by TNF is reduced in cells from Traf2-/- mice while only JNK signalling was affected in lymphocytes from transgenic mice that express a dominant negative (DN) form of TRAF2 that lacks the RING domain (Lee et al., 1997; Yeh et al., 1997). Traf2-/-Traf5-/- mouse embryonic fibroblasts (MEFs) have a pronounced defect in activation of NF-κB by TNF, suggesting that absence of TRAF2 can be compensated by TRAF5 (Tada et al., 2001). Although activation of NF-κB was restored in Traf2-/-Traf5-/- cells by re-expression of wild type TRAF2, it was not restored when the cells were reconstituted with TRAF2 point mutants that could not bind cIAPs (Vince et al., 2009; Zhang et al., 2010). These data, together with a wealth of different lines of evidence showing that cIAPs are critical E3 ligases required for TNF-induced canonical NF-κB (Blackwell et al., 2013; Haas et al., 2009; Silke, 2011), support the idea that the main function of TRAF2 in TNF-induced NF-κB is to recruit cIAPs to the TNFR1-SC. However, it remains possible that the RING of TRAF2 plays another function, such as in activating JNK and protecting cells from TNF-induced cell death (Vince et al., 2009; Zhang et al., 2010). Furthermore it has been shown that TRAF2 can K48-ubiquitylate caspase-8 to set the threshold for TRAIL or Fas induced cell death (Gonzalvez et al., 2012). Moreover, TRAF2 inhibits non-canonical NF-κB signalling (Grech et al., 2004; Zarnegar et al., 2008) and this function requires the RING domain of TRAF2 to induce proteosomal degradation of NIK (Vince et al., 2009). However, structural and in vitro analyses indicate that, unlike TRAF6, the RING domain of TRAF2 is unable to bind E2 conjugating enzymes (Yin et al., 2009), and is therefore unlikely to have intrinsic E3 ligase activity.
Sphingosine-1-phosphate (S1P) is a pleiotropic sphingolipid mediator that regulates proliferation, differentiation, cell trafficking and vascular development (Pitson, 2011). S1P is generated by sphingosine kinase 1 and 2 (SPHK1 and SPHK2) (Kohama et al., 1998; Liu et al., 2000). Extracellular S1P mainly acts by binding to its five G protein-coupled receptors S1P1-5 (Hla and Dannenberg, 2012). However, some intracellular roles have been suggested for S1P, including the blocking of the histone deacetylases, HDAC1/2 (Hait et al., 2009) and the induction of apoptosis through interaction with BAK and BAX (Chipuk et al., 2012).
Recently, it was suggested that the RING domain of TRAF2 requires S1P as a co-factor for its E3 ligase activity (Alvarez et al., 2010). Alvarez and colleagues proposed that SPHK1 but not SPHK2 is activated by TNF and phosphorylates sphingosine to S1P which in turn binds to the RING domain of TRAF2 and serves as an essential co-factor that was missing in the experiments of Yin et al. Alvarez and colleagues, observed that in the absence of SPHK1, TNF-induced NF-κB activation was completely abolished.
Although we know a lot about TRAF2, there are still important gaps particularly with regard to cell type specificity and in vivo function of TRAF2. Moreover, despite the claims that SPHK1 and its product, S1P, are required for TRAF2 to function as a ubiquitin ligase, the responses of Traf2-/- and Sphk1-/- cells to TNF were not compared. Therefore, we undertook an analysis of TRAF2 and SPHK1 function in TNF signalling in a number of different tissues.
Surprisingly, we found that neither TRAF2 nor SPHK1 are required for TNF mediated canonical NF-κB and MAPK signalling in macrophages. However, MEFs, murine dermal fibroblasts (MDFs) and keratinocytes required TRAF2 but not SPHK1 for full strength TNF signalling. In these cell types, absence of TRAF2 caused a delay in TNF-induced activation of NF-κB and MAPK, and sensitivity to killing by TNF was increased. Absence of TRAF2 in keratinocytes in vivo resulted in psoriasis-like epidermal hyperplasia and skin inflammation. Unlike TNF-dependent genetic inflammatory skin conditions, such as IKK2 epidermal knock-out (Pasparakis et al., 2002) and the cpdm mutant (Gerlach et al., 2011), the onset of inflammation was only delayed, and not prevented by deletion of TNF. This early TNF-dependent inflammation is caused by excessive apoptotic but not necroptotic cell death and could be prevented by deletion of Casp8. We observed constitutive activation of NIK and non-canonical NF-κB in Traf2-/- keratinocytes which caused production of inflammatory cytokines and chemokines. We were able to reverse this inflammatory phenotype by simultaneously deleting both Tnf and Nfkb2 genes. Our results highlight the important role TRAF2 plays to protect keratinocytes from cell death and to down-regulate inflammatory responses and support the idea that intrinsic defects in keratinocytes can initiate psoriasis-like skin inflammation.
HTML
<section
class="article-section "
>
<div class="article-section__body">
<p>TNF Receptor Associated Factor 2 (TRAF2) is an adaptor protein that transduces signals following ligation of certain cytokine receptors including those binding TNF. It was first identified together with TRAF1 as a component of TNF receptor-2 and then TNF receptor-1 (TNFR1) signalling complexes (<a class="xref-bibr" href="#bib50" rel="#bib50" title="">Rothe et al., 1994</a>; <a class="xref-bibr" href="#bib54" rel="#bib54" title="">Shu et al., 1996</a>). TRAF2, like most other TRAFs, contains a RING domain, several zinc fingers, a TRAF-N, and a conserved TRAF-C domain which is responsible for oligomerisation and receptor binding through its MATH region (<a class="xref-bibr" href="#bib60" rel="#bib60">Takeuchi et al., 1996</a>; <a class="xref-bibr" href="#bib63" rel="#bib63">Uren and Vaux, 1996</a>).</p><p>RING domains are nearly always associated with ubiquitin E3 ligase activity (<a class="xref-bibr" href="#bib52" rel="#bib52">Shi and Kehrl, 2003</a>) and TRAF2 can promote ubiquitylation of RIPK1 in TNFR1 signalling complexes (TNFR1-SC) (<a class="xref-bibr" href="#bib71" rel="#bib71">Wertz et al., 2004</a>). However TRAF2 recruits E3 ligases such as cIAPs to TNFR1-SC and these have also been shown to be able to ubiquitylate RIPK1 and regulate TNF signalling (<a class="xref-bibr" href="#bib13" rel="#bib13">Dynek et al., 2010</a>; <a class="xref-bibr" href="#bib34" rel="#bib34">Mahoney et al., 2008</a>; <a class="xref-bibr" href="#bib66" rel="#bib66">Varfolomeev et al., 2008</a>; <a class="xref-bibr" href="#bib68" rel="#bib68">Vince et al., 2009</a>). This makes it difficult to unambiguously determine the role of the E3 ligase activity of TRAF2.</p><p>Activation of JNK and NF-κB by TNF is reduced in cells from <em>Traf2<sup>-/- </sup></em>mice while only JNK signalling was affected in lymphocytes from transgenic mice that express a dominant negative (DN) form of TRAF2 that lacks the RING domain (<a class="xref-bibr" href="#bib31" rel="#bib31">Lee et al., 1997</a>; <a class="xref-bibr" href="#bib74" rel="#bib74">Yeh et al., 1997</a>). <em>Traf2</em><sup>-/-</sup><em>Traf5</em><sup>-/-</sup> mouse embryonic fibroblasts (MEFs) have a pronounced defect in activation of NF-κB by TNF, suggesting that absence of TRAF2 can be compensated by TRAF5 (<a class="xref-bibr" href="#bib59" rel="#bib59" title="">Tada et al., 2001</a>). Although activation of NF-κB was restored in <em>Traf2</em><sup>-/-</sup><em>Traf5</em><sup>-/-</sup> cells by re-expression of wild type TRAF2, it was not restored when the cells were reconstituted with TRAF2 point mutants that could not bind cIAPs (<a class="xref-bibr" href="#bib68" rel="#bib68">Vince et al., 2009</a>; <a class="xref-bibr" href="#bib79" rel="#bib79">Zhang et al., 2010</a>). These data, together with a wealth of different lines of evidence showing that cIAPs are critical E3 ligases required for TNF-induced canonical NF-κB (<a class="xref-bibr" href="#bib5" rel="#bib5">Blackwell et al., 2013</a>; <a class="xref-bibr" href="#bib21" rel="#bib21">Haas et al., 2009</a>; <a class="xref-bibr" href="#bib56" rel="#bib56">Silke, 2011</a>), support the idea that the main function of TRAF2 in TNF-induced NF-κB is to recruit cIAPs to the TNFR1-SC. However, it remains possible that the RING of TRAF2 plays another function, such as in activating JNK and protecting cells from TNF-induced cell death (<a class="xref-bibr" href="#bib68" rel="#bib68" title="">Vince et al., 2009</a>; <a class="xref-bibr" href="#bib79" rel="#bib79">Zhang et al., 2010</a>). Furthermore it has been shown that TRAF2 can K48-ubiquitylate caspase-8 to set the threshold for TRAIL or Fas induced cell death (<a class="xref-bibr" href="#bib17" rel="#bib17">Gonzalvez et al., 2012</a>). Moreover, TRAF2 inhibits non-canonical NF-κB signalling (<a class="xref-bibr" href="#bib18" rel="#bib18">Grech et al., 2004</a>; <a class="xref-bibr" href="#bib78" rel="#bib78">Zarnegar et al., 2008</a>) and this function requires the RING domain of TRAF2 to induce proteosomal degradation of NIK (<a class="xref-bibr" href="#bib68" rel="#bib68">Vince et al., 2009</a>). However, structural and in vitro analyses indicate that, unlike TRAF6, the RING domain of TRAF2 is unable to bind E2 conjugating enzymes (<a class="xref-bibr" href="#bib76" rel="#bib76">Yin et al., 2009</a>), and is therefore unlikely to have intrinsic E3 ligase activity.</p><p>Sphingosine-1-phosphate (S1P) is a pleiotropic sphingolipid mediator that regulates proliferation, differentiation, cell trafficking and vascular development (<a class="xref-bibr" href="#bib44" rel="#bib44">Pitson, 2011</a>). S1P is generated by sphingosine kinase 1 and 2 (SPHK1 and SPHK2) (<a class="xref-bibr" href="#bib28" rel="#bib28">Kohama et al., 1998</a>; <a class="xref-bibr" href="#bib33" rel="#bib33">Liu et al., 2000</a>). Extracellular S1P mainly acts by binding to its five G protein-coupled receptors S1P<sub>1-5</sub> (<a class="xref-bibr" href="#bib25" rel="#bib25">Hla and Dannenberg, 2012</a>). However, some intracellular roles have been suggested for S1P, including the blocking of the histone deacetylases, HDAC1/2 (<a class="xref-bibr" href="#bib22" rel="#bib22">Hait et al., 2009</a>) and the induction of apoptosis through interaction with BAK and BAX (<a class="xref-bibr" href="#bib9" rel="#bib9">Chipuk et al., 2012</a>).</p><p>Recently, it was suggested that the RING domain of TRAF2 requires S1P as a co-factor for its E3 ligase activity (<a class="xref-bibr" href="#bib3" rel="#bib3">Alvarez et al., 2010</a>). Alvarez and colleagues proposed that SPHK1 but not SPHK2 is activated by TNF and phosphorylates sphingosine to S1P which in turn binds to the RING domain of TRAF2 and serves as an essential co-factor that was missing in the experiments of Yin <em>et al.</em> Alvarez and colleagues, observed that in the absence of SPHK1, TNF-induced NF-κB activation was completely abolished.</p><p>Although we know a lot about TRAF2, there are still important gaps particularly with regard to cell type specificity and in vivo function of TRAF2. Moreover, despite the claims that SPHK1 and its product, S1P, are required for TRAF2 to function as a ubiquitin ligase, the responses of <em>Traf2<sup>-/- </sup></em>and <em>Sphk1<sup>-/-</sup></em> cells to TNF were not compared. Therefore, we undertook an analysis of TRAF2 and SPHK1 function in TNF signalling in a number of different tissues.</p><p>Surprisingly, we found that neither TRAF2 nor SPHK1 are required for TNF mediated canonical NF-κB and MAPK signalling in macrophages. However, MEFs, murine dermal fibroblasts (MDFs) and keratinocytes required TRAF2 but not SPHK1 for full strength TNF signalling. In these cell types, absence of TRAF2 caused a delay in TNF-induced activation of NF-κB and MAPK, and sensitivity to killing by TNF was increased. Absence of TRAF2 in keratinocytes in vivo resulted in psoriasis-like epidermal hyperplasia and skin inflammation. Unlike TNF-dependent genetic inflammatory skin conditions, such as IKK2 epidermal knock-out (<a class="xref-bibr" href="#bib40" rel="#bib40" title="">Pasparakis et al., 2002</a>) and the <em>cpdm</em> mutant (<a class="xref-bibr" href="#bib16" rel="#bib16">Gerlach et al., 2011</a>), the onset of inflammation was only delayed, and not prevented by deletion of TNF. This early TNF-dependent inflammation is caused by excessive apoptotic but not necroptotic cell death and could be prevented by deletion of <em>Casp8</em>. We observed constitutive activation of NIK and non-canonical NF-κB in <em>Traf2<sup>-/- </sup></em>keratinocytes which caused production of inflammatory cytokines and chemokines. We were able to reverse this inflammatory phenotype by simultaneously deleting both <em>Tnf</em> and <em>Nfkb2</em> genes. Our results highlight the important role TRAF2 plays to protect keratinocytes from cell death and to down-regulate inflammatory responses and support the idea that intrinsic defects in keratinocytes can initiate psoriasis-like skin inflammation.</p>
</div>
</section>
Assessment
- Landmark
- Fundamental
- Important
- Valuable
- Useful
- Exceptional
- Compelling
- Convincing
- Solid
- Incomplete
- Inadequate
During the peer-review process the editor and reviewers write an eLife Assessment that summarises the significance of the findings reported in the article (on a scale ranging from landmark to useful) and the strength of the evidence (on a scale ranging from exceptional to inadequate). Learn more about eLife Assessments
HTML
<div data-behaviour="Assessment" class="assessment__wrapper">
<div class="assessment__container" aria-expanded="false">
<section class="term_wrapper">
<div class="term-title">Significance of the findings:</div>
<div class="term-description" aria-label="eLife assessments use a common vocabulary to describe significance. The term chosen for this paper is:"><b>Valuable</b>: Contains findings that have theoretical or practical implications for a subfield.</div>
<ul class="terms" aria-label="The following is a list terms editors can choose from">
<li class="term">Landmark</li>
<li class="term">Fundamental</li>
<li class="term">Important</li>
<li class="term term-highlighted">Valuable</li>
<li class="term">Useful</li>
</ul>
</section>
<section class="term_wrapper">
<div class="term-title">Strength of evidence:</div>
<div class="term-description" aria-label="eLife assessments use a common vocabulary to describe strength of evidence. The term or terms chosen for this paper is:"><b>Solid</b>: Methods, data and analyses broadly support the claims with only minor weaknesses.</div>
<ul class="terms" aria-label="The following is a list terms editors can choose from">
<li class="term">Exceptional</li>
<li class="term">Compelling</li>
<li class="term">Convincing</li>
<li class="term term-highlighted">Solid</li>
<li class="term">Incomplete</li>
<li class="term">Inadequate</li>
</ul>
</section>
<p class="assessment__summary">During the peer-review process the editor and reviewers write an eLife Assessment that summarises the significance of the findings reported in the article (on a scale ranging from landmark to useful) and the strength of the evidence (on a scale ranging from exceptional to inadequate). <a href="https://elifesciences.org/about/elife-assessments">Learn more about eLife Assessments</a></p>
</div>
</div>
Audio Player
HTML
<div class="audio-player" data-behaviour="AudioPlayer"
data-metadata="{'number': 43, '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 43</a></div>
<audio class="audio-player__player" controls preload="metadata">
<source src="https://nakeddiscovery.com/download/audio/eLife_Podcast_11.17.mp3" type='audio/mp3' class="media-source"/>
<div>
<a href="https://nakeddiscovery.com/download/audio/eLife_Podcast_11.17.mp3" class="media-source__fallback_link media-source__fallback_link--audio-player"
>Download the podcast (mp3)</a>
</div>
</audio>
</div>
</div>
Authors Details
Author details
Jenny Bloggs
- Evolutionary Studies Institute and Centre of Excellence in PalaeoSciences, University of the Witwatersrand, Johannesburg, South Africa
- School of Geosciences, University of the Witwatersrand, Johannesburg, South Africa
Present addresses
- Department of Inventive Inventions, Univertity of Wessex, Windowchester, Wessex
Contribution
Conception and design, Acquisition of data, Analysis and interpretation of data, Drafting or revising the article, Contributed unpublished essential data or reagentsFor correspondence
Competing interests
No competing interests declared"This ORCID iD identifies the author of this article:" 0000-0002-3400-7927 ICGC Chronic Myeloid Disorders Group
- Cancer Genome Project, Wellcome Trust Sanger Institute, Hinxton, United Kingdom
Competing interests
No competing interests declared- Luca Malcovati, Fondazione IRCCS Policlinico San Matteo, University of Pavia, Pavia, Italy
- Sudhir Tauro, Division of Medial Sciences, University of Dundee, Dundee, UK
- Jacqueline Boultwood, Nuffield Department of Clinical Laboratory Sciences, University of Oxford, UK
HTML
<h3 class="authors-details__heading">Author details</h3>
<ol class="authors-details__authors">
<li class="authors-details__author"><div class="author-details" data-popup-contents="author1" id="author1">
<h4 class="author-details__name">Jenny Bloggs</h4>
<section class="author-details__section">
<ol class="author-details__list list list--bullet">
<li class="author-details__text">Evolutionary Studies Institute and Centre of Excellence in PalaeoSciences, University of the Witwatersrand, Johannesburg, South Africa</li>
<li class="author-details__text">School of Geosciences, University of the Witwatersrand, Johannesburg, South Africa</li>
</ol>
</section>
<section class="author-details__section">
<h5 class="author-details__heading">Present addresses</h5>
<ol class="author-details__list list list--bullet">
<li class="author-details__text">Department of Inventive Inventions, Univertity of Wessex, Windowchester, Wessex</li>
</ol>
</section>
<section class="author-details__section">
<h5 class="author-details__heading">Contribution</h5>
<span class="author-details__text">Conception and design, Acquisition of data, Analysis and interpretation of data, Drafting or revising the article, Contributed unpublished essential data or reagents</span>
</section>
<section class="author-details__section">
<h5 class="author-details__heading">For correspondence</h5>
<ol class="author-details__list list list--bullet">
<li class="author-details__text"><a href="mailto:jenny@bloggs.com">jenny@bloggs.com</a></li>
<li class="author-details__text"><a href="tel:+1555432109876">+1 555-4321-09876</a></li>
</ol>
</section>
<section class="author-details__section">
<h5 class="author-details__heading">Competing interests</h5>
<span class="author-details__text">No competing interests declared</span>
</section>
<section class="author-details__section">
<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>
</section>
</div>
</li>
<li class="authors-details__author"><div class="author-details" data-popup-contents="author2" id="author2">
<h4 class="author-details__name">ICGC Chronic Myeloid Disorders Group</h4>
<section class="author-details__section">
<ol class="author-details__list list list--bullet">
<li class="author-details__text">Cancer Genome Project, Wellcome Trust Sanger Institute, Hinxton, United Kingdom</li>
</ol>
</section>
<section class="author-details__section">
<h5 class="author-details__heading">Competing interests</h5>
<span class="author-details__text">No competing interests declared</span>
</section>
<ol class="list list--bullet">
<li>Luca Malcovati, Fondazione IRCCS Policlinico San Matteo, University of Pavia, Pavia, Italy</li>
<li>Sudhir Tauro, Division of Medial Sciences, University of Dundee, Dundee, UK</li>
<li>Jacqueline Boultwood, Nuffield Department of Clinical Laboratory Sciences, University of Oxford, UK</li>
</ol>
</div>
</li>
</ol>
Authors
- 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;
HTML
<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>
Authors Between Three And Ten Authors
- Lee R Berger
- John Hawks
- Darryl J de Ruiter
- Steven E Churchill
- Peter Schmid
- 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;
HTML
<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>
</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>
Authors Less Then Three Authors
- 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;
HTML
<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>
</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>
Bar Chart
HTML
<div
data-behaviour="Metrics"
data-id="09560"
data-type="article"
data-container-id="chart-1"
data-metric="downloads"
data-period="month"
data-api-endpoint="https://prod--gateway.elifesciences.org"
data-chevron-left-svg="../../assets/img/patterns/molecules/chevron-left-ic.svg"
data-chevron-left-srcset="../../assets/img/patterns/molecules/chevron-left-ic_2x.png 48w, ../../assets/img/patterns/molecules/chevron-left-ic_1x.png 24w"
data-chevron-left-src="../../assets/img/patterns/molecules/chevron-left-ic_1x.png"
data-chevron-right-svg="../../assets/img/patterns/molecules/chevron-right-ic.svg"
data-chevron-right-srcset="../../assets/img/patterns/molecules/chevron-right-ic_2x.png 48w, ../../assets/img/patterns/molecules/chevron-right-ic_1x.png 24w"
data-chevron-right-src="../../assets/img/patterns/molecules/chevron-right-ic_1x.png"
aria-hidden="true"
>
</div>
Button Collection
HTML
<ol class="button-collection">
<li class="button-collection__item"> <a href="#" class="button button--default" aria-label="Descriptive and accessible name">Button 1</a>
</li>
<li class="button-collection__item"> <a href="#" class="button button--default" aria-label="Descriptive and accessible name">Button 2</a>
</li>
<li class="button-collection__item"> <a href="#" class="button button--outline" aria-label="Descriptive and accessible name">Button 3</a>
</li>
</ol>
Button Collection Centered
HTML
<ol class="button-collection button-collection--centered">
<li class="button-collection__item"> <a href="#" class="button button--default" aria-label="Descriptive and accessible name">Button 1</a>
</li>
<li class="button-collection__item"> <a href="#" class="button button--default" aria-label="Descriptive and accessible name">Button 2</a>
</li>
<li class="button-collection__item"> <a href="#" class="button button--outline" aria-label="Descriptive and accessible name">Button 3</a>
</li>
</ol>
Button Collection Citation Modal
HTML
<ol class="button-collection">
<li class="button-collection__item"> <button class="button button--default" type="button" aria-label="Descriptive and accessible name">Copy to clipboard</button>
</li>
<li class="button-collection__item"> <button class="button button--default button--secondary" type="button" aria-label="Descriptive and accessible name">Download Bibtex</button>
</li>
<li class="button-collection__item"> <button class="button button--default button--secondary" type="button" aria-label="Descriptive and accessible name">Download .RIS</button>
</li>
</ol>
Button Collection Compact
HTML
<ol class="button-collection button-collection--compact">
<li class="button-collection__item"> <a href="#" class="button button--default" aria-label="Descriptive and accessible name">Button 1</a>
</li>
<li class="button-collection__item"> <a href="#" class="button button--default" aria-label="Descriptive and accessible name">Button 2</a>
</li>
<li class="button-collection__item"> <a href="#" class="button button--outline" aria-label="Descriptive and accessible name">Button 3</a>
</li>
</ol>
Button Collection Inline
HTML
<ol class="button-collection button-collection--inline">
<li class="button-collection__item"> <a href="#download" class="button button--default button--action icon icon-download" id="button-action-download" aria-label="Descriptive and accessible name">Download</a>
</li>
<li class="button-collection__item"> <a href="#citation" class="button button--default button--action icon icon-citation" id="button-action-citation" aria-label="Descriptive and accessible name">Cite</a>
</li>
<li class="button-collection__item"> <a href="#share" class="button button--default button--action icon icon-share" id="button-action-share" aria-label="Descriptive and accessible name">Share</a>
</li>
<li class="button-collection__item"><div data-hypothesis-trigger>
<a href="#comment" class="button button--default button--action icon icon-comment" data-behaviour="HypothesisTrigger" aria-label="Descriptive and accessible name">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></a>
</div>
</li>
</ol>
Call To Action
HTML
<div class="call-to-action-wrapper"
id="54321"
>
<div class="call-to-action">
<picture class="call-to-action__image">
<img src="https://unsplash.it/80/80/"
srcset="https://unsplash.it/160/160/ 2x, https://unsplash.it/80/80/ 1x"
alt=""
>
</picture>
<div class="call-to-action__text">Hear more about our new Editor-in-Chief, and the latest developments at eLife</div>
<div class="call-to-action__button_wrapper">
<a href="#" class="button button--default call-to-action__button" id="54321">Sign up for eLife news</a>
</div>
</div>
</div>
Call To Action Needs Js Cookie Expires
HTML
<div class="call-to-action-wrapper call-to-action-wrapper--needs-js"
id="54321"
data-behaviour="CallToAction"
data-cookie-name-root="callToAction_"
data-cookie-expires="Tue, 19 January 2038 03:14:07 UTC"
>
<div class="call-to-action">
<picture class="call-to-action__image">
<img src="https://unsplash.it/80/80/"
srcset="https://unsplash.it/160/160/ 2x, https://unsplash.it/80/80/ 1x"
alt=""
>
</picture>
<div class="call-to-action__text">Hear more about our new Editor-in-Chief, and the latest developments at eLife</div>
<div class="call-to-action__button_wrapper">
<a href="#" class="button button--default call-to-action__button" id="54321" aria-label="Descriptive and accessible name">Sign up for eLife news</a>
</div>
</div>
</div>
Compact Form
atoms-hidden-field
atoms-honeypot
HTML
<form class="compact-form" id="myCompactForm" action="#" method="GET" novalidate>
<fieldset class="compact-form__container">
<label>
<span class="visuallyhidden">Email</span>
<input type="email" name="email" value="" placeholder="you@email.com"
class="compact-form__input"
>
</label>
<input type="hidden" name="hidden" value="hello">
<button type="reset" name="reset" class="compact-form__reset"><span class="visuallyhidden">Reset form</span></button>
<button type="submit" class="compact-form__submit"><span class="visuallyhidden">Go</span></button>
</fieldset>
</form>
Compact Form Error
atoms-hidden-field
atoms-honeypot
HTML
<form class="compact-form compact-form--invalid" id="myCompactForm" action="#" method="GET" novalidate>
<fieldset class="compact-form__container">
<label>
<span class="visuallyhidden">Email</span>
<input type="email" name="email" value="" placeholder="you@email.com"
class="compact-form__input"
aria-describedby="idOfTheMessageGroup" aria-invalid="true"
>
</label>
<div id="idOfTheMessageGroup">
<div class="compact-form__message compact-form__message--invalid">Please provide a valid value</div>
</div>
<input type="hidden" name="hidden" value="hello">
<button type="reset" name="reset" class="compact-form__reset"><span class="visuallyhidden">Reset form</span></button>
<button type="submit" class="compact-form__submit"><span class="visuallyhidden">Go</span></button>
</fieldset>
</form>
Compact Form Info
atoms-hidden-field
atoms-honeypot
HTML
<form class="compact-form" id="myCompactForm" action="#" method="GET" novalidate>
<fieldset class="compact-form__container">
<label>
<span class="visuallyhidden">Email</span>
<input type="email" name="email" value="" placeholder="you@email.com"
class="compact-form__input"
aria-describedby="idOfTheMessageGroup"
>
</label>
<div id="idOfTheMessageGroup">
<div class="compact-form__message compact-form__message--info">You may wish to consider this</div>
</div>
<input type="hidden" name="hidden" value="hello">
<button type="reset" name="reset" class="compact-form__reset"><span class="visuallyhidden">Reset form</span></button>
<button type="submit" class="compact-form__submit"><span class="visuallyhidden">Go</span></button>
</fieldset>
</form>
Contextual Data
- Views 149
- Cited 5
- Annotations
atoms-doi
HTML
<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="#">Views 149</a></li>
<li class="contextual-data__item">Cited 5</li>
<li class="contextual-data__item" data-hypothesis-trigger><span class="contextual-data__item__hypothesis_opener">Annotations</span> <button class="speech-bubble speech-bubble--small "
data-behaviour="SpeechBubble HypothesisOpener"
aria-live="polite">
<span class="speech-bubble__inner"><span aria-hidden="true"><span data-visible-annotation-count>0</span> </span><span class="visuallyhidden">Open annotations (there are currently <span data-hypothesis-annotation-count>0</span> annotations on this page). </span></span>
</button>
</li>
</ul>
</div>
Contextual Data With Citation
- Views 149
- Cited 5
- Annotations
atoms-doi
HTML
<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="#">Views 149</a></li>
<li class="contextual-data__item">Cited 5</li>
<li class="contextual-data__item" data-hypothesis-trigger><span class="contextual-data__item__hypothesis_opener">Annotations</span> <button class="speech-bubble speech-bubble--small "
data-behaviour="SpeechBubble HypothesisOpener"
aria-live="polite">
<span class="speech-bubble__inner"><span aria-hidden="true"><span data-visible-annotation-count>0</span> </span><span class="visuallyhidden">Open annotations (there are currently <span data-hypothesis-annotation-count>0</span> annotations on this page). </span></span>
</button>
</li>
</ul>
<div class="contextual-data__cite_wrapper">
<span class="contextual-data__cite"><span class="contextual-data__cite_label">Cite <span class="visuallyhidden"> this article</span> as:</span> eLife 2016;5:e16370</span>
<span class="doi">doi:
<a href="https://doi.org/10.7554/eLife.16370" class="doi__link">
10.7554/eLife.16370
</a>
</span>
</div>
</div>
Contextual Data With Download
- Views 149
- Downloads 20
- Cited 5
- Annotations
atoms-doi
HTML
<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="#">Views 149</a></li>
<li class="contextual-data__item">Downloads 20</li>
<li class="contextual-data__item">Cited 5</li>
<li class="contextual-data__item" data-hypothesis-trigger><span class="contextual-data__item__hypothesis_opener">Annotations</span> <button class="speech-bubble speech-bubble--small "
data-behaviour="SpeechBubble HypothesisOpener"
aria-live="polite">
<span class="speech-bubble__inner"><span aria-hidden="true"><span data-visible-annotation-count>0</span> </span><span class="visuallyhidden">Open annotations (there are currently <span data-hypothesis-annotation-count>0</span> annotations on this page). </span></span>
</button>
</li>
</ul>
</div>
Filter Group
HTML
<fieldset class="filter-group">
<legend id="filter-group__title" class="filter-group__title">Subject</legend>
<ul class="filter-group__filters" aria-labelledby="filter-group__title">
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Cell" value="1" checked>Cell Biology (71<span class="visuallyhidden"> results</span>)</label>
</li>
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Neuroscience" value="1" >Neuroscience (2<span class="visuallyhidden"> results</span>)</label>
</li>
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Biophysics " value="1" >Biophysics and Structural Biology (24<span class="visuallyhidden"> results</span>)</label>
</li>
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Biochemistry" value="1" checked>Biochemistry (71<span class="visuallyhidden"> results</span>)</label>
</li>
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Developmental" value="1" >Developmental Biology and Stem Cells (13<span class="visuallyhidden"> results</span>)</label>
</li>
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Immunology" value="1" >Immunology (144<span class="visuallyhidden"> results</span>)</label>
</li>
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Ecology" value="1" >Ecology (71<span class="visuallyhidden"> results</span>)</label>
</li>
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Epidemiology " value="1" >Epidemiology and Global Health (57<span class="visuallyhidden"> results</span>)</label>
</li>
</ul>
</fieldset>
Highlight Item
HTML
<li class="highlight-item">
<a href="#link-to-article" class="highlight-item__picture-wrapper">
<picture class='highlight-item__picture'>
<img src='https://unsplash.it/1114/336'
alt=''
class='highlight-item__image' />
</picture>
</a>
<div class="highlight-item__body">
<h2 class="highlight-item__title">
<a href="#link-to-article" class="highlight-item__title_link">[Do not use this base pattern directly: see the following variants of this pattern for usage]</a>
</h2>
<div class="highlight-item__meta">
<div data-behaviour="Meta" class="meta">
<span class="meta__type">#</span>
</div>
</div>
</div>
</li>
Highlight Item Article Long Authors
Molecular basis for multimerization in the activation of the epidermal growth factor
Summary
HTML
<li class="highlight-item">
<a href="#link-to-article" class="highlight-item__picture-wrapper">
<picture class='highlight-item__picture'>
<img src='https://unsplash.it/250/140/'
alt='Meaningful alt text please.'
class='highlight-item__image' />
</picture>
</a>
<div class="highlight-item__body">
<h2 class="highlight-item__title">
<a href="#link-to-article" class="highlight-item__title_link">Molecular basis for multimerization in the activation of the epidermal growth factor</a>
</h2>
<p class="paragraph">Summary</p>
<div class="author-line">Thisisanexample Ofareallylongauthorline, Todemonstrate Whatitlookslike ... Ifthis Valuewraps</div>
<div class="highlight-item__meta">
<div data-behaviour="Meta" class="meta">
<span class="meta__type">#</span>
</div>
</div>
</div>
</li>
Highlight Item Article Poa
Molecular basis for multimerization in the activation of the epidermal growth factor
Summary
HTML
<li class="highlight-item">
<a href="#link-to-article" class="highlight-item__picture-wrapper">
<picture class='highlight-item__picture'>
<img src='https://unsplash.it/250/140/'
alt='Meaningful alt text please.'
class='highlight-item__image' />
</picture>
</a>
<div class="highlight-item__body">
<h2 class="highlight-item__title">
<a href="#link-to-article" class="highlight-item__title_link">Molecular basis for multimerization in the activation of the epidermal growth factor</a>
</h2>
<p class="paragraph">Summary</p>
<div class="author-line">Yongjian Huang, Shashank Bharill ... John Kuriyan</div>
<div class="highlight-item__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Research article</a>
<span class="date"> <time datetime="2016-03-28">Mar 28, 2016</time></span>
</div>
</div>
</div>
</li>
Highlight Item Article Vor
HTML
<li class="highlight-item">
<a href="#link-to-article" class="highlight-item__picture-wrapper">
<picture class='highlight-item__picture'>
<img src='https://unsplash.it/250/140/'
alt='Meaningful alt text please.'
class='highlight-item__image' />
</picture>
</a>
<div class="highlight-item__body">
<h2 class="highlight-item__title">
<a href="#link-to-article" class="highlight-item__title_link"><i>Homo naledi</i>, a new species of the genus <i>Homo</i> from the Dinaledi Chamber, South Africa</a>
</h2>
<p class="paragraph">Summary</p>
<div class="author-line">Lee R Berger</div>
<div class="highlight-item__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>
</div>
</li>
Highlight Item Blog Article
More eLife authors are linking submissions to their ORCID iDs
eLife sees positive results of requiring corresponding authors to register and link their profiles to their ORCID iDs
HTML
<li class="highlight-item">
<a href="#link-to-article" class="highlight-item__picture-wrapper">
<picture class='highlight-item__picture'>
<img src='https://unsplash.it/250/140/'
alt='Meaningful alt text please.'
class='highlight-item__image' />
</picture>
</a>
<div class="highlight-item__body">
<h2 class="highlight-item__title">
<a href="#link-to-article" class="highlight-item__title_link">More eLife authors are linking submissions to their ORCID iDs</a>
</h2>
<p class="paragraph">eLife sees positive results of requiring corresponding authors to register and link their profiles to their ORCID iDs</p>
<div class="highlight-item__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Blog article</a>
<span class="date"> <time datetime="2016-06-09">Jun 9, 2016</time></span>
</div>
</div>
</div>
</li>
Highlight Item Collection With Summary
HTML
<li class="highlight-item">
<a href="#link-to-article" class="highlight-item__picture-wrapper">
<picture class='highlight-item__picture'>
<img src='https://unsplash.it/250/140/'
alt='Meaningful alt text please.'
class='highlight-item__image' />
</picture>
</a>
<div class="highlight-item__body">
<h2 class="highlight-item__title">
<a href="#link-to-article" class="highlight-item__title_link">Highlights from Japan</a>
</h2>
<p class="paragraph">Summary</p>
<div class="highlight-item__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Promotional collections</a>
<span class="date"> <time datetime="2015-09-16">Sep 16, 2015</time></span>
</div>
</div>
</div>
</li>
Highlight Item Collection Without Summary
HTML
<li class="highlight-item">
<a href="#link-to-article" class="highlight-item__picture-wrapper">
<picture class='highlight-item__picture'>
<img src='https://unsplash.it/250/140/'
alt='Meaningful alt text please.'
class='highlight-item__image' />
</picture>
</a>
<div class="highlight-item__body">
<h2 class="highlight-item__title">
<a href="#link-to-article" class="highlight-item__title_link">Highlights from Japan</a>
</h2>
<div class="highlight-item__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Promotional collections</a>
<span class="date"> <time datetime="2015-09-16">Sep 16, 2015</time></span>
</div>
</div>
</div>
</li>
Highlight Item Event
eLife Continuum webinar
We're inviting all interested parties to participate in a webinar to learn about leveraging our new open-source publishing platform.
HTML
<li class="highlight-item">
<a href="#" class="highlight-item__picture-wrapper">
<picture class='highlight-item__picture'>
<img src='https://unsplash.it/250/140/'
alt='Meaningful alt text please.'
class='highlight-item__image' />
</picture>
</a>
<div class="highlight-item__body">
<h2 class="highlight-item__title">
<a href="#" class="highlight-item__title_link">eLife Continuum webinar</a>
</h2>
<p class="paragraph">We're inviting all interested parties to participate in a webinar to learn about leveraging our new open-source publishing platform.</p>
<div class="highlight-item__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Event</a>
<span class="date"> <time datetime="2016-07-01">Jul 1, 2016</time></span>
</div>
</div>
</div>
</li>
Highlight Item Interview
HTML
<li class="highlight-item">
<a href="#link-to-article" class="highlight-item__picture-wrapper">
<picture class='highlight-item__picture'>
<img src='https://unsplash.it/250/140/'
alt='Meaningful alt text please.'
class='highlight-item__image' />
</picture>
</a>
<div class="highlight-item__body">
<h2 class="highlight-item__title">
<a href="#link-to-article" class="highlight-item__title_link">Infection, statistics and public health</a>
</h2>
<p class="paragraph">Summary</p>
<div class="highlight-item__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Interview</a>
<span class="date"> <time datetime="2015-11-03">Nov 3, 2015</time></span>
</div>
</div>
</div>
</li>
Highlight Item Labs Post
HTML
<li class="highlight-item">
<a href="#link-to-article" class="highlight-item__picture-wrapper">
<picture class='highlight-item__picture'>
<img src='https://unsplash.it/250/140/'
alt='Meaningful alt text please.'
class='highlight-item__image' />
</picture>
</a>
<div class="highlight-item__body">
<h2 class="highlight-item__title">
<a href="#link-to-article" class="highlight-item__title_link">Experimental eLife Lens search page</a>
</h2>
<p class="paragraph">Summary</p>
<div class="highlight-item__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Labs post</a>
<span class="date"> <time datetime="2015-04-01">Apr 1, 2015</time></span>
</div>
</div>
</div>
</li>
Highlight Item Podcast Episode
HTML
<li class="highlight-item">
<a href="#link-to-article" class="highlight-item__picture-wrapper">
<picture class='highlight-item__picture'>
<img src='https://unsplash.it/250/140/'
alt='Meaningful alt text please.'
class='highlight-item__image' />
</picture>
</a>
<div class="highlight-item__body">
<h2 class="highlight-item__title">
<a href="#link-to-article" class="highlight-item__title_link">April/May 2016</a>
</h2>
<p class="paragraph">Summary</p>
<div class="highlight-item__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Podcast episode</a>
<span class="date"> <time datetime="2016-05-27">May 27, 2016</time></span>
</div>
</div>
</div>
</li>
Highlight Item Press Pack
Scientists prove key aspect of evolutionary theory
While this event was first predicted almost twenty years ago, evidence for it has proved elusive.
HTML
<li class="highlight-item">
<a href="#" class="highlight-item__picture-wrapper">
<picture class='highlight-item__picture'>
<img src='https://unsplash.it/250/140/'
alt='Meaningful alt text please.'
class='highlight-item__image' />
</picture>
</a>
<div class="highlight-item__body">
<h2 class="highlight-item__title">
<a href="#" class="highlight-item__title_link">Scientists prove key aspect of evolutionary theory</a>
</h2>
<p class="paragraph">While this event was first predicted almost twenty years ago, evidence for it has proved elusive.</p>
<div class="highlight-item__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Press pack</a>
<span class="date"> <time datetime="2016-01-26">Jan 26, 2016</time></span>
</div>
</div>
</div>
</li>
Highlight Item Reviewed Preprint
HTML
<li class="highlight-item">
<a href="#" class="highlight-item__picture-wrapper">
<picture class='highlight-item__picture'>
<img src='https://unsplash.it/250/140/'
alt='Meaningful alt text please.'
class='highlight-item__image' />
</picture>
</a>
<div class="highlight-item__body">
<h2 class="highlight-item__title">
<a href="#" class="highlight-item__title_link"><i>Homo naledi</i>, a new species of the genus <i>Homo</i> from the Dinaledi Chamber, South Africa</a>
</h2>
<p class="paragraph">Summary</p>
<div class="author-line">Lee R Berger</div>
<div class="highlight-item__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Reviewed preprint</a>
<span class="date"> <time datetime="2015-11-03">Nov 3, 2015</time></span>
</div>
</div>
</div>
</li>
Inline Profile
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor euismod mi. Morbi facilisis eros in mi consequat cursus. Nulla malesuada pretium mauris, vitae gravida diam laoreet ac. Curabitur ornare libero sed porta molestie. Ut ut sem in libero tincidunt lobortis. Nullam eros nisi, malesuada vitae leo sit amet, bibendum congue justo. Morbi iaculis lectus erat, vel dapibus metus posuere sit amet. Phasellus eget scelerisque massa. Mauris hendrerit ex in nisl ultricies elementum. Donec tellus risus, rhoncus molestie rutrum et, cursus eget mi. Praesent et elit tellus. Curabitur id sodales turpis. Fusce pulvinar aliquam commodo. Cras vitae dolor vitae metus dignissim auctor.Cras nulla purus, rhoncus et mollis in, imperdiet sed metus. In non porttitor nibh. In sit amet ipsum eget nisl laoreet tincidunt. Donec iaculis nibh quis lacus viverra sagittis. Phasellus imperdiet congue imperdiet.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc nisi tortor, rhoncus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor euismod mi. Morbi facilisis eros in mi consequat cursus. Nulla malesuada pretium mauris, vitae gravida diam laoreet ac. Curabitur ornare libero sed porta molestie. Ut ut sem in libero tincidunt lobortis. Nullam eros nisi, malesuada vitae leo sit amet, bibendum congue justo. Morbi iaculis lectus erat, vel dapibus metus posuere sit amet. Phasellus eget scelerisque massa. Mauris hendrerit ex in nisl ultricies elementum. Donec tellus risus, rhoncus molestie rutrum et, cursus eget mi. Praesent et elit tellus. Curabitur id sodales turpis. Fusce pulvinar aliquam commodo. Cras vitae dolor vitae metus dignissim auctor.Cras nulla purus, rhoncus et mollis in, imperdiet sed metus. In non porttitor nibh. In sit amet ipsum eget nisl laoreet tincidunt. Donec iaculis nibh quis lacus viverra sagittis. Phasellus imperdiet congue imperdiet.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc nisi tortor, rhoncus.
HTML
<div class="inline-profile">
<picture class="inline-profile__picture">
<img srcset="https://unsplash.it/240/288/ 2x, https://unsplash.it/120/144/ 1x"
src="https://unsplash.it/120/144/"
class="inline-profile__image"
alt="">
</picture>
<div class="inline-profile__text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor euismod mi. Morbi facilisis eros in mi consequat cursus. Nulla malesuada pretium mauris, vitae gravida diam laoreet ac. Curabitur ornare libero sed porta molestie. Ut ut sem in libero tincidunt lobortis. Nullam eros nisi, malesuada vitae leo sit amet, bibendum congue justo. Morbi iaculis lectus erat, vel dapibus metus posuere sit amet. Phasellus eget scelerisque massa. Mauris hendrerit ex in nisl ultricies elementum. Donec tellus risus, rhoncus molestie rutrum et, cursus eget mi. Praesent et elit tellus. Curabitur id sodales turpis. Fusce pulvinar aliquam commodo. Cras vitae dolor vitae metus dignissim auctor.Cras nulla purus, rhoncus et mollis in, imperdiet sed metus. In non porttitor nibh. In sit amet ipsum eget nisl laoreet tincidunt. Donec iaculis nibh quis lacus viverra sagittis. Phasellus imperdiet congue imperdiet.</p><p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc nisi tortor, rhoncus.</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor euismod mi. Morbi facilisis eros in mi consequat cursus. Nulla malesuada pretium mauris, vitae gravida diam laoreet ac. Curabitur ornare libero sed porta molestie. Ut ut sem in libero tincidunt lobortis. Nullam eros nisi, malesuada vitae leo sit amet, bibendum congue justo. Morbi iaculis lectus erat, vel dapibus metus posuere sit amet. Phasellus eget scelerisque massa. Mauris hendrerit ex in nisl ultricies elementum. Donec tellus risus, rhoncus molestie rutrum et, cursus eget mi. Praesent et elit tellus. Curabitur id sodales turpis. Fusce pulvinar aliquam commodo. Cras vitae dolor vitae metus dignissim auctor.Cras nulla purus, rhoncus et mollis in, imperdiet sed metus. In non porttitor nibh. In sit amet ipsum eget nisl laoreet tincidunt. Donec iaculis nibh quis lacus viverra sagittis. Phasellus imperdiet congue imperdiet.</p><p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc nisi tortor, rhoncus.</p>
</div>
</div>
Investor Logos
HTML
<ol class="investor-logos" role="list" aria-label="eLife is funded by these organisations">
<li class="investor-logos__item" role="listitem">
<div class="investor-logos__container">
<picture class="investor-logos__picture">
<img src="https://unsplash.it/290/72/"
alt="Meaningful alt text here please."
class="investor-logos__img"
>
</picture>
</div>
</li>
<li class="investor-logos__item" role="listitem">
<div class="investor-logos__container">
<picture class="investor-logos__picture">
<img src="https://unsplash.it/96/96/"
alt="Meaningful alt text here please."
class="investor-logos__img"
>
</picture>
</div>
</li>
<li class="investor-logos__item" role="listitem">
<div class="investor-logos__container">
<picture class="investor-logos__picture">
<img src="https://unsplash.it/290/65/"
alt="Meaningful alt text here please."
class="investor-logos__img"
>
</picture>
</div>
</li>
<li class="investor-logos__item" role="listitem">
<div class="investor-logos__container">
<picture class="investor-logos__picture">
<img src="https://unsplash.it/240/60/"
alt="Meaningful alt text here please."
class="investor-logos__img"
>
</picture>
</div>
</li>
<li class="investor-logos__item" role="listitem">
<div class="investor-logos__container">
<picture class="investor-logos__picture">
<img src="https://unsplash.it/210/70/"
alt="Meaningful alt text here please."
class="investor-logos__img"
>
</picture>
</div>
</li>
</ol>
Media Chapter Listing Item
HTML
<article class="media-chapter-listing-item" data-start-time="1010" data-chapter-number="4" data-behaviour="MediaChapterListingItem">
<span class="media-chapter-listing-item__time">16:50</span>
<header>
<div class="h4 media-chapter-listing-item__header_text">Drosophila duet: mating flies harmonise</div>
</header>
<div class="media-chapter-listing-item__body">Flies get to grips with acoustic duetting.</div>
<footer class="media-chapter-listing-item__footer">
<header class="visuallyhidden">This chapter is based on the following content</header>
<ul class="media-chapter-listing-item__source_list">
<li class="media-chapter-listing-item__source_list_item"><a href="https://elifesciences.org" class="media-chapter-listing-item__source_list_item_link">Research article</a> by someone awesome!</li>
<li class="media-chapter-listing-item__source_list_item"><a href="https://elifesciences.org" class="media-chapter-listing-item__source_list_item_link">Article</a> by someone else just as awesome!</li>
</ul>
</footer>
</article>
Meta Journal
HTML
<div class="meta">
<a class="meta__type" href="#" >Research article</a>
<span class="date"> <time datetime="2016-02-29">Feb 29, 2016</time></span>
</div>
Meta
HTML
<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>
Meta Not Revised
HTML
<div data-behaviour="Meta" class="meta">
<div class="meta__status">
<span class="meta__status-circle meta__status-circle-not-revised"></span>Not yet revised
</div>
<div class="meta__version">Reviewed Preprint v1</div>
<a class="meta__type" href="#" >Research article</a>
<span class="date"> <time datetime="2016-02-29">Feb 29, 2016</time></span>
</div>
Meta Poa
HTML
<div data-behaviour="Meta" class="meta">
<div class="meta__status">
Accepted Manuscript
</div>
<a class="meta__type" href="#" >Research article</a>
<span class="date"> <time datetime="2016-02-29">Feb 29, 2016</time></span>
</div>
Meta Revised
HTML
<div data-behaviour="Meta" class="meta">
<div class="meta__status">
<span class="meta__status-circle meta__status-circle-revised"></span>Revised
</div>
<div class="meta__version">Reviewed Preprint v3</div>
<a class="meta__type" href="#" >Research article</a>
<span class="date"> <time datetime="2016-02-29">Feb 29, 2016</time></span>
</div>
Meta Vor New
HTML
<div data-behaviour="Meta" class="meta">
<div class="meta__status">
<span class="meta__status-circle meta__status-circle-vor"></span>Version of Record
</div>
<a class="meta__type" href="#" >Research article</a>
<span class="date"> <time datetime="2016-02-29">Feb 29, 2016</time></span>
</div>
Meta Vor Old
HTML
<div data-behaviour="Meta" class="meta">
<div class="meta__status">
Version of Record
</div>
<a class="meta__type" href="#" >Research article</a>
<span class="date"> <time datetime="2016-02-29">Feb 29, 2016</time></span>
</div>
Mini Section
[heading]
[body]HTML
<div class="mini-section">
<h3 class="list-heading">[heading]</h3>
[body]
</div>
Personalised Cover Download
Download your personalised magazine cover
Thank you for publishing your research with us.
As a small keepsake for you and your co-authors we hope you’ll download this free poster highlighting your paper on an eLife magazine style cover.
Like your research it’s open access so you can print it, frame it, tweet it, use it as wallpaper in your lab...the possibilities are endless.
molecules-site-header-title
atoms-paragraph
atoms-list-heading
molecules-button-collection
HTML
<div class="wrapper-alternative">
<header class="site-header clearfix" id="siteHeader">
<div class="site-header__title-border clearfix" role="banner">
<div class="site-header__skip_to_content">
<a href="#maincontent" class="site-header__skip_to_content__link button button--default">Skip to Content</a>
</div>
<a href="#" class="site-header__logo_link">
<picture class="site-header__logo_link_image">
<source srcset="../../assets/img/patterns/organisms/elife-logo-xs.svg" type="image/svg+xml">
<img src="../../assets/img/patterns/organisms/elife-logo-xs@1x.png" alt="eLife logo" class="site-header__logo_link"/>
</picture>
<span class="visuallyhidden" >eLife home page</span>
</a>
</div>
</header>
<h1 class="personalised-cover__header-text">Download your personalised magazine cover</h1>
<div class="personalised-cover-outer">
<div class="personalised-cover-text">
<p class="paragraph">Thank you for publishing your research with us.</p>
<p class="paragraph">As a small keepsake for you and your co-authors we hope you’ll download this free poster highlighting your paper on an eLife magazine style cover.</p>
<p class="paragraph">Like your research it’s open access so you can print it, frame it, tweet it, use it as wallpaper in your lab...the possibilities are endless.</p>
</div>
<div class="personalised-cover-thumbnail">
<picture>
<source srcset="https://placehold.it/600x876"
type="image/svg+xml"
>
<img srcset="https://placehold.it/600x876 1x"
src="https://placehold.it/600x876"
sizes="138px"
alt="Meaningful alt text here please." />
</picture>
</div>
<div data-behaviour="PersonalisedCoverDownload" class="personalised-cover-buttons">
<h3 class="list-heading">A4</h3>
<ol class="button-collection">
<li class="button-collection__item"> <a href="#" class="button " aria-label="Descriptive and accessible name">Download PDF</a>
</li>
<li class="button-collection__item"> <a href="#" class="button " aria-label="Descriptive and accessible name">Download jpg</a>
</li>
</ol>
<h3 class="list-heading">US Letter</h3>
<ol class="button-collection">
<li class="button-collection__item"> <a href="#" class="button " aria-label="Descriptive and accessible name">Download PDF</a>
</li>
<li class="button-collection__item"> <a href="#" class="button " aria-label="Descriptive and accessible name">Download jpg</a>
</li>
</ol>
</div>
</div>
</div>
Profile Snippet
HTML
<div class="profile-snippet">
<div class="profile-snippet__container clearfix">
<picture class="profile-snippet__picture">
<img src="https://placehold.it/90x90"
srcset="https://placehold.it/90x90 1x"
alt="Meaningful alt text here please."
>
</picture>
<div class="profile-snippet__name">Name McNamerson</div>
<div class="profile-snippet__title">Title McTitleson</div>
<div class="profile-snippet__contact_details">
E: test.email@testemail.com
</div>
</div>
</div>
Pull Quote
Quote Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint est laborum.
HTML
<blockquote class="pull-quote">
<p>Quote <i>Incididunt</i> ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p><p>Excepteur sint est laborum.</p>
</blockquote>
Pull Quote With Cite
Quote Incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint est laborum.
May or may not be a link
HTML
<blockquote class="pull-quote">
<p>Quote <i>Incididunt</i> ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint est laborum.</p>
<cite class="pull-quote__cite"><a href="#">May or may not be a link</a></cite>
</blockquote>
Quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean interdum odio et sem fringilla, sit amet vulputate turpis sagittis. Cras non urna quam. Mauris vitae dui id ipsum varius semper. Curabitur sit amet viverra eros, ut maximus nisl. In hendrerit convallis turpis quis pulvinar. Donec porttitor faucibus ex, eget finibus velit vestibulum vitae. Donec nec nulla sollicitudin, volutpat enim interdum, sollicitudin erat.
Curabitur fermentum tellus ac rutrum efficitur. Phasellus libero magna, efficitur rutrum mauris a, mollis convallis lectus. Sed dapibus placerat eros ut vulputate. Vivamus quis sem accumsan, laoreet enim vel, dapibus ante. Nunc bibendum faucibus metus. Aliquam volutpat dapibus erat, quis ullamcorper nisl fermentum a. Praesent vulputate neque leo, vel rutrum dui auctor in. Duis eu magna et sem ullamcorper vehicula.
HTML
<blockquote class="quote">
<p>Lorem ipsum dolor sit amet, <i>consectetur adipiscing elit</i>. Aenean interdum odio et sem fringilla, sit amet vulputate turpis sagittis. Cras non urna quam. <a href="#">Mauris vitae dui</a> id ipsum varius semper. Curabitur sit amet viverra eros, ut maximus nisl. In hendrerit convallis turpis quis pulvinar. Donec porttitor faucibus ex, eget finibus velit vestibulum vitae. Donec nec nulla sollicitudin, volutpat enim interdum, sollicitudin erat.</p><p>Curabitur fermentum tellus ac rutrum efficitur. Phasellus libero magna, efficitur rutrum mauris a, mollis convallis lectus. Sed dapibus placerat eros ut vulputate. Vivamus quis sem accumsan, laoreet enim vel, dapibus ante. Nunc bibendum faucibus metus. Aliquam volutpat dapibus erat, quis ullamcorper nisl fermentum a. Praesent vulputate neque leo, vel rutrum dui auctor in. Duis eu magna et sem ullamcorper vehicula.</p>
</blockquote>
Quote With Cite
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean interdum odio et sem fringilla, sit amet vulputate turpis sagittis. Cras non urna quam. Mauris vitae dui id ipsum varius semper. Curabitur sit amet viverra eros, ut maximus nisl. In hendrerit convallis turpis quis pulvinar. Donec porttitor faucibus ex, eget finibus velit vestibulum vitae. Donec nec nulla sollicitudin, volutpat enim interdum, sollicitudin erat.
Curabitur fermentum tellus ac rutrum efficitur. Phasellus libero magna, efficitur rutrum mauris a, mollis convallis lectus. Sed dapibus placerat eros ut vulputate. Vivamus quis sem accumsan, laoreet enim vel, dapibus ante. Nunc bibendum faucibus metus. Aliquam volutpat dapibus erat, quis ullamcorper nisl fermentum a. Praesent vulputate neque leo, vel rutrum dui auctor in. Duis eu magna et sem ullamcorper vehicula.
May or may not be a link
HTML
<blockquote class="quote">
<p>Lorem ipsum dolor sit amet, <i>consectetur adipiscing elit</i>. Aenean interdum odio et sem fringilla, sit amet vulputate turpis sagittis. Cras non urna quam. <a href="#">Mauris vitae dui</a> id ipsum varius semper. Curabitur sit amet viverra eros, ut maximus nisl. In hendrerit convallis turpis quis pulvinar. Donec porttitor faucibus ex, eget finibus velit vestibulum vitae. Donec nec nulla sollicitudin, volutpat enim interdum, sollicitudin erat.</p><p>Curabitur fermentum tellus ac rutrum efficitur. Phasellus libero magna, efficitur rutrum mauris a, mollis convallis lectus. Sed dapibus placerat eros ut vulputate. Vivamus quis sem accumsan, laoreet enim vel, dapibus ante. Nunc bibendum faucibus metus. Aliquam volutpat dapibus erat, quis ullamcorper nisl fermentum a. Praesent vulputate neque leo, vel rutrum dui auctor in. Duis eu magna et sem ullamcorper vehicula.</p>
<cite class="quote__cite"><a href="#">May or may not be a link</a></cite>
</blockquote>
Reference List
-
Book
- Feldman JL
- Del Negro C
- Gray PA
In: Julius D, Clapham DE, editors. Annual Review of Physiology 75:423–452.https://doi.org/10.1146/annurev-physiol-040510-130049 -
Book
- Geoffroy Saint-Hilaire E.
Philosophie AnatomiqueParis: Méquignon-Marvis -
Clinical TrialScripps Wired for Health Study (Registration: 000000)Scripps Translational Science Institute (sponsor) (2015)
-
Conference
- Jain BV
- Bollman B
- Richardson M
- Berger DR
- Helmstaedter MN
- Briggman KL
- Denk W
- Bowden JB
- Mendenhall JM
- Abraham WC
- Harris KM
- Kasthuri N
- Hayworth KJ
- Schalek R
- Tapia JC
- Lichtman JW
- Seung HS
Boundary learning by optimization with topological constraints, IEEE Conference on Computer Vision and Pattern Recognition (CVPR)https://doi.org/10.1038/365833a0 -
Conference
- Jain BV
- Bollman B
- Richardson M
- Berger DR
- Helmstaedter MN
- Briggman KL
- Denk W
- Bowden JB
- Mendenhall JM
- Abraham WC
- Harris KM
- Kasthuri N
- Hayworth KJ
- Schalek R
- Tapia JC
- Lichtman JW
- Seung HS
Boundary learning by optimization with topological constraints, IEEE Conference on Computer Vision and Pattern Recognition (CVPR) -
Conference
- Jain BV
- Bollman B
- Richardson M
- Berger DR
- Helmstaedter MN
- Briggman KL
- Denk W
- Bowden JB
- Mendenhall JM
- Abraham WC
- Harris KM
- Kasthuri N
- Hayworth KJ
- Schalek R
- Tapia JC
- Lichtman JW
- Seung HS
Boundary learning by optimization with topological constraintsBoundary learning by optimization with topological constraints, IEEE Conference on Computer Vision and Pattern Recognition (CVPR) -
Data
- Bouveret R
- Bouveret R
- Schonrock N
- Ramialison M
- Doan T
- de Jong D
- Bondue A
- Kaur G
- Mohamed S
- Fonoudi H
- Chen C
- Wouters M
- Bhattacharya S
- Plachta N
- Dunwoodie SL
- Chapman G
- Blanpain C
- Harvey RP
NCBI Gene Expression Omnibus.https://doi.org/10.1038/365833a0 -
Data
- Bouveret R
- Bouveret R
- Schonrock N
- Ramialison M
- Doan T
- de Jong D
- Bondue A
- Kaur G
- Mohamed S
- Fonoudi H
- Chen C
- Wouters M
- Bhattacharya S
- Plachta N
- Dunwoodie SL
- Chapman G
- Blanpain C
- Harvey RP
NCBI Gene Expression Omnibus. -
Data
- Bouveret R
- Bouveret R
- Schonrock N
- Ramialison M
- Doan T
- de Jong D
- Bondue A
- Kaur G
- Mohamed S
- Fonoudi H
- Chen C
- Wouters M
- Bhattacharya S
- Plachta N
- Dunwoodie SL
- Chapman G
- Blanpain C
- Harvey RP
NKX2-5 mutations causative for congenital heart disease retain functionality and are directed to hundreds of targetsNCBI Gene Expression Omnibus. Series accession number GSE44902 -
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
- Schrenk F
- Bromage TG
- Betzler CG
- Ring U
- Juwayeyi YM
Nature 365:833–836.https://doi.org/10.1038/365833a0 -
Patent
- Patterson JB
- Lonergan DG
- Flynn GA
- Qingpeng Z
- Pallai PV
IRE-1alpha inhibitors (US20100941530)Mankind Corp, United States patent, United States -
Periodical
- The Economist
The Economist, p26–30. -
Preprint
- Paris M
- Kaplan M
- Li XY
- Villalta JE
- Lott SE
- Eisen MB
arXivhttps://doi.org/10.1038/365833a0 -
Preprint
- Paris M
- Kaplan M
- Li XY
- Villalta JE
- Lott SE
- Eisen MB
arXiv -
Software
- DeLano W. L.
The Pymol Molecular Graphics SystemDeLano Scientific, Palo Alto, CA -
Thesis
- Assaf M.
Hebrew University of Jerusalem
atoms-reference
HTML
<ol class="reference-list">
<li class="reference-list__item">
<div class="reference" data-popup-label="See in references" data-popup-contents="bib1" id="bib1">
<div class="reference__label">Book</div>
<ol class="reference__authors_list">
<li class="reference__author">
Feldman JL</li>
<li class="reference__author">
Del Negro C</li>
<li class="reference__author">
Gray PA</li>
</ol>
<span class="reference__authors_list_suffix">(2013)</span>
<a href="https://doi.org/10.1146/annurev-physiol-040510-130049" class="reference__title">Understanding the rhythm of breathing: so near, yet so far</a>
<div class="reference__origin">In: Julius D, Clapham DE, editors. <i>Annual Review of Physiology</i> <b>75</b>:423–452.</div>
<div class="doi__reference-spacing"></div>
<span class="doi">
<a href="https://doi.org/10.1146/annurev-physiol-040510-130049" class="doi__link">
https://doi.org/10.1146/annurev-physiol-040510-130049
</a>
</span>
</div>
</li>
<li class="reference-list__item">
<div class="reference" data-popup-label="See in references" data-popup-contents="bib2" id="bib2">
<div class="reference__label">Book</div>
<ol class="reference__authors_list">
<li class="reference__author">
Geoffroy Saint-Hilaire E.</li>
</ol>
<span class="reference__authors_list_suffix">(1818)</span>
<div class="reference__title">Philosophie Anatomique</div>
<div class="reference__origin">Paris: Méquignon-Marvis</div>
<div class="doi__reference-spacing"></div>
</div>
</li>
<li class="reference-list__item">
<div class="reference" data-popup-label="See in references" data-popup-contents="bib3" id="bib3">
<div class="reference__label">Clinical Trial</div>
<div class="reference__title">Scripps Wired for Health Study (Registration: 000000)</div>
<div class="reference__origin">Scripps Translational Science Institute (sponsor) (2015)</div>
<div class="doi__reference-spacing"></div>
</div>
</li>
<li class="reference-list__item">
<div class="reference" data-popup-label="See in references" data-popup-contents="bib5" id="bib5">
<div class="reference__label">Conference</div>
<ol class="reference__authors_list">
<li class="reference__author">
Jain BV</li>
<li class="reference__author">
Bollman B</li>
<li class="reference__author">
Richardson M</li>
<li class="reference__author">
Berger DR</li>
<li class="reference__author">
Helmstaedter MN</li>
<li class="reference__author">
Briggman KL</li>
<li class="reference__author">
Denk W</li>
<li class="reference__author">
Bowden JB</li>
<li class="reference__author">
Mendenhall JM</li>
<li class="reference__author">
Abraham WC</li>
<li class="reference__author">
Harris KM</li>
<li class="reference__author">
Kasthuri N</li>
<li class="reference__author">
Hayworth KJ</li>
<li class="reference__author">
Schalek R</li>
<li class="reference__author">
Tapia JC</li>
<li class="reference__author">
Lichtman JW</li>
<li class="reference__author">
Seung HS</li>
</ol>
<span class="reference__authors_list_suffix">(2010)</span>
<a href="https://doi.org/10.1038/365833a0" class="reference__title">Boundary learning by optimization with topological constraints</a>
<div class="reference__origin">Boundary learning by optimization with topological constraints, IEEE Conference on Computer Vision and Pattern Recognition (CVPR)</div>
<div class="doi__reference-spacing"></div>
<span class="doi">
<a href="https://doi.org/10.1038/365833a0" class="doi__link">
https://doi.org/10.1038/365833a0
</a>
</span>
</div>
</li>
<li class="reference-list__item">
<div class="reference" data-popup-label="See in references" data-popup-contents="bib6" id="bib6">
<div class="reference__label">Conference</div>
<ol class="reference__authors_list">
<li class="reference__author">
Jain BV</li>
<li class="reference__author">
Bollman B</li>
<li class="reference__author">
Richardson M</li>
<li class="reference__author">
Berger DR</li>
<li class="reference__author">
Helmstaedter MN</li>
<li class="reference__author">
Briggman KL</li>
<li class="reference__author">
Denk W</li>
<li class="reference__author">
Bowden JB</li>
<li class="reference__author">
Mendenhall JM</li>
<li class="reference__author">
Abraham WC</li>
<li class="reference__author">
Harris KM</li>
<li class="reference__author">
Kasthuri N</li>
<li class="reference__author">
Hayworth KJ</li>
<li class="reference__author">
Schalek R</li>
<li class="reference__author">
Tapia JC</li>
<li class="reference__author">
Lichtman JW</li>
<li class="reference__author">
Seung HS</li>
</ol>
<span class="reference__authors_list_suffix">(2010)</span>
<a href="https://www.gov.uk/government/publications/educational-excellence-everywhere" class="reference__title">Boundary learning by optimization with topological constraints</a>
<div class="reference__origin">Boundary learning by optimization with topological constraints, IEEE Conference on Computer Vision and Pattern Recognition (CVPR)</div>
<div class="doi__reference-spacing"></div>
<div class="reference__link-outer">
<a href="https://www.gov.uk/government/publications/educational-excellence-everywhere" class="reference__link">https://www.gov.uk/government/publications/educational-excellence-everywhere</a>
</div>
</div>
</li>
<li class="reference-list__item">
<div class="reference" data-popup-label="See in references" data-popup-contents="bib7" id="bib7">
<div class="reference__label">Conference</div>
<ol class="reference__authors_list">
<li class="reference__author">
Jain BV</li>
<li class="reference__author">
Bollman B</li>
<li class="reference__author">
Richardson M</li>
<li class="reference__author">
Berger DR</li>
<li class="reference__author">
Helmstaedter MN</li>
<li class="reference__author">
Briggman KL</li>
<li class="reference__author">
Denk W</li>
<li class="reference__author">
Bowden JB</li>
<li class="reference__author">
Mendenhall JM</li>
<li class="reference__author">
Abraham WC</li>
<li class="reference__author">
Harris KM</li>
<li class="reference__author">
Kasthuri N</li>
<li class="reference__author">
Hayworth KJ</li>
<li class="reference__author">
Schalek R</li>
<li class="reference__author">
Tapia JC</li>
<li class="reference__author">
Lichtman JW</li>
<li class="reference__author">
Seung HS</li>
</ol>
<span class="reference__authors_list_suffix">(2010)</span>
<div class="reference__title">Boundary learning by optimization with topological constraints</div>
<div class="reference__origin">Boundary learning by optimization with topological constraints, IEEE Conference on Computer Vision and Pattern Recognition (CVPR)</div>
<div class="doi__reference-spacing"></div>
</div>
</li>
<li class="reference-list__item">
<div class="reference" data-popup-label="See in references" data-popup-contents="bib8" id="bib8">
<div class="reference__label">Data</div>
<ol class="reference__authors_list">
<li class="reference__author">
Bouveret R</li>
<li class="reference__author">
Bouveret R</li>
<li class="reference__author">
Schonrock N</li>
<li class="reference__author">
Ramialison M</li>
<li class="reference__author">
Doan T</li>
<li class="reference__author">
de Jong D</li>
<li class="reference__author">
Bondue A</li>
<li class="reference__author">
Kaur G</li>
<li class="reference__author">
Mohamed S</li>
<li class="reference__author">
Fonoudi H</li>
<li class="reference__author">
Chen C</li>
<li class="reference__author">
Wouters M</li>
<li class="reference__author">
Bhattacharya S</li>
<li class="reference__author">
Plachta N</li>
<li class="reference__author">
Dunwoodie SL</li>
<li class="reference__author">
Chapman G</li>
<li class="reference__author">
Blanpain C</li>
<li class="reference__author">
Harvey RP</li>
</ol>
<span class="reference__authors_list_suffix">(2015)</span>
<a href="https://doi.org/10.1038/365833a0" class="reference__title">NKX2-5 mutations causative for congenital heart disease retain functionality and are directed to hundreds of targets</a>
<div class="reference__origin">NCBI Gene Expression Omnibus.</div>
<div class="doi__reference-spacing"></div>
<span class="doi">
<a href="https://doi.org/10.1038/365833a0" class="doi__link">
https://doi.org/10.1038/365833a0
</a>
</span>
<ul class="reference__abstracts">
<li class="reference__abstract">
<a href="https://pubmed.ncbi.nlm.nih.gov/" class="reference__abstract_link">PubMed</a>
</li>
<li class="reference__abstract">
<a href="https://google.co.uk" class="reference__abstract_link">Google Scholar</a>
</li>
</ul>
</div>
</li>
<li class="reference-list__item">
<div class="reference" data-popup-label="See in references" data-popup-contents="bib10" id="bib10">
<div class="reference__label">Data</div>
<ol class="reference__authors_list">
<li class="reference__author">
Bouveret R</li>
<li class="reference__author">
Bouveret R</li>
<li class="reference__author">
Schonrock N</li>
<li class="reference__author">
Ramialison M</li>
<li class="reference__author">
Doan T</li>
<li class="reference__author">
de Jong D</li>
<li class="reference__author">
Bondue A</li>
<li class="reference__author">
Kaur G</li>
<li class="reference__author">
Mohamed S</li>
<li class="reference__author">
Fonoudi H</li>
<li class="reference__author">
Chen C</li>
<li class="reference__author">
Wouters M</li>
<li class="reference__author">
Bhattacharya S</li>
<li class="reference__author">
Plachta N</li>
<li class="reference__author">
Dunwoodie SL</li>
<li class="reference__author">
Chapman G</li>
<li class="reference__author">
Blanpain C</li>
<li class="reference__author">
Harvey RP</li>
</ol>
<span class="reference__authors_list_suffix">(2015)</span>
<a href="https://www.gov.uk/government/publications/educational-excellence-everywhere" class="reference__title">NKX2-5 mutations causative for congenital heart disease retain functionality and are directed to hundreds of targets</a>
<div class="reference__origin">NCBI Gene Expression Omnibus.</div>
<div class="doi__reference-spacing"></div>
<div class="reference__link-outer">
<a href="https://www.gov.uk/government/publications/educational-excellence-everywhere" class="reference__link">https://www.gov.uk/government/publications/educational-excellence-everywhere</a>
</div>
<ul class="reference__abstracts">
<li class="reference__abstract">
<a href="https://pubmed.ncbi.nlm.nih.gov/" class="reference__abstract_link">PubMed</a>
</li>
<li class="reference__abstract">
<a href="https://google.co.uk" class="reference__abstract_link">Google Scholar</a>
</li>
</ul>
</div>
</li>
<li class="reference-list__item">
<div class="reference" data-popup-label="See in references" data-popup-contents="bib12" id="bib12">
<div class="reference__label">Data</div>
<ol class="reference__authors_list">
<li class="reference__author">
Bouveret R</li>
<li class="reference__author">
Bouveret R</li>
<li class="reference__author">
Schonrock N</li>
<li class="reference__author">
Ramialison M</li>
<li class="reference__author">
Doan T</li>
<li class="reference__author">
de Jong D</li>
<li class="reference__author">
Bondue A</li>
<li class="reference__author">
Kaur G</li>
<li class="reference__author">
Mohamed S</li>
<li class="reference__author">
Fonoudi H</li>
<li class="reference__author">
Chen C</li>
<li class="reference__author">
Wouters M</li>
<li class="reference__author">
Bhattacharya S</li>
<li class="reference__author">
Plachta N</li>
<li class="reference__author">
Dunwoodie SL</li>
<li class="reference__author">
Chapman G</li>
<li class="reference__author">
Blanpain C</li>
<li class="reference__author">
Harvey RP</li>
</ol>
<span class="reference__authors_list_suffix">(2015)</span>
<div class="reference__title">NKX2-5 mutations causative for congenital heart disease retain functionality and are directed to hundreds of targets</div>
<div class="reference__origin">NCBI Gene Expression Omnibus. Series accession number <a href="https://www.ncbi.nlm.nih.gov/geo/query/acc.cgi?acc=GSE44902">GSE44902</a></div>
<div class="doi__reference-spacing"></div>
</div>
</li>
<li class="reference-list__item">
<div class="reference" data-popup-label="See in references" data-popup-contents="bib13" id="bib13">
<ol class="reference__authors_list">
<li class="reference__author">
<a href="https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22" class="reference__authors_link">Schrenk F</a></li>
<li class="reference__author">
Bromage TG</li>
<li class="reference__author">
Betzler CG</li>
<li class="reference__author">
Ring U</li>
<li class="reference__author">
Juwayeyi YM</li>
<li class="reference__author">
<a href="https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22" class="reference__authors_link">Schrenk F</a></li>
<li class="reference__author">
Bromage TG</li>
<li class="reference__author">
Betzler CG</li>
<li class="reference__author">
Ring U</li>
<li class="reference__author">
Juwayeyi YM</li>
<li class="reference__author">
<a href="https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22" class="reference__authors_link">Schrenk F</a></li>
<li class="reference__author">
Bromage TG</li>
<li class="reference__author">
Betzler CG</li>
<li class="reference__author">
Ring U</li>
<li class="reference__author">
Juwayeyi YM</li>
<li class="reference__author">
<a href="https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22" class="reference__authors_link">Schrenk F</a></li>
<li class="reference__author">
Bromage TG</li>
<li class="reference__author">
Betzler CG</li>
<li class="reference__author">
Ring U</li>
<li class="reference__author">
Juwayeyi YM</li>
<li class="reference__author">
<a href="https://scholar.google.com/scholar?q=%22author:Schrenk%20F%22" class="reference__authors_link">Schrenk F</a></li>
<li class="reference__author">
Bromage TG</li>
<li class="reference__author">
Betzler CG</li>
<li class="reference__author">
Ring U</li>
<li class="reference__author">
Juwayeyi YM</li>
</ol>
<span class="reference__authors_list_suffix">(1993)</span>
<a href="https://doi.org/10.1038/365833a0" class="reference__title">Oldest <i>Homo</i> and Pliocene biogeography of the Malawi rift</a>
<div class="reference__origin"><i>Nature</i> <strong>365</strong>:833–836.</div>
<div class="doi__reference-spacing"></div>
<span class="doi">
<a href="https://doi.org/10.1038/365833a0" class="doi__link">
https://doi.org/10.1038/365833a0
</a>
</span>
<ul class="reference__abstracts">
<li class="reference__abstract">
<a href="https://pubmed.ncbi.nlm.nih.gov/" class="reference__abstract_link">PubMed</a>
</li>
<li class="reference__abstract">
<a href="https://google.co.uk" class="reference__abstract_link">Google Scholar</a>
</li>
</ul>
</div>
</li>
<li class="reference-list__item">
<div class="reference" data-popup-label="See in references" data-popup-contents="bib13" id="bib13">
<div class="reference__label">Patent</div>
<ol class="reference__authors_list">
<li class="reference__author">
Patterson JB</li>
<li class="reference__author">
Lonergan DG</li>
<li class="reference__author">
Flynn GA</li>
<li class="reference__author">
Qingpeng Z</li>
<li class="reference__author">
Pallai PV</li>
</ol>
<span class="reference__authors_list_suffix">(2011)</span>
<div class="reference__title">IRE-1alpha inhibitors (US20100941530)</div>
<div class="reference__origin">Mankind Corp, United States patent, United States</div>
<div class="doi__reference-spacing"></div>
</div>
</li>
<li class="reference-list__item">
<div class="reference" data-popup-label="See in references" data-popup-contents="bib14" id="bib14">
<div class="reference__label">Periodical</div>
<ol class="reference__authors_list">
<li class="reference__author">
The Economist</li>
</ol>
<span class="reference__authors_list_suffix">(October 19, 2013)</span>
<a href="https://www.economist.com/news/briefing/21588057-scientists-think-science-self-correcting-alarming-degree-it-not-trouble" class="reference__title">Unreliable research: Trouble at the lab</a>
<div class="reference__origin"><i>The Economist</i>, p26–30.</div>
<div class="doi__reference-spacing"></div>
<div class="reference__link-outer">
<a href="https://www.economist.com/news/briefing/21588057-scientists-think-science-self-correcting-alarming-degree-it-not-trouble" class="reference__link">https://www.economist.com/news/briefing/21588057-scientists-think-science-self-correcting-alarming-degree-it-not-trouble</a>
</div>
<ul class="reference__abstracts">
<li class="reference__abstract">
<a href="https://pubmed.ncbi.nlm.nih.gov/" class="reference__abstract_link">PubMed</a>
</li>
<li class="reference__abstract">
<a href="https://google.co.uk" class="reference__abstract_link">Google Scholar</a>
</li>
</ul>
</div>
</li>
<li class="reference-list__item">
<div class="reference" data-popup-label="See in references" data-popup-contents="bib15" id="bib15">
<div class="reference__label">Preprint</div>
<ol class="reference__authors_list">
<li class="reference__author">
Paris M</li>
<li class="reference__author">
Kaplan M</li>
<li class="reference__author">
Li XY</li>
<li class="reference__author">
Villalta JE</li>
<li class="reference__author">
Lott SE</li>
<li class="reference__author">
Eisen MB</li>
</ol>
<span class="reference__authors_list_suffix">(2013)</span>
<a href="https://doi.org/10.1038/365833a0" class="reference__title">Extensive divergence of transcription factor binding in Drosophila embryos with highly conserved gene expression</a>
<div class="reference__origin">arXiv</div>
<div class="doi__reference-spacing"></div>
<span class="doi">
<a href="https://doi.org/10.1038/365833a0" class="doi__link">
https://doi.org/10.1038/365833a0
</a>
</span>
</div>
</li>
<li class="reference-list__item">
<div class="reference" data-popup-label="See in references" data-popup-contents="bib16" id="bib16">
<div class="reference__label">Preprint</div>
<ol class="reference__authors_list">
<li class="reference__author">
Paris M</li>
<li class="reference__author">
Kaplan M</li>
<li class="reference__author">
Li XY</li>
<li class="reference__author">
Villalta JE</li>
<li class="reference__author">
Lott SE</li>
<li class="reference__author">
Eisen MB</li>
</ol>
<span class="reference__authors_list_suffix">(2013)</span>
<a href="https://arxiv.org/abs/1303.0216" class="reference__title">Extensive divergence of transcription factor binding in Drosophila embryos with highly conserved gene expression</a>
<div class="reference__origin">arXiv</div>
<div class="doi__reference-spacing"></div>
<div class="reference__link-outer">
<a href="https://arxiv.org/abs/1303.0216" class="reference__link">https://arxiv.org/abs/1303.0216</a>
</div>
</div>
</li>
<li class="reference-list__item">
<div class="reference" data-popup-label="See in references" data-popup-contents="bib17" id="bib17">
<div class="reference__label">Report</div>
<ol class="reference__authors_list">
<li class="reference__author">
Department of Education, UK.</li>
</ol>
<span class="reference__authors_list_suffix">(2016)</span>
<a href="https://www.gov.uk/government/publications/educational-excellence-everywhere" class="reference__title">Educational Excellence Everywhere</a>
<div class="reference__origin">London: HMSO</div>
<div class="doi__reference-spacing"></div>
<div class="reference__link-outer">
<a href="https://www.gov.uk/government/publications/educational-excellence-everywhere" class="reference__link">https://www.gov.uk/government/publications/educational-excellence-everywhere</a>
</div>
</div>
</li>
<li class="reference-list__item">
<div class="reference" data-popup-label="See in references" data-popup-contents="bib18" id="bib18">
<div class="reference__label">Software</div>
<ol class="reference__authors_list">
<li class="reference__author">
DeLano W. L.</li>
</ol>
<span class="reference__authors_list_suffix">(2002)</span>
<div class="reference__title">The Pymol Molecular Graphics System</div>
<div class="reference__origin">DeLano Scientific, Palo Alto, CA</div>
<div class="doi__reference-spacing"></div>
</div>
</li>
<li class="reference-list__item">
<div class="reference" data-popup-label="See in references" data-popup-contents="bib19" id="bib19">
<div class="reference__label">Thesis</div>
<ol class="reference__authors_list">
<li class="reference__author">
Assaf M.</li>
</ol>
<span class="reference__authors_list_suffix">(2010)</span>
<a href="https://doi.org/10.1371/journal.pgen.0030218" class="reference__title">Theory of large fluctuations in stochastic populations</a>
<div class="reference__origin">Hebrew University of Jerusalem</div>
<div class="doi__reference-spacing"></div>
<div class="reference__link-outer">
<a href="https://doi.org/10.1371/journal.pgen.0030218" class="reference__link">https://doi.org/10.1371/journal.pgen.0030218</a>
</div>
</div>
</li>
<li class="reference-list__item">
<div class="reference" data-popup-label="See in references" data-popup-contents="bib20" id="bib20">
<div class="reference__label">Website</div>
<ol class="reference__authors_list">
<li class="reference__author">
Crane T</li>
</ol>
<span class="reference__authors_list_suffix">(2005)</span>
<a href="http://plato.stanford.edu/entries/perception-problem/" class="reference__title">The Problem of Perception</a>
<div class="reference__origin">The Stanford Encyclopedia of Philosophy</div>
<div class="doi__reference-spacing"></div>
<div class="reference__link-outer">
<a href="http://plato.stanford.edu/entries/perception-problem/" class="reference__link">http://plato.stanford.edu/entries/perception-problem/</a>
</div>
</div>
</li>
</ol>
Search Box
HTML
<div class="search-box" data-behaviour="SearchBox">
<div class="search-box__inner">
<form class="compact-form" id="searchBox" action="#" method="GET" novalidate>
<fieldset class="compact-form__container">
<label>
<span class="visuallyhidden">Search by keyword or author</span>
<input type="search" name="search" value="" placeholder="Search by keyword or author"
class="compact-form__input"
>
</label>
<button type="reset" name="reset" class="compact-form__reset"><span class="visuallyhidden">Reset form</span></button>
<button type="submit" class="compact-form__submit"><span class="visuallyhidden">Search</span></button>
</fieldset>
</form>
<label class="search-box__search_option_label">
<input type="checkbox" name="subject_filter" value="cell_biology" form="searchBox">Limit my search to Cell biology
</label>
</div>
</div>
Section Listing
Research categories
- Biochemistry
- Biophysics and structural biology
- Cancer biology
- Cell biology
- Computational and systems biology
- Developmental biology and stem cells
- Ecology
- Epidemiology and Global Health
- Genes and chromosomes
- Genomics and evolutionary biology
- Immunology
- Medicine
- Microbiology and infectious disease
- Neuroscience
- Plant biology
HTML
<section class="section-listing-wrapper" id="sectionsListing">
<h3 class="list-heading">Research categories</h3>
<ol class="section-listing ">
<li class="section-listing__list_item ">
<a href="#" class="section-listing__list_link">Biochemistry</a>
</li>
<li class="section-listing__list_item ">
<a href="#" class="section-listing__list_link">Biophysics and structural biology</a>
</li>
<li class="section-listing__list_item ">
<a href="#" class="section-listing__list_link">Cancer biology</a>
</li>
<li class="section-listing__list_item ">
<a href="#" class="section-listing__list_link">Cell biology</a>
</li>
<li class="section-listing__list_item ">
<a href="#" class="section-listing__list_link">Computational and systems biology</a>
</li>
<li class="section-listing__list_item ">
<a href="#" class="section-listing__list_link">Developmental biology and stem cells</a>
</li>
<li class="section-listing__list_item ">
<a href="#" class="section-listing__list_link">Ecology</a>
</li>
<li class="section-listing__list_item ">
<a href="#" class="section-listing__list_link">Epidemiology and Global Health</a>
</li>
<li class="section-listing__list_item ">
<a href="#" class="section-listing__list_link">Genes and chromosomes</a>
</li>
<li class="section-listing__list_item ">
<a href="#" class="section-listing__list_link">Genomics and evolutionary biology</a>
</li>
<li class="section-listing__list_item ">
<a href="#" class="section-listing__list_link">Immunology</a>
</li>
<li class="section-listing__list_item ">
<a href="#" class="section-listing__list_link">Medicine</a>
</li>
<li class="section-listing__list_item ">
<a href="#" class="section-listing__list_link">Microbiology and infectious disease</a>
</li>
<li class="section-listing__list_item ">
<a href="#" class="section-listing__list_link">Neuroscience</a>
</li>
<li class="section-listing__list_item ">
<a href="#" class="section-listing__list_link">Plant biology</a>
</li>
</ol>
<a href="#siteHeader" class="to-top-link">Back to top</a>
</section>
Section Listing Single
Magazine sections
Back to topHTML
<section class="section-listing-wrapper" id="sectionListing">
<h3 class="list-heading">Magazine sections</h3>
<ol class="section-listing section-listing--single-line">
<li class="section-listing__list_item section-listing__list_item--current">
<a href="#" class="section-listing__list_link">What we publish</a>
</li>
<li class="section-listing__list_item ">
<a href="#" class="section-listing__list_link">Editors & people</a>
</li>
<li class="section-listing__list_item ">
<a href="#" class="section-listing__list_link">Peer review</a>
</li>
<li class="section-listing__list_item ">
<a href="#" class="section-listing__list_link">Openness</a>
</li>
<li class="section-listing__list_item ">
<a href="#" class="section-listing__list_link">Reproducibility</a>
</li>
<li class="section-listing__list_item ">
<a href="#" class="section-listing__list_link">Incentives</a>
</li>
</ol>
<a href="#siteHeader" class="to-top-link">Back to top</a>
</section>
Social Footer Links
HTML
<div class="social-links" aria-label="Social media links for eLife Sciences">
<ul class="social-links__list">
<li class="social-links__list_item">
<a href="https://twitter.com/elife" class="social-links__list_link" aria-label="Twitter">
<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="x-28-footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" x="0" y="0" width="28" height="28"></rect>
<path d="M16.0929883,12.5202067 L24.2829833,3 L22.3422167,3 L15.230845,11.2662617 L9.55101333,3 L3,3 L11.58902,15.5000517 L3,25.48345 L4.94087667,25.48345 L12.4506683,16.7539967 L18.4489867,25.48345 L25,25.48345 L16.0925117,12.5202067 L16.0929883,12.5202067 Z M13.4346917,15.61018 L12.564445,14.3654567 L5.64020167,4.461064 L8.621275,4.461064 L14.20922,12.454225 L15.0794667,13.6989483 L22.3431333,24.0888333 L19.36206,24.0888333 L13.4346917,15.6106567 L13.4346917,15.61018 Z" id="Shape" fill="#212121" fill-rule="nonzero"></path>
</g>
</svg>
</a>
</li>
<li class="social-links__list_item">
<a href="https://www.facebook.com/elifesciences" class="social-links__list_link" aria-label="Facebook">
<svg width="28" height="28">
<path d="M26,14 C26,7.37257812 20.6274219,2 14,2 C7.37257813,2 2,7.37257812 2,14 C2,19.9895469 6.38822656,24.9539844 12.125,25.8542187 L12.125,17.46875 L9.078125,17.46875 L9.078125,14 L12.125,14 L12.125,11.35625 C12.125,8.34875 13.9165156,6.6875 16.6575781,6.6875 C17.9704766,6.6875 19.34375,6.921875 19.34375,6.921875 L19.34375,9.875 L17.8305781,9.875 C16.3398828,9.875 15.875,10.8000078 15.875,11.7489922 L15.875,14 L19.203125,14 L18.6710938,17.46875 L15.875,17.46875 L15.875,25.8542187 C21.6117734,24.9539844 26,19.9895469 26,14" id="Fill-1" fill="#0A0B09"></path>
</svg>
</a>
</li>
<li class="social-links__list_item">
<a href="https://www.instagram.com/elifesciences/" class="social-links__list_link" aria-label="Instagram">
<svg width="28" height="28">
<path d="M13.9999762,4.16220594 C17.2041298,4.16220594 17.5836306,4.17440025 18.8489821,4.23213276 C20.0189703,4.28553056 20.6543612,4.48102079 21.0772565,4.64531072 C21.6373379,4.86299845 22.0371308,5.12308049 22.4570251,5.54297487 C22.8769195,5.96286924 23.1370016,6.36266203 23.3546416,6.92274348 C23.5189792,7.3456388 23.7144694,7.98102972 23.7678672,9.15097025 C23.8255997,10.4163695 23.8377941,10.7958701 23.8377941,14.0000238 C23.8377941,17.2041775 23.8255997,17.5836782 23.7678672,18.8490297 C23.7144694,20.0190179 23.5189792,20.6544088 23.3546416,21.0773041 C23.1370016,21.6373856 22.8769195,22.0371784 22.4570251,22.4570727 C22.0371308,22.8769671 21.6373379,23.1370492 21.0772565,23.3546892 C20.6543612,23.5190268 20.0189703,23.7145171 18.8489821,23.7679149 C17.5838211,23.8256473 17.2043204,23.8378417 13.9999762,23.8378417 C10.795632,23.8378417 10.4161313,23.8256473 9.15097025,23.7679149 C7.9809821,23.7145171 7.34559117,23.5190268 6.92274348,23.3546892 C6.3626144,23.1370492 5.9628216,22.8769671 5.54292723,22.4570727 C5.12303286,22.0371784 4.86295081,21.6373856 4.64531072,21.0773041 C4.48097317,20.6544088 4.28548292,20.0190179 4.23208512,18.8490774 C4.17435262,17.5836782 4.1621583,17.2041775 4.1621583,14.0000238 C4.1621583,10.7958701 4.17435262,10.4163695 4.23208512,9.15101788 C4.28548292,7.98102972 4.48097317,7.3456388 4.64531072,6.92274348 C4.86295081,6.36266203 5.12303286,5.96286924 5.54292723,5.54297487 C5.9628216,5.12308049 6.3626144,4.86299845 6.92274348,4.64531072 C7.34559117,4.48102079 7.9809821,4.28553056 9.15092262,4.23213276 C10.4163218,4.17440025 10.7958225,4.16220594 13.9999762,4.16220594 M13.9999762,2 C10.740948,2 10.3323429,2.01381388 9.05241535,2.07221326 C7.77510763,2.13051737 6.90283244,2.33334326 6.13949638,2.63000828 C5.35039031,2.93667645 4.68117918,3.34699637 4.01406396,4.01411159 C3.34694874,4.68122682 2.93662882,5.35043793 2.62996064,6.13954402 C2.33329562,6.90288008 2.13046973,7.77515526 2.07216562,9.05246298 C2.01376625,10.3323429 2,10.7409957 2,14.0000238 C2,17.259052 2.01376625,17.6677047 2.07216562,18.9475846 C2.13046973,20.2248924 2.33329562,21.0971676 2.62996064,21.8605036 C2.93662882,22.649562 3.34694874,23.3188208 4.01406396,23.985936 C4.68117918,24.6530513 5.35039031,25.0633712 6.13949638,25.3700394 C6.90283244,25.6667044 7.77510763,25.8695303 9.05241535,25.9278343 C10.3323429,25.9862338 10.740948,26 13.9999762,26 C17.2590043,26 17.667657,25.9862338 18.947537,25.9278343 C20.2248448,25.8695303 21.09712,25.6667044 21.860456,25.3700394 C22.649562,25.0633712 23.3187732,24.6530513 23.9858884,23.985936 C24.6530037,23.3188208 25.0633236,22.6496097 25.3699918,21.8605036 C25.6666568,21.0971676 25.8694827,20.2248924 25.9277867,18.9475846 C25.9861861,17.6677047 26,17.259052 26,14.0000238 C26,10.7409957 25.9861861,10.3323429 25.9277867,9.05246298 C25.8694827,7.77515526 25.6666568,6.90288008 25.3699918,6.13954402 C25.0633236,5.35043793 24.6530037,4.68122682 23.9858884,4.01411159 C23.3187732,3.34699637 22.649562,2.93667645 21.860456,2.63000828 C21.09712,2.33334326 20.2248448,2.13051737 18.947537,2.07221326 C17.667657,2.01381388 17.2590043,2 13.9999762,2 Z M13.9999762,7.8378417 C10.5967121,7.8378417 7.83779407,10.5967597 7.83779407,14.0000238 C7.83779407,17.4032879 10.5967121,20.162206 13.9999762,20.162206 C17.4032403,20.162206 20.1621583,17.4032879 20.1621583,14.0000238 C20.1621583,10.5967597 17.4032403,7.8378417 13.9999762,7.8378417 Z M13.9999762,18.0000477 C11.7908507,18.0000477 9.99995236,16.2091493 9.99995236,14.0000238 C9.99995236,11.7908983 11.7908507,10 13.9999762,10 C16.2091017,10 18,11.7908983 18,14.0000238 C18,16.2091493 16.2091017,18.0000477 13.9999762,18.0000477 Z M21.8455942,7.59438394 C21.8455942,8.38968246 21.2009145,9.03440967 20.405616,9.03440967 C19.6103175,9.03440967 18.9655903,8.38968246 18.9655903,7.59438394 C18.9655903,6.79908542 19.6103175,6.15440585 20.405616,6.15440585 C21.2009145,6.15440585 21.8455942,6.79908542 21.8455942,7.59438394 Z" id="Shape" fill="#212121" fill-rule="nonzero"></path>
</svg>
</a>
</li>
<li class="social-links__list_item">
<a href="https://www.youtube.com/channel/UCNEHLtAc_JPI84xW8V4XWyw" class="social-links__list_link" aria-label="YouTube">
<svg width="28" height="28">
<path d="M14.3394034,5.00081974 C15.0650046,5.00416663 16.8547629,5.01866982 18.7408249,5.08151696 L19.3085648,5.10185861 L19.3085648,5.10185861 L19.8762758,5.12532402 C21.6678517,5.20481265 23.3716441,5.33464406 24.1578396,5.54670204 C25.2765782,5.84762249 26.157476,6.73428158 26.456476,7.86025886 C26.9532448,9.72604587 26.995825,13.4452634 26.9994747,14.0691357 L26.9994747,14.2486746 C26.995825,14.8725277 26.9532448,18.5916449 26.456476,20.457702 C26.157476,21.5835316 25.2765782,22.4701907 24.1578396,22.7712589 C23.3302654,22.9944175 21.4859633,23.126491 19.5927869,23.2046569 L19.0243355,23.2265266 C16.9417355,23.3010584 14.9171078,23.3148606 14.2386654,23.3174166 L13.7609683,23.3174166 C12.4040836,23.3123047 5.66245741,23.2622078 3.84179414,22.7712589 C2.72320323,22.4701907 1.84215778,21.5835316 1.54315778,20.457702 C1.06191297,18.6499592 1.00691357,15.1031629 1.00062792,14.316078 L1.00062792,14.0017303 C1.00691357,13.2146223 1.06191297,9.66774002 1.54315778,7.86025886 C1.84215778,6.73428158 2.72320323,5.84762249 3.84179414,5.54670204 C5.6210787,5.06678135 12.1001879,5.00801555 13.6602303,5.00081974 Z M11.1612194,10.2011473 L11.1612194,17.7986829 L17.8387126,14.0000603 L11.1612194,10.2011473 Z" id="Combined-Shape" fill="#222321"></path>
</svg>
</a>
</li>
<li class="social-links__list_item">
<a href="https://www.linkedin.com/company/elife-sciences-publications-ltd" class="social-links__list_link" aria-label="LinkedIn">
<svg width="28" height="28">
<path d="M22.3830154,22.3830154 L18.8384,22.3830154 L18.8384,16.832 C18.8384,15.5083077 18.8147692,13.8043077 16.9948308,13.8043077 C15.1486769,13.8043077 14.8662154,15.2465231 14.8662154,16.7356308 L14.8662154,22.3826462 L11.3216,22.3826462 L11.3216,10.9675077 L14.7244308,10.9675077 L14.7244308,12.5275077 L14.7720615,12.5275077 C15.465918,11.3411519 16.7560586,10.632589 18.1294769,10.6835692 C21.7220923,10.6835692 22.3844923,13.0466462 22.3844923,16.1208615 L22.3830154,22.3830154 Z M7.32209231,9.4071385 C6.1860511,9.40734236 5.26494244,8.48656431 5.26473849,7.3505231 C5.26453461,6.21448189 6.18531266,5.29337322 7.32135387,5.29316926 C8.45739508,5.29296537 9.37850375,6.21374341 9.37870773,7.34978462 C9.37880563,7.89533086 9.16218215,8.41857185 8.77649194,8.80440054 C8.39080174,9.19022923 7.86763855,9.40704054 7.32209231,9.4071385 M9.0944,22.3830154 L5.54609231,22.3830154 L5.54609231,10.9675077 L9.0944,10.9675077 L9.0944,22.3830154 Z M24.1501538,2.00147692 L3.76492308,2.00147692 C2.80147497,1.99060441 2.01138912,2.76234691 1.99963077,3.72578462 L1.99963077,24.1955692 C2.01098655,25.1594712 2.80100881,25.9319778 3.76492308,25.9218636 L24.1501538,25.9218636 C25.115975,25.9338359 25.9090911,25.1613738 25.9224615,24.1955692 L25.9224615,3.72430769 C25.9086895,2.75896671 25.1155091,1.98726833 24.1501538,1.9998447" id="Path_2520" fill="#212121" fill-rule="nonzero"></path>
</svg>
</a>
</li>
<li class="social-links__list_item">
<a rel='me' href='https://fediscience.org/@eLife' class='social-links__list_link' aria-label='Mastodon'>
<svg width="28px" height="28px">
<g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group-7" transform="translate(3.000000, 2.000000)" fill="#212121" fill-rule="nonzero">
<g id="mastodon-24px-black">
<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"></path>
</g>
</g>
</g>
</svg>
</a>
</li>
</ul>
</div>
<div class="github-link-wrapper">
<a href="https://github.com/elifesciences" class="github-link">
<svg width="20" height="20">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="github-logo-svg" fill="#000000">
<path d="M9.99907916,1.72084569e-15 C4.47773105,1.72084569e-15 2.22044605e-16,4.5904205 2.22044605e-16,10.2533868 C2.22044605e-16,14.7833822 2.86503576,18.6260419 6.83876117,19.9818304 C7.33908346,20.0762447 7.5214095,19.7596422 7.5214095,19.4877292 C7.5214095,19.2441405 7.512815,18.5996059 7.50790386,17.7442129 C4.72635747,18.3635703 4.13947635,16.3695415 4.13947635,16.3695415 C3.68458209,15.1849574 3.02894503,14.8696139 3.02894503,14.8696139 C2.12099819,14.2338913 3.09770097,14.2464799 3.09770097,14.2464799 C4.10141502,14.3188641 4.62936247,15.30329 4.62936247,15.30329 C5.52134811,16.869937 6.97013414,16.417378 7.53982627,16.1549064 C7.63068234,15.4927479 7.88913104,15.0408184 8.17459099,14.784641 C5.95414224,14.525946 3.6195095,13.6460053 3.6195095,9.7171139 C3.6195095,8.59799041 4.00933116,7.68217225 4.64900703,6.96588286 C4.54587311,6.7065584 4.20270727,5.66359573 4.74722981,4.25241751 C4.74722981,4.25241751 5.5864207,3.97672792 7.4968538,5.30356275 C8.29430001,5.07570971 9.15006599,4.96241262 10.0003069,4.95800662 C10.849934,4.96241262 11.7050861,5.07570971 12.5037601,5.30356275 C14.4129654,3.97672792 15.2509285,4.25241751 15.2509285,4.25241751 C15.7966788,5.66359573 15.453513,6.7065584 15.350993,6.96588286 C15.9918966,7.68217225 16.3786488,8.59799041 16.3786488,9.7171139 C16.3786488,13.6560761 14.0403327,14.5227989 11.8131312,14.7764585 C12.1716443,15.0930609 12.4914822,15.7187126 12.4914822,16.6748142 C12.4914822,18.045709 12.4792044,19.1516145 12.4792044,19.4877292 C12.4792044,19.7621599 12.6596888,20.0812801 13.1667639,19.981201 C17.1374198,18.6222653 20,14.7821233 20,10.2533868 C20,4.5904205 15.5222689,1.72084569e-15 9.99907916,1.72084569e-15" id="Fill-51"></path>
</g>
</g>
</svg>
<div class="github-link--text">Find us on GitHub</div>
</a>
</div>
<div class="carbon-neutral-wrapper">
<a href="https://positiveplanet.uk/company-dashboards/elife-sciences/" class="carbon-neutral-link">
<img src="../../assets/img/patterns/molecules/carbon-neutral.svg" alt="Positive Planet - Certified Carbon Neutral">
</a>
</div>
Sort Control
HTML
<div class="sort-control" role="toolbar" aria-label="sorting options">
<div class="sort-control__title visuallyhidden">Sort by:</div>
<ul class="sort-control__options">
<li class="sort-control__option"><a href="?sortby=date&amp;sort=desc" class="sort-control__link sort-control__link--descending">Date</a></li>
<li class="sort-control__option"><a href="?sortby=relevance&amp;sort=asc" class="sort-control__link sort-control__link--ascending">Relevance</a></li>
<li class="sort-control__option"><a href="?sortby=cite&amp;sort=desc" class="sort-control__link">Cite</a></li>
</ul>
</div>
Statistic
- 320
- Downloads
HTML
<dl class="statistic">
<dd class="statistic__value">
320
</dd>
<dt class="statistic__label">
Downloads
</dt>
</dl>
Jump Menu
HTML
<div class="jump-menu__wrapper" data-behaviour="JumpMenu">
<ul class="jump-menu__list">
<li class="jump-menu__item">
<a href="#abstract" class="jump-menu">Abstract</a>
</li>
<li class="jump-menu__item">
<a href="#digest" class="jump-menu">eLife digest</a>
</li>
<li class="jump-menu__item">
<a href="#introduction" class="jump-menu">Introduction</a>
</li>
<li class="jump-menu__item">
<a href="#results" class="jump-menu">Results</a>
</li>
<li class="jump-menu__item">
<a href="#discussion" class="jump-menu">Discussion</a>
</li>
<li class="jump-menu__item">
<a href="#materials-and-methods" class="jump-menu">Materials & methods</a>
</li>
<li class="jump-menu__item">
<a href="#references" class="jump-menu">References</a>
</li>
</ul>
</div>
Login Control
HTML
<div class="login-control"
data-behaviour="LoginControl">
<a href="#" class="button button--login">Log in / Register<span class="visuallyhidden"> (via Orcid)</span></a>
</div>
Login Control Logged In
HTML
<div class="login-control"
data-link-field-roots="profile-manager, logout"
data-profile-manager-text="Manage your profile" data-profile-manager-uri="#profileManageLink" data-logout-text="Log out" data-logout-uri="/log-out"
data-default-uri="#profileHome"
data-display-name="Kananinoheaokuuhomeopuukaimanaalohilo"
data-subsidiary-text="View my profile"
data-icon="
<picture class='login-control__icon'>
<source srcset='../../assets/img/icons/profile.svg'
type='image/svg+xml'
>
<img src='../../assets/img/icons/profile.png'
srcset='../../assets/img/icons/profile@2x.png 2x, ../../assets/img/icons/profile.png 1x'
alt='Profile icon'
>
</picture>
"
data-behaviour="LoginControl">
<a href="#profileHome" class="login-control__non_js_control_link">Kananinoheaokuuhomeopuukaimanaalohilo</a>
</div>
Main Menu
molecules-site-header-title
HTML
<div class="main-menu wrapper" id="mainMenu" data-behaviour="MainMenu" tabindex="0">
<div class="main-menu__title-container">
<div class="site-header__title clearfix" role="banner">
<div class="site-header__skip_to_content">
<a href="#maincontent" class="site-header__skip_to_content__link button button--default">Skip to Content</a>
</div>
<a href="#" class="site-header__logo_link">
<picture class="site-header__logo_link_image">
<source srcset="../../assets/img/patterns/organisms/elife-logo-xs.svg" type="image/svg+xml">
<img src="../../assets/img/patterns/organisms/elife-logo-xs@1x.png" alt="eLife logo" class="site-header__logo_link"/>
</picture>
<span class="visuallyhidden" >eLife home page</span>
</a>
</div>
</div>
<nav class="main-menu__container" role="navigation">
<h3 class="list-heading">Menu</h3>
<ul class="main-menu__list">
<li class="main-menu__list_item hidden-wide">
<a href="#" class="main-menu__list_link">Home</a>
</li>
<li class="main-menu__list_item hidden-wide">
<a href="#" class="main-menu__list_link">Magazine</a>
</li>
<li class="main-menu__list_item hidden-wide">
<a href="#ins" class="main-menu__list_link">Community</a>
</li>
<li class="main-menu__list_item hidden-wide">
<a href="#abo" class="main-menu__list_link">About</a>
</li>
<li class="main-menu__list_item">
<a href="#res" class="main-menu__list_link">Research categories</a>
</li>
<li class="main-menu__list_item end-of-group">
<a href="#" class="main-menu__list_link">Inside eLife</a>
</li>
<li class="main-menu__list_item hidden-wide">
<a href="#" class="main-menu__list_link">Search</a>
</li>
<li class="main-menu__list_item end-of-group hidden-wide">
<a href="#" class="main-menu__list_link">Subscribe to alerts</a>
</li>
<li class="main-menu__list_item hidden-wide">
<a href="#" class="main-menu__list_link">Submit your research</a>
</li>
<li class="main-menu__list_item">
<a href="#" class="main-menu__list_link">Author guide</a>
</li>
<li class="main-menu__list_item">
<a href="#" class="main-menu__list_link">Reviewer guide</a>
</li>
</ul>
<a href="#siteHeader" class="to-top-link">Back to top</a>
</nav>
</div>
Pager
atoms-button
HTML
<div class="pager" >
<a href="#" class="button button--default">Previous</a>
<a href="#" class="button button--default">Next</a>
</div>
Pager First Page
atoms-button
HTML
<div class="pager" data-behaviour="Pager" data-targetId="idOfListElementToLoadContentInTo">
<a href="#" class="button button--default">Previous</a>
<a href="#" class="button button--default button--full">Load more</a>
</div>
Pager Previous Only
atoms-button
HTML
<div class="pager" >
<a href="#" class="button button--default">Previous</a>
<a href="#" class="button button--default">Next</a>
</div>
Select Nav
HTML
<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>
Site Header Nav Bar
HTML
<nav class="">
<ul class="">
<li class="">
<a href="#">
[Do not use this base pattern directly: see the following variants of this pattern for usage]
</a>
</li>
</ul>
</nav>
Site Header Nav Bar Primary
HTML
<nav class="nav-primary">
<ul class="nav-primary__list clearfix">
<li class="nav-primary__item nav-primary__item--first">
<a href="#mainMenu">
Menu
</a>
</li>
<li class="nav-primary__item">
<a href="#">
Home
</a>
</li>
<li class="nav-primary__item">
<a href="#">
Magazine
</a>
</li>
<li class="nav-primary__item">
<a href="#">
Community
</a>
</li>
<li class="nav-primary__item">
<a href="#">
About
</a>
</li>
</ul>
</nav>
Site Header Nav Bar Secondary
HTML
<nav class="nav-secondary">
<ul class="nav-secondary__list clearfix">
<li class="nav-secondary__item nav-secondary__item--search">
<a href="#" rel="search">
Search
</a>
</li>
<li class="nav-secondary__item nav-secondary__item--alert">
<a href="#">
Alerts
</a>
</li>
<li class="nav-secondary__item nav-secondary__item--hide-narrow">
<a href="#" class="button button--default button--extra-small" aria-label="Descriptive and accessible name">Submit your research</a>
</li>
</ul>
</nav>
Site Header Title
HTML
<div class="site-header__title clearfix" role="banner">
<div class="site-header__skip_to_content">
<a href="#maincontent" class="site-header__skip_to_content__link button button--default">Skip to Content</a>
</div>
<a href="#" class="site-header__logo_link">
<picture class="site-header__logo_link_image">
<source srcset="../../assets/img/patterns/organisms/elife-logo-xs.svg" type="image/svg+xml">
<img src="../../assets/img/patterns/organisms/elife-logo-xs@1x.png" alt="eLife logo" class="site-header__logo_link"/>
</picture>
<span class="visuallyhidden" >eLife home page</span>
</a>
</div>
Site Header Title Border Variant
HTML
<header class="site-header clearfix" id="siteHeader">
<div class="site-header__title-border clearfix" role="banner">
<div class="site-header__skip_to_content">
<a href="#maincontent" class="site-header__skip_to_content__link button button--default">Skip to Content</a>
</div>
<a href="#" class="site-header__logo_link">
<picture class="site-header__logo_link_image">
<source srcset="../../assets/img/patterns/organisms/elife-logo-xs.svg" type="image/svg+xml">
<img src="../../assets/img/patterns/organisms/elife-logo-xs@1x.png" alt="eLife logo" class="site-header__logo_link"/>
</picture>
<span class="visuallyhidden" >eLife home page</span>
</a>
</div>
</header>
Site Header Title Wrapped
HTML
<header class="site-header clearfix" id="siteHeader">
<div class="site-header__title clearfix" role="banner">
<div class="site-header__skip_to_content">
<a href="#maincontent" class="site-header__skip_to_content__link button button--default">Skip to Content</a>
</div>
<a href="#" class="site-header__logo_link">
<picture class="site-header__logo_link_image">
<source srcset="../../assets/img/patterns/organisms/elife-logo-xs.svg" type="image/svg+xml">
<img src="../../assets/img/patterns/organisms/elife-logo-xs@1x.png" alt="eLife logo" class="site-header__logo_link"/>
</picture>
<span class="visuallyhidden" >eLife home page</span>
</a>
</div>
</header>
Tabbed Navigation
HTML
<nav class="tabbed-navigation" data-behaviour="TabbedNavigation">
<ul class="tabbed-navigation__tabs">
<li class="tabbed-navigation__tab-label">
<a href="#">[Do not use this base pattern directly: see the following variants of this pattern for usage]</a>
</li>
</ul>
</nav>
Tabbed Navigation Active Tab First
HTML
<nav class="tabbed-navigation" data-behaviour="TabbedNavigation">
<ul class="tabbed-navigation__tabs">
<li class="tabbed-navigation__tab-label tabbed-navigation__tab-label--active">
<a href="#">Full text</a>
</li>
<li class="tabbed-navigation__tab-label">
<a href="#">Figures<span class="tabbed-navigation__tab-label--long"> and data</span></a>
</li>
<li class="tabbed-navigation__tab-label tabbed-navigation__tab-label--side-by-side" data-side-by-side-link="#">
<a href="#">Peer review</a>
</li>
</ul>
</nav>
Tabbed Navigation Active Tab Fourth
HTML
<nav class="tabbed-navigation" data-behaviour="TabbedNavigation">
<ul class="tabbed-navigation__tabs">
<li class="tabbed-navigation__tab-label">
<a href="#">Full text</a>
</li>
<li class="tabbed-navigation__tab-label">
<a href="#">Figures<span class="tabbed-navigation__tab-label--long"> and data</span></a>
</li>
<li class="tabbed-navigation__tab-label">
<a href="#">Peer review</a>
</li>
<li class="tabbed-navigation__tab-label tabbed-navigation__tab-label--side-by-side tabbed-navigation__tab-label--active" data-side-by-side-link="#">
<a href="#">Side by side</a>
</li>
</ul>
</nav>
Tabbed Navigation Active Tab Second
HTML
<nav class="tabbed-navigation" data-behaviour="TabbedNavigation">
<ul class="tabbed-navigation__tabs">
<li class="tabbed-navigation__tab-label">
<a href="#">Full text</a>
</li>
<li class="tabbed-navigation__tab-label tabbed-navigation__tab-label--active">
<a href="#">Figures<span class="tabbed-navigation__tab-label--long"> and data</span></a>
</li>
<li class="tabbed-navigation__tab-label tabbed-navigation__tab-label--side-by-side" data-side-by-side-link="#">
<a href="#">Peer review</a>
</li>
</ul>
</nav>
Tabbed Navigation Active Tab Third
HTML
<nav class="tabbed-navigation" data-behaviour="TabbedNavigation">
<ul class="tabbed-navigation__tabs">
<li class="tabbed-navigation__tab-label">
<a href="#">Full text</a>
</li>
<li class="tabbed-navigation__tab-label">
<a href="#">Figures<span class="tabbed-navigation__tab-label--long"> and data</span></a>
</li>
<li class="tabbed-navigation__tab-label tabbed-navigation__tab-label--active">
<a href="#">Peer review</a>
</li>
<li class="tabbed-navigation__tab-label tabbed-navigation__tab-label--side-by-side" data-side-by-side-link="#">
<a href="#">Side by side</a>
</li>
</ul>
</nav>
View Selector
HTML
<div class="view-selector" data-behaviour="ViewSelector">
<ul class="view-selector__list">
<li class="view-selector__list-item view-selector__list-item--primary view-selector__list-item--active">
<a href="#article" class="view-selector__link view-selector__link--primary">Article</a>
</li>
</ul>
</div>
View Selector Article
HTML
<div class="view-selector view-selector--has-secondary" data-behaviour="ViewSelector" data-side-by-side-link="#sideBySide">
<ul class="view-selector__list">
<li class="view-selector__list-item view-selector__list-item--primary view-selector__list-item--active">
<a href="#article" class="view-selector__link view-selector__link--primary">Article</a>
</li>
<li class="view-selector__list-item view-selector__list-item--secondary">
<a href="#figures" class="view-selector__link view-selector__link--secondary">Figures and data</a>
</li>
<li class="view-selector__list-item">
<a href="#rds" class="view-selector__link"><span>Executable code</span></a>
</li>
<li class="view-selector__list-item view-selector__divider"></li>
<li class="view-selector__jump_link_item view-selector__list-item">
<a href="#abstract" class="view-selector__jump_link">Abstract</a>
</li>
<li class="view-selector__jump_link_item view-selector__list-item">
<a href="#digest" class="view-selector__jump_link">eLife digest</a>
</li>
<li class="view-selector__jump_link_item view-selector__list-item">
<a href="#introduction" class="view-selector__jump_link">Introduction</a>
</li>
<li class="view-selector__jump_link_item view-selector__list-item">
<a href="#results" class="view-selector__jump_link">Results</a>
</li>
<li class="view-selector__jump_link_item view-selector__list-item">
<a href="#discussion" class="view-selector__jump_link">Discussion</a>
</li>
<li class="view-selector__jump_link_item view-selector__list-item">
<a href="#materials-and-methods" class="view-selector__jump_link">Materials & methods</a>
</li>
<li class="view-selector__jump_link_item view-selector__list-item">
<a href="#references" class="view-selector__jump_link">References</a>
</li>
</ul>
</div>
View Selector With Tabs
HTML
<div class="view-selector view-selector--has-secondary button--switch-selector" data-behaviour="ViewSelector">
<ul class="view-selector__list">
<li class="view-selector__list-item view-selector__list-item--primary view-selector__list-item--active">
<a href="#primaryListing" class="view-selector__link view-selector__link--primary">Latest research</a>
</li>
<li class="view-selector__list-item view-selector__list-item--secondary">
<a href="#secondaryListing" class="view-selector__link view-selector__link--secondary">Magazine</a>
</li>
</ul>
</div>
Asset Viewer Inline
molecules-captioned-asset
HTML
<div
id="_64738"
class="asset-viewer-inline asset-viewer-inline--table "
data-variant="table"
data-behaviour="AssetNavigation AssetViewer ToggleableCaption"
data-selector=".caption-text__body"
data-asset-viewer-group="_64738"
>
<div class="asset-viewer-inline__header_panel">
<div class="asset-viewer-inline__header_text">
<span class="asset-viewer-inline__header_text__prominent">[Do not use this base pattern directly: see the following variants of this pattern for usage]</span>
</div>
<div class="asset-viewer-inline__figure_access">
</div>
</div>
<figure class="captioned-asset">
<div class="table">
<div class="table__table">
<table></table>
</div>
</div>
</figure>
</div>
Asset Viewer Inline Main Figure Nojs
molecules-captioned-asset
HTML
<div
id="fig1"
class="asset-viewer-inline asset-viewer-inline--figure nojs"
data-variant="figure"
data-behaviour="AssetNavigation AssetViewer ToggleableCaption"
data-selector=".caption-text__body"
data-asset-viewer-group="fig1"
data-asset-viewer-uri="https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2.jpg"
data-asset-viewer-width="1995"
data-asset-viewer-height="1962"
>
<div class="asset-viewer-inline__header_panel">
<div class="asset-viewer-inline__header_text">
<span class="asset-viewer-inline__header_text__prominent">Figure 1 </span>
</div>
<div class="asset-viewer-inline__figure_access">
<a href="#downloadLink" class="asset-viewer-inline__download_all_link" download="#downloadfilename"><span class="visuallyhidden">Download asset</span></a>
<a href="https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2.jpg" class="asset-viewer-inline__open_link" target="_blank" rel="noopener noreferrer"><span class="visuallyhidden">Open asset</span></a>
</div>
</div>
<figure class="captioned-asset">
<a href="https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2.jpg" class="captioned-asset__link" target="_blank" rel="noopener noreferrer">
<img src="https://placehold.it/90x90"
alt="Meaningful alt text here please."
srcset="https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2-1484w.jpg 2x, https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2-742w.jpg 1x"
class="captioned-asset__image nojs" />
</a>
<figcaption class="captioned-asset__caption">
<h6 class="caption-text__heading">Many features are conserved between the mammalian nephron and planarian protonephridia.</h6>
<div class="caption-text__body"><p>(A) Image of a young adult C. elegans and schematic depicting the twelve pairs of sensory neurons in the anterior amphid individuals carrying a virus with k deleterious mutations at its endemic equilibrium. class carrying the fewest number of deleterious mutations is defined as mutation class k = 0. Inset: variation in the basic reproductive rate of infected individuals (gray histogram) and variation in the net reproductive rate R of infected individuals (brown histogram) resulting from variation in the number of deleterious mutations carried by circulating viruses.</p></div>
<span class="doi doi--asset">
<a href="https://doi.org/10.7554/eLife.14734" class="doi__link">
https://doi.org/10.7554/eLife.14734
</a>
</span>
</figcaption>
</figure>
</div>
Asset Viewer Inline Main Figure With Supplement And Additional Assets Nojs
How should this optional heading be styled?
-
Table 1 - source data 1.
- https://doi.org/10.7554/eLife.10181.001
-
Table 1 - source data 1.
- https://doi.org/10.7554/eLife.10181.002
molecules-captioned-asset
HTML
<div
id="fig1"
class="asset-viewer-inline asset-viewer-inline--figure nojs"
data-variant="figure"
data-behaviour="AssetNavigation AssetViewer ToggleableCaption"
data-selector=".caption-text__body"
data-asset-viewer-group="fig1"
data-asset-viewer-uri="https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2.jpg"
data-asset-viewer-width="1995"
data-asset-viewer-height="1962"
>
<div class="asset-viewer-inline__header_panel">
<div class="asset-viewer-inline__header_text">
<span class="asset-viewer-inline__header_text__prominent">Figure 1 </span> with 1 supplement <a href="#seeAllLink" class="asset-viewer-inline__header_link">see all</a>
</div>
<div class="asset-viewer-inline__figure_access">
<a href="#downloadLink" class="asset-viewer-inline__download_all_link" download="#downloadfilename"><span class="visuallyhidden">Download asset</span></a>
<a href="https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2.jpg" class="asset-viewer-inline__open_link" target="_blank" rel="noopener noreferrer"><span class="visuallyhidden">Open asset</span></a>
</div>
</div>
<figure class="captioned-asset">
<a href="https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2.jpg" class="captioned-asset__link" target="_blank" rel="noopener noreferrer">
<img src="https://placehold.it/90x90"
alt="Meaningful alt text here please."
srcset="https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2-1484w.jpg 2x, https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2-742w.jpg 1x"
class="captioned-asset__image nojs" />
</a>
<figcaption class="captioned-asset__caption">
<h6 class="caption-text__heading">Many features are conserved between the mammalian nephron and planarian protonephridia.</h6>
<div class="caption-text__body"><p>(A) Image of a young adult C. elegans and schematic depicting the twelve pairs of sensory neurons in the anterior amphid individuals carrying a virus with k deleterious mutations at its endemic equilibrium. class carrying the fewest number of deleterious mutations is defined as mutation class k = 0. Inset: variation in the basic reproductive rate of infected individuals (gray histogram) and variation in the net reproductive rate R of infected individuals (brown histogram) resulting from variation in the number of deleterious mutations carried by circulating viruses.</p></div>
<span class="doi doi--asset">
<a href="https://doi.org/10.7554/eLife.14734" class="doi__link">
https://doi.org/10.7554/eLife.14734
</a>
</span>
</figcaption>
</figure>
<div class="additional-assets">
<h6 class="additional-assets__heading">How should this optional heading be styled?</h6>
<dl class="additional-assets__list">
<dt class="additional-asset__text" id="pageLevelUniqueFragmentId5">
<h6 class="caption-text__heading">Table 1 - source data 1.</h6>
<p class="caption-text__heading">Is the species name mentioned in the title, impact statement, abstract and digest of eLife papers</p>
<div class="caption-text__body">some more details here</div>
</dt>
<dd class="additional-asset__access">
<span class="doi doi--asset">
<a href="https://doi.org/10.7554/eLife.10181.001" class="doi__link">
https://doi.org/10.7554/eLife.10181.001
</a>
</span>
<div>
<a class="additional-asset__link additional-asset__link--download" href="#downloadLink" download="#download-me.png">Download me</a>
</div>
</dd>
<dt class="additional-asset__text" id="pageLevelUniqueFragmentId6">
<h6 class="caption-text__heading">Table 1 - source data 1.</h6>
<p class="caption-text__heading">Is the species name mentioned in the title, impact statement, abstract and digest of eLife papers</p>
<div class="caption-text__body">some more details here</div>
</dt>
<dd class="additional-asset__access">
<span class="doi doi--asset">
<a href="https://doi.org/10.7554/eLife.10181.002" class="doi__link">
https://doi.org/10.7554/eLife.10181.002
</a>
</span>
<div>
<a class="additional-asset__link additional-asset__link--download" href="#downloadLink" download="#download-me.png">Download me</a>
</div>
</dd>
</dl>
</div>
</div>
Asset Viewer Inline Main Figure With Supplement And Additional Assets
How should this optional heading be styled?
-
Table 1 - source data 1.
- https://doi.org/10.7554/eLife.10181.001
-
Table 1 - source data 1.
- https://doi.org/10.7554/eLife.10181.002
molecules-captioned-asset
HTML
<div
id="fig1"
class="asset-viewer-inline asset-viewer-inline--figure "
data-variant="figure"
data-behaviour="AssetNavigation AssetViewer ToggleableCaption"
data-selector=".caption-text__body"
data-asset-viewer-group="fig1"
data-asset-viewer-uri="https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2.jpg"
data-asset-viewer-width="1995"
data-asset-viewer-height="1962"
>
<div class="asset-viewer-inline__header_panel">
<div class="asset-viewer-inline__header_text">
<span class="asset-viewer-inline__header_text__prominent">Figure 1 </span> with 1 supplement <a href="/patterns/04-pages-article--figures/04-pages-article--figures.html#fig1" class="asset-viewer-inline__header_link">see all</a>
</div>
<div class="asset-viewer-inline__figure_access">
<a href="#downloadLink" class="asset-viewer-inline__download_all_link" download="#downloadfilename"><span class="visuallyhidden">Download asset</span></a>
<a href="https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2.jpg" class="asset-viewer-inline__open_link" target="_blank" rel="noopener noreferrer"><span class="visuallyhidden">Open asset</span></a>
</div>
</div>
<figure class="captioned-asset">
<a href="https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2.jpg" class="captioned-asset__link" target="_blank" rel="noopener noreferrer">
<img src="https://placehold.it/90x90"
alt="Meaningful alt text here please."
srcset="https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2-1484w.jpg 2x, https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2-742w.jpg 1x"
class="captioned-asset__image" />
</a>
<figcaption class="captioned-asset__caption">
<h6 class="caption-text__heading">Many features are conserved between the mammalian nephron and planarian protonephridia.</h6>
<div class="caption-text__body"><p>(A) Image of a young adult C. elegans and schematic depicting the twelve pairs of sensory neurons in the anterior amphid individuals carrying a virus with k deleterious mutations at its endemic equilibrium. class carrying the fewest number of deleterious mutations is defined as mutation class k = 0. Inset: variation in the basic reproductive rate of infected individuals (gray histogram) and variation in the net reproductive rate R of infected individuals (brown histogram) resulting from variation in the number of deleterious mutations carried by circulating viruses.</p></div>
<span class="doi doi--asset">
<a href="https://doi.org/10.7554/eLife.14734" class="doi__link">
https://doi.org/10.7554/eLife.14734
</a>
</span>
</figcaption>
</figure>
<div class="additional-assets">
<h6 class="additional-assets__heading">How should this optional heading be styled?</h6>
<dl class="additional-assets__list">
<dt class="additional-asset__text" id="pageLevelUniqueFragmentId5">
<h6 class="caption-text__heading">Table 1 - source data 1.</h6>
<p class="caption-text__heading">Is the species name mentioned in the title, impact statement, abstract and digest of eLife papers</p>
<div class="caption-text__body">some more details here</div>
</dt>
<dd class="additional-asset__access">
<span class="doi doi--asset">
<a href="https://doi.org/10.7554/eLife.10181.001" class="doi__link">
https://doi.org/10.7554/eLife.10181.001
</a>
</span>
<div>
<a class="additional-asset__link additional-asset__link--download" href="#downloadLink" download="#download-me.png">Download me</a>
</div>
</dd>
<dt class="additional-asset__text" id="pageLevelUniqueFragmentId6">
<h6 class="caption-text__heading">Table 1 - source data 1.</h6>
<p class="caption-text__heading">Is the species name mentioned in the title, impact statement, abstract and digest of eLife papers</p>
<div class="caption-text__body">some more details here</div>
</dt>
<dd class="additional-asset__access">
<span class="doi doi--asset">
<a href="https://doi.org/10.7554/eLife.10181.002" class="doi__link">
https://doi.org/10.7554/eLife.10181.002
</a>
</span>
<div>
<a class="additional-asset__link additional-asset__link--download" href="#downloadLink" download="#download-me.png">Download me</a>
</div>
</dd>
</dl>
</div>
</div>
Asset Viewer Inline Supplementary Figure Nojs
molecules-captioned-asset
HTML
<div
id="fig1s1"
class="asset-viewer-inline asset-viewer-inline--supplement nojs"
data-variant="supplement"
data-behaviour=" AssetViewer ToggleableCaption"
data-selector=".caption-text__body"
data-parent-asset-id="fig11"
data-supplement-ordinal="1"
data-asset-viewer-group="fig11"
data-asset-viewer-uri="https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2.jpg"
data-asset-viewer-width="1995"
data-asset-viewer-height="1962"
>
<div class="asset-viewer-inline__header_panel">
<div class="asset-viewer-inline__header_text">
<span class="asset-viewer-inline__header_text__prominent">Figure 1 supplement 1</span>
</div>
<div class="asset-viewer-inline__figure_access">
<a href="#downloadLink" class="asset-viewer-inline__download_all_link" download="#downloadfilename"><span class="visuallyhidden">Download asset</span></a>
<a href="https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2.jpg" class="asset-viewer-inline__open_link" target="_blank" rel="noopener noreferrer"><span class="visuallyhidden">Open asset</span></a>
</div>
</div>
<figure class="captioned-asset">
<a href="https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2.jpg" class="captioned-asset__link" target="_blank" rel="noopener noreferrer">
<img src="https://placehold.it/90x90"
alt="Meaningful alt text here please."
srcset="https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2-1484w.jpg 2x, https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2-742w.jpg 1x"
class="captioned-asset__image nojs" />
</a>
<figcaption class="captioned-asset__caption">
<h6 class="caption-text__heading">Many features are conserved between the mammalian nephron and planarian protonephridia.</h6>
<div class="caption-text__body"><p>(A) Image of a young adult C. elegans and schematic depicting the twelve pairs of sensory neurons in the anterior amphid individuals carrying a virus with k deleterious mutations at its endemic equilibrium. class carrying the fewest number of deleterious mutations is defined as mutation class k = 0. Inset: variation in the basic reproductive rate of infected individuals (gray histogram) and variation in the net reproductive rate R of infected individuals (brown histogram) resulting from variation in the number of deleterious mutations carried by circulating viruses.</p></div>
<span class="doi doi--asset">
<a href="https://doi.org/10.7554/eLife.14734" class="doi__link">
https://doi.org/10.7554/eLife.14734
</a>
</span>
</figcaption>
</figure>
</div>
Asset Viewer Inline Supplementary Figure With Additional Assets Nojs
How should this optional heading be styled?
-
Table 1 - source data 1.
- https://doi.org/10.7554/eLife.10181.001
-
Table 1 - source data 1.
- https://doi.org/10.7554/eLife.10181.002
How should this optional heading be styled?
-
Table 1 - source data 1.
- https://doi.org/10.7554/eLife.10181.001
-
Table 1 - source data 1.
- https://doi.org/10.7554/eLife.10181.002
molecules-captioned-asset
HTML
<div
id="fig1s2"
class="asset-viewer-inline asset-viewer-inline--supplement nojs"
data-variant="supplement"
data-behaviour=" AssetViewer ToggleableCaption"
data-selector=".caption-text__body"
data-parent-asset-id="fig11"
data-supplement-ordinal="2"
data-asset-viewer-group="fig11"
data-asset-viewer-uri="https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2.jpg"
data-asset-viewer-width="1995"
data-asset-viewer-height="1962"
>
<div class="asset-viewer-inline__header_panel">
<div class="asset-viewer-inline__header_text">
<span class="asset-viewer-inline__header_text__prominent">Figure 1 supplement 2</span>
</div>
<div class="asset-viewer-inline__figure_access">
<a href="#downloadLink" class="asset-viewer-inline__download_all_link" download="#downloadfilename"><span class="visuallyhidden">Download asset</span></a>
<a href="https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2.jpg" class="asset-viewer-inline__open_link" target="_blank" rel="noopener noreferrer"><span class="visuallyhidden">Open asset</span></a>
</div>
</div>
<figure class="captioned-asset">
<a href="https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2.jpg" class="captioned-asset__link" target="_blank" rel="noopener noreferrer">
<img src="https://placehold.it/90x90"
alt="Meaningful alt text here please."
srcset="https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2-1484w.jpg 2x, https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2-742w.jpg 1x"
class="captioned-asset__image nojs" />
</a>
<figcaption class="captioned-asset__caption">
<h6 class="caption-text__heading">Many features are conserved between the mammalian nephron and planarian protonephridia.</h6>
<div class="caption-text__body"><p>(A) Image of a young adult C. elegans and schematic depicting the twelve pairs of sensory neurons in the anterior amphid individuals carrying a virus with k deleterious mutations at its endemic equilibrium. class carrying the fewest number of deleterious mutations is defined as mutation class k = 0. Inset: variation in the basic reproductive rate of infected individuals (gray histogram) and variation in the net reproductive rate R of infected individuals (brown histogram) resulting from variation in the number of deleterious mutations carried by circulating viruses.</p></div>
<span class="doi doi--asset">
<a href="https://doi.org/10.7554/eLife.14734" class="doi__link">
https://doi.org/10.7554/eLife.14734
</a>
</span>
</figcaption>
</figure>
<div class="additional-assets">
<h6 class="additional-assets__heading">How should this optional heading be styled?</h6>
<dl class="additional-assets__list">
<dt class="additional-asset__text" id="pageLevelUniqueFragmentId7">
<h6 class="caption-text__heading">Table 1 - source data 1.</h6>
<p class="caption-text__heading">Is the species name mentioned in the title, impact statement, abstract and digest of eLife papers</p>
<div class="caption-text__body">some more details here</div>
</dt>
<dd class="additional-asset__access">
<span class="doi doi--asset">
<a href="https://doi.org/10.7554/eLife.10181.001" class="doi__link">
https://doi.org/10.7554/eLife.10181.001
</a>
</span>
<div>
<a class="additional-asset__link additional-asset__link--download" href="#downloadLink" download="#download-me.png">Download me</a>
</div>
</dd>
<dt class="additional-asset__text" id="pageLevelUniqueFragmentId8">
<h6 class="caption-text__heading">Table 1 - source data 1.</h6>
<p class="caption-text__heading">Is the species name mentioned in the title, impact statement, abstract and digest of eLife papers</p>
<div class="caption-text__body">some more details here</div>
</dt>
<dd class="additional-asset__access">
<span class="doi doi--asset">
<a href="https://doi.org/10.7554/eLife.10181.002" class="doi__link">
https://doi.org/10.7554/eLife.10181.002
</a>
</span>
<div>
<a class="additional-asset__link additional-asset__link--download" href="#downloadLink" download="#download-me.png">Download me</a>
</div>
</dd>
</dl>
</div>
<div class="additional-assets">
<h6 class="additional-assets__heading">How should this optional heading be styled?</h6>
<dl class="additional-assets__list">
<dt class="additional-asset__text" id="pageLevelUniqueFragmentId9">
<h6 class="caption-text__heading">Table 1 - source data 1.</h6>
<p class="caption-text__heading">Is the species name mentioned in the title, impact statement, abstract and digest of eLife papers</p>
<div class="caption-text__body">some more details here</div>
</dt>
<dd class="additional-asset__access">
<span class="doi doi--asset">
<a href="https://doi.org/10.7554/eLife.10181.001" class="doi__link">
https://doi.org/10.7554/eLife.10181.001
</a>
</span>
<div>
<a class="additional-asset__link additional-asset__link--download" href="#downloadLink" download="#download-me.png">Download me</a>
</div>
</dd>
<dt class="additional-asset__text" id="pageLevelUniqueFragmentId10">
<h6 class="caption-text__heading">Table 1 - source data 1.</h6>
<p class="caption-text__heading">Is the species name mentioned in the title, impact statement, abstract and digest of eLife papers</p>
<div class="caption-text__body">some more details here</div>
</dt>
<dd class="additional-asset__access">
<span class="doi doi--asset">
<a href="https://doi.org/10.7554/eLife.10181.002" class="doi__link">
https://doi.org/10.7554/eLife.10181.002
</a>
</span>
<div>
<a class="additional-asset__link additional-asset__link--download" href="#downloadLink" download="#download-me.png">Download me</a>
</div>
</dd>
</dl>
</div>
</div>
Asset Viewer Inline Table Nojs
molecules-captioned-asset
HTML
<div
id="table1"
class="asset-viewer-inline asset-viewer-inline--table nojs"
data-variant="table"
data-behaviour="AssetNavigation AssetViewer ToggleableCaption"
data-selector=".caption-text__body"
data-asset-viewer-group="table1"
>
<div class="asset-viewer-inline__header_panel">
<div class="asset-viewer-inline__header_text">
<span class="asset-viewer-inline__header_text__prominent">Table 1 </span>
</div>
<div class="asset-viewer-inline__figure_access">
<a href="#downloadLink" class="asset-viewer-inline__download_all_link" download="#downloadfilename"><span class="visuallyhidden">Download asset</span></a>
</div>
</div>
<figure class="captioned-asset">
<figcaption class="captioned-asset__caption">
<h6 class="caption-text__heading">Many features are conserved between the mammalian nephron and planarian protonephridia.</h6>
<div class="caption-text__body"><p class="paragraph">(A) Image of a young adult C. elegans and schematic depicting the twelve pairs of sensory neurons in the anterior amphid individuals carrying a virus with k deleterious mutations at its endemic equilibrium. class carrying the fewest number of deleterious mutations is defined as mutation class k = 0. Inset: variation in the basic reproductive rate of infected individuals (gray histogram) and variation in the net reproductive rate R of infected individuals (brown histogram) resulting from variation in the number of deleterious mutations carried by circulating viruses.</p></div>
<span class="doi doi--asset">
<a href="https://doi.org/10.7554/eLife.14734" class="doi__link">
https://doi.org/10.7554/eLife.14734
</a>
</span>
</figcaption>
<div class="table">
<div class="table__table">
<table><thead><tr><th>F(Dfn, Dfd)</th><th>Partial η<sup>2</sup></th><th>Original effect size <em>f</em></th><th>Replication total sample size</th><th>Detectable effect size <em>f</em></th></tr></thead><tbody><tr><td>F(24,39) = 0.8678 (interaction)</td><td>0.348120</td><td>0.7307699</td><td>169<a class="xref-table-fn" href="#tblfn2">*</a></td><td>0.3895070<a class="xref-table-fn" href="#tblfn3">†</a></td></tr><tr><td>F(2,39) = 0.8075 (treatments)</td><td>0.039766</td><td>0.2035014</td><td>169<a class="xref-table-fn" href="#tblfn2">*</a></td><td>0.2415459<a class="xref-table-fn" href="#tblfn3">†</a></td></tr><tr><td>F(12,39) = 187.6811 (hematology parameters)</td><td>0.982978</td><td>7.599178</td><td>169<a class="xref-table-fn" href="#tblfn2">*</a></td><td>0.3331365<a class="xref-table-fn" href="#tblfn4">‡</a></td></tr></tbody></table>
</div>
</div>
</figure>
</div>
Asset Viewer Inline Tables Nojs
molecules-captioned-asset
HTML
<div
id="table1"
class="asset-viewer-inline asset-viewer-inline--table nojs"
data-variant="table"
data-behaviour="AssetNavigation AssetViewer ToggleableCaption"
data-selector=".caption-text__body"
data-asset-viewer-group="table1"
>
<div class="asset-viewer-inline__header_panel">
<div class="asset-viewer-inline__header_text">
<span class="asset-viewer-inline__header_text__prominent">Table 1 </span>
</div>
<div class="asset-viewer-inline__figure_access">
<a href="#downloadLink" class="asset-viewer-inline__download_all_link" download="#downloadfilename"><span class="visuallyhidden">Download asset</span></a>
</div>
</div>
<figure class="captioned-asset">
<figcaption class="captioned-asset__caption">
<h6 class="caption-text__heading">Many features are conserved between the mammalian nephron and planarian protonephridia.</h6>
<div class="caption-text__body"><p>(A) Image of a young adult C. elegans and schematic depicting the twelve pairs of sensory neurons in the anterior amphid individuals carrying a virus with k deleterious mutations at its endemic equilibrium. class carrying the fewest number of deleterious mutations is defined as mutation class k = 0. Inset: variation in the basic reproductive rate of infected individuals (gray histogram) and variation in the net reproductive rate R of infected individuals (brown histogram) resulting from variation in the number of deleterious mutations carried by circulating viruses.</p></div>
<span class="doi doi--asset">
<a href="https://doi.org/10.7554/eLife.14734" class="doi__link">
https://doi.org/10.7554/eLife.14734
</a>
</span>
</figcaption>
<div class="table">
<div class="table__table">
<table><thead><tr><th>F(Dfn, Dfd)</th><th>Partial η<sup>2</sup></th><th>Original effect size <em>f</em></th><th>Replication total sample size</th><th>Detectable effect size <em>f</em></th></tr></thead><tbody><tr><td>F(24,39) = 0.8678 (interaction)</td><td>0.348120</td><td>0.7307699</td><td>169<a class="xref-table-fn" href="#tblfn2">*</a></td><td>0.3895070<a class="xref-table-fn" href="#tblfn3">†</a></td></tr><tr><td>F(2,39) = 0.8075 (treatments)</td><td>0.039766</td><td>0.2035014</td><td>169<a class="xref-table-fn" href="#tblfn2">*</a></td><td>0.2415459<a class="xref-table-fn" href="#tblfn3">†</a></td></tr><tr><td>F(12,39) = 187.6811 (hematology parameters)</td><td>0.982978</td><td>7.599178</td><td>169<a class="xref-table-fn" href="#tblfn2">*</a></td><td>0.3331365<a class="xref-table-fn" href="#tblfn4">‡</a></td></tr></tbody></table>
</div>
<div class="table__table">
<table><thead><tr><th>F(Dfn, Dfd)</th><th>Partial η<sup>2</sup></th><th>Original effect size <em>f</em></th><th>Replication total sample size</th><th>Detectable effect size <em>f</em></th></tr></thead><tbody><tr><td>F(24,39) = 0.8678 (interaction)</td><td>0.348120</td><td>0.7307699</td><td>169<a class="xref-table-fn" href="#tblfn2">*</a></td><td>0.3895070<a class="xref-table-fn" href="#tblfn3">†</a></td></tr><tr><td>F(2,39) = 0.8075 (treatments)</td><td>0.039766</td><td>0.2035014</td><td>169<a class="xref-table-fn" href="#tblfn2">*</a></td><td>0.2415459<a class="xref-table-fn" href="#tblfn3">†</a></td></tr><tr><td>F(12,39) = 187.6811 (hematology parameters)</td><td>0.982978</td><td>7.599178</td><td>169<a class="xref-table-fn" href="#tblfn2">*</a></td><td>0.3331365<a class="xref-table-fn" href="#tblfn4">‡</a></td></tr></tbody></table>
</div>
</div>
</figure>
</div>
Asset Viewer Inline Video Nojs
molecules-captioned-asset
HTML
<div
id="video1"
class="asset-viewer-inline asset-viewer-inline--video nojs"
data-variant="video"
data-behaviour="AssetNavigation AssetViewer ToggleableCaption"
data-selector=".caption-text__body"
data-asset-viewer-group="video1"
>
<div class="asset-viewer-inline__header_panel">
<div class="asset-viewer-inline__header_text">
<span class="asset-viewer-inline__header_text__prominent">Video 1 </span>
</div>
<div class="asset-viewer-inline__figure_access">
<a href="#downloadLink" class="asset-viewer-inline__download_all_link" download="#downloadfilename"><span class="visuallyhidden">Download asset</span></a>
</div>
</div>
<figure class="captioned-asset">
<video controls="controls" poster="https://static-movie-usa.glencoesoftware.com/jpg/10.7554/62/9b08932354341de3a06de7e1c58d37138418aa8a/elife-14864-media2.jpg" preload="metadata">
<img src="https://static-movie-usa.glencoesoftware.com/jpg/10.7554/62/9b08932354341de3a06de7e1c58d37138418aa8a/elife-14864-media2.jpg" alt="posterframe for video" />
<p>This video cannot be played in place because your browser does support HTML5 video. You may still download the video for offline viewing.</p>
<source src="https://static-movie-usa.glencoesoftware.com/mp4/10.7554/62/9b08932354341de3a06de7e1c58d37138418aa8a/elife-14864-media2.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' class="media-source"/>
<div>
<a class="media-source__fallback_link" href="https://static-movie-usa.glencoesoftware.com/mp4/10.7554/62/9b08932354341de3a06de7e1c58d37138418aa8a/elife-14864-media2.mp4">Download as mp4</a>
</div>
<source src="https://static-movie-usa.glencoesoftware.com/webm/10.7554/62/9b08932354341de3a06de7e1c58d37138418aa8a/elife-14864-media2.webm" type='video/webm; codecs="vp8.0, vorbis"' class="media-source"/>
<div>
<a class="media-source__fallback_link" href="https://static-movie-usa.glencoesoftware.com/webm/10.7554/62/9b08932354341de3a06de7e1c58d37138418aa8a/elife-14864-media2.webm">Download as webm</a>
</div>
<source src="https://static-movie-usa.glencoesoftware.com/ogv/10.7554/62/9b08932354341de3a06de7e1c58d37138418aa8a/elife-14864-media2.ogv" type='video/ogg; codecs="theora, vorbis"' class="media-source"/>
<div>
<a class="media-source__fallback_link" href="https://static-movie-usa.glencoesoftware.com/ogv/10.7554/62/9b08932354341de3a06de7e1c58d37138418aa8a/elife-14864-media2.ogv">Download as ogg</a>
</div>
</video>
<figcaption class="captioned-asset__caption">
<h6 class="caption-text__heading">Many features are conserved between the mammalian nephron and planarian protonephridia.</h6>
<div class="caption-text__body"><p>(A) Image of a young adult C. elegans and schematic depicting the twelve pairs of sensory neurons in the anterior amphid individuals carrying a virus with k deleterious mutations at its endemic equilibrium. class carrying the fewest number of deleterious mutations is defined as mutation class k = 0. Inset: variation in the basic reproductive rate of infected individuals (gray histogram) and variation in the net reproductive rate R of infected individuals (brown histogram) resulting from variation in the number of deleterious mutations carried by circulating viruses.</p></div>
<span class="doi doi--asset">
<a href="https://doi.org/10.7554/eLife.14734" class="doi__link">
https://doi.org/10.7554/eLife.14734
</a>
</span>
</figcaption>
</figure>
</div>
About Profiles
Leadership team
-
Randy Scheckman
Editor-in-Chief
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor euismod mi. Morbi facilisis eros in mi consequat cursus. Nulla malesuada pretium mauris, vitae gravida diam laoreet ac. Curabitur ornare libero sed porta molestie. Ut ut sem in libero tincidunt lobortis. Nullam eros nisi, malesuada vitae leo sit amet, bibendum congue justo. Morbi iaculis lectus erat, vel dapibus metus posuere sit amet. Phasellus eget scelerisque massa. Mauris hendrerit ex in nisl ultricies elementum. Donec tellus risus, rhoncus molestie rutrum et, cursus eget mi. Praesent et elit tellus. Curabitur id sodales turpis. Fusce pulvinar aliquam commodo. Cras vitae dolor vitae metus dignissim auctor.Cras nulla purus, rhoncus et mollis in, imperdiet sed metus. In non porttitor nibh. In sit amet ipsum eget nisl laoreet tincidunt. Donec iaculis nibh quis lacus viverra sagittis. Phasellus imperdiet congue imperdiet.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc nisi tortor, rhoncus.
- Expertise
- Cell Biology
- Competing interests statement
- Donec tellus
-
Eve Marder
Deputy Editor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor euismod mi. Morbi facilisis eros in mi consequat cursus. Nulla malesuada pretium mauris, vitae gravida diam laoreet ac. Curabitur ornare libero sed porta molestie. Ut ut sem in libero tincidunt lobortis. Nullam eros nisi, malesuada vitae leo sit amet, bibendum congue justo. Morbi iaculis lectus erat, vel dapibus metus posuere sit amet. Phasellus eget scelerisque massa. Mauris hendrerit ex in nisl ultricies elementum. Donec tellus risus, rhoncus molestie rutrum et, cursus eget mi. Praesent et elit tellus. Curabitur id sodales turpis. Fusce pulvinar aliquam commodo. Cras vitae dolor vitae metus dignissim auctor.Cras nulla purus, rhoncus et mollis in, imperdiet sed metus. In non porttitor nibh. In sit amet ipsum eget nisl laoreet tincidunt. Donec iaculis nibh quis lacus viverra sagittis. Phasellus imperdiet congue imperdiet.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc nisi tortor, rhoncus.
- Expertise
- Cell Biology
- Competing interests statement
- Donec tellus
-
Profile (no image)
Deputy Editor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor euismod mi. Morbi facilisis eros in mi consequat cursus. Nulla malesuada pretium mauris, vitae gravida diam laoreet ac. Curabitur ornare libero sed porta molestie. Ut ut sem in libero tincidunt lobortis. Nullam eros nisi, malesuada vitae leo sit amet, bibendum congue justo. Morbi iaculis lectus erat, vel dapibus metus posuere sit amet. Phasellus eget scelerisque massa. Mauris hendrerit ex in nisl ultricies elementum. Donec tellus risus, rhoncus molestie rutrum et, cursus eget mi. Praesent et elit tellus. Curabitur id sodales turpis. Fusce pulvinar aliquam commodo. Cras vitae dolor vitae metus dignissim auctor.Cras nulla purus, rhoncus et mollis in, imperdiet sed metus. In non porttitor nibh. In sit amet ipsum eget nisl laoreet tincidunt. Donec iaculis nibh quis lacus viverra sagittis. Phasellus imperdiet congue imperdiet.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc nisi tortor, rhoncus.
- Expertise
- Cell Biology
- Competing interests statement
- Donec tellus
molecules-about-profile
HTML
<h3 class="list-heading">Leadership team</h3>
<ol class="about-profiles " data-behaviour="AboutProfiles DelegateBehaviour" data-delegate-behaviour="Popup" data-selector=".about-profile" data-delegate-behaviour-class="about-profile--popup">
<li class="about-profiles__item">
<div class="about-profile clearfix" data-popup-self="true" data-popup-wrapper="true">
<picture class="about-profile__picture">
<source srcset="https://iiif.elifesciences.org/journal-cms/person%2F2019-03%2Fmike.jpg/0,0,7360,4164/800,448/0/default.jpg 1x, https://iiif.elifesciences.org/journal-cms/person%2F2019-03%2Fmike.jpg/0,0,7360,4164/800,448/0/default.jpg 2x"
>
<img src="https://unsplash.it/250/140/"
srcset="https://unsplash.it/500/280/ 2x, https://unsplash.it/250/140/ 1x"
alt=""
class="about-profile__image"
>
</picture>
<h4 class="about-profile__name">Randy Scheckman</h4>
<p class="about-profile__role">Editor-in-Chief</p>
<div class="about-profile__profile " data-behaviour="ToggleableCaption" data-selector=".about-profile__profile-body" data-threshold-width="730">
<div class="about-profile__profile-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor euismod mi. Morbi facilisis eros in mi consequat cursus. Nulla malesuada pretium mauris, vitae gravida diam laoreet ac. Curabitur ornare libero sed porta molestie. Ut ut sem in libero tincidunt lobortis. Nullam eros nisi, malesuada vitae leo sit amet, bibendum congue justo. Morbi iaculis lectus erat, vel dapibus metus posuere sit amet. Phasellus eget scelerisque massa. Mauris hendrerit ex in nisl ultricies elementum. Donec tellus risus, rhoncus molestie rutrum et, cursus eget mi. Praesent et elit tellus. Curabitur id sodales turpis. Fusce pulvinar aliquam commodo. Cras vitae dolor vitae metus dignissim auctor.Cras nulla purus, rhoncus et mollis in, imperdiet sed metus. In non porttitor nibh. In sit amet ipsum eget nisl laoreet tincidunt. Donec iaculis nibh quis lacus viverra sagittis. Phasellus imperdiet congue imperdiet.</p><p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc nisi tortor, rhoncus.</p><dl class="definition-list definition-list--inline"><dt>Expertise</dt><dd>Cell Biology</dd><dt>Competing interests statement</dt><dd>Donec tellus</dl>
</div>
</div>
</div>
</li>
<li class="about-profiles__item">
<div class="about-profile clearfix" data-popup-self="true" data-popup-wrapper="true">
<picture class="about-profile__picture">
<img src="https://unsplash.it/250/140/"
srcset="https://unsplash.it/500/280/ 2x, https://unsplash.it/250/140/ 1x"
alt=""
class="about-profile__image"
>
</picture>
<h4 class="about-profile__name">Eve Marder</h4>
<p class="about-profile__role">Deputy Editor</p>
<div class="about-profile__profile " data-behaviour="ToggleableCaption" data-selector=".about-profile__profile-body" data-threshold-width="730">
<div class="about-profile__profile-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor euismod mi. Morbi facilisis eros in mi consequat cursus. Nulla malesuada pretium mauris, vitae gravida diam laoreet ac. Curabitur ornare libero sed porta molestie. Ut ut sem in libero tincidunt lobortis. Nullam eros nisi, malesuada vitae leo sit amet, bibendum congue justo. Morbi iaculis lectus erat, vel dapibus metus posuere sit amet. Phasellus eget scelerisque massa. Mauris hendrerit ex in nisl ultricies elementum. Donec tellus risus, rhoncus molestie rutrum et, cursus eget mi. Praesent et elit tellus. Curabitur id sodales turpis. Fusce pulvinar aliquam commodo. Cras vitae dolor vitae metus dignissim auctor.Cras nulla purus, rhoncus et mollis in, imperdiet sed metus. In non porttitor nibh. In sit amet ipsum eget nisl laoreet tincidunt. Donec iaculis nibh quis lacus viverra sagittis. Phasellus imperdiet congue imperdiet.</p><p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc nisi tortor, rhoncus.</p><dl class="definition-list definition-list--inline"><dt>Expertise</dt><dd>Cell Biology</dd><dt>Competing interests statement</dt><dd>Donec tellus</dl>
</div>
</div>
</div>
</li>
<li class="about-profiles__item">
<div class="about-profile clearfix" data-popup-self="true" data-popup-wrapper="true">
<h4 class="about-profile__name">Profile (no image)</h4>
<p class="about-profile__role">Deputy Editor</p>
<div class="about-profile__profile " data-behaviour="ToggleableCaption" data-selector=".about-profile__profile-body" data-threshold-width="730">
<div class="about-profile__profile-body">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tempor euismod mi. Morbi facilisis eros in mi consequat cursus. Nulla malesuada pretium mauris, vitae gravida diam laoreet ac. Curabitur ornare libero sed porta molestie. Ut ut sem in libero tincidunt lobortis. Nullam eros nisi, malesuada vitae leo sit amet, bibendum congue justo. Morbi iaculis lectus erat, vel dapibus metus posuere sit amet. Phasellus eget scelerisque massa. Mauris hendrerit ex in nisl ultricies elementum. Donec tellus risus, rhoncus molestie rutrum et, cursus eget mi. Praesent et elit tellus. Curabitur id sodales turpis. Fusce pulvinar aliquam commodo. Cras vitae dolor vitae metus dignissim auctor.Cras nulla purus, rhoncus et mollis in, imperdiet sed metus. In non porttitor nibh. In sit amet ipsum eget nisl laoreet tincidunt. Donec iaculis nibh quis lacus viverra sagittis. Phasellus imperdiet congue imperdiet.</p><p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc nisi tortor, rhoncus.</p><dl class="definition-list definition-list--inline"><dt>Expertise</dt><dd>Cell Biology</dd><dt>Competing interests statement</dt><dd>Donec tellus</dl>
</div>
</div>
</div>
</li>
</ol>
About Profiles Compact
Reviewing editors
-
Editor name
University of California, Los Angeles (United States)
- Research focus
- Pre-mRNA splicing
- post-transcriptional gene regulation
- Experimental organism
- Human
- Mouse
-
Editor name
University of California, Los Angeles (United States)
-
Editor name
University of California, Los Angeles (United States)
- Research focus
- Pre-mRNA splicing
- post-transcriptional gene regulation
- Experimental organism
- Human
- Mouse
-
Editor name
University of California, Los Angeles (United States)
- Research focus
- Pre-mRNA splicing
- post-transcriptional gene regulation
- Experimental organism
- Human
- Mouse
molecules-about-profile
HTML
<h3 class="list-heading">Reviewing editors</h3>
<ol class="about-profiles about-profiles--compact">
<li class="about-profiles__item">
<div class="about-profile clearfix" data-popup-self="true" data-popup-wrapper="true">
<h4 class="about-profile__name">Editor name</h4>
<p class="about-profile__role">University of California, Los Angeles (United States)</p>
<div class="about-profile__profile " >
<div class="about-profile__profile-body">
<dl class="definition-list definition-list--inline"><dt>Research focus</dt><dd>Pre-mRNA splicing</dd><dd>post-transcriptional gene regulation</dd><dt>Experimental organism</dt><dd>Human</dd><dd>Mouse</dd></dl>
</div>
</div>
</div>
</li>
<li class="about-profiles__item">
<div class="about-profile clearfix" data-popup-self="true" data-popup-wrapper="true">
<h4 class="about-profile__name">Editor name</h4>
<p class="about-profile__role">University of California, Los Angeles (United States)</p>
</div>
</li>
<li class="about-profiles__item">
<div class="about-profile clearfix" data-popup-self="true" data-popup-wrapper="true">
<h4 class="about-profile__name">Editor name</h4>
<p class="about-profile__role">University of California, Los Angeles (United States)</p>
<div class="about-profile__profile " >
<div class="about-profile__profile-body">
<dl class="definition-list definition-list--inline"><dt>Research focus</dt><dd>Pre-mRNA splicing</dd><dd>post-transcriptional gene regulation</dd><dt>Experimental organism</dt><dd>Human</dd><dd>Mouse</dd></dl>
</div>
</div>
</div>
</li>
<li class="about-profiles__item">
<div class="about-profile clearfix" data-popup-self="true" data-popup-wrapper="true">
<h4 class="about-profile__name">Editor name</h4>
<p class="about-profile__role">University of California, Los Angeles (United States)</p>
<div class="about-profile__profile " >
<div class="about-profile__profile-body">
<dl class="definition-list definition-list--inline"><dt>Research focus</dt><dd>Pre-mRNA splicing</dd><dd>post-transcriptional gene regulation</dd><dt>Experimental organism</dt><dd>Human</dd><dd>Mouse</dd></dl>
</div>
</div>
</div>
</li>
</ol>
Additional Assets
How should this optional heading be styled?
-
Table 1 - source data 1.
- https://example.com/a-non-doi-link
-
Table 1 - source data 1.
- https://doi.org/10.7554/eLife.10181.001
HTML
<div class="additional-assets">
<h6 class="additional-assets__heading">How should this optional heading be styled?</h6>
<dl class="additional-assets__list">
<dt class="additional-asset__text" id="pageLevelUniqueFragmentId3">
<h6 class="caption-text__heading">Table 1 - source data 1.</h6>
<p class="caption-text__heading">Is the species name mentioned in the title, impact statement, abstract and digest of eLife papers (July–Sept 2014)?</p>
<div class="caption-text__body">some more details here</div>
</dt>
<dd class="additional-asset__access">
<a class="additional-asset__link" href="https://example.com/a-non-doi-link">https://example.com/a-non-doi-link</a>
<div>
<a class="additional-asset__link additional-asset__link--download" href="#downloadLink" download="#download-me.png">Download me</a>
</div>
</dd>
<dt class="additional-asset__text" id="pageLevelUniqueFragmentId1">
<h6 class="caption-text__heading">Table 1 - source data 1.</h6>
<p class="caption-text__heading">Is the species name mentioned in the title, impact statement, abstract and digest of eLife papers (July–Sept 2014)?</p>
<div class="caption-text__body">some more details here</div>
</dt>
<dd class="additional-asset__access">
<span class="doi doi--asset">
<a href="https://doi.org/10.7554/eLife.10181.001" class="doi__link">
https://doi.org/10.7554/eLife.10181.001
</a>
</span>
<div>
<a class="additional-asset__link additional-asset__link--download" href="#downloadLink" download="#download-me.png">Download me</a>
</div>
</dd>
</dl>
</div>
Box
Widespread connectivity is not dependent on instrumentation and analyses.
This is an h1
This is an h2
This is an h3
This is an h4
This is an h5
This is an h6
This is a paragraph. It's a bit longer that the other things in this pattern so you can see how the wrapping works, which you can't really do unless you've got enough content. Right, that should do it. Onward!
How should this optional heading be styled?
HTML
<section class="box" id="box2">
<header class="box__label">Box 2.</header>
<h4>Widespread connectivity is not dependent on instrumentation and analyses.</h4>
<h1>This is an h1</h1> <h2>This is an h2</h2> <h3>This is an h3</h3> <h4>This is an h4</h4> <h5>This is an h5</h5> <h6>This is an h6</h6> <p>This is a paragraph. It's a bit longer that the other things in this pattern so you can see how the wrapping works, which you can't really do unless you've got enough content. Right, that should do it. Onward!</p><div id="fig1" class="asset-viewer-inline asset-viewer-inline--figure nojs" data-variant="figure"> <div class="asset-viewer-inline__header_panel"> <div class="asset-viewer-inline__header_text"> <span class="asset-viewer-inline__header_text__prominent">Figure 1 </span> with 1 supplement <a href="#figuresPageFragLink" class="asset-viewer-inline__header_link">see all</a> </div> <div class="asset-viewer-inline__figure_access"> <a href="#downloadLink" class="asset-viewer-inline__download_all_link" download="#downloadfilename"><span class="visuallyhidden">Download asset</span></a> </div> </div> <figure class="captioned-asset"> <img src="https://placehold.it/90x90" alt="Meaningful alt text here please." srcset="https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2-480w.jpg 480w, https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2-742w.jpg 742w, https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2-972w.jpg 972w, https://prod-elife-published.s3.amazonaws.com/articles/16996/elife-16996-fig1-v2-1484w.jpg 1484w" class="nojs"> <figcaption class="captioned-asset__caption"> <h6 class="caption-text__heading">Many features are conserved between the mammalian nephron and planarian protonephridia.</h6> <div class="caption-text__body"><p>(A) Image of a young adult C. elegans and schematic depicting the twelve pairs of sensory neurons in the anterior amphid individuals carrying a virus with k deleterious mutations at its endemic equilibrium. class carrying the fewest number of deleterious mutations is defined as mutation class k = 0. Inset: variation in the basic reproductive rate of infected individuals (gray histogram) and variation in the net reproductive rate R of infected individuals (brown histogram) resulting from variation in the number of deleterious mutations carried by circulating viruses.</p></div> <span class="doi doi--asset"><a href="https://doi.org/10.7554/eLife.14734" class="doi__link">https://doi.org/10.7554/eLife.14734</a></span> </figcaption> </figure> <div class="additional-assets"> <h6 class="additional-assets__heading">How should this optional heading be styled?</h6> <dl class="additional-assets__list"> <dt class="additional-asset__text" id="pageLevelUniqueFragmentId5"> </dt> <dd class="additional-asset__access"> <span class="doi doi--asset"><a href="https://doi.org/10.7554/eLife.10181.001" class="doi__link">https://doi.org/10.7554/eLife.10181.001</a></span> <div> <a class="additional-asset__link additional-asset__link--download" href="#downloadLink" download="#download-me.png">Download me</a> </div> </dd> <dt class="additional-asset__text" id="pageLevelUniqueFragmentId6"> </dt> <dd class="additional-asset__access"> <span class="doi doi--asset"><a href="https://doi.org/10.7554/eLife.10181.002" class="doi__link">https://doi.org/10.7554/eLife.10181.002</a></span> <div> <a class="additional-asset__link additional-asset__link--download" href="#downloadLink" download="#download-me.png">Download me</a> </div> </dd> </dl> </div></div>
<span class="doi">
<a href="https://doi.org/10.7554/eLife.03952.016" class="doi__link">
https://doi.org/10.7554/eLife.03952.016
</a>
</span>
</section>
Content Aside
organisms-listing-teasers
HTML
<aside class="content-aside" data-behaviour="ContentAside">
<div class="content-aside__column-wrapper">
<div class="content-aside__second-column">
<ol class="button-collection">
<li class="button-collection__item"> <a href="#download" class="button button--default button--action" aria-label="Descriptive and accessible name">[Do not use this base pattern directly: see the following variants of this pattern for usage]</a>
</li>
</ol>
</div>
</div>
</aside>
Content Aside Complete
organisms-listing-teasers
HTML
<aside class="content-aside" data-behaviour="ContentAside">
<div class="content-aside__column-wrapper">
<div class="content-aside__first-column">
<div class="content-aside__definition-list">
<dl class="definition-list definition-list--timeline" aria-label="Version history">
<dt class="definition-list--vor definition-list--active">Version of Record</dt><dd><time datetime="2023-09-07">September 7, 2023</time><a href="#" aria-label="Descriptive and accessible name">Read the peer reviews</a></dd>
<dt><a href="#" aria-label="Descriptive and accessible name">Reviewed Preprint</a></dt><dd><span class="version">v3</span><time datetime="2023-08-19">August 19, 2023</time></dd>
<dt><a href="#" aria-label="Descriptive and accessible name">Reviewed Preprint</a></dt><dd><span class="version">v2</span><time datetime="2023-05-11">May 11, 2023</time></dd>
<dt><a href="#" aria-label="Descriptive and accessible name">Reviewed Preprint</a></dt><dd><span class="version">v1</span><time datetime="2023-03-19">March 19, 2023</time></dd>
</dl>
</div>
</div>
<div class="content-aside__second-column">
<ol class="button-collection button-collection--inline">
<li class="button-collection__item"> <a href="#download" class="button button--default button--action icon icon-download" id="button-action-download" aria-label="Descriptive and accessible name">Download</a>
</li>
<li class="button-collection__item"> <a href="#citation" class="button button--default button--action icon icon-citation" id="button-action-citation" aria-label="Descriptive and accessible name">Cite</a>
</li>
<li class="button-collection__item"> <a href="#share" class="button button--default button--action icon icon-share" id="button-action-share" aria-label="Descriptive and accessible name">Share</a>
</li>
<li class="button-collection__item"><div data-hypothesis-trigger>
<a href="#comment" class="button button--default button--action icon icon-comment" data-behaviour="HypothesisTrigger" aria-label="Descriptive and accessible name">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></a>
</div>
</li>
</ol>
<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 class="divider"></div>
<div class="article__related-item grid-secondary-column__item--extended-wide-only">
<ol class="listing-list ">
<li class="listing-list__item"><div class="teaser teaser--secondary teaser--related">
<ol class="teaser__context_label_list" aria-label="These research categories are for the following article">
<li class="teaser__context_label_item"><a href="#" class="teaser__context_label_link">Related digest</a></li>
</ol>
<header class="teaser__header">
<a href="#" class="teaser__picture--link" tabindex="-1">
<picture class="teaser__picture teaser__picture--big">
<img src="https://unsplash.it/70/70/"
srcset="https://unsplash.it/140/140/ 2x, https://unsplash.it/70/70/ 1x"
alt="Meaningful alt text here please."
>
</picture>
</a>
<h4 class="teaser__header_text">
<a href="#" aria-label="Descriptive and accessible label" class="teaser__header_text_link">Which side are you on?</a>
</h4>
<div class="teaser__secondary_info">
The left and right hemispheres of the brain play different roles when encoding information from the same side of the body.
</div>
</header>
<footer class="teaser__footer">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Research article</a>
<span class="date"> <time datetime="2022-11-01">Nov 1, 2022</time></span>
</div>
</footer>
</div>
</li><li class="listing-list__item"><a href="#" class="see-more-link" aria-label="Descriptive and accessible name for the link">Further reading</a>
</li></ol>
</div>
</div>
</div>
</aside>
Content Aside Correction
organisms-listing-teasers
HTML
<aside class="content-aside" data-behaviour="ContentAside">
<div class="content-aside__column-wrapper">
<div class="content-aside__second-column">
<ol class="button-collection button-collection--inline">
<li class="button-collection__item"> <a href="#download" class="button button--default button--action icon icon-download" id="button-action-download" aria-label="Descriptive and accessible name">Download</a>
</li>
<li class="button-collection__item"> <a href="#citation" class="button button--default button--action icon icon-citation" id="button-action-citation" aria-label="Descriptive and accessible name">Cite</a>
</li>
<li class="button-collection__item"> <a href="#share" class="button button--default button--action icon icon-share" id="button-action-share" aria-label="Descriptive and accessible name">Share</a>
</li>
<li class="button-collection__item"><div data-hypothesis-trigger>
<a href="#comment" class="button button--default button--action icon icon-comment" data-behaviour="HypothesisTrigger" aria-label="Descriptive and accessible name">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></a>
</div>
</li>
</ol>
<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>
</aside>
Content Aside Status Title Long
organisms-listing-teasers
HTML
<aside class="content-aside" data-behaviour="ContentAside">
<div class="status-wrapper">
<h5 class="status-title status-title__long">Author Accepted Manuscript</h5>
<div class="status-description">PDF only version. The full online version will follow soon.</div>
<a href="#" aria-label="Descriptive and accessible name" class="status-link">About eLife's process</a>
</div>
<div class="content-aside__column-wrapper">
<div class="content-aside__second-column">
<ol class="button-collection button-collection--inline">
<li class="button-collection__item"> <a href="#download" class="button button--default button--action icon icon-download" id="button-action-download" aria-label="Descriptive and accessible name">Download</a>
</li>
<li class="button-collection__item"> <a href="#citation" class="button button--default button--action icon icon-citation" id="button-action-citation" aria-label="Descriptive and accessible name">Cite</a>
</li>
<li class="button-collection__item"> <a href="#share" class="button button--default button--action icon icon-share" id="button-action-share" aria-label="Descriptive and accessible name">Share</a>
</li>
<li class="button-collection__item"><div data-hypothesis-trigger>
<a href="#comment" class="button button--default button--action icon icon-comment" data-behaviour="HypothesisTrigger" aria-label="Descriptive and accessible name">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></a>
</div>
</li>
</ol>
<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>
</aside>
Content Aside Status Title Short
organisms-listing-teasers
HTML
<aside class="content-aside" data-behaviour="ContentAside">
<div class="status-wrapper">
<h5 class="status-title status-title__short">Research article</h5>
<div class="status-description">The author(s) have declared this to be the current/final version.</div>
<a href="#" aria-label="Descriptive and accessible name" class="status-link">About eLife's process</a>
</div>
<div class="content-aside__column-wrapper">
<div class="content-aside__second-column">
<ol class="button-collection button-collection--inline">
<li class="button-collection__item"> <a href="#download" class="button button--default button--action icon icon-download" id="button-action-download" aria-label="Descriptive and accessible name">Download</a>
</li>
<li class="button-collection__item"> <a href="#citation" class="button button--default button--action icon icon-citation" id="button-action-citation" aria-label="Descriptive and accessible name">Cite</a>
</li>
<li class="button-collection__item"> <a href="#share" class="button button--default button--action icon icon-share" id="button-action-share" aria-label="Descriptive and accessible name">Share</a>
</li>
<li class="button-collection__item"><div data-hypothesis-trigger>
<a href="#comment" class="button button--default button--action icon icon-comment" data-behaviour="HypothesisTrigger" aria-label="Descriptive and accessible name">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></a>
</div>
</li>
</ol>
<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>
</aside>
Content Aside Timeline Poa
organisms-listing-teasers
HTML
<aside class="content-aside" data-behaviour="ContentAside">
<div class="content-aside__column-wrapper">
<div class="content-aside__first-column">
<div class="content-aside__definition-list">
<dl class="definition-list definition-list--timeline" aria-label="Version history">
<dt>Accepted Manuscript</dt><dd><time datetime="2023-03-19">March 19, 2023</time></dd>
</dl>
</div>
</div>
<div class="content-aside__second-column">
<ol class="button-collection button-collection--inline">
<li class="button-collection__item"> <a href="#download" class="button button--default button--action icon icon-download" id="button-action-download" aria-label="Descriptive and accessible name">Download</a>
</li>
<li class="button-collection__item"> <a href="#citation" class="button button--default button--action icon icon-citation" id="button-action-citation" aria-label="Descriptive and accessible name">Cite</a>
</li>
<li class="button-collection__item"> <a href="#share" class="button button--default button--action icon icon-share" id="button-action-share" aria-label="Descriptive and accessible name">Share</a>
</li>
<li class="button-collection__item"><div data-hypothesis-trigger>
<a href="#comment" class="button button--default button--action icon icon-comment" data-behaviour="HypothesisTrigger" aria-label="Descriptive and accessible name">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></a>
</div>
</li>
</ol>
<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>
</aside>
Content Aside Timeline Vor New Latest Active
organisms-listing-teasers
HTML
<aside class="content-aside" data-behaviour="ContentAside">
<div class="content-aside__column-wrapper">
<div class="content-aside__first-column">
<div class="content-aside__definition-list">
<dl class="definition-list definition-list--timeline" aria-label="Version history">
<dt class="definition-list--vor definition-list--active">Version of Record</dt><dd><time datetime="2023-09-15">September 15, 2023</time><a href="#" aria-label="Descriptive and accessible name">Read the peer reviews</a></dd>
<dt><a href="#" aria-label="Descriptive and accessible name">Version of Record</a></dt><dd><time datetime="2023-09-07">September 7, 2023</time></dd>
<dt><a href="#" aria-label="Descriptive and accessible name">Reviewed Preprint</a></dt><dd><span class="version">v3</span><time datetime="2023-08-19">August 19, 2023</time></dd>
<dt><a href="#" aria-label="Descriptive and accessible name">Reviewed Preprint</a></dt><dd><span class="version">v2</span><time datetime="2023-05-11">May 11, 2023</time></dd>
<dt><a href="#" aria-label="Descriptive and accessible name">Reviewed Preprint</a></dt><dd><span class="version">v1</span><time datetime="2023-03-19">March 19, 2023</time></dd>
</dl>
</div>
</div>
<div class="content-aside__second-column">
<ol class="button-collection button-collection--inline">
<li class="button-collection__item"> <a href="#download" class="button button--default button--action icon icon-download" id="button-action-download" aria-label="Descriptive and accessible name">Download</a>
</li>
<li class="button-collection__item"> <a href="#citation" class="button button--default button--action icon icon-citation" id="button-action-citation" aria-label="Descriptive and accessible name">Cite</a>
</li>
<li class="button-collection__item"> <a href="#share" class="button button--default button--action icon icon-share" id="button-action-share" aria-label="Descriptive and accessible name">Share</a>
</li>
<li class="button-collection__item"><div data-hypothesis-trigger>
<a href="#comment" class="button button--default button--action icon icon-comment" data-behaviour="HypothesisTrigger" aria-label="Descriptive and accessible name">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></a>
</div>
</li>
</ol>
<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 class="divider"></div>
<div class="article__related-item grid-secondary-column__item--extended-wide-only">
<ol class="listing-list ">
<li class="listing-list__item"><div class="teaser teaser--secondary teaser--related">
<ol class="teaser__context_label_list" aria-label="These research categories are for the following article">
<li class="teaser__context_label_item"><a href="#" class="teaser__context_label_link">Related digest</a></li>
</ol>
<header class="teaser__header">
<a href="#" class="teaser__picture--link" tabindex="-1">
<picture class="teaser__picture teaser__picture--big">
<img src="https://unsplash.it/70/70/"
srcset="https://unsplash.it/140/140/ 2x, https://unsplash.it/70/70/ 1x"
alt="Meaningful alt text here please."
>
</picture>
</a>
<h4 class="teaser__header_text">
<a href="#" aria-label="Descriptive and accessible label" class="teaser__header_text_link">Which side are you on?</a>
</h4>
<div class="teaser__secondary_info">
The left and right hemispheres of the brain play different roles when encoding information from the same side of the body.
</div>
</header>
<footer class="teaser__footer">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Research article</a>
<span class="date"> <time datetime="2022-11-01">Nov 1, 2022</time></span>
</div>
</footer>
</div>
</li><li class="listing-list__item"><a href="#" class="see-more-link" aria-label="Descriptive and accessible name for the link">Further reading</a>
</li></ol>
</div>
</div>
</div>
</aside>
Content Aside Timeline Vor New Not Latest Active
organisms-listing-teasers
HTML
<aside class="content-aside" data-behaviour="ContentAside">
<div class="previous-version-warning-container">
<div class="previous-version-warning">
<span class="previous-version-warning__text">A newer version is available.</span>
<span class="previous-version-warning__text">
<a class="previous-version-warning__link" href="#">Read the latest version</a>.
</span>
</div>
</div>
<div class="content-aside__column-wrapper">
<div class="content-aside__first-column">
<div class="content-aside__definition-list">
<dl class="definition-list definition-list--timeline" aria-label="Version history">
<dt><a href="#" aria-label="Descriptive and accessible name">Version of Record</a></dt><dd><time datetime="2023-09-15">September 15, 2023</time></dd>
<dt class="definition-list--vor definition-list--active">Version of Record</dt><dd><time datetime="2023-09-07">September 7, 2023</time><a href="#" aria-label="Descriptive and accessible name">Read the peer reviews</a></dd>
<dt><a href="#" aria-label="Descriptive and accessible name">Reviewed Preprint</a></dt><dd><span class="version">v3</span><time datetime="2023-08-19">August 19, 2023</time></dd>
<dt><a href="#" aria-label="Descriptive and accessible name">Reviewed Preprint</a></dt><dd><span class="version">v2</span><time datetime="2023-05-11">May 11, 2023</time></dd>
<dt><a href="#" aria-label="Descriptive and accessible name">Reviewed Preprint</a></dt><dd><span class="version">v1</span><time datetime="2023-03-19">March 19, 2023</time></dd>
</dl>
</div>
</div>
<div class="content-aside__second-column">
<ol class="button-collection button-collection--inline">
<li class="button-collection__item"> <a href="#download" class="button button--default button--action icon icon-download" id="button-action-download" aria-label="Descriptive and accessible name">Download</a>
</li>
<li class="button-collection__item"> <a href="#citation" class="button button--default button--action icon icon-citation" id="button-action-citation" aria-label="Descriptive and accessible name">Cite</a>
</li>
<li class="button-collection__item"> <a href="#share" class="button button--default button--action icon icon-share" id="button-action-share" aria-label="Descriptive and accessible name">Share</a>
</li>
<li class="button-collection__item"><div data-hypothesis-trigger>
<a href="#comment" class="button button--default button--action icon icon-comment" data-behaviour="HypothesisTrigger" aria-label="Descriptive and accessible name">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></a>
</div>
</li>
</ol>
<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 class="divider"></div>
<div class="article__related-item grid-secondary-column__item--extended-wide-only">
<ol class="listing-list ">
<li class="listing-list__item"><div class="teaser teaser--secondary teaser--related">
<ol class="teaser__context_label_list" aria-label="These research categories are for the following article">
<li class="teaser__context_label_item"><a href="#" class="teaser__context_label_link">Related digest</a></li>
</ol>
<header class="teaser__header">
<a href="#" class="teaser__picture--link" tabindex="-1">
<picture class="teaser__picture teaser__picture--big">
<img src="https://unsplash.it/70/70/"
srcset="https://unsplash.it/140/140/ 2x, https://unsplash.it/70/70/ 1x"
alt="Meaningful alt text here please."
>
</picture>
</a>
<h4 class="teaser__header_text">
<a href="#" aria-label="Descriptive and accessible label" class="teaser__header_text_link">Which side are you on?</a>
</h4>
<div class="teaser__secondary_info">
The left and right hemispheres of the brain play different roles when encoding information from the same side of the body.
</div>
</header>
<footer class="teaser__footer">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Research article</a>
<span class="date"> <time datetime="2022-11-01">Nov 1, 2022</time></span>
</div>
</footer>
</div>
</li><li class="listing-list__item"><a href="#" class="see-more-link" aria-label="Descriptive and accessible name for the link">Further reading</a>
</li></ol>
</div>
</div>
</div>
</aside>
Content Aside Timeline Vor Old Latest Active
organisms-listing-teasers
HTML
<aside class="content-aside" data-behaviour="ContentAside">
<div class="content-aside__column-wrapper">
<div class="content-aside__first-column">
<div class="content-aside__definition-list">
<dl class="definition-list definition-list--timeline" aria-label="Version history">
<dt class="definition-list--active">Version of Record</dt><dd><time datetime="2023-09-27">September 27, 2023</time></dd>
<dt><a href="#" aria-label="Descriptive and accessible name">Accepted Manuscript</a></dt><dd><time datetime="2023-03-19">March 19, 2023</time></dd>
</dl>
</div>
</div>
<div class="content-aside__second-column">
<ol class="button-collection button-collection--inline">
<li class="button-collection__item"> <a href="#download" class="button button--default button--action icon icon-download" id="button-action-download" aria-label="Descriptive and accessible name">Download</a>
</li>
<li class="button-collection__item"> <a href="#citation" class="button button--default button--action icon icon-citation" id="button-action-citation" aria-label="Descriptive and accessible name">Cite</a>
</li>
<li class="button-collection__item"> <a href="#share" class="button button--default button--action icon icon-share" id="button-action-share" aria-label="Descriptive and accessible name">Share</a>
</li>
<li class="button-collection__item"><div data-hypothesis-trigger>
<a href="#comment" class="button button--default button--action icon icon-comment" data-behaviour="HypothesisTrigger" aria-label="Descriptive and accessible name">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></a>
</div>
</li>
</ol>
<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>
</aside>
Content Aside Timeline Vor Old Not Latest Active
organisms-listing-teasers
HTML
<aside class="content-aside" data-behaviour="ContentAside">
<div class="previous-version-warning-container">
<div class="previous-version-warning">
<span class="previous-version-warning__text">A newer version is available.</span>
<span class="previous-version-warning__text">
<a class="previous-version-warning__link" href="#">Read the latest version</a>.
</span>
</div>
</div>
<div class="content-aside__column-wrapper">
<div class="content-aside__first-column">
<div class="content-aside__definition-list">
<dl class="definition-list definition-list--timeline" aria-label="Version history">
<dt><a href="#" aria-label="Descriptive and accessible name">Version of Record</a></dt><dd><time datetime="2023-09-27">September 27, 2023</time></dd>
<dt class="definition-list--active">Accepted Manuscript</dt><dd><time datetime="2023-03-19">March 19, 2023</time></dd>
<dt><a href="#" aria-label="Descriptive and accessible name">Accepted Manuscript</a></dt><dd><time datetime="2023-03-15">March 15, 2023</time></dd>
</dl>
</div>
</div>
<div class="content-aside__second-column">
<ol class="button-collection button-collection--inline">
<li class="button-collection__item"> <a href="#download" class="button button--default button--action icon icon-download" id="button-action-download" aria-label="Descriptive and accessible name">Download</a>
</li>
<li class="button-collection__item"> <a href="#citation" class="button button--default button--action icon icon-citation" id="button-action-citation" aria-label="Descriptive and accessible name">Cite</a>
</li>
<li class="button-collection__item"> <a href="#share" class="button button--default button--action icon icon-share" id="button-action-share" aria-label="Descriptive and accessible name">Share</a>
</li>
<li class="button-collection__item"><div data-hypothesis-trigger>
<a href="#comment" class="button button--default button--action icon icon-comment" data-behaviour="HypothesisTrigger" aria-label="Descriptive and accessible name">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></a>
</div>
</li>
</ol>
<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>
</aside>
Content Aside With Status Buttons And Metrics
organisms-listing-teasers
HTML
<aside class="content-aside" data-behaviour="ContentAside">
<div class="status-wrapper">
<h5 class="status-title status-title__short">Research article</h5>
<div class="status-description">The author(s) have declared this to be the current/final version.</div>
<a href="#" aria-label="Descriptive and accessible name" class="status-link">About eLife's process</a>
</div>
<div class="content-aside__column-wrapper">
<div class="content-aside__second-column">
<ol class="button-collection button-collection--inline">
<li class="button-collection__item"> <a href="#download" class="button button--default button--action icon icon-download" id="button-action-download" aria-label="Descriptive and accessible name">Download</a>
</li>
<li class="button-collection__item"> <a href="#citation" class="button button--default button--action icon icon-citation" id="button-action-citation" aria-label="Descriptive and accessible name">Cite</a>
</li>
<li class="button-collection__item"> <a href="#share" class="button button--default button--action icon icon-share" id="button-action-share" aria-label="Descriptive and accessible name">Share</a>
</li>
<li class="button-collection__item"><div data-hypothesis-trigger>
<a href="#comment" class="button button--default button--action icon icon-comment" data-behaviour="HypothesisTrigger" aria-label="Descriptive and accessible name">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></a>
</div>
</li>
</ol>
<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>
</aside>
Decision Letter Header
eLife posts the editorial decision letter and author response on a selection of the published articles (subject to the approval of the authors). An edited version of the letter sent to the authors after peer review is shown, indicating the substantive concerns or comments; minor concerns are not usually shown. Reviewers have the opportunity to discuss the decision before the letter is sent (see review process). Similarly, the author response typically shows only responses to the major concerns raised by the reviewers.
molecules-profile-snippet
HTML
<div class="decision-letter-header">
<div class="decision-letter-header__main_text"><p>eLife posts the editorial decision letter and author response on a selection of the published articles (subject to the approval of the authors). An edited version of the letter sent to the authors after peer review is shown, indicating the substantive concerns or comments; minor concerns are not usually shown. Reviewers have the opportunity to discuss the decision before the letter is sent (see <a href="#">review process</a>). Similarly, the author response typically shows only responses to the major concerns raised by the reviewers.</p></div>
</div>
Decision Letter Header With Profiles
-
Oliver HobertReviewing EditorColombia University, USA
-
Oliver HobertReviewing EditorColombia University, USA
eLife posts the editorial decision letter and author response on a selection of the published articles (subject to the approval of the authors). An edited version of the letter sent to the authors after peer review is shown, indicating the substantive concerns or comments; minor concerns are not usually shown.
Reviewers have the opportunity to discuss the decision before the letter is sent (see review process). Similarly, the author response typically shows only responses to the major concerns raised by the reviewers.
molecules-profile-snippet
HTML
<div class="decision-letter-header">
<ol class="listing-list">
<li class="listing-list__item">
<div class="profile-snippet">
<div class="profile-snippet__container clearfix">
<picture class="profile-snippet__picture">
<img src="https://placehold.it/90x90"
srcset="https://placehold.it/90x90 1x"
alt="Meaningful alt text here please."
>
</picture>
<div class="profile-snippet__name">Oliver Hobert</div>
<div class="profile-snippet__title">Reviewing Editor</div>
<div class="profile-snippet__contact_details">
Colombia University, USA
</div>
</div>
</div>
</li>
<li class="listing-list__item">
<div class="profile-snippet">
<div class="profile-snippet__container clearfix">
<picture class="profile-snippet__picture">
<img src="https://placehold.it/90x90"
srcset="https://placehold.it/90x90 1x"
alt="Meaningful alt text here please."
>
</picture>
<div class="profile-snippet__name">Oliver Hobert</div>
<div class="profile-snippet__title">Reviewing Editor</div>
<div class="profile-snippet__contact_details">
Colombia University, USA
</div>
</div>
</div>
</li>
</ol>
<div class="decision-letter-header__main_text"><p>eLife posts the editorial decision letter and author response on a selection of the published articles (subject to the approval of the authors). An edited version of the letter sent to the authors after peer review is shown, indicating the substantive concerns or comments; minor concerns are not usually shown.</p><p>Reviewers have the opportunity to discuss the decision before the letter is sent (see <a href="#">review process</a>). Similarly, the author response typically shows only responses to the major concerns raised by the reviewers.</p></div>
</div>
Filter Panel
Refine your results by:
molecules-filter-group
HTML
<section class="filter-panel" data-behaviour="FilterPanel">
<h3 class="filter-panel__title visuallyhidden">Refine your results by:</h3>
<fieldset class="filter-group">
<legend id="filter-group__title" class="filter-group__title">Subject</legend>
<ul class="filter-group__filters" aria-labelledby="filter-group__title">
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Cell" value="1" checked>Cell Biology (71<span class="visuallyhidden"> results</span>)</label>
</li>
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Neuroscience" value="1" >Neuroscience (2<span class="visuallyhidden"> results</span>)</label>
</li>
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Biophysics" value="1" >Biophysics and Structural Biology (24<span class="visuallyhidden"> results</span>)</label>
</li>
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Biochemistry" value="1" checked>Biochemistry (71<span class="visuallyhidden"> results</span>)</label>
</li>
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Developmental " value="1" >Developmental Biology and Stem Cells (13<span class="visuallyhidden"> results</span>)</label>
</li>
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Immunology" value="1" >Immunology (144<span class="visuallyhidden"> results</span>)</label>
</li>
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Ecology" value="1" >Ecology (71<span class="visuallyhidden"> results</span>)</label>
</li>
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Epidemiology " value="1" >Epidemiology and Global Health (57<span class="visuallyhidden"> results</span>)</label>
</li>
</ul>
</fieldset>
<fieldset class="filter-group">
<legend id="filter-group__title" class="filter-group__title">Content type</legend>
<ul class="filter-group__filters" aria-labelledby="filter-group__title">
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Editorial" value="1" checked>Editorial (14<span class="visuallyhidden"> results</span>)</label>
</li>
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Feature" value="1" >Feature article (2<span class="visuallyhidden"> results</span>)</label>
</li>
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Insight" value="1" >Insight (24<span class="visuallyhidden"> results</span>)</label>
</li>
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Research " value="1" >Research article (1,498<span class="visuallyhidden"> results</span>)</label>
</li>
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Short" value="1" checked>Short Report (71<span class="visuallyhidden"> results</span>)</label>
</li>
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Tools " value="1" >Tools and resources (26<span class="visuallyhidden"> results</span>)</label>
</li>
<li class="filter-group__filter_item">
<label class="filter-group__item_label"><input type="checkbox" class="filter-group__checkbox" name="Research " value="1" >Research advance (144<span class="visuallyhidden"> results</span>)</label>
</li>
</ul>
</fieldset>
<button class="button button--default" type="submit" name="button">Search the eLife site</button>
</section>
Grid Listing
HTML
<ol class="grid-listing">
</ol>
Grid Listing Archive Nav Links
HTML
<ol class="grid-listing">
<li class="grid-listing-item">
<div class="archive-nav-link">
<div class="block-link block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/176"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#"
class="block-link__link">
<div class="block-link__inner">
December
</div>
</a>
</div>
<dl class="archive-nav-link__list">
<dt class="archive-nav-link__sub_links_list_heading">Highlights this month:</dt>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Exploring">Exploring the ins and outs of breathing</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#The">The ancient origins of lubricated joints</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Modulating">Modulating protein quality control</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#How">How open science helps researchers succeed</a></dd>
</dl>
</div>
</li>
<li class="grid-listing-item">
<div class="archive-nav-link">
<div class="block-link block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/176"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#"
class="block-link__link">
<div class="block-link__inner">
November
</div>
</a>
</div>
<dl class="archive-nav-link__list">
<dt class="archive-nav-link__sub_links_list_heading">Highlights this month:</dt>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Exploring">Exploring the ins and outs of breathing</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#The">The ancient origins of lubricated joints</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Modulating">Modulating protein quality control</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#How">How open science helps researchers succeed</a></dd>
</dl>
</div>
</li>
<li class="grid-listing-item">
<div class="archive-nav-link">
<div class="block-link block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/176"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#"
class="block-link__link">
<div class="block-link__inner">
October
</div>
</a>
</div>
<dl class="archive-nav-link__list">
<dt class="archive-nav-link__sub_links_list_heading">Highlights this month:</dt>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Exploring">Exploring the ins and outs of breathing</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#The">The ancient origins of lubricated joints</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Modulating">Modulating protein quality control</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#How">How open science helps researchers succeed</a></dd>
</dl>
</div>
</li>
<li class="grid-listing-item">
<div class="archive-nav-link">
<div class="block-link block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/176"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#"
class="block-link__link">
<div class="block-link__inner">
September
</div>
</a>
</div>
<dl class="archive-nav-link__list">
<dt class="archive-nav-link__sub_links_list_heading">Highlights this month:</dt>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Exploring">Exploring the ins and outs of breathing</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#The">The ancient origins of lubricated joints</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Modulating">Modulating protein quality control</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#How">How open science helps researchers succeed</a></dd>
</dl>
</div>
</li>
<li class="grid-listing-item">
<div class="archive-nav-link">
<div class="block-link block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/176"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#"
class="block-link__link">
<div class="block-link__inner">
August
</div>
</a>
</div>
<dl class="archive-nav-link__list">
<dt class="archive-nav-link__sub_links_list_heading">Highlights this month:</dt>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Exploring">Exploring the ins and outs of breathing</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#The">The ancient origins of lubricated joints</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Modulating">Modulating protein quality control</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#How">How open science helps researchers succeed</a></dd>
</dl>
</div>
</li>
<li class="grid-listing-item">
<div class="archive-nav-link">
<div class="block-link block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/176"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#"
class="block-link__link">
<div class="block-link__inner">
July
</div>
</a>
</div>
<dl class="archive-nav-link__list">
<dt class="archive-nav-link__sub_links_list_heading">Highlights this month:</dt>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Exploring">Exploring the ins and outs of breathing</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#The">The ancient origins of lubricated joints</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Modulating">Modulating protein quality control</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#How">How open science helps researchers succeed</a></dd>
</dl>
</div>
</li>
<li class="grid-listing-item">
<div class="archive-nav-link">
<div class="block-link block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/176"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#"
class="block-link__link">
<div class="block-link__inner">
June
</div>
</a>
</div>
<dl class="archive-nav-link__list">
<dt class="archive-nav-link__sub_links_list_heading">Highlights this month:</dt>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Exploring">Exploring the ins and outs of breathing</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#The">The ancient origins of lubricated joints</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Modulating">Modulating protein quality control</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#How">How open science helps researchers succeed</a></dd>
</dl>
</div>
</li>
<li class="grid-listing-item">
<div class="archive-nav-link">
<div class="block-link block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/176"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#"
class="block-link__link">
<div class="block-link__inner">
May
</div>
</a>
</div>
<dl class="archive-nav-link__list">
<dt class="archive-nav-link__sub_links_list_heading">Highlights this month:</dt>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Exploring">Exploring the ins and outs of breathing</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#The">The ancient origins of lubricated joints</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Modulating">Modulating protein quality control</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#How">How open science helps researchers succeed</a></dd>
</dl>
</div>
</li>
<li class="grid-listing-item">
<div class="archive-nav-link">
<div class="block-link block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/176"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#"
class="block-link__link">
<div class="block-link__inner">
April
</div>
</a>
</div>
<dl class="archive-nav-link__list">
<dt class="archive-nav-link__sub_links_list_heading">Highlights this month:</dt>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Exploring">Exploring the ins and outs of breathing</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#The">The ancient origins of lubricated joints</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Modulating">Modulating protein quality control</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#How">How open science helps researchers succeed</a></dd>
</dl>
</div>
</li>
<li class="grid-listing-item">
<div class="archive-nav-link">
<div class="block-link block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/176"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#"
class="block-link__link">
<div class="block-link__inner">
March
</div>
</a>
</div>
<dl class="archive-nav-link__list">
<dt class="archive-nav-link__sub_links_list_heading">Highlights this month:</dt>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Exploring">Exploring the ins and outs of breathing</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#The">The ancient origins of lubricated joints</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Modulating">Modulating protein quality control</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#How">How open science helps researchers succeed</a></dd>
</dl>
</div>
</li>
<li class="grid-listing-item">
<div class="archive-nav-link">
<div class="block-link block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/176"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#"
class="block-link__link">
<div class="block-link__inner">
February
</div>
</a>
</div>
<dl class="archive-nav-link__list">
<dt class="archive-nav-link__sub_links_list_heading">Highlights this month:</dt>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Exploring">Exploring the ins and outs of breathing</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#The">The ancient origins of lubricated joints</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Modulating">Modulating protein quality control</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#How">How open science helps researchers succeed</a></dd>
</dl>
</div>
</li>
<li class="grid-listing-item">
<div class="archive-nav-link">
<div class="block-link block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/176"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#"
class="block-link__link">
<div class="block-link__inner">
January
</div>
</a>
</div>
<dl class="archive-nav-link__list">
<dt class="archive-nav-link__sub_links_list_heading">Highlights this month:</dt>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Exploring">Exploring the ins and outs of breathing</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#The">The ancient origins of lubricated joints</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#Modulating">Modulating protein quality control</a></dd>
<dd class="archive-nav-link__sub_links_list_item"><a class="archive-nav-link__sub_link" href="#How">How open science helps researchers succeed</a></dd>
</dl>
</div>
</li>
</ol>
Grid Listing Block Links
HTML
<ol class="grid-listing grid-listing--block-link">
<li class="grid-listing-item grid-listing-item--block-link">
<div class="block-link block-link--grid-listing block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/152"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#Biochemistry"
class="block-link__link">
<div class="block-link__inner">
Biochemistry
</div>
</a>
</div>
</li>
<li class="grid-listing-item grid-listing-item--block-link">
<div class="block-link block-link--grid-listing block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/152"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#Biophysics"
class="block-link__link">
<div class="block-link__inner">
Biophysics and structural biology
</div>
</a>
</div>
</li>
<li class="grid-listing-item grid-listing-item--block-link">
<div class="block-link block-link--grid-listing block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/152"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#Cell"
class="block-link__link">
<div class="block-link__inner">
Cell Biology
</div>
</a>
</div>
</li>
<li class="grid-listing-item grid-listing-item--block-link">
<div class="block-link block-link--grid-listing block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/152"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#Computational"
class="block-link__link">
<div class="block-link__inner">
Computational and systems biology
</div>
</a>
</div>
</li>
<li class="grid-listing-item grid-listing-item--block-link">
<div class="block-link block-link--grid-listing block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/152"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#Developmental"
class="block-link__link">
<div class="block-link__inner">
Developmental Biology and Stem Cells
</div>
</a>
</div>
</li>
<li class="grid-listing-item grid-listing-item--block-link">
<div class="block-link block-link--grid-listing block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/152"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#Ecology"
class="block-link__link">
<div class="block-link__inner">
Ecology
</div>
</a>
</div>
</li>
<li class="grid-listing-item grid-listing-item--block-link">
<div class="block-link block-link--grid-listing block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/152"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#Epidemiology"
class="block-link__link">
<div class="block-link__inner">
Epidemiology and Global Health
</div>
</a>
</div>
</li>
<li class="grid-listing-item grid-listing-item--block-link">
<div class="block-link block-link--grid-listing block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/152"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#Genes"
class="block-link__link">
<div class="block-link__inner">
Genes and Chromosomes
</div>
</a>
</div>
</li>
<li class="grid-listing-item grid-listing-item--block-link">
<div class="block-link block-link--grid-listing block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/152"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#Genomics"
class="block-link__link">
<div class="block-link__inner">
Genomics and Evolutionary Biology
</div>
</a>
</div>
</li>
<li class="grid-listing-item grid-listing-item--block-link">
<div class="block-link block-link--grid-listing block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/152"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#Immunology"
class="block-link__link">
<div class="block-link__inner">
Immunology
</div>
</a>
</div>
</li>
<li class="grid-listing-item grid-listing-item--block-link">
<div class="block-link block-link--grid-listing block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/152"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#Medicine"
class="block-link__link">
<div class="block-link__inner">
Medicine
</div>
</a>
</div>
</li>
<li class="grid-listing-item grid-listing-item--block-link">
<div class="block-link block-link--grid-listing block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/152"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#Microbiology"
class="block-link__link">
<div class="block-link__inner">
Microbiology and Infectious Disease
</div>
</a>
</div>
</li>
<li class="grid-listing-item grid-listing-item--block-link">
<div class="block-link block-link--grid-listing block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/152"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#Neuroscience"
class="block-link__link">
<div class="block-link__inner">
Neuroscience
</div>
</a>
</div>
</li>
<li class="grid-listing-item grid-listing-item--block-link">
<div class="block-link block-link--grid-listing block-link--image">
<div class="block-link__picture_wrapper">
<picture class="block-link__picture">
<img src="https://unsplash.it/263/152"
alt=""
class="block-link__image"
>
</picture>
</div>
<a href="#Plant"
class="block-link__link">
<div class="block-link__inner">
Plant Biology
</div>
</a>
</div>
</li>
</ol>
Grid Listing First Page
HTML
<ol class="grid-listing" id="idOfListElementToLoadContentInTo">
<li class="grid-listing-item">
<div class="teaser teaser--grid-style teaser--no-secondary-info">
<header class="teaser__header">
<a href="#" class="teaser__picture--link" tabindex="-1">
<picture class="teaser__picture teaser__picture--prominent">
<img src="https://unsplash.it/250/140/"
srcset="https://unsplash.it/500/280/ 2x, https://unsplash.it/250/140/ 1x"
alt="An image."
>
</picture>
</a>
<h4 class="teaser__header_text">
<a href="#" aria-label="Descriptive and accessible label" class="teaser__header_text_link">eLife Lens search</a>
</h4>
</header>
<div class="teaser__body">
Lorem ipsum dolor sit amet,consectetur adipiscing elit. Pellentesque sem enim, pretium non risus non, molestie.
</div>
<footer class="teaser__footer">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Experiment: 001</a>
<span class="date"> <time datetime="2015-03-31">Mar 31, 2015</time></span>
</div>
</footer>
</div>
</li>
<li class="grid-listing-item">
<div class="teaser teaser--grid-style teaser--no-secondary-info">
<header class="teaser__header">
<a href="#" class="teaser__picture--link" tabindex="-1">
<picture class="teaser__picture teaser__picture--prominent">
<img src="https://unsplash.it/250/140/"
srcset="https://unsplash.it/500/280/ 2x, https://unsplash.it/250/140/ 1x"
alt="An image."
>
</picture>
</a>
<h4 class="teaser__header_text">
<a href="#" class="teaser__header_text_link">eLife Lens search</a>
</h4>
</header>
<div class="teaser__body">
Lorem ipsum dolor sit amet,consectetur adipiscing elit. Pellentesque sem enim, pretium non risus non, molestie.
</div>
<footer class="teaser__footer">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Experiment: 001</a>
<span class="date"> <time datetime="2015-03-31">Mar 31, 2015</time></span>
</div>
</footer>
</div>
</li>
<li class="grid-listing-item">
<div class="teaser teaser--grid-style teaser--no-secondary-info">
<header class="teaser__header">
<a href="#" class="teaser__picture--link" tabindex="-1">
<picture class="teaser__picture teaser__picture--prominent">
<img src="https://unsplash.it/250/140/"
srcset="https://unsplash.it/500/280/ 2x, https://unsplash.it/250/140/ 1x"
alt="An image."
>
</picture>
</a>
<h4 class="teaser__header_text">
<a href="#" class="teaser__header_text_link">eLife Lens search</a>
</h4>
</header>
<div class="teaser__body">
Lorem ipsum dolor sit amet,consectetur adipiscing elit. Pellentesque sem enim, pretium non risus non, molestie.
</div>
<footer class="teaser__footer">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Experiment: 001</a>
<span class="date"> <time datetime="2015-03-31">Mar 31, 2015</time></span>
</div>
</footer>
</div>
</li>
<li class="grid-listing-item">
<div class="teaser teaser--grid-style teaser--no-secondary-info">
<header class="teaser__header">
<a href="#" class="teaser__picture--link" tabindex="-1">
<picture class="teaser__picture teaser__picture--prominent">
<img src="https://unsplash.it/250/140/"
srcset="https://unsplash.it/500/280/ 2x, https://unsplash.it/250/140/ 1x"
alt="An image."
>
</picture>
</a>
<h4 class="teaser__header_text">
<a href="#" class="teaser__header_text_link">eLife Lens search</a>
</h4>
</header>
<div class="teaser__body">
Lorem ipsum dolor sit amet,consectetur adipiscing elit. Pellentesque sem enim, pretium non risus non, molestie.
</div>
<footer class="teaser__footer">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Experiment: 001</a>
<span class="date"> <time datetime="2015-03-31">Mar 31, 2015</time></span>
</div>
</footer>
</div>
</li>
<li class="grid-listing-item">
<div class="teaser teaser--grid-style teaser--no-secondary-info">
<header class="teaser__header">
<a href="#" class="teaser__picture--link" tabindex="-1">
<picture class="teaser__picture teaser__picture--prominent">
<img src="https://unsplash.it/250/140/"
srcset="https://unsplash.it/500/280/ 2x, https://unsplash.it/250/140/ 1x"
alt="An image."
>
</picture>
</a>
<h4 class="teaser__header_text">
<a href="#" class="teaser__header_text_link">eLife Lens search</a>
</h4>
</header>
<div class="teaser__body">
Lorem ipsum dolor sit amet,consectetur adipiscing elit. Pellentesque sem enim, pretium non risus non, molestie.
</div>
<footer class="teaser__footer">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Experiment: 001</a>
<span class="date"> <time datetime="2015-03-31">Mar 31, 2015</time></span>
</div>
</footer>
</div>
</li>
<li class="grid-listing-item">
<div class="teaser teaser--grid-style teaser--no-secondary-info">
<header class="teaser__header">
<a href="#" class="teaser__picture--link" tabindex="-1">
<picture class="teaser__picture teaser__picture--prominent">
<img src="https://unsplash.it/250/140/"
srcset="https://unsplash.it/500/280/ 2x, https://unsplash.it/250/140/ 1x"
alt="An image."
>
</picture>
</a>
<h4 class="teaser__header_text">
<a href="#" class="teaser__header_text_link">eLife Lens search</a>
</h4>
</header>
<div class="teaser__body">
Lorem ipsum dolor sit amet,consectetur adipiscing elit. Pellentesque sem enim, pretium non risus non, molestie.
</div>
<footer class="teaser__footer">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Experiment: 001</a>
<span class="date"> <time datetime="2015-03-31">Mar 31, 2015</time></span>
</div>
</footer>
</div>
</li>
<li class="grid-listing-item">
<div class="teaser teaser--grid-style teaser--no-secondary-info">
<header class="teaser__header">
<a href="#" class="teaser__picture--link" tabindex="-1">
<picture class="teaser__picture teaser__picture--prominent">
<img src="https://unsplash.it/250/140/"
srcset="https://unsplash.it/500/280/ 2x, https://unsplash.it/250/140/ 1x"
alt="An image."
>
</picture>
</a>
<h4 class="teaser__header_text">
<a href="#" class="teaser__header_text_link">eLife Lens search</a>
</h4>
</header>
<div class="teaser__body">
Lorem ipsum dolor sit amet,consectetur adipiscing elit. Pellentesque sem enim, pretium non risus non, molestie.
</div>
<footer class="teaser__footer">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Experiment: 001</a>
<span class="date"> <time datetime="2015-03-31">Mar 31, 2015</time></span>
</div>
</footer>
</div>
</li>
<li class="grid-listing-item">
<div class="teaser teaser--grid-style teaser--no-secondary-info">
<header class="teaser__header">
<a href="#" class="teaser__picture--link" tabindex="-1">
<picture class="teaser__picture teaser__picture--prominent">
<img src="https://unsplash.it/250/140/"
srcset="https://unsplash.it/500/280/ 2x, https://unsplash.it/250/140/ 1x"
alt="An image."
>
</picture>
</a>
<h4 class="teaser__header_text">
<a href="#" class="teaser__header_text_link">eLife Lens search</a>
</h4>
</header>
<div class="teaser__body">
Lorem ipsum dolor sit amet,consectetur adipiscing elit. Pellentesque sem enim, pretium non risus non, molestie.
</div>
<footer class="teaser__footer">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Experiment: 001</a>
<span class="date"> <time datetime="2015-03-31">Mar 31, 2015</time></span>
</div>
</footer>
</div>
</li>
<li class="grid-listing-item">
<div class="teaser teaser--grid-style teaser--no-secondary-info">
<header class="teaser__header">
<a href="#" class="teaser__picture--link" tabindex="-1">
<picture class="teaser__picture teaser__picture--prominent">
<img src="https://unsplash.it/250/140/"
srcset="https://unsplash.it/500/280/ 2x, https://unsplash.it/250/140/ 1x"
alt="An image."
>
</picture>
</a>
<h4 class="teaser__header_text">
<a href="#" class="teaser__header_text_link">eLife Lens search</a>
</h4>
</header>
<div class="teaser__body">
Lorem ipsum dolor sit amet,consectetur adipiscing elit. Pellentesque sem enim, pretium non risus non, molestie.
</div>
<footer class="teaser__footer">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Experiment: 001</a>
<span class="date"> <time datetime="2015-03-31">Mar 31, 2015</time></span>
</div>
</footer>
</div>
</li>
</ol>
<div class="grid-listing__pagination">
<div class="pager" data-behaviour="Pager" data-targetId="idOfListElementToLoadContentInTo">
<a href="#" class="button button--default button--full" id="idOfListElementToLoadContentInTo">Load more</a>
</div>
</div>
Grid Listing Image Links
HTML
<ol class="grid-listing grid-listing--image-link">
<li class="grid-listing-item grid-listing-item--image-link">
<div class="image-link">
<a href="#" class="image-link__link">
<picture class="image-link__picture">
<img src="https://unsplash.it/250/140/"
srcset="https://unsplash.it/500/280/ 2x, https://unsplash.it/250/140/ 1x"
class="image-link__img"
alt="Meaningful alt text here please."
>
</picture>
</a>
</div>
</li>
<li class="grid-listing-item grid-listing-item--image-link">
<div class="image-link">
<a href="#" class="image-link__link">
<picture class="image-link__picture">
<img src="https://unsplash.it/200/140/"
srcset="https://unsplash.it/400/280/ 2x, https://unsplash.it/200/140/ 1x"
class="image-link__img"
alt="Meaningful alt text here please."
>
</picture>
</a>
</div>
</li>
<li class="grid-listing-item grid-listing-item--image-link">
<div class="image-link">
<a href="#" class="image-link__link">
<picture class="image-link__picture">
<img src="https://unsplash.it/250/100/"
srcset="https://unsplash.it/500/200/ 2x, https://unsplash.it/250/100/ 1x"
class="image-link__img"
alt="Meaningful alt text here please."
>
</picture>
</a>
</div>
</li>
<li class="grid-listing-item grid-listing-item--image-link">
<div class="image-link">
<a href="#" class="image-link__link">
<picture class="image-link__picture">
<img src="https://unsplash.it/200/140/"
srcset="https://unsplash.it/400/280/ 2x, https://unsplash.it/200/140/ 1x"
class="image-link__img"
alt="Meaningful alt text here please."
>
</picture>
</a>
</div>
</li>
<li class="grid-listing-item grid-listing-item--image-link">
<div class="image-link">
<a href="#" class="image-link__link">
<picture class="image-link__picture">
<img src="https://unsplash.it/250/140/"
srcset="https://unsplash.it/500/280/ 2x, https://unsplash.it/250/140/ 1x"
class="image-link__img"
alt="Meaningful alt text here please."
>
</picture>
</a>
</div>
</li>
<li class="grid-listing-item grid-listing-item--image-link">
<div class="image-link">
<a href="#" class="image-link__link">
<picture class="image-link__picture">
<img src="https://unsplash.it/250/100/"
srcset="https://unsplash.it/500/200/ 2x, https://unsplash.it/250/100/ 1x"
class="image-link__img"
alt="Meaningful alt text here please."
>
</picture>
</a>
</div>
</li>
</ol>
Grid Listing Pager
HTML
<ol class="grid-listing">
<li class="grid-listing-item">
<div class="teaser teaser--grid-style teaser--no-secondary-info">
<header class="teaser__header">
<a href="#" class="teaser__picture--link" tabindex="-1">
<picture class="teaser__picture teaser__picture--prominent">
<img src="https://unsplash.it/250/140/"
srcset="https://unsplash.it/500/280/ 2x, https://unsplash.it/250/140/ 1x"
alt="An image."
>
</picture>
</a>
<h4 class="teaser__header_text">
<a href="#" aria-label="Descriptive and accessible label" class="teaser__header_text_link">eLife Lens search</a>
</h4>
</header>
<div class="teaser__body">
Lorem ipsum dolor sit amet,consectetur adipiscing elit. Pellentesque sem enim, pretium non risus non, molestie.
</div>
<footer class="teaser__footer">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Experiment: 001</a>
<span class="date"> <time datetime="2015-03-31">Mar 31, 2015</time></span>
</div>
</footer>
</div>
</li>
<li class="grid-listing-item">
<div class="teaser teaser--grid-style teaser--no-secondary-info">
<header class="teaser__header">
<a href="#" class="teaser__picture--link" tabindex="-1">
<picture class="teaser__picture teaser__picture--prominent">
<img src="https://unsplash.it/250/140/"
srcset="https://unsplash.it/500/280/ 2x, https://unsplash.it/250/140/ 1x"
alt="An image."
>
</picture>
</a>
<h4 class="teaser__header_text">
<a href="#" class="teaser__header_text_link">eLife Lens search</a>
</h4>
</header>
<div class="teaser__body">
Lorem ipsum dolor sit amet,consectetur adipiscing elit. Pellentesque sem enim, pretium non risus non, molestie.
</div>
<footer class="teaser__footer">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Experiment: 001</a>
<span class="date"> <time datetime="2015-03-31">Mar 31, 2015</time></span>
</div>
</footer>
</div>
</li>
<li class="grid-listing-item">
<div class="teaser teaser--grid-style teaser--no-secondary-info">
<header class="teaser__header">
<a href="#" class="teaser__picture--link" tabindex="-1">
<picture class="teaser__picture teaser__picture--prominent">
<img src="https://unsplash.it/250/140/"
srcset="https://unsplash.it/500/280/ 2x, https://unsplash.it/250/140/ 1x"
alt="An image."
>
</picture>
</a>
<h4 class="teaser__header_text">
<a href="#" class="teaser__header_text_link">eLife Lens search</a>
</h4>
</header>
<div class="teaser__body">
Lorem ipsum dolor sit amet,consectetur adipiscing elit. Pellentesque sem enim, pretium non risus non, molestie.
</div>
<footer class="teaser__footer">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Experiment: 001</a>
<span class="date"> <time datetime="2015-03-31">Mar 31, 2015</time></span>
</div>
</footer>
</div>
</li>
<li class="grid-listing-item">
<div class="teaser teaser--grid-style teaser--no-secondary-info">
<header class="teaser__header">
<a href="#" class="teaser__picture--link" tabindex="-1">
<picture class="teaser__picture teaser__picture--prominent">
<img src="https://unsplash.it/250/140/"
srcset="https://unsplash.it/500/280/ 2x, https://unsplash.it/250/140/ 1x"
alt="An image."
>
</picture>
</a>
<h4 class="teaser__header_text">
<a href="#" class="teaser__header_text_link">eLife Lens search</a>
</h4>
</header>
<div class="teaser__body">
Lorem ipsum dolor sit amet,consectetur adipiscing elit. Pellentesque sem enim, pretium non risus non, molestie.
</div>
<footer class="teaser__footer">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Experiment: 001</a>
<span class="date"> <time datetime="2015-03-31">Mar 31, 2015</time></span>
</div>
</footer>
</div>
</li>
<li class="grid-listing-item">
<div class="teaser teaser--grid-style teaser--no-secondary-info">
<header class="teaser__header">
<a href="#" class="teaser__picture--link" tabindex="-1">
<picture class="teaser__picture teaser__picture--prominent">
<img src="https://unsplash.it/250/140/"
srcset="https://unsplash.it/500/280/ 2x, https://unsplash.it/250/140/ 1x"
alt="An image."
>
</picture>
</a>
<h4 class="teaser__header_text">
<a href="#" class="teaser__header_text_link">eLife Lens search</a>
</h4>
</header>
<div class="teaser__body">
Lorem ipsum dolor sit amet,consectetur adipiscing elit. Pellentesque sem enim, pretium non risus non, molestie.
</div>
<footer class="teaser__footer">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Experiment: 001</a>
<span class="date"> <time datetime="2015-03-31">Mar 31, 2015</time></span>
</div>
</footer>
</div>
</li>
<li class="grid-listing-item">
<div class="teaser teaser--grid-style teaser--no-secondary-info">
<header class="teaser__header">
<a href="#" class="teaser__picture--link" tabindex="-1">
<picture class="teaser__picture teaser__picture--prominent">
<img src="https://unsplash.it/250/140/"
srcset="https://unsplash.it/500/280/ 2x, https://unsplash.it/250/140/ 1x"
alt="An image."
>
</picture>
</a>
<h4 class="teaser__header_text">
<a href="#" class="teaser__header_text_link">eLife Lens search</a>
</h4>
</header>
<div class="teaser__body">
Lorem ipsum dolor sit amet,consectetur adipiscing elit. Pellentesque sem enim, pretium non risus non, molestie.
</div>
<footer class="teaser__footer">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Experiment: 001</a>
<span class="date"> <time datetime="2015-03-31">Mar 31, 2015</time></span>
</div>
</footer>
</div>
</li>
<li class="grid-listing-item">
<div class="teaser teaser--grid-style teaser--no-secondary-info">
<header class="teaser__header">
<a href="#" class="teaser__picture--link" tabindex="-1">
<picture class="teaser__picture teaser__picture--prominent">
<img src="https://unsplash.it/250/140/"
srcset="https://unsplash.it/500/280/ 2x, https://unsplash.it/250/140/ 1x"
alt="An image."
>
</picture>
</a>
<h4 class="teaser__header_text">
<a href="#" class="teaser__header_text_link">eLife Lens search</a>
</h4>
</header>
<div class="teaser__body">
Lorem ipsum dolor sit amet,consectetur adipiscing elit. Pellentesque sem enim, pretium non risus non, molestie.
</div>
<footer class="teaser__footer">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Experiment: 001</a>
<span class="date"> <time datetime="2015-03-31">Mar 31, 2015</time></span>
</div>
</footer>
</div>
</li>
<li class="grid-listing-item">
<div class="teaser teaser--grid-style teaser--no-secondary-info">
<header class="teaser__header">
<a href="#" class="teaser__picture--link" tabindex="-1">
<picture class="teaser__picture teaser__picture--prominent">
<img src="https://unsplash.it/250/140/"
srcset="https://unsplash.it/500/280/ 2x, https://unsplash.it/250/140/ 1x"
alt="An image."
>
</picture>
</a>
<h4 class="teaser__header_text">
<a href="#" class="teaser__header_text_link">eLife Lens search</a>
</h4>
</header>
<div class="teaser__body">
Lorem ipsum dolor sit amet,consectetur adipiscing elit. Pellentesque sem enim, pretium non risus non, molestie.
</div>
<footer class="teaser__footer">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Experiment: 001</a>
<span class="date"> <time datetime="2015-03-31">Mar 31, 2015</time></span>
</div>
</footer>
</div>
</li>
<li class="grid-listing-item">
<div class="teaser teaser--grid-style teaser--no-secondary-info">
<header class="teaser__header">
<a href="#" class="teaser__picture--link" tabindex="-1">
<picture class="teaser__picture teaser__picture--prominent">
<img src="https://unsplash.it/250/140/"
srcset="https://unsplash.it/500/280/ 2x, https://unsplash.it/250/140/ 1x"
alt="An image."
>
</picture>
</a>
<h4 class="teaser__header_text">
<a href="#" class="teaser__header_text_link">eLife Lens search</a>
</h4>
</header>
<div class="teaser__body">
Lorem ipsum dolor sit amet,consectetur adipiscing elit. Pellentesque sem enim, pretium non risus non, molestie.
</div>
<footer class="teaser__footer">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Experiment: 001</a>
<span class="date"> <time datetime="2015-03-31">Mar 31, 2015</time></span>
</div>
</footer>
</div>
</li>
</ol>
<div class="grid-listing__pagination">
<div class="pager" >
<a href="#" class="button button--default">Previous</a>
<a href="#" class="button button--default">Next</a>
</div>
</div>
Hero Banner
HTML
<div class="hero-banner" role="banner">
<a href="#" class="hero-banner__picture-wrapper">
<picture>
<img src="https://unsplash.it/800/464"
alt="" />
</picture>
</a>
<section class="hero-banner__details">
<h1 class="hero-banner__title hero-banner__title--medium">
<a href="#" class="hero-banner__title_link">[Do not use this base pattern directly: see the following variants of this pattern for usage]</a>
</h1>
<div class="hero-banner__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >#</a>
</div>
</div>
</section>
</div>
Hero Banner Article Poa
Molecular basis for multimerization in the activation of the epidermal growth factor
HTML
<div class="hero-banner" role="banner">
<a href="#" class="hero-banner__picture-wrapper">
<picture>
<img src="https://unsplash.it/800/464"
alt="" />
</picture>
</a>
<section class="hero-banner__details">
<ol class="hero-banner__subject_list">
<li class="hero-banner__subject_list_item">
<a href="#" class="hero-banner__subject_link">
<span class="hero-banner__subject">Biochemistry</span>
</a>
</li>
<li class="hero-banner__subject_list_item">
<a href="#" class="hero-banner__subject_link">
<span class="hero-banner__subject">Biophysics and Structural Biology</span>
</a>
</li>
</ol>
<h1 class="hero-banner__title hero-banner__title--medium">
<a href="#" class="hero-banner__title_link">Molecular basis for multimerization in the activation of the epidermal growth factor</a>
</h1>
<div class="hero-banner__summary">
The epidermal growth factor receptor (EGFR) is activated by dimerization, but activation also generates higher-order multimers, whose nature and function are poorly understood. We have characterized ligand-induced dimerization and multimerization of EGFR using single-molecule analysis, and show that multimerization can be blocked by mutations in a specific region of Domain IV of the extracellular module. These mutations reduce autophosphorylation of the C-terminal tail of EGFR and attenuate phosphorylation of phosphatidyl inositol 3-kinase, which is recruited by EGFR. The catalytic activity of EGFR is switched on through allosteric activation of one kinase domain by another, and we show that if this is restricted to dimers, then sites in the tail that are proximal to the kinase domain are phosphorylated in only one subunit. We propose a structural model for EGFR multimerization through self-association of ligand-bound dimers, in which the majority of kinase domains are activated cooperatively, thereby boosting tail phosphorylation.
</div>
<div class="author-line">
Yongjian Huang, Shashank Bharill ... John Kuriyan
</div>
<div class="hero-banner__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Research article</a>
<span class="date"> <time datetime="2016-11-16">Nov 16, 2016</time></span>
</div>
</div>
</section>
</div>
Hero Banner Article Vor
Homo naledi, a new species of the genus Homo from the Dinaledi Chamber, South Africa
HTML
<div class="hero-banner" role="banner">
<a href="#" class="hero-banner__picture-wrapper">
<picture>
<source srcset="https://iiif.elifesciences.org/lax/09560%2Felife-09560-fig1-v1.tif/full/full/0/default.jpg"
type="image/jpeg"
>
<img src="https://unsplash.it/800/464"
alt="" />
</picture>
</a>
<section class="hero-banner__details">
<ol class="hero-banner__subject_list">
<li class="hero-banner__subject_list_item">
<a href="#" class="hero-banner__subject_link">
<span class="hero-banner__subject">Genomics and Evolutionary Biology</span>
</a>
</li>
</ol>
<h1 class="hero-banner__title hero-banner__title--medium">
<a href="#" class="hero-banner__title_link"><i>Homo naledi</i>, a new species of the genus <i>Homo</i> from the Dinaledi Chamber, South Africa</a>
</h1>
<div class="hero-banner__summary">
<i>Homo naledi</i> is a previously-unknown species of extinct hominin discovered within the Dinaledi Chamber of the Rising Star cave system, Cradle of Humankind, South Africa. This species is characterized by body mass and stature similar to small-bodied human populations but a small endocranial volume similar to australopiths. Cranial morphology of <i>H. naledi</i> is unique, but most similar to early <i>Homo</i> species including <i>Homo erectus</i>, <i>Homo habilis</i> or <i>Homo rudolfensis</i>. While primitive, the dentition is generally small and simple in occlusal morphology. <i>H. naledi</i> has humanlike manipulatory adaptations of the hand and wrist. It also exhibits a humanlike foot and lower limb. These humanlike aspects are contrasted in the postcrania with a more primitive or australopith-like trunk, shoulder, pelvis and proximal femur. Representing at least 15 individuals with most skeletal elements repeated multiple times, this is the largest assemblage of a single species of hominins yet discovered in Africa.
</div>
<div class="author-line">
Lee R Berger, John Hawks ... Bernhard Zipfel
</div>
<div class="hero-banner__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>
</section>
</div>
Hero Banner Blog Article
Media coverage: Slime can see
HTML
<div class="hero-banner" role="banner">
<a href="#" class="hero-banner__picture-wrapper">
<picture>
<source srcset="https://iiif.elifesciences.org/lax/09560%2Felife-09560-fig1-v1.tif/full/full/0/default.jpg"
type="image/jpeg"
>
<img src="https://unsplash.it/800/464"
alt="" />
</picture>
</a>
<section class="hero-banner__details">
<h1 class="hero-banner__title hero-banner__title--short">
<a href="#" class="hero-banner__title_link">Media coverage: Slime can see</a>
</h1>
<div class="hero-banner__summary">
In their research paper – Cyanobacteria use micro-optics to sense light direction – Schuergers et al. reveal how bacterial cells act as the equivalent of a microscopic eyeball or the world/'s oldest and smallest camera eye, allowing them to /'see/'.
</div>
<div class="hero-banner__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Inside eLife</a>
<span class="date"> <time datetime="2016-07-08">Jul 8, 2016</time></span>
</div>
</div>
</section>
</div>
Hero Banner Collection
Tropical disease
HTML
<div class="hero-banner" role="banner">
<a href="#" class="hero-banner__picture-wrapper">
<picture>
<source srcset="https://iiif.elifesciences.org/lax/09560%2Felife-09560-fig1-v1.tif/full/full/0/default.jpg"
type="image/jpeg"
>
<img src="https://unsplash.it/800/464"
alt="" />
</picture>
</a>
<section class="hero-banner__details">
<h1 class="hero-banner__title hero-banner__title--short">
<a href="#" class="hero-banner__title_link">Tropical disease</a>
</h1>
<div class="hero-banner__summary">
eLife has published papers on many tropical diseases, including malaria, Ebola, leishmaniases, Dengue and African sleeping sickness. The articles below have been selected by eLife editors to give a flavour of the breadth of research on tropical diseases published by the journal.
</div>
<div class="hero-banner__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Collection</a>
<span class="date"> <time datetime="2015-09-16">Sep 16, 2015</time></span>
</div>
</div>
</section>
</div>
Hero Banner Event
Changing peer review in cancer research: a seminar at Fred Hutch
HTML
<div class="hero-banner" role="banner">
<a href="#" class="hero-banner__picture-wrapper">
<picture>
<source srcset="https://iiif.elifesciences.org/lax/09560%2Felife-09560-fig1-v1.tif/full/full/0/default.jpg"
type="image/jpeg"
>
<img src="https://unsplash.it/800/464"
alt="" />
</picture>
</a>
<section class="hero-banner__details">
<h1 class="hero-banner__title hero-banner__title--medium">
<a href="#" class="hero-banner__title_link">Changing peer review in cancer research: a seminar at Fred Hutch</a>
</h1>
<div class="hero-banner__summary">
How eLife is influencing the culture of peer review
</div>
<div class="hero-banner__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Event</a>
<span class="date"> <time datetime="2016-04-22">Apr 22, 2016</time></span>
</div>
</div>
</section>
</div>
Hero Banner Interview
Controlling traffic
HTML
<div class="hero-banner" role="banner">
<a href="#" class="hero-banner__picture-wrapper">
<picture>
<source srcset="https://iiif.elifesciences.org/lax/09560%2Felife-09560-fig1-v1.tif/full/full/0/default.jpg"
type="image/jpeg"
>
<img src="https://unsplash.it/800/464"
alt="" />
</picture>
</a>
<section class="hero-banner__details">
<h1 class="hero-banner__title hero-banner__title--short">
<a href="#" class="hero-banner__title_link">Controlling traffic</a>
</h1>
<div class="hero-banner__summary">
Ramanath Hegde is a Postdoctoral Fellow at the Institute of Protein Biochemistry in Naples, Italy, where he investigates ways of preventing cells from destroying mutant proteins.
</div>
<div class="hero-banner__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Interview</a>
<span class="date"> <time datetime="2016-01-29">Jan 29, 2016</time></span>
</div>
</div>
</section>
</div>
Hero Banner Labs Post
Experimental eLife Lens search page
HTML
<div class="hero-banner" role="banner">
<a href="#" class="hero-banner__picture-wrapper">
<picture>
<source srcset="https://iiif.elifesciences.org/lax/09560%2Felife-09560-fig1-v1.tif/full/full/0/default.jpg"
type="image/jpeg"
>
<img src="https://unsplash.it/800/464"
alt="" />
</picture>
</a>
<section class="hero-banner__details">
<h1 class="hero-banner__title hero-banner__title--short">
<a href="#" class="hero-banner__title_link">Experimental eLife Lens search page</a>
</h1>
<div class="hero-banner__summary">
Today on eLife Labs we are launching a small demo of a search interface that brings together some elements of eLife Lens and some of the native power of a technology called elasticsearch. Head over to the demo to try it out now.
</div>
<div class="hero-banner__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Labs post</a>
<span class="date"> <time datetime="2015-04-01">Apr 1, 2015</time></span>
</div>
</div>
</section>
</div>
Hero Banner Podcast Episode
A new synthetic biology approach allows transfer of an entire metabolic pathway from a medicinal plant to a biomass crop
HTML
<div class="hero-banner" role="banner">
<a href="#" class="hero-banner__picture-wrapper">
<picture>
<source srcset="https://iiif.elifesciences.org/lax/09560%2Felife-09560-fig1-v1.tif/full/full/0/default.jpg"
type="image/jpeg"
>
<img src="https://unsplash.it/800/464"
alt="" />
</picture>
</a>
<section class="hero-banner__details">
<h1 class="hero-banner__title hero-banner__title--long">
<a href="#" class="hero-banner__title_link">A new synthetic biology approach allows transfer of an entire metabolic pathway from a medicinal plant to a biomass crop</a>
</h1>
<div class="hero-banner__summary">
A combination of chloroplast transformation with nuclear transformation and large-scale metabolic screening of supertransformed plant lines has enabled an entire biochemical pathway to be transferred from a medicinal plant to a high-biomass crop.
</div>
<div class="hero-banner__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Podcast</a>
<span class="date"> <time datetime="2016-06-14">Jun 14, 2016</time></span>
</div>
</div>
</section>
</div>
Hero Banner Press Pack
Homo naledi, a new species of the genus Homo from the Dinaledi Chamber, South Africa
HTML
<div class="hero-banner" role="banner">
<a href="#" class="hero-banner__picture-wrapper">
<picture>
<source srcset="https://iiif.elifesciences.org/lax/09560%2Felife-09560-fig1-v1.tif/full/full/0/default.jpg"
type="image/jpeg"
>
<img src="https://unsplash.it/800/464"
alt="" />
</picture>
</a>
<section class="hero-banner__details">
<ol class="hero-banner__subject_list">
<li class="hero-banner__subject_list_item">
<a href="#" class="hero-banner__subject_link">
<span class="hero-banner__subject">Genomics and Evolutionary Biology</span>
</a>
</li>
</ol>
<h1 class="hero-banner__title hero-banner__title--long">
<a href="#" class="hero-banner__title_link"><i>Homo naledi</i>, a new species of the genus <i>Homo</i> from the Dinaledi Chamber, South Africa</a>
</h1>
<div class="hero-banner__summary">
A new hominin species has been unearthed in the Dinaledi Chamber of the Rising Star cave system in the largest assemblage of a single species of hominins yet discovered in Africa.
</div>
<div class="author-line">
Lee R Berger, John Hawks ... Bernhard Zipfel
</div>
<div class="hero-banner__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Press pack</a>
<span class="date"> <time datetime="2015-09-10">Sep 10, 2015</time></span>
</div>
</div>
</section>
</div>
Hero Banner Reviewed Preprint
Homo naledi, a new species of the genus Homo from the Dinaledi Chamber, South Africa
HTML
<div class="hero-banner" role="banner">
<a href="#" class="hero-banner__picture-wrapper">
<picture>
<source srcset="https://iiif.elifesciences.org/lax/09560%2Felife-09560-fig1-v1.tif/full/full/0/default.jpg"
type="image/jpeg"
>
<img src="https://unsplash.it/800/464"
alt="" />
</picture>
</a>
<section class="hero-banner__details">
<ol class="hero-banner__subject_list">
<li class="hero-banner__subject_list_item">
<a href="#" class="hero-banner__subject_link">
<span class="hero-banner__subject">Biochemistry</span>
</a>
</li>
<li class="hero-banner__subject_list_item">
<a href="#" class="hero-banner__subject_link">
<span class="hero-banner__subject">Genomics and Evolutionary Biology</span>
</a>
</li>
</ol>
<h1 class="hero-banner__title hero-banner__title--long">
<a href="#" class="hero-banner__title_link"><i>Homo naledi</i>, a new species of the genus <i>Homo</i> from the Dinaledi Chamber, South Africa</a>
</h1>
<div class="hero-banner__summary">
<i>Homo naledi</i>, a new species of the genus <i>Homo</i> from the Dinaledi Chamber, South Africa
</div>
<div class="author-line">
Lee R Berger, John Hawks ... Scott A Williams
</div>
<div class="hero-banner__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Reviewed preprint</a>
<span class="date"> <time datetime="2015-07-10">Jul 10, 2015</time></span>
</div>
</div>
</section>
</div>
Highlight
Highlights
HTML
<div class="highlight" role="region">
<h3 class="list-heading">Highlights</h3>
<ul class="highlight__items">
<li class="highlight-item">
<a href="#link-to-article" class="highlight-item__picture-wrapper">
<picture class='highlight-item__picture'>
<img src='https://unsplash.it/250/140/'
alt=''
class='highlight-item__image' />
</picture>
</a>
<div class="highlight-item__body">
<h2 class="highlight-item__title">
<a href="#link-to-article" class="highlight-item__title_link">[Do not use this base pattern directly: see the following variants of this pattern for usage]</a>
</h2>
<p class="paragraph">Summary</p>
<div class="highlight-item__meta">
<div data-behaviour="Meta" class="meta">
<span class="meta__type">#</span>
</div>
</div>
</div>
</li>
</ul>
</div>
Highlight Full
Highlights
-
Controlling traffic
Ramanath Hegde is a Postdoctoral Fellow at the Institute of Protein Biochemistry in Naples, Italy, where he investigates ways of preventing cells from destroying mutant proteins.
-
Controlling traffic
Ramanath Hegde is a Postdoctoral Fellow at the Institute of Protein Biochemistry in Naples, Italy, where he investigates ways of preventing cells from destroying mutant proteins.
HTML
<div class="highlight" role="region">
<h3 class="list-heading">Highlights</h3>
<ul class="highlight__items">
<li class="highlight-item">
<a href="#link-to-article" class="highlight-item__picture-wrapper">
<picture class='highlight-item__picture'>
<img src='https://unsplash.it/250/140/'
alt='Meaningful alt text please.'
class='highlight-item__image' />
</picture>
</a>
<div class="highlight-item__body">
<h2 class="highlight-item__title">
<a href="#link-to-article" class="highlight-item__title_link">Infection, statistics and public health</a>
</h2>
<p class="paragraph">Summary</p>
<div class="highlight-item__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Interview</a>
<span class="date"> <time datetime="2015-11-03">Nov 3, 2015</time></span>
</div>
</div>
</div>
</li>
<li class="highlight-item">
<a href="#link-to-article" class="highlight-item__picture-wrapper">
<picture class='highlight-item__picture'>
<img src='https://unsplash.it/250/140/'
alt='Meaningful alt text please.'
class='highlight-item__image' />
</picture>
</a>
<div class="highlight-item__body">
<h2 class="highlight-item__title">
<a href="#link-to-article" class="highlight-item__title_link">Controlling traffic</a>
</h2>
<p class="paragraph">Ramanath Hegde is a Postdoctoral Fellow at the Institute of Protein Biochemistry in Naples, Italy, where he investigates ways of preventing cells from destroying mutant proteins.</p>
<div class="highlight-item__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Interview</a>
<span class="date"> <time datetime="2016-01-29">Jan 29, 2016</time></span>
</div>
</div>
</div>
</li>
<li class="highlight-item">
<a href="#link-to-article" class="highlight-item__picture-wrapper">
<picture class='highlight-item__picture'>
<img src='https://unsplash.it/250/140/'
alt='Meaningful alt text please.'
class='highlight-item__image' />
</picture>
</a>
<div class="highlight-item__body">
<h2 class="highlight-item__title">
<a href="#link-to-article" class="highlight-item__title_link">Controlling traffic</a>
</h2>
<p class="paragraph">Ramanath Hegde is a Postdoctoral Fellow at the Institute of Protein Biochemistry in Naples, Italy, where he investigates ways of preventing cells from destroying mutant proteins.</p>
<div class="highlight-item__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Interview</a>
<span class="date"> <time datetime="2016-01-29">Jan 29, 2016</time></span>
</div>
</div>
</div>
</li>
</ul>
</div>
Highlight One Item
Highlights
HTML
<div class="highlight" role="region">
<h3 class="list-heading">Highlights</h3>
<ul class="highlight__items">
<li class="highlight-item">
<a href="#link-to-article" class="highlight-item__picture-wrapper">
<picture class='highlight-item__picture'>
<img src='https://unsplash.it/250/140/'
alt='Meaningful alt text please.'
class='highlight-item__image' />
</picture>
</a>
<div class="highlight-item__body">
<h2 class="highlight-item__title">
<a href="#link-to-article" class="highlight-item__title_link">Experimental eLife Lens search page</a>
</h2>
<p class="paragraph">Summary</p>
<div class="highlight-item__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Labs post</a>
<span class="date"> <time datetime="2015-04-01">Apr 1, 2015</time></span>
</div>
</div>
</div>
</li>
</ul>
</div>
Highlight Two Items
Highlights
-
Molecular basis for multimerization in the activation of the epidermal growth factor
Summary
Yongjian Huang, Shashank Bharill ... John Kuriyan -
Molecular basis for multimerization in the activation of the epidermal growth factor
Summary
Lee R Berger, John Hawks ... Bernhard Zipfel
HTML
<div class="highlight" role="region">
<h3 class="list-heading">Highlights</h3>
<ul class="highlight__items">
<li class="highlight-item">
<a href="#link-to-article" class="highlight-item__picture-wrapper">
<picture class='highlight-item__picture'>
<img src='https://unsplash.it/250/140/'
alt='Meaningful alt text please.'
class='highlight-item__image' />
</picture>
</a>
<div class="highlight-item__body">
<h2 class="highlight-item__title">
<a href="#link-to-article" class="highlight-item__title_link">Molecular basis for multimerization in the activation of the epidermal growth factor</a>
</h2>
<p class="paragraph">Summary</p>
<div class="author-line">Yongjian Huang, Shashank Bharill ... John Kuriyan</div>
<div class="highlight-item__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Research article</a>
<span class="date"> <time datetime="2016-03-28">Mar 28, 2016</time></span>
</div>
</div>
</div>
</li>
<li class="highlight-item">
<a href="#link-to-article" class="highlight-item__picture-wrapper">
<picture class='highlight-item__picture'>
<img src='https://unsplash.it/250/140/'
alt='Meaningful alt text please.'
class='highlight-item__image' />
</picture>
</a>
<div class="highlight-item__body">
<h2 class="highlight-item__title">
<a href="#link-to-article" class="highlight-item__title_link">Molecular basis for multimerization in the activation of the epidermal growth factor</a>
</h2>
<p class="paragraph">Summary</p>
<div class="author-line">Lee R Berger, John Hawks ... Bernhard Zipfel</div>
<div class="highlight-item__meta">
<div data-behaviour="Meta" class="meta">
<a class="meta__type" href="#" >Research article</a>
<span class="date"> <time datetime="2016-03-28">Mar 28, 2016</time></span>
</div>
</div>
</div>
</li>
</ul>
</div>
Listing Profile Snippets
Listing of profile snippets
-
Prabhat JhaUniversity of Toronto
-
Richard LosickHarvard University
- See more things!
molecules-profile-snippet
HTML
<h3 class="list-heading">Listing of profile snippets</h3>
<ol class="listing-list">
<li class="listing-list__item">
<div class="profile-snippet">
<div class="profile-snippet__container clearfix">
<picture class="profile-snippet__picture">
<img src="https://unsplash.it/90/90"
srcset="https://unsplash.it/180/180 2x, https://unsplash.it/90/90 1x"
alt="Meaningful alt text here please."
>
</picture>
<div class="profile-snippet__name">Prabhat Jha</div>
<div class="profile-snippet__title">University of Toronto</div>
</div>
</div>
</li>
<li class="listing-list__item">
<div class="profile-snippet">
<div class="profile-snippet__container clearfix">
<picture class="profile-snippet__picture">
<img src="https://unsplash.it/90/90"
srcset="https://unsplash.it/180/180 2x, https://unsplash.it/90/90 1x"
alt="Meaningful alt text here please."
>
</picture>
<div class="profile-snippet__name">Richard Losick</div>
<div class="profile-snippet__title">Harvard University</div>
</div>
</div>
</li>
<li class="listing-list__item">
<a href="#" class="see-more-link" aria-label="Descriptive and accessible name for the link">See more things!</a>
</li>
</ol>
Listing Read More
Further reading
-
- Cell Biology
- Epidemiology and Global Health
Lee R BergerOptimal decision-making requires balancing fast but error-prone and more accurate but slower decisions through adjustments of decision thresholds. Here, we demonstrate two distinct correlates of such speed-accuracy adjustments by recording subthalamic nucleus (STN) activity and electroencephalography in 11 Parkinson’s disease patients during a perceptual decision-making task; STN low-frequency oscillatory (LFO) activity (2–8 Hz), coupled to activity at prefrontal electrode Fz, and STN beta activity (13–30 Hz) coupled to electrodes C3/C4 close to motor cortex. These two correlates differed not only in their cortical topography and spectral characteristics but also in the relative timing of recruitment and in their precise relationship with decision thresholds. Increases of STN LFO power preceding the response predicted increased thresholds only after accuracy instructions, while cue-induced reductions of STN beta power decreased thresholds irrespective of instructions. These findings indicate that distinct neural mechanisms determine whether a decision will be made in haste or with caution.
-
- Cell Biology
- Epidemiology and Global Health
Lee R BergerOptimal decision-making requires balancing fast but error-prone and more accurate but slower decisions through adjustments of decision thresholds.
organisms-read-more-item
HTML
<div class="wrapper listing-read-more">
<div class="grid">
<div class="content-container grid__item
one-whole
large--ten-twelfths
push--large--one-twelfth
x-large--eight-twelfths
push--x-large--two-twelfths
grid-column">
<div class="listing-list-heading">
<h3 class="list-heading">Further reading</h3>
</div>
<ol class="listing-list listing-list--read-more">
<li class="listing-list__item ">
<div class="listing-list__divider"></div>
<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>
<div class="listing-list__content">
<p>Optimal decision-making requires balancing fast but error-prone and more accurate but slower decisions through adjustments of decision thresholds. Here, we demonstrate two distinct correlates of such speed-accuracy adjustments by recording subthalamic nucleus (STN) activity and electroencephalography in 11 Parkinson’s disease patients during a perceptual decision-making task; STN low-frequency oscillatory (LFO) activity (2–8 Hz), coupled to activity at prefrontal electrode Fz, and STN beta activity (13–30 Hz) coupled to electrodes C3/C4 close to motor cortex. These two correlates differed not only in their cortical topography and spectral characteristics but also in the relative timing of recruitment and in their precise relationship with decision thresholds. Increases of STN LFO power preceding the response predicted increased thresholds only after accuracy instructions, while cue-induced reductions of STN beta power decreased thresholds irrespective of instructions. These findings indicate that distinct neural mechanisms determine whether a decision will be made in haste or with caution.</p>
</div>
</li>
<li class="listing-list__item ">
<div class="listing-list__divider"></div>
<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>
<div class="listing-list__content">
<p>Optimal decision-making requires balancing fast but error-prone and more accurate but slower decisions through adjustments of decision thresholds.</p>
</div>
</li>
</ol>
</div>
</div>
</div>
Listing Read More All Related
Further reading
-
- Cell Biology
- Epidemiology and Global Health
Lee R BergerOptimal decision-making requires balancing fast but error-prone and more accurate but slower decisions through adjustments of decision thresholds. Here, we demonstrate two distinct correlates of such speed-accuracy adjustments by recording subthalamic nucleus (STN) activity and electroencephalography in 11 Parkinson’s disease patients during a perceptual decision-making task; STN low-frequency oscillatory (LFO) activity (2–8 Hz), coupled to activity at prefrontal electrode Fz, and STN beta activity (13–30 Hz) coupled to electrodes C3/C4 close to motor cortex. These two correlates differed not only in their cortical topography and spectral characteristics but also in the relative timing of recruitment and in their precise relationship with decision thresholds. Increases of STN LFO power preceding the response predicted increased thresholds only after accuracy instructions, while cue-induced reductions of STN beta power decreased thresholds irrespective of instructions. These findings indicate that distinct neural mechanisms determine whether a decision will be made in haste or with caution.
-
- Cell Biology
- Epidemiology and Global Health
Lee R BergerOptimal decision-making requires balancing fast but error-prone and more accurate but slower decisions through adjustments of decision thresholds.
organisms-read-more-item
HTML
<div class="wrapper listing-read-more listing-read-more--all-related">
<div class="grid">
<div class="content-container grid__item
one-whole
large--ten-twelfths
push--large--one-twelfth
x-large--eight-twelfths
push--x-large--two-twelfths
grid-column">
<div class="listing-list-heading">
<h3 class="list-heading">Further reading</h3>
</div>
<ol class="listing-list listing-list--read-more">
<li class="listing-list__item listing-list__item--related">
<div class="listing-list__divider"></div>
<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>
<div class="listing-list__content">
<p>Optimal decision-making requires balancing fast but error-prone and more accurate but slower decisions through adjustments of decision thresholds. Here, we demonstrate two distinct correlates of such speed-accuracy adjustments by recording subthalamic nucleus (STN) activity and electroencephalography in 11 Parkinson’s disease patients during a perceptual decision-making task; STN low-frequency oscillatory (LFO) activity (2–8 Hz), coupled to activity at prefrontal electrode Fz, and STN beta activity (13–30 Hz) coupled to electrodes C3/C4 close to motor cortex. These two correlates differed not only in their cortical topography and spectral characteristics but also in the relative timing of recruitment and in their precise relationship with decision thresholds. Increases of STN LFO power preceding the response predicted increased thresholds only after accuracy instructions, while cue-induced reductions of STN beta power decreased thresholds irrespective of instructions. These findings indicate that distinct neural mechanisms determine whether a decision will be made in haste or with caution.</p>
</div>
</li>
<li class="listing-list__item listing-list__item--related">
<div class="listing-list__divider"></div>
<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>
<div class="listing-list__content">
<p>Optimal decision-making requires balancing fast but error-prone and more accurate but slower decisions through adjustments of decision thresholds.</p>
</div>
</li>
</ol>
</div>
</div>
</div>
Listing Read More First Page
Further reading
-
- Cell Biology
- Epidemiology and Global Health
Lee R BergerOptimal decision-making requires balancing fast but error-prone and more accurate but slower decisions through adjustments of decision thresholds. Here, we demonstrate two distinct correlates of such speed-accuracy adjustments by recording subthalamic nucleus (STN) activity and electroencephalography in 11 Parkinson’s disease patients during a perceptual decision-making task; STN low-frequency oscillatory (LFO) activity (2–8 Hz), coupled to activity at prefrontal electrode Fz, and STN beta activity (13–30 Hz) coupled to electrodes C3/C4 close to motor cortex. These two correlates differed not only in their cortical topography and spectral characteristics but also in the relative timing of recruitment and in their precise relationship with decision thresholds. Increases of STN LFO power preceding the response predicted increased thresholds only after accuracy instructions, while cue-induced reductions of STN beta power decreased thresholds irrespective of instructions. These findings indicate that distinct neural mechanisms determine whether a decision will be made in haste or with caution.
-
- Cell Biology
- Epidemiology and Global Health
Lee R BergerOptimal decision-making requires balancing fast but error-prone and more accurate but slower decisions through adjustments of decision thresholds.
organisms-read-more-item
HTML
<div class="wrapper listing-read-more">
<div class="grid">
<div class="content-container grid__item
one-whole
large--ten-twelfths
push--large--one-twelfth
x-large--eight-twelfths
push--x-large--two-twelfths
grid-column">
<div class="listing-list-heading">
<h3 class="list-heading">Further reading</h3>
</div>
<ol class="listing-list listing-list--read-more" id="idOfListElementToLoadContentInTo">
<li class="listing-list__item ">
<div class="listing-list__divider"></div>
<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>
<div class="listing-list__content">
<p>Optimal decision-making requires balancing fast but error-prone and more accurate but slower decisions through adjustments of decision thresholds. Here, we demonstrate two distinct correlates of such speed-accuracy adjustments by recording subthalamic nucleus (STN) activity and electroencephalography in 11 Parkinson’s disease patients during a perceptual decision-making task; STN low-frequency oscillatory (LFO) activity (2–8 Hz), coupled to activity at prefrontal electrode Fz, and STN beta activity (13–30 Hz) coupled to electrodes C3/C4 close to motor cortex. These two correlates differed not only in their cortical topography and spectral characteristics but also in the relative timing of recruitment and in their precise relationship with decision thresholds. Increases of STN LFO power preceding the response predicted increased thresholds only after accuracy instructions, while cue-induced reductions of STN beta power decreased thresholds irrespective of instructions. These findings indicate that distinct neural mechanisms determine whether a decision will be made in haste or with caution.</p>
</div>
</li>
<li class="listing-list__item ">
<div class="listing-list__divider"></div>
<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">Physical determinants of vesicle mobility and supply at a central synapse</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>
<div class="listing-list__content">
<p>Optimal decision-making requires balancing fast but error-prone and more accurate but slower decisions through adjustments of decision thresholds.</p>
</div>
</li>
</ol>
<div class="pager" data-behaviour="Pager" data-targetId="idOfListElementToLoadContentInTo">
<a href="?page=2" class="button button--default button--full" id="idOfListElementToLoadContentInTo">Load more</a>
</div>
</div>
</div>
</div>
Read More Item
- Cell Biology
- Epidemiology and Global Health
Optimal decision-making requires balancing fast but error-prone and more accurate but slower decisions through adjustments of decision thresholds. Here, we demonstrate two distinct correlates of such speed-accuracy adjustments by recording subthalamic nucleus (STN) activity and electroencephalography in 11 Parkinson’s disease patients during a perceptual decision-making task; STN low-frequency oscillatory (LFO) activity (2–8 Hz), coupled to activity at prefrontal electrode Fz, and STN beta activity (13–30 Hz) coupled to electrodes C3/C4 close to motor cortex. These two correlates differed not only in their cortical topography and spectral characteristics but also in the relative timing of recruitment and in their precise relationship with decision thresholds. Increases of STN LFO power preceding the response predicted increased thresholds only after accuracy instructions, while cue-induced reductions of STN beta power decreased thresholds irrespective of instructions. These findings indicate that distinct neural mechanisms determine whether a decision will be made in haste or with caution.
organisms-content-header-read-more
HTML
<li class="listing-list__item ">
<div class="listing-list__divider"></div>
<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>
<div class="listing-list__content">
<p>Optimal decision-making requires balancing fast but error-prone and more accurate but slower decisions through adjustments of decision thresholds. Here, we demonstrate two distinct correlates of such speed-accuracy adjustments by recording subthalamic nucleus (STN) activity and electroencephalography in 11 Parkinson’s disease patients during a perceptual decision-making task; STN low-frequency oscillatory (LFO) activity (2–8 Hz), coupled to activity at prefrontal electrode Fz, and STN beta activity (13–30 Hz) coupled to electrodes C3/C4 close to motor cortex. These two correlates differed not only in their cortical topography and spectral characteristics but also in the relative timing of recruitment and in their precise relationship with decision thresholds. Increases of STN LFO power preceding the response predicted increased thresholds only after accuracy instructions, while cue-induced reductions of STN beta power decreased thresholds irrespective of instructions. These findings indicate that distinct neural mechanisms determine whether a decision will be made in haste or with caution.</p>
</div>
</li>
Statistic Collection
-
- 54,741
- views
-
- 320
- downloads
-
- 89
- citations
HTML
<ul class="statistic-collection clearfix" data-behaviour="StatisticCollection">
<li class="statistic-collection__item">
<dl class="statistic">
<dd class="statistic__value">
54,741
</dd>
<dt class="statistic__label">
views
</dt>
</dl>
</li>
<li class="statistic-collection__item">
<dl class="statistic">
<dd class="statistic__value">
320
</dd>
<dt class="statistic__label">
downloads
</dt>
</dl>
</li>
<li class="statistic-collection__item">
<dl class="statistic">
<dd class="statistic__value">
89
</dd>
<dt class="statistic__label">
citations
</dt>
</dl>
</li>
</ul>
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
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;
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;
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;
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
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
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;
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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>
Email Cta
atoms-button
HTML
<section class="email-cta">
<div class="email-cta__container">
<header class="email-cta__header">
<h2 class="email-cta__header_text">Be the first to read new articles from eLife</h2>
</header>
<a href="https://crm.elifesciences.org/crm/content-alerts" class="button button--default">Sign up for email alerts</a>
<div class="email-cta__privacy">
<a class="email-cta__privacy_link" href="#">Privacy notice</a>
</div>
</div>
</section>
Footer
HTML
<ol class="investor-logos" role="list" aria-label="eLife is funded by these organisations">
<li class="investor-logos__item" role="listitem">
<div class="investor-logos__container">
<picture class="investor-logos__picture">
<img src="https://unsplash.it/290/72/"
alt="Meaningful alt text here please."
class="investor-logos__img"
>
</picture>
</div>
</li>
<li class="investor-logos__item" role="listitem">
<div class="investor-logos__container">
<picture class="investor-logos__picture">
<img src="https://unsplash.it/96/96/"
alt="Meaningful alt text here please."
class="investor-logos__img"
>
</picture>
</div>
</li>
<li class="investor-logos__item" role="listitem">
<div class="investor-logos__container">
<picture class="investor-logos__picture">
<img src="https://unsplash.it/290/65/"
alt="Meaningful alt text here please."
class="investor-logos__img"
>
</picture>
</div>
</li>
<li class="investor-logos__item" role="listitem">
<div class="investor-logos__container">
<picture class="investor-logos__picture">
<img src="https://unsplash.it/240/60/"
alt="Meaningful alt text here please."
class="investor-logos__img"
>
</picture>
</div>
</li>
<li class="investor-logos__item" role="listitem">
<div class="investor-logos__container">
<picture class="investor-logos__picture">
<img src="https://unsplash.it/210/70/"
alt="Meaningful alt text here please."
class="investor-logos__img"
>
</picture>
</div>
</li>
</ol>
<footer class="site-footer">
<div class="site-footer__container">
<div class="grid-cell">
<nav class="footer-navigation">
<ul class="footer-navigation__list">
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">About</a>
</li>
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">Jobs</a>
</li>
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">Who we work with</a>
</li>
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">Alerts</a>
</li>
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">Contact</a>
</li>
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">Terms and Conditions</a>
</li>
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">Privacy Notice</a>
</li>
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">Inside eLife</a>
</li>
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">Monthly Archive</a>
</li>
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">For the Press</a>
</li>
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">Resources</a>
</li>
<li class="footer-navigation__list_item">
<a href="#" class="footer-navigation__list_link">XML, DATA and API</a>
</li>
</ul>
</nav>
<div class="social-links" aria-label="Social media links for eLife Sciences">
<ul class="social-links__list">
<li class="social-links__list_item">
<a href="https://twitter.com/elife" class="social-links__list_link" aria-label="Twitter">
<svg width="28px" height="28px" viewBox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="x-28-footer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect id="Rectangle" x="0" y="0" width="28" height="28"></rect>
<path d="M16.0929883,12.5202067 L24.2829833,3 L22.3422167,3 L15.230845,11.2662617 L9.55101333,3 L3,3 L11.58902,15.5000517 L3,25.48345 L4.94087667,25.48345 L12.4506683,16.7539967 L18.4489867,25.48345 L25,25.48345 L16.0925117,12.5202067 L16.0929883,12.5202067 Z M13.4346917,15.61018 L12.564445,14.3654567 L5.64020167,4.461064 L8.621275,4.461064 L14.20922,12.454225 L15.0794667,13.6989483 L22.3431333,24.0888333 L19.36206,24.0888333 L13.4346917,15.6106567 L13.4346917,15.61018 Z" id="Shape" fill="#212121" fill-rule="nonzero"></path>
</g>
</svg>
</a>
</li>
<li class="social-links__list_item">
<a href="https://www.facebook.com/elifesciences" class="social-links__list_link" aria-label="Facebook">
<svg width="28" height="28">
<path d="M26,14 C26,7.37257812 20.6274219,2 14,2 C7.37257813,2 2,7.37257812 2,14 C2,19.9895469 6.38822656,24.9539844 12.125,25.8542187 L12.125,17.46875 L9.078125,17.46875 L9.078125,14 L12.125,14 L12.125,11.35625 C12.125,8.34875 13.9165156,6.6875 16.6575781,6.6875 C17.9704766,6.6875 19.34375,6.921875 19.34375,6.921875 L19.34375,9.875 L17.8305781,9.875 C16.3398828,9.875 15.875,10.8000078 15.875,11.7489922 L15.875,14 L19.203125,14 L18.6710938,17.46875 L15.875,17.46875 L15.875,25.8542187 C21.6117734,24.9539844 26,19.9895469 26,14" id="Fill-1" fill="#0A0B09"></path>
</svg>
</a>
</li>
<li class="social-links__list_item">
<a href="https://www.instagram.com/elifesciences/" class="social-links__list_link" aria-label="Instagram">
<svg width="28" height="28">
<path d="M13.9999762,4.16220594 C17.2041298,4.16220594 17.5836306,4.17440025 18.8489821,4.23213276 C20.0189703,4.28553056 20.6543612,4.48102079 21.0772565,4.64531072 C21.6373379,4.86299845 22.0371308,5.12308049 22.4570251,5.54297487 C22.8769195,5.96286924 23.1370016,6.36266203 23.3546416,6.92274348 C23.5189792,7.3456388 23.7144694,7.98102972 23.7678672,9.15097025 C23.8255997,10.4163695 23.8377941,10.7958701 23.8377941,14.0000238 C23.8377941,17.2041775 23.8255997,17.5836782 23.7678672,18.8490297 C23.7144694,20.0190179 23.5189792,20.6544088 23.3546416,21.0773041 C23.1370016,21.6373856 22.8769195,22.0371784 22.4570251,22.4570727 C22.0371308,22.8769671 21.6373379,23.1370492 21.0772565,23.3546892 C20.6543612,23.5190268 20.0189703,23.7145171 18.8489821,23.7679149 C17.5838211,23.8256473 17.2043204,23.8378417 13.9999762,23.8378417 C10.795632,23.8378417 10.4161313,23.8256473 9.15097025,23.7679149 C7.9809821,23.7145171 7.34559117,23.5190268 6.92274348,23.3546892 C6.3626144,23.1370492 5.9628216,22.8769671 5.54292723,22.4570727 C5.12303286,22.0371784 4.86295081,21.6373856 4.64531072,21.0773041 C4.48097317,20.6544088 4.28548292,20.0190179 4.23208512,18.8490774 C4.17435262,17.5836782 4.1621583,17.2041775 4.1621583,14.0000238 C4.1621583,10.7958701 4.17435262,10.4163695 4.23208512,9.15101788 C4.28548292,7.98102972 4.48097317,7.3456388 4.64531072,6.92274348 C4.86295081,6.36266203 5.12303286,5.96286924 5.54292723,5.54297487 C5.9628216,5.12308049 6.3626144,4.86299845 6.92274348,4.64531072 C7.34559117,4.48102079 7.9809821,4.28553056 9.15092262,4.23213276 C10.4163218,4.17440025 10.7958225,4.16220594 13.9999762,4.16220594 M13.9999762,2 C10.740948,2 10.3323429,2.01381388 9.05241535,2.07221326 C7.77510763,2.13051737 6.90283244,2.33334326 6.13949638,2.63000828 C5.35039031,2.93667645 4.68117918,3.34699637 4.01406396,4.01411159 C3.34694874,4.68122682 2.93662882,5.35043793 2.62996064,6.13954402 C2.33329562,6.90288008 2.13046973,7.77515526 2.07216562,9.05246298 C2.01376625,10.3323429 2,10.7409957 2,14.0000238 C2,17.259052 2.01376625,17.6677047 2.07216562,18.9475846 C2.13046973,20.2248924 2.33329562,21.0971676 2.62996064,21.8605036 C2.93662882,22.649562 3.34694874,23.3188208 4.01406396,23.985936 C4.68117918,24.6530513 5.35039031,25.0633712 6.13949638,25.3700394 C6.90283244,25.6667044 7.77510763,25.8695303 9.05241535,25.9278343 C10.3323429,25.9862338 10.740948,26 13.9999762,26 C17.2590043,26 17.667657,25.9862338 18.947537,25.9278343 C20.2248448,25.8695303 21.09712,25.6667044 21.860456,25.3700394 C22.649562,25.0633712 23.3187732,24.6530513 23.9858884,23.985936 C24.6530037,23.3188208 25.0633236,22.6496097 25.3699918,21.8605036 C25.6666568,21.0971676 25.8694827,20.2248924 25.9277867,18.9475846 C25.9861861,17.6677047 26,17.259052 26,14.0000238 C26,10.7409957 25.9861861,10.3323429 25.9277867,9.05246298 C25.8694827,7.77515526 25.6666568,6.90288008 25.3699918,6.13954402 C25.0633236,5.35043793 24.6530037,4.68122682 23.9858884,4.01411159 C23.3187732,3.34699637 22.649562,2.93667645 21.860456,2.63000828 C21.09712,2.33334326 20.2248448,2.13051737 18.947537,2.07221326 C17.667657,2.01381388 17.2590043,2 13.9999762,2 Z M13.9999762,7.8378417 C10.5967121,7.8378417 7.83779407,10.5967597 7.83779407,14.0000238 C7.83779407,17.4032879 10.5967121,20.162206 13.9999762,20.162206 C17.4032403,20.162206 20.1621583,17.4032879 20.1621583,14.0000238 C20.1621583,10.5967597 17.4032403,7.8378417 13.9999762,7.8378417 Z M13.9999762,18.0000477 C11.7908507,18.0000477 9.99995236,16.2091493 9.99995236,14.0000238 C9.99995236,11.7908983 11.7908507,10 13.9999762,10 C16.2091017,10 18,11.7908983 18,14.0000238 C18,16.2091493 16.2091017,18.0000477 13.9999762,18.0000477 Z M21.8455942,7.59438394 C21.8455942,8.38968246 21.2009145,9.03440967 20.405616,9.03440967 C19.6103175,9.03440967 18.9655903,8.38968246 18.9655903,7.59438394 C18.9655903,6.79908542 19.6103175,6.15440585 20.405616,6.15440585 C21.2009145,6.15440585 21.8455942,6.79908542 21.8455942,7.59438394 Z" id="Shape" fill="#212121" fill-rule="nonzero"></path>
</svg>
</a>
</li>
<li class="social-links__list_item">
<a href="https://www.youtube.com/channel/UCNEHLtAc_JPI84xW8V4XWyw" class="social-links__list_link" aria-label="YouTube">
<svg width="28" height="28">
<path d="M14.3394034,5.00081974 C15.0650046,5.00416663 16.8547629,5.01866982 18.7408249,5.08151696 L19.3085648,5.10185861 L19.3085648,5.10185861 L19.8762758,5.12532402 C21.6678517,5.20481265 23.3716441,5.33464406 24.1578396,5.54670204 C25.2765782,5.84762249 26.157476,6.73428158 26.456476,7.86025886 C26.9532448,9.72604587 26.995825,13.4452634 26.9994747,14.0691357 L26.9994747,14.2486746 C26.995825,14.8725277 26.9532448,18.5916449 26.456476,20.457702 C26.157476,21.5835316 25.2765782,22.4701907 24.1578396,22.7712589 C23.3302654,22.9944175 21.4859633,23.126491 19.5927869,23.2046569 L19.0243355,23.2265266 C16.9417355,23.3010584 14.9171078,23.3148606 14.2386654,23.3174166 L13.7609683,23.3174166 C12.4040836,23.3123047 5.66245741,23.2622078 3.84179414,22.7712589 C2.72320323,22.4701907 1.84215778,21.5835316 1.54315778,20.457702 C1.06191297,18.6499592 1.00691357,15.1031629 1.00062792,14.316078 L1.00062792,14.0017303 C1.00691357,13.2146223 1.06191297,9.66774002 1.54315778,7.86025886 C1.84215778,6.73428158 2.72320323,5.84762249 3.84179414,5.54670204 C5.6210787,5.06678135 12.1001879,5.00801555 13.6602303,5.00081974 Z M11.1612194,10.2011473 L11.1612194,17.7986829 L17.8387126,14.0000603 L11.1612194,10.2011473 Z" id="Combined-Shape" fill="#222321"></path>
</svg>
</a>
</li>
<li class="social-links__list_item">
<a href="https://www.linkedin.com/company/elife-sciences-publications-ltd" class="social-links__list_link" aria-label="LinkedIn">
<svg width="28" height="28">
<path d="M22.3830154,22.3830154 L18.8384,22.3830154 L18.8384,16.832 C18.8384,15.5083077 18.8147692,13.8043077 16.9948308,13.8043077 C15.1486769,13.8043077 14.8662154,15.2465231 14.8662154,16.7356308 L14.8662154,22.3826462 L11.3216,22.3826462 L11.3216,10.9675077 L14.7244308,10.9675077 L14.7244308,12.5275077 L14.7720615,12.5275077 C15.465918,11.3411519 16.7560586,10.632589 18.1294769,10.6835692 C21.7220923,10.6835692 22.3844923,13.0466462 22.3844923,16.1208615 L22.3830154,22.3830154 Z M7.32209231,9.4071385 C6.1860511,9.40734236 5.26494244,8.48656431 5.26473849,7.3505231 C5.26453461,6.21448189 6.18531266,5.29337322 7.32135387,5.29316926 C8.45739508,5.29296537 9.37850375,6.21374341 9.37870773,7.34978462 C9.37880563,7.89533086 9.16218215,8.41857185 8.77649194,8.80440054 C8.39080174,9.19022923 7.86763855,9.40704054 7.32209231,9.4071385 M9.0944,22.3830154 L5.54609231,22.3830154 L5.54609231,10.9675077 L9.0944,10.9675077 L9.0944,22.3830154 Z M24.1501538,2.00147692 L3.76492308,2.00147692 C2.80147497,1.99060441 2.01138912,2.76234691 1.99963077,3.72578462 L1.99963077,24.1955692 C2.01098655,25.1594712 2.80100881,25.9319778 3.76492308,25.9218636 L24.1501538,25.9218636 C25.115975,25.9338359 25.9090911,25.1613738 25.9224615,24.1955692 L25.9224615,3.72430769 C25.9086895,2.75896671 25.1155091,1.98726833 24.1501538,1.9998447" id="Path_2520" fill="#212121" fill-rule="nonzero"></path>
</svg>
</a>
</li>
<li class="social-links__list_item">
<a rel='me' href='https://fediscience.org/@eLife' class='social-links__list_link' aria-label='Mastodon'>
<svg width="28px" height="28px">
<g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group-7" transform="translate(3.000000, 2.000000)" fill="#212121" fill-rule="nonzero">
<g id="mastodon-24px-black">
<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"></path>
</g>
</g>
</g>
</svg>
</a>
</li>
</ul>
</div>
<div class="github-link-wrapper">
<a href="https://github.com/elifesciences" class="github-link">
<svg width="20" height="20">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="github-logo-svg" fill="#000000">
<path d="M9.99907916,1.72084569e-15 C4.47773105,1.72084569e-15 2.22044605e-16,4.5904205 2.22044605e-16,10.2533868 C2.22044605e-16,14.7833822 2.86503576,18.6260419 6.83876117,19.9818304 C7.33908346,20.0762447 7.5214095,19.7596422 7.5214095,19.4877292 C7.5214095,19.2441405 7.512815,18.5996059 7.50790386,17.7442129 C4.72635747,18.3635703 4.13947635,16.3695415 4.13947635,16.3695415 C3.68458209,15.1849574 3.02894503,14.8696139 3.02894503,14.8696139 C2.12099819,14.2338913 3.09770097,14.2464799 3.09770097,14.2464799 C4.10141502,14.3188641 4.62936247,15.30329 4.62936247,15.30329 C5.52134811,16.869937 6.97013414,16.417378 7.53982627,16.1549064 C7.63068234,15.4927479 7.88913104,15.0408184 8.17459099,14.784641 C5.95414224,14.525946 3.6195095,13.6460053 3.6195095,9.7171139 C3.6195095,8.59799041 4.00933116,7.68217225 4.64900703,6.96588286 C4.54587311,6.7065584 4.20270727,5.66359573 4.74722981,4.25241751 C4.74722981,4.25241751 5.5864207,3.97672792 7.4968538,5.30356275 C8.29430001,5.07570971 9.15006599,4.96241262 10.0003069,4.95800662 C10.849934,4.96241262 11.7050861,5.07570971 12.5037601,5.30356275 C14.4129654,3.97672792 15.2509285,4.25241751 15.2509285,4.25241751 C15.7966788,5.66359573 15.453513,6.7065584 15.350993,6.96588286 C15.9918966,7.68217225 16.3786488,8.59799041 16.3786488,9.7171139 C16.3786488,13.6560761 14.0403327,14.5227989 11.8131312,14.7764585 C12.1716443,15.0930609 12.4914822,15.7187126 12.4914822,16.6748142 C12.4914822,18.045709 12.4792044,19.1516145 12.4792044,19.4877292 C12.4792044,19.7621599 12.6596888,20.0812801 13.1667639,19.981201 C17.1374198,18.6222653 20,14.7821233 20,10.2533868 C20,4.5904205 15.5222689,1.72084569e-15 9.99907916,1.72084569e-15" id="Fill-51"></path>
</g>
</g>
</svg>
<div class="github-link--text">Find us on GitHub</div>
</a>
</div>
<div class="carbon-neutral-wrapper">
<a href="https://positiveplanet.uk/company-dashboards/elife-sciences/" class="carbon-neutral-link">
<img src="../../assets/img/patterns/molecules/carbon-neutral.svg" alt="Positive Planet - Certified Carbon Neutral">
</a>
</div>
</div>
<div class="grid-cell">
<div class="site-smallprint">
<small>eLife is a non-profit organisation inspired by research funders and led by scientists. Our mission is to help scientists accelerate discovery by operating a platform for research communication that encourages and recognises the most responsible behaviours in science.</small>
<small>eLife Sciences Publications, Ltd is a limited liability non-profit non-stock corporation incorporated in the State of Delaware, USA, with company number 5030732, and is registered in the UK with company number FC030576 and branch number BR015634 at the address:</small>
<address>
eLife Sciences Publications, Ltd<br>
95 Regent Street<br>
Cambridge CB2 1AW<br>
UK
</address>
</div>
<div class="site-smallprint">
<small>© <time>2016</time> eLife Sciences Publications Ltd. Subject to a <a href="https://creativecommons.org/licenses/by/4.0/" rel="license" class="site-smallprint__copyright_link">Creative Commons Attribution license</a>, except where otherwise noted. ISSN: 2050-084X</small>
</div>
</div>
</div>
</footer>
Site Header
molecules-site-header-title
molecules-site-header-nav-bar
HTML
<header class="site-header clearfix" data-behaviour="SiteHeader" id="siteHeader">
<div class="site-header__title clearfix" role="banner">
<div class="site-header__skip_to_content">
<a href="#maincontent" class="site-header__skip_to_content__link button button--default">Skip to Content</a>
</div>
<a href="#" class="site-header__logo_link">
<picture class="site-header__logo_link_image">
<source srcset="../../assets/img/patterns/organisms/elife-logo-xs.svg" type="image/svg+xml">
<img src="../../assets/img/patterns/organisms/elife-logo-xs@1x.png" alt="eLife logo" class="site-header__logo_link"/>
</picture>
<span class="visuallyhidden" >eLife home page</span>
</a>
</div>
<div class="site-header__navigation" role="navigation" aria-label="Main navigation">
<div class="site-header__navigation__item">
<nav class="nav-primary">
<ul class="nav-primary__list clearfix">
<li class="nav-primary__item nav-primary__item--first">
<a href="#mainMenu">
Menu
</a>
</li>
<li class="nav-primary__item">
<a href="#">
Home
</a>
</li>
<li class="nav-primary__item">
<a href="#">
Magazine
</a>
</li>
<li class="nav-primary__item">
<a href="#">
Community
</a>
</li>
<li class="nav-primary__item">
<a href="#">
About
</a>
</li>
</ul>
</nav>
</div>
<nav class="nav-secondary">
<ul class="nav-secondary__list clearfix">
<li class="nav-secondary__item nav-secondary__item--search">
<a href="#" rel="search">
Search
</a>
</li>
<li class="nav-secondary__item nav-secondary__item--alert">
<a href="#">
Alerts
</a>
</li>
<li class="nav-secondary__item nav-secondary__item--hide-narrow">
<a href="#" class="button button--default button--extra-small" aria-label="Descriptive and accessible name">Submit your research</a>
</li>
</ul>
</nav>
</div>
<div class="search-box" >
<div class="search-box__inner">
<form class="compact-form" id="searchBox" action="/search" method="GET" novalidate>
<fieldset class="compact-form__container">
<label>
<span class="visuallyhidden">Search by keyword or author</span>
<input type="search" name="search" value="" placeholder="Search by keyword or author"
class="compact-form__input"
>
</label>
<button type="reset" name="reset" class="compact-form__reset"><span class="visuallyhidden">Reset form</span></button>
<button type="submit" class="compact-form__submit"><span class="visuallyhidden">Search</span></button>
</fieldset>
</form>
<label class="search-box__search_option_label">
<input type="checkbox" name="subject_filter" value="cell_biology" form="searchBox">Limit my search to Cell biology
</label>
</div>
</div>
</header>