tweet challenge

challenge.html

<div class="points-wrap pt-toggle-challenge-{{ challenge.id }}">
    <div class="box panel content external pt-toggle-on">
        <div class="row">
            <div class="title">
                <div class="column small-9 large-9">
                    <h3 class="left">{% widget "text" "title" %}</h3>
                </div>
                <div class="column small-3 large-3">
                    <h3 class="right points-total"><span class="hide-on-success">+</span>{% widget "text" "points" %}</h3>
                </div>
            </div>
            <div class="columns large-2 no-pad small-4 clear" data-reveal-id="modal-challenge-{{ challenge.id }}">
                {% widget "image" "thumbnail" %}
            </div>
            <div class="columns large-10 small-8">
                <p class="share-text">{% widget "text" "description" %}</p>
                <div class="social-btns hide-on-success">
                    <ul>
                        <li class="tweet">{% widget "tweet" "tweet" %}</li>
                    </ul>
                </div>
            </div>
            <div class="columns large-2 challenge-icon text-right">
                <img src="//campaign.punchtab.com/static/vikings/images/icons/[email protected]" alt="">
            </div>
        </div>
    </div>
</div>
<div id="modal-challenge-{{ challenge.id }}" class="reveal-modal large">
    {% widget "image" "large-image" %}
    <a class="close-reveal-modal"><img src="//campaign.punchtab.com/static/vikings/images/[email protected]"></a>
</div>

<img src='//test.punchtab.com:8000/static/img/empty.gif' onload="PT.action.activity.register('challenge-{{ challenge.id }}', ['tweet', {points: {{ challenge.params.points.text }}, ref_id: '{{ challenge.params.tweet.ref_id }}'}], 'pt-toggle-challenge-{{ challenge.id }}');PT.widget.tweet.init(PT.dom.getFirstElementByClassName('pt-toggle-challenge-{{ challenge.id }}'), true);">