summaryrefslogtreecommitdiff
path: root/projects/viewtime/index.html
blob: 94767fd287b6cbe4005dc8e925775bb903960984 (plain)
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<html>
    <head>
        <title>ViewTime, a YouTube Extension for Google Chrome and Safari</title>

        <!-- Encoding -->
        <meta charset="UTF-8">

        <!-- Stylesheets -->
        <link rel="stylesheet" href="/assets/css/viewtime.css">
        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">

        <!-- Scripts -->
        <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

        <!-- Icons -->
        <link rel="shortcut icon" href="/assets/images/viewtime-icon.png" sizes="128x128">
        <link rel="apple-touch-icon" href="/assets/images/viewtime-icon.png">

        <!-- Generic Meta -->
        <meta name="author" content="Ben Burwell">
        <meta name="description" content="ViewTime is an extension for Safari and Google Chrome that inserts the total amount of time a YouTube video has been watched just below the view count.">
        <meta name="keywords" content="extension, youtube, video, chrome, safari">

        <!-- OpenGraph Meta -->
        <meta property="og:title" content="ViewTime, A YouTube Extension for Google Chrome and Safari">
        <meta property="og:site_name" content="ViewTime">
        <meta property="og:description" content="ViewTime is an extension for Safari and Google Chrome that inserts the total amount of time a YouTube video has been watched just below the view count.">
        <meta property="og:image" content="http://www.benburwell.com/assets/images/viewtime-icon.png">
        <meta property="og:type" content="website">
        <meta property="fb:admins" content="1439777397">

        <!-- Twitter Meta -->
        <meta name="twitter:card" content="summary">
        <meta name="twitter:site" content="@bburwell">
        <meta name="twitter:title" content="ViewTime, A YouTube Extension for Google Chrome and Safari">
        <meta name="twitter:creator" content="@bburwell">
        <meta property="twitter:description" content="ViewTime is an extension for Safari and Google Chrome that inserts the total amount of time a YouTube video has been watched just below the view count.">
        <meta name="twitter:image:src" content="http://www.benburwell.com/assets/images/viewtime-icon.png">
        <meta name="twitter:domain" content="BenBurwell.com">

        <!-- Chrome Extension -->
        <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/jcplgieacjacdjabiiedcdfcpbgohbpp">

        <!-- TypeKit -->
        <script type="text/javascript">
            (function() {
                var config = {
                    kitId: 'xgd2xxh'
                };
                var d = false;
                var tk = document.createElement('script');
                tk.src = '//use.typekit.net/' + config.kitId + '.js';
                tk.type = 'text/javascript';
                tk.async = 'true';
                tk.onload = tk.onreadystatechange = function() {
                    var rs = this.readyState;
                    if (d || rs && rs != 'complete' && rs != 'loaded') return;
                    d = true;
                    try { Typekit.load(config); } catch (e) {}
                };
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(tk, s);
            })();
        </script>

        <script type="text/javascript">
            $(function() {
                if (window.chrome && window.chrome.webstore) {
                    $('#install_button').attr('href', 'javascript:chrome.webstore.install();');
                    $('#install_button').on('click', function() {
                        chrome.webstore.install();
                        return false;
                    });

                    $('#chrome_text').show();
                    $('#error_text').hide();
                    $('#install_button').removeClass('inactive');
                    $('#install_button').addClass('active');
                } else if (window.safari) {
                    $('#install_button').attr('href', 'http://updates.benburwell.com/safari/viewtime/latest.safariextz');

                    $('#safari_text').show();
                    $('#error_text').hide();
                    $('#install_button').removeClass('inactive');
                    $('#install_button').addClass('active');
                }
            });
        </script>
    </head>
    <body>
        <div class="container">
            <h1>ViewTime</h1>
            <p>ViewTime is an extension for Safari and Google Chrome that inserts the total amount of time a YouTube video has been watched just below the view count.</p>
            <p><img src="/assets/images/viewtime-example.png" alt="ViewTime screenshot"></p>
            <p><a id="install_button" class="inactive">Install</a></p>
            <p class="install_tagline" id="safari_text">download and double-click to install in Safari</p>
            <p class="install_tagline" id="chrome_text">click to install from the Chrome Web Store</p>
            <p class="install_tagline" id="error_text">Uh oh! Looks like you’re not using a supported browser.<br>ViewTime works in Safari and Google Chrome.</p>
            <p>
                <!-- Twitter -->
                <a href="https://twitter.com/intent/tweet?url=http%3A%2F%2Fwww.benburwell.com%2Fprojects%2Fviewtime%2F&amp;text=ViewTime,%20an%20extension%20for%20YouTube" onclick="javascript:window.open(this.href,
                    '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><img src="/assets/images/icons/social/twitter_large.png" alt="Tweet"></a>

                <!-- Facebook -->
                <a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.benburwell.com%2Fprojects%2Fviewtime%2F" onclick="javascript:window.open(this.href,
                    '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><img src="/assets/images/icons/social/facebook_large.png" alt="Share on Facebook"></a>

                <!-- Google Plus -->
                <a href="https://plus.google.com/share?url=http%3A%2F%2Fwww.benburwell.com%2Fprojects%2Fviewtime%2F" onclick="javascript:window.open(this.href,
                    '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><img src="/assets/images/icons/social/gplus_large.png" alt="Share on Google+"></a>
            </p>
            <p>
                <a class="home_link" href="http://www.benburwell.com/">www.benburwell.com</a>
            </p>
        </div>
    </body>
</html>