{% extends "ExperimentRT/Page.html" %}
{% load otree %}


{% block title %}
Twitter News Study
{% endblock %}


{% block content %}
<h1 style="font-size:40px;">Twitter News Study</h1>
<p>
    You selected <a href="https://www.twitter.com/{{selected_publisher}}" target="_blank" style="color: royalblue">@{{selected_publisher}}</a>.
    Below are <a href="https://www.twitter.com/{{selected_publisher}}" target="_blank" style="color: royalblue">@{{selected_publisher}}</a>'s latest tweets.
    <b>We encourage to follow this publisher to enrich your news diet
    by clicking on the button “Follow on Twitter”.</b> You will be redirected to Twitter to
    confirm your follow (you can always unfollow the page at any time). Please return to this
    page after doing so to complete the survey to be eligible for participating in the lottery.
</p>


<!--{% if public_treatment %}
<p>
    <b>Please remember to be eligible for the additional bonus lottery you must retweet at least one article by
    <a href="https://www.twitter.com/{{selected_publisher}}" target="_blank" style="color: royalblue">@{{selected_publisher}}</a>.</b>
    This is optional, and you can always decline to retweet and still be eligible for participating in the first
    bonus lottery once you complete the survey. <b>If you decide to participate and retweet, our servers will
    verify the retweet is not deleted after one week to be eligible for the bonus.</b>
</p>
-->
<!--{% endif %}-->
<p>
    Once you finish, please click "Next" at the end of this page to finish the survey.

</p>

<div id="twitter_timeline_row" class="row overflow-auto justify-content-md-center" style="height: 60vh">
    <div id="twitter_timeline_container" class="col-8 overflow-auto">
        <a id="twitter_timeline" class="twitter-timeline" href="https://twitter.com/{{selected_publisher}}?ref_src=twsrc%5Etfw" style="color: royalblue" onclick="add2log({'data': 'clicked_publisher_timeline'}, 'clicked_publisher');">Tweets by {{selected_publisher}}</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
    </div>
</div>

<br><br>

{% next_button %}
<br><br>
<footer class="text-muted">
     <div class="container">
        <p>This study is conducted by researchers at MIT. For help please contact <a href="mailto:NewsConsumptionProject@mit.edu" style="color: blue">NewsConsumptionProject@mit.edu</a></p>
    </div>
</footer>

{% endblock %}

{% block scripts %}
<script>
</script>

{% endblock %}