oly
/
hackspace
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improved page styling for members page

This commit is contained in:
Sam Collins 2017-03-15 09:01:42 +00:00
parent 7a5d515661
commit b31d6397e6
No known key found for this signature in database
GPG Key ID: 233C5943C800FE30
1 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
mhackspace/templates/pages/members.html
View File

@ -3,22 +3,34 @@
<div class="row"> <div class="row">
<div class="col-md-4"><h1>Hackspace Members</h1></div> <div class="col-md-6"><h1>Hackspace Members</h1></div>
<div class="col-md-4"><a href="#">Total Users <span class="badge badge-default">{{ paginator.count }}</span></a></div> <div class="col-md-6">
<div class="col-md-4"><a href="#">Total Members <span class="badge badge-success">{{ total }}</span></a></div> <ul class="nav nav-pills">
<li class="nav-item">
<a class="nav-link active" href="#">All users <span class="badge badge-default">{{ paginator.count }}</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">All members <span class="badge badge-success">{{ total }}</span></a>
</li>
</ul>
</div>
</div> </div>
<br /> <br />
<div class="card-columns" id="feeds"> <div id="members">
<div class="card-deck"> <div class="card-deck">
{% for member in members %} {% for member in members %}
<div class="card"> <div class="card">
{% if member.image %} {% if member.image %}
<img class="card-img-top img-responsive" src="{{ MEDIA_URL }}{{ member.image }}" alt="Card image cap" style="width:100%"> <img class="card-img-top img-fluid" src="{{ MEDIA_URL }}{{ member.image }}" alt="{{ member.name }}">
{% endif %} {% endif %}
<div class="card-block"> <div class="card-block">
{% if member.name %}
<h4 class="card-title">{{ member.name }}</h4> <h4 class="card-title">{{ member.name }}</h4>
{% else %}
<h4 class="card-title">{{ member.username }}</h4>
{% endif %}
<p class="card-text">{{ member.users.description }}</p> <p class="card-text">{{ member.users.description }}</p>
<p class="card-text">{{ member.users.skills }}</p> <p class="card-text">{{ member.users.skills }}</p>
<p class="card-text">{{ member.status }}</p> <p class="card-text">{{ member.status }}</p>