diff options
author | Ben Burwell <bburwell1@gmail.com> | 2014-11-14 04:15:04 -0500 |
---|---|---|
committer | Ben Burwell <bburwell1@gmail.com> | 2014-11-14 04:15:04 -0500 |
commit | b11861962cdc4756df1f500d68218dcdda0c89de (patch) | |
tree | d7308d0fd3deefa0ad0d383f99243bc396264b5c /viewtime | |
parent | 08382353aefdeed581d6b0482d5e6c366bd56a8b (diff) |
Optimizations
Diffstat (limited to 'viewtime')
-rw-r--r-- | viewtime/index.html | 117 |
1 files changed, 117 insertions, 0 deletions
diff --git a/viewtime/index.html b/viewtime/index.html new file mode 100644 index 0000000..94767fd --- /dev/null +++ b/viewtime/index.html @@ -0,0 +1,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&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> |