mirror of
https://git.linux-kernel.at/oliver/ivatar.git
synced 2025-11-17 21:48:02 +00:00
Style the images nicer with Font Awesome and titles for these.
This commit is contained in:
@@ -33,30 +33,89 @@
|
|||||||
{% endif %}
|
{% endif %}
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<ul class="horizontal-list avatar-list centered">
|
<ul class="horizontal-list avatar-list centered" style="font-size:smaller;">
|
||||||
{% if mailurl %}
|
{% if mailurl %}
|
||||||
<li>
|
<li>
|
||||||
<img src="{{ mailurl }}" style="max-width: {{ size }}px; max-height: {{ size }}px;">
|
<div style="float:left;">
|
||||||
<br/>
|
<a href="{{ mailurl }}">
|
||||||
MD5
|
<img src="{{ mailurl }}" style="max-width: {{ size }}px; max-height: {{ size }}px;">
|
||||||
|
</a>
|
||||||
|
<div style="float:inline-end; font-size:{% widthratio size 3 1 %}px;">
|
||||||
|
<i class="fas fa-unlock" title="None-SSL connection (http)"></i>
|
||||||
|
<br/>
|
||||||
|
<i class="fas fa-at" title="mail: {{ form.mail.value }}"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br/>MD5
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<img src="{{ mailurl_secure }}" style="max-width: {{ size }}px; max-height: {{ size }}px;">
|
<div style="float:left;">
|
||||||
<br/>
|
<a href="{{ mailurl_secure }}">
|
||||||
MD5 <img src="{% static 'img/https_lock.png' %}">
|
<img src="{{ mailurl_secure }}" style="max-width: {{ size }}px; max-height: {{ size }}px;">
|
||||||
|
</a>
|
||||||
|
<div style="float:inline-end; font-size:{% widthratio size 3 1 %}px;">
|
||||||
|
<i class="fas fa-lock" title="Secure connection (https)"></i>
|
||||||
|
<br/>
|
||||||
|
<i class="fas fa-at" title="mail: {{ form.mail.value }}"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br/>MD5
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<div style="float:left;">
|
||||||
|
<a href="{{ BASE_URL }}{{ mail_hash256 }}?s={{ size }}">
|
||||||
|
<img src="{{ BASE_URL }}{{ mail_hash256 }}?s={{ size }}" style="max-width: {{ size }}px; max-height: {{ size }}px;">
|
||||||
|
</a>
|
||||||
|
<div style="float:inline-end; font-size:{% widthratio size 3 1 %}px;">
|
||||||
|
<i class="fas fa-unlock" title="None-SSL connection (http)"></i>
|
||||||
|
<br/>
|
||||||
|
<i class="fas fa-at" title="mail: {{ form.mail.value }}"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br/>SHA256
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div style="float:left;">
|
||||||
|
<a href="{{ SECURE_BASE_URL }}{{ mail_hash256 }}?s={{ size }}">
|
||||||
|
<img src="{{ SECURE_BASE_URL }}{{ mail_hash256 }}?s={{ size }}" style="max-width: {{ size }}px; max-height: {{ size }}px;">
|
||||||
|
</a>
|
||||||
|
<div style="float:inline-end; font-size:{% widthratio size 3 1 %}px;">
|
||||||
|
<i class="fas fa-lock" title="Secure connection (https)"></i>
|
||||||
|
<br/>
|
||||||
|
<i class="fas fa-at" title="mail: {{ form.mail.value }}"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br/>SHA256
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if openidurl %}
|
{% if openidurl %}
|
||||||
<li>
|
<li>
|
||||||
<img src="{{ openidurl }}" style="max-width: {{ size }}px; max-height: {{ size }}px;">
|
<div style="float:left;">
|
||||||
<br/>
|
<a href="{{ openidurl }}">
|
||||||
SHA256
|
<img src="{{ openidurl }}" style="max-width: {{ size }}px; max-height: {{ size }}px;">
|
||||||
|
</a>
|
||||||
|
<div style="float:inline-end; font-size:{% widthratio size 3 1 %}px">
|
||||||
|
<i class="fas fa-unlock" title="None-SSL connection (http)"></i>
|
||||||
|
<br/>
|
||||||
|
<i class="fab fa-openid" title="openid: {{ form.openid.value }}"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br/>SHA256
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<img src="{{ openidurl_secure }}" style="max-width: {{ size }}px; max-height: {{ size }}px;">
|
<div style="float:left;">
|
||||||
<br/>
|
<a href="{{ openidurl_secure }}">
|
||||||
SHA256 <img src="{% static 'img/https_lock.png' %}">
|
<img src="{{ openidurl_secure }}" style="max-width: {{ size }}px; max-height: {{ size }}px;">
|
||||||
|
</a>
|
||||||
|
<div style="float:inline-end; font-size:{% widthratio size 3 1 %}px">
|
||||||
|
<i class="fas fa-lock" title="Secure connection (http)"></i>
|
||||||
|
<br/>
|
||||||
|
<i class="fab fa-openid" title="openid: {{ form.openid.value }}"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br/>SHA256
|
||||||
</li>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
Reference in New Issue
Block a user