Social accounts layout fixes

This commit is contained in:
Felipe Martín 2015-10-11 10:22:13 +02:00
parent 447ae7a575
commit 08bb8748d3
1 changed files with 16 additions and 10 deletions

View File

@ -8,13 +8,13 @@
<div class="four wide column"> <div class="four wide column">
<img class="ui image small circular bordered" src="{% gravatar this_user 400 %}"><br> <img class="ui image small circular bordered" src="{% gravatar this_user 400 %}"><br>
</div> </div>
<div class="nine wide column"> <div class="eight wide column">
<h2 class="ui header"> <h2 class="ui header">
{{ this_user.username }} {{ this_user.username }}
<div class="sub header"> <div class="sub header">
<a href="https://twitter.com/share?text={% trans "Look at my amiibo collection!" %}" class="twitter-share-button" data-via="amiibofindr">Tweet</a> <a href="https://twitter.com/share?text={% trans "Look at my amiibo collection!" %}" class="twitter-share-button" data-via="amiibofindr">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button" data-action="like" data-show-faces="false" data-share="false"></div> <div class="fb-like" data-layout="button" data-action="like" data-show-faces="false" data-share="false"></div>
</div> </div>
<div class="ui statistics"> <div class="ui statistics">
<div class="statistic no-margin-bottom"> <div class="statistic no-margin-bottom">
@ -36,17 +36,22 @@
</div> </div>
</h2> </h2>
</div> </div>
<div class="ui three wide column right aligned"> <div class="ui four wide column right aligned">
{% get_social_accounts this_user as accounts %} {% get_social_accounts this_user as accounts %}
{% if accounts %} {% if accounts %}
{% for provider, profiles in accounts.items %} <h2>{% trans "Contact me in:" %}</h2>
{% for profile in profiles %} <div class="ui list">
<a class="ui button tiny {{ provider }}" href="{{ profile.get_profile_url }}"> {% for provider, profiles in accounts.items %}
<i class="{{ provider }} icon"></i> {% for profile in profiles %}
{{ profile }} <div class="item">
</a> <a class="ui button tiny {{ provider }}" href="{{ profile.get_profile_url }}">
<i class="{{ provider }} icon"></i>
{{ profile }}
</a>
</div>
{% endfor %}
{% endfor %} {% endfor %}
{% endfor %} </div>
{% endif %} {% endif %}
</div> </div>
{% if user.pk == this_user.pk %} {% if user.pk == this_user.pk %}
@ -55,6 +60,7 @@
{% trans "Want everyone to see your collection? Spread the word!" %} {% trans "Want everyone to see your collection? Spread the word!" %}
<a href="https://twitter.com/share?text={% trans "Look at my amiibo collection!" %}" class="twitter-share-button" data-via="amiibofindr">Tweet</a> <a href="https://twitter.com/share?text={% trans "Look at my amiibo collection!" %}" class="twitter-share-button" data-via="amiibofindr">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<div class="fb-share-button" data-layout="button"></div>
</div> </div>
</div> </div>
{% endif %} {% endif %}