38 lines
1.7 KiB
Handlebars
38 lines
1.7 KiB
Handlebars
{{#if url}}
|
|
<a href="{{url}}" class="site-card{{#if style}} site-card-{{style}}{{/if}}"
|
|
{{#if external}}target="_blank" rel="noopener"{{/if}}
|
|
data-type="site"
|
|
data-name="{{name}}"
|
|
data-url="{{url}}"
|
|
data-icon="{{#if icon}}{{icon}}{{else}}fas fa-link{{/if}}"
|
|
data-description="{{#if description}}{{description}}{{else}}{{extractDomain url}}{{/if}}">
|
|
<div class="site-card-icon" aria-hidden="true">
|
|
{{#ifEquals @root.icons.mode "favicon"}}
|
|
{{#ifHttpUrl url}}
|
|
<div class="icon-container">
|
|
<i class="fas fa-circle-notch fa-spin icon-placeholder" aria-hidden="true"></i>
|
|
<img
|
|
class="favicon-icon"
|
|
src="https://t3.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url={{encodeURIComponent url}}&size=32"
|
|
alt="{{name}} favicon"
|
|
loading="lazy"
|
|
onload="this.classList.add('loaded'); this.previousElementSibling.classList.add('hidden');"
|
|
onerror="this.classList.add('error'); this.previousElementSibling.classList.add('hidden'); this.nextElementSibling.classList.add('visible');"
|
|
/>
|
|
<i class="{{#if icon}}{{icon}}{{else}}fas fa-link{{/if}} icon-fallback" aria-hidden="true"></i>
|
|
</div>
|
|
{{else}}
|
|
<i class="{{#if icon}}{{icon}}{{else}}fas fa-link{{/if}} site-icon" aria-hidden="true"></i>
|
|
{{/ifHttpUrl}}
|
|
{{else}}
|
|
<i class="{{#if icon}}{{icon}}{{else}}fas fa-link{{/if}} site-icon" aria-hidden="true"></i>
|
|
{{/ifEquals}}
|
|
</div>
|
|
|
|
<div class="site-card-content">
|
|
<h3>{{#if name}}{{name}}{{else}}未命名站点{{/if}}</h3>
|
|
<p>{{#if description}}{{description}}{{else}}{{extractDomain url}}{{/if}}</p>
|
|
</div>
|
|
</a>
|
|
{{/if}}
|