<commit_before><!DOCTYPE html>
<html>
<head>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-M3FCKN6');</script>
    <!-- End Google Tag Manager -->
    <title>toTimeline</title>
    <meta charset='utf-8'/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="temp-style.css">
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="shortcut icon" href="https://ijnet.org/sites/all/themes/ijnet/favicon.ico" type="image/vnd.microsoft.icon">
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M3FCKN6"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<nav class="navbar navbar-default main-navbar">
    <div class="container-fluid">
        <div class="navbar-header">
            <img src="https://ijnet.org/sites/all/themes/ijnet/images/logo_topbar.png">
        </div>
        <ul class="nav navbar-nav top-navbar">
            <li>
                <a href="http://www.icfj.org" title="" target="_blank"> ICFJ.org </a>
            </li>
            <li>
                <a href="http://www.ijnet.org" title=""> IJNET.org </a>
            </li>
            <li>
                <a href="http://icfjanywhere.org" title="" target="_blank"> ICFJAnywhere.org </a>
            </li>
            <li>
                <a href="http://www.icfj.org/awards-dinner" title="" targe="_blank" target="_blank">ICFJ AWARDS DINNER </a>
            </li>
        </ul>
    </div>
</nav>
<div class="container">
    <div id="side_list" class="side-list">
         <ul class="list-unstyled content-list">
            <br>
            <li class="section-title">CONTENT</li>
            <li class="content-list-li active-content"><a href="#introduction" title=""> Introduction </a></li>
            <li class="content-list-li"><a href="#contributors" title=""> Contributors </a></li>
            <br>
            <li><img src="src/img/watermark.jpg" alt="ICFJ" width="100px"></li>
        </ul>
    </div>
    <div class="container-header">
        <div id="logo">
            <a class="active">
                <img class="site-logo" typeof="foaf:Image" src="https://ijnet.org/sites/all/themes/ijnet/logo.png" alt="IJNet">
            </a>
        </div>
    </div>

    <nav class="navbar navbar-default container-navbar">
        <div class="container-fluid">
            <div class="navbar-header second-navbar">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">MENU</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav">
                <li><a href="https://ijnet.org/en/news" target="blank">News & Resources</a></li>
                <li class="active"><a href="http://tools.ijnet.org/">Tools</a></li>
                <li><a href="https://ijnet.org/en/opportunities" target="blank">Opportunities</a></li>
                <li><a href="https://ijnet.org/en/videos" target="blank">Video</a></li>
                <li><a href="https://ijnet.org/en/chats" target="blank">Chats</a></li>
                <li><a href="https://ijnet.org/en/about" target="blank">About</a></li>
              </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>

    <a href="index.html">
        <div class="container back-to-tools">
            <div class="back-to-tools-button">
                Back to tools
            </div>
        </div>
    </a>
    <div class="page-header">
        <div class="page-title">toTimeline</div>
        <div class="small-divider"></div>
        <div class="one-liner">Tell a chronological story with images and videos to provide a rich, mobile-friendly, interactive experience.</div>
    </div>
    <div id="introduction">
        <div class="article-container">
            <div class="section-title">Introduction</div>
            <img src="src/img/totimeline.png" width="50%" style="float:right; margin-left:15px; margin-bottom:15px;">
            <p><a href="https://protograph.pykih.com/cards/to-timeline" target="_blank"><strong>toTimeline</strong></a> works best for telling stories that have evolved over a period of time, such as recapping politicians' votes on an issue or showing an increase of violence in a region.</p>
            <p>The tool is optimized for use on mobile devices. It has a fully responsive design that offers a vertical layout (as opposed to the more traditional timeline structure). It is also designed to be fast to load on low bandwidth connections.</p>
            <p>Unlike most third-party embeddable tools that do not benefit an article's SEO, toTimeline is SEO-friendly. The content written on the timeline can be fully crawled by web search engines, helping publishers using the tool to increase their traffic from search.</p>
            <p>Anyone can create a toTimeline visualization using ICFJ partner Pykih's <a href="https://protograph.pykih.com/users/sign_in" target="blank">ProtoGraph</a> platform, which also houses <a href="http://tools.ijnet.org/to-social.html" target="blank">toSocial</a>, <a href="http://tools.ijnet.org/to-quiz.html" target="blank">toQuiz</a> and other storytelling tools. Email ICFJ Knight Program Manager <NAME> (<a href="mailto:<EMAIL>"><EMAIL></a>) to get started.</p>
        </div>
        <div class="clearfix section-spacing"></div>
        <div class="article-container">
            <table class="table table-condensed">
                <tbody>
                    <tr>
                        <th scope="row">Link</th>
                        <td><a href="https://protograph.pykih.com/cards/to-timeline" target="_blank">https://protograph.pykih.com/cards/to-timeline</a></td>
                    </tr>
                    <tr>
                        <th scope="row">Story Using the Tool</th>
                        <td><a href="http://www.moneycontrol.com/news/india/data-story-precaution-or-crackdown-internet-shutdowns-across-india-up-11-fold-since-2013-2390759.html" target="_blank">DATA STORY: Precaution or crackdown? Internet shutdowns across India up 11-fold since 2013</a></td>
                    </tr>
                    <!--<tr>
                        <th scope="row">Story About the Tool</th>
                        <td>
                            <ul>
                                <li><a href="http://www.icfj.org/blogs/digital-fridays-bring-culture-experimentation-hindustan-times" target="_blank">"'Digital Fridays' Bring a Culture of Experimentation to The Hindustan Times"</a></li>
                                <li><a href="https://ijnet.org/en/blog/how-one-team-became-rallying-point-innovators-legacy-newsroom" target="_blank">"How one team became the rallying point for innovators in a legacy newsroom"</a></li>
                            </ul>
                        </td>
                    </tr>-->
                </tbody>
            </table>
        </div>
    </div>
    <div class="clearfix section-spacing"></div>

    <div id="contributors">
        <div class="article-container">
            <div class="section-title">Contributors</div>
            <div class="gallary-view">
                <div class="col-sm-6">
                    <div class="to-card">
                        <div class="to-card-content">
                            <div class="date-line">Fellow (Strategist)</div>

                            <div class="to-card-caption">
                                <div class="profile-img"><img src="src/img/tools_img/ritvvij.png" width="100%"></div>
                                <div class="profile-details">
                                    <div class="name"><a href="https://www.icfj.org/about/profiles/ritvvij-parrikh" target="blank"><NAME></a></div>
                                    <div class="detail">ICFJ Knight Fellow</div><commit_msg>fix broken links<commit_after><!DOCTYPE html>
<html>
<head>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-M3FCKN6');</script>
    <!-- End Google Tag Manager -->
    <title>toTimeline</title>
    <meta charset='utf-8'/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="temp-style.css">
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="shortcut icon" href="https://ijnet.org/sites/all/themes/ijnet/favicon.ico" type="image/vnd.microsoft.icon">
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M3FCKN6"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<nav class="navbar navbar-default main-navbar">
    <div class="container-fluid">
        <div class="navbar-header">
            <img src="https://ijnet.org/sites/all/themes/ijnet/images/logo_topbar.png">
        </div>
        <ul class="nav navbar-nav top-navbar">
            <li>
                <a href="http://www.icfj.org" title="" target="_blank"> ICFJ.org </a>
            </li>
            <li>
                <a href="http://www.ijnet.org" title=""> IJNET.org </a>
            </li>
            <li>
                <a href="http://icfjanywhere.org" title="" target="_blank"> ICFJAnywhere.org </a>
            </li>
            <li>
                <a href="http://www.icfj.org/awards-dinner" title="" targe="_blank" target="_blank">ICFJ AWARDS DINNER </a>
            </li>
        </ul>
    </div>
</nav>
<div class="container">
    <div id="side_list" class="side-list">
         <ul class="list-unstyled content-list">
            <br>
            <li class="section-title">CONTENT</li>
            <li class="content-list-li active-content"><a href="#introduction" title=""> Introduction </a></li>
            <li class="content-list-li"><a href="#contributors" title=""> Contributors </a></li>
            <br>
            <li><img src="src/img/watermark.jpg" alt="ICFJ" width="100px"></li>
        </ul>
    </div>
    <div class="container-header">
        <div id="logo">
            <a class="active">
                <img class="site-logo" typeof="foaf:Image" src="https://ijnet.org/sites/all/themes/ijnet/logo.png" alt="IJNet">
            </a>
        </div>
    </div>

    <nav class="navbar navbar-default container-navbar">
        <div class="container-fluid">
            <div class="navbar-header second-navbar">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">MENU</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav">
                <li><a href="https://ijnet.org/en/news" target="blank">News & Resources</a></li>
                <li class="active"><a href="http://tools.ijnet.org/">Tools</a></li>
                <li><a href="https://ijnet.org/en/opportunities" target="blank">Opportunities</a></li>
                <li><a href="https://ijnet.org/en/videos" target="blank">Video</a></li>
                <li><a href="https://ijnet.org/en/chats" target="blank">Chats</a></li>
                <li><a href="https://ijnet.org/en/about" target="blank">About</a></li>
              </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>

    <a href="index.html">
        <div class="container back-to-tools">
            <div class="back-to-tools-button">
                Back to tools
            </div>
        </div>
    </a>
    <div class="page-header">
        <div class="page-title">toTimeline</div>
        <div class="small-divider"></div>
        <div class="one-liner">Tell a chronological story with images and videos to provide a rich, mobile-friendly, interactive experience.</div>
    </div>
    <div id="introduction">
        <div class="article-container">
            <div class="section-title">Introduction</div>
            <img src="src/img/totimeline.png" width="50%" style="float:right; margin-left:15px; margin-bottom:15px;">
            <p><a href="https://protograph.pykih.com/cards/to-timeline" target="_blank"><strong>toTimeline</strong></a> works best for telling stories that have evolved over a period of time, such as recapping politicians' votes on an issue or showing an increase of violence in a region.</p>
            <p>The tool is optimized for use on mobile devices. It has a fully responsive design that offers a vertical layout (as opposed to the more traditional timeline structure). It is also designed to be fast to load on low bandwidth connections.</p>
            <p>Unlike most third-party embeddable tools that do not benefit an article's SEO, toTimeline is SEO-friendly. The content written on the timeline can be fully crawled by web search engines, helping publishers using the tool to increase their traffic from search.</p>
            <p>Anyone can create a toTimeline visualization using ICFJ partner Pykih's <a href="https://protograph.pykih.com/users/sign_in" target="blank">ProtoGraph</a> platform, which also houses <a href="http://tools.ijnet.org/to-social.html" target="blank">toSocial</a>, <a href="http://tools.ijnet.org/to-quiz.html" target="blank">toQuiz</a> and other storytelling tools. Email ICFJ Knight Program Manager <NAME> (<a href="mailto:<EMAIL>"><EMAIL></a>) to get started.</p>
        </div>
        <div class="clearfix section-spacing"></div>
        <div class="article-container">
            <table class="table table-condensed">
                <tbody>
                    <tr>
                        <th scope="row">Link</th>
                        <td><a href="https://protograph.pykih.com/users/sign_in" target="_blank">https://protograph.pykih.com/users/sign_in</a></td>
                    </tr>
                    <tr>
                        <th scope="row">Story Using the Tool</th>
                        <td><a href="http://www.moneycontrol.com/news/india/data-story-precaution-or-crackdown-internet-shutdowns-across-india-up-11-fold-since-2013-2390759.html" target="_blank">DATA STORY: Precaution or crackdown? Internet shutdowns across India up 11-fold since 2013</a></td>
                    </tr>
                    <tr>
                        <th scope="row">Story About the Tool</th>
                        <td><a href="https://ijnet.org/en/blog/storytelling-tools-reach-low-literate-readers" target="_blank">Storytelling tools to reach low-literate readers</a></td>
                    </tr>
                    <!--<tr>
                        <th scope="row">Story About the Tool</th>
                        <td>
                            <ul>
                                <li><a href="http://www.icfj.org/blogs/digital-fridays-bring-culture-experimentation-hindustan-times" target="_blank">"'Digital Fridays' Bring a Culture of Experimentation to The Hindustan Times"</a></li>
                                <li><a href="https://ijnet.org/en/blog/how-one-team-became-rallying-point-innovators-legacy-newsroom" target="_blank">"How one team became the rallying point for innovators in a legacy newsroom"</a></li>
                            </ul>
                        </td>
                    </tr>-->
                </tbody>
            </table>
        </div>
    </div>
    <div class="clearfix section-spacing"></div>

    <div id="contributors">
        <div class="article-container">
            <div class="section-title">Contributors</div>
            <div class="gallary-view">
                <div class="col-sm-6">
                    <div class="to-card">
                        <div class="to-card-content">
                            <div class="date-line">Fellow (Strategist)</div>

                            <div class="to-card-caption">
                                <div class="profile-img"><img src="src/img/tools_img/ritvvij.png" width="100%"></div>
                                <div class="profile-details">
                                    <div class="name"><a href="https://www.icfj.org/about/profiles/ritvvij-parrikh" target="blank"><NAME></a></div>
                                    <div class="detail">ICFJ Knight Fellow</div>
{'fraction_non_alphanumeric': 0.1701652523447968, 'fraction_numerical': 0.004801250558284949, 'mean_word_length': 2.2264048991354466, 'pattern_counts': {'":': 0, '<': 475, '<?xml version=': 0, '>': 475, 'https://': 33, 'lorem ipsum': 0, 'www.': 16, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5348889', 'n_tokens_mistral': 5580, 'n_tokens_neox': 5265, 'n_words': 1084}