clients.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51

---
layout: default
title: XMPP Client List
permalink: /clients/
---


        <div class="jumbotron">
            <div class="row">
            <div class="col-md-4">
                <center><span class="fa fa-cloud-download" style="font-size:100px;" aria-hidden="true"></span></center>
            </div>
            <div class="col-md-8 float-md-right site-title">
                <h1>XMPP Client List</h1>
            </div>
            </div>
        </div>


<div class="container offsetanchor" id="clients">
    {% for type in site.data.clienttypes %}
    <hr class="my-4">
    <center><span class="fa {{ type.icon }}" style="font-size:100px;padding-top:70px;" aria-hidden="true"></span><h2 style="padding:20px 0;font-size:3em;">{{ type.name }}</h2></center>
    <div class="row">
        <div class="client-{{ type.slug }}">
            <div class="row">
                {% for client in site.data.clients %}
                {% if client.type == type.slug %}
                <div class="col-md-4">
                    <div class="card">
                        {% if client.img %}
                        <img class="card-img-top" src="{{ site.url }}/assets/img/clients/{{ client.img }}"/>
                        {% endif %}
                        <div class="card-body">
                            <center><h3 class="card-title">{{ client.name }}</h3></center>
                            <ul class="list-group-flush card-text" style="padding-left:unset;">
                                <li class="list-group-item"><b>Platform:</b> {{ client.platform }}</li>
                                <li class="list-group-item"><b>Encryption:</b> {{ client.encryption }}</li>
                                <li class="list-group-item"><b>Website:</b> <a href="{{ client.url }}">{{ client.domain }}</a></li>
                                {% if client.text %}<li class="list-group-item">{{ client.text }}</li>{% endif %}
                            </ul>
                        </div><!-- end class card-body -->
                     </div><!-- end class card -->
                </div><!-- end class col-md-4 -->
                {% endif %}
                {% endfor %}
            </div><!-- end class row -->
        </div><!-- end class client-{{ type.slug }} -->
    </div><!-- end class row -->
    {% endfor %}
</div><!-- end id clients -->