Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-07-31 15:34:39 +04:00
Code Issues Projects Releases Wiki Activity

homepage fixes

Browse Source
This commit is contained in:
codecalm
2020-02-18 19:40:29 +01:00
parent 97c63d186b
commit 5b71b4d96a
15 changed files with 102 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_includes/cards/social-traffic.html
+9 -57
View File
@@ -1,3 +1,4 @@
{% assign services = 'Instagram:3550,Twitter:1798,Facebook:1245,Pinterest:854,VK:650' | split: ',' %}
<div class="card">
<div class="card-header">
<h4 class="card-title">Social Media Traffic</h4>
@@ -9,69 +10,20 @@
<th colspan="2">Visitors</th>
</tr>
</thead>
<tbody>
{% for service in services %}
{% assign s = service | split: ':' %}
<tr>
<td>Instagram</td>
<td>3,550</td>
<td>{{ s[0] }}</td>
<td>{{ s[1] | format_number }}</td>
<td class="w-50">
<div class="progress progress-xs">
<div class="progress-bar bg-primary" style="width: 76%"></div>
</div>
</td>
</tr>
<tr>
<td>Twitter</td>
<td>1,789</td>
<td class="w-50">
<div class="progress progress-xs">
<div class="progress-bar bg-primary" style="width: 62%"></div>
</div>
</td>
</tr>
<tr>
<td>Facebook</td>
<td>1,245</td>
<td class="w-50">
<div class="progress progress-xs">
<div class="progress-bar bg-primary" style="width: 46%"></div>
</div>
</td>
</tr>
<tr>
<td>Pinterest</td>
<td>854</td>
<td class="w-50">
<div class="progress progress-xs">
<div class="progress-bar bg-primary" style="width: 26%"></div>
</div>
</td>
</tr>
<tr>
<td>VK</td>
<td>650</td>
<td class="w-50">
<div class="progress progress-xs">
<div class="progress-bar bg-primary" style="width: 20%"></div>
</div>
</td>
</tr>
<tr>
<td>Pinterest</td>
<td>95</td>
<td class="w-50">
<div class="progress progress-xs">
<div class="progress-bar bg-primary" style="width: 6%"></div>
</div>
</td>
</tr>
<tr>
<td>Pinterest</td>
<td>95</td>
<td class="w-50">
<div class="progress progress-xs">
<div class="progress-bar bg-primary" style="width: 6%"></div>
<div class="progress-bar bg-primary" style="width: {{ s[1] | divided_by: 5000.0 | times: 100 }}%"></div>
</div>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>