{% extends "experiment/Instrument.html" %}
{% load otree static %}

{% block title %}
    Article
{% endblock %}

{% block content %}

<div class="card bg-light">
    <div class="card-body">
        <table align="center" cellpadding="0" cellspacing="0" style="width:690px">
            <tr>
                <td colspan="2">
                    <h2>Foreign cyber operations against Canadian servers</h2>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <br/><br/>
                    By John Smith
                    <br/>
                    Technology desk editor
                    <br/><br/>
            <tr>
                <td>
                    <p style="font-size:12px">{{ day }} {{ month }} {{ year }}</p>
                </td>
                <td>
                    <img src="https://i.imgur.com/islfQIF.jpg" style="width:25px;height:25px;"/>
                    <img src="https://i.imgur.com/QqcltpO.jpg"  style="width:25px;height:25px;"/>
                    <img src="https://i.imgur.com/niP8ped.png"  style="width:25px;height:25px;"/>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <hr/>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <img src="https://i.imgur.com/JpwcyEB.jpg" style="width:690px;height:300px;"/>
                </td>
            </tr>
            <tr>
                <td style="background-color:black" colspan="3">
                    <br/>
                    <p style="color:white; font-size:12px" align="justify">More than 10 separate operations are identified in the leaked
                        document.</p>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <br/>
                    <p align="justify">
                        A document listing cyber operations by a foreign government has been leaked online.
                    </p>
                    <p align="justify">
                        The document reveals that the Canadian government
                        {% if player.supportive %}
                            authorized
                        {% else %}
                            did not authorize
                        {% endif %}
                        {% if player.partner %}
                            the cyber operations launched by an allied country to disrupt the online activities of
                        {% else %}
                            the cyber operations launched by a non-allied country to disrupt the online activities of
                        {% endif %}
                        {% if player.state %}
                            an aggressive foreign government.
                        {% else %}
                            a terrorist organization.
                        {% endif %}
                        <br/>
                        <br/>
                        These operations targeted servers located in Canada which were infected with malware
                        {% if player.state %}
                         planted by an aggressive foreign government
                        {% else %}
                         planted by a terrorist organization
                        {% endif %}
                        and used against other countries.
                    </p>
                    <p align="center">
                        ............
                    </p>
                    <br/>
                    <br/>
                </td>
            </tr>
        </table>
        <br/>
        <p align="right">
            <button>Next Page</button>
        </p>
    </div>
</div>
<br>

{% endblock %}