prepare-vms/cards.html

{# Feel free to customize or override anything in there! #}
{%- set url = "http://container.training/" -%}
{%- set pagesize = 12 -%}
{%- if clustersize == 1 -%}
    {%- set workshop_name = "Docker workshop" -%}
    {%- set cluster_or_machine = "machine" -%}
    {%- set this_or_each = "this" -%}
    {%- set machine_is_or_machines_are = "machine is" -%}
    {%- set image_src = "https://s3-us-west-2.amazonaws.com/www.breadware.com/integrations/docker.png" -%}
{%- else -%}
    {%- set workshop_name = "orchestration workshop" -%}
    {%- set cluster_or_machine = "cluster" -%}
    {%- set this_or_each = "each" -%}
    {%- set machine_is_or_machines_are = "machines are" -%}
    {%- set image_src_swarm = "https://cdn.wp.nginx.com/wp-content/uploads/2016/07/docker-swarm-hero2.png" -%}
    {%- set image_src_kube = "https://avatars1.githubusercontent.com/u/13629408" -%}
    {%- set image_src = image_src_swarm -%}
{%- endif -%}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><style>
body, table {
    margin: 0;
    padding: 0;
    line-height: 1em;
    font-size: 14px;
}

table {
    border-spacing: 0;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
    border-left: 0.8em double grey;
    padding-left: 0.4em;
}

div {
    float: left;
    border: 1px dotted black;
    padding-top: 1%;
    padding-bottom: 1%;
    /* columns * (width+left+right) < 100% */
    width: 21.5%;
    padding-left: 1.5%;
    padding-right: 1.5%;
}

p {
    margin: 0.4em 0 0.4em 0;
}

img {
    height: 4em;
    float: right;
    margin-right: -0.4em;
}

.logpass {
    font-family: monospace;
    font-weight: bold;
}

.pagebreak {
    page-break-after: always;
    clear: both;
    display: block;
    height: 8px;
}
</style></head>
<body>
{% for cluster in clusters %}
    {% if loop.index0>0 and loop.index0%pagesize==0 %}
        <span class="pagebreak"></span>
    {% endif %}
    <div>

        <p>
            Here is the connection information to your very own
            {{ cluster_or_machine }} for this {{ workshop_name }}.
            You can connect to {{ this_or_each }} VM with any SSH client.
        </p>
        <p>
            <img src="{{ image_src }}" />
            <table>
                <tr><td>login:</td></tr>
                <tr><td class="logpass">docker</td></tr>
                <tr><td>password:</td></tr>
                <tr><td class="logpass">training</td></tr>
            </table>

        </p>
        <p>
            Your {{ machine_is_or_machines_are }}:
            <table>
                {% for node in cluster %}
                <tr><td>node{{ loop.index }}:</td><td>{{ node }}</td></tr>
                {% endfor %}
            </table>
        </p>
        <p>You can find the slides at:
            <center>{{ url }}</center>
        </p>
    </div>
{% endfor %}
</body>
</html>