From 2b59a0f8355ae8b4bf71cf5c2a365de91f5ebe1b Mon Sep 17 00:00:00 2001 From: Ben Burwell Date: Mon, 30 Mar 2015 02:46:14 -0400 Subject: redesign --- 404.html | 15 + 404.markdown | 12 - _config.yml | 4 +- _data/projects.yml | 49 ++ _layouts/master.html | 167 +++--- _layouts/post.html | 25 +- _posts/2013-01-13-unified-show-control.markdown | 12 + _posts/2013-12-13-helvetica.markdown | 28 + .../2014-04-28-forest-printer-management.markdown | 28 + _sass/960-responsive.scss | 107 ---- _sass/_base.scss | 66 +++ _sass/_brand.scss | 88 +++ _sass/_mixins.scss | 20 + _sass/_print.scss | 20 + _sass/_respond.scss | 44 ++ _sass/_typography.scss | 32 ++ _sass/_utility.scss | 23 + _sass/_variables.scss | 13 + _sass/font-awesome/_animated.scss | 34 ++ _sass/font-awesome/_bordered-pulled.scss | 16 + _sass/font-awesome/_core.scss | 13 + _sass/font-awesome/_fixed-width.scss | 6 + _sass/font-awesome/_icons.scss | 596 ++++++++++++++++++++ _sass/font-awesome/_larger.scss | 13 + _sass/font-awesome/_list.scss | 19 + _sass/font-awesome/_mixins.scss | 27 + _sass/font-awesome/_path.scss | 15 + _sass/font-awesome/_rotated-flipped.scss | 20 + _sass/font-awesome/_stacked.scss | 20 + _sass/font-awesome/_variables.scss | 605 +++++++++++++++++++++ _sass/font-awesome/font-awesome.scss | 17 + _sass/global.scss | 48 -- _sass/normalize.scss | 406 -------------- _sass/syntax.scss | 162 ------ assets/fonts/FontAwesome.otf | Bin 0 -> 93888 bytes assets/fonts/fontawesome-webfont.eot | Bin 0 -> 60767 bytes assets/fonts/fontawesome-webfont.svg | 565 +++++++++++++++++++ assets/fonts/fontawesome-webfont.ttf | Bin 0 -> 122092 bytes assets/fonts/fontawesome-webfont.woff | Bin 0 -> 71508 bytes assets/fonts/fontawesome-webfont.woff2 | Bin 0 -> 56780 bytes assets/fonts/icomoon.eot | Bin 2832 -> 0 bytes assets/fonts/icomoon.svg | 16 - assets/fonts/icomoon.ttf | Bin 2668 -> 0 bytes assets/fonts/icomoon.woff | Bin 2088 -> 0 bytes assets/scripts/d3/gender_terms_v1.js | 2 +- assets/scripts/d3/party_affiliation_v0.js | 2 +- assets/scripts/d3/religion_v0.js | 2 +- assets/scripts/d3/religion_v1.js | 2 +- assets/stylesheets/site.scss | 256 +-------- assets/stylesheets/viewtime.css | 107 ---- index.html | 38 +- pgp/index.md | 11 - posts/index.html | 4 +- projects/forest-printer-management/index.markdown | 28 - projects/helvetica/index.markdown | 28 - projects/index.html | 25 +- projects/mdengine/index.markdown | 10 - projects/unified-show-control/index.markdown | 12 - projects/viewtime/index.html | 95 ---- 59 files changed, 2570 insertions(+), 1403 deletions(-) create mode 100644 404.html delete mode 100644 404.markdown create mode 100644 _data/projects.yml create mode 100644 _posts/2013-01-13-unified-show-control.markdown create mode 100644 _posts/2013-12-13-helvetica.markdown create mode 100644 _posts/2014-04-28-forest-printer-management.markdown delete mode 100644 _sass/960-responsive.scss create mode 100644 _sass/_base.scss create mode 100644 _sass/_brand.scss create mode 100644 _sass/_mixins.scss create mode 100644 _sass/_print.scss create mode 100644 _sass/_respond.scss create mode 100644 _sass/_typography.scss create mode 100644 _sass/_utility.scss create mode 100644 _sass/_variables.scss create mode 100644 _sass/font-awesome/_animated.scss create mode 100644 _sass/font-awesome/_bordered-pulled.scss create mode 100644 _sass/font-awesome/_core.scss create mode 100644 _sass/font-awesome/_fixed-width.scss create mode 100644 _sass/font-awesome/_icons.scss create mode 100644 _sass/font-awesome/_larger.scss create mode 100644 _sass/font-awesome/_list.scss create mode 100644 _sass/font-awesome/_mixins.scss create mode 100644 _sass/font-awesome/_path.scss create mode 100644 _sass/font-awesome/_rotated-flipped.scss create mode 100644 _sass/font-awesome/_stacked.scss create mode 100644 _sass/font-awesome/_variables.scss create mode 100644 _sass/font-awesome/font-awesome.scss delete mode 100644 _sass/global.scss delete mode 100644 _sass/normalize.scss delete mode 100644 _sass/syntax.scss create mode 100644 assets/fonts/FontAwesome.otf create mode 100644 assets/fonts/fontawesome-webfont.eot create mode 100644 assets/fonts/fontawesome-webfont.svg create mode 100644 assets/fonts/fontawesome-webfont.ttf create mode 100644 assets/fonts/fontawesome-webfont.woff create mode 100644 assets/fonts/fontawesome-webfont.woff2 delete mode 100755 assets/fonts/icomoon.eot delete mode 100755 assets/fonts/icomoon.svg delete mode 100755 assets/fonts/icomoon.ttf delete mode 100755 assets/fonts/icomoon.woff delete mode 100644 assets/stylesheets/viewtime.css delete mode 100644 pgp/index.md delete mode 100644 projects/forest-printer-management/index.markdown delete mode 100644 projects/helvetica/index.markdown delete mode 100644 projects/mdengine/index.markdown delete mode 100644 projects/unified-show-control/index.markdown delete mode 100644 projects/viewtime/index.html diff --git a/404.html b/404.html new file mode 100644 index 0000000..30c250c --- /dev/null +++ b/404.html @@ -0,0 +1,15 @@ +--- +title: Well, this is embarrassing. +description: Page not found — that’s a 404 :( +layout: master +--- + +

404 - Not Found

+ +

Perhaps you'd be interested in one of the following?

+ + diff --git a/404.markdown b/404.markdown deleted file mode 100644 index d2f7885..0000000 --- a/404.markdown +++ /dev/null @@ -1,12 +0,0 @@ ---- -title: Well, this is embarrassing. -description: Page not found — that’s a 404 :( -permalink: /404.html -layout: master ---- - -# Well, this is embarassing. - -Either I screwed up and linked you to a page that doesn’t exist (silly me!), or you went looking for something that I never made (silly me — I should have made it!). - -Sorry about that! diff --git a/_config.yml b/_config.yml index 52c444c..00fc53d 100644 --- a/_config.yml +++ b/_config.yml @@ -1,6 +1,6 @@ # Config options markdown: redcarpet -highlighter: pygments +# highlighter: pygments sass: style: :compressed sass_dir: _sass @@ -8,7 +8,7 @@ permalink: /posts/:title/ gems: - jekyll-redirect-from timezone: America/New_York -lsi: true +# lsi: true # Site-level data name: Ben Burwell diff --git a/_data/projects.yml b/_data/projects.yml new file mode 100644 index 0000000..6149d7b --- /dev/null +++ b/_data/projects.yml @@ -0,0 +1,49 @@ +- name: BergEMS.org + description: An EMS agency management web application for tracking member records, scheduling shifts, and more. + tech: Node.js, MongoDB, Heroku + github: benburwell/MCEMS-Site + live: https://www.bergems.org/ + +- name: actiondoc + description: A documentation generator for the Actionhero.js API framework. + tech: Angular + github: benburwell/actiondoc + live: http://actiondoc.benburwell.com/ + +- name: Simple Weather App + description: A simple demo web app showcasing the HTML5 geolocation API + tech: HTML5 Geolocation API, JavaScript, OpenWeatherMap API + github: benburwell/weather + live: http://weather.benburwell.com/ + +- name: Forest Printer Management System API + description: In Software Engineering class, my team created a printer monitoring platform called Forest. + tech: Node.js, Actionhero.js, Heroku + github: printerSystemCSI210/api-server + live: /posts/forest-printer-management/ + +- name: Article Management Interface + description: A web application I created for my high school newspaper to help manage the publishing workflow + tech: HTML, PHP, JavaScript, CSS, MySQL + github: benburwell/ami + +- name: Music Analysis Project + description: For an independent study project, we created an npm package, API server, and browser extensions to analyze the difficulty of music posted to Musescore.org + tech: Node.js, Heroku, Actionhero.js, Google Chrome extensions, Firefox extensions, Safari extensions, npm + github: csi970 + +- name: Helvetica + description: A browser extension for Google Chrome and Safari that transforms all text to Helvetica. + tech: Google Chrome extension framework, Safari extension framework + github: benburwell/Helvetica + +- name: Resume + description: My resume, created in LaTeX + tech: LaTeX + github: benburwell/resume + live: /assets/pdf/Ben_Burwell_Resume.pdf + +- name: MDEngine + description: A really simple Markdown to HTML framework for Apache + tech: Apache web server, PHP, HTML, CSS + github: benburwell/MDEngine diff --git a/_layouts/master.html b/_layouts/master.html index 26c9f31..91ea717 100644 --- a/_layouts/master.html +++ b/_layouts/master.html @@ -1,99 +1,92 @@ - - {{ page.title }} + + {{ page.title }} - + - + - + - + - - - - - - - - + + + + + + + + - - {% if page.description %} - - {% else %} - - {% endif %} - + + {% if page.description %} + + {% else %} + + {% endif %} + - - - {% if page.description %} - - {% else %} - - {% endif %} - {% if page.image %} - - {% else %} - - {% endif %} - - - - + + + {% if page.description %} + + {% else %} + + {% endif %} + {% if page.image %} + + {% else %} + + {% endif %} + + + + - - - - - {% if page.description %} - - {% else %} - - {% endif %} - {% if page.image %} - - {% else %} - - {% endif %} - + + + + + {% if page.description %} + + {% else %} + + {% endif %} + {% if page.image %} + + {% else %} + + {% endif %} + - {% if page.chrome-webstore-item %} - - {% endif %} - - -
-
-
- Projects -
-
- Posts -
-
- GitHub -
-
- Résumé -
-
-
- {{ content }} -
- -
- + {% if page.chrome-webstore-item %} + + {% endif %} + + +
+ +
+
+ {{ content }} +
+ + diff --git a/_layouts/post.html b/_layouts/post.html index ca44314..01e2484 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -5,10 +5,33 @@ layout: master

{{ page.title }}

-
+

{{ content }}
+ +
+
+ {% if page.previous %} +
+ Previous Post +
+ {% endif %} + + {% if page.next %} +
+ Next Post +
+ {% endif %} +
+ +
+

— Related Posts —

+ {% for post in site.related_posts limit:3 %} +

{{ post.title }}

+ {% endfor %} +
+
diff --git a/_posts/2013-01-13-unified-show-control.markdown b/_posts/2013-01-13-unified-show-control.markdown new file mode 100644 index 0000000..cbbaa74 --- /dev/null +++ b/_posts/2013-01-13-unified-show-control.markdown @@ -0,0 +1,12 @@ +--- +layout: post +title: Unified Show Control +description: A paper on unifying all aspects of theatrical show control. +date: 2013-01-13 00:00:00 +--- + +For my freshman writing seminar at Muhlenberg, I wrote a paper on a system I devised for controlling many different theatrical cueing consoles from one master console using MIDI Show Control (MSC). I called my system [Unified Show Control (pdf)](/assets/pdf/Unified_Show_Control.pdf). + +Shortly after finishing this project, I discovered that [QLab][] from Figure 53 already has MSC built into it. Though it was slightly disappointing, I was thrilled that my idea already exists, albeit in a slightly different form. + +[QLab]: http://figure53.com/qlab/ diff --git a/_posts/2013-12-13-helvetica.markdown b/_posts/2013-12-13-helvetica.markdown new file mode 100644 index 0000000..3b3454c --- /dev/null +++ b/_posts/2013-12-13-helvetica.markdown @@ -0,0 +1,28 @@ +--- +layout: post +title: Helvetica for Safari and Chrome +description: Those who believe the web should be made more beautiful will appreciate this extension for Safari and Google Chrome that makes all text display in Helvetica Neue (with regular old Helvetica as a backup). +date: 2013-12-13 00:00:00 +--- + +Those who believe the web should be made more beautiful will appreciate this extension for Safari and Google Chrome that makes all text display in Helvetica Neue (with regular old Helvetica as a backup). + +Installing Helvetica in Safari +------------------------------ + +* [Download Helvetica](http://updates.benburwell.com/safari/helvetica/latest.safariextz) to your computer. +* Click on the Downloads icon in the toolbar. +* Double-click on `helvetica.safariextz` to install. + +Installing Helvetica in Google Chrome +------------------------------------- + +* [Download Helvetica](http://updates.benburwell.com/chrome/helvetica/latest.crx) to your computer. +* Click the ![triple bar](/assets/images/icons/settings-icon.png) icon on the Chrome toolbar +* Select Tools > Extensions. +* Locate the extension file on your computer and drag the file onto the Extensions page. +* Review the list of permissions in the dialog that appears. If you would like to proceed, click Install. + +It’s not perfect; there will be some text that is not Helvetica since this is simply the application of a stylesheet. If a site is using significant amounts of JavaScript, some text may not be transformed. This will be corrected in later versions. + +For the most part, fonts will be replaced on sites that don’t have very specific typography. In general, you’ll find that sites that have put care into their typeface choices will have those choices preserved. diff --git a/_posts/2014-04-28-forest-printer-management.markdown b/_posts/2014-04-28-forest-printer-management.markdown new file mode 100644 index 0000000..45faf05 --- /dev/null +++ b/_posts/2014-04-28-forest-printer-management.markdown @@ -0,0 +1,28 @@ +--- +layout: post +title: Forest™ Printer Management System +description: For my Software Engineering class, we built a printer management infrastructure. +date: 2014-04-28 00:00:00 +--- + +In the Fall 2013 semester, I took a Software Engineering class. After a few weeks studying about development lifecycles, scheduling techniques, and such, we split the class into groups to propose and develop large software projects. I joined the team that was building a system that would track printer usage, display status, and collect statistics. Having previously created [a printer status project](http://mathcs.muhlenberg.edu/~bb246500/printers/), I found the idea intriguing. + +Several of the team members had experience using GitHub, so we decided to [create an organization](https://github.com/printerSystemCSI210) to store documents and provide version control. We had the school Math/CS department web server running Apache available for web hosting. Additionally, I had experience with [Node.js](http://nodejs.org) running on [Heroku](https://www.heroku.com/), so we had that technology in our arsenal as well. + +One of the first challenges we encountered that would have an impact on our architecture was the fact that most printers do not have public IP addresses and thus would need to be queried from inside the local network, while we wanted the public-facing site to be accessible regardless of physical location. This led us to developing the concept of an API which would enable a master database to be queried and updated by various components. In developing an API-central infrastructure, we were also looking down th line towards supporting client-developed applications and native applications for various platforms (iOS, Android, Windows, OS X). + +

+ + Forest Interaction Diagram + +

+ +Our first task was to develop a data format and database schema. As we intended to use [actionhero](http://actionherojs.com) for the API server, we created a [schema for MongoDB](https://github.com/printerSystemCSI210/api-server/blob/master/initializers/_project.js) and a base [set of API commands](https://github.com/printerSystemCSI210/api-server/tree/master/actions) we would need to implement in order to get a framework of the service up and running. We [deployed this on Heroku](https://forest-api.herokuapp.com). + +Simultaneously, we began work on a [web frontend](https://github.com/printerSystemCSI210/frontend) [hosted on the Math/CS server](http://mathcs.muhlenberg.edu/~mb247142/forest/frontend/home.php) that would communicate with the API to display graphs using [chart.js](http://www.chartjs.org). You can make an account here and add printers, though the interface is probably still a bit buggy. + +Additionally, we created a [Ruby program](https://github.com/printerSystemCSI210/query-agent) that would be running on the local network and would pull printer addresses from the API and query their status and properties via SNMP and push this information back to the API at a specified interval. We began working on bundling the gem as a standalone application using [Omnibus](https://github.com/opscode/omnibus-ruby), but due to lack of time at the end of the semester, this was never completed. + +At the end of the semester, we had built three interacting components, each using a different technology (Node.js/Mongoose, PHP/Apache, Ruby). You can [read our final Venture Proposal (pdf)](/assets/pdf/forest_venture_proposal.pdf). While all of our components communicated over HTTP using JSON, it’s worth noting that actionhero supports socket connections over TCP/TLS, which would have been a better choice for some of our infrastructure in production. We decided to use HTTP since it was easier to deploy on Heroku’s free tier and easier to interact with without writing additional components in Ruby and PHP. + +We’ve talked about continuing to develop the project beyond the class, but no progress has really been made. It’s probably possible to get a working monitoring system up and running based off our code (which is [all on GitHub](https://github.com/printerSystemCSI210)), but it would require quite a bit of legwork as it currently stands. diff --git a/_sass/960-responsive.scss b/_sass/960-responsive.scss deleted file mode 100644 index 16fcd10..0000000 --- a/_sass/960-responsive.scss +++ /dev/null @@ -1,107 +0,0 @@ -// Default styles -body { - min-width: 960px; -} - -.container { - margin-left: auto; - margin-right: auto; - width: 960px; -} - -.grid_blob, -.grid_half, -.grid_wide { - display: inline; - float: left; - margin-left: 10px; - margin-right: 10px; -} - -.container .grid_blob { - width: 220px; -} - -.container .grid_half { - width: 440px; -} - -.container .grid_wide { - width: 940px; -} - -.container:before, -.container:after { - content: '.'; - display: block; - overflow: hidden; - visibility: hidden; - font-size: 0; - line-height: 0; - width: 0; - height: 0; -} - -/* -* 960 Responsive Grid -* Copyright 2012, Tyler Wolff -* Free to use under the MIT license. -* http://www.opensource.org/licenses/mit-license.php -* 12/10/2012 -*/ - -/* Tablet Portrait width to 960px */ -@media only screen and (min-width: 768px) and (max-width: 959px) { - - body { - min-width: 768px; - } - - .container { - width: 768px; - } - - .container .grid_blob { width: 172px; } - .container .grid_half { width: 344px; } - .container .grid_wide { width: 748px; } -} - -/* All Mobile Widths */ -@media only screen and (max-width: 767px) { - - body { - min-width: 300px; - } - - .container { - width: 300px; - } - - .container .grid_blob, - .container .grid_half, - .container .grid_wide { - margin: 0; - width: 300px; - } - -} - -/* Mobile Landscape Width to Tablet Portrait Width */ -@media only screen and (min-width: 480px) and (max-width: 767px) { - - body { - min-width: 480px; - } - - .container { - width: 420px; - } - - .container .grid_blob, - .container .grid_half, - .container .grid_wide { - margin: 0; - width: 420px; - } - -} diff --git a/_sass/_base.scss b/_sass/_base.scss new file mode 100644 index 0000000..1304fef --- /dev/null +++ b/_sass/_base.scss @@ -0,0 +1,66 @@ +html { + font-size: 20px; +} + +body { + font-family: $serif; + font-weight: normal; + font-size: 20px; + margin: 0; + padding: 0; +} + +article, aside, p { + display: block; + margin: 0; + padding: 0; +} + +h1, h2, h3, h4, h5, h6 { + margin: 0; + padding: 0; +} + +strong { + font-weight: bold; +} + +em { + font-style: italic; +} + +pre, code, kbd { + font-family: $monospace; +} + +pre { + margin-left: 1rem; + margin-right: 1rem; +} + +a { + text-decoration: none; + background: transparent; + color: inherit; + cursor: pointer; +} + +time { + display: inline; +} + +hr { + border-width: 1px; + border-color: $gray; + border-style: dotted none none none; + margin-top: 1rem; + margin-bottom: 1rem; +} + +ul, ol { + margin: 0; +} + +li { + margin: 1rem; +} diff --git a/_sass/_brand.scss b/_sass/_brand.scss new file mode 100644 index 0000000..74c4651 --- /dev/null +++ b/_sass/_brand.scss @@ -0,0 +1,88 @@ +body { + color: $gray; +} + +header, footer, main { + margin-top: 1rem; + margin-bottom: 1rem; + @extend .container; +} + +a { + color: $teal; + transition: color 0.4s ease, background-color 0.4s ease; + + &:hover { + color: $gray; + @extend .hilite; + } +} + +kbd { + border-style: solid; + border-color: $gray; + border-width: 1px 1px 2px 1px; + border-radius: 4px; + font-size: 0.8rem; + padding: 0 0.3em; +} + +footer { + @extend .center; + font-family: $sans; + font-size: 0.8rem; +} + +header nav a { + display: inline-block; + font-family: $monospace; + margin-right: 1rem; +} + +time { + color: $light-gray; + font-family: $monospace; +} + +hr { + width: 20%; + margin-left: auto; + margin-right: auto; + border-color: $light-gray; +} + +aside { + width: 66%; + // text-align: center; + margin-left: auto; + margin-right: auto; + color: $light-gray; +} + +ul { + list-style-type: square; +} + +ol { + list-style-type: lower-roman; +} + +.social-icons { + a { + padding: 0.5em; + color: $light-gray; + &:hover { + color: $gray; + background-color: transparent; + } + } +} + +.about pre { + color: $light-gray; + margin-left: 0; + em { + color: $gray; + font-style: normal; + } +} diff --git a/_sass/_mixins.scss b/_sass/_mixins.scss new file mode 100644 index 0000000..f813c72 --- /dev/null +++ b/_sass/_mixins.scss @@ -0,0 +1,20 @@ +@mixin clearfix { + &:before { + display: table; + content: ""; + } + + &:after { + display: table; + clear: both; + content: ""; + } +} + +@mixin transition ($param, $time, $type) { + -webkit-transition: $param $time $type; + -moz-transition: $param $time $type; + -o-transition: $param $time $type; + -ms-transition: $param $time $type; + transition: $param $time $type; +} diff --git a/_sass/_print.scss b/_sass/_print.scss new file mode 100644 index 0000000..e63f187 --- /dev/null +++ b/_sass/_print.scss @@ -0,0 +1,20 @@ +@media print { + + body { + font-size: 12pt; + color: black; + } + + time { + color: black; + } + + a { + color: black; + text-decoration: underline; + } + + .print-hide { + display: none; + } +} diff --git a/_sass/_respond.scss b/_sass/_respond.scss new file mode 100644 index 0000000..1acbecc --- /dev/null +++ b/_sass/_respond.scss @@ -0,0 +1,44 @@ +// Set up default container +.container { + display: block; + width: 100%; + margin-left: auto; + margin-right: auto; + margin-top: 0; + margin-bottom: 0; +} + +// If we have a decent size screen, we can split columns if we want to +@media only screen and (min-width: 768px) { + .split { + @include clearfix; + + .left, .right { + width: 50%; + margin: 0; + padding: 0; + } + + .left { + float: left; + } + + .right { + float: right; + } + } +} + +// Set a layout breakpoint at 768px for tablets +@media only screen and (min-width: 768px) and (max-width: 899px) { + .container { + width: 768px; + } +} + +// Set a layout breakpoint at 900px for desktops +@media only screen and (min-width: 900px) { + .container { + width: 900px; + } +} diff --git a/_sass/_typography.scss b/_sass/_typography.scss new file mode 100644 index 0000000..873b9c9 --- /dev/null +++ b/_sass/_typography.scss @@ -0,0 +1,32 @@ +body { + line-height: 1.8; +} + + +h1, h2, h3, h4, h5, h6 { + font-family: $sans; + font-weight: 200; + line-height: 1.3; +} + +h1 { + font-size: 2rem; + margin-top: 1rem; + margin-bottom: 1rem; +} + +h2 { + font-size: 1.5rem; + margin-top: 1rem; + margin-bottom: 0.5rem; +} + +pre, code, kbd { + font-size: 0.9rem; + color: $gray; +} + +p { + margin-top: 1rem; + margin-bottom: 1rem; +} diff --git a/_sass/_utility.scss b/_sass/_utility.scss new file mode 100644 index 0000000..67a55ad --- /dev/null +++ b/_sass/_utility.scss @@ -0,0 +1,23 @@ +.hilite { + background-color: $highlight; +} + +.center { + text-align: center; +} + +.align-left { + text-align: left; +} + +.align-right { + text-align: right; +} + +.sans { + font-family: $sans; +} + +.compressed-list li { + margin: 0; +} diff --git a/_sass/_variables.scss b/_sass/_variables.scss new file mode 100644 index 0000000..e65b8a8 --- /dev/null +++ b/_sass/_variables.scss @@ -0,0 +1,13 @@ +// Colors +$teal: #00819C; +$gray: darken(desaturate($teal, 100%), 10%); +$light-gray: lighten($gray, 30%); +$highlight: #ffd; + +// Fonts +$sans: 'open_sans', sans-serif; +$serif: 'crimson_text', serif; +$monospace: 'source_code_pro', monospace; + +// Layout +$container-width: 900px; diff --git a/_sass/font-awesome/_animated.scss b/_sass/font-awesome/_animated.scss new file mode 100644 index 0000000..8a020db --- /dev/null +++ b/_sass/font-awesome/_animated.scss @@ -0,0 +1,34 @@ +// Spinning Icons +// -------------------------- + +.#{$fa-css-prefix}-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} + +.#{$fa-css-prefix}-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); +} + +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} diff --git a/_sass/font-awesome/_bordered-pulled.scss b/_sass/font-awesome/_bordered-pulled.scss new file mode 100644 index 0000000..9d3fdf3 --- /dev/null +++ b/_sass/font-awesome/_bordered-pulled.scss @@ -0,0 +1,16 @@ +// Bordered & Pulled +// ------------------------- + +.#{$fa-css-prefix}-border { + padding: .2em .25em .15em; + border: solid .08em $fa-border-color; + border-radius: .1em; +} + +.pull-right { float: right; } +.pull-left { float: left; } + +.#{$fa-css-prefix} { + &.pull-left { margin-right: .3em; } + &.pull-right { margin-left: .3em; } +} diff --git a/_sass/font-awesome/_core.scss b/_sass/font-awesome/_core.scss new file mode 100644 index 0000000..5a2db9d --- /dev/null +++ b/_sass/font-awesome/_core.scss @@ -0,0 +1,13 @@ +// Base Class Definition +// ------------------------- + +.#{$fa-css-prefix} { + display: inline-block; + font: normal normal normal #{$fa-font-size-base}/1 FontAwesome; // shortening font declaration + font-size: inherit; // can't have font-size inherit on line above, so need to override + text-rendering: auto; // optimizelegibility throws things off #1094 + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + transform: translate(0, 0); // ensures no half-pixel rendering in firefox + +} diff --git a/_sass/font-awesome/_fixed-width.scss b/_sass/font-awesome/_fixed-width.scss new file mode 100644 index 0000000..b221c98 --- /dev/null +++ b/_sass/font-awesome/_fixed-width.scss @@ -0,0 +1,6 @@ +// Fixed Width Icons +// ------------------------- +.#{$fa-css-prefix}-fw { + width: (18em / 14); + text-align: center; +} diff --git a/_sass/font-awesome/_icons.scss b/_sass/font-awesome/_icons.scss new file mode 100644 index 0000000..868c103 --- /dev/null +++ b/_sass/font-awesome/_icons.scss @@ -0,0 +1,596 @@ +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ + +// .#{$fa-css-prefix}-glass:before { content: $fa-var-glass; } +// .#{$fa-css-prefix}-music:before { content: $fa-var-music; } +// .#{$fa-css-prefix}-search:before { content: $fa-var-search; } +// .#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; } +// .#{$fa-css-prefix}-heart:before { content: $fa-var-heart; } +// .#{$fa-css-prefix}-star:before { content: $fa-var-star; } +// .#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; } +// .#{$fa-css-prefix}-user:before { content: $fa-var-user; } +// .#{$fa-css-prefix}-film:before { content: $fa-var-film; } +// .#{$fa-css-prefix}-th-large:before { content: $fa-var-th-large; } +// .#{$fa-css-prefix}-th:before { content: $fa-var-th; } +// .#{$fa-css-prefix}-th-list:before { content: $fa-var-th-list; } +// .#{$fa-css-prefix}-check:before { content: $fa-var-check; } +// .#{$fa-css-prefix}-remove:before, +// .#{$fa-css-prefix}-close:before, +// .#{$fa-css-prefix}-times:before { content: $fa-var-times; } +// .#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; } +// .#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; } +// .#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; } +// .#{$fa-css-prefix}-signal:before { content: $fa-var-signal; } +// .#{$fa-css-prefix}-gear:before, +// .#{$fa-css-prefix}-cog:before { content: $fa-var-cog; } +// .#{$fa-css-prefix}-trash-o:before { content: $fa-var-trash-o; } +// .#{$fa-css-prefix}-home:before { content: $fa-var-home; } +// .#{$fa-css-prefix}-file-o:before { content: $fa-var-file-o; } +// .#{$fa-css-prefix}-clock-o:before { content: $fa-var-clock-o; } +// .#{$fa-css-prefix}-road:before { content: $fa-var-road; } +// .#{$fa-css-prefix}-download:before { content: $fa-var-download; } +// .#{$fa-css-prefix}-arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; } +// .#{$fa-css-prefix}-arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; } +// .#{$fa-css-prefix}-inbox:before { content: $fa-var-inbox; } +// .#{$fa-css-prefix}-play-circle-o:before { content: $fa-var-play-circle-o; } +// .#{$fa-css-prefix}-rotate-right:before, +// .#{$fa-css-prefix}-repeat:before { content: $fa-var-repeat; } +// .#{$fa-css-prefix}-refresh:before { content: $fa-var-refresh; } +// .#{$fa-css-prefix}-list-alt:before { content: $fa-var-list-alt; } +// .#{$fa-css-prefix}-lock:before { content: $fa-var-lock; } +// .#{$fa-css-prefix}-flag:before { content: $fa-var-flag; } +// .#{$fa-css-prefix}-headphones:before { content: $fa-var-headphones; } +// .#{$fa-css-prefix}-volume-off:before { content: $fa-var-volume-off; } +// .#{$fa-css-prefix}-volume-down:before { content: $fa-var-volume-down; } +// .#{$fa-css-prefix}-volume-up:before { content: $fa-var-volume-up; } +// .#{$fa-css-prefix}-qrcode:before { content: $fa-var-qrcode; } +// .#{$fa-css-prefix}-barcode:before { content: $fa-var-barcode; } +// .#{$fa-css-prefix}-tag:before { content: $fa-var-tag; } +// .#{$fa-css-prefix}-tags:before { content: $fa-var-tags; } +// .#{$fa-css-prefix}-book:before { content: $fa-var-book; } +// .#{$fa-css-prefix}-bookmark:before { content: $fa-var-bookmark; } +// .#{$fa-css-prefix}-print:before { content: $fa-var-print; } +// .#{$fa-css-prefix}-camera:before { content: $fa-var-camera; } +// .#{$fa-css-prefix}-font:before { content: $fa-var-font; } +// .#{$fa-css-prefix}-bold:before { content: $fa-var-bold; } +// .#{$fa-css-prefix}-italic:before { content: $fa-var-italic; } +// .#{$fa-css-prefix}-text-height:before { content: $fa-var-text-height; } +// .#{$fa-css-prefix}-text-width:before { content: $fa-var-text-width; } +// .#{$fa-css-prefix}-align-left:before { content: $fa-var-align-left; } +// .#{$fa-css-prefix}-align-center:before { content: $fa-var-align-center; } +// .#{$fa-css-prefix}-align-right:before { content: $fa-var-align-right; } +// .#{$fa-css-prefix}-align-justify:before { content: $fa-var-align-justify; } +// .#{$fa-css-prefix}-list:before { content: $fa-var-list; } +// .#{$fa-css-prefix}-dedent:before, +// .#{$fa-css-prefix}-outdent:before { content: $fa-var-outdent; } +// .#{$fa-css-prefix}-indent:before { content: $fa-var-indent; } +// .#{$fa-css-prefix}-video-camera:before { content: $fa-var-video-camera; } +// .#{$fa-css-prefix}-photo:before, +// .#{$fa-css-prefix}-image:before, +// .#{$fa-css-prefix}-picture-o:before { content: $fa-var-picture-o; } +// .#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; } +// .#{$fa-css-prefix}-map-marker:before { content: $fa-var-map-marker; } +// .#{$fa-css-prefix}-adjust:before { content: $fa-var-adjust; } +// .#{$fa-css-prefix}-tint:before { content: $fa-var-tint; } +// .#{$fa-css-prefix}-edit:before, +// .#{$fa-css-prefix}-pencil-square-o:before { content: $fa-var-pencil-square-o; } +// .#{$fa-css-prefix}-share-square-o:before { content: $fa-var-share-square-o; } +// .#{$fa-css-prefix}-check-square-o:before { content: $fa-var-check-square-o; } +// .#{$fa-css-prefix}-arrows:before { content: $fa-var-arrows; } +// .#{$fa-css-prefix}-step-backward:before { content: $fa-var-step-backward; } +// .#{$fa-css-prefix}-fast-backward:before { content: $fa-var-fast-backward; } +// .#{$fa-css-prefix}-backward:before { content: $fa-var-backward; } +// .#{$fa-css-prefix}-play:before { content: $fa-var-play; } +// .#{$fa-css-prefix}-pause:before { content: $fa-var-pause; } +// .#{$fa-css-prefix}-stop:before { content: $fa-var-stop; } +// .#{$fa-css-prefix}-forward:before { content: $fa-var-forward; } +// .#{$fa-css-prefix}-fast-forward:before { content: $fa-var-fast-forward; } +// .#{$fa-css-prefix}-step-forward:before { content: $fa-var-step-forward; } +// .#{$fa-css-prefix}-eject:before { content: $fa-var-eject; } +.#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; } +.#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; } +// .#{$fa-css-prefix}-plus-circle:before { content: $fa-var-plus-circle; } +// .#{$fa-css-prefix}-minus-circle:before { content: $fa-var-minus-circle; } +// .#{$fa-css-prefix}-times-circle:before { content: $fa-var-times-circle; } +// .#{$fa-css-prefix}-check-circle:before { content: $fa-var-check-circle; } +// .#{$fa-css-prefix}-question-circle:before { content: $fa-var-question-circle; } +// .#{$fa-css-prefix}-info-circle:before { content: $fa-var-info-circle; } +// .#{$fa-css-prefix}-crosshairs:before { content: $fa-var-crosshairs; } +// .#{$fa-css-prefix}-times-circle-o:before { content: $fa-var-times-circle-o; } +// .#{$fa-css-prefix}-check-circle-o:before { content: $fa-var-check-circle-o; } +// .#{$fa-css-prefix}-ban:before { content: $fa-var-ban; } +// .#{$fa-css-prefix}-arrow-left:before { content: $fa-var-arrow-left; } +// .#{$fa-css-prefix}-arrow-right:before { content: $fa-var-arrow-right; } +// .#{$fa-css-prefix}-arrow-up:before { content: $fa-var-arrow-up; } +// .#{$fa-css-prefix}-arrow-down:before { content: $fa-var-arrow-down; } +// .#{$fa-css-prefix}-mail-forward:before, +// .#{$fa-css-prefix}-share:before { content: $fa-var-share; } +// .#{$fa-css-prefix}-expand:before { content: $fa-var-expand; } +// .#{$fa-css-prefix}-compress:before { content: $fa-var-compress; } +// .#{$fa-css-prefix}-plus:before { content: $fa-var-plus; } +// .#{$fa-css-prefix}-minus:before { content: $fa-var-minus; } +// .#{$fa-css-prefix}-asterisk:before { content: $fa-var-asterisk; } +// .#{$fa-css-prefix}-exclamation-circle:before { content: $fa-var-exclamation-circle; } +// .#{$fa-css-prefix}-gift:before { content: $fa-var-gift; } +// .#{$fa-css-prefix}-leaf:before { content: $fa-var-leaf; } +// .#{$fa-css-prefix}-fire:before { content: $fa-var-fire; } +// .#{$fa-css-prefix}-eye:before { content: $fa-var-eye; } +// .#{$fa-css-prefix}-eye-slash:before { content: $fa-var-eye-slash; } +// .#{$fa-css-prefix}-warning:before, +// .#{$fa-css-prefix}-exclamation-triangle:before { content: $fa-var-exclamation-triangle; } +// .#{$fa-css-prefix}-plane:before { content: $fa-var-plane; } +// .#{$fa-css-prefix}-calendar:before { content: $fa-var-calendar; } +// .#{$fa-css-prefix}-random:before { content: $fa-var-random; } +// .#{$fa-css-prefix}-comment:before { content: $fa-var-comment; } +// .#{$fa-css-prefix}-magnet:before { content: $fa-var-magnet; } +// .#{$fa-css-prefix}-chevron-up:before { content: $fa-var-chevron-up; } +// .#{$fa-css-prefix}-chevron-down:before { content: $fa-var-chevron-down; } +// .#{$fa-css-prefix}-retweet:before { content: $fa-var-retweet; } +// .#{$fa-css-prefix}-shopping-cart:before { content: $fa-var-shopping-cart; } +// .#{$fa-css-prefix}-folder:before { content: $fa-var-folder; } +// .#{$fa-css-prefix}-folder-open:before { content: $fa-var-folder-open; } +// .#{$fa-css-prefix}-arrows-v:before { content: $fa-var-arrows-v; } +// .#{$fa-css-prefix}-arrows-h:before { content: $fa-var-arrows-h; } +// .#{$fa-css-prefix}-bar-chart-o:before, +// .#{$fa-css-prefix}-bar-chart:before { content: $fa-var-bar-chart; } +// .#{$fa-css-prefix}-twitter-square:before { content: $fa-var-twitter-square; } +// .#{$fa-css-prefix}-facebook-square:before { content: $fa-var-facebook-square; } +// .#{$fa-css-prefix}-camera-retro:before { content: $fa-var-camera-retro; } +// .#{$fa-css-prefix}-key:before { content: $fa-var-key; } +// .#{$fa-css-prefix}-gears:before, +// .#{$fa-css-prefix}-cogs:before { content: $fa-var-cogs; } +// .#{$fa-css-prefix}-comments:before { content: $fa-var-comments; } +// .#{$fa-css-prefix}-thumbs-o-up:before { content: $fa-var-thumbs-o-up; } +// .#{$fa-css-prefix}-thumbs-o-down:before { content: $fa-var-thumbs-o-down; } +// .#{$fa-css-prefix}-star-half:before { content: $fa-var-star-half; } +// .#{$fa-css-prefix}-heart-o:before { content: $fa-var-heart-o; } +// .#{$fa-css-prefix}-sign-out:before { content: $fa-var-sign-out; } +// .#{$fa-css-prefix}-linkedin-square:before { content: $fa-var-linkedin-square; } +// .#{$fa-css-prefix}-thumb-tack:before { content: $fa-var-thumb-tack; } +// .#{$fa-css-prefix}-external-link:before { content: $fa-var-external-link; } +// .#{$fa-css-prefix}-sign-in:before { content: $fa-var-sign-in; } +// .#{$fa-css-prefix}-trophy:before { content: $fa-var-trophy; } +// .#{$fa-css-prefix}-github-square:before { content: $fa-var-github-square; } +// .#{$fa-css-prefix}-upload:before { content: $fa-var-upload; } +// .#{$fa-css-prefix}-lemon-o:before { content: $fa-var-lemon-o; } +// .#{$fa-css-prefix}-phone:before { content: $fa-var-phone; } +// .#{$fa-css-prefix}-square-o:before { content: $fa-var-square-o; } +// .#{$fa-css-prefix}-bookmark-o:before { content: $fa-var-bookmark-o; } +// .#{$fa-css-prefix}-phone-square:before { content: $fa-var-phone-square; } +.#{$fa-css-prefix}-twitter:before { content: $fa-var-twitter; } +// .#{$fa-css-prefix}-facebook-f:before, +// .#{$fa-css-prefix}-facebook:before { content: $fa-var-facebook; } +.#{$fa-css-prefix}-github:before { content: $fa-var-github; } +// .#{$fa-css-prefix}-unlock:before { content: $fa-var-unlock; } +// .#{$fa-css-prefix}-credit-card:before { content: $fa-var-credit-card; } +// .#{$fa-css-prefix}-rss:before { content: $fa-var-rss; } +// .#{$fa-css-prefix}-hdd-o:before { content: $fa-var-hdd-o; } +// .#{$fa-css-prefix}-bullhorn:before { content: $fa-var-bullhorn; } +// .#{$fa-css-prefix}-bell:before { content: $fa-var-bell; } +// .#{$fa-css-prefix}-certificate:before { content: $fa-var-certificate; } +// .#{$fa-css-prefix}-hand-o-right:before { content: $fa-var-hand-o-right; } +// .#{$fa-css-prefix}-hand-o-left:before { content: $fa-var-hand-o-left; } +// .#{$fa-css-prefix}-hand-o-up:before { content: $fa-var-hand-o-up; } +// .#{$fa-css-prefix}-hand-o-down:before { content: $fa-var-hand-o-down; } +// .#{$fa-css-prefix}-arrow-circle-left:before { content: $fa-var-arrow-circle-left; } +// .#{$fa-css-prefix}-arrow-circle-right:before { content: $fa-var-arrow-circle-right; } +// .#{$fa-css-prefix}-arrow-circle-up:before { content: $fa-var-arrow-circle-up; } +// .#{$fa-css-prefix}-arrow-circle-down:before { content: $fa-var-arrow-circle-down; } +// .#{$fa-css-prefix}-globe:before { content: $fa-var-globe; } +// .#{$fa-css-prefix}-wrench:before { content: $fa-var-wrench; } +// .#{$fa-css-prefix}-tasks:before { content: $fa-var-tasks; } +// .#{$fa-css-prefix}-filter:before { content: $fa-var-filter; } +// .#{$fa-css-prefix}-briefcase:before { content: $fa-var-briefcase; } +// .#{$fa-css-prefix}-arrows-alt:before { content: $fa-var-arrows-alt; } +// .#{$fa-css-prefix}-group:before, +// .#{$fa-css-prefix}-users:before { content: $fa-var-users; } +// .#{$fa-css-prefix}-chain:before, +// .#{$fa-css-prefix}-link:before { content: $fa-var-link; } +// .#{$fa-css-prefix}-cloud:before { content: $fa-var-cloud; } +// .#{$fa-css-prefix}-flask:before { content: $fa-var-flask; } +// .#{$fa-css-prefix}-cut:before, +// .#{$fa-css-prefix}-scissors:before { content: $fa-var-scissors; } +// .#{$fa-css-prefix}-copy:before, +// .#{$fa-css-prefix}-files-o:before { content: $fa-var-files-o; } +// .#{$fa-css-prefix}-paperclip:before { content: $fa-var-paperclip; } +// .#{$fa-css-prefix}-save:before, +// .#{$fa-css-prefix}-floppy-o:before { content: $fa-var-floppy-o; } +// .#{$fa-css-prefix}-square:before { content: $fa-var-square; } +// .#{$fa-css-prefix}-navicon:before, +// .#{$fa-css-prefix}-reorder:before, +// .#{$fa-css-prefix}-bars:before { content: $fa-var-bars; } +// .#{$fa-css-prefix}-list-ul:before { content: $fa-var-list-ul; } +// .#{$fa-css-prefix}-list-ol:before { content: $fa-var-list-ol; } +// .#{$fa-css-prefix}-strikethrough:before { content: $fa-var-strikethrough; } +// .#{$fa-css-prefix}-underline:before { content: $fa-var-underline; } +// .#{$fa-css-prefix}-table:before { content: $fa-var-table; } +// .#{$fa-css-prefix}-magic:before { content: $fa-var-magic; } +// .#{$fa-css-prefix}-truck:before { content: $fa-var-truck; } +// .#{$fa-css-prefix}-pinterest:before { content: $fa-var-pinterest; } +// .#{$fa-css-prefix}-pinterest-square:before { content: $fa-var-pinterest-square; } +// .#{$fa-css-prefix}-google-plus-square:before { content: $fa-var-google-plus-square; } +// .#{$fa-css-prefix}-google-plus:before { content: $fa-var-google-plus; } +// .#{$fa-css-prefix}-money:before { content: $fa-var-money; } +// .#{$fa-css-prefix}-caret-down:before { content: $fa-var-caret-down; } +// .#{$fa-css-prefix}-caret-up:before { content: $fa-var-caret-up; } +// .#{$fa-css-prefix}-caret-left:before { content: $fa-var-caret-left; } +// .#{$fa-css-prefix}-caret-right:before { content: $fa-var-caret-right; } +// .#{$fa-css-prefix}-columns:before { content: $fa-var-columns; } +// .#{$fa-css-prefix}-unsorted:before, +// .#{$fa-css-prefix}-sort:before { content: $fa-var-sort; } +// .#{$fa-css-prefix}-sort-down:before, +// .#{$fa-css-prefix}-sort-desc:before { content: $fa-var-sort-desc; } +// .#{$fa-css-prefix}-sort-up:before, +// .#{$fa-css-prefix}-sort-asc:before { content: $fa-var-sort-asc; } +// .#{$fa-css-prefix}-envelope:before { content: $fa-var-envelope; } +// .#{$fa-css-prefix}-linkedin:before { content: $fa-var-linkedin; } +// .#{$fa-css-prefix}-rotate-left:before, +// .#{$fa-css-prefix}-undo:before { content: $fa-var-undo; } +// .#{$fa-css-prefix}-legal:before, +// .#{$fa-css-prefix}-gavel:before { content: $fa-var-gavel; } +// .#{$fa-css-prefix}-dashboard:before, +// .#{$fa-css-prefix}-tachometer:before { content: $fa-var-tachometer; } +// .#{$fa-css-prefix}-comment-o:before { content: $fa-var-comment-o; } +// .#{$fa-css-prefix}-comments-o:before { content: $fa-var-comments-o; } +// .#{$fa-css-prefix}-flash:before, +// .#{$fa-css-prefix}-bolt:before { content: $fa-var-bolt; } +// .#{$fa-css-prefix}-sitemap:before { content: $fa-var-sitemap; } +// .#{$fa-css-prefix}-umbrella:before { content: $fa-var-umbrella; } +// .#{$fa-css-prefix}-paste:before, +// .#{$fa-css-prefix}-clipboard:before { content: $fa-var-clipboard; } +// .#{$fa-css-prefix}-lightbulb-o:before { content: $fa-var-lightbulb-o; } +// .#{$fa-css-prefix}-exchange:before { content: $fa-var-exchange; } +// .#{$fa-css-prefix}-cloud-download:before { content: $fa-var-cloud-download; } +// .#{$fa-css-prefix}-cloud-upload:before { content: $fa-var-cloud-upload; } +// .#{$fa-css-prefix}-user-md:before { content: $fa-var-user-md; } +// .#{$fa-css-prefix}-stethoscope:before { content: $fa-var-stethoscope; } +// .#{$fa-css-prefix}-suitcase:before { content: $fa-var-suitcase; } +// .#{$fa-css-prefix}-bell-o:before { content: $fa-var-bell-o; } +// .#{$fa-css-prefix}-coffee:before { content: $fa-var-coffee; } +// .#{$fa-css-prefix}-cutlery:before { content: $fa-var-cutlery; } +// .#{$fa-css-prefix}-file-text-o:before { content: $fa-var-file-text-o; } +// .#{$fa-css-prefix}-building-o:before { content: $fa-var-building-o; } +// .#{$fa-css-prefix}-hospital-o:before { content: $fa-var-hospital-o; } +// .#{$fa-css-prefix}-ambulance:before { content: $fa-var-ambulance; } +// .#{$fa-css-prefix}-medkit:before { content: $fa-var-medkit; } +// .#{$fa-css-prefix}-fighter-jet:before { content: $fa-var-fighter-jet; } +// .#{$fa-css-prefix}-beer:before { content: $fa-var-beer; } +// .#{$fa-css-prefix}-h-square:before { content: $fa-var-h-square; } +// .#{$fa-css-prefix}-plus-square:before { content: $fa-var-plus-square; } +// .#{$fa-css-prefix}-angle-double-left:before { content: $fa-var-angle-double-left; } +// .#{$fa-css-prefix}-angle-double-right:before { content: $fa-var-angle-double-right; } +// .#{$fa-css-prefix}-angle-double-up:before { content: $fa-var-angle-double-up; } +// .#{$fa-css-prefix}-angle-double-down:before { content: $fa-var-angle-double-down; } +// .#{$fa-css-prefix}-angle-left:before { content: $fa-var-angle-left; } +// .#{$fa-css-prefix}-angle-right:before { content: $fa-var-angle-right; } +// .#{$fa-css-prefix}-angle-up:before { content: $fa-var-angle-up; } +// .#{$fa-css-prefix}-angle-down:before { content: $fa-var-angle-down; } +// .#{$fa-css-prefix}-desktop:before { content: $fa-var-desktop; } +// .#{$fa-css-prefix}-laptop:before { content: $fa-var-laptop; } +// .#{$fa-css-prefix}-tablet:before { content: $fa-var-tablet; } +// .#{$fa-css-prefix}-mobile-phone:before, +// .#{$fa-css-prefix}-mobile:before { content: $fa-var-mobile; } +// .#{$fa-css-prefix}-circle-o:before { content: $fa-var-circle-o; } +// .#{$fa-css-prefix}-quote-left:before { content: $fa-var-quote-left; } +// .#{$fa-css-prefix}-quote-right:before { content: $fa-var-quote-right; } +// .#{$fa-css-prefix}-spinner:before { content: $fa-var-spinner; } +// .#{$fa-css-prefix}-circle:before { content: $fa-var-circle; } +// .#{$fa-css-prefix}-mail-reply:before, +// .#{$fa-css-prefix}-reply:before { content: $fa-var-reply; } +// .#{$fa-css-prefix}-github-alt:before { content: $fa-var-github-alt; } +// .#{$fa-css-prefix}-folder-o:before { content: $fa-var-folder-o; } +// .#{$fa-css-prefix}-folder-open-o:before { content: $fa-var-folder-open-o; } +// .#{$fa-css-prefix}-smile-o:before { content: $fa-var-smile-o; } +// .#{$fa-css-prefix}-frown-o:before { content: $fa-var-frown-o; } +// .#{$fa-css-prefix}-meh-o:before { content: $fa-var-meh-o; } +// .#{$fa-css-prefix}-gamepad:before { content: $fa-var-gamepad; } +// .#{$fa-css-prefix}-keyboard-o:before { content: $fa-var-keyboard-o; } +// .#{$fa-css-prefix}-flag-o:before { content: $fa-var-flag-o; } +// .#{$fa-css-prefix}-flag-checkered:before { content: $fa-var-flag-checkered; } +// .#{$fa-css-prefix}-terminal:before { content: $fa-var-terminal; } +// .#{$fa-css-prefix}-code:before { content: $fa-var-code; } +// .#{$fa-css-prefix}-mail-reply-all:before, +// .#{$fa-css-prefix}-reply-all:before { content: $fa-var-reply-all; } +// .#{$fa-css-prefix}-star-half-empty:before, +// .#{$fa-css-prefix}-star-half-full:before, +// .#{$fa-css-prefix}-star-half-o:before { content: $fa-var-star-half-o; } +// .#{$fa-css-prefix}-location-arrow:before { content: $fa-var-location-arrow; } +// .#{$fa-css-prefix}-crop:before { content: $fa-var-crop; } +// .#{$fa-css-prefix}-code-fork:before { content: $fa-var-code-fork; } +// .#{$fa-css-prefix}-unlink:before, +// .#{$fa-css-prefix}-chain-broken:before { content: $fa-var-chain-broken; } +// .#{$fa-css-prefix}-question:before { content: $fa-var-question; } +// .#{$fa-css-prefix}-info:before { content: $fa-var-info; } +// .#{$fa-css-prefix}-exclamation:before { content: $fa-var-exclamation; } +// .#{$fa-css-prefix}-superscript:before { content: $fa-var-superscript; } +// .#{$fa-css-prefix}-subscript:before { content: $fa-var-subscript; } +// .#{$fa-css-prefix}-eraser:before { content: $fa-var-eraser; } +// .#{$fa-css-prefix}-puzzle-piece:before { content: $fa-var-puzzle-piece; } +// .#{$fa-css-prefix}-microphone:before { content: $fa-var-microphone; } +// .#{$fa-css-prefix}-microphone-slash:before { content: $fa-var-microphone-slash; } +// .#{$fa-css-prefix}-shield:before { content: $fa-var-shield; } +// .#{$fa-css-prefix}-calendar-o:before { content: $fa-var-calendar-o; } +// .#{$fa-css-prefix}-fire-extinguisher:before { content: $fa-var-fire-extinguisher; } +// .#{$fa-css-prefix}-rocket:before { content: $fa-var-rocket; } +// .#{$fa-css-prefix}-maxcdn:before { content: $fa-var-maxcdn; } +// .#{$fa-css-prefix}-chevron-circle-left:before { content: $fa-var-chevron-circle-left; } +// .#{$fa-css-prefix}-chevron-circle-right:before { content: $fa-var-chevron-circle-right; } +// .#{$fa-css-prefix}-chevron-circle-up:before { content: $fa-var-chevron-circle-up; } +// .#{$fa-css-prefix}-chevron-circle-down:before { content: $fa-var-chevron-circle-down; } +// .#{$fa-css-prefix}-html5:before { content: $fa-var-html5; } +// .#{$fa-css-prefix}-css3:before { content: $fa-var-css3; } +// .#{$fa-css-prefix}-anchor:before { content: $fa-var-anchor; } +// .#{$fa-css-prefix}-unlock-alt:before { content: $fa-var-unlock-alt; } +// .#{$fa-css-prefix}-bullseye:before { content: $fa-var-bullseye; } +// .#{$fa-css-prefix}-ellipsis-h:before { content: $fa-var-ellipsis-h; } +// .#{$fa-css-prefix}-ellipsis-v:before { content: $fa-var-ellipsis-v; } +// .#{$fa-css-prefix}-rss-square:before { content: $fa-var-rss-square; } +// .#{$fa-css-prefix}-play-circle:before { content: $fa-var-play-circle; } +// .#{$fa-css-prefix}-ticket:before { content: $fa-var-ticket; } +// .#{$fa-css-prefix}-minus-square:before { content: $fa-var-minus-square; } +// .#{$fa-css-prefix}-minus-square-o:before { content: $fa-var-minus-square-o; } +// .#{$fa-css-prefix}-level-up:before { content: $fa-var-level-up; } +// .#{$fa-css-prefix}-level-down:before { content: $fa-var-level-down; } +// .#{$fa-css-prefix}-check-square:before { content: $fa-var-check-square; } +// .#{$fa-css-prefix}-pencil-square:before { content: $fa-var-pencil-square; } +// .#{$fa-css-prefix}-external-link-square:before { content: $fa-var-external-link-square; } +// .#{$fa-css-prefix}-share-square:before { content: $fa-var-share-square; } +// .#{$fa-css-prefix}-compass:before { content: $fa-var-compass; } +// .#{$fa-css-prefix}-toggle-down:before, +// .#{$fa-css-prefix}-caret-square-o-down:before { content: $fa-var-caret-square-o-down; } +// .#{$fa-css-prefix}-toggle-up:before, +// .#{$fa-css-prefix}-caret-square-o-up:before { content: $fa-var-caret-square-o-up; } +// .#{$fa-css-prefix}-toggle-right:before, +// .#{$fa-css-prefix}-caret-square-o-right:before { content: $fa-var-caret-square-o-right; } +// .#{$fa-css-prefix}-euro:before, +// .#{$fa-css-prefix}-eur:before { content: $fa-var-eur; } +// .#{$fa-css-prefix}-gbp:before { content: $fa-var-gbp; } +// .#{$fa-css-prefix}-dollar:before, +// .#{$fa-css-prefix}-usd:before { content: $fa-var-usd; } +// .#{$fa-css-prefix}-rupee:before, +// .#{$fa-css-prefix}-inr:before { content: $fa-var-inr; } +// .#{$fa-css-prefix}-cny:before, +// .#{$fa-css-prefix}-rmb:before, +// .#{$fa-css-prefix}-yen:before, +// .#{$fa-css-prefix}-jpy:before { content: $fa-var-jpy; } +// .#{$fa-css-prefix}-ruble:before, +// .#{$fa-css-prefix}-rouble:before, +// .#{$fa-css-prefix}-rub:before { content: $fa-var-rub; } +// .#{$fa-css-prefix}-won:before, +// .#{$fa-css-prefix}-krw:before { content: $fa-var-krw; } +// .#{$fa-css-prefix}-bitcoin:before, +// .#{$fa-css-prefix}-btc:before { content: $fa-var-btc; } +// .#{$fa-css-prefix}-file:before { content: $fa-var-file; } +// .#{$fa-css-prefix}-file-text:before { content: $fa-var-file-text; } +// .#{$fa-css-prefix}-sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; } +// .#{$fa-css-prefix}-sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; } +// .#{$fa-css-prefix}-sort-amount-asc:before { content: $fa-var-sort-amount-asc; } +// .#{$fa-css-prefix}-sort-amount-desc:before { content: $fa-var-sort-amount-desc; } +// .#{$fa-css-prefix}-sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; } +// .#{$fa-css-prefix}-sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; } +// .#{$fa-css-prefix}-thumbs-up:before { content: $fa-var-thumbs-up; } +// .#{$fa-css-prefix}-thumbs-down:before { content: $fa-var-thumbs-down; } +// .#{$fa-css-prefix}-youtube-square:before { content: $fa-var-youtube-square; } +// .#{$fa-css-prefix}-youtube:before { content: $fa-var-youtube; } +// .#{$fa-css-prefix}-xing:before { content: $fa-var-xing; } +// .#{$fa-css-prefix}-xing-square:before { content: $fa-var-xing-square; } +// .#{$fa-css-prefix}-youtube-play:before { content: $fa-var-youtube-play; } +// .#{$fa-css-prefix}-dropbox:before { content: $fa-var-dropbox; } +// .#{$fa-css-prefix}-stack-overflow:before { content: $fa-var-stack-overflow; } +// .#{$fa-css-prefix}-instagram:before { content: $fa-var-instagram; } +// .#{$fa-css-prefix}-flickr:before { content: $fa-var-flickr; } +// .#{$fa-css-prefix}-adn:before { content: $fa-var-adn; } +// .#{$fa-css-prefix}-bitbucket:before { content: $fa-var-bitbucket; } +// .#{$fa-css-prefix}-bitbucket-square:before { content: $fa-var-bitbucket-square; } +// .#{$fa-css-prefix}-tumblr:before { content: $fa-var-tumblr; } +// .#{$fa-css-prefix}-tumblr-square:before { content: $fa-var-tumblr-square; } +// .#{$fa-css-prefix}-long-arrow-down:before { content: $fa-var-long-arrow-down; } +// .#{$fa-css-prefix}-long-arrow-up:before { content: $fa-var-long-arrow-up; } +// .#{$fa-css-prefix}-long-arrow-left:before { content: $fa-var-long-arrow-left; } +// .#{$fa-css-prefix}-long-arrow-right:before { content: $fa-var-long-arrow-right; } +// .#{$fa-css-prefix}-apple:before { content: $fa-var-apple; } +// .#{$fa-css-prefix}-windows:before { content: $fa-var-windows; } +// .#{$fa-css-prefix}-android:before { content: $fa-var-android; } +// .#{$fa-css-prefix}-linux:before { content: $fa-var-linux; } +// .#{$fa-css-prefix}-dribbble:before { content: $fa-var-dribbble; } +// .#{$fa-css-prefix}-skype:before { content: $fa-var-skype; } +// .#{$fa-css-prefix}-foursquare:before { content: $fa-var-foursquare; } +// .#{$fa-css-prefix}-trello:before { content: $fa-var-trello; } +// .#{$fa-css-prefix}-female:before { content: $fa-var-female; } +// .#{$fa-css-prefix}-male:before { content: $fa-var-male; } +// .#{$fa-css-prefix}-gittip:before, +// .#{$fa-css-prefix}-gratipay:before { content: $fa-var-gratipay; } +// .#{$fa-css-prefix}-sun-o:before { content: $fa-var-sun-o; } +// .#{$fa-css-prefix}-moon-o:before { content: $fa-var-moon-o; } +// .#{$fa-css-prefix}-archive:before { content: $fa-var-archive; } +// .#{$fa-css-prefix}-bug:before { content: $fa-var-bug; } +// .#{$fa-css-prefix}-vk:before { content: $fa-var-vk; } +// .#{$fa-css-prefix}-weibo:before { content: $fa-var-weibo; } +// .#{$fa-css-prefix}-renren:before { content: $fa-var-renren; } +// .#{$fa-css-prefix}-pagelines:before { content: $fa-var-pagelines; } +// .#{$fa-css-prefix}-stack-exchange:before { content: $fa-var-stack-exchange; } +// .#{$fa-css-prefix}-arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; } +// .#{$fa-css-prefix}-arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; } +// .#{$fa-css-prefix}-toggle-left:before, +// .#{$fa-css-prefix}-caret-square-o-left:before { content: $fa-var-caret-square-o-left; } +// .#{$fa-css-prefix}-dot-circle-o:before { content: $fa-var-dot-circle-o; } +// .#{$fa-css-prefix}-wheelchair:before { content: $fa-var-wheelchair; } +// .#{$fa-css-prefix}-vimeo-square:before { content: $fa-var-vimeo-square; } +// .#{$fa-css-prefix}-turkish-lira:before, +// .#{$fa-css-prefix}-try:before { content: $fa-var-try; } +// .#{$fa-css-prefix}-plus-square-o:before { content: $fa-var-plus-square-o; } +// .#{$fa-css-prefix}-space-shuttle:before { content: $fa-var-space-shuttle; } +// .#{$fa-css-prefix}-slack:before { content: $fa-var-slack; } +// .#{$fa-css-prefix}-envelope-square:before { content: $fa-var-envelope-square; } +// .#{$fa-css-prefix}-wordpress:before { content: $fa-var-wordpress; } +// .#{$fa-css-prefix}-openid:before { content: $fa-var-openid; } +// .#{$fa-css-prefix}-institution:before, +// .#{$fa-css-prefix}-bank:before, +// .#{$fa-css-prefix}-university:before { content: $fa-var-university; } +// .#{$fa-css-prefix}-mortar-board:before, +// .#{$fa-css-prefix}-graduation-cap:before { content: $fa-var-graduation-cap; } +// .#{$fa-css-prefix}-yahoo:before { content: $fa-var-yahoo; } +// .#{$fa-css-prefix}-google:before { content: $fa-var-google; } +// .#{$fa-css-prefix}-reddit:before { content: $fa-var-reddit; } +// .#{$fa-css-prefix}-reddit-square:before { content: $fa-var-reddit-square; } +// .#{$fa-css-prefix}-stumbleupon-circle:before { content: $fa-var-stumbleupon-circle; } +// .#{$fa-css-prefix}-stumbleupon:before { content: $fa-var-stumbleupon; } +// .#{$fa-css-prefix}-delicious:before { content: $fa-var-delicious; } +// .#{$fa-css-prefix}-digg:before { content: $fa-var-digg; } +// .#{$fa-css-prefix}-pied-piper:before { content: $fa-var-pied-piper; } +// .#{$fa-css-prefix}-pied-piper-alt:before { content: $fa-var-pied-piper-alt; } +// .#{$fa-css-prefix}-drupal:before { content: $fa-var-drupal; } +// .#{$fa-css-prefix}-joomla:before { content: $fa-var-joomla; } +// .#{$fa-css-prefix}-language:before { content: $fa-var-language; } +// .#{$fa-css-prefix}-fax:before { content: $fa-var-fax; } +// .#{$fa-css-prefix}-building:before { content: $fa-var-building; } +// .#{$fa-css-prefix}-child:before { content: $fa-var-child; } +// .#{$fa-css-prefix}-paw:before { content: $fa-var-paw; } +// .#{$fa-css-prefix}-spoon:before { content: $fa-var-spoon; } +// .#{$fa-css-prefix}-cube:before { content: $fa-var-cube; } +// .#{$fa-css-prefix}-cubes:before { content: $fa-var-cubes; } +// .#{$fa-css-prefix}-behance:before { content: $fa-var-behance; } +// .#{$fa-css-prefix}-behance-square:before { content: $fa-var-behance-square; } +// .#{$fa-css-prefix}-steam:before { content: $fa-var-steam; } +// .#{$fa-css-prefix}-steam-square:before { content: $fa-var-steam-square; } +// .#{$fa-css-prefix}-recycle:before { content: $fa-var-recycle; } +// .#{$fa-css-prefix}-automobile:before, +// .#{$fa-css-prefix}-car:before { content: $fa-var-car; } +// .#{$fa-css-prefix}-cab:before, +// .#{$fa-css-prefix}-taxi:before { content: $fa-var-taxi; } +// .#{$fa-css-prefix}-tree:before { content: $fa-var-tree; } +// .#{$fa-css-prefix}-spotify:before { content: $fa-var-spotify; } +// .#{$fa-css-prefix}-deviantart:before { content: $fa-var-deviantart; } +// .#{$fa-css-prefix}-soundcloud:before { content: $fa-var-soundcloud; } +// .#{$fa-css-prefix}-database:before { content: $fa-var-database; } +// .#{$fa-css-prefix}-file-pdf-o:before { content: $fa-var-file-pdf-o; } +// .#{$fa-css-prefix}-file-word-o:before { content: $fa-var-file-word-o; } +// .#{$fa-css-prefix}-file-excel-o:before { content: $fa-var-file-excel-o; } +// .#{$fa-css-prefix}-file-powerpoint-o:before { content: $fa-var-file-powerpoint-o; } +// .#{$fa-css-prefix}-file-photo-o:before, +// .#{$fa-css-prefix}-file-picture-o:before, +// .#{$fa-css-prefix}-file-image-o:before { content: $fa-var-file-image-o; } +// .#{$fa-css-prefix}-file-zip-o:before, +// .#{$fa-css-prefix}-file-archive-o:before { content: $fa-var-file-archive-o; } +// .#{$fa-css-prefix}-file-sound-o:before, +// .#{$fa-css-prefix}-file-audio-o:before { content: $fa-var-file-audio-o; } +// .#{$fa-css-prefix}-file-movie-o:before, +// .#{$fa-css-prefix}-file-video-o:before { content: $fa-var-file-video-o; } +// .#{$fa-css-prefix}-file-code-o:before { content: $fa-var-file-code-o; } +// .#{$fa-css-prefix}-vine:before { content: $fa-var-vine; } +// .#{$fa-css-prefix}-codepen:before { content: $fa-var-codepen; } +// .#{$fa-css-prefix}-jsfiddle:before { content: $fa-var-jsfiddle; } +// .#{$fa-css-prefix}-life-bouy:before, +// .#{$fa-css-prefix}-life-buoy:before, +// .#{$fa-css-prefix}-life-saver:before, +// .#{$fa-css-prefix}-support:before, +// .#{$fa-css-prefix}-life-ring:before { content: $fa-var-life-ring; } +// .#{$fa-css-prefix}-circle-o-notch:before { content: $fa-var-circle-o-notch; } +// .#{$fa-css-prefix}-ra:before, +// .#{$fa-css-prefix}-rebel:before { content: $fa-var-rebel; } +// .#{$fa-css-prefix}-ge:before, +// .#{$fa-css-prefix}-empire:before { content: $fa-var-empire; } +// .#{$fa-css-prefix}-git-square:before { content: $fa-var-git-square; } +// .#{$fa-css-prefix}-git:before { content: $fa-var-git; } +// .#{$fa-css-prefix}-hacker-news:before { content: $fa-var-hacker-news; } +// .#{$fa-css-prefix}-tencent-weibo:before { content: $fa-var-tencent-weibo; } +// .#{$fa-css-prefix}-qq:before { content: $fa-var-qq; } +// .#{$fa-css-prefix}-wechat:before, +// .#{$fa-css-prefix}-weixin:before { content: $fa-var-weixin; } +// .#{$fa-css-prefix}-send:before, +// .#{$fa-css-prefix}-paper-plane:before { content: $fa-var-paper-plane; } +// .#{$fa-css-prefix}-send-o:before, +// .#{$fa-css-prefix}-paper-plane-o:before { content: $fa-var-paper-plane-o; } +// .#{$fa-css-prefix}-history:before { content: $fa-var-history; } +// .#{$fa-css-prefix}-genderless:before, +// .#{$fa-css-prefix}-circle-thin:before { content: $fa-var-circle-thin; } +// .#{$fa-css-prefix}-header:before { content: $fa-var-header; } +// .#{$fa-css-prefix}-paragraph:before { content: $fa-var-paragraph; } +// .#{$fa-css-prefix}-sliders:before { content: $fa-var-sliders; } +// .#{$fa-css-prefix}-share-alt:before { content: $fa-var-share-alt; } +// .#{$fa-css-prefix}-share-alt-square:before { content: $fa-var-share-alt-square; } +// .#{$fa-css-prefix}-bomb:before { content: $fa-var-bomb; } +// .#{$fa-css-prefix}-soccer-ball-o:before, +// .#{$fa-css-prefix}-futbol-o:before { content: $fa-var-futbol-o; } +// .#{$fa-css-prefix}-tty:before { content: $fa-var-tty; } +// .#{$fa-css-prefix}-binoculars:before { content: $fa-var-binoculars; } +// .#{$fa-css-prefix}-plug:before { content: $fa-var-plug; } +// .#{$fa-css-prefix}-slideshare:before { content: $fa-var-slideshare; } +// .#{$fa-css-prefix}-twitch:before { content: $fa-var-twitch; } +// .#{$fa-css-prefix}-yelp:before { content: $fa-var-yelp; } +// .#{$fa-css-prefix}-newspaper-o:before { content: $fa-var-newspaper-o; } +// .#{$fa-css-prefix}-wifi:before { content: $fa-var-wifi; } +// .#{$fa-css-prefix}-calculator:before { content: $fa-var-calculator; } +// .#{$fa-css-prefix}-paypal:before { content: $fa-var-paypal; } +// .#{$fa-css-prefix}-google-wallet:before { content: $fa-var-google-wallet; } +// .#{$fa-css-prefix}-cc-visa:before { content: $fa-var-cc-visa; } +// .#{$fa-css-prefix}-cc-mastercard:before { content: $fa-var-cc-mastercard; } +// .#{$fa-css-prefix}-cc-discover:before { content: $fa-var-cc-discover; } +// .#{$fa-css-prefix}-cc-amex:before { content: $fa-var-cc-amex; } +// .#{$fa-css-prefix}-cc-paypal:before { content: $fa-var-cc-paypal; } +// .#{$fa-css-prefix}-cc-stripe:before { content: $fa-var-cc-stripe; } +// .#{$fa-css-prefix}-bell-slash:before { content: $fa-var-bell-slash; } +// .#{$fa-css-prefix}-bell-slash-o:before { content: $fa-var-bell-slash-o; } +// .#{$fa-css-prefix}-trash:before { content: $fa-var-trash; } +// .#{$fa-css-prefix}-copyright:before { content: $fa-var-copyright; } +// .#{$fa-css-prefix}-at:before { content: $fa-var-at; } +// .#{$fa-css-prefix}-eyedropper:before { content: $fa-var-eyedropper; } +// .#{$fa-css-prefix}-paint-brush:before { content: $fa-var-paint-brush; } +// .#{$fa-css-prefix}-birthday-cake:before { content: $fa-var-birthday-cake; } +// .#{$fa-css-prefix}-area-chart:before { content: $fa-var-area-chart; } +// .#{$fa-css-prefix}-pie-chart:before { content: $fa-var-pie-chart; } +// .#{$fa-css-prefix}-line-chart:before { content: $fa-var-line-chart; } +// .#{$fa-css-prefix}-lastfm:before { content: $fa-var-lastfm; } +// .#{$fa-css-prefix}-lastfm-square:before { content: $fa-var-lastfm-square; } +// .#{$fa-css-prefix}-toggle-off:before { content: $fa-var-toggle-off; } +// .#{$fa-css-prefix}-toggle-on:before { content: $fa-var-toggle-on; } +// .#{$fa-css-prefix}-bicycle:before { content: $fa-var-bicycle; } +// .#{$fa-css-prefix}-bus:before { content: $fa-var-bus; } +// .#{$fa-css-prefix}-ioxhost:before { content: $fa-var-ioxhost; } +// .#{$fa-css-prefix}-angellist:before { content: $fa-var-angellist; } +// .#{$fa-css-prefix}-cc:before { content: $fa-var-cc; } +// .#{$fa-css-prefix}-shekel:before, +// .#{$fa-css-prefix}-sheqel:before, +// .#{$fa-css-prefix}-ils:before { content: $fa-var-ils; } +// .#{$fa-css-prefix}-meanpath:before { content: $fa-var-meanpath; } +// .#{$fa-css-prefix}-buysellads:before { content: $fa-var-buysellads; } +// .#{$fa-css-prefix}-connectdevelop:before { content: $fa-var-connectdevelop; } +// .#{$fa-css-prefix}-dashcube:before { content: $fa-var-dashcube; } +// .#{$fa-css-prefix}-forumbee:before { content: $fa-var-forumbee; } +// .#{$fa-css-prefix}-leanpub:before { content: $fa-var-leanpub; } +// .#{$fa-css-prefix}-sellsy:before { content: $fa-var-sellsy; } +// .#{$fa-css-prefix}-shirtsinbulk:before { content: $fa-var-shirtsinbulk; } +// .#{$fa-css-prefix}-simplybuilt:before { content: $fa-var-simplybuilt; } +// .#{$fa-css-prefix}-skyatlas:before { content: $fa-var-skyatlas; } +// .#{$fa-css-prefix}-cart-plus:before { content: $fa-var-cart-plus; } +// .#{$fa-css-prefix}-cart-arrow-down:before { content: $fa-var-cart-arrow-down; } +// .#{$fa-css-prefix}-diamond:before { content: $fa-var-diamond; } +// .#{$fa-css-prefix}-ship:before { content: $fa-var-ship; } +// .#{$fa-css-prefix}-user-secret:before { content: $fa-var-user-secret; } +// .#{$fa-css-prefix}-motorcycle:before { content: $fa-var-motorcycle; } +// .#{$fa-css-prefix}-street-view:before { content: $fa-var-street-view; } +// .#{$fa-css-prefix}-heartbeat:before { content: $fa-var-heartbeat; } +// .#{$fa-css-prefix}-venus:before { content: $fa-var-venus; } +// .#{$fa-css-prefix}-mars:before { content: $fa-var-mars; } +// .#{$fa-css-prefix}-mercury:before { content: $fa-var-mercury; } +// .#{$fa-css-prefix}-transgender:before { content: $fa-var-transgender; } +// .#{$fa-css-prefix}-transgender-alt:before { content: $fa-var-transgender-alt; } +// .#{$fa-css-prefix}-venus-double:before { content: $fa-var-venus-double; } +// .#{$fa-css-prefix}-mars-double:before { content: $fa-var-mars-double; } +// .#{$fa-css-prefix}-venus-mars:before { content: $fa-var-venus-mars; } +// .#{$fa-css-prefix}-mars-stroke:before { content: $fa-var-mars-stroke; } +// .#{$fa-css-prefix}-mars-stroke-v:before { content: $fa-var-mars-stroke-v; } +// .#{$fa-css-prefix}-mars-stroke-h:before { content: $fa-var-mars-stroke-h; } +// .#{$fa-css-prefix}-neuter:before { content: $fa-var-neuter; } +// .#{$fa-css-prefix}-facebook-official:before { content: $fa-var-facebook-official; } +// .#{$fa-css-prefix}-pinterest-p:before { content: $fa-var-pinterest-p; } +// .#{$fa-css-prefix}-whatsapp:before { content: $fa-var-whatsapp; } +// .#{$fa-css-prefix}-server:before { content: $fa-var-server; } +// .#{$fa-css-prefix}-user-plus:before { content: $fa-var-user-plus; } +// .#{$fa-css-prefix}-user-times:before { content: $fa-var-user-times; } +// .#{$fa-css-prefix}-hotel:before, +// .#{$fa-css-prefix}-bed:before { content: $fa-var-bed; } +// .#{$fa-css-prefix}-viacoin:before { content: $fa-var-viacoin; } +// .#{$fa-css-prefix}-train:before { content: $fa-var-train; } +// .#{$fa-css-prefix}-subway:before { content: $fa-var-subway; } +// .#{$fa-css-prefix}-medium:before { content: $fa-var-medium; } diff --git a/_sass/font-awesome/_larger.scss b/_sass/font-awesome/_larger.scss new file mode 100644 index 0000000..41e9a81 --- /dev/null +++ b/_sass/font-awesome/_larger.scss @@ -0,0 +1,13 @@ +// Icon Sizes +// ------------------------- + +/* makes the font 33% larger relative to the icon container */ +.#{$fa-css-prefix}-lg { + font-size: (4em / 3); + line-height: (3em / 4); + vertical-align: -15%; +} +.#{$fa-css-prefix}-2x { font-size: 2em; } +.#{$fa-css-prefix}-3x { font-size: 3em; } +.#{$fa-css-prefix}-4x { font-size: 4em; } +.#{$fa-css-prefix}-5x { font-size: 5em; } diff --git a/_sass/font-awesome/_list.scss b/_sass/font-awesome/_list.scss new file mode 100644 index 0000000..7d1e4d5 --- /dev/null +++ b/_sass/font-awesome/_list.scss @@ -0,0 +1,19 @@ +// List Icons +// ------------------------- + +.#{$fa-css-prefix}-ul { + padding-left: 0; + margin-left: $fa-li-width; + list-style-type: none; + > li { position: relative; } +} +.#{$fa-css-prefix}-li { + position: absolute; + left: -$fa-li-width; + width: $fa-li-width; + top: (2em / 14); + text-align: center; + &.#{$fa-css-prefix}-lg { + left: -$fa-li-width + (4em / 14); + } +} diff --git a/_sass/font-awesome/_mixins.scss b/_sass/font-awesome/_mixins.scss new file mode 100644 index 0000000..6b7f160 --- /dev/null +++ b/_sass/font-awesome/_mixins.scss @@ -0,0 +1,27 @@ +// Mixins +// -------------------------- + +@mixin fa-icon() { + display: inline-block; + font: normal normal normal #{$fa-font-size-base}/1 FontAwesome; // shortening font declaration + font-size: inherit; // can't have font-size inherit on line above, so need to override + text-rendering: auto; // optimizelegibility throws things off #1094 + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + transform: translate(0, 0); // ensures no half-pixel rendering in firefox + +} + +@mixin fa-icon-rotate($degrees, $rotation) { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); + -webkit-transform: rotate($degrees); + -ms-transform: rotate($degrees); + transform: rotate($degrees); +} + +@mixin fa-icon-flip($horiz, $vert, $rotation) { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); + -webkit-transform: scale($horiz, $vert); + -ms-transform: scale($horiz, $vert); + transform: scale($horiz, $vert); +} diff --git a/_sass/font-awesome/_path.scss b/_sass/font-awesome/_path.scss new file mode 100644 index 0000000..bb457c2 --- /dev/null +++ b/_sass/font-awesome/_path.scss @@ -0,0 +1,15 @@ +/* FONT PATH + * -------------------------- */ + +@font-face { + font-family: 'FontAwesome'; + src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}'); + src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'), + url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'), + url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'), + url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'), + url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg'); +// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts + font-weight: normal; + font-style: normal; +} diff --git a/_sass/font-awesome/_rotated-flipped.scss b/_sass/font-awesome/_rotated-flipped.scss new file mode 100644 index 0000000..a3558fd --- /dev/null +++ b/_sass/font-awesome/_rotated-flipped.scss @@ -0,0 +1,20 @@ +// Rotated & Flipped Icons +// ------------------------- + +.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); } +.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); } +.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); } + +.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); } +.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); } + +// Hook for IE8-9 +// ------------------------- + +:root .#{$fa-css-prefix}-rotate-90, +:root .#{$fa-css-prefix}-rotate-180, +:root .#{$fa-css-prefix}-rotate-270, +:root .#{$fa-css-prefix}-flip-horizontal, +:root .#{$fa-css-prefix}-flip-vertical { + filter: none; +} diff --git a/_sass/font-awesome/_stacked.scss b/_sass/font-awesome/_stacked.scss new file mode 100644 index 0000000..aef7403 --- /dev/null +++ b/_sass/font-awesome/_stacked.scss @@ -0,0 +1,20 @@ +// Stacked Icons +// ------------------------- + +.#{$fa-css-prefix}-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.#{$fa-css-prefix}-stack-1x { line-height: inherit; } +.#{$fa-css-prefix}-stack-2x { font-size: 2em; } +.#{$fa-css-prefix}-inverse { color: $fa-inverse; } diff --git a/_sass/font-awesome/_variables.scss b/_sass/font-awesome/_variables.scss new file mode 100644 index 0000000..47a5a3a --- /dev/null +++ b/_sass/font-awesome/_variables.scss @@ -0,0 +1,605 @@ +// Variables +// -------------------------- + +$fa-font-path: "/assets/fonts" !default; +$fa-font-size-base: 14px !default; +//$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts" !default; // for referencing Bootstrap CDN font files directly +$fa-css-prefix: fa !default; +$fa-version: "4.3.0" !default; +$fa-border-color: #eee !default; +$fa-inverse: #fff !default; +$fa-li-width: (30em / 14) !default; + +$fa-var-adjust: "\f042"; +$fa-var-adn: "\f170"; +$fa-var-align-center: "\f037"; +$fa-var-align-justify: "\f039"; +$fa-var-align-left: "\f036"; +$fa-var-align-right: "\f038"; +$fa-var-ambulance: "\f0f9"; +$fa-var-anchor: "\f13d"; +$fa-var-android: "\f17b"; +$fa-var-angellist: "\f209"; +$fa-var-angle-double-down: "\f103"; +$fa-var-angle-double-left: "\f100"; +$fa-var-angle-double-right: "\f101"; +$fa-var-angle-double-up: "\f102"; +$fa-var-angle-down: "\f107"; +$fa-var-angle-left: "\f104"; +$fa-var-angle-right: "\f105"; +$fa-var-angle-up: "\f106"; +$fa-var-apple: "\f179"; +$fa-var-archive: "\f187"; +$fa-var-area-chart: "\f1fe"; +$fa-var-arrow-circle-down: "\f0ab"; +$fa-var-arrow-circle-left: "\f0a8"; +$fa-var-arrow-circle-o-down: "\f01a"; +$fa-var-arrow-circle-o-left: "\f190"; +$fa-var-arrow-circle-o-right: "\f18e"; +$fa-var-arrow-circle-o-up: "\f01b"; +$fa-var-arrow-circle-right: "\f0a9"; +$fa-var-arrow-circle-up: "\f0aa"; +$fa-var-arrow-down: "\f063"; +$fa-var-arrow-left: "\f060"; +$fa-var-arrow-right: "\f061"; +$fa-var-arrow-up: "\f062"; +$fa-var-arrows: "\f047"; +$fa-var-arrows-alt: "\f0b2"; +$fa-var-arrows-h: "\f07e"; +$fa-var-arrows-v: "\f07d"; +$fa-var-asterisk: "\f069"; +$fa-var-at: "\f1fa"; +$fa-var-automobile: "\f1b9"; +$fa-var-backward: "\f04a"; +$fa-var-ban: "\f05e"; +$fa-var-bank: "\f19c"; +$fa-var-bar-chart: "\f080"; +$fa-var-bar-chart-o: "\f080"; +$fa-var-barcode: "\f02a"; +$fa-var-bars: "\f0c9"; +$fa-var-bed: "\f236"; +$fa-var-beer: "\f0fc"; +$fa-var-behance: "\f1b4"; +$fa-var-behance-square: "\f1b5"; +$fa-var-bell: "\f0f3"; +$fa-var-bell-o: "\f0a2"; +$fa-var-bell-slash: "\f1f6"; +$fa-var-bell-slash-o: "\f1f7"; +$fa-var-bicycle: "\f206"; +$fa-var-binoculars: "\f1e5"; +$fa-var-birthday-cake: "\f1fd"; +$fa-var-bitbucket: "\f171"; +$fa-var-bitbucket-square: "\f172"; +$fa-var-bitcoin: "\f15a"; +$fa-var-bold: "\f032"; +$fa-var-bolt: "\f0e7"; +$fa-var-bomb: "\f1e2"; +$fa-var-book: "\f02d"; +$fa-var-bookmark: "\f02e"; +$fa-var-bookmark-o: "\f097"; +$fa-var-briefcase: "\f0b1"; +$fa-var-btc: "\f15a"; +$fa-var-bug: "\f188"; +$fa-var-building: "\f1ad"; +$fa-var-building-o: "\f0f7"; +$fa-var-bullhorn: "\f0a1"; +$fa-var-bullseye: "\f140"; +$fa-var-bus: "\f207"; +$fa-var-buysellads: "\f20d"; +$fa-var-cab: "\f1ba"; +$fa-var-calculator: "\f1ec"; +$fa-var-calendar: "\f073"; +$fa-var-calendar-o: "\f133"; +$fa-var-camera: "\f030"; +$fa-var-camera-retro: "\f083"; +$fa-var-car: "\f1b9"; +$fa-var-caret-down: "\f0d7"; +$fa-var-caret-left: "\f0d9"; +$fa-var-caret-right: "\f0da"; +$fa-var-caret-square-o-down: "\f150"; +$fa-var-caret-square-o-left: "\f191"; +$fa-var-caret-square-o-right: "\f152"; +$fa-var-caret-square-o-up: "\f151"; +$fa-var-caret-up: "\f0d8"; +$fa-var-cart-arrow-down: "\f218"; +$fa-var-cart-plus: "\f217"; +$fa-var-cc: "\f20a"; +$fa-var-cc-amex: "\f1f3"; +$fa-var-cc-discover: "\f1f2"; +$fa-var-cc-mastercard: "\f1f1"; +$fa-var-cc-paypal: "\f1f4"; +$fa-var-cc-stripe: "\f1f5"; +$fa-var-cc-visa: "\f1f0"; +$fa-var-certificate: "\f0a3"; +$fa-var-chain: "\f0c1"; +$fa-var-chain-broken: "\f127"; +$fa-var-check: "\f00c"; +$fa-var-check-circle: "\f058"; +$fa-var-check-circle-o: "\f05d"; +$fa-var-check-square: "\f14a"; +$fa-var-check-square-o: "\f046"; +$fa-var-chevron-circle-down: "\f13a"; +$fa-var-chevron-circle-left: "\f137"; +$fa-var-chevron-circle-right: "\f138"; +$fa-var-chevron-circle-up: "\f139"; +$fa-var-chevron-down: "\f078"; +$fa-var-chevron-left: "\f053"; +$fa-var-chevron-right: "\f054"; +$fa-var-chevron-up: "\f077"; +$fa-var-child: "\f1ae"; +$fa-var-circle: "\f111"; +$fa-var-circle-o: "\f10c"; +$fa-var-circle-o-notch: "\f1ce"; +$fa-var-circle-thin: "\f1db"; +$fa-var-clipboard: "\f0ea"; +$fa-var-clock-o: "\f017"; +$fa-var-close: "\f00d"; +$fa-var-cloud: "\f0c2"; +$fa-var-cloud-download: "\f0ed"; +$fa-var-cloud-upload: "\f0ee"; +$fa-var-cny: "\f157"; +$fa-var-code: "\f121"; +$fa-var-code-fork: "\f126"; +$fa-var-codepen: "\f1cb"; +$fa-var-coffee: "\f0f4"; +$fa-var-cog: "\f013"; +$fa-var-cogs: "\f085"; +$fa-var-columns: "\f0db"; +$fa-var-comment: "\f075"; +$fa-var-comment-o: "\f0e5"; +$fa-var-comments: "\f086"; +$fa-var-comments-o: "\f0e6"; +$fa-var-compass: "\f14e"; +$fa-var-compress: "\f066"; +$fa-var-connectdevelop: "\f20e"; +$fa-var-copy: "\f0c5"; +$fa-var-copyright: "\f1f9"; +$fa-var-credit-card: "\f09d"; +$fa-var-crop: "\f125"; +$fa-var-crosshairs: "\f05b"; +$fa-var-css3: "\f13c"; +$fa-var-cube: "\f1b2"; +$fa-var-cubes: "\f1b3"; +$fa-var-cut: "\f0c4"; +$fa-var-cutlery: "\f0f5"; +$fa-var-dashboard: "\f0e4"; +$fa-var-dashcube: "\f210"; +$fa-var-database: "\f1c0"; +$fa-var-dedent: "\f03b"; +$fa-var-delicious: "\f1a5"; +$fa-var-desktop: "\f108"; +$fa-var-deviantart: "\f1bd"; +$fa-var-diamond: "\f219"; +$fa-var-digg: "\f1a6"; +$fa-var-dollar: "\f155"; +$fa-var-dot-circle-o: "\f192"; +$fa-var-download: "\f019"; +$fa-var-dribbble: "\f17d"; +$fa-var-dropbox: "\f16b"; +$fa-var-drupal: "\f1a9"; +$fa-var-edit: "\f044"; +$fa-var-eject: "\f052"; +$fa-var-ellipsis-h: "\f141"; +$fa-var-ellipsis-v: "\f142"; +$fa-var-empire: "\f1d1"; +$fa-var-envelope: "\f0e0"; +$fa-var-envelope-o: "\f003"; +$fa-var-envelope-square: "\f199"; +$fa-var-eraser: "\f12d"; +$fa-var-eur: "\f153"; +$fa-var-euro: "\f153"; +$fa-var-exchange: "\f0ec"; +$fa-var-exclamation: "\f12a"; +$fa-var-exclamation-circle: "\f06a"; +$fa-var-exclamation-triangle: "\f071"; +$fa-var-expand: "\f065"; +$fa-var-external-link: "\f08e"; +$fa-var-external-link-square: "\f14c"; +$fa-var-eye: "\f06e"; +$fa-var-eye-slash: "\f070"; +$fa-var-eyedropper: "\f1fb"; +$fa-var-facebook: "\f09a"; +$fa-var-facebook-f: "\f09a"; +$fa-var-facebook-official: "\f230"; +$fa-var-facebook-square: "\f082"; +$fa-var-fast-backward: "\f049"; +$fa-var-fast-forward: "\f050"; +$fa-var-fax: "\f1ac"; +$fa-var-female: "\f182"; +$fa-var-fighter-jet: "\f0fb"; +$fa-var-file: "\f15b"; +$fa-var-file-archive-o: "\f1c6"; +$fa-var-file-audio-o: "\f1c7"; +$fa-var-file-code-o: "\f1c9"; +$fa-var-file-excel-o: "\f1c3"; +$fa-var-file-image-o: "\f1c5"; +$fa-var-file-movie-o: "\f1c8"; +$fa-var-file-o: "\f016"; +$fa-var-file-pdf-o: "\f1c1"; +$fa-var-file-photo-o: "\f1c5"; +$fa-var-file-picture-o: "\f1c5"; +$fa-var-file-powerpoint-o: "\f1c4"; +$fa-var-file-sound-o: "\f1c7"; +$fa-var-file-text: "\f15c"; +$fa-var-file-text-o: "\f0f6"; +$fa-var-file-video-o: "\f1c8"; +$fa-var-file-word-o: "\f1c2"; +$fa-var-file-zip-o: "\f1c6"; +$fa-var-files-o: "\f0c5"; +$fa-var-film: "\f008"; +$fa-var-filter: "\f0b0"; +$fa-var-fire: "\f06d"; +$fa-var-fire-extinguisher: "\f134"; +$fa-var-flag: "\f024"; +$fa-var-flag-checkered: "\f11e"; +$fa-var-flag-o: "\f11d"; +$fa-var-flash: "\f0e7"; +$fa-var-flask: "\f0c3"; +$fa-var-flickr: "\f16e"; +$fa-var-floppy-o: "\f0c7"; +$fa-var-folder: "\f07b"; +$fa-var-folder-o: "\f114"; +$fa-var-folder-open: "\f07c"; +$fa-var-folder-open-o: "\f115"; +$fa-var-font: "\f031"; +$fa-var-forumbee: "\f211"; +$fa-var-forward: "\f04e"; +$fa-var-foursquare: "\f180"; +$fa-var-frown-o: "\f119"; +$fa-var-futbol-o: "\f1e3"; +$fa-var-gamepad: "\f11b"; +$fa-var-gavel: "\f0e3"; +$fa-var-gbp: "\f154"; +$fa-var-ge: "\f1d1"; +$fa-var-gear: "\f013"; +$fa-var-gears: "\f085"; +$fa-var-genderless: "\f1db"; +$fa-var-gift: "\f06b"; +$fa-var-git: "\f1d3"; +$fa-var-git-square: "\f1d2"; +$fa-var-github: "\f09b"; +$fa-var-github-alt: "\f113"; +$fa-var-github-square: "\f092"; +$fa-var-gittip: "\f184"; +$fa-var-glass: "\f000"; +$fa-var-globe: "\f0ac"; +$fa-var-google: "\f1a0"; +$fa-var-google-plus: "\f0d5"; +$fa-var-google-plus-square: "\f0d4"; +$fa-var-google-wallet: "\f1ee"; +$fa-var-graduation-cap: "\f19d"; +$fa-var-gratipay: "\f184"; +$fa-var-group: "\f0c0"; +$fa-var-h-square: "\f0fd"; +$fa-var-hacker-news: "\f1d4"; +$fa-var-hand-o-down: "\f0a7"; +$fa-var-hand-o-left: "\f0a5"; +$fa-var-hand-o-right: "\f0a4"; +$fa-var-hand-o-up: "\f0a6"; +$fa-var-hdd-o: "\f0a0"; +$fa-var-header: "\f1dc"; +$fa-var-headphones: "\f025"; +$fa-var-heart: "\f004"; +$fa-var-heart-o: "\f08a"; +$fa-var-heartbeat: "\f21e"; +$fa-var-history: "\f1da"; +$fa-var-home: "\f015"; +$fa-var-hospital-o: "\f0f8"; +$fa-var-hotel: "\f236"; +$fa-var-html5: "\f13b"; +$fa-var-ils: "\f20b"; +$fa-var-image: "\f03e"; +$fa-var-inbox: "\f01c"; +$fa-var-indent: "\f03c"; +$fa-var-info: "\f129"; +$fa-var-info-circle: "\f05a"; +$fa-var-inr: "\f156"; +$fa-var-instagram: "\f16d"; +$fa-var-institution: "\f19c"; +$fa-var-ioxhost: "\f208"; +$fa-var-italic: "\f033"; +$fa-var-joomla: "\f1aa"; +$fa-var-jpy: "\f157"; +$fa-var-jsfiddle: "\f1cc"; +$fa-var-key: "\f084"; +$fa-var-keyboard-o: "\f11c"; +$fa-var-krw: "\f159"; +$fa-var-language: "\f1ab"; +$fa-var-laptop: "\f109"; +$fa-var-lastfm: "\f202"; +$fa-var-lastfm-square: "\f203"; +$fa-var-leaf: "\f06c"; +$fa-var-leanpub: "\f212"; +$fa-var-legal: "\f0e3"; +$fa-var-lemon-o: "\f094"; +$fa-var-level-down: "\f149"; +$fa-var-level-up: "\f148"; +$fa-var-life-bouy: "\f1cd"; +$fa-var-life-buoy: "\f1cd"; +$fa-var-life-ring: "\f1cd"; +$fa-var-life-saver: "\f1cd"; +$fa-var-lightbulb-o: "\f0eb"; +$fa-var-line-chart: "\f201"; +$fa-var-link: "\f0c1"; +$fa-var-linkedin: "\f0e1"; +$fa-var-linkedin-square: "\f08c"; +$fa-var-linux: "\f17c"; +$fa-var-list: "\f03a"; +$fa-var-list-alt: "\f022"; +$fa-var-list-ol: "\f0cb"; +$fa-var-list-ul: "\f0ca"; +$fa-var-location-arrow: "\f124"; +$fa-var-lock: "\f023"; +$fa-var-long-arrow-down: "\f175"; +$fa-var-long-arrow-left: "\f177"; +$fa-var-long-arrow-right: "\f178"; +$fa-var-long-arrow-up: "\f176"; +$fa-var-magic: "\f0d0"; +$fa-var-magnet: "\f076"; +$fa-var-mail-forward: "\f064"; +$fa-var-mail-reply: "\f112"; +$fa-var-mail-reply-all: "\f122"; +$fa-var-male: "\f183"; +$fa-var-map-marker: "\f041"; +$fa-var-mars: "\f222"; +$fa-var-mars-double: "\f227"; +$fa-var-mars-stroke: "\f229"; +$fa-var-mars-stroke-h: "\f22b"; +$fa-var-mars-stroke-v: "\f22a"; +$fa-var-maxcdn: "\f136"; +$fa-var-meanpath: "\f20c"; +$fa-var-medium: "\f23a"; +$fa-var-medkit: "\f0fa"; +$fa-var-meh-o: "\f11a"; +$fa-var-mercury: "\f223"; +$fa-var-microphone: "\f130"; +$fa-var-microphone-slash: "\f131"; +$fa-var-minus: "\f068"; +$fa-var-minus-circle: "\f056"; +$fa-var-minus-square: "\f146"; +$fa-var-minus-square-o: "\f147"; +$fa-var-mobile: "\f10b"; +$fa-var-mobile-phone: "\f10b"; +$fa-var-money: "\f0d6"; +$fa-var-moon-o: "\f186"; +$fa-var-mortar-board: "\f19d"; +$fa-var-motorcycle: "\f21c"; +$fa-var-music: "\f001"; +$fa-var-navicon: "\f0c9"; +$fa-var-neuter: "\f22c"; +$fa-var-newspaper-o: "\f1ea"; +$fa-var-openid: "\f19b"; +$fa-var-outdent: "\f03b"; +$fa-var-pagelines: "\f18c"; +$fa-var-paint-brush: "\f1fc"; +$fa-var-paper-plane: "\f1d8"; +$fa-var-paper-plane-o: "\f1d9"; +$fa-var-paperclip: "\f0c6"; +$fa-var-paragraph: "\f1dd"; +$fa-var-paste: "\f0ea"; +$fa-var-pause: "\f04c"; +$fa-var-paw: "\f1b0"; +$fa-var-paypal: "\f1ed"; +$fa-var-pencil: "\f040"; +$fa-var-pencil-square: "\f14b"; +$fa-var-pencil-square-o: "\f044"; +$fa-var-phone: "\f095"; +$fa-var-phone-square: "\f098"; +$fa-var-photo: "\f03e"; +$fa-var-picture-o: "\f03e"; +$fa-var-pie-chart: "\f200"; +$fa-var-pied-piper: "\f1a7"; +$fa-var-pied-piper-alt: "\f1a8"; +$fa-var-pinterest: "\f0d2"; +$fa-var-pinterest-p: "\f231"; +$fa-var-pinterest-square: "\f0d3"; +$fa-var-plane: "\f072"; +$fa-var-play: "\f04b"; +$fa-var-play-circle: "\f144"; +$fa-var-play-circle-o: "\f01d"; +$fa-var-plug: "\f1e6"; +$fa-var-plus: "\f067"; +$fa-var-plus-circle: "\f055"; +$fa-var-plus-square: "\f0fe"; +$fa-var-plus-square-o: "\f196"; +$fa-var-power-off: "\f011"; +$fa-var-print: "\f02f"; +$fa-var-puzzle-piece: "\f12e"; +$fa-var-qq: "\f1d6"; +$fa-var-qrcode: "\f029"; +$fa-var-question: "\f128"; +$fa-var-question-circle: "\f059"; +$fa-var-quote-left: "\f10d"; +$fa-var-quote-right: "\f10e"; +$fa-var-ra: "\f1d0"; +$fa-var-random: "\f074"; +$fa-var-rebel: "\f1d0"; +$fa-var-recycle: "\f1b8"; +$fa-var-reddit: "\f1a1"; +$fa-var-reddit-square: "\f1a2"; +$fa-var-refresh: "\f021"; +$fa-var-remove: "\f00d"; +$fa-var-renren: "\f18b"; +$fa-var-reorder: "\f0c9"; +$fa-var-repeat: "\f01e"; +$fa-var-reply: "\f112"; +$fa-var-reply-all: "\f122"; +$fa-var-retweet: "\f079"; +$fa-var-rmb: "\f157"; +$fa-var-road: "\f018"; +$fa-var-rocket: "\f135"; +$fa-var-rotate-left: "\f0e2"; +$fa-var-rotate-right: "\f01e"; +$fa-var-rouble: "\f158"; +$fa-var-rss: "\f09e"; +$fa-var-rss-square: "\f143"; +$fa-var-rub: "\f158"; +$fa-var-ruble: "\f158"; +$fa-var-rupee: "\f156"; +$fa-var-save: "\f0c7"; +$fa-var-scissors: "\f0c4"; +$fa-var-search: "\f002"; +$fa-var-search-minus: "\f010"; +$fa-var-search-plus: "\f00e"; +$fa-var-sellsy: "\f213"; +$fa-var-send: "\f1d8"; +$fa-var-send-o: "\f1d9"; +$fa-var-server: "\f233"; +$fa-var-share: "\f064"; +$fa-var-share-alt: "\f1e0"; +$fa-var-share-alt-square: "\f1e1"; +$fa-var-share-square: "\f14d"; +$fa-var-share-square-o: "\f045"; +$fa-var-shekel: "\f20b"; +$fa-var-sheqel: "\f20b"; +$fa-var-shield: "\f132"; +$fa-var-ship: "\f21a"; +$fa-var-shirtsinbulk: "\f214"; +$fa-var-shopping-cart: "\f07a"; +$fa-var-sign-in: "\f090"; +$fa-var-sign-out: "\f08b"; +$fa-var-signal: "\f012"; +$fa-var-simplybuilt: "\f215"; +$fa-var-sitemap: "\f0e8"; +$fa-var-skyatlas: "\f216"; +$fa-var-skype: "\f17e"; +$fa-var-slack: "\f198"; +$fa-var-sliders: "\f1de"; +$fa-var-slideshare: "\f1e7"; +$fa-var-smile-o: "\f118"; +$fa-var-soccer-ball-o: "\f1e3"; +$fa-var-sort: "\f0dc"; +$fa-var-sort-alpha-asc: "\f15d"; +$fa-var-sort-alpha-desc: "\f15e"; +$fa-var-sort-amount-asc: "\f160"; +$fa-var-sort-amount-desc: "\f161"; +$fa-var-sort-asc: "\f0de"; +$fa-var-sort-desc: "\f0dd"; +$fa-var-sort-down: "\f0dd"; +$fa-var-sort-numeric-asc: "\f162"; +$fa-var-sort-numeric-desc: "\f163"; +$fa-var-sort-up: "\f0de"; +$fa-var-soundcloud: "\f1be"; +$fa-var-space-shuttle: "\f197"; +$fa-var-spinner: "\f110"; +$fa-var-spoon: "\f1b1"; +$fa-var-spotify: "\f1bc"; +$fa-var-square: "\f0c8"; +$fa-var-square-o: "\f096"; +$fa-var-stack-exchange: "\f18d"; +$fa-var-stack-overflow: "\f16c"; +$fa-var-star: "\f005"; +$fa-var-star-half: "\f089"; +$fa-var-star-half-empty: "\f123"; +$fa-var-star-half-full: "\f123"; +$fa-var-star-half-o: "\f123"; +$fa-var-star-o: "\f006"; +$fa-var-steam: "\f1b6"; +$fa-var-steam-square: "\f1b7"; +$fa-var-step-backward: "\f048"; +$fa-var-step-forward: "\f051"; +$fa-var-stethoscope: "\f0f1"; +$fa-var-stop: "\f04d"; +$fa-var-street-view: "\f21d"; +$fa-var-strikethrough: "\f0cc"; +$fa-var-stumbleupon: "\f1a4"; +$fa-var-stumbleupon-circle: "\f1a3"; +$fa-var-subscript: "\f12c"; +$fa-var-subway: "\f239"; +$fa-var-suitcase: "\f0f2"; +$fa-var-sun-o: "\f185"; +$fa-var-superscript: "\f12b"; +$fa-var-support: "\f1cd"; +$fa-var-table: "\f0ce"; +$fa-var-tablet: "\f10a"; +$fa-var-tachometer: "\f0e4"; +$fa-var-tag: "\f02b"; +$fa-var-tags: "\f02c"; +$fa-var-tasks: "\f0ae"; +$fa-var-taxi: "\f1ba"; +$fa-var-tencent-weibo: "\f1d5"; +$fa-var-terminal: "\f120"; +$fa-var-text-height: "\f034"; +$fa-var-text-width: "\f035"; +$fa-var-th: "\f00a"; +$fa-var-th-large: "\f009"; +$fa-var-th-list: "\f00b"; +$fa-var-thumb-tack: "\f08d"; +$fa-var-thumbs-down: "\f165"; +$fa-var-thumbs-o-down: "\f088"; +$fa-var-thumbs-o-up: "\f087"; +$fa-var-thumbs-up: "\f164"; +$fa-var-ticket: "\f145"; +$fa-var-times: "\f00d"; +$fa-var-times-circle: "\f057"; +$fa-var-times-circle-o: "\f05c"; +$fa-var-tint: "\f043"; +$fa-var-toggle-down: "\f150"; +$fa-var-toggle-left: "\f191"; +$fa-var-toggle-off: "\f204"; +$fa-var-toggle-on: "\f205"; +$fa-var-toggle-right: "\f152"; +$fa-var-toggle-up: "\f151"; +$fa-var-train: "\f238"; +$fa-var-transgender: "\f224"; +$fa-var-transgender-alt: "\f225"; +$fa-var-trash: "\f1f8"; +$fa-var-trash-o: "\f014"; +$fa-var-tree: "\f1bb"; +$fa-var-trello: "\f181"; +$fa-var-trophy: "\f091"; +$fa-var-truck: "\f0d1"; +$fa-var-try: "\f195"; +$fa-var-tty: "\f1e4"; +$fa-var-tumblr: "\f173"; +$fa-var-tumblr-square: "\f174"; +$fa-var-turkish-lira: "\f195"; +$fa-var-twitch: "\f1e8"; +$fa-var-twitter: "\f099"; +$fa-var-twitter-square: "\f081"; +$fa-var-umbrella: "\f0e9"; +$fa-var-underline: "\f0cd"; +$fa-var-undo: "\f0e2"; +$fa-var-university: "\f19c"; +$fa-var-unlink: "\f127"; +$fa-var-unlock: "\f09c"; +$fa-var-unlock-alt: "\f13e"; +$fa-var-unsorted: "\f0dc"; +$fa-var-upload: "\f093"; +$fa-var-usd: "\f155"; +$fa-var-user: "\f007"; +$fa-var-user-md: "\f0f0"; +$fa-var-user-plus: "\f234"; +$fa-var-user-secret: "\f21b"; +$fa-var-user-times: "\f235"; +$fa-var-users: "\f0c0"; +$fa-var-venus: "\f221"; +$fa-var-venus-double: "\f226"; +$fa-var-venus-mars: "\f228"; +$fa-var-viacoin: "\f237"; +$fa-var-video-camera: "\f03d"; +$fa-var-vimeo-square: "\f194"; +$fa-var-vine: "\f1ca"; +$fa-var-vk: "\f189"; +$fa-var-volume-down: "\f027"; +$fa-var-volume-off: "\f026"; +$fa-var-volume-up: "\f028"; +$fa-var-warning: "\f071"; +$fa-var-wechat: "\f1d7"; +$fa-var-weibo: "\f18a"; +$fa-var-weixin: "\f1d7"; +$fa-var-whatsapp: "\f232"; +$fa-var-wheelchair: "\f193"; +$fa-var-wifi: "\f1eb"; +$fa-var-windows: "\f17a"; +$fa-var-won: "\f159"; +$fa-var-wordpress: "\f19a"; +$fa-var-wrench: "\f0ad"; +$fa-var-xing: "\f168"; +$fa-var-xing-square: "\f169"; +$fa-var-yahoo: "\f19e"; +$fa-var-yelp: "\f1e9"; +$fa-var-yen: "\f157"; +$fa-var-youtube: "\f167"; +$fa-var-youtube-play: "\f16a"; +$fa-var-youtube-square: "\f166"; diff --git a/_sass/font-awesome/font-awesome.scss b/_sass/font-awesome/font-awesome.scss new file mode 100644 index 0000000..c893b48 --- /dev/null +++ b/_sass/font-awesome/font-awesome.scss @@ -0,0 +1,17 @@ +/*! + * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */ + +@import "variables"; +@import "mixins"; +@import "path"; +@import "core"; +@import "larger"; +// @import "fixed-width"; +@import "list"; +// @import "bordered-pulled"; +// @import "animated"; +// @import "rotated-flipped"; +// @import "stacked"; +@import "icons"; diff --git a/_sass/global.scss b/_sass/global.scss deleted file mode 100644 index d0bfa42..0000000 --- a/_sass/global.scss +++ /dev/null @@ -1,48 +0,0 @@ -$base03: #002b36; -$base02: #073642; -$base01: #586e75; -$base00: #657b83; -$base0: #839496; -$base1: #93a1a1; -$base2: #eee8d5; -$base3: #fdf6e3; -$yellow: #b58900; -$orange: #cb4b16; -$red: #dc322f; -$magenta: #d33682; -$violet: #6c71c4; -$blue: #268bd2; -$cyan: #2aa198; -$green: #859900; -$black: #000000; -$white: #ffffff; - -$googleplus-color: #DD4B39; -$facebook-color: #3b5998; -$twitter-color: #55ACEE; -$tumblr-color: rgb(44, 71, 98); -$pinterest-color: #CB2027; - -$sans: 'open_sans', sans-serif; -$serif: 'crimson_text', serif; -$monospace: 'source_code_pro', monospace; - -$link-fade-time: 0.4s; -$link-darken-amount: 20%; - -// Mixin to deal with cross-browser transitions -@mixin transition ($param, $time, $type) { - -webkit-transition: $param $time $type; - -moz-transition: $param $time $type; - -o-transition: $param $time $type; - -ms-transition: $param $time $type; - transition: $param $time $type; -} - -@mixin nav_button($c) { - background-color: $c; - - &:hover { - background-color: darken($c, 15%); - } -} diff --git a/_sass/normalize.scss b/_sass/normalize.scss deleted file mode 100644 index 612a001..0000000 --- a/_sass/normalize.scss +++ /dev/null @@ -1,406 +0,0 @@ -/* normalize.css v2.1.3 | MIT License | git.io/normalize */ - -/* ========================================================================== - HTML5 display definitions - ========================================================================== */ - -/** - * Correct `block` display not defined in IE 8/9. - */ - -article, -// aside, -// details, -figcaption, -figure, -footer, -header, -// hgroup, -main, -nav, -section, -summary { - display: block; -} - -/** - * Correct `inline-block` display not defined in IE 8/9. - */ - -// audio, -// canvas, -// video { -// display: inline-block; -// } - -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ - -// audio:not([controls]) { -// display: none; -// height: 0; -// } - -/** - * Address `[hidden]` styling not present in IE 8/9. - * Hide the `template` element in IE, Safari, and Firefox < 22. - */ - -// [hidden], -// template { -// display: none; -// } - -/* ========================================================================== - Base - ========================================================================== */ - -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS text size adjust after orientation change, without disabling - * user zoom. - */ - -// html { -// font-family: sans-serif; /* 1 */ -// -ms-text-size-adjust: 100%; /* 2 */ -// -webkit-text-size-adjust: 100%; /* 2 */ -// } - -/** - * Remove default margin. - */ - -body { - margin: 0; -} - -/* ========================================================================== - Links - ========================================================================== */ - -/** - * Remove the gray background color from active links in IE 10. - */ - -a { - background: transparent; -} - -/** - * Address `outline` inconsistency between Chrome and other browsers. - */ - -// a:focus { -// outline: thin dotted; -// } - -/** - * Improve readability when focused and also mouse hovered in all browsers. - */ - -a:active, -a:hover { - outline: 0; -} - -/* ========================================================================== - Typography - ========================================================================== */ - -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari 5, and Chrome. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/** - * Address styling not present in IE 8/9, Safari 5, and Chrome. - */ - -// abbr[title] { -// border-bottom: 1px dotted; -// } - -/** - * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. - */ - -b, -strong { - font-weight: bold; -} - -/** - * Address styling not present in Safari 5 and Chrome. - */ - -// dfn { -// font-style: italic; -// } - -/** - * Address differences between Firefox and other browsers. - */ - -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; -} - -/** - * Address styling not present in IE 8/9. - */ - -// mark { -// background: #ff0; -// color: #000; -// } - -/** - * Correct font family set oddly in Safari 5 and Chrome. - */ - -code, -kbd, -pre, -samp { - font-family: monospace, serif; - font-size: 1em; -} - -/** - * Improve readability of pre-formatted text in all browsers. - */ - -pre { - white-space: pre-wrap; -} - -/** - * Set consistent quote types. - */ - -// q { -// quotes: "\201C" "\201D" "\2018" "\2019"; -// } - -/** - * Address inconsistent and variable font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -/* ========================================================================== - Embedded content - ========================================================================== */ - -/** - * Remove border when inside `a` element in IE 8/9. - */ - -img { - border: 0; -} - -/** - * Correct overflow displayed oddly in IE 9. - */ - -// svg:not(:root) { -// overflow: hidden; -// } - -/* ========================================================================== - Figures - ========================================================================== */ - -/** - * Address margin not present in IE 8/9 and Safari 5. - */ - -// figure { -// margin: 0; -// } - -/* ========================================================================== - Forms - ========================================================================== */ - -/** - * Define consistent border, margin, and padding. - */ - -// fieldset { -// border: 1px solid #c0c0c0; -// margin: 0 2px; -// padding: 0.35em 0.625em 0.75em; -// } - -/** - * 1. Correct `color` not being inherited in IE 8/9. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ - -// legend { -// border: 0; /* 1 */ -// padding: 0; /* 2 */ -// } - -/** - * 1. Correct font family not being inherited in all browsers. - * 2. Correct font size not being inherited in all browsers. - * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. - */ - -// button, -// input, -// select, -// textarea { -// font-family: inherit; /* 1 */ -// font-size: 100%; /* 2 */ -// margin: 0; /* 3 */ -// } - -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ - -// button, -// input { -// line-height: normal; -// } - -/** - * Address inconsistent `text-transform` inheritance for `button` and `select`. - * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. - * Correct `select` style inheritance in Firefox 4+ and Opera. - */ - -// button, -// select { -// text-transform: none; -// } - -/** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type - * `input` and others. - */ - -// button, -// html input[type="button"], /* 1 */ -// input[type="reset"], -// input[type="submit"] { -// -webkit-appearance: button; /* 2 */ -// cursor: pointer; /* 3 */ -// } - -/** - * Re-set default cursor for disabled elements. - */ - -// button[disabled], -// html input[disabled] { -// cursor: default; -// } - -/** - * 1. Address box sizing set to `content-box` in IE 8/9/10. - * 2. Remove excess padding in IE 8/9/10. - */ - -// input[type="checkbox"], -// input[type="radio"] { -// box-sizing: border-box; /* 1 */ -// padding: 0; /* 2 */ -// } - -/** - * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome - * (include `-moz` to future-proof). - */ - -// input[type="search"] { -// -webkit-appearance: textfield; /* 1 */ -// -moz-box-sizing: content-box; -// -webkit-box-sizing: content-box; /* 2 */ -// box-sizing: content-box; -// } - -/** - * Remove inner padding and search cancel button in Safari 5 and Chrome - * on OS X. - */ - -// input[type="search"]::-webkit-search-cancel-button, -// input[type="search"]::-webkit-search-decoration { -// -webkit-appearance: none; -// } - -/** - * Remove inner padding and border in Firefox 4+. - */ - -// button::-moz-focus-inner, -// input::-moz-focus-inner { -// border: 0; -// padding: 0; -// } - -/** - * 1. Remove default vertical scrollbar in IE 8/9. - * 2. Improve readability and alignment in all browsers. - */ - -// textarea { -// overflow: auto; /* 1 */ -// vertical-align: top; /* 2 */ -// } - -/* ========================================================================== - Tables - ========================================================================== */ - -/** - * Remove most spacing between table cells. - */ - -table { - border-collapse: collapse; - border-spacing: 0; -} diff --git a/_sass/syntax.scss b/_sass/syntax.scss deleted file mode 100644 index bcd61d2..0000000 --- a/_sass/syntax.scss +++ /dev/null @@ -1,162 +0,0 @@ -.highlight { - background: #ffffff; - - .c, - .cm, - .c1 { - color: $base1; - font-style: italic - } /* Comment */ - - .gr, - .gt, - .err { - color: $red; - } /* Error */ - - .k { - font-weight: bold; - } /* Keyword */ - - .o { - font-weight: bold; - } /* Operator */ - - .cp { - color: $base1; - font-weight: bold; - } /* Comment.Preproc */ - - .cs { - color: $base1; - font-weight: bold; - font-style: italic; - } /* Comment.Special */ - - .gd, - .gd .x { - color: $base03; - background-color: $base1; - } /* Generic.Deleted */ - - .ge { - font-style: italic; - } /* Generic.Emph */ - - .gu, - .gh { - color: $base1; - } /* Generic.Heading */ - - .gi .x, - .gi { - color: $base03; - background-color: $base1; - } /* Generic.Inserted */ - - .go { - color: $base1; - } /* Generic.Output */ - - .gp { - color: $base01; - } /* Generic.Prompt */ - - .gs { - font-weight: bold; - } /* Generic.Strong */ - - .kd, - .kp, - .kr, - .kc { - font-weight: bold; - } /* Keyword.Constant */ - - .kt { - color: $violet; - font-weight: bold; - } /* Keyword.Type */ - - .m { - color: $cyan; - } /* Literal.Number */ - - .s { - color: $magenta; - } /* Literal.String */ - - .na, - .nb, - .no, - .ni, - .nt, - .nv { - color: $blue; - } /* Name.Variable */ - - .nc { - color: $blue; - font-weight: bold; - } /* Name.Class */ - - .ne { - color: $red; - font-weight: bold; - } /* Name.Exception */ - - .nf { - color: $red; - font-weight: bold; - } /* Name.Function */ - - .nn { - color: $base01; - } /* Name.Namespace */ - - .ow { - font-weight: bold; - } /* Operator.Word */ - - .w { - color: $base1; - } /* Text.Whitespace */ - - .mf, - .mh, - .mi, - .mo { - color: $cyan; - } /* Literal.Number.Oct */ - - .sb, - .sc, - .sd, - .s2, - .se, - .sh, - .si, - .s1, - .sx { - color: $magenta; - } /* Literal.String.Other */ - - .sr, - .ss { - color: $green; - } /* Literal.String.Symbol */ - - .bp { - color: $base1; - } /* Name.Builtin.Pseudo */ - - .vc, - .vg, - .vi { - color: $blue; - } /* Name.Variable.Instance */ - - .il { - color: $cyan; - } /* Literal.Number.Integer.Long */ -} diff --git a/assets/fonts/FontAwesome.otf b/assets/fonts/FontAwesome.otf new file mode 100644 index 0000000..f7936cc Binary files /dev/null and b/assets/fonts/FontAwesome.otf differ diff --git a/assets/fonts/fontawesome-webfont.eot b/assets/fonts/fontawesome-webfont.eot new file mode 100644 index 0000000..33b2bb8 Binary files /dev/null and b/assets/fonts/fontawesome-webfont.eot differ diff --git a/assets/fonts/fontawesome-webfont.svg b/assets/fonts/fontawesome-webfont.svg new file mode 100644 index 0000000..1ee89d4 --- /dev/null +++ b/assets/fonts/fontawesome-webfont.svg @@ -0,0 +1,565 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/fonts/fontawesome-webfont.ttf b/assets/fonts/fontawesome-webfont.ttf new file mode 100644 index 0000000..ed9372f Binary files /dev/null and b/assets/fonts/fontawesome-webfont.ttf differ diff --git a/assets/fonts/fontawesome-webfont.woff b/assets/fonts/fontawesome-webfont.woff new file mode 100644 index 0000000..8b280b9 Binary files /dev/null and b/assets/fonts/fontawesome-webfont.woff differ diff --git a/assets/fonts/fontawesome-webfont.woff2 b/assets/fonts/fontawesome-webfont.woff2 new file mode 100644 index 0000000..3311d58 Binary files /dev/null and b/assets/fonts/fontawesome-webfont.woff2 differ diff --git a/assets/fonts/icomoon.eot b/assets/fonts/icomoon.eot deleted file mode 100755 index 4d2f63b..0000000 Binary files a/assets/fonts/icomoon.eot and /dev/null differ diff --git a/assets/fonts/icomoon.svg b/assets/fonts/icomoon.svg deleted file mode 100755 index 85bbf46..0000000 --- a/assets/fonts/icomoon.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - -Generated by IcoMoon - - - - - - - - - - - - \ No newline at end of file diff --git a/assets/fonts/icomoon.ttf b/assets/fonts/icomoon.ttf deleted file mode 100755 index 91d0c07..0000000 Binary files a/assets/fonts/icomoon.ttf and /dev/null differ diff --git a/assets/fonts/icomoon.woff b/assets/fonts/icomoon.woff deleted file mode 100755 index 9cfef60..0000000 Binary files a/assets/fonts/icomoon.woff and /dev/null differ diff --git a/assets/scripts/d3/gender_terms_v1.js b/assets/scripts/d3/gender_terms_v1.js index ba510e0..2446ee1 100644 --- a/assets/scripts/d3/gender_terms_v1.js +++ b/assets/scripts/d3/gender_terms_v1.js @@ -1,5 +1,5 @@ (function() { - var width = 960; + var width = 900; var height = 500; var color = d3.scale.category10(); diff --git a/assets/scripts/d3/party_affiliation_v0.js b/assets/scripts/d3/party_affiliation_v0.js index ed7b576..853fed5 100644 --- a/assets/scripts/d3/party_affiliation_v0.js +++ b/assets/scripts/d3/party_affiliation_v0.js @@ -1,6 +1,6 @@ (function() { - var width = 960; + var width = 900; var height = 700; var radius = Math.min(width, height) / 2; diff --git a/assets/scripts/d3/religion_v0.js b/assets/scripts/d3/religion_v0.js index 6391195..d7d2232 100644 --- a/assets/scripts/d3/religion_v0.js +++ b/assets/scripts/d3/religion_v0.js @@ -40,7 +40,7 @@ return religion_array; }; - var width = 960; + var width = 900; var barHeight = 25; var margin = 215; diff --git a/assets/scripts/d3/religion_v1.js b/assets/scripts/d3/religion_v1.js index 4b8f733..425b71f 100644 --- a/assets/scripts/d3/religion_v1.js +++ b/assets/scripts/d3/religion_v1.js @@ -27,7 +27,7 @@ return religion_array; }; - var width = 960; + var width = 900; var height = 400; var radius = Math.min(width, height) / 2; diff --git a/assets/stylesheets/site.scss b/assets/stylesheets/site.scss index ce30820..e36909d 100644 --- a/assets/stylesheets/site.scss +++ b/assets/stylesheets/site.scss @@ -1,250 +1,12 @@ --- --- -@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; -} - -table.data-table 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; -} - -kbd { - font-size: 0.7em; - border: 1px solid $base1; - border-radius: 3px; - padding: 1px 5px; - border-bottom-width: 2px; - color: $base01; - font-family: $monospace; -} - -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); - } - } - } -} - -hr { - width: 20%; - border-width: 2px; - border-style: solid none none none; - border-color: $base1; -} - -aside { - // font-style: italic; - width: 80%; - margin-left: auto; - margin-right: auto; - text-align: center; - color: $base01; -} - -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; - } -} +@import "mixins"; +@import "variables"; +@import "utility"; +@import "respond"; +@import "base"; +@import "typography"; +@import "brand"; +@import "font-awesome/font-awesome"; +@import "print" diff --git a/assets/stylesheets/viewtime.css b/assets/stylesheets/viewtime.css deleted file mode 100644 index b37bebc..0000000 --- a/assets/stylesheets/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/index.html b/index.html index 001906d..1d15230 100644 --- a/index.html +++ b/index.html @@ -2,13 +2,35 @@ layout: master title: Ben Burwell - Software Engineer --- +
+
+ 
+{
+  "name": "Ben Burwell",
+  "twitter": "@bburwell",
+  "github": "@benburwell",
+  "keybase": "@benburwell",
+  "email": {
+    "address": "ben@benburwell.com",
+    "pgp": "6661 12D9 67A3 6ECD"
+  },
+  "resume": {
+    "pdf": "resume.pdf",
+    "tex": "resume.tex"
+  }
+}
+
+
-
-

-

Ben Burwell

-

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

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

Latest post: {{ post.title }}

- {% endfor %} +
+

Recent Posts

+ + +

About

+

I am a software engineer, security & crypto enthusiast, lighting designer, and zsh user. I'm passionate about kerning and coffee.

+
diff --git a/pgp/index.md b/pgp/index.md deleted file mode 100644 index 5263c60..0000000 --- a/pgp/index.md +++ /dev/null @@ -1,11 +0,0 @@ ---- -layout: master -title: PGP Keys for Ben Burwell ---- - -PGP Keys -======== - -I digitally sign email with a PGP signature, and encrypt it when possible. If you would like to send encrypted email to , you will need to download and install my [PGP public key](https://keybase.io/benburwell/key.asc). - -You can see my [publicly-auditable identity on Keybase](https://keybase.io/benburwell). diff --git a/posts/index.html b/posts/index.html index 62b7c66..97b6bc7 100644 --- a/posts/index.html +++ b/posts/index.html @@ -7,6 +7,8 @@ redirect_from: /writing/
{% for post in site.posts %} -

{{ post.title }}

+

{{ post.title }}

+

+ {{ post.content }} {% endfor %}
diff --git a/projects/forest-printer-management/index.markdown b/projects/forest-printer-management/index.markdown deleted file mode 100644 index 45faf05..0000000 --- a/projects/forest-printer-management/index.markdown +++ /dev/null @@ -1,28 +0,0 @@ ---- -layout: post -title: Forest™ Printer Management System -description: For my Software Engineering class, we built a printer management infrastructure. -date: 2014-04-28 00:00:00 ---- - -In the Fall 2013 semester, I took a Software Engineering class. After a few weeks studying about development lifecycles, scheduling techniques, and such, we split the class into groups to propose and develop large software projects. I joined the team that was building a system that would track printer usage, display status, and collect statistics. Having previously created [a printer status project](http://mathcs.muhlenberg.edu/~bb246500/printers/), I found the idea intriguing. - -Several of the team members had experience using GitHub, so we decided to [create an organization](https://github.com/printerSystemCSI210) to store documents and provide version control. We had the school Math/CS department web server running Apache available for web hosting. Additionally, I had experience with [Node.js](http://nodejs.org) running on [Heroku](https://www.heroku.com/), so we had that technology in our arsenal as well. - -One of the first challenges we encountered that would have an impact on our architecture was the fact that most printers do not have public IP addresses and thus would need to be queried from inside the local network, while we wanted the public-facing site to be accessible regardless of physical location. This led us to developing the concept of an API which would enable a master database to be queried and updated by various components. In developing an API-central infrastructure, we were also looking down th line towards supporting client-developed applications and native applications for various platforms (iOS, Android, Windows, OS X). - -

- - Forest Interaction Diagram - -

- -Our first task was to develop a data format and database schema. As we intended to use [actionhero](http://actionherojs.com) for the API server, we created a [schema for MongoDB](https://github.com/printerSystemCSI210/api-server/blob/master/initializers/_project.js) and a base [set of API commands](https://github.com/printerSystemCSI210/api-server/tree/master/actions) we would need to implement in order to get a framework of the service up and running. We [deployed this on Heroku](https://forest-api.herokuapp.com). - -Simultaneously, we began work on a [web frontend](https://github.com/printerSystemCSI210/frontend) [hosted on the Math/CS server](http://mathcs.muhlenberg.edu/~mb247142/forest/frontend/home.php) that would communicate with the API to display graphs using [chart.js](http://www.chartjs.org). You can make an account here and add printers, though the interface is probably still a bit buggy. - -Additionally, we created a [Ruby program](https://github.com/printerSystemCSI210/query-agent) that would be running on the local network and would pull printer addresses from the API and query their status and properties via SNMP and push this information back to the API at a specified interval. We began working on bundling the gem as a standalone application using [Omnibus](https://github.com/opscode/omnibus-ruby), but due to lack of time at the end of the semester, this was never completed. - -At the end of the semester, we had built three interacting components, each using a different technology (Node.js/Mongoose, PHP/Apache, Ruby). You can [read our final Venture Proposal (pdf)](/assets/pdf/forest_venture_proposal.pdf). While all of our components communicated over HTTP using JSON, it’s worth noting that actionhero supports socket connections over TCP/TLS, which would have been a better choice for some of our infrastructure in production. We decided to use HTTP since it was easier to deploy on Heroku’s free tier and easier to interact with without writing additional components in Ruby and PHP. - -We’ve talked about continuing to develop the project beyond the class, but no progress has really been made. It’s probably possible to get a working monitoring system up and running based off our code (which is [all on GitHub](https://github.com/printerSystemCSI210)), but it would require quite a bit of legwork as it currently stands. diff --git a/projects/helvetica/index.markdown b/projects/helvetica/index.markdown deleted file mode 100644 index 3b3454c..0000000 --- a/projects/helvetica/index.markdown +++ /dev/null @@ -1,28 +0,0 @@ ---- -layout: post -title: Helvetica for Safari and Chrome -description: Those who believe the web should be made more beautiful will appreciate this extension for Safari and Google Chrome that makes all text display in Helvetica Neue (with regular old Helvetica as a backup). -date: 2013-12-13 00:00:00 ---- - -Those who believe the web should be made more beautiful will appreciate this extension for Safari and Google Chrome that makes all text display in Helvetica Neue (with regular old Helvetica as a backup). - -Installing Helvetica in Safari ------------------------------- - -* [Download Helvetica](http://updates.benburwell.com/safari/helvetica/latest.safariextz) to your computer. -* Click on the Downloads icon in the toolbar. -* Double-click on `helvetica.safariextz` to install. - -Installing Helvetica in Google Chrome -------------------------------------- - -* [Download Helvetica](http://updates.benburwell.com/chrome/helvetica/latest.crx) to your computer. -* Click the ![triple bar](/assets/images/icons/settings-icon.png) icon on the Chrome toolbar -* Select Tools > Extensions. -* Locate the extension file on your computer and drag the file onto the Extensions page. -* Review the list of permissions in the dialog that appears. If you would like to proceed, click Install. - -It’s not perfect; there will be some text that is not Helvetica since this is simply the application of a stylesheet. If a site is using significant amounts of JavaScript, some text may not be transformed. This will be corrected in later versions. - -For the most part, fonts will be replaced on sites that don’t have very specific typography. In general, you’ll find that sites that have put care into their typeface choices will have those choices preserved. diff --git a/projects/index.html b/projects/index.html index 7c7202d..2c3b837 100644 --- a/projects/index.html +++ b/projects/index.html @@ -4,14 +4,17 @@ title: Ben Burwell’s Projects description: Projects I’ve done. --- -
-

ViewTime, a Browser Extension for YouTube™

- -

Forest™ Printer Management System

- -

MDEngine

- -

Helvetica for Safari and Chrome

- -

Unified Show Control

-
+{% for project in site.data.projects %} +{% if project.live %} +

{{ project.name }}

+{% else %} +

{{ project.name }}

+{% endif %} +
    +
  • {{ project.description }}
    • +
  • {{ project.tech }}
    • + {% if project.github %} +
  • {{ project.github }}
    • + {% endif %} +
+{% endfor %} diff --git a/projects/mdengine/index.markdown b/projects/mdengine/index.markdown deleted file mode 100644 index 57433d2..0000000 --- a/projects/mdengine/index.markdown +++ /dev/null @@ -1,10 +0,0 @@ ---- -layout: post -title: MDEngine -description: A drag-and-drop PHP script enabling simple serving of rendered Markdown files. -date: 2013-12-13 00:00:00 ---- - -MDEngine was born of my need to serve static Markdown files simply and beautifully. I accomplished this by creating MDEngine, the PHP Markdown Engine. - -It’s extremely lightweight and takes the form of a small collection of files you can drop into any web directory served with Apache which will then serve all `.md` files as beautiful HTML. MDEngine is [available on GitHub](https://github.com/bburwell/mdengine). diff --git a/projects/unified-show-control/index.markdown b/projects/unified-show-control/index.markdown deleted file mode 100644 index cbbaa74..0000000 --- a/projects/unified-show-control/index.markdown +++ /dev/null @@ -1,12 +0,0 @@ ---- -layout: post -title: Unified Show Control -description: A paper on unifying all aspects of theatrical show control. -date: 2013-01-13 00:00:00 ---- - -For my freshman writing seminar at Muhlenberg, I wrote a paper on a system I devised for controlling many different theatrical cueing consoles from one master console using MIDI Show Control (MSC). I called my system [Unified Show Control (pdf)](/assets/pdf/Unified_Show_Control.pdf). - -Shortly after finishing this project, I discovered that [QLab][] from Figure 53 already has MSC built into it. Though it was slightly disappointing, I was thrilled that my idea already exists, albeit in a slightly different form. - -[QLab]: http://figure53.com/qlab/ diff --git a/projects/viewtime/index.html b/projects/viewtime/index.html deleted file mode 100644 index ee6c866..0000000 --- a/projects/viewtime/index.html +++ /dev/null @@ -1,95 +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