From 3b563b3b82f4b4f20e66e1f9aea6dc16a08fc802 Mon Sep 17 00:00:00 2001 From: Ben Burwell Date: Sat, 27 Dec 2014 16:42:05 -0500 Subject: Clean up markup & styles --- _config.yml | 6 +- _includes/fonts.scss | 35 +++ _includes/inline.scss | 241 --------------------- _layouts/master.html | 10 +- _layouts/post.html | 19 +- ...le-compilation-for-jekyll-github-pages.markdown | 10 +- _sass/fonts.scss | 57 ----- assets/css/viewtime.css | 107 --------- assets/images/ben_circle.png | Bin 75304 -> 74428 bytes assets/stylesheets/site.scss | 224 +++++++++++++++++++ assets/stylesheets/viewtime.css | 107 +++++++++ index.html | 10 +- posts/index.html | 7 +- projects/index.html | 10 +- projects/viewtime/index.html | 95 ++++++++ projects/viewtime/index.markdown | 21 -- viewtime/index.html | 117 ---------- 17 files changed, 495 insertions(+), 581 deletions(-) create mode 100644 _includes/fonts.scss delete mode 100644 _includes/inline.scss delete mode 100644 _sass/fonts.scss delete mode 100644 assets/css/viewtime.css create mode 100644 assets/stylesheets/site.scss create mode 100644 assets/stylesheets/viewtime.css create mode 100644 projects/viewtime/index.html delete mode 100644 projects/viewtime/index.markdown delete mode 100644 viewtime/index.html diff --git a/_config.yml b/_config.yml index acf476b..52c444c 100644 --- a/_config.yml +++ b/_config.yml @@ -14,7 +14,7 @@ lsi: true name: Ben Burwell keywords: - ben burwell - - freelance - - designer + - software engineer - developer -description: "Computer science student, hacker. Passionate about kerning and coffee." + - web applications +description: "I like to make awesome things with code. Software engineer, student, hacker. Passionate about kerning and coffee." diff --git a/_includes/fonts.scss b/_includes/fonts.scss new file mode 100644 index 0000000..58cc0d2 --- /dev/null +++ b/_includes/fonts.scss @@ -0,0 +1,35 @@ +@font-face { + font-family: 'open_sans'; + src: url('/assets/fonts/OpenSans-Light.eot'); + src: url('/assets/fonts/OpenSans-Light.woff') format('woff'), + url('/assets/fonts/OpenSans-Light.ttf') format('truetype'); + font-weight: 200; + font-style: normal; +} + +@font-face { + font-family: 'crimson_text'; + src: url('/assets/fonts/crimsontext-regular.eot'); + src: url('/assets/fonts/crimsontext-regular.woff') format('woff'), + url('/assets/fonts/crimsontext-regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'crimson_text'; + src: url('/assets/fonts/crimsontext-italic.eot'); + src: url('/assets/fonts/crimsontext-italic.woff') format('woff'), + url('/assets/fonts/crimsontext-italic.ttf') format('truetype'); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: 'source_code_pro'; + src: url('/assets/fonts/sourcecodepro-regular.eot'); + src: url('/assets/fonts/sourcecodepro-regular.woff') format('woff'), + url('/assets/fonts/sourcecodepro-regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} diff --git a/_includes/inline.scss b/_includes/inline.scss deleted file mode 100644 index da8c4f0..0000000 --- a/_includes/inline.scss +++ /dev/null @@ -1,241 +0,0 @@ -@import "fonts"; -@import "normalize"; -@import "global"; -@import "960-responsive"; -@import "syntax"; - -body { - font-family: $serif; - font-size: 20px; - color: $black; -} - -h1, h2, h3, h4, h5, h6 { - font-family: $sans; - font-weight: 200; - margin-top: 1em; - margin-bottom: 0.5em; - text-align: center; - width: 80%; - margin-left: auto; - margin-right: auto; -} - -a { - color: $red; - text-decoration: none; - @include transition(color, $link-fade-time, ease); - - &:hover { - color: darken($red, $link-darken-amount); - } - - &.project { - color: $blue; - &:hover { - color: darken($blue, $link-darken-amount); - } - } - - &.post { - color: $magenta; - &:hover { - color: darken($magenta, $link-darken-amount); - } - } -} - -p { - line-height: 2em; - margin-bottom: 2em; - margin-top: 2em; -} - -pre { - margin-bottom: 1.5em; - border-left: 3px solid $base1; - padding-left: 1em; -} - -blockquote { - width: 80%; - margin-right: auto; - margin-left: auto; - margin-top: 0; - margin-bottom: 0; - position: relative; - - quotes: "\201C""\201D""\2018""\2019"; - - &:before { - content: open-quote; - color: $base1; - font-size: 4em; - margin: 0; - padding: 0; - line-height: 0; - position: absolute; - left: -0.7em; - top: 0.5em; - font-family: $monospace; - } -} - -table { - margin-top: 1em; - margin-bottom: 1em; -} - -td { - font-size: 0.8em; - padding: 0.5em; - vertical-align: top; -} - -ul { - list-style-type: square; -} - -ul, ol { - margin-left: 2em; - margin-bottom: 1em; -} - -li { - margin-bottom: 1em; -} - -code { - font-family: $monospace; - font-size: 0.8em; - color: $base01; -} - -footer { - font-family: $monospace; - text-align: center; - border-top: 2px solid $red; - padding-top: 1em; - padding-bottom: 1em; - font-size: 0.8em; - @include transition(color, $link-fade-time, ease); - color: $base1; - - a { - color: $base1; - } - - &:hover { - color: $black; - - a { - color: $red; - &:hover { - color: darken($red, $link-darken-amount); - } - } - } -} - -header { - - font-family: $sans; - - a { - font-weight: 200; - color: $white; - display: block; - border: none; - text-align: center; - padding: 0.5em; - @include transition(all, $link-fade-time, ease); - - &:hover { - color: $white; - } - } - - .projects { - @include nav_button($blue); - } - - .posts { - @include nav_button($magenta); - } - - .github { - @include nav_button($green); - } - - .resume { - @include nav_button($orange); - } -} - -.about { - p { - text-align: center; - } - - width: 80%; - margin-left: auto; - margin-right: auto; -} - -.portrait { - width: 220px; - height: 220px; - margin-top: 2em; - margin-left: auto; - margin-right: auto; - background-image: url('/assets/images/ben_circle.png'); - background-repeat: no-repeat; -} - -.right { - text-align: right; -} - -.arrow { - color: $base1; - font-family: $monospace; - font-size: 2em; -} - -.article { - - .date { - // margin-bottom: 1em; - font-family: $monospace; - // font-weight: 200; - color: $base1; - text-align: center; - } - - img { - max-width: 100%; - } -} - -@media print { - body { - color: #000; - } - - a { - color: #000; - } - - code { - color: #999; - } - - header, footer { - display: none; - visibility: hidden; - } - - .social-buttons { - display: none; - } -} diff --git a/_layouts/master.html b/_layouts/master.html index c1839b1..92f6006 100644 --- a/_layouts/master.html +++ b/_layouts/master.html @@ -6,12 +6,14 @@ + + @@ -90,7 +92,7 @@ diff --git a/_layouts/post.html b/_layouts/post.html index be602fb..ca44314 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -2,12 +2,13 @@ layout: master --- -
- -

{{ page.title }}

- -
{{ page.date | date: "%A, %-d %B %Y" }}
- - {{ content }} - -
+
+
+

{{ page.title }}

+
+
+ +
+ {{ content }} +
+
diff --git a/_posts/2014-05-31-less-file-compilation-for-jekyll-github-pages.markdown b/_posts/2014-05-31-less-file-compilation-for-jekyll-github-pages.markdown index 6762b7c..56e0410 100644 --- a/_posts/2014-05-31-less-file-compilation-for-jekyll-github-pages.markdown +++ b/_posts/2014-05-31-less-file-compilation-for-jekyll-github-pages.markdown @@ -11,14 +11,6 @@ I recently wrote about [migrating my website to GitHub Pages](/writing/migrating Using [Git hooks](http://git-scm.com/book/en/Customizing-Git-Git-Hooks), it’s possible to run a script at certain points during the Git workflow. To take advantage of this in my case, I added a small bash script to `.git/hooks/pre-commit`: -```bash -#!/bin/sh - -export PATH=/usr/local/bin:$PATH -cd /Users/Ben/Documents/Code/benburwell.github.io/assets/less -lessc --clean-css style.less ../css/style.css -cd /Users/Ben/Documents/Code/benburwell.github.io -git add /Users/Ben/Documents/Code/benburwell.github.io/assets/css/style.css -``` +{% gist benburwell/0ef673f6311b5191186e %} This is a pretty rough script, but it gets the job done for me. For a much more thorough script, see [this article by TJ VanToll](http://tjvantoll.com/2012/07/07/the-ideal-less-workflow-with-git/). diff --git a/_sass/fonts.scss b/_sass/fonts.scss deleted file mode 100644 index fd4e871..0000000 --- a/_sass/fonts.scss +++ /dev/null @@ -1,57 +0,0 @@ -@font-face { - font-family: 'icomoon'; - src: url('/assets/fonts/icomoon.eot?-ei3c8u'); - src: url('/assets/fonts/icomoon.eot?#iefix-ei3c8u') format('embedded-opentype'), - url('/assets/fonts/icomoon.woff?-ei3c8u') format('woff'), - url('/assets/fonts/icomoon.ttf?-ei3c8u') format('truetype'), - url('/assets/fonts/icomoon.svg?-ei3c8u#icomoon') format('svg'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'open_sans'; - src: url('/assets/fonts/OpenSans-Light.eot'); - src: url('/assets/fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), - url('/assets/fonts/OpenSans-Light.woff') format('woff'), - url('/assets/fonts/OpenSans-Light.ttf') format('truetype'), - url('/assets/fonts/OpenSans-Light.svg#open_sanslight') format('svg'); - font-weight: 200; - font-style: normal; -} - -@font-face { - font-family: 'crimson_text'; - src: url('/assets/fonts/crimsontext-regular.eot'); - src: url('/assets/fonts/crimsontext-regular.eot?#iefix') format('embedded-opentype'), - url('/assets/fonts/crimsontext-regular.woff2') format('woff2'), - url('/assets/fonts/crimsontext-regular.woff') format('woff'), - url('/assets/fonts/crimsontext-regular.ttf') format('truetype'), - url('/assets/fonts/crimsontext-regular.svg#crimson_textroman') format('svg'); - font-weight: normal; - font-style: normal; -} - -@font-face { - font-family: 'crimson_text'; - src: url('/assets/fonts/crimsontext-italic.eot'); - src: url('/assets/fonts/crimsontext-italic.eot?#iefix') format('embedded-opentype'), - url('/assets/fonts/crimsontext-italic.woff2') format('woff2'), - url('/assets/fonts/crimsontext-italic.woff') format('woff'), - url('/assets/fonts/crimsontext-italic.ttf') format('truetype'), - url('/assets/fonts/crimsontext-italic.svg#crimson_textitalic') format('svg'); - font-weight: normal; - font-style: italic; -} - -@font-face { - font-family: 'source_code_pro'; - src: url('/assets/fonts/sourcecodepro-regular.eot'); - src: url('/assets/fonts/sourcecodepro-regular.eot?#iefix') format('embedded-opentype'), - url('/assets/fonts/sourcecodepro-regular.woff2') format('woff2'), - url('/assets/fonts/sourcecodepro-regular.woff') format('woff'), - url('/assets/fonts/sourcecodepro-regular.ttf') format('truetype'), - url('/assets/fonts/sourcecodepro-regular.svg#source_code_proregular') format('svg'); - font-weight: normal; - font-style: normal; -} diff --git a/assets/css/viewtime.css b/assets/css/viewtime.css deleted file mode 100644 index b37bebc..0000000 --- a/assets/css/viewtime.css +++ /dev/null @@ -1,107 +0,0 @@ -* { - padding: 0; - margin: 0; -} - -html { - font-family: 'Helvetica', sans-serif; - font-size: 24px; - text-align: center; - background-color: #2A2A2A; - color: #2A2A2A; -} - -.container { - background-color: #FFFFFF; - -webkit-box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.75); - -moz-box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.75); - box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.75); - width: 960px; - max-width: 100%; - min-width: 240px; - margin-left: auto; - margin-right: auto; - padding-bottom: 1em; -} - -a { - text-decoration: none; -} - -p { - padding-top: 40px; - width: 90%; - margin-left: auto; - margin-right: auto; -} - -h1 { - width: 960px; - max-width: 100%; - min-width: 240px; - height: 250px; - background-image: -o-linear-gradient(-89deg, #C02126 0%, #4A1112 100%); - background-image: -moz-linear-gradient(-89deg, #C02126 0%, #4A1112 100%); - background-image: -ms-linear-gradient(-89deg, #C02126 0%, #4A1112 100%); - background-image: linear-gradient(-179deg, #C02126 0%, #4A1112 100%); - font-size: 72px; - line-height: 250px; - color: #FFFFFF; - text-shadow: 0px 2px 4px rgba(0,0,0,0.50); -} - -a#install_button { - border-radius: 10px; - font-size: 48px; - padding: 10px 120px; -} - -.inactive { - background-color: #AAAAAA; - color: #cccccc; -} - -.active { - color: #FFFFFF; - text-shadow: 0px -2px 0px rgba(0,0,0,0.50); - background-image: -o-linear-gradient(-89deg, #86C01E 0%, #2F6F15 100%); - background-image: -moz-linear-gradient(-89deg, #86C01E 0%, #2F6F15 100%); - background-image: -ms-linear-gradient(-89deg, #86C01E 0%, #2F6F15 100%); - background-image: linear-gradient(-179deg, #86C01E 0%, #2F6F15 100%); -} - -.active:hover { - background-image: -o-linear-gradient(-89deg, #6DA705 0%, #165600 100%); - background-image: -moz-linear-gradient(-89deg, #6DA705 0%, #165600 100%); - background-image: -ms-linear-gradient(-89deg, #6DA705 0%, #165600 100%); - background-image: linear-gradient(-179deg, #6DA705 0%, #165600 100%); - text-shadow: 0px -2px 0px rgba(0,0,0,0.50); -} - -.active:active { - background-image: -o-linear-gradient(-89deg, #165600 0%, #6DA705 100%); - background-image: -moz-linear-gradient(-89deg, #165600 0%, #6DA705 100%); - background-image: -ms-linear-gradient(-89deg, #165600 0%, #6DA705 100%); - background-image: linear-gradient(-179deg, #165600 0%, #6DA705 100%); - text-shadow: 0px 2px 0px rgba(0,0,0,0.50); -} - -p img { - padding: 10px; -} - -.install_tagline { - font-size: 14px; - padding-top: 10px; -} - -#safari_text, #chrome_text { - display: none; -} - -.home_link { - font-size: 18px; - color: #dc322f; - letter-spacing: 1px; - text-transform: uppercase; -} diff --git a/assets/images/ben_circle.png b/assets/images/ben_circle.png index 352bff8..4963faa 100644 Binary files a/assets/images/ben_circle.png and b/assets/images/ben_circle.png differ diff --git a/assets/stylesheets/site.scss b/assets/stylesheets/site.scss new file mode 100644 index 0000000..a2ae002 --- /dev/null +++ b/assets/stylesheets/site.scss @@ -0,0 +1,224 @@ +--- +--- + +@import "normalize"; +@import "global"; +@import "960-responsive"; +// @import "syntax"; + +body { + font-family: $serif; + font-size: 20px; + color: $black; +} + +h1, h2, h3, h4, h5, h6 { + font-family: $sans; + font-weight: 200; + margin-top: 1em; + margin-bottom: 0.5em; + text-align: center; + padding-left: 10%; + padding-right: 10%; +} + +a { + color: $red; + text-decoration: none; + @include transition(color, $link-fade-time, ease); + + &:hover { + color: darken($red, $link-darken-amount); + } + + &.project { + color: $blue; + &:hover { + color: darken($blue, $link-darken-amount); + } + } + + &.post { + color: $magenta; + &:hover { + color: darken($magenta, $link-darken-amount); + } + } +} + +p { + line-height: 2em; + margin-bottom: 2em; + margin-top: 2em; +} + +pre { + margin-bottom: 2em; + margin-top: 2em; +} + +blockquote { + width: 80%; + margin-right: auto; + margin-left: auto; + margin-top: 0; + margin-bottom: 0; + position: relative; + + quotes: "\201C""\201D""\2018""\2019"; + + &:before { + content: open-quote; + color: $base1; + font-size: 4em; + margin: 0; + padding: 0; + line-height: 0; + position: absolute; + left: -0.7em; + top: 0.5em; + font-family: $monospace; + } +} + +table { + margin-top: 1em; + margin-bottom: 1em; +} + +td { + font-size: 0.8em; + padding: 0.5em; + vertical-align: top; +} + +ul { + list-style-type: square; +} + +ul, ol { + margin-left: 2em; + margin-bottom: 1em; +} + +li { + margin-bottom: 1em; +} + +code { + font-family: $monospace; + font-size: 0.8em; + // color: $base1; +} + +footer { + font-family: $monospace; + text-align: center; + border-top: 2px solid $base1; + padding-top: 1em; + padding-bottom: 1em; + font-size: 0.8em; + @include transition(color, $link-fade-time, ease); + color: $base1; + + a { + color: $base1; + } + + &:hover { + color: $black; + + a { + color: $red; + &:hover { + color: darken($red, $link-darken-amount); + } + } + } +} + +header { + a { + font-family: $sans; + font-weight: 200; + color: $white; + display: block; + border: none; + text-align: center; + padding: 0.5em; + @include transition(all, $link-fade-time, ease); + + &:hover { + color: $white; + } + } + + .projects { + @include nav_button($blue); + } + + .posts { + @include nav_button($magenta); + } + + .github { + @include nav_button($green); + } + + .resume { + @include nav_button($orange); + } +} + +.about { + width: 80%; + margin-left: auto; + margin-right: auto; +} + +.portrait { + width: 200px; + height: 200px; + margin-top: 2em; + margin-left: auto; + margin-right: auto; + background-image: url('/assets/images/ben_circle.png'); + background-repeat: no-repeat; +} + +.center { + text-align: center; +} + +.right { + text-align: right; +} + +.date { + // margin-bottom: 1em; + font-family: $monospace; + // font-weight: 200; + color: $base1; + text-align: center; +} + +article { + img { + max-width: 100%; + } +} + +@media print { + body { + color: #000; + } + + a { + color: #000; + } + + header, footer { + display: none; + visibility: hidden; + } +} diff --git a/assets/stylesheets/viewtime.css b/assets/stylesheets/viewtime.css new file mode 100644 index 0000000..b37bebc --- /dev/null +++ b/assets/stylesheets/viewtime.css @@ -0,0 +1,107 @@ +* { + padding: 0; + margin: 0; +} + +html { + font-family: 'Helvetica', sans-serif; + font-size: 24px; + text-align: center; + background-color: #2A2A2A; + color: #2A2A2A; +} + +.container { + background-color: #FFFFFF; + -webkit-box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.75); + -moz-box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.75); + box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.75); + width: 960px; + max-width: 100%; + min-width: 240px; + margin-left: auto; + margin-right: auto; + padding-bottom: 1em; +} + +a { + text-decoration: none; +} + +p { + padding-top: 40px; + width: 90%; + margin-left: auto; + margin-right: auto; +} + +h1 { + width: 960px; + max-width: 100%; + min-width: 240px; + height: 250px; + background-image: -o-linear-gradient(-89deg, #C02126 0%, #4A1112 100%); + background-image: -moz-linear-gradient(-89deg, #C02126 0%, #4A1112 100%); + background-image: -ms-linear-gradient(-89deg, #C02126 0%, #4A1112 100%); + background-image: linear-gradient(-179deg, #C02126 0%, #4A1112 100%); + font-size: 72px; + line-height: 250px; + color: #FFFFFF; + text-shadow: 0px 2px 4px rgba(0,0,0,0.50); +} + +a#install_button { + border-radius: 10px; + font-size: 48px; + padding: 10px 120px; +} + +.inactive { + background-color: #AAAAAA; + color: #cccccc; +} + +.active { + color: #FFFFFF; + text-shadow: 0px -2px 0px rgba(0,0,0,0.50); + background-image: -o-linear-gradient(-89deg, #86C01E 0%, #2F6F15 100%); + background-image: -moz-linear-gradient(-89deg, #86C01E 0%, #2F6F15 100%); + background-image: -ms-linear-gradient(-89deg, #86C01E 0%, #2F6F15 100%); + background-image: linear-gradient(-179deg, #86C01E 0%, #2F6F15 100%); +} + +.active:hover { + background-image: -o-linear-gradient(-89deg, #6DA705 0%, #165600 100%); + background-image: -moz-linear-gradient(-89deg, #6DA705 0%, #165600 100%); + background-image: -ms-linear-gradient(-89deg, #6DA705 0%, #165600 100%); + background-image: linear-gradient(-179deg, #6DA705 0%, #165600 100%); + text-shadow: 0px -2px 0px rgba(0,0,0,0.50); +} + +.active:active { + background-image: -o-linear-gradient(-89deg, #165600 0%, #6DA705 100%); + background-image: -moz-linear-gradient(-89deg, #165600 0%, #6DA705 100%); + background-image: -ms-linear-gradient(-89deg, #165600 0%, #6DA705 100%); + background-image: linear-gradient(-179deg, #165600 0%, #6DA705 100%); + text-shadow: 0px 2px 0px rgba(0,0,0,0.50); +} + +p img { + padding: 10px; +} + +.install_tagline { + font-size: 14px; + padding-top: 10px; +} + +#safari_text, #chrome_text { + display: none; +} + +.home_link { + font-size: 18px; + color: #dc322f; + letter-spacing: 1px; + text-transform: uppercase; +} diff --git a/index.html b/index.html index bca626e..001906d 100644 --- a/index.html +++ b/index.html @@ -1,14 +1,14 @@ --- layout: master -title: Ben Burwell +title: Ben Burwell - Software Engineer --- -
+

-

Ben Burwell

-

Software engineer, student, hacker. Passionate about kerning & coffee.

+

Ben Burwell

+

Software engineer, student, hacker. Passionate about kerning & coffee.

{% for post in site.posts limit:1 %} -

Latest post: {{ post.title }}

+

Latest post: {{ post.title }}

{% endfor %}
diff --git a/posts/index.html b/posts/index.html index 75fa783..62b7c66 100644 --- a/posts/index.html +++ b/posts/index.html @@ -1,11 +1,12 @@ --- layout: master -title: Ben Burwell’s Writing -description: A small collection of writing I’ve done on various topics over the years. +title: Posts - Ben Burwell +description: Irregularly updated blogish thing about stuff I’m interested in. +redirect_from: /writing/ ---
{% for post in site.posts %} -

{{ post.title }}

+

{{ post.title }}

{% endfor %}
diff --git a/projects/index.html b/projects/index.html index f19f3c7..7c7202d 100644 --- a/projects/index.html +++ b/projects/index.html @@ -5,13 +5,13 @@ description: Projects I’ve done. ---
-

ViewTime, a Browser Extension for YouTube™

+

ViewTime, a Browser Extension for YouTube™

-

Forest™ Printer Management System

+

Forest™ Printer Management System

-

MDEngine

+

MDEngine

-

Helvetica for Safari and Chrome

+

Helvetica for Safari and Chrome

-

Unified Show Control

+

Unified Show Control

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 @@ + + + ViewTime, a YouTube Extension for Google Chrome and Safari + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

ViewTime

+

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.

+

ViewTime screenshot

+

Install

+

download and double-click to install in Safari

+

click to install from the Chrome Web Store

+

Uh oh! Looks like you’re not using a supported browser.
ViewTime works in Safari and Google Chrome.

+

+ + Tweet + + + Share on Facebook + + + Share on Google+ +

+

+ www.benburwell.com +

+
+ + 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:_ Click to install or [view on the Chrome Webstore](https://chrome.google.com/webstore/detail/viewtime/jcplgieacjacdjabiiedcdfcpbgohbpp). - -![ViewTime example](/assets/images/viewtime-example.png) diff --git a/viewtime/index.html b/viewtime/index.html deleted file mode 100644 index 94767fd..0000000 --- a/viewtime/index.html +++ /dev/null @@ -1,117 +0,0 @@ - - - ViewTime, a YouTube Extension for Google Chrome and Safari - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-

ViewTime

-

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.

-

ViewTime screenshot

-

Install

-

download and double-click to install in Safari

-

click to install from the Chrome Web Store

-

Uh oh! Looks like you’re not using a supported browser.
ViewTime works in Safari and Google Chrome.

-

- - Tweet - - - Share on Facebook - - - Share on Google+ -

-

- www.benburwell.com -

-
- - -- cgit v1.2.3