Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature may not be available in some browsers.
<xf:if contentcheck="true">
<div class="actionBar-set actionBar-set--external">
<xf:contentcheck>
<xf:react content="{$article}" link="ams/react" list="< .js-articleBody | .js-reactionsList" />
</xf:contentcheck>
</div>
</xf:if>
<div class="reactionsBar js-reactionsList {{ $article.reactions ? 'is-active' : '' }}">
<xf:reactions content="{$article}" link="ams/reactions" />
</div>
<xf:if contentcheck="true">
<div class="actionBar-set actionBar-set--external">
<xf:contentcheck>
<xf:react content="{$description}" link="resources/update/react" list="< .js-resourceBody | .js-reactionsList" />
</xf:contentcheck>
</div>
</xf:if>
<div class="reactionsBar js-reactionsList {{ $description.reactions ? 'is-active' : '' }}">
<xf:reactions content="{$description}" link="resources/update/reactions" />
</div>
<xf:if contentcheck="true">
<div class="actionBar-set actionBar-set--external">
<xf:contentcheck>
<xf:react content="{$update}" link="resources/update/react" list="< .js-resourceUpdate | .js-reactionsList" />
</xf:contentcheck>
</div>
</xf:if>
<div class="reactionsBar js-reactionsList {{ $update.reactions ? 'is-active' : '' }}">
<xf:reactions content="{$update}" link="resources/update/reactions" />
</div>
<xf:if contentcheck="true">
<div class="actionBar-set actionBar-set--external">
<xf:contentcheck>
<xf:react content="{$album}" link="media/albums/react" list="< .block | .js-reactionsList" />
</xf:contentcheck>
</div>
</xf:if>
<div class="reactionsBar js-reactionsList {{ $album.reactions ? 'is-active' : '' }}">
<xf:reactions content="{$album}" link="media/albums/reactions" />
</div>
<xf:if contentcheck="true">
<div class="actionBar-set actionBar-set--external">
<xf:contentcheck>
<xf:react content="{$mediaItem}" link="media/react" list="< .js-mediaInfoBlock | .js-reactionsList" />
</xf:contentcheck>
</div>
</xf:if>
<div class="reactionsBar js-reactionsList {{ $mediaItem.reactions ? 'is-active' : '' }}">
<xf:reactions content="{$mediaItem}" link="media/reactions" />
</div>
<xf:contentcheck>
<xf:react content="{$post}" link="posts/react" list="< .js-post | .js-reactionsList" />
</xf:contentcheck>
<div class="reactionsBar js-reactionsList {{ $post.reactions ? 'is-active' : '' }}">
<xf:reactions content="{$post}" link="posts/reactions" />
</div>
<div class="actionBar-set actionBar-set--external">
<xf:contentcheck>
<xf:react content="{$message}" link="conversations/messages/react" list="< .js-message | .js-reactionsList" />
<div class="reactionsBar js-reactionsList {{ $message.reactions ? 'is-active' : '' }}">
<xf:reactions content="{$message}" link="conversations/messages/reactions" />
</div>