{{ extends "law_study/Page.html" }}
{{ block title }}
Einführung
{{ endblock }}
{{ block content }}
<input type="hidden" name="is_mobile" id="is_mobile">
<div>
    <p>
        Herzlich willkommen und vielen Dank für Ihre Teilnahme an unserer wissenschaftlichen Studie zu
        <b>"Technologie und juristische Entscheidungsfindung"</b> der Professur für Strafrecht und Professur für Wirtschaftsinformatik der Goethe-Universität Frankfurt!
        <br>
        Bitte beantworten Sie alle Fragen sorgfältig und wahrheitsgemäß.
        Die Bearbeitung sollte etwa 25 Minuten in Anspruch nehmen und ohne Unterbrechungen durchgeführt werden.
        Bitte bearbeiten Sie die Studie <b>alleine</b>.
        <br>
        <br>
        <b><u>Was habe ich davon?</u></b>
        <br>
        Sie erhalten <b>15 Euro</b> für die Teilnahme an der Studie. Am Ende der Studie wird für Sie eine einzigartige ID generiert, die einmalig gegen 15 Euro eingetauscht werden kann.
        Nähere Informationen finden Sie auf der letzten Seite der Studie.
        <br>
        <br>
        <b>Datenschutz:</b> Die Ergebnisse dieser Studie sollen in wissenschaftlichen Zeitschriften veröffentlicht werden.
        Wir werden keine Informationen veröffentlichen, die Sie identifizieren würden.
        Ihre Privatsphäre wird geschützt und Ihre Forschungsunterlagen werden vertraulich behandelt.
    </p>
</div>

<div><b>Einverständnis:</b> {{ formfield "consent" }}</div>
<br>
<div class="treatment">
    {{ if player.treatment_peer }}
    <h3>
        Aufbau des Experiments
    </h3>
    <table class="pic" style="text-align: left">
        <tr>
            <td>
                <p>Versetzen Sie sich in die <b>Position eines Strafrichters bzw. einer Strafrichterin.</b></p>
            </td>
            <td></td>
        </tr>
        <tr>
            <td><b>Teil 1:</b></td>
            <td style="width:15%;vertical-align: top" rowspan="2"><img src="{{ static 'global/law_hammer.png' }}" style="width: 100%" /></td>
        </tr>
        <tr>
            <td style="vertical-align: top">
                Im ersten Teil entscheiden Sie als Einzelrichter*in am Amtsgericht Frankfurt am Main im Rahmen der Hauptverhandlung über die <b>Strafzumessung</b> (Strafmaß) und <b>Strafaussetzung zur Bewährung</b> (Aussetzung der Strafvollstreckung).
                </td>
        </tr>
    </table>
    <br>
    <table class="pic" style="text-align: left">
        <tr>
            <td style="width:15%; vertical-align: top" rowspan="2"> <img src="{{ static 'global/group-discussion.png' }}" style="width: 100%"/></td>
            <td><b>Teil 2:</b></td>
        </tr>
        <tr>
            <td style="vertical-align: top">
                Bereits in der Hauptverhandlung rügen sowohl der Strafverteidiger des Angeklagten als auch der Staatsanwalt einige Verfahrensfehler und kündigen an, Revision einzulegen. Dies führt dazu, dass <b>Ihre Urteilsbegründung zur Strafaussetzung</b> vom Oberlandesgericht (OLG) Frankfurt am Main als <b>Sprungrevision auf Rechtsfehler hin überprüft wird</b>.
                <br>
                <br>
                Diese nächsthöhere Instanz besteht aus drei Richter*innen und
                <ul>
                    <li>entscheidet, ob Ihr Urteil <b>aufrechterhalten wird</b>,</li>
                    <li>entscheidet, ob Ihr Urteil <b>aufgehoben</b> und an das Amtsgericht zur erneuten Entscheidung <b>zurückverwiesen</b> wird, oder</li>
                    <li>entscheidet <b>in eigener Sache selbst</b>, wenn die Aufhebung des Urteils nur wegen Gesetzesverletzung bei Anwendung des Gesetzes auf die dem Urteil zugrundeliegenden Feststellungen erfolgt.</li>
                </ul>
                <br>
                Es werden keine tiefgreifenden Kenntnisse im Strafprozessrecht oder der Praxis vorausgesetzt.
                <br>
                <br>
                Alle notwendigen Informationen einschließlich relevanter Gesetze werden Ihnen zur Verfügung gestellt.
            </td>
        </tr>
    </table>
    {{ else }}
    <h3>
        Aufbau des Experiments
    </h3>
    <table class="pic" style="text-align: left">
        <tr>
            <td><p>Versetzen Sie sich in die <b>Position eines Strafrichters bzw. einer Strafrichterin.</b></p></td>
            <td style="width:15%"></td>
        </tr>
        <tr>
            <td>
                Als Einzelrichter*in am Amtsgericht Frankfurt am Main entscheiden Sie im Rahmen der Hauptverhandlung über die <b>Strafzumessung</b> (Strafmaß) und <b>Strafaussetzung zur Bewährung</b> (Aussetzung der Strafvollstreckung).
                <br>
                <br>
                Es werden keine tiefgreifenden Kenntnisse im Strafprozessrecht oder der Praxis vorausgesetzt.
                <br>
                <br>
                Alle notwendigen Informationen einschließlich relevanter Gesetze werden Ihnen zur Verfügung gestellt.
            </td>
            <td style="width:15%;vertical-align: top"><img src="{{ static 'global/law_hammer.png' }}" style="width: 100%" /></td>
        </tr>
    </table>
    {{ endif }}
</div>
<br>
<div>
    {{ if player.treatment_peer }}
    <b>Aufgabe:</b>
        {{ formfield 'manipulation_check' }}
    {{ endif }}
</div>
<br>
<div>
    <p>
        Nähere Informationen finden Sie auf den nachfolgenden Seiten. Klicken Sie dazu bitte auf die "Weiter" Taste.
    </p>
    <p>
        <i>(Hinweis: Sobald Sie auf „Weiter“ klicken, können Sie nicht mehr auf die vorherige Seite zurückkehren.
            Vermeiden Sie bitte, die Seite zu aktualisieren oder auf eine Seite zurück zu klicken, da Sie ansonsten Ihre Angaben erneut machen müssten.)
        </i>
    </p>
</div>
<script>
    function isMobile() {
        const toMatch = [
            /Android/i,
            /iPhone/i,
            /iPad/i,
        ];

        return toMatch.some((toMatchItem) => {
            return navigator.userAgent.match(toMatchItem);
        });
    }

    // here is an alternative technique that checks screen resolution
    // function isMobile() {
    //     return ((window.innerWidth <= 800) && (window.innerHeight <= 600));
    // }

    document.getElementById('is_mobile').value = isMobile() ? 1 : 0;

</script>
<!--<p>-->
<!--    <div id="Sachverhalt" style="display:none" class="note">-->
<!--        ** Einführungstext ** <br>-->
<!--        Herzlich willkommen und vielen Dank für Ihre Teilnahme an unserer wissenschaftlichen Studie! <br>-->
<!--        Unsere Studie beschäftigt sich mit dem Thema "Der Einsatz von Technologien in der Strafjustiz". <br>-->
<!--        Für das Online-Experiment bitten wir Sie um die Beantwortung einiger Fragen. Alle Angaben die Sie dabei machen, werden anonym behandelt.-->
<!--        Bitte antworten Sie wahrheitsgemäß.<br><br>-->
<!--        Das Experiment ist in <b>zwei Teilen</b> aufgebaut. Im ersten Teil bearbeiten Sie einen Straffall und treffen eine Entscheidung.-->
<!--        Anschließend bewerten Sie im zweiten Teil einen anderen Fall, den andere Studienteilnehmer Ihrer Peergroup bearbeitet haben.-->
<!--        Am Ende erhalten Sie ein Ranglistenergebnis über Ihre Entscheidung.-->
<!--        Nähere Informationen dazu finden Sie auf den nachfolgenden Seiten. Klicken Sie dazu bitte auf "Weiter".-->
<!--        <br><br>-->
<!--        <i>-->
<!--            (Bitte beachten Sie: Sobald Sie auf Weiter klicken, können Sie nicht mehr auf die vorherige Seite zurückkehren.-->
<!--            Bitte vermeiden Sie die Seite zu aktualisieren oder auf eine Seite zurück zu klicken, da Sie sonst Ihre Angaben erneut machen müssen.)-->
<!--        </i>-->
<!--        {{ if player.treatment_peer}}-->
<!--        <div>peer test</div>-->
<!--        {{ endif }}-->
<!--    </div>-->

<!--</p>-->
<!--<head>-->
<!--    &lt;!&ndash;jQuery&ndash;&gt;-->
<!--    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>-->

<!--    <link href="{{ static 'global/nouislider/dist/nouislider.css' }}" rel="stylesheet">-->
<!--    <script src="{{ static 'global/nouislider/dist/nouislider.js' }}"></script>-->

<!--    <link rel="stylesheet" href="{{ static 'global/styles.css' }}">-->
<!--</head>-->
<!--<script>-->
<!--    var c_open = 0;-->
<!--    var c_close = 0;-->
<!--    document.getElementById("click_open").value = c_open;-->
<!--    document.getElementById("click_close").value = c_close;-->

<!--    function showDivAndCount(){-->
<!--    var div = document.getElementById("Sachverhalt");-->

<!--    if (div.style.display == "none") {-->
<!--        div.style.display = "block";-->
<!--        c_open += 1;-->
<!--        document.getElementById("click_open").value = c_open;-->
<!--    } else {-->
<!--        div.style.display = "none";-->
<!--        c_close += 1;-->
<!--        document.getElementById("click_close").value = c_close;-->
<!--    }-->

<!--}-->
<!--</script>-->

<button id="next-button" class="otree-btn-next btn btn-primary">
    Weiter
</button>
{{ endblock }}