TOS-AI/index.html at master · pwstegman/TOS-AI · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
    <script src="main.js"></script>
    <script>
    function process() {
            test_txt = $("#tos").val().replace(/\n/g, ". ").split(". ");
            scoreSentences();
        }
    </script>
    <style>
        html, body {
            background-color: #EEE;
        }
        body {
            padding-top:50px;
        }
    </style>
</head>
<body>
    <div class="container">
    <div class="panel panel-default">
    <div class="panel-body" style="overflow:auto;">
        <div style="text-align:left;">
            <div class="page-header" style="margin-bottom:5px;margin-top:0px;">
              <h1>QuickTerms <small>An AI designed and trained for the Koding Hackathon</small></h1>
            </div>
            <p style="margin-bottom:15px;">Created by <a href="https://github.com/koding/global.hackathon/blob/master/Teams/CE/ABOUT.md">Pierce Stegman and Fox Wilson</a>.</p>
            <p class="lead">The dreaded "I Accept" checkbox.  You need to check it almost every time you register for a website or service. We live in the fast paced world of technology, and nobody wants to slow down to read something as long and boring as the Terms and Conditions.  QuickTerms makes this an issue no longer!  QuickTerms is a smart service that can read the Terms and Conditions for you, and then show you only the most important pieces.</p>
            <h2>Try it!</h2>
            <p style="padding-left:5px;">Examples: <a href="#" onclick="preset('Google');">Google</a></p>
            <p><textarea class="form-control" rows="3" id="tos" placeholder="Or copy and paste the Terms and Conditions here"></textarea></p>
            <p><button type="button" class="btn btn-primary" onclick="process();">Process</button></p>
            <p id="reshow" style="display:none;"><button type="button" class="btn btn-link" onclick="reshow();" id="reshowbtn">Reshow highlighted terms</button></p>
            <div id="show" style="display:none; overflow:auto;"></div>
            <div id="sum" style="display:none;"></div>
            <hr/>
            <p>Disclaimer: QuickTerms should only be used to get a general idea of the Terms and Conditions.  Do not rely on QuickTerms for a perfect overview of the Terms and Conditions of a site.</p>
        </div>
        </div>
        </div>
    </div>
    <a href="https://github.com/pwstegman/TOS-AI"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://camo.githubusercontent.com/121cd7cbdc3e4855075ea8b558508b91ac463ac2/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f6c6566745f677265656e5f3030373230302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_left_green_007200.png"></a>
</body>
</html>