myCar/templates/index.html

{% extends 'base.html' %}
{% block content %}


<h1>Statuspage</h1>

<div class="pure-g">
    <div class="pure-u-1-3">
        {% if bt_ctrl_isactive == True %}
            <div class="pure-g">
                <div class="pure-u-1-2"><img src="{{ url_for('static', filename='img/wireless_2_green.png') }}" class="pure-img"></div>
                <div class="pure-u-1-2 myCar-text-green">Bluetooth Controller</div>
            </div>
        {% else %}
            <div class="pure-g">
                <div class="pure-u-1-2"><img src="{{ url_for('static', filename='img/wireless_2_red.png') }}" class="pure-img"></div>
                <div class="pure-u-1-2 myCar-text-red">Bluetooth Controller</div>
            </div>
        {% endif %}
    </div>

    <div class="pure-u-1-3">
        {% if wlan_ctrl_isactive == True %}
            <div class="pure-g">
                <div class="pure-u-1-2"><img src="{{ url_for('static', filename='img/wireless_green.png') }}" class="pure-img"></div>
                <div class="pure-u-1-2 myCar_text_green">Wireless Network</div>
            </div>
        {% else %}
            <div class="pure-g">
                <div class="pure-u-1-2"><img src="{{ url_for('static', filename='img/wireless_red.png') }}" class="pure-img"></div>
                <div class="pure-u-1-2 myCar-text-red">Wireless Network</div>
            </div>
        {% endif %}
    </div>
    <div class="pure-u-1-3">
        {% if gps_ctrl_isactive == True %}
            <div class="pure-g">
                <div class="pure-u-1-2"><img src="{{ url_for('static', filename='img/location_green.png') }}" class="pure-img"></div>
                <div class="pure-u-1-2 myCar-text-green">GPS Receiver</div>
            </div>
        {% else %}
            <div class="pure-g">
                <div class="pure-u-1-2"><img src="{{ url_for('static', filename='img/location_red.png') }}" class="pure-img"></div>
                <div class="pure-u-1-2 myCar-text-red">GPS Receiver</div>
            </div>
         {% endif %}
    </div>
</div>

{% endblock %}