<div class=“floating-header”>
<div class="floating-header-logo"> <a href="{{ site.url }}{{ site.baseurl }}"> {% if site.logo_dark %} <img src="{{ site.baseurl }}{{ site.logo_dark }}" alt="{{ site.title }} icon" /> {% endif %} <span>{{ site.title }}</span> </a> </div> <span class="floating-header-divider">—</span> <div class="floating-header-title">{{ page.title }}</div> <div class="floating-header-share"> <div class="floating-header-share-label">Share this {% include point.html %}</div> <a class="floating-header-share-tw" href="https://twitter.com/share?text={{ page.title | url_encode }}&url={{ site.production_url }}{{ page.url | remove_first: '/' }}" onclick="window.open(this.href, 'share-twitter', 'width=550,height=235');return false;"> {% include twitter.html %} </a> <a class="floating-header-share-fb" href="https://www.facebook.com/sharer/sharer.php?u={{ site.production_url }}{{ page.url | remove_first: '/' }}" onclick="window.open(this.href, 'share-facebook','width=580,height=296');return false;"> {% include facebook.html %} </a> </div> <progress class="progress" value="0"> <div class="progress-container"> <span class="progress-bar"></span> </div> </progress>
</div>