diff options
Diffstat (limited to 'projects/viewtime')
| -rw-r--r-- | projects/viewtime/index.html | 95 | ||||
| -rw-r--r-- | projects/viewtime/index.markdown | 21 |
2 files changed, 95 insertions, 21 deletions
diff --git a/projects/viewtime/index.html b/projects/viewtime/index.html new file mode 100644 index 0000000..ee6c866 --- /dev/null +++ b/projects/viewtime/index.html @@ -0,0 +1,95 @@ +<html> + <head> + <title>ViewTime, a YouTube Extension for Google Chrome and Safari</title> + + <!-- Encoding --> + <meta charset="UTF-8"> + + <!-- Stylesheets --> + <link rel="stylesheet" href="/assets/stylesheets/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="https://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="https://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"> + + <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&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="https://www.benburwell.com/">www.benburwell.com</a> + </p> + </div> + </body> +</html> diff --git a/projects/viewtime/index.markdown b/projects/viewtime/index.markdown deleted file mode 100644 index d16bc2d..0000000 --- a/projects/viewtime/index.markdown +++ /dev/null @@ -1,21 +0,0 @@ ---- -layout: post -title: ViewTime, A Browser Extension for YouTube -description: ViewTime adds the amount of time a YouTube video has been played under its view count. -date: 2014-06-08 00:00:00 -image: http://www.benburwell.com/assets/images/viewtime-icon.png -chrome-webstore-item: jcplgieacjacdjabiiedcdfcpbgohbpp ---- - -It’s rather astonishing to consider the amount of time for which some viral videos have been watched. For example, Ylvis’ “The Fox” has been watched for nearly 3000 years. - -ViewTime is a plugin for Safari and Google Chrome that adds the duration the video has been played under its view count. - -Installation ------------- - -_Safari:_ [Download latest version](http://updates.benburwell.com/safari/viewtime/latest.safariextz) and double-click to install. - -_Chrome:_ <a href="javascript:chrome.webstore.install();" onclick="chrome.webstore.install();return false;">Click to install</a> or [view on the Chrome Webstore](https://chrome.google.com/webstore/detail/viewtime/jcplgieacjacdjabiiedcdfcpbgohbpp). - - |