<commit_before><!doctype html>
<!--[if lt IE 7]>      <html lang="de" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html lang="de" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html lang="de" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="de" class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>The News Reads Us</title>
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" href="styles/bootstrap.min.css">
        <!-- build:css(.tmp) styles/main.css -->
        <!-- <link rel="stylesheet" href="styles/vendor/otherpeoples.css"> -->
        <link rel="stylesheet" href="styles/main.css">

        <!-- endbuild -->
        <!-- build:js scripts/vendor/modernizr.js -->
        <script src="scripts/vendor/jquery.min.js"></script>
        <script src="scripts/vendor/jquery.panelSnap.js"></script>
        <!-- endbuild -->
        <link href='http://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
    </head>
    <body>

        <section class="newspaper">
            <div class="container element">
                <h1>We used to read the newspaper, <span>now the news reads us.</span></h1>

            </div>
        </section>
        <section class="brief">
            <div class="container element">
                <p>Whether tabloid, long-form or focussed on wildlife: most online news is financed through advertising. To satisfy the advertiser's interest in the site's audience, optimise their offerings and enable easy sharing of content via social networks, virtually all news sites include a large number of external tracking beacons. This means that while you're browsing the morning news, your behaviour is shared with advertisers and analytics companies from around the globe.</p>

                <p>In the end, the news site may get more information out of you than you get out of their articles.</p>
            </div>
        </section>

        <section class="read">
            <div class="container element">
                <h2>Read about data protection online</h2>
                <p>Choose one of these media companies:</p>
                <ul class="nav nav-pills read-nav">
                    <li>
                        <a class="website-link" href="#zeit.de">Zeit</a>
                    </li>
                    <li>
                        <a class="website-link" href="#faz.net">FAZ</a>
                    </li>
                    <li>
                        <a class="website-link" href="#welt.de">Welt</a>
                    </li>
                    <li>
                        <a class="website-link" href="#sueddeutsche.de">
                            Süddeutsche.de
                        </a>
                    </li>
                    <li>
                        <a class="website-link" href="#spiegel.de">
                            Spiegel.de
                        </a>
                    </li>
                </ul>
                <div class="article" style="display: none">

                </div>
            </div>
        </section>


        <section>
            <div class="container element">
                <p>Sites like Facebook and Twitter are often criticised in the media for their data-based business models. Ironically, they share user behaviour with far fewer shady ad networks than the average news
                site. Visiting Facebook will only request data from Facebook's own servers, while a visit to Die Welt or F.A.Z. will notify 58 and 55 different sites, respectively.</p>

            </div>
        </section>
        <section class="worst">
            <div class="container element">

                <h2>Worst offenders</h2>
                <div id="chart"></div>
            </div>
        </section>

        <section class="save-your-soul">

            <div class="container element">

                <p>This means that news sites put their readers to a difficult choice: accept the pervasive surveillance by advertisers and metrics services, or block those elements and reduce the advertising revenue for the news sites whose services they enjoy consuming.</p>

                <p>A better compromise would be for readers to share their data to news sites, who then control the sharing of that data with third party web-sites - instead of inviting them onto their web sites to collect whatever information they want, with whatever mechanism they want.</p><commit_msg>adding copy<commit_after><!doctype html>
<!--[if lt IE 7]>      <html lang="de" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html lang="de" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html lang="de" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="de" class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>The News Reads Us</title>
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" href="styles/bootstrap.min.css">
        <!-- build:css(.tmp) styles/main.css -->
        <!-- <link rel="stylesheet" href="styles/vendor/otherpeoples.css"> -->
        <link rel="stylesheet" href="styles/main.css">

        <!-- endbuild -->
        <!-- build:js scripts/vendor/modernizr.js -->
        <script src="scripts/vendor/jquery.min.js"></script>
        <script src="scripts/vendor/jquery.panelSnap.js"></script>
        <!-- endbuild -->
        <link href='http://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
    </head>
    <body>

        <section class="newspaper">
            <div class="container element">
                <h1>We used to read the newspaper, <span>now the news reads us.</span></h1>

            </div>
        </section>
        <section class="brief">
            <div class="container element">
                <p>Whether tabloid, long-form or focussed on wildlife: most online news is financed through advertising. To satisfy the advertiser's interest in the site's audience, optimise their offerings and enable easy sharing of content via social networks, virtually all news sites include a large number of external tracking beacons. This means that while you're browsing the morning news, your behaviour is shared with advertisers and analytics companies from around the globe.</p>

                <p>In the end, the news site may get more information out of you than you get out of their articles.</p>
            </div>
        </section>

        <section class="read">
            <div class="container element">
                <h2>Read about data protection online</h2>
                <p>Choose one of these media companies:</p>
                <ul class="nav nav-pills read-nav">
                    <li>
                        <a class="website-link" href="#zeit.de">Zeit</a>
                    </li>
                    <li>
                        <a class="website-link" href="#faz.net">FAZ</a>
                    </li>
                    <li>
                        <a class="website-link" href="#welt.de">Welt</a>
                    </li>
                    <li>
                        <a class="website-link" href="#sueddeutsche.de">
                            Süddeutsche.de
                        </a>
                    </li>
                    <li>
                        <a class="website-link" href="#spiegel.de">
                            Spiegel.de
                        </a>
                    </li>
                </ul>
                <div class="article" style="display: none">

                </div>
            </div>
        </section>


        <section>
            <div class="container element">
                <p>Sites like Facebook and Twitter are often criticised in the media for their data-based business models. Ironically, they share user behaviour with far fewer shady ad networks than the average news
                site. Visiting Facebook will only request data from Facebook's own servers, while a visit to Die Welt or F.A.Z. will notify 58 and 55 different sites, respectively.</p>

            </div>
        </section>
        <section class="worst">
            <div class="container element">
                <h2>Google may know all</h2>

                <p>Below you can see the connections between news sites, the domains from which they load resources (such as tracking codes, advertising or analytics scripts) and the advertising and tech companies behind these domains. These companies are from many legal environments, including the <span style="background-color: #F25050;">United States</span>, <span style="background-color: #F2EC99;">Europe</a> or <span style="background-color: #1D3C42;">Germany</a></p>.
                <div id="chart"></div>
            </div>
        </section>

        <section class="save-your-soul">

            <div class="container element">

                <p>This means that news sites put their readers to a difficult choice: accept the pervasive surveillance by advertisers and metrics services, or block those elements and reduce the advertising revenue for the news sites whose services they enjoy consuming.</p>

                <p>A better compromise would be for readers to share their data to news sites, who then control the sharing of that data with third party web-sites - instead of inviting them onto their web sites to collect whatever information they want, with whatever mechanism they want.</p>
{'fraction_non_alphanumeric': 0.12386551155115512, 'fraction_numerical': 0.005569306930693069, 'mean_word_length': 1.9243063932448734, 'pattern_counts': {'":': 0, '<': 219, '<?xml version=': 0, '>': 217, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2161614', 'n_tokens_mistral': 2632, 'n_tokens_neox': 2431, 'n_words': 877}