9b56779ca6
no issue - using an `id` selector doesn't break if other `progress` elements are present on a page
28 lines
1.2 KiB
Handlebars
28 lines
1.2 KiB
Handlebars
<div class="floating-header">
|
|
<div class="floating-header-logo">
|
|
<a href="{{@blog.url}}">
|
|
{{#if @blog.icon}}
|
|
<img src="{{@blog.icon}}" alt="{{@blog.title}} icon" />
|
|
{{/if}}
|
|
<span>{{@blog.title}}</span>
|
|
</a>
|
|
</div>
|
|
<span class="floating-header-divider">—</span>
|
|
<div class="floating-header-title">{{title}}</div>
|
|
<div class="floating-header-share">
|
|
<div class="floating-header-share-label">Share this {{> "icons/point"}}</div>
|
|
<a class="floating-header-share-tw" href="https://twitter.com/share?text={{encode title}}&url={{url absolute="true"}}"
|
|
onclick="window.open(this.href, 'share-twitter', 'width=550,height=235');return false;">
|
|
{{> "icons/twitter"}}
|
|
</a>
|
|
<a class="floating-header-share-fb" href="https://www.facebook.com/sharer/sharer.php?u={{url absolute="true"}}"
|
|
onclick="window.open(this.href, 'share-facebook','width=580,height=296');return false;">
|
|
{{> "icons/facebook"}}
|
|
</a>
|
|
</div>
|
|
<progress id="reading-progress" class="progress" value="0">
|
|
<div class="progress-container">
|
|
<span class="progress-bar"></span>
|
|
</div>
|
|
</progress>
|
|
</div>
|