├── CNAME
├── README.md
├── .gitignore
├── robots.txt
├── favicon.png
├── siteicon.png
├── images
    ├── bgnoise.png
    ├── mirabai.png
    ├── stenoarcade.jpg
    ├── stenotoppers.png
    ├── qwerty_to_steno.png
    ├── plover_screenshot.png
    ├── steno_key.svg
    ├── steno_key_white.svg
    ├── stenoboard.svg
    └── dolores.svg
├── _posts
    └── _defaults.md
├── 404.html
├── _sass
    ├── mixins
    │   ├── columns.scss
    │   └── flexbox.scss
    ├── variables.scss
    ├── landing-page.scss
    ├── navigation.scss
    ├── forms.scss
    ├── footer.scss
    ├── layout.scss
    └── elements.scss
├── Gemfile
├── css
    ├── font-awesome-4.7.0
    │   ├── fonts
    │   │   ├── FontAwesome.otf
    │   │   ├── fontawesome-webfont.eot
    │   │   ├── fontawesome-webfont.ttf
    │   │   ├── fontawesome-webfont.woff
    │   │   └── fontawesome-webfont.woff2
    │   ├── less
    │   │   ├── fixed-width.less
    │   │   ├── screen-reader.less
    │   │   ├── larger.less
    │   │   ├── list.less
    │   │   ├── core.less
    │   │   ├── stacked.less
    │   │   ├── font-awesome.less
    │   │   ├── bordered-pulled.less
    │   │   ├── rotated-flipped.less
    │   │   ├── path.less
    │   │   ├── animated.less
    │   │   ├── mixins.less
    │   │   └── variables.less
    │   ├── scss
    │   │   ├── _fixed-width.scss
    │   │   ├── _screen-reader.scss
    │   │   ├── _larger.scss
    │   │   ├── _list.scss
    │   │   ├── _core.scss
    │   │   ├── font-awesome.scss
    │   │   ├── _stacked.scss
    │   │   ├── _bordered-pulled.scss
    │   │   ├── _rotated-flipped.scss
    │   │   ├── _path.scss
    │   │   ├── _animated.scss
    │   │   ├── _mixins.scss
    │   │   └── _variables.scss
    │   ├── HELP-US-OUT.txt
    │   └── css
    │   │   └── font-awesome.min.css
    └── screen.scss
├── _includes
    ├── items.html
    ├── relative-src.html
    ├── post-title.html
    ├── youtubePlayer.html
    ├── analytics.html
    ├── navigation.html
    ├── steno-layout.html
    ├── donate_button.html
    └── social-icon.html
├── _layouts
    ├── post.html
    ├── page.html
    └── default.html
├── ploverpad
    ├── assets
    │   ├── stenoKeyNumbers.json
    │   ├── binaryToSteno.json
    │   ├── keyCodeToQwerty.json
    │   └── keyCodeToSteno.json
    ├── output.css
    ├── verticalNotes.css
    ├── ploverdemo.css
    ├── uiElements.js
    ├── qwertyKeyboard.css
    ├── stenoKeyboard.css
    └── ploverpad.html
├── events.md
├── _data
    ├── footer.yml
    ├── open_steno.yml
    ├── stenography.yml
    ├── software.yml
    ├── navigation.yml
    ├── learn.yml
    └── hardware.yml
├── _events
    └── 2022-01-22-Plover-Meetup.md
├── demo.md
├── _config.yml
├── community.md
├── donate.md
├── LICENSE
├── Gemfile.lock
├── about.md
├── index.html
└── scripts
    └── stenoer.js


/CNAME:
--------------------------------------------------------------------------------
1 | opensteno.org


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # OSP Website
2 | 
3 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules
3 | _site
4 | 


--------------------------------------------------------------------------------
/robots.txt:
--------------------------------------------------------------------------------
1 | ---
2 | layout: null
3 | ---
4 | User-agent: *
5 | 


--------------------------------------------------------------------------------
/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/opensteno/opensteno.github.io/HEAD/favicon.png


--------------------------------------------------------------------------------
/siteicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/opensteno/opensteno.github.io/HEAD/siteicon.png


--------------------------------------------------------------------------------
/images/bgnoise.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/opensteno/opensteno.github.io/HEAD/images/bgnoise.png


--------------------------------------------------------------------------------
/images/mirabai.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/opensteno/opensteno.github.io/HEAD/images/mirabai.png


--------------------------------------------------------------------------------
/images/stenoarcade.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/opensteno/opensteno.github.io/HEAD/images/stenoarcade.jpg


--------------------------------------------------------------------------------
/images/stenotoppers.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/opensteno/opensteno.github.io/HEAD/images/stenotoppers.png


--------------------------------------------------------------------------------
/images/qwerty_to_steno.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/opensteno/opensteno.github.io/HEAD/images/qwerty_to_steno.png


--------------------------------------------------------------------------------
/_posts/_defaults.md:
--------------------------------------------------------------------------------
1 | ---
2 | title:
3 | categories:  
4 | author_staff_member:  
5 | date:  
6 | comments: true
7 | ---
8 | 


--------------------------------------------------------------------------------
/images/plover_screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/opensteno/opensteno.github.io/HEAD/images/plover_screenshot.png


--------------------------------------------------------------------------------
/404.html:
--------------------------------------------------------------------------------
1 | ---
2 | title: Not Found
3 | description: This page does not exist
4 | permalink: /404.html
5 | sitemap: false
6 | ---
7 | 


--------------------------------------------------------------------------------
/_sass/mixins/columns.scss:
--------------------------------------------------------------------------------
1 | @mixin columns($value) {
2 | 	columns: $value;
3 | 	-webkit-columns: $value;
4 | 	-moz-columns: $value;
5 | }
6 | 


--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
1 | source 'https://rubygems.org'
2 | 
3 | gem 'jekyll', '3.6.3'
4 | 
5 | group :jekyll_plugins do
6 | 	gem 'jekyll-seo-tag', '2.1.0'
7 | end
8 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/opensteno/opensteno.github.io/HEAD/css/font-awesome-4.7.0/fonts/FontAwesome.otf


--------------------------------------------------------------------------------
/_includes/items.html:
--------------------------------------------------------------------------------
1 | 
2 | {% for item in include.section %}
3 | 
4 | <h3>{{ item.title }}</h3>
5 | {{ item.description | markdownify }}
6 | 
7 | {% endfor %}
8 | 
9 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/opensteno/opensteno.github.io/HEAD/css/font-awesome-4.7.0/fonts/fontawesome-webfont.eot


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/opensteno/opensteno.github.io/HEAD/css/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/opensteno/opensteno.github.io/HEAD/css/font-awesome-4.7.0/fonts/fontawesome-webfont.woff


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/opensteno/opensteno.github.io/HEAD/css/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/less/fixed-width.less:
--------------------------------------------------------------------------------
1 | // Fixed Width Icons
2 | // -------------------------
3 | .@{fa-css-prefix}-fw {
4 |   width: (18em / 14);
5 |   text-align: center;
6 | }
7 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/less/screen-reader.less:
--------------------------------------------------------------------------------
1 | // Screen Readers
2 | // -------------------------
3 | 
4 | .sr-only { .sr-only(); }
5 | .sr-only-focusable { .sr-only-focusable(); }
6 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/scss/_fixed-width.scss:
--------------------------------------------------------------------------------
1 | // Fixed Width Icons
2 | // -------------------------
3 | .#{$fa-css-prefix}-fw {
4 |   width: (18em / 14);
5 |   text-align: center;
6 | }
7 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/scss/_screen-reader.scss:
--------------------------------------------------------------------------------
1 | // Screen Readers
2 | // -------------------------
3 | 
4 | .sr-only { @include sr-only(); }
5 | .sr-only-focusable { @include sr-only-focusable(); }
6 | 


--------------------------------------------------------------------------------
/_includes/relative-src.html:
--------------------------------------------------------------------------------
1 | {% assign prefix = include.src | slice: 0, 2 %}{% assign protocol = include.src | slice: 0, 4 %}{% unless protocol == 'http' or prefix == "//" %}{{ site.baseurl }}{% endunless %}{{ include.src }}
2 | 


--------------------------------------------------------------------------------
/_layouts/post.html:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: page
 3 | ---
 4 | <div class="blog-post text-container">
 5 | 	{% include post-title.html post=page %}
 6 | 	<div class="post-content">
 7 | 		{{ content }}
 8 | 	</div>
 9 | </div>
10 | 


--------------------------------------------------------------------------------
/ploverpad/assets/stenoKeyNumbers.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"S-": "1-",
 3 | 	"T-": "2-",
 4 | 	"P-": "3-",
 5 | 	"H-": "4-",
 6 | 	"A-": "5-",
 7 | 	"O-": "0-",
 8 | 	"-F": "-6",
 9 | 	"-P": "-7",
10 | 	"-L": "-8",
11 | 	"-T": "-9"
12 | }


--------------------------------------------------------------------------------
/ploverpad/output.css:
--------------------------------------------------------------------------------
 1 | #outputContainer {
 2 | 	/* Positioning */
 3 | 	position:absolute;
 4 | 	left: 0px;
 5 | 	top: 0px;
 6 | 	
 7 | 	/* Box */
 8 | 	width: 600px;
 9 | 	height: 227px;
10 | 	padding: 0;
11 | 	border: 0;
12 | 	margin: 0;
13 | }
14 | 
15 | #output {
16 | 	/* Box */
17 | 	width: 100%;
18 | 	padding: 0;
19 | 	margin: 0 auto;
20 | }


--------------------------------------------------------------------------------
/_includes/post-title.html:
--------------------------------------------------------------------------------
1 | <p class="post-details">
2 | 	{% for category in include.post.categories %}
3 | 		<span class="blog-filter">
4 | 			<a href="{{ site.baseurl }}/category/{{ category}}/">{{ category | capitalize }}</a>
5 | 		</span>
6 | 	{% endfor %}
7 | 	<span class="post-date">{{ include.post.date | date: "%B %d, %Y" }}</span>
8 | </p>
9 | 


--------------------------------------------------------------------------------
/_sass/variables.scss:
--------------------------------------------------------------------------------
 1 | $brand-color: #538078;
 2 | $secondary-brand-color: #3D6961;
 3 | $middle-gradient-color: mix($brand-color, $secondary-brand-color, 95%);
 4 | 
 5 | // Breakpoints
 6 | $tablet: "(min-width: 450px)";
 7 | $mid-point: "(min-width: 800px)";
 8 | $desktop: "(min-width: 768px)";
 9 | 
10 | // Font Variables
11 | $patua: 'Patua One', sans-serif;
12 | 


--------------------------------------------------------------------------------
/ploverpad/verticalNotes.css:
--------------------------------------------------------------------------------
 1 | #verticalNotesContainer {
 2 | 	/* Positioning */
 3 | 	position:absolute;
 4 | 	left: 601px;
 5 | 	top: 0px;
 6 | 	
 7 | 	/* Box */
 8 | 	width: 310px;
 9 | 	height: 227px;
10 | 	padding: 0;
11 | 	border: 0;
12 | 	margin: 0;
13 | }
14 | 
15 | #verticalNotes {
16 | 	/* Box */
17 | 	width: 100%;
18 | 	padding: 0;
19 | 	margin: 0 auto;
20 | }


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/HELP-US-OUT.txt:
--------------------------------------------------------------------------------
1 | I hope you love Font Awesome. If you've found it useful, please do me a favor and check out my latest project,
2 | Fort Awesome (https://fortawesome.com). It makes it easy to put the perfect icons on your website. Choose from our awesome,
3 | comprehensive icon sets or copy and paste your own.
4 | 
5 | Please. Check it out.
6 | 
7 | -Dave Gandy
8 | 


--------------------------------------------------------------------------------
/css/screen.scss:
--------------------------------------------------------------------------------
 1 | ---
 2 | ---
 3 | $bgnoise: url('{{ site.baseurl }}/images/bgnoise.png') white;
 4 | @import "mixins/flexbox";
 5 | @import "mixins/columns";
 6 | @import "variables";
 7 | @import "elements";
 8 | @import "landing-page";
 9 | @import "layout";
10 | @import "forms";
11 | @import "navigation";
12 | @import "footer";
13 | @import url(https://fonts.googleapis.com/css?family=Patua+One);
14 | 


--------------------------------------------------------------------------------
/events.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | 
 3 | title: Events
 4 | description: Open Steno Events
 5 | layout: post
 6 | ---
 7 | 
 8 | {% for event in site.events reversed %}
 9 | 
10 | <h3>{{event.title}}</h3>
11 | 
12 | <i class="fa-calendar-o fa fa-fw"></i> {{event.date | date: "%-d %B %Y, at %H:%M %Z" }}
13 | <br>
14 | <i class="fa-map-marker fa fa-fw"></i> {{event.location}}
15 | 
16 | {{event.content}}
17 | 
18 | {% endfor %}
19 | 


--------------------------------------------------------------------------------
/_data/footer.yml:
--------------------------------------------------------------------------------
 1 | - links:
 2 |   - name: About
 3 |     link: /about/
 4 |     relative: true
 5 |   - name: Community
 6 |     link: /community/
 7 |     relative: true
 8 | - links:
 9 |   - name: Twitter
10 |     link: https://twitter.com/plover
11 |     fa_icon: twitter
12 |     new_window: true
13 |   - name: Facebook
14 |     link: https://facebook.com/openstenoproject
15 |     fa_icon: facebook-official
16 |     new_window: true
17 | 


--------------------------------------------------------------------------------
/_data/open_steno.yml:
--------------------------------------------------------------------------------
1 | - title: Open
2 |   description: We are **freeing stenography** in an industry that is locked down, proprietary, and expensive.
3 | 
4 | - title: Free
5 |   description: Open Steno is run by volunteers. Traditionally, getting started with steno cost thousands of dollars. **We enable anyone to learn stenography for free.**
6 | 
7 | - title: Learn More
8 |   description: Learn more about us and our mission on our [About Page](about).
9 | 


--------------------------------------------------------------------------------
/_data/stenography.yml:
--------------------------------------------------------------------------------
1 | - title: Fast
2 |   description: Court reporters have used stenography for over a century to write at **over 200 words per minute**, faster than most people speak.
3 | 
4 | - title: Ergonomic
5 |   description: Stenographers stroke chords instead of typing keys, resulting in **less movement and better ergonomics** than typing.
6 | 
7 | - title: Flexible
8 |   description: Steno chords can map to **words, phrases, symbols, emoji, macros, and more**.
9 | 


--------------------------------------------------------------------------------
/_includes/youtubePlayer.html:
--------------------------------------------------------------------------------
1 | <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class="embed-container screenshot"><iframe src="https://www.youtube.com/embed/{{ include.id }}?autoplay=0&rel=0&loop=1" frameborder="0" allowfullscreen=""></iframe></div>
2 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/less/larger.less:
--------------------------------------------------------------------------------
 1 | // Icon Sizes
 2 | // -------------------------
 3 | 
 4 | /* makes the font 33% larger relative to the icon container */
 5 | .@{fa-css-prefix}-lg {
 6 |   font-size: (4em / 3);
 7 |   line-height: (3em / 4);
 8 |   vertical-align: -15%;
 9 | }
10 | .@{fa-css-prefix}-2x { font-size: 2em; }
11 | .@{fa-css-prefix}-3x { font-size: 3em; }
12 | .@{fa-css-prefix}-4x { font-size: 4em; }
13 | .@{fa-css-prefix}-5x { font-size: 5em; }
14 | 


--------------------------------------------------------------------------------
/images/steno_key.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 131.3 151.01"><title>steno_key</title><path d="M115.17,16c0.24,20.67.31,52.84-1.2,71.12A54.77,54.77,0,0,1,98.85,121a46.23,46.23,0,0,1-66.46-.07,54.51,54.51,0,0,1-15-33.64C15.81,65.88,15.9,34.54,16.13,16h99M4.33,0a4,4,0,0,0-4,3.92C0.06,17.13-.61,60.79,1.42,88.42,3.83,121.34,29.63,151,65.67,151s61.57-29.5,64.25-62.59c2-24.21,1.32-70.73,1.08-84.49A4,4,0,0,0,127,0H4.33Z" transform="translate(0 0)"/></svg>


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/scss/_larger.scss:
--------------------------------------------------------------------------------
 1 | // Icon Sizes
 2 | // -------------------------
 3 | 
 4 | /* makes the font 33% larger relative to the icon container */
 5 | .#{$fa-css-prefix}-lg {
 6 |   font-size: (4em / 3);
 7 |   line-height: (3em / 4);
 8 |   vertical-align: -15%;
 9 | }
10 | .#{$fa-css-prefix}-2x { font-size: 2em; }
11 | .#{$fa-css-prefix}-3x { font-size: 3em; }
12 | .#{$fa-css-prefix}-4x { font-size: 4em; }
13 | .#{$fa-css-prefix}-5x { font-size: 5em; }
14 | 


--------------------------------------------------------------------------------
/ploverpad/assets/binaryToSteno.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"1": "#",
 3 | 	"2": "S-",
 4 | 	"4": "T-",
 5 | 	"8": "K-",
 6 | 	"16": "P-",
 7 | 	"32": "W-",
 8 | 	"64": "H-",
 9 | 	"128": "R-",
10 | 	"256": "A-",
11 | 	"512": "O-",
12 | 	"1024": "*",
13 | 	"2048": "-E",
14 | 	"4096": "-U",
15 | 	"8192": "-F",
16 | 	"16384": "-R",
17 | 	"32768": "-P",
18 | 	"65536": "-B",
19 | 	"131072": "-L",
20 | 	"262144": "-G",
21 | 	"524288": "-T",
22 | 	"1048576": "-S",
23 | 	"2097152": "-D",
24 | 	"4194304": "-Z"
25 | }


--------------------------------------------------------------------------------
/images/steno_key_white.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 131.3 151.01"><title>steno_key_white</title><path d="M115.17,16c0.24,20.67.31,52.84-1.2,71.12A54.77,54.77,0,0,1,98.85,121a46.23,46.23,0,0,1-66.46-.07,54.51,54.51,0,0,1-15-33.64C15.81,65.88,15.9,34.54,16.13,16h99M4.33,0a4,4,0,0,0-4,3.92C0.06,17.13-.61,60.79,1.42,88.42,3.83,121.34,29.63,151,65.67,151s61.57-29.5,64.25-62.59c2-24.21,1.32-70.73,1.08-84.49A4,4,0,0,0,127,0H4.33Z" transform="translate(0 0)" style="fill:#fff"/></svg>


--------------------------------------------------------------------------------
/_data/software.yml:
--------------------------------------------------------------------------------
1 | - title: Meet Plover
2 |   description: "[Plover](http://www.openstenoproject.org/plover/) is a **100% free, open source steno program** that lets you use your keyboard as a steno machine."
3 | 
4 | - title: Get Started
5 |   description: See our [wiki page on how to get started with Plover.](https://github.com/openstenoproject/plover/wiki/Beginner's-Guide:-Get-Started-with-Plover)
6 | 
7 | - title: Demo
8 |   description: Try an [in-browser demo](demo) to see what stenography is like.
9 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/less/list.less:
--------------------------------------------------------------------------------
 1 | // List Icons
 2 | // -------------------------
 3 | 
 4 | .@{fa-css-prefix}-ul {
 5 |   padding-left: 0;
 6 |   margin-left: @fa-li-width;
 7 |   list-style-type: none;
 8 |   > li { position: relative; }
 9 | }
10 | .@{fa-css-prefix}-li {
11 |   position: absolute;
12 |   left: -@fa-li-width;
13 |   width: @fa-li-width;
14 |   top: (2em / 14);
15 |   text-align: center;
16 |   &.@{fa-css-prefix}-lg {
17 |     left: (-@fa-li-width + (4em / 14));
18 |   }
19 | }
20 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/scss/_list.scss:
--------------------------------------------------------------------------------
 1 | // List Icons
 2 | // -------------------------
 3 | 
 4 | .#{$fa-css-prefix}-ul {
 5 |   padding-left: 0;
 6 |   margin-left: $fa-li-width;
 7 |   list-style-type: none;
 8 |   > li { position: relative; }
 9 | }
10 | .#{$fa-css-prefix}-li {
11 |   position: absolute;
12 |   left: -$fa-li-width;
13 |   width: $fa-li-width;
14 |   top: (2em / 14);
15 |   text-align: center;
16 |   &.#{$fa-css-prefix}-lg {
17 |     left: -$fa-li-width + (4em / 14);
18 |   }
19 | }
20 | 


--------------------------------------------------------------------------------
/ploverpad/ploverdemo.css:
--------------------------------------------------------------------------------
 1 | @import url(qwertyKeyboard.css);
 2 | @import url(stenoKeyboard.css);
 3 | @import url(verticalNotes.css);
 4 | @import url(output.css);
 5 | 
 6 | #container {
 7 | 	/* Positioning */
 8 | 	display: block;
 9 | 
10 | 	/* Box */
11 | 	width: 90%;
12 | 	height: 90%;
13 | 	padding: 0;
14 | 	border: 1px solid #000;
15 | 	margin: 0;
16 | }
17 | 
18 | h1 {
19 | 	/* Box */
20 | 	padding: 0;
21 | 	margin: 0 0 10px 0;
22 | }
23 | 
24 | textarea {
25 | 	resize: none;
26 | 	overflow: auto;
27 | }
28 | 


--------------------------------------------------------------------------------
/_data/navigation.yml:
--------------------------------------------------------------------------------
 1 | - name: Blog
 2 |   link: http://plover.stenoknight.com
 3 |   icon: fa-external-link
 4 |   new_window: true
 5 |   highlight: false
 6 | - name: Community
 7 |   link: /community/
 8 |   new_window: false
 9 |   highlight: false
10 | - name: About
11 |   link: /about/
12 |   new_window: false
13 |   highlight: false
14 | - name: Events
15 |   link: /events/
16 |   new_window: false
17 |   highlight: false
18 | - name: Donate
19 |   link: /donate/
20 |   new_window: false
21 |   highlight: true
22 | 


--------------------------------------------------------------------------------
/_includes/analytics.html:
--------------------------------------------------------------------------------
 1 | <script>
 2 |  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 3 |  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 4 |  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 5 |  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
 6 | 
 7 |  ga('create', '{{ site.google_analytics_key }}', 'auto');
 8 |  ga('require', 'linkid');
 9 |  ga('send', 'pageview');
10 | 
11 | </script>


--------------------------------------------------------------------------------
/_layouts/page.html:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: default
 3 | ---
 4 | <div class="content">
 5 | 	<section class="page">
 6 | 		<div class="container {% if page.full_width %}max-container{% endif %}">
 7 | 			{% if page.heading %}
 8 | 				<h2>{{ page.heading }}</h2>
 9 | 			{% elsif page.title and page.layout != 'archive' %}
10 | 				<h2>{{ page.title }}</h2>
11 | 			{% endif %}
12 | 			{% if page.description %}
13 | 				<p class="subtext">{{ page.description }}</p>
14 | 			{% endif %}
15 | 			{{ content }}
16 | 		</div>
17 | 	</section>
18 | </div>
19 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/less/core.less:
--------------------------------------------------------------------------------
 1 | // Base Class Definition
 2 | // -------------------------
 3 | 
 4 | .@{fa-css-prefix} {
 5 |   display: inline-block;
 6 |   font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration
 7 |   font-size: inherit; // can't have font-size inherit on line above, so need to override
 8 |   text-rendering: auto; // optimizelegibility throws things off #1094
 9 |   -webkit-font-smoothing: antialiased;
10 |   -moz-osx-font-smoothing: grayscale;
11 | 
12 | }
13 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/scss/_core.scss:
--------------------------------------------------------------------------------
 1 | // Base Class Definition
 2 | // -------------------------
 3 | 
 4 | .#{$fa-css-prefix} {
 5 |   display: inline-block;
 6 |   font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
 7 |   font-size: inherit; // can't have font-size inherit on line above, so need to override
 8 |   text-rendering: auto; // optimizelegibility throws things off #1094
 9 |   -webkit-font-smoothing: antialiased;
10 |   -moz-osx-font-smoothing: grayscale;
11 | 
12 | }
13 | 


--------------------------------------------------------------------------------
/ploverpad/assets/keyCodeToQwerty.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"59": ";",
 3 | 	"65": "a",
 4 | 	"66": "b",
 5 | 	"67": "c",
 6 | 	"68": "d",
 7 | 	"69": "e",
 8 | 	"70": "f",
 9 | 	"71": "g",
10 | 	"72": "h",
11 | 	"73": "i",
12 | 	"74": "j",
13 | 	"75": "k",
14 | 	"76": "l",
15 | 	"77": "m",
16 | 	"78": "n",
17 | 	"79": "o",
18 | 	"80": "p",
19 | 	"81": "q",
20 | 	"82": "r",
21 | 	"83": "s",
22 | 	"84": "t",
23 | 	"85": "u",
24 | 	"86": "v",
25 | 	"87": "w",
26 | 	"88": "x",
27 | 	"89": "y",
28 | 	"90": "z",
29 | 	"186": ";",
30 | 	"219": "[",
31 | 	"222": "'"
32 | }


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/scss/font-awesome.scss:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 3 |  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 4 |  */
 5 | 
 6 | @import "variables";
 7 | @import "mixins";
 8 | @import "path";
 9 | @import "core";
10 | @import "larger";
11 | @import "fixed-width";
12 | @import "list";
13 | @import "bordered-pulled";
14 | @import "animated";
15 | @import "rotated-flipped";
16 | @import "stacked";
17 | @import "icons";
18 | @import "screen-reader";
19 | 


--------------------------------------------------------------------------------
/_events/2022-01-22-Plover-Meetup.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Plover Meetup
 3 | date: 2022-01-22 16:00:00 EST
 4 | location: <https://www.youtube.com/watch?v=F0nKjhlYofU>
 5 | ---
 6 | 
 7 | This is a first-of-its-kind collaboration between the Open Steno community
 8 | and a group of professional stenographic court reporters and realtime
 9 | captioners, happening live over Zoom. The goal of this event is to raise
10 | awareness of Open Steno initiatives among the professional stenographer
11 | community, and create networking opportunities between them and amateur
12 | stenographers in the Open Steno community.
13 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/less/stacked.less:
--------------------------------------------------------------------------------
 1 | // Stacked Icons
 2 | // -------------------------
 3 | 
 4 | .@{fa-css-prefix}-stack {
 5 |   position: relative;
 6 |   display: inline-block;
 7 |   width: 2em;
 8 |   height: 2em;
 9 |   line-height: 2em;
10 |   vertical-align: middle;
11 | }
12 | .@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
13 |   position: absolute;
14 |   left: 0;
15 |   width: 100%;
16 |   text-align: center;
17 | }
18 | .@{fa-css-prefix}-stack-1x { line-height: inherit; }
19 | .@{fa-css-prefix}-stack-2x { font-size: 2em; }
20 | .@{fa-css-prefix}-inverse { color: @fa-inverse; }
21 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/scss/_stacked.scss:
--------------------------------------------------------------------------------
 1 | // Stacked Icons
 2 | // -------------------------
 3 | 
 4 | .#{$fa-css-prefix}-stack {
 5 |   position: relative;
 6 |   display: inline-block;
 7 |   width: 2em;
 8 |   height: 2em;
 9 |   line-height: 2em;
10 |   vertical-align: middle;
11 | }
12 | .#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
13 |   position: absolute;
14 |   left: 0;
15 |   width: 100%;
16 |   text-align: center;
17 | }
18 | .#{$fa-css-prefix}-stack-1x { line-height: inherit; }
19 | .#{$fa-css-prefix}-stack-2x { font-size: 2em; }
20 | .#{$fa-css-prefix}-inverse { color: $fa-inverse; }
21 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/less/font-awesome.less:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 3 |  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 4 |  */
 5 | 
 6 | @import "variables.less";
 7 | @import "mixins.less";
 8 | @import "path.less";
 9 | @import "core.less";
10 | @import "larger.less";
11 | @import "fixed-width.less";
12 | @import "list.less";
13 | @import "bordered-pulled.less";
14 | @import "animated.less";
15 | @import "rotated-flipped.less";
16 | @import "stacked.less";
17 | @import "icons.less";
18 | @import "screen-reader.less";
19 | 


--------------------------------------------------------------------------------
/_data/learn.yml:
--------------------------------------------------------------------------------
1 | - title: Learn Plover
2 |   description: "[Learn Plover, a free online textbook](https://www.openstenoproject.org/learn-plover/home.html) that teaches the reader Plover's machine shorthand theory."
3 | 
4 | - title: Steno Arcade
5 |   description: A [free typing game on Steam](http://store.steampowered.com/app/449000/Steno_Arcade/) where you type lyrics in time with the singer.
6 | 
7 | - title: Self-teach
8 |   description: The community has collected and created many [free learning resources](https://github.com/openstenoproject/plover/wiki/Learning-Stenography) so that you don't have to go to school to become a stenographer.
9 | 


--------------------------------------------------------------------------------
/_includes/navigation.html:
--------------------------------------------------------------------------------
 1 | <nav>
 2 | 	<a class="nav-toggle" id="open-nav" href="#">&#9776;</a>
 3 | 	{% for link in site.data.navigation %}
 4 | 		{% assign class = "" %}
 5 | 		{% if link.highlight %}
 6 | 			{% assign class = class | append: " highlight" %}
 7 | 		{% endif %}
 8 | 
 9 | 		{% if link.link == page.url %}
10 | 			{% assign class = class | append: " active" %}
11 | 		{% endif %}
12 | 		<a href="{% include relative-src.html src=link.link %}" class="{{ class }}" {% if link.new_window %}target="_blank"{% endif %}>{{ link.name }} {% if link.icon %}&nbsp;<span class="fa {{link.icon}}"></span>{% endif %}</a>
13 | 	{% endfor %}
14 | </nav>
15 | 


--------------------------------------------------------------------------------
/ploverpad/assets/keyCodeToSteno.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"65": "S-",
 3 | 	"81": "S-",
 4 | 	"87": "T-",
 5 | 	"83": "K-",
 6 | 	"69": "P-",
 7 | 	"68": "W-",
 8 | 	"82": "H-",
 9 | 	"70": "R-",
10 | 	"67": "A-",
11 | 	"86": "O-",
12 | 	"84": "*",
13 | 	"71": "*",
14 | 	"89": "*",
15 | 	"72": "*",
16 | 	"78": "-E",
17 | 	"77": "-U",
18 | 	"85": "-F",
19 | 	"74": "-R",
20 | 	"73": "-P",
21 | 	"75": "-B",
22 | 	"79": "-L",
23 | 	"76": "-G",
24 | 	"80": "-T",
25 | 	"59": "-S",
26 | 	"186": "-S",
27 | 	"219": "-D",
28 | 	"222": "-Z",
29 | 	"49": "#",
30 | 	"50": "#",
31 | 	"51": "#",
32 | 	"52": "#",
33 | 	"53": "#",
34 | 	"54": "#",
35 | 	"55": "#",
36 | 	"56": "#",
37 | 	"57": "#",
38 | 	"48": "#",
39 | 	"109": "#"
40 | }


--------------------------------------------------------------------------------
/_data/hardware.yml:
--------------------------------------------------------------------------------
1 | - title: Affordable
2 |   description: Professional steno machines cost thousands of dollars. The Open Steno community has introduced **affordable beginner options**.
3 | 
4 | - title: Key Toppers
5 |   description: The cheapest options are [replacement key caps or laser-cut pads](https://github.com/openstenoproject/plover/wiki/Supported-Hardware#adapt-a-keyboard-for-steno-use) for [N-key rollover keyboards](https://github.com/openstenoproject/plover/wiki/Supported-Hardware#whats-nkro). 
6 | 
7 | - title: Open Source
8 |   description: "[Hobbyist steno machines](https://github.com/openstenoproject/plover/wiki/Supported-Hardware#dedicated-machines-designed-for-use-with-plover) are designed and sold by members of the community."
9 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/less/bordered-pulled.less:
--------------------------------------------------------------------------------
 1 | // Bordered & Pulled
 2 | // -------------------------
 3 | 
 4 | .@{fa-css-prefix}-border {
 5 |   padding: .2em .25em .15em;
 6 |   border: solid .08em @fa-border-color;
 7 |   border-radius: .1em;
 8 | }
 9 | 
10 | .@{fa-css-prefix}-pull-left { float: left; }
11 | .@{fa-css-prefix}-pull-right { float: right; }
12 | 
13 | .@{fa-css-prefix} {
14 |   &.@{fa-css-prefix}-pull-left { margin-right: .3em; }
15 |   &.@{fa-css-prefix}-pull-right { margin-left: .3em; }
16 | }
17 | 
18 | /* Deprecated as of 4.4.0 */
19 | .pull-right { float: right; }
20 | .pull-left { float: left; }
21 | 
22 | .@{fa-css-prefix} {
23 |   &.pull-left { margin-right: .3em; }
24 |   &.pull-right { margin-left: .3em; }
25 | }
26 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/scss/_bordered-pulled.scss:
--------------------------------------------------------------------------------
 1 | // Bordered & Pulled
 2 | // -------------------------
 3 | 
 4 | .#{$fa-css-prefix}-border {
 5 |   padding: .2em .25em .15em;
 6 |   border: solid .08em $fa-border-color;
 7 |   border-radius: .1em;
 8 | }
 9 | 
10 | .#{$fa-css-prefix}-pull-left { float: left; }
11 | .#{$fa-css-prefix}-pull-right { float: right; }
12 | 
13 | .#{$fa-css-prefix} {
14 |   &.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
15 |   &.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
16 | }
17 | 
18 | /* Deprecated as of 4.4.0 */
19 | .pull-right { float: right; }
20 | .pull-left { float: left; }
21 | 
22 | .#{$fa-css-prefix} {
23 |   &.pull-left { margin-right: .3em; }
24 |   &.pull-right { margin-left: .3em; }
25 | }
26 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/less/rotated-flipped.less:
--------------------------------------------------------------------------------
 1 | // Rotated & Flipped Icons
 2 | // -------------------------
 3 | 
 4 | .@{fa-css-prefix}-rotate-90  { .fa-icon-rotate(90deg, 1);  }
 5 | .@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); }
 6 | .@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); }
 7 | 
 8 | .@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); }
 9 | .@{fa-css-prefix}-flip-vertical   { .fa-icon-flip(1, -1, 2); }
10 | 
11 | // Hook for IE8-9
12 | // -------------------------
13 | 
14 | :root .@{fa-css-prefix}-rotate-90,
15 | :root .@{fa-css-prefix}-rotate-180,
16 | :root .@{fa-css-prefix}-rotate-270,
17 | :root .@{fa-css-prefix}-flip-horizontal,
18 | :root .@{fa-css-prefix}-flip-vertical {
19 |   filter: none;
20 | }
21 | 


--------------------------------------------------------------------------------
/demo.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Demo
 3 | description: Try steno in your browser
 4 | layout: post
 5 | ---
 6 | 
 7 | Click in the **Output** box below to begin. Write your first sentence:
 8 | 
 9 | - In QWERTY: `av a wr dvl ru`
10 | - In steno: `SO S- TH- WOG H-F`
11 | - In English: `so is this working?`
12 | 
13 | Remember: **hit all the keys in a word at once, then release them together**.
14 | 
15 | *Warning: the demo is not responsive and is best experienced on a computer with a keyboard attached in a large browser window.*
16 | 
17 | <object data="{{ "/ploverpad/ploverpad.html" | relative_url }}" width="940px" height="470"> <embed src="{{ "/ploverpad/ploverpad.html" | relative_url }}" width="940px" height="470"> </embed> Error: Embedded data could not be displayed. </object>


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/scss/_rotated-flipped.scss:
--------------------------------------------------------------------------------
 1 | // Rotated & Flipped Icons
 2 | // -------------------------
 3 | 
 4 | .#{$fa-css-prefix}-rotate-90  { @include fa-icon-rotate(90deg, 1);  }
 5 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
 6 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
 7 | 
 8 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
 9 | .#{$fa-css-prefix}-flip-vertical   { @include fa-icon-flip(1, -1, 2); }
10 | 
11 | // Hook for IE8-9
12 | // -------------------------
13 | 
14 | :root .#{$fa-css-prefix}-rotate-90,
15 | :root .#{$fa-css-prefix}-rotate-180,
16 | :root .#{$fa-css-prefix}-rotate-270,
17 | :root .#{$fa-css-prefix}-flip-horizontal,
18 | :root .#{$fa-css-prefix}-flip-vertical {
19 |   filter: none;
20 | }
21 | 


--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
 1 | # ----
 2 | # Site
 3 | 
 4 | title: Open Steno
 5 | url: https://opensteno.org
 6 | google_analytics_key: UA-102613911-1
 7 | 
 8 | permalink: pretty
 9 | 
10 | # Values for the jekyll-seo-tag gem
11 | logo: siteicon.png
12 | description: Bringing stenography to everyone.
13 | author:
14 |   name: Plover
15 |   email: plover@ploversteno.org
16 |   twitter: plover
17 | 
18 | collections:
19 |   events:
20 |     sort-by: date
21 | 
22 | # -----
23 | # Build
24 | 
25 | defaults:
26 |   -
27 |     scope:
28 |       path: ""
29 |       type: "posts"
30 |     values:
31 |       layout: "post"
32 |   -
33 |     scope:
34 |       path: "index.html"
35 |     values:
36 |       layout: "default"
37 | 
38 | gems:
39 |   - jekyll-seo-tag
40 | 
41 | exclude:
42 |   - Gemfile
43 |   - Gemfile.lock
44 |   - README.md
45 |   - LICENCE
46 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/less/path.less:
--------------------------------------------------------------------------------
 1 | /* FONT PATH
 2 |  * -------------------------- */
 3 | 
 4 | @font-face {
 5 |   font-family: 'FontAwesome';
 6 |   src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');
 7 |   src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
 8 |     url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'),
 9 |     url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
10 |     url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
11 |     url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
12 |   // src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
13 |   font-weight: normal;
14 |   font-style: normal;
15 | }
16 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/scss/_path.scss:
--------------------------------------------------------------------------------
 1 | /* FONT PATH
 2 |  * -------------------------- */
 3 | 
 4 | @font-face {
 5 |   font-family: 'FontAwesome';
 6 |   src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
 7 |   src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
 8 |     url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
 9 |     url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
10 |     url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
11 |     url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
12 | //  src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
13 |   font-weight: normal;
14 |   font-style: normal;
15 | }
16 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/less/animated.less:
--------------------------------------------------------------------------------
 1 | // Animated Icons
 2 | // --------------------------
 3 | 
 4 | .@{fa-css-prefix}-spin {
 5 |   -webkit-animation: fa-spin 2s infinite linear;
 6 |           animation: fa-spin 2s infinite linear;
 7 | }
 8 | 
 9 | .@{fa-css-prefix}-pulse {
10 |   -webkit-animation: fa-spin 1s infinite steps(8);
11 |           animation: fa-spin 1s infinite steps(8);
12 | }
13 | 
14 | @-webkit-keyframes fa-spin {
15 |   0% {
16 |     -webkit-transform: rotate(0deg);
17 |             transform: rotate(0deg);
18 |   }
19 |   100% {
20 |     -webkit-transform: rotate(359deg);
21 |             transform: rotate(359deg);
22 |   }
23 | }
24 | 
25 | @keyframes fa-spin {
26 |   0% {
27 |     -webkit-transform: rotate(0deg);
28 |             transform: rotate(0deg);
29 |   }
30 |   100% {
31 |     -webkit-transform: rotate(359deg);
32 |             transform: rotate(359deg);
33 |   }
34 | }
35 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/scss/_animated.scss:
--------------------------------------------------------------------------------
 1 | // Spinning Icons
 2 | // --------------------------
 3 | 
 4 | .#{$fa-css-prefix}-spin {
 5 |   -webkit-animation: fa-spin 2s infinite linear;
 6 |           animation: fa-spin 2s infinite linear;
 7 | }
 8 | 
 9 | .#{$fa-css-prefix}-pulse {
10 |   -webkit-animation: fa-spin 1s infinite steps(8);
11 |           animation: fa-spin 1s infinite steps(8);
12 | }
13 | 
14 | @-webkit-keyframes fa-spin {
15 |   0% {
16 |     -webkit-transform: rotate(0deg);
17 |             transform: rotate(0deg);
18 |   }
19 |   100% {
20 |     -webkit-transform: rotate(359deg);
21 |             transform: rotate(359deg);
22 |   }
23 | }
24 | 
25 | @keyframes fa-spin {
26 |   0% {
27 |     -webkit-transform: rotate(0deg);
28 |             transform: rotate(0deg);
29 |   }
30 |   100% {
31 |     -webkit-transform: rotate(359deg);
32 |             transform: rotate(359deg);
33 |   }
34 | }
35 | 


--------------------------------------------------------------------------------
/community.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Community
 3 | description: Get in touch with the Open Steno community
 4 | layout: post
 5 | ---
 6 | 
 7 | Open Steno wouldn't be where it is today without its fantastic community.
 8 | 
 9 | We are all around the world, all ages, hobbyists, professionals, developers, novelists, and so much more. Whether you are seeking a fun hobby, looking to boost your productivity, or want to start a career, stenography is a great choice.
10 | 
11 | | Page | About |
12 | |:-----|:------|
13 | | [Google Group](https://groups.google.com/forum/#!forum/ploversteno) | Mailing list that anyone can post to. |
14 | | [Discord Server](https://discord.gg/0lQde43a6dGmAMp2) | Live text chat with many daily active members. |
15 | | [GitHub](https://github.com/openstenoproject/plover) | The home of development for Plover. If you are having problems with Plover, come here for help. |
16 | | [Facebook Page](https://www.facebook.com/openstenoproject/) | Keep in touch and meet other Plover users. |


--------------------------------------------------------------------------------
/donate.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Donate
 3 | description: Contribute to Open Steno
 4 | layout: post
 5 | ---
 6 | 
 7 | Open Steno is run by volunteers.
 8 | 
 9 | The **best way to contribute is by being a member of the community**. Help by giving us feedback as you learn, and using your unique talents to grow Open Steno.
10 | 
11 | See our [contributing guidelines](https://github.com/openstenoproject/plover#contributing) on Plover's GitHub.
12 | 
13 | We also accept donations, which are used to help fund new projects and pay maintenance costs (website and software deployment fees).
14 | 
15 | ### Current funds
16 | 
17 | | Amount |Source / Expense |
18 | |-------:|:----------------|
19 | | $5,047 | Donations       |
20 | | $3,395 | [Plover Store](http://plover.deco-craft.com/) |
21 | | -$3,000| Funding [Steno Arcade](http://store.steampowered.com/app/449000/Steno_Arcade/) |
22 | |        |                 |
23 | | $5,442 | Remaining Funds |
24 | 
25 | Donations of money can be sent through PayPal: 
26 | 
27 | {% include donate_button.html %}
28 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License for the Hydra theme
 2 | 
 3 | Copyright (c) 2016 CloudCannon
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/_sass/landing-page.scss:
--------------------------------------------------------------------------------
 1 | .bottom-cta {
 2 | 	background: linear-gradient(to bottom, $brand-color 0%, $middle-gradient-color 100%);
 3 | 	color: #fff;
 4 | 	text-align: center;
 5 | 	margin: 0;
 6 | 	padding: 50px 0;
 7 | }
 8 | 
 9 | .testimonial {
10 | 	background: #f5f5f5;
11 | 	margin: 0;
12 | 	padding: 100px 0;
13 | 
14 | 	.testimonial-block {
15 | 		max-width: 750px;
16 | 		width: 98%;
17 | 		margin: 0 auto;
18 | 
19 | 		@media #{$tablet} {
20 | 			@include flexbox;
21 | 
22 | 			blockquote {
23 | 				-webkit-flex: 1;
24 | 				flex: 1;
25 | 			}
26 | 		}
27 | 	}
28 | }
29 | 
30 | .hero {
31 | 	color: #ffffff;
32 | 	text-align: center;
33 | 	background: linear-gradient(to bottom, $middle-gradient-color 0%, $secondary-brand-color 100%) no-repeat #a05fb7;
34 | 	font-size: 120%;
35 | 	padding-top: 40px;
36 | 	p {
37 | 		color: #fff;
38 | 	}
39 | }
40 | 
41 | 
42 | @media #{$desktop} {
43 | 	.flex {
44 | 		@include flexbox;
45 | 		align-items: center;
46 | 		flex-direction: row;
47 | 
48 | 		.text, .image {
49 | 			-webkit-flex: 1;
50 | 			flex: 1;
51 | 			padding: 0 20px;
52 | 		}
53 | 	}
54 | 
55 | 	.content section:nth-child(even) .flex {
56 | 		flex-direction: row-reverse;
57 | 	}
58 | }
59 | 


--------------------------------------------------------------------------------
/Gemfile.lock:
--------------------------------------------------------------------------------
 1 | GEM
 2 |   remote: https://rubygems.org/
 3 |   specs:
 4 |     addressable (2.7.0)
 5 |       public_suffix (>= 2.0.2, < 5.0)
 6 |     colorator (1.1.0)
 7 |     ffi (1.11.1)
 8 |     forwardable-extended (2.6.0)
 9 |     jekyll (3.6.3)
10 |       addressable (~> 2.4)
11 |       colorator (~> 1.0)
12 |       jekyll-sass-converter (~> 1.0)
13 |       jekyll-watch (~> 1.1)
14 |       kramdown (~> 1.14)
15 |       liquid (~> 4.0)
16 |       mercenary (~> 0.3.3)
17 |       pathutil (~> 0.9)
18 |       rouge (>= 1.7, < 3)
19 |       safe_yaml (~> 1.0)
20 |     jekyll-sass-converter (1.5.2)
21 |       sass (~> 3.4)
22 |     jekyll-seo-tag (2.1.0)
23 |       jekyll (~> 3.3)
24 |     jekyll-watch (1.5.1)
25 |       listen (~> 3.0)
26 |     kramdown (1.17.0)
27 |     liquid (4.0.3)
28 |     listen (3.2.0)
29 |       rb-fsevent (~> 0.10, >= 0.10.3)
30 |       rb-inotify (~> 0.9, >= 0.9.10)
31 |     mercenary (0.3.6)
32 |     pathutil (0.16.2)
33 |       forwardable-extended (~> 2.6)
34 |     public_suffix (4.0.1)
35 |     rb-fsevent (0.10.3)
36 |     rb-inotify (0.10.0)
37 |       ffi (~> 1.0)
38 |     rouge (2.2.1)
39 |     safe_yaml (1.0.5)
40 |     sass (3.7.4)
41 |       sass-listen (~> 4.0.0)
42 |     sass-listen (4.0.0)
43 |       rb-fsevent (~> 0.9, >= 0.9.4)
44 |       rb-inotify (~> 0.9, >= 0.9.7)
45 | 
46 | PLATFORMS
47 |   ruby
48 | 
49 | DEPENDENCIES
50 |   jekyll (= 3.6.3)
51 |   jekyll-seo-tag (= 2.1.0)
52 | 
53 | BUNDLED WITH
54 |    1.14.6
55 | 


--------------------------------------------------------------------------------
/_sass/navigation.scss:
--------------------------------------------------------------------------------
 1 | .nav-open nav {
 2 | 	border-bottom: 1px dotted rgba(255, 255, 255, .2);
 3 | 	padding: 10px 0;
 4 | 	a {
 5 | 		display: block;
 6 | 	}
 7 | 
 8 | 	@media #{$mid-point} {
 9 | 		border: 0;
10 | 		padding: 0 20px;
11 | 
12 | 		a {
13 | 			display: inline;
14 | 		}
15 | 	}
16 | }
17 | 
18 | nav {
19 | 	text-transform: uppercase;
20 | 	font-size: .8em;
21 | 	width: 100%;
22 | 
23 | 	@media #{$mid-point} {
24 | 		text-align: right;
25 | 		position: absolute;
26 | 		top: 13px;
27 | 		right: 0;
28 | 		padding: 0 20px;
29 | 	}
30 | 
31 | 
32 | 	a {
33 | 		margin: 0 3px;
34 | 		padding: 20px 10px;
35 | 		border-bottom: 1px solid rgba(255,255,255,0);
36 | 		color: rgba(255,255,255,.8);
37 | 		transition: .2s ease-in-out;
38 | 		display: none;
39 | 
40 | 		@media #{$mid-point} {
41 | 			display: inline;
42 | 			padding: 10px;
43 | 		}
44 | 
45 | 
46 | 		&.nav-toggle {
47 | 			display: inline;
48 | 			position: absolute;
49 | 			right: 10px;
50 | 			top: -22px;
51 | 			font-size: 1.9em;
52 | 			border: 0;
53 | 
54 | 			@media #{$mid-point} {
55 | 				display: none;
56 | 			}
57 | 
58 | 			&:hover {
59 | 				border: 0;
60 | 			}
61 | 		}
62 | 	}
63 | 
64 | 	a:hover {
65 | 
66 | 		border-bottom: 1px solid rgba(255,255,255,.3);
67 | 		color: #fff;
68 | 	}
69 | 
70 | 	@media #{$mid-point} {
71 | 		a.highlight {
72 | 			border: 1px #ccc solid;
73 | 			border-radius: 5px;
74 | 
75 | 			&:hover {
76 | 				background: #fff;
77 | 				color: $brand-color;
78 | 			}
79 | 		}
80 | 	}
81 | 
82 | 	a.active {
83 | 		color: #fff;
84 | 	}
85 | 
86 | }
87 | 


--------------------------------------------------------------------------------
/_sass/forms.scss:
--------------------------------------------------------------------------------
 1 | .button a, input[type=submit] {
 2 | 	color: #fff;
 3 | 	text-decoration: none;
 4 | 	padding: 10px 30px;
 5 | 	background: $brand-color;
 6 | 	border-radius: 3px;
 7 | 	border: 1px solid rgba(255,255,255,.5);
 8 | 	transition: .2s ease-in-out;
 9 | }
10 | 
11 | .button a:hover, input[type=submit]:hover {
12 | 	border: 1px solid #fff;
13 | 	background: $secondary-brand-color;
14 | 	cursor: pointer;
15 | }
16 | 
17 | .button.alt a {
18 | 	background: rgba(255,255,255,0.15);
19 | 	border-radius: 3px;
20 | 	border: 1px solid rgba(255, 255, 255, 0.3);
21 | 	padding: 16px 50px;
22 | }
23 | 
24 | .button.alt a:hover {
25 | 	background: #fff;
26 | 	color: $brand-color;
27 | }
28 | 
29 | textarea, input, button, select { font-family: inherit; font-size: inherit; }
30 | 
31 | input[type=submit] {
32 | 	margin: 20px 0 0 0;
33 | }
34 | 
35 | label, input, textarea {
36 | 	display: block;
37 | 	width: 30%;
38 | 	box-sizing: border-box;
39 | }
40 | 
41 | textarea {
42 | 	resize: vertical;
43 | 	height: 150px;
44 | }
45 | 
46 | label {
47 | 	margin: 20px 0 5px 0;
48 | }
49 | 
50 | input, textarea {
51 | 	padding: 10px;
52 | 	font-size: 1em;
53 | }
54 | 
55 | input, textarea {
56 | 	-webkit-transition: all 0.30s ease-in-out;
57 | 	-moz-transition: all 0.30s ease-in-out;
58 | 	-ms-transition: all 0.30s ease-in-out;
59 | 	-o-transition: all 0.30s ease-in-out;
60 | 	outline: none;
61 | 	border: 1px solid #DDDDDD;
62 | }
63 | 
64 | input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus {
65 | 	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
66 | 	border: 1px solid rgba(81, 203, 238, 1);
67 | }
68 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/less/mixins.less:
--------------------------------------------------------------------------------
 1 | // Mixins
 2 | // --------------------------
 3 | 
 4 | .fa-icon() {
 5 |   display: inline-block;
 6 |   font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration
 7 |   font-size: inherit; // can't have font-size inherit on line above, so need to override
 8 |   text-rendering: auto; // optimizelegibility throws things off #1094
 9 |   -webkit-font-smoothing: antialiased;
10 |   -moz-osx-font-smoothing: grayscale;
11 | 
12 | }
13 | 
14 | .fa-icon-rotate(@degrees, @rotation) {
15 |   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation})";
16 |   -webkit-transform: rotate(@degrees);
17 |       -ms-transform: rotate(@degrees);
18 |           transform: rotate(@degrees);
19 | }
20 | 
21 | .fa-icon-flip(@horiz, @vert, @rotation) {
22 |   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation}, mirror=1)";
23 |   -webkit-transform: scale(@horiz, @vert);
24 |       -ms-transform: scale(@horiz, @vert);
25 |           transform: scale(@horiz, @vert);
26 | }
27 | 
28 | 
29 | // Only display content to screen readers. A la Bootstrap 4.
30 | //
31 | // See: http://a11yproject.com/posts/how-to-hide-content/
32 | 
33 | .sr-only() {
34 |   position: absolute;
35 |   width: 1px;
36 |   height: 1px;
37 |   padding: 0;
38 |   margin: -1px;
39 |   overflow: hidden;
40 |   clip: rect(0,0,0,0);
41 |   border: 0;
42 | }
43 | 
44 | // Use in conjunction with .sr-only to only display content when it's focused.
45 | //
46 | // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
47 | //
48 | // Credit: HTML5 Boilerplate
49 | 
50 | .sr-only-focusable() {
51 |   &:active,
52 |   &:focus {
53 |     position: static;
54 |     width: auto;
55 |     height: auto;
56 |     margin: 0;
57 |     overflow: visible;
58 |     clip: auto;
59 |   }
60 | }
61 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/scss/_mixins.scss:
--------------------------------------------------------------------------------
 1 | // Mixins
 2 | // --------------------------
 3 | 
 4 | @mixin fa-icon() {
 5 |   display: inline-block;
 6 |   font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
 7 |   font-size: inherit; // can't have font-size inherit on line above, so need to override
 8 |   text-rendering: auto; // optimizelegibility throws things off #1094
 9 |   -webkit-font-smoothing: antialiased;
10 |   -moz-osx-font-smoothing: grayscale;
11 | 
12 | }
13 | 
14 | @mixin fa-icon-rotate($degrees, $rotation) {
15 |   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
16 |   -webkit-transform: rotate($degrees);
17 |       -ms-transform: rotate($degrees);
18 |           transform: rotate($degrees);
19 | }
20 | 
21 | @mixin fa-icon-flip($horiz, $vert, $rotation) {
22 |   -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
23 |   -webkit-transform: scale($horiz, $vert);
24 |       -ms-transform: scale($horiz, $vert);
25 |           transform: scale($horiz, $vert);
26 | }
27 | 
28 | 
29 | // Only display content to screen readers. A la Bootstrap 4.
30 | //
31 | // See: http://a11yproject.com/posts/how-to-hide-content/
32 | 
33 | @mixin sr-only {
34 |   position: absolute;
35 |   width: 1px;
36 |   height: 1px;
37 |   padding: 0;
38 |   margin: -1px;
39 |   overflow: hidden;
40 |   clip: rect(0,0,0,0);
41 |   border: 0;
42 | }
43 | 
44 | // Use in conjunction with .sr-only to only display content when it's focused.
45 | //
46 | // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
47 | //
48 | // Credit: HTML5 Boilerplate
49 | 
50 | @mixin sr-only-focusable {
51 |   &:active,
52 |   &:focus {
53 |     position: static;
54 |     width: auto;
55 |     height: auto;
56 |     margin: 0;
57 |     overflow: visible;
58 |     clip: auto;
59 |   }
60 | }
61 | 


--------------------------------------------------------------------------------
/_includes/steno-layout.html:
--------------------------------------------------------------------------------
 1 | 
 2 | <div class="steno-layout">
 3 |   <div class="row">
 4 |     <div class="steno-column">
 5 |       <div class="steno-key" id="S-"></div>
 6 |     </div>
 7 |     <div class="steno-column">
 8 |       <div class="steno-key" id="T-"></div>
 9 |       <div class="steno-key" id="K-"></div>
10 |     </div>
11 |     <div class="steno-column">
12 |       <div class="steno-key" id="P-"></div>
13 |       <div class="steno-key" id="W-"></div>
14 |     </div>
15 |     <div class="steno-column">
16 |       <div class="steno-key" id="H-"></div>
17 |       <div class="steno-key" id="R-"></div>
18 |     </div>
19 |     <div class="steno-column">
20 |       <div class="steno-key" id="asterisk"></div>
21 |     </div>
22 |     <div class="steno-column">
23 |       <div class="steno-key" id="-F"></div>
24 |       <div class="steno-key" id="-R"></div>
25 |     </div>
26 |     <div class="steno-column">
27 |       <div class="steno-key" id="-P"></div>
28 |       <div class="steno-key" id="-B"></div>
29 |     </div>
30 |     <div class="steno-column">
31 |       <div class="steno-key" id="-L"></div>
32 |       <div class="steno-key" id="-G"></div>
33 |     </div>
34 |     <div class="steno-column">
35 |       <div class="steno-key" id="-T"></div>
36 |       <div class="steno-key" id="-S"></div>
37 |     </div>
38 |     <div class="steno-column">
39 |       <div class="steno-key" id="-D"></div>
40 |       <div class="steno-key" id="-Z"></div>
41 |     </div>
42 |   </div>
43 |   <div class="row">
44 |     <div class="thumb-cluster">
45 |       <div class="steno-column">
46 |         <div class="steno-key" id="A"></div>
47 |       </div>
48 |       <div class="steno-column">
49 |         <div class="steno-key" id="O"></div>
50 |       </div>
51 |       <div class="spacer"></div>
52 |       <div class="steno-column">
53 |         <div class="steno-key" id="E"></div>
54 |       </div>
55 |       <div class="steno-column">
56 |         <div class="steno-key" id="U"></div>
57 |       </div>
58 |     </div>
59 |   </div>
60 | </div>


--------------------------------------------------------------------------------
/ploverpad/uiElements.js:
--------------------------------------------------------------------------------
 1 | // make the standard keyboard draggable and resizable. when it is dragged, let it snap to other elements. when it is resized, keep it proportional.
 2 | $("#stdKeyboard").draggable({snap: true}).resizable({aspectRatio: 750 / 250,
 3 | 	resize: function(event, ui) {
 4 | 		var keyHeight = parseInt($(this).children(".stdRow").css("height"));
 5 | 		$(".stdKey").css({"font-size": (keyHeight * 0.9 / 3) + "px"});
 6 | 		$(".stdKey").css({"line-height": (keyHeight * 0.9) + "px"});
 7 | 		$(".stdKey").children(".upper").css({"line-height": (keyHeight * 0.9 / 3 * 2) + "px"});
 8 | 		$(".stdKey").children(".lower").css({"line-height": (keyHeight * 0.9 / 3) + "px"});
 9 | 	}
10 | });
11 | 
12 | // make the steno keyboard draggable and resizable. when it is dragged, let it snap to other elements. when it is resized, keep it proportional.
13 | $("#stenoKeyboard").draggable({snap: true}).resizable({aspectRatio: 320 / 160,
14 | 	resize: function(event, ui) {
15 | 		var keyHeight = parseInt($(this).children(".stenoUpperBank").css("height"));
16 | 		$(".stenoKey").css({"font-size": (keyHeight / 2) + "px"});
17 | 		$(".stenoKey").css({"line-height": (keyHeight) + "px"});
18 | 	}
19 | });
20 | 
21 | // make the papers draggable and resizable. when it is dragged, let it snap to other elements.
22 | $("#verticalNotesContainer").draggable({snap: true}).resizable({handles: 's',
23 | 	alsoResize: "#outputContainer",
24 | 	resize: function(event, ui) {
25 | 		var containerHeight = parseInt($(this).css("height"));
26 | 		$("#verticalNotes").css({"height": (containerHeight - 50) +"px"});
27 | 		$("#output").css({"height": (containerHeight - 50) +"px"});
28 | 	}
29 | });
30 | 
31 | $("#outputContainer").draggable({snap: true}).resizable({handles: 's',
32 | 	alsoResize: "#verticalNotesContainer",
33 | 	resize: function(event, ui) {
34 | 		var containerHeight = parseInt($(this).css("height"));
35 | 		$("#verticalNotes").css({"height": (containerHeight - 50) +"px"});
36 | 		$("#output").css({"height": (containerHeight - 50) +"px"});
37 | 	}
38 | });
39 | 


--------------------------------------------------------------------------------
/_layouts/default.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | 
 3 | <html lang="en">
 4 | <head>
 5 | 	<meta charset="utf-8">
 6 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
 7 | 	<link rel="stylesheet" href="{{ site.baseurl }}/css/screen.css">
 8 | 	<link rel="icon" type="image/png" href="{{"/favicon.png"|relative_url}}">
 9 | 	<link rel="stylesheet" href="https://unpkg.com/typer-js/typer.css">
10 | 	{% seo %}
11 | 	{% if jekyll.environment == 'production' and site.google_analytics_key != '' %}
12 | 		{% include analytics.html %}
13 | 	{% endif %}
14 | 	<link rel="stylesheet" href="{{ site.baseurl }}/css/font-awesome-4.7.0/css/font-awesome.min.css">
15 | </head>
16 | 	<body>
17 | 		<header>
18 | 			<div class="container">
19 | 				<div class="company-name"><a href="{{ site.baseurl }}/"><img src="{{ site.baseurl }}/images/steno_key_white.svg" alt="Steno key logo" width="33" height="33" /><h3>Open Steno</h3></a></div>
20 | 				{% include navigation.html %}
21 | 			</div>
22 | 		</header>
23 | 		{{ content }}
24 | 		<footer>
25 | 			<div class="container">
26 | 				<div class="footer-columns">
27 | 				  {% for column in site.data.footer %}
28 | 				    <ul class="footer-links">
29 | 				    {% for link in column.links %}
30 | 				      <li>
31 | 				        <a
32 | 				          href="{% if link.relative %}{{site.baseurl}}{% endif %}{{link.link}}"
33 | 				          {% if link.new_window %}
34 | 				            target="_blank"
35 | 				          {% endif %}
36 | 				        >
37 | 					        {% if link.fa_icon %}
38 | 					          <span class="fa fa-{{link.fa_icon}}"></span>
39 | 					        {% endif %}
40 | 				          {{ link.name }}
41 | 				        </a>
42 | 				      </li>
43 | 				    {% endfor %}
44 | 				    </ul>
45 | 			    {% endfor %}
46 | 				</div>
47 | 				<p class="copyright">&copy; 2025 Open Steno</p>
48 | 			</div>
49 | 		</footer>
50 | 		<script>
51 | 			document.getElementById("open-nav").onclick = function () {
52 | 				document.body.classList.toggle("nav-open");
53 | 				return false;
54 | 			};
55 | 		</script>
56 | 	</body>
57 | </html>
58 | 


--------------------------------------------------------------------------------
/_sass/footer.scss:
--------------------------------------------------------------------------------
  1 | .footer-links {
  2 | 	width: 100%;
  3 | 	margin: 10px;
  4 | 	padding: 0;
  5 | 
  6 | 	@media #{$tablet} {
  7 | 		-webkit-flex: 1 0 180px;
  8 | 		flex: 1 0 180px;
  9 | 	}
 10 | 
 11 | 	li {
 12 | 		list-style: none;
 13 | 		margin: 15px auto;
 14 | 
 15 | 		@media #{$tablet} {
 16 | 			max-width: 150px;
 17 | 		}
 18 | 		a {
 19 | 
 20 | 			&:hover {
 21 | 				text-decoration: none;
 22 | 			}
 23 | 			svg {
 24 | 				fill: #999;
 25 | 				margin-right: 10px;
 26 | 				transition: fill 0.2s ease;
 27 | 				vertical-align: middle;
 28 | 				position: relative;
 29 | 				top: -2px;
 30 | 				width: 22px;
 31 | 				height: 22px;
 32 | 			}
 33 | 
 34 | 			&:hover svg {
 35 | 				fill: #fff;
 36 | 			}
 37 | 
 38 | 			&.twitter-icon:hover svg {
 39 | 				fill: #55acee;
 40 | 			}
 41 | 
 42 | 			&.google-plus-icon:hover svg {
 43 | 				fill: #db4437;
 44 | 			}
 45 | 
 46 | 			&.youtube-icon:hover svg {
 47 | 				fill: #cd201f;
 48 | 			}
 49 | 
 50 | 			&.instagram-icon:hover svg {
 51 | 				fill: #f167f5;
 52 | 			}
 53 | 
 54 | 			&.linkedin-icon:hover svg {
 55 | 				fill: #0077b5;
 56 | 			}
 57 | 
 58 | 			&.pinterest-icon:hover svg {
 59 | 				fill: #bd081c;
 60 | 			}
 61 | 
 62 | 			&.rss-icon:hover svg {
 63 | 				fill: #f26522;
 64 | 			}
 65 | 		}
 66 | 	}
 67 | }
 68 | 
 69 | footer {
 70 | 	padding: 50px 0 50px 0;
 71 | 	font-size: 1.1em;
 72 | 	position: relative;
 73 | 	background: #1e1e1e;
 74 | 	color: #fff;
 75 | 
 76 | 	.copyright {
 77 | 		font-size: .8em;
 78 | 		margin: 0 auto;
 79 | 		color: #ddd;
 80 | 		
 81 | 		@media #{$tablet} {
 82 | 			text-align: center;
 83 | 		}
 84 | 
 85 | 	}
 86 | 	
 87 | 	&,
 88 | 	a {
 89 | 		color: #999;
 90 | 	}
 91 | 
 92 | 	h2 {
 93 | 		font-size: 1.4em;
 94 | 		margin: 30px 0;
 95 | 		color: #ddd;
 96 | 	}
 97 | 
 98 | 	.footer-columns {
 99 | 		@extend %flexbox;
100 | 		@include flex-flow(wrap);
101 | 		margin: -10px -10px 10px -10px;
102 | 	}
103 | 
104 | 	a {
105 | 		text-decoration: none;
106 | 
107 | 		&:hover {
108 | 			color: #fff;
109 | 		}
110 | 	}
111 | 
112 | 	.legal-line {
113 | 		width: 100%;
114 | 		padding: 30px 0;
115 | 		margin: 0;
116 | 		background-color: #222527;
117 | 
118 | 		a {
119 | 			font-weight: 600;
120 | 		}
121 | 	}
122 | }
123 | 


--------------------------------------------------------------------------------
/about.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: About
 3 | description: Learn about the history, mission, and future of Open Steno
 4 | layout: post
 5 | ---
 6 | 
 7 | ![Mirabai Knight]({{"/images/mirabai.png" | relative_url}})
 8 | {: .key_face}
 9 | 
10 | The Open Steno Project was founded by stenographer Mirabai Knight as a reaction to the closed down, proprietary nature of the court reporting industry.
11 | 
12 | To learn stenography in the early 2000s, an individual had to purchase or rent an expensive steno machine, attend college, and pay hundreds yearly for software. Imagine if, to learn piano, you had to purchase one and take out a student loan!
13 | 
14 | Mirabai hired a developer to write Plover and worked tirelessly with a growing community to break down barriers so that everyone who wanted to learn stenography could. Today, the Open Steno Project has enabled thousands to explore stenography without any upfront cost.
15 | 
16 | Mirabai believes that stenography is useful for more than just court reporters. Typing at the speed of speech has many potential use cases for:
17 | 
18 | - Writers such as journalists or novelists
19 | - Nonverbal individuals using a text-to-speech engine
20 | - Coders who need to write documentation and use many symbols
21 | - Anyone concerned about the ergonomics of typing
22 | - And people who just want to type really, really fast
23 | 
24 | Read [Mirabai's blog post](https://stenoknight.com/SpeakFingers.html) on this topic.
25 | 
26 | Mirabai is a leader in our community and we have many members. Currently, the main code contributors for Plover all use stenography.
27 | 
28 | ### When Did Things Happen?
29 | 
30 | The Open Steno Project was started in 2007 and has been constantly growing.
31 | 
32 | There is a [detailed timeline of the Open Steno Project](https://github.com/openstenoproject/plover/wiki/Open-Steno-Project-Timeline) on the Plover Wiki.
33 | 
34 | ### Watch a Talk on Open Steno
35 | 
36 | Plover's current lead developer, Ted Morin, learned stenography exclusively through the Open Steno community. He uses his steno machine and Plover to code in his day job as a software developer. Watch his talk from PyGotham 2016, captioned live in realtime by Mirabai:
37 | 
38 | {% include youtubePlayer.html id="CRXiNMS9JuY" %}


--------------------------------------------------------------------------------
/_includes/donate_button.html:
--------------------------------------------------------------------------------
1 | <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
2 | <input type="hidden" name="cmd" value="_s-xclick">
3 | <input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----MIIHPwYJKoZIhvcNAQcEoIIHMDCCBywCAQExggEwMIIBLAIBADCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwDQYJKoZIhvcNAQEBBQAEgYASqv/jqjkKD9AWzjMA10y4cx1Wt7VTP9PTA/eqVtEXd0wZnV99BKumm9Dbier+FOMWg1hshf9qh7vnmudMbHQrz8LuR8uaxz7TQT1uEFdJUHvEfVUbI+QxuNi28mtnhtZvj397IXTY0omViW19UPXje2aDKyShZNmP27VUof99gTELMAkGBSsOAwIaBQAwgbwGCSqGSIb3DQEHATAUBggqhkiG9w0DBwQIYnRrdkGWokeAgZibEONKEs929XgeU+m9pv9+xnBZyuhLh5TN80hl8Ajl84o/xCR978NvaAJDyxo40zp7Sw70h9LNyKG5jx8r409K0Ns/YbEXVzkgrDmU7cTeaxAGD0G2YmpsFbXZxRIuh+/KwbqAKpDyi7vBKhmVB6wj/S9qAFCREExCMhhQ4NFcwBvK+l2ovZFXofVL1llvg46+5dy/p+FNYKCCA4cwggODMIIC7KADAgECAgEAMA0GCSqGSIb3DQEBBQUAMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbTAeFw0wNDAyMTMxMDEzMTVaFw0zNTAyMTMxMDEzMTVaMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbTCBnzANBgkqhkiG9w0BAQEFAAOBjQAwgYkCgYEAwUdO3fxEzEtcnI7ZKZL412XvZPugoni7i7D7prCe0AtaHTc97CYgm7NsAtJyxNLixmhLV8pyIEaiHXWAh8fPKW+R017+EmXrr9EaquPmsVvTywAAE1PMNOKqo2kl4Gxiz9zZqIajOm1fZGWcGS0f5JQ2kBqNbvbg2/Za+GJ/qwUCAwEAAaOB7jCB6zAdBgNVHQ4EFgQUlp98u8ZvF71ZP1LXChvsENZklGswgbsGA1UdIwSBszCBsIAUlp98u8ZvF71ZP1LXChvsENZklGuhgZSkgZEwgY4xCzAJBgNVBAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLUGF5UGFsIEluYy4xEzARBgNVBAsUCmxpdmVfY2VydHMxETAPBgNVBAMUCGxpdmVfYXBpMRwwGgYJKoZIhvcNAQkBFg1yZUBwYXlwYWwuY29tggEAMAwGA1UdEwQFMAMBAf8wDQYJKoZIhvcNAQEFBQADgYEAgV86VpqAWuXvX6Oro4qJ1tYVIT5DgWpE692Ag422H7yRIr/9j/iKG4Thia/Oflx4TdL+IFJBAyPK9v6zZNZtBgPBynXb048hsP16l2vi0k5Q2JKiPDsEfBhGI+HnxLXEaUWAcVfCsQFvd2A1sxRr67ip5y2wwBelUecP3AjJ+YcxggGaMIIBlgIBATCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwCQYFKw4DAhoFAKBdMBgGCSqGSIb3DQEJAzELBgkqhkiG9w0BBwEwHAYJKoZIhvcNAQkFMQ8XDTEyMDExNjIxNDQzMlowIwYJKoZIhvcNAQkEMRYEFNofpYIJkd8WMKcO6kfZfg7DAbymMA0GCSqGSIb3DQEBAQUABIGAm2dTMQu3GaMHUJtE21SUWEEidyOMspZ2bkZ1ExjQyJ4Ksbk3ftHKYqc/+udvVPEMBPcFM6vicjkYALbCUYhvfjPK12x3NfhRVePjM9DggAvSfOk5IGUgP0UMq4Pkc10SH2Erc2ofoyVjzz2GIXkwnZSDRaZUzs6tBP9pHIsxRSQ=-----END PKCS7-----
4 | ">
5 | <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
6 | <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1" hidden="" style="display: none !important;">
7 | </form>


--------------------------------------------------------------------------------
/ploverpad/qwertyKeyboard.css:
--------------------------------------------------------------------------------
  1 | #stdKeyboard{
  2 | 	/* Positioning */
  3 | 	position:absolute;
  4 | 	left: 0px;
  5 | 	top: 228px;
  6 | 	
  7 | 	/* Box */
  8 | 	width: 522px; /* will fit 15 regular-sized keys horizontally */
  9 | 	height: 174px; /* will fit 5 regular-sized keys vertically */
 10 | 	padding: 10px;
 11 | 	border: 1px solid	#000000;
 12 | 	margin: 0;
 13 | 
 14 | 	/* Colors */
 15 | 	background-color: #ffffff;
 16 | }
 17 | 
 18 | .stdRow {
 19 | 	/* Box */
 20 | 	width: 100%;
 21 | 	height: 20%; /* will fit 5 rows in the keyboard */
 22 | 	padding: 0;
 23 | 	border: 0;
 24 | 	margin: 0;
 25 | }
 26 | 
 27 | .stdKey {
 28 | 	/* Positioning */
 29 | 	float: left;
 30 | 
 31 | 	/* Box */
 32 | 	width: 6%; /* 100% / 15 (keys) - (2 (left and right) * 0.333% (margin)) */
 33 | 	height: 90%; /* 100% - (15 (ratio across width / row height) * (2 (left and right) * 0.333% (margin))) */
 34 | 	padding: 0;
 35 | 	border: 0;
 36 | 	margin: 0.333%; /* width and height depend on this value. change accordingly */
 37 | 
 38 | 	/* Colors */
 39 | 	color: #ffffff;
 40 | 	background-color: #000000;
 41 | 
 42 | 	/* Text */
 43 | 	font-family: sans-serif;
 44 | 	font-size: 10.5px; /* 250px (stdKeyboard height) * 20% (stdRow height) * 90% (stdKey height) / 3 */
 45 | 	font-weight: bold;
 46 | 	line-height: 31.5px; /* 250px (stdKeyboard height) * 20% (stdRow height) * 90% (stdKey height) */
 47 | 	text-align: center;
 48 | 
 49 | 	/* Styling */
 50 | 	-webkit-border-radius: 10%;
 51 | 	-moz-border-radius: 10%;
 52 | 	border-radius: 10%;
 53 | }
 54 | 
 55 | #stdKeyBackspace{
 56 | 	/* Box */
 57 | 	width: 12.666%;
 58 | }
 59 | 
 60 | #stdKeyTab{
 61 | 	/* Box */
 62 | 	width: 9.333%;
 63 | }
 64 | 
 65 | #stdKeyBackslash{
 66 | 	/* Box */
 67 | 	width: 9.333%;
 68 | }
 69 | 
 70 | #stdKeyCapsLock{
 71 | 	/* Box */
 72 | 	width: 11%;
 73 | }
 74 | 
 75 | #stdKeyEnter{
 76 | 	/* Box */
 77 | 	width: 14.333%;
 78 | }
 79 | 
 80 | #stdKeyLeftShift{
 81 | 	/* Box */
 82 | 	width: 14.333%;
 83 | }
 84 | 
 85 | #stdKeyRightShift{
 86 | 	/* Box */
 87 | 	width: 17.666%;
 88 | }
 89 | 
 90 | #stdKeyLeftControl{
 91 | 	/* Box */
 92 | 	width: 9.333%;
 93 | }
 94 | 
 95 | #stdKeyLeftAlt{
 96 | 	/* Box */
 97 | 	width: 9.333%;
 98 | }
 99 | 
100 | #stdKeySpace{
101 | 	/* Box */
102 | 	width: 39.333%;
103 | }
104 | 
105 | #stdKeyRightAlt{
106 | 	/* Box */
107 | 	width: 9.333%;
108 | }
109 | 
110 | #stdKeyRightControl{
111 | 	/* Box */
112 | 	width: 9.333%;
113 | }
114 | 
115 | .upper {
116 | 	/* Positionning */
117 | 	float: left;
118 | 	
119 | 	/* Box */
120 | 	height: 50%;
121 | 	width: 100%;
122 | 
123 | 	/* Text */
124 | 	line-height: 21px; /* 250px (stdKeyboard height) * 20% (stdRow height) * 90% (stdKey height) / 3 * 2 */
125 | 	text-align: center;
126 | }
127 | 
128 | .lower {
129 | 	/* Positioning */
130 | 	float: left;
131 | 	
132 | 	/* Box */
133 | 	height: 50%;
134 | 	width: 100%;
135 | 	
136 | 	/* Text */
137 | 	line-height: 10.5px; /* 250px (stdKeyboard height) * 20% (stdRow height) * 90% (stdKey height) / 3 */
138 | 	text-align: center;
139 | }


--------------------------------------------------------------------------------
/_sass/layout.scss:
--------------------------------------------------------------------------------
  1 | .container, .text-container {
  2 | 	margin: 0 auto;
  3 | 	position: relative;
  4 | 	padding: 0 20px;
  5 | }
  6 | 
  7 | .text-container {
  8 | 	max-width: 1000px;
  9 | }
 10 | 
 11 | .container {
 12 | 	max-width: 1140px;
 13 | 
 14 | 	&.max-container {
 15 | 		max-width: 100%;
 16 | 		padding: 0;
 17 | 	}
 18 | }
 19 | 
 20 | header {
 21 | 	color: #fff;
 22 | 	padding: 20px 0;
 23 | 	background: $secondary-brand-color;
 24 | 
 25 | 	a {
 26 | 		color: #fff;
 27 | 		text-decoration: none;
 28 | 		z-index: 1;
 29 | 		position: relative;
 30 | 
 31 | 		&:hover {
 32 | 			text-decoration: none;
 33 | 		}
 34 | 	}
 35 | 
 36 | 	.company-name {
 37 | 		font-size: 1.7em;
 38 | 		@media(max-width: 600px) {
 39 | 			font-size: 6vw;
 40 | 		}
 41 | 		h3 {
 42 | 			margin: 0;
 43 | 			padding: 5px;
 44 | 			display: inline-block;
 45 | 			line-height: 33px;
 46 | 		  font-weight: normal;
 47 | 		}
 48 | 		a {
 49 | 			display: inline-block;
 50 | 		}
 51 | 		img {
 52 | 			width: auto;
 53 | 			vertical-align: middle;
 54 | 			display: inline-block;
 55 | 			padding: 5px;
 56 | 			margin-top: -6px;
 57 | 		}
 58 | 
 59 | 	}
 60 | }
 61 | 
 62 | .content {
 63 | 	padding: 1px 0 0 0;
 64 | 	position: relative;
 65 | 	background: $bgnoise;
 66 | }
 67 | 
 68 | .screenshot {
 69 | 	height: auto;
 70 | 	display: block;
 71 | 	margin: 0;
 72 | 	border-radius: 2px;
 73 | 	box-shadow: 0px 0px 50px rgba(0,0,0,.2);
 74 | }
 75 | 
 76 | section {
 77 | 	padding: 40px 0;
 78 | }
 79 | 
 80 | section + section {
 81 | 	padding-top: 0;
 82 | }
 83 | 
 84 | .subtext {
 85 | 	margin-top: 10px;
 86 | 	text-align: center;
 87 | }
 88 | 
 89 | 
 90 | .cta {
 91 | 	margin: 60px 0;
 92 | }
 93 | 
 94 | .page h2 {
 95 | 	text-align: center;
 96 | }
 97 | 
 98 | blockquote {
 99 | 	padding: 18px 25px;
100 | 	margin: 0;
101 | 	quotes: "\201C""\201D""\2018""\2019";
102 | 	font-style: italic;
103 | 
104 | 	.author {
105 | 		display: block;
106 | 		font-weight: bold;
107 | 		margin: 10px 0 0 0;
108 | 		font-size: .85em;
109 | 		font-style: normal;
110 | 	}
111 | 
112 | 	p {
113 | 		display: inline;
114 | 	}
115 | }
116 | 
117 | blockquote:before {
118 | 	color: #ccc;
119 | 	content: "\201C";
120 | 	font-size: 4em;
121 | 	line-height: 0.1em;
122 | 	margin-right: 0.25em;
123 | 	vertical-align: -0.4em;
124 | }
125 | 
126 | .square-image {
127 | 	width: 150px;
128 | 	height: 150px;
129 | 	overflow: hidden;
130 | 	margin: 25px auto 0 auto;
131 | 	position: relative;
132 | 	border-radius: 200px;
133 | 
134 | 	img {
135 | 		position: absolute;
136 | 		left: -1000%;
137 | 		right: -1000%;
138 | 		top: -1000%;
139 | 		bottom: -1000%;
140 | 		margin: auto;
141 | 		width: 300px;
142 | 	}
143 | }
144 | 
145 | .page {
146 | 	margin-bottom: 0;
147 | 	padding-bottom: 80px;
148 | }
149 | 
150 | .center-text {
151 | 	text-align: center;
152 | }
153 | 
154 | .editor-link {
155 |  	display: none;
156 | 	margin-top: 0;
157 | 	.btn {
158 | 		border: 0;
159 | 		border-radius: 2px;
160 | 		width: 100%;
161 | 		max-width: 500px;
162 | 		box-sizing: border-box;
163 | 		font-size: 2rem;
164 | 		text-decoration: none;
165 | 		padding: 10px 15px;
166 | 		margin: 0;
167 | 		font-size: 18px;
168 | 		cursor: pointer;
169 | 		background-color: #f7e064;
170 | 		color: #333;
171 | 		box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);
172 | 
173 | 		&:hover {
174 | 			background-color: #f4d525;
175 | 			color: #333;
176 | 		}
177 | 	}
178 | 
179 | }
180 | 


--------------------------------------------------------------------------------
/ploverpad/stenoKeyboard.css:
--------------------------------------------------------------------------------
  1 | #stenoKeyboard{
  2 | 	/* Positioning */
  3 | 	position:absolute;
  4 | 	left: 543px;
  5 | 	top: 228px;
  6 | 	
  7 | 	/* Box */
  8 | 	width: 348px;
  9 | 	height: 174px;
 10 | 	padding: 10px;
 11 | 	border: 1px solid #000000;
 12 | 	margin: 0;
 13 | 
 14 |   /* Colors */
 15 | 	background-color: #FFFFFF;
 16 | }
 17 | 
 18 | .stenoNumberBar {
 19 |   /* Box */
 20 | 	width: 100%;
 21 | 	height: 15%;
 22 | 	padding: 0;
 23 | 	border: 0;
 24 | 	margin: 0 0 0.625% 0;
 25 | }
 26 | 
 27 | .stenoUpperBank {
 28 |   /* Box */
 29 | 	width: 100%;
 30 | 	height: 25%;
 31 | 	padding: 0;
 32 | 	border: 0;
 33 | 	margin: 0.625% 0 0.625% 0;
 34 | }
 35 | 
 36 | .stenoLowerBank {
 37 |   /* Box */
 38 | 	width: 100%;
 39 | 	height: 25%;
 40 | 	padding: 0;
 41 | 	border: 0;
 42 | 	margin: 0.625% 0 3.75% 0;
 43 | }
 44 | 
 45 | .stenoVowelKeys {
 46 |   /* Box */
 47 | 	width: 100%;
 48 | 	height: 25%;
 49 | 	padding: 0;
 50 | 	border: 0;
 51 | 	margin: 3.75% 0 0 0;
 52 | }
 53 | 
 54 | #stenoKeyNumberBar {
 55 | 	/* Positioning */
 56 | 	float: left;
 57 | 
 58 | 	/* Box */
 59 | 	width: 100%;
 60 | 	height: 100%;
 61 | 	padding: 0;
 62 | 	border: 0;
 63 | 	margin: 0;
 64 | 
 65 | 	/* Color */	
 66 | 	color: #ffffff;
 67 | 	background-color: #000000;
 68 | 	
 69 | 	/* Text */
 70 | 	font-family: sans-serif;
 71 | 	font-size: 22px;
 72 | 	text-align: center;
 73 | 	line-height: 44px;	
 74 | 
 75 | 	/* Styling */
 76 | 	-webkit-border-radius: 0.9375% / 12.5%;
 77 | 	-moz-border-radius: 0.9375% / 12.5%;
 78 | 	border-radius: 0.9375% / 12.5%;
 79 | }
 80 | 
 81 | .stenoKey {
 82 | 	/* Positioning */
 83 | 	float: left;
 84 | 
 85 | 	/* Box */
 86 | 	width: 7.5%;
 87 | 	height: 100%;
 88 | 	padding: 0;
 89 | 	border: 0;
 90 | 	margin: 0 1.25% 0 1.25%;
 91 | 
 92 | 	/* Color */	
 93 | 	color: #ffffff;
 94 | 	background-color: #000000;
 95 | 
 96 | 	/* Text */
 97 | 	font-family: sans-serif;
 98 | 	font-size: 20px;
 99 | 	text-align: center;
100 | 	line-height: 41px;	
101 | }
102 | 
103 | .square {
104 | 	/* Styling */
105 | 	-webkit-border-radius: 12.5% / 7.5%;
106 | 	-moz-border-radius: 12.5% / 7.5%;
107 | 	border-radius: 12.5% / 7.5%;
108 | }
109 | 
110 | .rounded {
111 | 	/* Styling */
112 | 	-webkit-border-radius: 12.5% / 7.5%;
113 | 	-webkit-border-bottom-right-radius: 50% 30%;
114 | 	-webkit-border-bottom-left-radius: 50% 30%;
115 | 	-moz-border-radius: 12.5% / 7.5%;
116 | 	-moz-border-radius-bottomright: 50% 30%;
117 | 	-moz-border-radius-bottomleft: 50% 30%;
118 | 	border-radius: 12.5% / 7.5%;
119 | 	border-bottom-right-radius: 50% 30%;
120 | 	border-bottom-left-radius: 50% 30%;
121 | }
122 | 
123 | #stenoKeyS-1, #stenoKeyS-2 {
124 | 	/* Box */
125 | 	margin-left: 0;
126 | }
127 | 
128 | #stenoKeyH-, #stenoKeyR- {
129 | 	/* Box */
130 | 	margin-right: 1.875%;
131 | }
132 | 
133 | #stenoKeyAsterisk1, #stenoKeyAsterisk2 {
134 | 	/* Box */
135 | 	margin-left: 1.875%;
136 | 	margin-right: 1.875%;
137 | }
138 | 
139 | #stenoKey-F, #stenoKey-R {
140 | 	/* Box */
141 | 	margin-left: 1.875%;
142 | }
143 | 
144 | #stenoKey-D, #stenoKey-Z {
145 | 	/* Box */
146 | 	margin-right: 0;
147 | }
148 | 
149 | #stenoKeyA- {
150 | 	/* Box */
151 | 	margin-left: 27.8125%;
152 | 	margin-right: 0.3125%;	
153 | }
154 | 
155 | #stenoKeyO- {
156 | 	/* Box */
157 | 	margin-left: 0.3125%;
158 | 	margin-right: 1.5625%;	
159 | }
160 | 
161 | #stenoKey-E {
162 | 	/* Box */
163 | 	margin-left: 1.5625%;
164 | 	margin-right: 0.3125%;	
165 | }
166 | 
167 | #stenoKey-U {
168 | 	/* Box */
169 | 	margin-left: 0.3125%;
170 | }


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | ---
  2 | title: Home
  3 | description: Bringing stenography to everyone. Open Steno seeks to bring free software, low-cost hardware, and interactive learning tools to everyone who wants to use steno for their personal or professional pursuits.
  4 | ---
  5 | 
  6 | <section class="hero">
  7 | 	<div class="text-container">
  8 | 		<div class="stenoboard">
  9 | 			{% include steno-layout.html %}
 10 | 		</div>
 11 | 		<h2 id="stenoer" class="editable">
 12 | 	    <noscript>
 13 | 	      Bringing stenography to everyone.
 14 | 	    </noscript>
 15 | 	  </h2>
 16 | 	  <a href="#" id="replayButton" title="Replay animation">
 17 | 	  	<span class="fa fa-refresh"></span>
 18 | 	  </a>
 19 | 
 20 | 	</div>
 21 | </section>
 22 | 
 23 | <div class="content home">
 24 | 
 25 | 	<section>
 26 | 			<div class="text-container" align="center">
 27 | 				<h2>What is Open Steno?</h2>
 28 | 			</div>
 29 | 
 30 | 		<div class="container flex">
 31 | 
 32 | 			<div class="text editable">
 33 | 
 34 | 				{% include items.html section=site.data.open_steno %}
 35 | 
 36 | 			</div>
 37 | 			<div class="image">
 38 | 				<img src="images/dolores.svg" alt="The Open Steno mascot, Dolores." />
 39 | 			</div>
 40 | 		</div>
 41 | 	</section>
 42 | 
 43 | 	<section>
 44 | 			<div class="text-container" align="center">
 45 | 				<h2>What is Stenography?</h2>
 46 | 			</div>
 47 | 
 48 | 		<div class="container flex">
 49 | 
 50 | 			<div class="text editable">
 51 | 
 52 | 				{% include items.html section=site.data.stenography %}
 53 | 
 54 | 			</div>
 55 | 			<div class="image">
 56 | 				{% include youtubePlayer.html id="62l64Acfidc" %}
 57 | 			</div>
 58 | 		</div>
 59 | 	</section>
 60 | 
 61 | 	<section>
 62 | 		<div class="text-container" align="center">
 63 | 			<h2>Software</h2>
 64 | 		</div>
 65 | 		<div class="container flex">
 66 | 			<div class="text editable">
 67 | 
 68 |         {% include items.html section=site.data.software %}
 69 | 
 70 | 			</div>
 71 | 			<div class="image">
 72 | 				<img src="images/plover_screenshot.png" alt="Screenshot of Plover showing the main screen" />
 73 | 			</div>
 74 | 		</div>
 75 | 	</section>
 76 | 
 77 | 	<section>
 78 | 		<div class="text-container" align="center">
 79 | 			<h2>Hardware</h2>
 80 | 		</div>
 81 | 		<div class="container flex">
 82 | 			<div class="text editable">
 83 | 
 84 | 	      {% include items.html section=site.data.hardware %}
 85 | 
 86 | 			</div>
 87 | 			<div class="image">
 88 | 				<img src="images/stenotoppers.png" alt="Screenshot" />
 89 | 			</div>
 90 | 		</div>
 91 | 	</section>
 92 | 
 93 | 	<section>
 94 | 		<div class="text-container" align="center">
 95 | 			<h2>Learn</h2>
 96 | 		</div>
 97 | 		<div class="container flex">
 98 | 			<div class="text editable">
 99 | 
100 | 	      {% include items.html section=site.data.learn %}
101 | 
102 | 			</div>
103 | 			<div class="image">
104 | 				<div class="image">
105 | 					{% include youtubePlayer.html id="UtQzTUEuPWo" %}
106 | 				</div>
107 | 			</div>
108 | 		</div>
109 | 	</section>
110 | 	<section>
111 | 		<div class="text-container" align="center">
112 | 			<h2>Start Today</h2>
113 | 		</div>
114 | 		<div class="container flex">
115 | 			<div class="text editable center">
116 | 				<a href="{{ site.baseurl }}/community" title="Community page" class="button">Get Involved in the Community</a>
117 | 				<a href="https://github.com/openstenoproject/plover/wiki/Beginner's-Guide:-Get-Started-with-Plover" title="Plover Wiki guide to getting started with Plover" class="button">Get Started with Plover</a>
118 | 			</div>
119 | 		</div>
120 | 	</section>
121 | </div>
122 | <script src="https://unpkg.com/typer-js"></script><script src="scripts/stenoer.js"></script>


--------------------------------------------------------------------------------
/_includes/social-icon.html:
--------------------------------------------------------------------------------
 1 | {% case include.icon %}
 2 | 	{% when "Facebook" %}
 3 | 		<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M19,4V7H17A1,1 0 0,0 16,8V10H19V13H16V20H13V13H11V10H13V7.5C13,5.56 14.57,4 16.5,4M20,2H4A2,2 0 0,0 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z" /></svg>
 4 | 	{% when "Google Plus" %}
 5 | 		<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M23,11H21V9H19V11H17V13H19V15H21V13H23M8,11V13.4H12C11.8,14.4 10.8,16.4 8,16.4C5.6,16.4 3.7,14.4 3.7,12C3.7,9.6 5.6,7.6 8,7.6C9.4,7.6 10.3,8.2 10.8,8.7L12.7,6.9C11.5,5.7 9.9,5 8,5C4.1,5 1,8.1 1,12C1,15.9 4.1,19 8,19C12,19 14.7,16.2 14.7,12.2C14.7,11.7 14.7,11.4 14.6,11H8Z" /></svg>
 6 | 	{% when "Instagram" %}
 7 | 		<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" /></svg>
 8 | 	{% when "LinkedIn" %}
 9 | 		<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M19,19H16V13.7A1.5,1.5 0 0,0 14.5,12.2A1.5,1.5 0 0,0 13,13.7V19H10V10H13V11.2C13.5,10.36 14.59,9.8 15.5,9.8A3.5,3.5 0 0,1 19,13.3M6.5,8.31C5.5,8.31 4.69,7.5 4.69,6.5A1.81,1.81 0 0,1 6.5,4.69C7.5,4.69 8.31,5.5 8.31,6.5A1.81,1.81 0 0,1 6.5,8.31M8,19H5V10H8M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z" /></svg>
10 | 	{% when "Pinterest" %}
11 | 		<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M13,16.2C12.2,16.2 11.43,15.86 10.88,15.28L9.93,18.5L9.86,18.69L9.83,18.67C9.64,19 9.29,19.2 8.9,19.2C8.29,19.2 7.8,18.71 7.8,18.1C7.8,18.05 7.81,18 7.81,17.95H7.8L7.85,17.77L9.7,12.21C9.7,12.21 9.5,11.59 9.5,10.73C9.5,9 10.42,8.5 11.16,8.5C11.91,8.5 12.58,8.76 12.58,9.81C12.58,11.15 11.69,11.84 11.69,12.81C11.69,13.55 12.29,14.16 13.03,14.16C15.37,14.16 16.2,12.4 16.2,10.75C16.2,8.57 14.32,6.8 12,6.8C9.68,6.8 7.8,8.57 7.8,10.75C7.8,11.42 8,12.09 8.34,12.68C8.43,12.84 8.5,13 8.5,13.2A1,1 0 0,1 7.5,14.2C7.13,14.2 6.79,14 6.62,13.7C6.08,12.81 5.8,11.79 5.8,10.75C5.8,7.47 8.58,4.8 12,4.8C15.42,4.8 18.2,7.47 18.2,10.75C18.2,13.37 16.57,16.2 13,16.2M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z" /></svg>
12 | 	{% when "Tumblr" %}
13 | 		<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M16,11H13V14.9C13,15.63 13.14,16 14.1,16H16V19C16,19 14.97,19.1 13.9,19.1C11.25,19.1 10,17.5 10,15.7V11H8V8.2C10.41,8 10.62,6.16 10.8,5H13V8H16M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z" /></svg>
14 | 	{% when "Twitter" %}
15 | 		<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z" /></svg>
16 | 	{% when "YouTube" %}
17 | 		<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M10,16.5V7.5L16,12M20,4.4C19.4,4.2 15.7,4 12,4C8.3,4 4.6,4.19 4,4.38C2.44,4.9 2,8.4 2,12C2,15.59 2.44,19.1 4,19.61C4.6,19.81 8.3,20 12,20C15.7,20 19.4,19.81 20,19.61C21.56,19.1 22,15.59 22,12C22,8.4 21.56,4.91 20,4.4Z" /></svg>
18 | 	{% when "RSS" %}
19 | 		<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><circle cx="6.18" cy="17.82" r="2.18"/><path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"/></svg>
20 | {% endcase %}
21 | 


--------------------------------------------------------------------------------
/_sass/elements.scss:
--------------------------------------------------------------------------------
  1 | html {
  2 | 	background: #1e1e1e;
  3 | }
  4 | 
  5 | html, body {
  6 | 	margin: 0;
  7 | 	padding: 0;
  8 | 	font-size: 18px;
  9 | }
 10 | 
 11 | body {
 12 | 	font-family: "San Francisco", "Helvetica Neue", "Helvetica", "Arial";
 13 | }
 14 | 
 15 | a {
 16 | 	color: #00a4ca;
 17 | 	text-decoration: none;
 18 | }
 19 | 
 20 | a:hover {
 21 | 	text-decoration: underline;
 22 | }
 23 | 
 24 | img {
 25 | 	width: 100%;
 26 | }
 27 | 
 28 | h1 strong, h2 strong {
 29 | 	font-weight: 700;
 30 | 	font-family: $patua;
 31 | }
 32 | 
 33 | h1, h2, h3, h4, h5 {
 34 | 	font-weight: normal;
 35 | }
 36 | 
 37 | @media(max-width: 200px) {
 38 | 	h3 {
 39 | 		font-size: 90%;
 40 | 	}
 41 | }
 42 | 
 43 | h1 {
 44 | 	font-weight: 300;
 45 | 	font-size: 2.1em;
 46 | 	margin: 0;
 47 | 	font-family: $patua;
 48 | }
 49 | 
 50 | h2 {
 51 | 	font-weight: 300;
 52 | 	font-size: 2.2em;
 53 | 	margin: 0 0 20px 0;
 54 | 	font-family: $patua;
 55 | }
 56 | 
 57 | h3 {  font-family: $patua;
 58 | 	margin: 20px 0 10px 0;
 59 | 	font-family: $patua;
 60 | }
 61 | 
 62 | li {
 63 | 	padding: 0.3rem;
 64 | }
 65 | 
 66 | th, td {
 67 |  	padding: 0.3rem;
 68 | }
 69 | 
 70 | p, address, ul {
 71 | 	font-size: 1.05em;
 72 | 	margin-bottom: 20px;
 73 | 	font-weight: 400;
 74 |   color: #3e3e3e;
 75 | 	line-height: 1.4em;
 76 | 	strong, a {
 77 | 		font-weight: bold;
 78 | 	}
 79 | }
 80 | 
 81 | .home {
 82 | 	p, address {
 83 | 	  font-weight: 300;
 84 | 	  color: #555;
 85 | 	  strong, a {
 86 | 			font-weight: 400;
 87 | 		}
 88 | 	}
 89 | }
 90 | 
 91 | .stenoboard {
 92 | 	margin: auto;
 93 | 	max-width: 600px;
 94 | 	$key-width: 95%/11;
 95 | 	$key-padding: 10%;
 96 |   $height: 120%;
 97 | 	.steno-key {
 98 | 		transition: all .1s ease-in-out;
 99 | 		border: 1px solid rgba(255, 255, 255, 0.2);
100 | 		border-radius: 3%;
101 | 		background-color: rgba(255, 255, 255, 0.5);
102 | 		&.active {
103 | 			background-color: rgba(255, 255, 255, 0.9);
104 | 		}
105 | 	  height: 0;
106 | 	  margin: 0;
107 | 	  padding-bottom: $height;
108 | 	  & + .steno-key {
109 | 	    margin-top: $key-padding;
110 | 	  }
111 | 	}
112 | 	#S-, #asterisk {
113 | 		height: 0;
114 | 		padding-top: 2px; // Accounts for the border when there are two keys.
115 | 	  padding-bottom: $height*2 + $key-padding;
116 | 	}
117 | 	#S-, #K-, #W-, #R-, #asterisk, #-R, #-B, #-G, #-S, #-Z, #A, #O, #E, #U {
118 | 		border-radius: 0 0 40px 40px;
119 | 	}
120 | 	.steno-column {
121 | 		display: inline-block;
122 | 		// Again, accounting for the border width.
123 | 		margin-left: -1px;
124 | 		margin-right: -1px;
125 | 		width: $key-width;
126 | 	}
127 | 	.thumb-cluster {
128 | 		transform: translate(-$key-width*.525);
129 | 		.spacer {
130 | 			display: inline-block;
131 | 			width: $key-width*.5;
132 | 		}
133 | 	}
134 | }
135 | 
136 | 
137 | $translate_offset: (-100%/11)*0.4;
138 | #stenoer {
139 | 	div[data-typer-child]:first-child {
140 | 		// Hide empty div.
141 | 		display: none;
142 | 	}
143 | 	div[data-typer-child] {
144 | 	  display: inline;
145 | 	}
146 | 	line-height: 40px;
147 | 	padding-top: 20px;
148 | 	@media(max-width: 600px) {
149 | 		line-height: initial;
150 | 		font-size: 1.5rem;
151 | 	}
152 | 	&:before {
153 | 		display: inline;
154 | 		content: "|";
155 | 		height: 1em;
156 | 		visibility: hidden;
157 | 	}
158 | 	display: inline-block;
159 | }
160 | 
161 | #replayButton {
162 | 	padding: 5px;
163 | 	// Account for top being cut off.
164 | 	color: white;
165 | 	transition: all 0.25s ease-in-out;
166 | 	visibility: hidden;
167 | 	opacity: 0;
168 | 	display: inline-block;
169 | 	&:hover {
170 | 		color: rgba(255, 255, 255, 0.7);
171 | 	}
172 | 	span.fa {
173 | 		display: inline-block;
174 | 		height: 0;
175 | 		font-size: 1.3em;
176 | 	}
177 | 	.done + & {
178 | 		visibility: visible;
179 | 		opacity: 1;
180 | 		@media(max-width: 600px) {
181 | 			span.fa {
182 | 			  font-size: 5vw;
183 | 			}
184 | 		}
185 | 	}
186 | }
187 | 
188 | .center {
189 | 	text-align: center;
190 | }
191 | .button {
192 | 	background-color: white;
193 | 	border: 1px solid $brand-color;
194 | 	border-radius: 4px;
195 | 	margin: 20px auto;
196 | 	color: $secondary-brand-color;
197 | 	padding: 15px 28px;
198 | 	text-align: center;
199 | 	text-decoration: none;
200 | 	display: inline-block;
201 | 	cursor: pointer;
202 | 	&:hover {
203 | 		background-color: #eee;
204 | 		text-decoration: none;
205 | 	}
206 | 	& + .button {
207 | 		margin-left: 20px;
208 | 	}
209 | }
210 | 
211 | .key_face {
212 | 	text-align: center;
213 | 	& img {
214 | 		text-align: center;
215 | 		margin: 0 auto;
216 | 		width: auto;
217 | 	}
218 | }
219 | 
220 | #qwerty_chart img {
221 | 	max-height: 300px;
222 | 	height: auto;
223 | 	width: auto;
224 | }


--------------------------------------------------------------------------------
/images/stenoboard.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 436 213.92"><title>stenoboard</title><path d="M162,163a21.46,21.46,0,0,1-19-11.19V105h38v46.81A21.46,21.46,0,0,1,162,163Z" transform="translate(-10 -14.17)" style="fill:#fff"/><path d="M180,106V151.6a20.74,20.74,0,0,1-36,0V106h36m2-2H142v48a22.71,22.71,0,0,0,40,0V104h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/><rect x="133" y="26.92" width="38" height="58" style="fill:#fff"/><path d="M180,42.09v56H144v-56h36m2-2H142v60h40v-60h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/><path d="M118,163a21.46,21.46,0,0,1-19-11.19V105h38v46.81A21.46,21.46,0,0,1,118,163Z" transform="translate(-10 -14.17)" style="fill:#fff"/><path d="M136,106V151.6a20.74,20.74,0,0,1-36,0V106h36m2-2H98v48a22.71,22.71,0,0,0,40,0V104h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/><rect x="89" y="26.92" width="38" height="58" style="fill:#fff"/><path d="M136,42.09v56H100v-56h36m2-2H98v60h40v-60h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/><path d="M74,163a21.46,21.46,0,0,1-19-11.19V105H93v46.81A21.46,21.46,0,0,1,74,163Z" transform="translate(-10 -14.17)" style="fill:#fff"/><path d="M92,106V151.6a20.74,20.74,0,0,1-36,0V106H92m2-2H54v48a22.71,22.71,0,0,0,40,0V104h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/><rect x="45" y="26.92" width="38" height="58" style="fill:#fff"/><path d="M92,42.09v56H56v-56H92m2-2H54v60H94v-60h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/><path d="M30,163a21.75,21.75,0,0,1-19-11.2V41.09H49V151.86A21.46,21.46,0,0,1,30,163Z" transform="translate(-10 -14.17)" style="fill:#fff"/><path d="M48,42.09V151.6a20.73,20.73,0,0,1-36,0V42.09H48m2-2H10v112a22.71,22.71,0,0,0,40,0v-112h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/><path d="M206,163a21.46,21.46,0,0,1-19-11.19V41.09h38V151.86A21.46,21.46,0,0,1,206,163Z" transform="translate(-10 -14.17)" style="fill:#fff"/><path d="M224,42.09V151.6a20.73,20.73,0,0,1-36,0V42.09h36m2-2H186v112a22.71,22.71,0,0,0,40,0v-112h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/><path d="M426,163a21.46,21.46,0,0,1-19-11.19V105h38v46.81A21.46,21.46,0,0,1,426,163Z" transform="translate(-10 -14.17)" style="fill:#fff"/><path d="M444,106v45.56a20.74,20.74,0,0,1-36,0V106h36m2-2H406v48a22.71,22.71,0,0,0,40,0V104h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/><rect x="397" y="26.88" width="38" height="58" style="fill:#fff"/><path d="M444,42V98H408V42h36m2-2H406v60h40V40h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/><path d="M382,163a21.46,21.46,0,0,1-19-11.19V105h38v46.81A21.46,21.46,0,0,1,382,163Z" transform="translate(-10 -14.17)" style="fill:#fff"/><path d="M400,106v45.56a20.74,20.74,0,0,1-36,0V106h36m2-2H362v48a22.71,22.71,0,0,0,40,0V104h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/><rect x="353" y="26.88" width="38" height="58" style="fill:#fff"/><path d="M400,42V98H364V42h36m2-2H362v60h40V40h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/><path d="M338,163a21.46,21.46,0,0,1-19-11.19V105h38v46.81A21.46,21.46,0,0,1,338,163Z" transform="translate(-10 -14.17)" style="fill:#fff"/><path d="M356,106v45.56a20.74,20.74,0,0,1-36,0V106h36m2-2H318v48a22.71,22.71,0,0,0,40,0V104h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/><rect x="309" y="26.88" width="38" height="58" style="fill:#fff"/><path d="M356,42V98H320V42h36m2-2H318v60h40V40h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/><path d="M294,163a21.46,21.46,0,0,1-19-11.19V105h38v46.81A21.46,21.46,0,0,1,294,163Z" transform="translate(-10 -14.17)" style="fill:#fff"/><path d="M312,106v45.56a20.74,20.74,0,0,1-36,0V106h36m2-2H274v48a22.71,22.71,0,0,0,40,0V104h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/><rect x="265" y="26.88" width="38" height="58" style="fill:#fff"/><path d="M312,42V98H276V42h36m2-2H274v60h40V40h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/><path d="M250,163a21.46,21.46,0,0,1-19-11.19V105h38v46.81A21.46,21.46,0,0,1,250,163Z" transform="translate(-10 -14.17)" style="fill:#fff"/><path d="M268,106v45.56a20.74,20.74,0,0,1-36,0V106h36m2-2H230v48a22.71,22.71,0,0,0,40,0V104h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/><rect x="221" y="26.88" width="38" height="58" style="fill:#fff"/><path d="M268,42V98H232V42h36m2-2H230v60h40V40h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/><path d="M284.23,227a21.46,21.46,0,0,1-19-11.19V169h38v46.81A21.46,21.46,0,0,1,284.23,227Z" transform="translate(-10 -14.17)" style="fill:#fff"/><path d="M302.23,170v45.56a20.74,20.74,0,0,1-36,0V170h36m2-2h-40v48a22.71,22.71,0,0,0,40,0V168h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/><path d="M240.23,227a21.46,21.46,0,0,1-19-11.19V169h38v46.81A21.46,21.46,0,0,1,240.23,227Z" transform="translate(-10 -14.17)" style="fill:#fff"/><path d="M258.23,170v45.56a20.74,20.74,0,0,1-36,0V170h36m2-2h-40v48a22.71,22.71,0,0,0,40,0V168h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/><path d="M171.26,227.09a21.46,21.46,0,0,1-19-11.19V169.1h38V215.9A21.46,21.46,0,0,1,171.26,227.09Z" transform="translate(-10 -14.17)" style="fill:#fff"/><path d="M189.26,170.1v45.56a20.74,20.74,0,0,1-36,0V170.1h36m2-2h-40v48a22.71,22.71,0,0,0,40,0v-48h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/><path d="M127.26,227.09a21.46,21.46,0,0,1-19-11.19V169.1h38V215.9A21.46,21.46,0,0,1,127.26,227.09Z" transform="translate(-10 -14.17)" style="fill:#fff"/><path d="M145.26,170.1v45.56a20.74,20.74,0,0,1-36,0V170.1h36m2-2h-40v48a22.71,22.71,0,0,0,40,0v-48h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/><rect x="1" y="1" width="434" height="19.92" style="fill:#fff"/><path d="M444,16.17V34.09H12V16.17H444m2-2H10V36.09H446V14.17h0Z" transform="translate(-10 -14.17)" style="fill:#231f20"/></svg>


--------------------------------------------------------------------------------
/scripts/stenoer.js:
--------------------------------------------------------------------------------
  1 | function stenoAnimation() {
  2 |   /* Phrases to type
  3 |    * [toType: string, rawSteno: string, replacesLastWord: boolean]
  4 |    **/
  5 |   var phrases =
  6 |     [ [ ['Welcome', 'HR-BG']
  7 |       , [' to', 'TO']
  8 |       , [' open', 'OEP']
  9 |       , [' Open Steno', 'STOEUPB', true]
 10 |       , ['.', 'TP-PL']
 11 |       ]
 12 |     , [ ['This is', 'TH-S']
 13 |       , [' what', 'WHA']
 14 |       , [' using', 'AOUFG']
 15 |       , [' steno', 'STOEUPB']
 16 |       , [' looks', 'HRAOBGS']
 17 |       , [' like', 'HRAOEUBG']
 18 |       , ['.', 'TP-PL']
 19 |       ]
 20 |     , [ ['With', 'W']
 21 |       , [' it', 'T-']
 22 |       , [' you can', 'UBG']
 23 |       , [' write', 'WREU']
 24 |       , [' over', 'OEFR']
 25 |       , [' two', 'TWO']
 26 |       , [' hundred', 'HUPBD']
 27 |       , [' words', 'WORDZ']
 28 |       , [' a', 'AEU']
 29 |       , [' minute', 'PHEUPB']
 30 |       , ['!', 'SKHRAPL']
 31 |       ]
 32 |     , [ ['Our', 'OUR']
 33 |       , [' mission', 'PHEUGS']
 34 |       , [':', 'KHR-PB']
 35 |       ]
 36 |     , [ ['Bring', 'PWREUPBG']
 37 |       , ['ing', '-G']
 38 |       , [' snog', 'STPHOG']
 39 |       , [' stenography', 'TPEU', true]
 40 |       , [' to', 'TO']
 41 |       , [' everyone', 'EFRPB']
 42 |       , ['.', 'TP-PL']
 43 |       ]
 44 |     ]
 45 | 
 46 |   // Grab typer and wait for a little.
 47 |   var typer = window.typer('#stenoer', 1)
 48 |   typer.empty().line('').pause(2000)
 49 | 
 50 |   /* Draw an outline (raw steno) on the HTML steno board */
 51 |   function highlightOutline(outline) {
 52 |     // Parsing from  'STROEBG' to 'S- T- R- O E -B -G'
 53 |     var matches = /([^\*AOEU\-]*)([AOEU\-\*]*)([^\*AOEU\-]*)/g.exec(outline)
 54 |     var left = matches[1] || ''
 55 |     var center = matches[2] || ''
 56 |     var right = matches[3] || ''
 57 |     var chord = []
 58 |     var i = 0
 59 | 
 60 |     for (i; i < left.length; i++) {
 61 |       chord.push(left[i] + '-')
 62 |     }
 63 |     for (i = 0; i < center.length; i++) {
 64 |       if (center[i] === '*') {
 65 |         chord.push('asterisk')
 66 |       } if (center[i] !== '-') {
 67 |         chord.push(center[i])
 68 |       }
 69 |     }
 70 |     for (i = 0; i < right.length; i++) {
 71 |       chord.push('-' + right[i])
 72 |     }
 73 | 
 74 |     // Find all the keys in the DOM
 75 |     var stenoKeys = document.getElementsByClassName('steno-key')
 76 |     
 77 |     i = 0
 78 |     var keyElement
 79 |     for (i; i < stenoKeys.length; i++) {
 80 |       keyElement = stenoKeys[i]
 81 |       if (chord.indexOf(keyElement.id) > -1) {
 82 |         // If the key is in the chord, activate it.
 83 |         keyElement.className += ' active'
 84 |       } else if (keyElement.className.indexOf('active') > -1) {
 85 |         // Otherwise deactivate it.
 86 |         var offset = keyElement.className.indexOf('active')
 87 |         keyElement.className =
 88 |           keyElement.className.substring(0, offset)
 89 |       }
 90 |     }
 91 |   }
 92 | 
 93 |   /* Write a phrase chord-by-chord with typer */
 94 |   function writePhrase(phrase) {
 95 |     var i = 0
 96 |     var word, stroke, replace, last_word, prefix, limit, to_backspace, to_write
 97 | 
 98 |     for (i; i < phrase.length; i++) {
 99 |       word = phrase[i][0]
100 |       stroke = phrase[i][1]
101 |       replace = !!phrase[i][2]
102 | 
103 |       if (replace) {
104 |         prefix = 0
105 |         limit = Math.min(last_word.length, word.length)
106 |         for (prefix; prefix < limit; prefix++) {
107 |           if (last_word[prefix] !== word[prefix]) {
108 |             break
109 |           }
110 |         }
111 |         to_backspace = last_word.length - prefix
112 |         to_write = word.slice(prefix)
113 |       } else {
114 |         to_backspace = 0
115 |         to_write = word
116 |       }
117 |       function sendStroke(stroke) {
118 |         return function() {
119 |           highlightOutline(stroke)
120 |         }
121 |       }
122 | 
123 |       typer
124 |         .pause(50)
125 |         .run(sendStroke(stroke))
126 |         .pause(150)
127 |         .run(function() { highlightOutline('') })
128 |       if (to_backspace) {
129 |         typer.back(to_backspace)
130 |       }
131 |       typer.continue([to_write], 1)
132 |       last_word = word
133 |     }
134 |   }
135 | 
136 |   /* Undo a phrase chord-by-chord with typer */
137 |   function asteriskPhrase(phrase) {
138 |     var i = 0
139 |     var word, stroke, replace, last_word, prefix, limit, to_backspace, to_write
140 | 
141 |     for (i = phrase.length - 1; i >= 0; i--) {
142 |       word = phrase[i][0]
143 |       stroke = phrase[i][1]
144 |       replace = !!phrase[i][2]
145 | 
146 |       if (replace) {
147 |         prefix = 0
148 |         last_word = phrase[i - 1][0]
149 |         limit = Math.min(last_word.length, word.length)
150 |         for (prefix; prefix < limit; prefix++) {
151 |           if (last_word[prefix] !== word[prefix]) {
152 |             break
153 |           }
154 |         }
155 |         to_backspace = word.length - prefix
156 |         to_write = last_word.slice(prefix)
157 |       } else {
158 |         to_backspace = word.length
159 |         to_write = ''
160 |       }
161 | 
162 |       typer
163 |         .pause(25)
164 |         .run(function() { highlightOutline('*') })
165 |         .pause(75)
166 |         .run(function() { highlightOutline('') })
167 |       if (to_backspace) {
168 |         typer.back(to_backspace)
169 |       }
170 |       typer.continue([to_write], 1)
171 |     }
172 |   }
173 | 
174 |   function writeAndAsterisk(phrase) {
175 |     writePhrase(phrase)
176 |     typer.pause(1500)
177 |     asteriskPhrase(phrase)
178 |     typer.pause(250)
179 |   }
180 | 
181 |   function removeDoneClass(element) {
182 |     var classes = element.className.split(' ')
183 |     var newClass = ''
184 |     var i = 0
185 |     var currentClass
186 |     for (i; i < classes.length; i++) {
187 |       currentClass = classes[i]
188 |       if (currentClass !== 'done' && currentClass) {
189 |         newClass += currentClass + ' '
190 |       }
191 |     }
192 |     element.className = newClass
193 |   }
194 | 
195 |   function addDoneClass(element) {
196 |     var classes = element.className.split(' ')
197 |     var newClass = ''
198 |     var i = 0
199 |     var currentClass
200 |     var hasDone
201 |     for (i; i < classes.length; i++) {
202 |       currentClass = classes[i]
203 |       if (currentClass === 'done') {
204 |         hasDone = true
205 |       }
206 |       if (currentClass) {
207 |         newClass += currentClass + ' '
208 |       }
209 |     }
210 |     if (!hasDone) {
211 |       newClass += 'done'
212 |     }
213 |     element.className = newClass
214 |   }
215 | 
216 |   function longAnimation() {
217 |     if (typeof ga !== 'undefined') {
218 |       ga('send', 'event', 'Intro Animation', 'replay start')
219 |     }
220 |     var animatedHeader = document.getElementById('stenoer')
221 |     if (animatedHeader.className.indexOf('done') === -1) {
222 |       return // Prevent double clicks.
223 |     }
224 |     removeDoneClass(animatedHeader)
225 |     setTimeout(function() {
226 |       while (animatedHeader.hasChildNodes()) {
227 |         animatedHeader.removeChild(animatedHeader.lastChild);
228 |       }
229 |       animatedHeader.removeAttribute('data-typer')
230 |       
231 |       typer = window.typer('#stenoer', 1)
232 |       typer.empty()
233 |       typer.line()
234 |       typer.pause(1000)
235 |       var i = 0
236 |       for (i; i < phrases.length; i++) {
237 |         if (i === phrases.length - 1) {
238 |           writePhrase(phrases[i])
239 |         } else {
240 |           writeAndAsterisk(phrases[i])
241 |         }
242 |       }
243 |       typer.end(addDoneClass)
244 |       if (typeof ga !== 'undefined') {
245 |         ga('send', 'event', 'Intro Animation', 'replay finish')
246 |       }
247 |     }, 250)
248 |   }
249 | 
250 |   function shortAnimation() {
251 |     typer.run(removeDoneClass)
252 |     writePhrase(phrases[phrases.length - 1])
253 |     typer.end(addDoneClass)
254 |   }
255 |   document.getElementById("replayButton").addEventListener("click", longAnimation);
256 |   shortAnimation()
257 | }
258 | if (window.typer) {
259 |   stenoAnimation()
260 | } else {
261 |   console.warn('Typing animation disabled because typer.js was not loaded.')
262 | }


--------------------------------------------------------------------------------
/ploverpad/ploverpad.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2 | <!-- saved from url=(0056)http://stenoknight.com/plover/ploverdemo/ploverdemo.html -->
  3 | <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4 | 		
  5 | 		<title>Plover Pad</title>
  6 | 
  7 | 		<!-- import jquery stuff -->
  8 | 		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
  9 | 		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
 10 | 
 11 | 		<!-- import style sheets -->
 12 | 		<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
 13 | 		<link rel="stylesheet" type="text/css" href="ploverdemo.css">
 14 | 	<style type="text/css">img[src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif"]
 15 | {display:none !important;}</style></head>
 16 | 	<body>
 17 | 		<!-- area to show output -->
 18 | 		<div id="outputContainer" class="ui-draggable ui-resizable"><h1>Output</h1>
 19 | 			<textarea id="output" rows="10" cols="66"></textarea>
 20 | 		<div class="ui-resizable-handle ui-resizable-s"></div></div>
 21 | 
 22 | 		<!-- area to show the vertical notes-->
 23 | 		<div id="verticalNotesContainer" class="ui-draggable ui-resizable"><h1>Vertical Notes</h1>
 24 | 			<textarea id="verticalNotes" wrap="off" rows="10" cols="36"></textarea>
 25 | 		<div class="ui-resizable-handle ui-resizable-s"></div></div>
 26 | 
 27 | 		<!-- STANDARD KEYBOARD (This keyboard is based on the IBM PC Windows 104 keyboard) -->
 28 | 		<div id="stdKeyboard" class="ui-draggable ui-resizable">
 29 | 			<div class="stdRow">
 30 | 				<div class="stdKey code192" id="stdKeyGraveAccent" style="background-color: rgb(0, 0, 0);"><span class="upper">~</span><span class="lower">`</span></div>
 31 | 				<div class="stdKey code49" id="stdKey1" style="background-color: rgb(0, 0, 0);"><span class="upper">!</span><span class="lower">1</span></div>
 32 | 				<div class="stdKey code50" id="stdKey2" style="background-color: rgb(0, 0, 0);"><span class="upper">@</span><span class="lower">2</span></div>
 33 | 				<div class="stdKey code51" id="stdKey3" style="background-color: rgb(0, 0, 0);"><span class="upper">#</span><span class="lower">3</span></div>
 34 | 				<div class="stdKey code52" id="stdKey4" style="background-color: rgb(0, 0, 0);"><span class="upper">$</span><span class="lower">4</span></div>
 35 | 				<div class="stdKey code53" id="stdKey5" style="background-color: rgb(0, 0, 0);"><span class="upper">%</span><span class="lower">5</span></div>
 36 | 				<div class="stdKey code54" id="stdKey6" style="background-color: rgb(0, 0, 0);"><span class="upper">^</span><span class="lower">6</span></div>
 37 | 				<div class="stdKey code55" id="stdKey7" style="background-color: rgb(0, 0, 0);"><span class="upper">&amp;</span><span class="lower">7</span></div>
 38 | 				<div class="stdKey code56" id="stdKey8" style="background-color: rgb(0, 0, 0);"><span class="upper">*</span><span class="lower">8</span></div>
 39 | 				<div class="stdKey code57" id="stdKey9" style="background-color: rgb(0, 0, 0);"><span class="upper">(</span><span class="lower">9</span></div>
 40 | 				<div class="stdKey code48" id="stdKey0" style="background-color: rgb(0, 0, 0);"><span class="upper">)</span><span class="lower">0</span></div>
 41 | 				<div class="stdKey code109 code189" id="stdKeyDash" style="background-color: rgb(0, 0, 0);"><span class="upper">_</span><span class="lower">-</span></div>
 42 | 				<div class="stdKey code107 code187" id="stdKeyEqualSign" style="background-color: rgb(0, 0, 0);"><span class="upper">+</span><span class="lower">=</span></div>
 43 | 				<div class="stdKey code8" id="stdKeyBackspace" style="background-color: rgb(0, 0, 0);">Backspace</div>
 44 | 			</div>
 45 | 			<div class="stdRow">
 46 | 				<div class="stdKey code9" id="stdKeyTab" style="background-color: rgb(0, 0, 0);">Tab</div>
 47 | 				<div class="stdKey code81" id="stdKeyQ" style="background-color: rgb(0, 0, 0);">Q</div>
 48 | 				<div class="stdKey code87" id="stdKeyW" style="background-color: rgb(0, 0, 0);">W</div>
 49 | 				<div class="stdKey code69" id="stdKeyE" style="background-color: rgb(0, 0, 0);">E</div>
 50 | 				<div class="stdKey code82" id="stdKeyR" style="background-color: rgb(0, 0, 0);">R</div>
 51 | 				<div class="stdKey code84" id="stdKeyT" style="background-color: rgb(0, 0, 0);">T</div>
 52 | 				<div class="stdKey code89" id="stdKeyY" style="background-color: rgb(0, 0, 0);">Y</div>
 53 | 				<div class="stdKey code85" id="stdKeyU" style="background-color: rgb(0, 0, 0);">U</div>
 54 | 				<div class="stdKey code73" id="stdKeyI" style="background-color: rgb(0, 0, 0);">I</div>
 55 | 				<div class="stdKey code79" id="stdKeyO" style="background-color: rgb(0, 0, 0);">O</div>
 56 | 				<div class="stdKey code80" id="stdKeyP" style="background-color: rgb(0, 0, 0);">P</div>
 57 | 				<div class="stdKey code219" id="stdKeyOpenBracket" style="background-color: rgb(0, 0, 0);"><span class="upper">{</span><span class="lower">[</span></div>
 58 | 				<div class="stdKey code221" id="stdKeyCloseBracket" style="background-color: rgb(0, 0, 0);"><span class="upper">}</span><span class="lower">]</span></div>
 59 | 				<div class="stdKey code220" id="stdKeyBackslash" style="background-color: rgb(0, 0, 0);"><span class="upper">|</span><span class="lower">\</span></div>
 60 | 			</div>
 61 | 			<div class="stdRow">
 62 | 				<div class="stdKey code20" id="stdKeyCapsLock" style="background-color: rgb(0, 0, 0);">Caps Lock</div>
 63 | 				<div class="stdKey code65" id="stdKeyA" style="background-color: rgb(0, 0, 0);">A</div>
 64 | 				<div class="stdKey code83" id="stdKeyS" style="background-color: rgb(0, 0, 0);">S</div>
 65 | 				<div class="stdKey code68" id="stdKeyD" style="background-color: rgb(0, 0, 0);">D</div>
 66 | 				<div class="stdKey code70" id="stdKeyF" style="background-color: rgb(0, 0, 0);">F</div>
 67 | 				<div class="stdKey code71" id="stdKeyG" style="background-color: rgb(0, 0, 0);">G</div>
 68 | 				<div class="stdKey code72" id="stdKeyH" style="background-color: rgb(0, 0, 0);">H</div>
 69 | 				<div class="stdKey code74" id="stdKeyJ" style="background-color: rgb(0, 0, 0);">J</div>
 70 | 				<div class="stdKey code75" id="stdKeyK" style="background-color: rgb(0, 0, 0);">K</div>
 71 | 				<div class="stdKey code76" id="stdKeyL" style="background-color: rgb(0, 0, 0);">L</div>
 72 | 				<div class="stdKey code59 code186" id="stdKeySemicolon" style="background-color: rgb(0, 0, 0);"><span class="upper">:</span><span class="lower">;</span></div>
 73 | 				<div class="stdKey code222" id="stdKeySingleQuote" style="background-color: rgb(0, 0, 0);"><span class="upper">"</span><span class="lower">'</span></div>
 74 | 				<div class="stdKey code13" id="stdKeyEnter" style="background-color: rgb(0, 0, 0);">Enter</div>
 75 | 			</div>
 76 | 			<div class="stdRow">
 77 | 				<div class="stdKey code16" id="stdKeyLeftShift" style="background-color: rgb(0, 0, 0);">Shift</div>
 78 | 				<div class="stdKey code90" id="stdKeyZ" style="background-color: rgb(0, 0, 0);">Z</div>
 79 | 				<div class="stdKey code88" id="stdKeyX" style="background-color: rgb(0, 0, 0);">X</div>
 80 | 				<div class="stdKey code67" id="stdKeyC" style="background-color: rgb(0, 0, 0);">C</div>
 81 | 				<div class="stdKey code86" id="stdKeyV" style="background-color: rgb(0, 0, 0);">V</div>
 82 | 				<div class="stdKey code66" id="stdKeyB" style="background-color: rgb(0, 0, 0);">B</div>
 83 | 				<div class="stdKey code78" id="stdKeyN" style="background-color: rgb(0, 0, 0);">N</div>
 84 | 				<div class="stdKey code77" id="stdKeyM" style="background-color: rgb(0, 0, 0);">M</div>
 85 | 				<div class="stdKey code188" id="stdKeyComma" style="background-color: rgb(0, 0, 0);"><span class="upper">&lt;</span><span class="lower">,</span></div>
 86 | 				<div class="stdKey code190" id="stdKeyPeriod" style="background-color: rgb(0, 0, 0);"><span class="upper">&gt;</span><span class="lower">.</span></div>
 87 | 				<div class="stdKey code191" id="stdKeySlash" style="background-color: rgb(0, 0, 0);"><span class="upper">?</span><span class="lower">/</span></div>
 88 | 				<div class="stdKey code16" id="stdKeyRightShift" style="background-color: rgb(0, 0, 0);">Shift</div>
 89 | 			</div>
 90 | 			<div class="stdRow">
 91 | 				<div class="stdKey code17" id="stdKeyLeftControl" style="background-color: rgb(0, 0, 0);">Ctrl</div>
 92 | 				<div class="stdKey code91" id="stdKeyLeftWindows" style="background-color: rgb(0, 0, 0);">Win</div>
 93 | 				<div class="stdKey code18" id="stdKeyLeftAlt" style="background-color: rgb(0, 0, 0);">Alt</div>
 94 | 				<div class="stdKey code32" id="stdKeySpace" style="background-color: rgb(0, 0, 0);">Space</div>
 95 | 				<div class="stdKey code18" id="stdKeyRightAlt" style="background-color: rgb(0, 0, 0);">Alt</div>
 96 | 				<div class="stdKey code92" id="stdKeyRightWindow" style="background-color: rgb(0, 0, 0);">Win</div>
 97 | 				<div class="stdKey code93" id="stdKeyMenu" style="background-color: rgb(0, 0, 0);">Menu</div>
 98 | 				<div class="stdKey code17" id="stdKeyRightControl" style="background-color: rgb(0, 0, 0);">Ctrl</div>
 99 | 			</div>
100 | 		<div class="ui-resizable-handle ui-resizable-e"></div><div class="ui-resizable-handle ui-resizable-s"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 1001;"></div></div>
101 | 
102 | 		<!-- STENO KEYBOARD -->
103 | 		<div id="stenoKeyboard" class="ui-draggable ui-resizable">
104 | 			<div class="stenoNumberBar">
105 | 				<div class="stenoKey numberBar code48 code49 code50 code51 code52 code53 code54 code55 code56 code57" id="stenoKeyNumberBar" style="background-color: rgb(0, 0, 0);"></div>
106 | 			</div>
107 | 			<div class="stenoUpperBank">
108 | 				<div class="stenoKey square code81 code65" id="stenoKeyS-1" style="background-color: rgb(0, 0, 0);">S</div>
109 | 				<div class="stenoKey square code87" id="stenoKeyT-" style="background-color: rgb(0, 0, 0);">T</div>
110 | 				<div class="stenoKey square code69" id="stenoKeyP-" style="background-color: rgb(0, 0, 0);">P</div>
111 | 				<div class="stenoKey square code82" id="stenoKeyH-" style="background-color: rgb(0, 0, 0);">H</div>
112 | 				<div class="stenoKey square code71 code72 code84 code89" id="stenoKeyAsterisk1" style="background-color: rgb(0, 0, 0);">*</div>
113 | 				<div class="stenoKey square code85" id="stenoKey-F" style="background-color: rgb(0, 0, 0);">F</div>
114 | 				<div class="stenoKey square code73" id="stenoKey-P" style="background-color: rgb(0, 0, 0);">P</div>
115 | 				<div class="stenoKey square code79" id="stenoKey-L" style="background-color: rgb(0, 0, 0);">L</div>
116 | 				<div class="stenoKey square code80" id="stenoKey-T" style="background-color: rgb(0, 0, 0);">T</div>
117 | 				<div class="stenoKey square code219" id="stenoKey-D" style="background-color: rgb(0, 0, 0);">D</div>
118 | 			</div>
119 | 			<div class="stenoLowerBank">
120 | 				<div class="stenoKey rounded code81 code65" id="stenoKeyS-2" style="background-color: rgb(0, 0, 0);">S</div>
121 | 				<div class="stenoKey rounded code83" id="stenoKeyK-" style="background-color: rgb(0, 0, 0);">K</div>
122 | 				<div class="stenoKey rounded code68" id="stenoKeyW-" style="background-color: rgb(0, 0, 0);">W</div>
123 | 				<div class="stenoKey rounded code70" id="stenoKeyR-" style="background-color: rgb(0, 0, 0);">R</div>
124 | 				<div class="stenoKey rounded code71 code72 code84 code89" id="stenoKeyAsterisk2" style="background-color: rgb(0, 0, 0);">*</div>
125 | 				<div class="stenoKey rounded code74" id="stenoKey-R" style="background-color: rgb(0, 0, 0);">R</div>
126 | 				<div class="stenoKey rounded code75" id="stenoKey-B" style="background-color: rgb(0, 0, 0);">B</div>
127 | 				<div class="stenoKey rounded code76" id="stenoKey-G" style="background-color: rgb(0, 0, 0);">G</div>
128 | 				<div class="stenoKey rounded code59 code186" id="stenoKey-S" style="background-color: rgb(0, 0, 0);">S</div>
129 | 				<div class="stenoKey rounded code222" id="stenoKey-Z" style="background-color: rgb(0, 0, 0);">Z</div>
130 | 			</div>
131 | 			<div class="stenoVowelKeys">
132 | 				<div class="stenoKey rounded code67" id="stenoKeyA-" style="background-color: rgb(0, 0, 0);">A</div>
133 | 				<div class="stenoKey rounded code86" id="stenoKeyO-" style="background-color: rgb(0, 0, 0);">O</div>
134 | 				<div class="stenoKey rounded code78" id="stenoKey-E" style="background-color: rgb(0, 0, 0);">E</div>
135 | 				<div class="stenoKey rounded code77" id="stenoKey-U" style="background-color: rgb(0, 0, 0);">U</div>
136 | 			</div>
137 | 		<div class="ui-resizable-handle ui-resizable-e"></div><div class="ui-resizable-handle ui-resizable-s"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 1001;"></div></div>
138 | 
139 | 		<!-- make elements draggable and resizable -->
140 | 		<script type="text/javascript" src="uiElements.js"></script>
141 | 
142 | 		<!-- do the steno thing! -->
143 | 		<script type="text/javascript" src="ploverdemo.js"></script>
144 | 	 
145 | </body></html>


--------------------------------------------------------------------------------
/_sass/mixins/flexbox.scss:
--------------------------------------------------------------------------------
  1 | // Flexbox Mixins
  2 | // http://philipwalton.github.io/solved-by-flexbox/
  3 | // https://github.com/philipwalton/solved-by-flexbox
  4 | //
  5 | // Copyright (c) 2013 Brian Franco
  6 | //
  7 | // Permission is hereby granted, free of charge, to any person obtaining a
  8 | // copy of this software and associated documentation files (the
  9 | // "Software"), to deal in the Software without restriction, including
 10 | // without limitation the rights to use, copy, modify, merge, publish,
 11 | // distribute, sublicense, and/or sell copies of the Software, and to
 12 | // permit persons to whom the Software is furnished to do so, subject to
 13 | // the following conditions:
 14 | // The above copyright notice and this permission notice shall be included
 15 | // in all copies or substantial portions of the Software.
 16 | // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
 17 | // OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 18 | // MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
 19 | // IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
 20 | // CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
 21 | // TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
 22 | // SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 23 | //
 24 | // This is a set of mixins for those who want to mess around with flexbox
 25 | // using the native support of current browsers. For full support table
 26 | // check: http://caniuse.com/flexbox
 27 | //
 28 | // Basically this will use:
 29 | //
 30 | // * Fallback, old syntax (IE10, mobile webkit browsers - no wrapping)
 31 | // * Final standards syntax (FF, Safari, Chrome, IE11, Opera)
 32 | //
 33 | // This was inspired by:
 34 | //
 35 | // * http://dev.opera.com/articles/view/advanced-cross-browser-flexbox/
 36 | //
 37 | // With help from:
 38 | //
 39 | // * http://w3.org/tr/css3-flexbox/
 40 | // * http://the-echoplex.net/flexyboxes/
 41 | // * http://msdn.microsoft.com/en-us/library/ie/hh772069(v=vs.85).aspx
 42 | // * http://css-tricks.com/using-flexbox/
 43 | // * http://dev.opera.com/articles/view/advanced-cross-browser-flexbox/
 44 | // * https://developer.mozilla.org/en-us/docs/web/guide/css/flexible_boxes
 45 | 
 46 | //----------------------------------------------------------------------
 47 | 
 48 | // Flexbox Containers
 49 | //
 50 | // The 'flex' value causes an element to generate a block-level flex
 51 | // container box.
 52 | //
 53 | // The 'inline-flex' value causes an element to generate a inline-level
 54 | // flex container box.
 55 | //
 56 | // display: flex | inline-flex
 57 | //
 58 | // http://w3.org/tr/css3-flexbox/#flex-containers
 59 | //
 60 | // (Placeholder selectors for each type, for those who rather @extend)
 61 | 
 62 | @mixin flexbox {
 63 | 	display: -webkit-box;
 64 | 	display: -webkit-flex;
 65 | 	display: -moz-flex;
 66 | 	display: -ms-flexbox;
 67 | 	display: flex;
 68 | }
 69 | 
 70 | %flexbox { @include flexbox; }
 71 | 
 72 | //----------------------------------
 73 | 
 74 | @mixin inline-flex {
 75 | 	display: -webkit-inline-box;
 76 | 	display: -webkit-inline-flex;
 77 | 	display: -moz-inline-flex;
 78 | 	display: -ms-inline-flexbox;
 79 | 	display: inline-flex;
 80 | }
 81 | 
 82 | %inline-flex { @include inline-flex; }
 83 | 
 84 | //----------------------------------------------------------------------
 85 | 
 86 | // Flexbox Direction
 87 | //
 88 | // The 'flex-direction' property specifies how flex items are placed in
 89 | // the flex container, by setting the direction of the flex container's
 90 | // main axis. This determines the direction that flex items are laid out in.
 91 | //
 92 | // Values: row | row-reverse | column | column-reverse
 93 | // Default: row
 94 | //
 95 | // http://w3.org/tr/css3-flexbox/#flex-direction-property
 96 | 
 97 | @mixin flex-direction($value: row) {
 98 | 	@if $value == row-reverse {
 99 | 		-webkit-box-direction: reverse;
100 | 		-webkit-box-orient: horizontal;
101 | 	} @else if $value == column {
102 | 		-webkit-box-direction: normal;
103 | 		-webkit-box-orient: vertical;
104 | 	} @else if $value == column-reverse {
105 | 		-webkit-box-direction: reverse;
106 | 		-webkit-box-orient: vertical;
107 | 	} @else {
108 | 		-webkit-box-direction: normal;
109 | 		-webkit-box-orient: horizontal;
110 | 	}
111 | 	-webkit-flex-direction: $value;
112 | 	-moz-flex-direction: $value;
113 | 	-ms-flex-direction: $value;
114 | 	flex-direction: $value;
115 | }
116 | 	// Shorter version:
117 | 	@mixin flex-dir($args...) { @include flex-direction($args...); }
118 | 
119 | //----------------------------------------------------------------------
120 | 
121 | // Flexbox Wrap
122 | //
123 | // The 'flex-wrap' property controls whether the flex container is single-line
124 | // or multi-line, and the direction of the cross-axis, which determines
125 | // the direction new lines are stacked in.
126 | //
127 | // Values: nowrap | wrap | wrap-reverse
128 | // Default: nowrap
129 | //
130 | // http://w3.org/tr/css3-flexbox/#flex-wrap-property
131 | 
132 | @mixin flex-wrap($value: nowrap) {
133 | 	// No Webkit Box fallback.
134 | 	-webkit-flex-wrap: $value;
135 | 	-moz-flex-wrap: $value;
136 | 	@if $value == nowrap {
137 | 		-ms-flex-wrap: none;
138 | 	} @else {
139 | 		-ms-flex-wrap: $value;
140 | 	}
141 | 	flex-wrap: $value;
142 | }
143 | 
144 | //----------------------------------------------------------------------
145 | 
146 | // Flexbox Flow (shorthand)
147 | //
148 | // The 'flex-flow' property is a shorthand for setting the 'flex-direction'
149 | // and 'flex-wrap' properties, which together define the flex container's
150 | // main and cross axes.
151 | //
152 | // Values: <flex-direction> | <flex-wrap>
153 | // Default: row nowrap
154 | //
155 | // http://w3.org/tr/css3-flexbox/#flex-flow-property
156 | 
157 | @mixin flex-flow($values: (row nowrap)) {
158 | 	// No Webkit Box fallback.
159 | 	-webkit-flex-flow: $values;
160 | 	-moz-flex-flow: $values;
161 | 	-ms-flex-flow: $values;
162 | 	flex-flow: $values;
163 | }
164 | 
165 | //----------------------------------------------------------------------
166 | 
167 | // Flexbox Order
168 | //
169 | // The 'order' property controls the order in which flex items appear within
170 | // their flex container, by assigning them to ordinal groups.
171 | //
172 | // Default: 0
173 | //
174 | // http://w3.org/tr/css3-flexbox/#order-property
175 | 
176 | @mixin order($int: 0) {
177 | 	-webkit-box-ordinal-group: $int + 1;
178 | 	-webkit-order: $int;
179 | 	-moz-order: $int;
180 | 	-ms-flex-order: $int;
181 | 	order: $int;
182 | }
183 | 
184 | //----------------------------------------------------------------------
185 | 
186 | // Flexbox Grow
187 | //
188 | // The 'flex-grow' property sets the flex grow factor. Negative numbers
189 | // are invalid.
190 | //
191 | // Default: 0
192 | //
193 | // http://w3.org/tr/css3-flexbox/#flex-grow-property
194 | 
195 | @mixin flex-grow($int: 0) {
196 | 	-webkit-box-flex: $int;
197 | 	-webkit-flex-grow: $int;
198 | 	-moz-flex-grow: $int;
199 | 	-ms-flex-positive: $int;
200 | 	flex-grow: $int;
201 | }
202 | 
203 | //----------------------------------------------------------------------
204 | 
205 | // Flexbox Shrink
206 | //
207 | // The 'flex-shrink' property sets the flex shrink factor. Negative numbers
208 | // are invalid.
209 | //
210 | // Default: 1
211 | //
212 | // http://w3.org/tr/css3-flexbox/#flex-shrink-property
213 | 
214 | @mixin flex-shrink($int: 1) {
215 | 	-webkit-flex-shrink: $int;
216 | 	-moz-flex-shrink: $int;
217 | 	-ms-flex-negative: $int;
218 | 	flex-shrink: $int;
219 | }
220 | 
221 | //----------------------------------------------------------------------
222 | 
223 | // Flexbox Basis
224 | //
225 | // The 'flex-basis' property sets the flex basis. Negative lengths are invalid.
226 | //
227 | // Values: Like "width"
228 | // Default: auto
229 | //
230 | // http://www.w3.org/TR/css3-flexbox/#flex-basis-property
231 | 
232 | @mixin flex-basis($value: auto) {
233 | 	-webkit-flex-basis: $value;
234 | 	-moz-flex-basis: $value;
235 | 	-ms-flex-preferred-size: $value;
236 | 	flex-basis: $value;
237 | }
238 | 
239 | //----------------------------------------------------------------------
240 | 
241 | // Flexbox "Flex" (shorthand)
242 | //
243 | // The 'flex' property specifies the components of a flexible length: the
244 | // flex grow factor and flex shrink factor, and the flex basis. When an
245 | // element is a flex item, 'flex' is consulted instead of the main size
246 | // property to determine the main size of the element. If an element is
247 | // not a flex item, 'flex' has no effect.
248 | //
249 | // Values: none | <flex-grow> <flex-shrink> || <flex-basis>
250 | // Default: See individual properties (1 1 0).
251 | //
252 | // http://w3.org/tr/css3-flexbox/#flex-property
253 | 
254 | @mixin flex($fg: 1, $fs: null, $fb: null) {
255 | 
256 | 	// Set a variable to be used by box-flex properties
257 | 	$fg-boxflex: $fg;
258 | 
259 | 	// Box-Flex only supports a flex-grow value so let's grab the
260 | 	// first item in the list and just return that.
261 | 	@if type-of($fg) == 'list' {
262 | 		$fg-boxflex: nth($fg, 1);
263 | 	}
264 | 
265 | 	-webkit-box-flex: $fg-boxflex;
266 | 	-webkit-flex: $fg $fs $fb;
267 | 	-moz-box-flex: $fg-boxflex;
268 | 	-moz-flex: $fg $fs $fb;
269 | 	-ms-flex: $fg $fs $fb;
270 | 	flex: $fg $fs $fb;
271 | }
272 | 
273 | //----------------------------------------------------------------------
274 | 
275 | // Flexbox Justify Content
276 | //
277 | // The 'justify-content' property aligns flex items along the main axis
278 | // of the current line of the flex container. This is done after any flexible
279 | // lengths and any auto margins have been resolved. Typically it helps distribute
280 | // extra free space leftover when either all the flex items on a line are
281 | // inflexible, or are flexible but have reached their maximum size. It also
282 | // exerts some control over the alignment of items when they overflow the line.
283 | //
284 | // Note: 'space-*' values not supported in older syntaxes.
285 | //
286 | // Values: flex-start | flex-end | center | space-between | space-around
287 | // Default: flex-start
288 | //
289 | // http://w3.org/tr/css3-flexbox/#justify-content-property
290 | 
291 | @mixin justify-content($value: flex-start) {
292 | 	@if $value == flex-start {
293 | 		-webkit-box-pack: start;
294 | 		-ms-flex-pack: start;
295 | 	} @else if $value == flex-end {
296 | 		-webkit-box-pack: end;
297 | 		-ms-flex-pack: end;
298 | 	} @else if $value == space-between {
299 | 		-webkit-box-pack: justify;
300 | 		-ms-flex-pack: justify;
301 | 	} @else if $value == space-around {
302 | 		-ms-flex-pack: distribute;
303 | 	} @else {
304 | 		-webkit-box-pack: $value;
305 | 		-ms-flex-pack: $value;
306 | 	}
307 | 	-webkit-justify-content: $value;
308 | 	-moz-justify-content: $value;
309 | 	justify-content: $value;
310 | }
311 | 	// Shorter version:
312 | 	@mixin flex-just($args...) { @include justify-content($args...); }
313 | 
314 | //----------------------------------------------------------------------
315 | 
316 | // Flexbox Align Items
317 | //
318 | // Flex items can be aligned in the cross axis of the current line of the
319 | // flex container, similar to 'justify-content' but in the perpendicular
320 | // direction. 'align-items' sets the default alignment for all of the flex
321 | // container's items, including anonymous flex items. 'align-self' allows
322 | // this default alignment to be overridden for individual flex items. (For
323 | // anonymous flex items, 'align-self' always matches the value of 'align-items'
324 | // on their associated flex container.)
325 | //
326 | // Values: flex-start | flex-end | center | baseline | stretch
327 | // Default: stretch
328 | //
329 | // http://w3.org/tr/css3-flexbox/#align-items-property
330 | 
331 | @mixin align-items($value: stretch) {
332 | 	@if $value == flex-start {
333 | 		-webkit-box-align: start;
334 | 		-ms-flex-align: start;
335 | 	} @else if $value == flex-end {
336 | 		-webkit-box-align: end;
337 | 		-ms-flex-align: end;
338 | 	} @else {
339 | 		-webkit-box-align: $value;
340 | 		-ms-flex-align: $value;
341 | 	}
342 | 	-webkit-align-items: $value;
343 | 	-moz-align-items: $value;
344 | 	align-items: $value;
345 | }
346 | 
347 | //----------------------------------
348 | 
349 | // Flexbox Align Self
350 | //
351 | // Values: auto | flex-start | flex-end | center | baseline | stretch
352 | // Default: auto
353 | 
354 | @mixin align-self($value: auto) {
355 | 	// No Webkit Box Fallback.
356 | 	-webkit-align-self: $value;
357 | 	-moz-align-self: $value;
358 | 	@if $value == flex-start {
359 | 		-ms-flex-item-align: start;
360 | 	} @else if $value == flex-end {
361 | 		-ms-flex-item-align: end;
362 | 	} @else {
363 | 		-ms-flex-item-align: $value;
364 | 	}
365 | 	align-self: $value;
366 | }
367 | 
368 | //----------------------------------------------------------------------
369 | 
370 | // Flexbox Align Content
371 | //
372 | // The 'align-content' property aligns a flex container's lines within the
373 | // flex container when there is extra space in the cross-axis, similar to
374 | // how 'justify-content' aligns individual items within the main-axis. Note,
375 | // this property has no effect when the flexbox has only a single line.
376 | //
377 | // Values: flex-start | flex-end | center | space-between | space-around | stretch
378 | // Default: stretch
379 | //
380 | // http://w3.org/tr/css3-flexbox/#align-content-property
381 | 
382 | @mixin align-content($value: stretch) {
383 | 	// No Webkit Box Fallback.
384 | 	-webkit-align-content: $value;
385 | 	-moz-align-content: $value;
386 | 	@if $value == flex-start {
387 | 		-ms-flex-line-pack: start;
388 | 	} @else if $value == flex-end {
389 | 		-ms-flex-line-pack: end;
390 | 	} @else {
391 | 		-ms-flex-line-pack: $value;
392 | 	}
393 | 	align-content: $value;
394 | }
395 | 


--------------------------------------------------------------------------------
/images/dolores.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 547 304.51"><title>dolores</title><path d="M479.57,57.28c6,8.31-3.38,11.5-5.49,18.05-0.8,2.49-.22,6.39-0.79,8.63-1.83,7.26-9.26,10.24-11,15.7-5.51,17.52,16.66,49.73-7.84,50.22-1.68,3-4.23,5.19-6.28,7.85-10.29-2.17-8.65,7.56-18.84,5.49-3,2-4.91,5-7.84,7.07-1.36,5.57,1.88,10.19,0,14.91-1.74,4.36-6.31,2.64-13.35,4.71-2.4.7-5,3.48-7.06,3.92-2.79.6-7-1.31-9.42-.78-3.4.73-4.41,3.6-6.28,3.92-5,.86-9,0.16-11-1.57-8.84,7.13-25.71,2.52-21.19-13.34-4.92-5.17-13.62,3.88-20.4-1.57-3.68,4.68-9.48,1.47-14.12,3.14-3.61,1.29-4.19,5.35-7.07,7.85-7.07,6.15-16.56,9.58-24.33,14.12,8.63,17.69,26.46,26.26,52.58,27.47,11.36,0.53,32.39-.73,33,12.56-2.88,2.36-8.77,1.7-13.35,2.36,1.08,4.8,5.89,9.62,3.14,15.69-8.16,2.81-14.4-2.79-21.2-3.93-1.76,3,2.77,9.32,0,13.35-15.15,0-23.84-13-33.74-21.19-10.28-8.55-22.2-14.86-34.53-21.19a109.57,109.57,0,0,1-7.07-18.05c-13.37,3.43-31.33,6.26-47.87,3.92-2.23,7.81-13.28,15.13-14.91,24.33-1.9,10.69,4.34,17,8.63,25.11,12.34,4.93,32.76,1.78,34.53,17.27-3.81,3.52-13.15,1.51-17.27,4.71-0.05,4.94,3,10.32.79,14.92-10.41,2.49-12.57-8.54-22-6.28-4.48,1.07-4.22,8.29-9.42,7.84-6.08-.53-7.08-19.38-8.63-27.47-2.24-11.62-6.31-18.31-7.85-28.25-2.66-17.24,11.22-25.67,12.56-37.67-5.21-1.63-8.09-5.39-12.56-6.28-7.9-1.56-15.4,1.29-22,0-1.75-.34-3.84-2.11-5.49-2.35-13.43-1.92-22.9.06-32.17-4.71-4.18-2.16-6.37-6.49-12.55-10.2-13.79-8.28-32.43-7.35-43.17-22,5.1-3.64,15.47-2.3,22-.79C88.62,154.54,61.33,161.07,66,146c8.52-4.2,19.84.61,26.68,3.14C93.52,147,88,141,91.11,136.55c13.22,0,23.08,11.19,35.32,1.57,5.91-4.65,9.88-12.76,14.91-19.62,14.89-20.31,32.53-42.55,67.49-43.16,3.33-3,5-7.54,7.84-11-9.06-7.68-17.56-15.93-24.32-25.9,9.53-1.42,19,4,29,4.71-4.17-7.89-6.2-30.54,3.93-33,2.1-.5,6.38-0.47,7.84,2.35C242.83,1.92,262.19-1.79,281,.79c29.34,4,52.71,38.63,50.23,77.69,44.57,9.31,101.52,4.61,134.2-14.12C470.06,61.71,473.53,56.93,479.57,57.28Zm-2.35,5.49c0.18-1.34-.89-1.94-0.79,0-31.77,25-94.94,26.33-148.32,20.41,1.76,7.66,4.46,14.37,5.49,22.75,50.25,5.66,97-7.62,127.14-25.9C467.57,75.91,473.78,69.81,477.22,62.78ZM457.6,97.31c5.74-5.25,12.06-9.93,12.56-20.4-32.56,19.82-77.61,37.93-135.77,32.18,1.87,7.54-.38,19.21,1.56,26.68,4.84,6.91,14.32-.8,16.48-0.79,0.54,0,3.14,2.81,4.72,3.14,4.74,1,7.92.63,11-2.36,4,4.19,16.58,3.1,18-2.36,2.94,6.94,14.3,3.4,15.69-2.35,3,7,16.09,3.86,14.92-4.71,4.54,6,15.86,2.35,14.12-7.07,6.45,6,15.41-.45,14.91-8.63C453.88,116.28,461.93,106.47,457.6,97.31ZM452.11,146c13,1.76,9.86-11.46,7.85-19.62-1.71,3-4.81,4.61-9.42,4.71C451.54,135.54,450.7,141.88,452.11,146Zm-2.35-17.27c11.65,2,11.07-10.45,7.84-17.27-1.11,2.81-4.35,3.5-8.63,3.14C449.38,119.14,448.09,125.4,449.76,128.7ZM439.56,153c11.22,5.77,12.35-12.22,8.63-18.84-0.4,4-4.78,4.12-9.42,3.93C439.92,142.2,439.49,147.86,439.56,153Zm-2.36-17.27c11.15,5.57,13.67-11.63,9.42-18.84-1.26,4.23-3.62,7.37-9.42,7.07Q437.2,129.88,437.2,135.77ZM427,159.31c13.89,2.79,11.26-12.25,9.42-21.19-1.5,4-5,6-11,5.49C426,148.84,425.8,154.75,427,159.31Zm8.63-22c0.59-5.29-1.26-8.16-.79-13.34-4.55,1.73-3.93,8.63-11,7.85,0.29,3.1-.72,7.51.79,9.42C430.56,142.21,433,139.7,435.63,137.34ZM412.09,164c12.2,7.7,15-8.8,11-18.05-0.42,5.85-9.61,3.52-11.77,5.49C413.11,154.09,411.58,160.08,412.09,164Zm-1.57-16.48c11.17,4.81,13.51-6.46,11-15.69-5.62-2.46-4.71,6.93-11.77,5.49C409.78,141,409.38,145,410.52,147.54Zm-3.92,37.67c11.46,4.39,13.24-7.36,11-17.27C408.28,163.09,403.14,175.22,406.6,185.21Zm-10.21-18.05c11.6,9,17.57-7.16,12.56-18-1.28,4.86-7.64,6.6-13.34,4.71C396.63,157.5,396.41,162.42,396.39,167.15Zm-1.57-16.48c8.78,5.73,16.73-3.51,12.55-13.34C399.58,133.73,392.18,139.18,394.82,150.67Zm-3.93,37.67c10.29,8,16.24-5,12.56-16.48C393.72,167.93,389.54,176.73,390.89,188.34Zm3.93-17.26c-0.52-5.5,1-13.07-.79-17.27-1.28,4.87-7.64,6.6-13.35,4.71,0.21,4.51-.59,10,0.79,13.34C384.25,175.52,392.72,174.65,394.82,171.08ZM379.13,154.6c10,7.81,17.55-4,13.34-15.7-6.42-2.32-8.4,0-14.12,1.57C378.57,145.22,377.71,151,379.13,154.6Zm-3.93,36.88c10.48,6,17.4-3.58,13.35-14.91-4.54.35-6.14-2.24-9.42-3.14-0.12,3.29-3.52,3.28-5.49,4.71C373.52,183.22,373.45,188.27,375.2,191.49ZM365,160.1c-5.14,26.45,23.67,14.23,11.77-3.93C375.85,160.76,369.75,161.59,365,160.1Zm-3.14-18.84c-3.54,24.74,21.71,19.88,14.12-.79C369.23,139.23,367.15,137.54,361.86,141.26Zm-3.93,51c9.3,7,17.76-2.45,13.35-14.13-7.08-3.89-7.73-1.43-14.12,1.57C357.09,184.23,357,188.78,357.93,192.27Zm-4.71,54.93c3.36-3.44,11.88-1.73,15.69-4.71-9.61-4.46-20.43-5-30.6-5.49-25.77-1.33-46.41-10-54.94-29.83,0-.48-0.11-0.93-0.79-0.79-3.52,2.49-9.59,2.44-12.56,5.49,2.21,5.11,4.33,10.32,6.28,15.69,25.28,9.78,39.61,30.5,62.78,42.38a39,39,0,0,1-1.57-13.35c8.59-3.39,15.3,4.75,22,3.14C358.25,254.74,354.71,252,353.22,247.21ZM349.3,175c11,9.54,18.72-8.32,11.77-17.27-0.91,4.81-7.63,5.42-12.56,3.92C348.72,166.17,347.93,171.67,349.3,175Zm11.77-19.62c1.88-5.42-2.3-8.11-.79-14.91-6.68-1.18-9-3.07-14.91,0,3.05,6.14-1.52,10.32.79,15.7C349.13,163.12,359.18,160.84,361.08,155.38Zm-29,6.28c-4.41,27,24.93,15.17,12.56-2.35C342.94,163.19,335.88,164.39,332,161.66Zm-1.57-3.92c10.51,9.67,17.35-4.53,13.35-17.27-4.69.51-6.3-2.07-9.42-3.14A57,57,0,0,1,330.46,157.74Zm-11,22c12.48,2.4,11.73-9.62,9.42-18.05C326.91,168.83,322.37,173.45,319.48,179.71Zm6.28-97.31c8.92-50.12-34.95-95.55-83.19-71.42,13.34,4.48,34-4.4,41.6,8.63,9,15.49-1.79,38.2-20.4,37.67C267.82,82.45,297.22,86.42,325.76,82.4ZM310.85,186c19-20.23,30.84-68.32,14.12-102-28.35,5.41-62.29.75-63.56-28.25,18.33,0.54,31-23.05,19.62-36.1-7.8-8.91-19.67-3.33-31.39-3.92-4.52-.23-7.22-2.75-11-2.36-3.37,10.48-.33,28-13.34,29.82,6.89,6.33,18.6,14.06,15.7,28.25-1,4.87-4.81,6.75-7.85,11,12.42,10.87,26.9,19.66,50.23,19.62,3,21.22-17.6,37.1-37.67,40-8.34,18.09-11,34.16-28.25,39.24-3.68,1.08-7.3.05-11.77,1.56-4,1.36-7.36,6.27-11.77,7.85-11.29,4.05-24.39,3.3-33.75,10.2,18.4-3.46,32.49,4.56,42.38,7.85C237.46,220.36,291.59,206.52,310.85,186ZM281,103.59c-15.75,1-24.08-2.41-33.74-7.85-5.12-2.88-13.81-12.47-18.05-12.55-1.5,0-6.42,3.44-9.42,4.71-6.42,2.72-11.18,5.23-18.05,3.92,0.41-5.34,3-8.52,4.71-12.56-20.46,1.79-34.4,10.07-44.73,22-1.34,1-3.08,1.63-3.14,3.93-1.93,1.21-3.13,3.15-4.71,4.71-1.35,1-3.09,1.62-3.14,3.92-4.3,5.9-8.86,11.55-12.56,18.05-4,4.85-9.18,10.55-16.48,14.12h-3.92v0.79h-3.92c-8.4-1-14.63-4.21-20.4-7.85,1.31,6.55,5.14,10.56,10.2,13.34,0.71,1.38,2.75,1.43,3.92,2.36,2,2,5.62,2.22,7.85,3.92a29.21,29.21,0,0,0,5.49,3.14v0.79c-0.24,3.9,1,6.34,3.14,7.85,4.43,6.55,13.82,8.16,24.33,8.63h5.49v1.57h-0.79c0.41,11.35,12,11.49,23.54,11.77,2.4,0.56,2.86-.8,4.71-0.79a64.49,64.49,0,0,0,17.26-6.28c1.37-1.76,4.47-1.81,4.71-4.71,5.08,0.11,10.12.18,13.34-1.57,4.52-1.49,8.53-3.5,11-7.07A48.28,48.28,0,0,0,236.3,157c1.16-.66,1.13-2.52,1.56-3.92a50.74,50.74,0,0,0,3.93-10.2c1.06-.77,1.56-2.1,2.35-3.14C264.85,137.12,281,122.63,281,103.59ZM225.31,285.66c3.38-4.2,12.13-3,17.26-5.49-7.84-9.23-23.12-4.07-33-10.2-6.63-4.14-11.22-19.52-10.2-28.25,1.38-11.89,11.9-17.85,14.13-27.47a123.3,123.3,0,0,1-14.92-3.93c1.32,14.85-15,21.11-12.55,36.1,1.33,8.13,5.1,16.95,7.06,26.68,1.91,9.53,3.79,19.28,6.28,28.25,2.24-15.26,21.17-7.31,28.25-1.57C226.45,295.5,224.6,291.86,225.31,285.66ZM229.23,33c3.87-.46,4.6-10.57.79-11.77C228.26,23.74,227.83,29.59,229.23,33Zm2.35,38.45c-4.87-1.4-8-4.57-12.55-6.28C214.45,72.06,206.69,80,205.69,87.9,214.06,82.14,225.5,79.46,231.58,71.42Z"/><path d="M476.44,62.78c-0.1-1.94,1-1.34.79,0-3.45,7-9.66,13.13-16.48,17.27-30.15,18.27-76.89,31.56-127.14,25.9-1-8.38-3.74-15.09-5.49-22.75C381.5,89.11,444.67,87.74,476.44,62.78Z" style="fill:#ca9e2e"/><path d="M470.16,76.91c-0.5,10.48-6.82,15.15-12.56,20.4,4.33,9.16-3.72,19-11.77,13.34,0.5,8.18-8.46,14.63-14.91,8.63,1.74,9.42-9.58,13.09-14.12,7.07,1.17,8.57-11.91,11.66-14.92,4.71-1.4,5.75-12.76,9.29-15.69,2.35-1.46,5.46-14,6.55-18,2.36-3.07,3-6.25,3.37-11,2.36-1.57-.34-4.17-3.14-4.72-3.14-2.16,0-11.64,7.7-16.48.79-1.95-7.47.31-19.14-1.56-26.68C392.55,114.84,437.6,96.72,470.16,76.91Z" style="fill:#fff"/><path d="M460,126.35c2,8.16,5.16,21.38-7.85,19.62-1.41-4.08-.56-10.42-1.56-14.91C455.14,131,458.25,129.35,460,126.35Z" style="fill:#ca9e2e"/><path d="M457.6,111.43c3.23,6.81,3.81,19.3-7.84,17.27-1.67-3.3-.38-9.56-0.79-14.12C453.25,114.94,456.49,114.24,457.6,111.43Z" style="fill:#ca9e2e"/><path d="M448.19,134.19c3.72,6.62,2.6,24.61-8.63,18.84-0.06-5.17.37-10.83-.79-14.91C443.41,138.31,447.78,138.24,448.19,134.19Z" style="fill:#ca9e2e"/><path d="M446.61,116.93c4.25,7.21,1.73,24.41-9.42,18.84V124C443,124.3,445.36,121.16,446.61,116.93Z" style="fill:#ca9e2e"/><path d="M436.41,138.12c1.85,8.94,4.47,24-9.42,21.19-1.2-4.56-1-10.47-1.57-15.7C431.41,144.1,434.92,142.12,436.41,138.12Z" style="fill:#ca9e2e"/><path d="M434.84,124c-0.47,5.19,1.37,8,.79,13.34-2.6,2.37-5.07,4.88-11,3.92-1.5-1.9-.49-6.31-0.79-9.41C430.91,132.62,430.29,125.72,434.84,124Z" style="fill:#ca9e2e"/><path d="M423.08,146c4.06,9.26,1.21,25.75-11,18.05-0.51-3.94,1-9.93-.79-12.56C413.46,149.49,422.66,151.82,423.08,146Z" style="fill:#ca9e2e"/><path d="M421.5,131.84c2.52,9.24.18,20.5-11,15.69-1.14-2.53-.74-6.58-0.79-10.2C416.8,138.77,415.88,129.39,421.5,131.84Z" style="fill:#ca9e2e"/><path d="M417.58,167.94c2.25,9.91.47,21.66-11,17.27C403.14,175.22,408.28,163.09,417.58,167.94Z" style="fill:#ca9e2e"/><path d="M408.95,149.11c5,10.88-1,27-12.56,18,0-4.73.24-9.66-.78-13.34C401.31,155.71,407.66,154,408.95,149.11Z" style="fill:#a36a2c"/><path d="M407.37,137.34c4.18,9.83-3.77,19.07-12.55,13.34C392.18,139.18,399.58,133.73,407.37,137.34Z" style="fill:#a36a2c"/><path d="M403.45,171.86c3.68,11.46-2.27,24.43-12.56,16.48C389.54,176.73,393.72,167.93,403.45,171.86Z" style="fill:#ca9e2e"/><path d="M394,153.82c1.82,4.2.27,11.77,0.79,17.27-2.1,3.56-10.57,4.44-13.34.78-1.37-3.33-.58-8.83-0.79-13.34C386.4,160.42,392.75,158.69,394,153.82Z" style="fill:#ca9e2e"/><path d="M392.46,138.9c4.21,11.69-3.36,23.52-13.34,15.7-1.42-3.56-.56-9.39-0.79-14.13C384.06,138.86,386,136.58,392.46,138.9Z" style="fill:#ca9e2e"/><path d="M388.54,176.58c4.06,11.33-2.86,20.9-13.35,14.91-1.75-3.22-1.68-8.26-1.56-13.35,2-1.43,5.37-1.42,5.49-4.71C382.4,174.34,384,176.93,388.54,176.58Z" style="fill:#a36a2c"/><path d="M376.77,156.17c11.89,18.16-16.92,30.38-11.77,3.93C369.75,161.59,375.85,160.76,376.77,156.17Z" style="fill:#a36a2c"/><path d="M376,140.47c7.58,20.66-17.66,25.52-14.12.79C367.15,137.54,369.23,139.23,376,140.47Z" style="fill:#a36a2c"/><path d="M371.28,178.14c4.42,11.68-4,21.18-13.35,14.13-1-3.49-.85-8-0.78-12.56C363.55,176.71,364.2,174.25,371.28,178.14Z" style="fill:#ca9e2e"/><path d="M368.92,242.5c-3.81,3-12.33,1.27-15.69,4.71,1.49,4.79,5,7.53,6.28,12.55-6.68,1.61-13.38-6.52-22-3.14A39,39,0,0,0,339.1,270c-23.18-11.88-37.51-32.6-62.79-42.38-1.95-5.37-4.07-10.58-6.28-15.69,3-3.05,9-3,12.56-5.49,0.67-.15.74,0.3,0.79,0.79,8.52,19.86,29.16,28.5,54.94,29.83C348.49,237.52,359.31,238,368.92,242.5Z" style="fill:#ca9e2e"/><path d="M361.08,157.74c6.94,9-.75,26.8-11.77,17.27-1.37-3.33-.59-8.83-0.79-13.34C353.45,163.16,360.17,162.55,361.08,157.74Z" style="fill:#ca9e2e"/><path d="M360.29,140.47c-1.52,6.8,2.67,9.49.79,14.91s-11.94,7.74-14.91.79c-2.3-5.37,2.27-9.55-.79-15.7C351.31,137.4,353.61,139.3,360.29,140.47Z" style="fill:#a36a2c"/><path d="M344.6,159.31c12.38,17.52-17,29.33-12.56,2.35C335.88,164.39,342.94,163.19,344.6,159.31Z" style="fill:#ca9e2e"/><path d="M343.81,140.47c4,12.73-2.84,26.93-13.35,17.27a57,57,0,0,0,3.93-20.4C337.51,138.41,339.12,141,343.81,140.47Z" style="fill:#ca9e2e"/><path d="M328.9,161.66c2.3,8.43,3.06,20.45-9.42,18.05C322.37,173.45,326.91,168.83,328.9,161.66Z" style="fill:#ca9e2e"/><path d="M242.57,11c48.24-24.13,92.11,21.3,83.19,71.42-28.54,4-57.94,0-62-25.12,18.61,0.53,29.43-22.18,20.4-37.67C276.57,6.58,255.91,15.47,242.57,11Z" style="fill:#ca9e2e"/><path d="M325,84c16.72,33.71,4.85,81.8-14.12,102-19.26,20.53-73.39,34.37-108.3,22.76-9.9-3.3-24-11.31-42.38-7.85,9.35-6.9,22.46-6.15,33.75-10.2,4.41-1.58,7.75-6.48,11.77-7.85,4.47-1.51,8.09-.48,11.77-1.56,17.21-5.08,19.91-21.15,28.25-39.24,20.07-2.92,40.66-18.81,37.67-40-23.32,0-37.81-8.75-50.23-19.62,3-4.24,6.85-6.12,7.85-11,2.91-14.19-8.81-21.92-15.69-28.25,13-1.81,10-19.34,13.34-29.82,3.77-.4,6.46,2.13,11,2.36,11.72,0.59,23.59-5,31.39,3.92,11.42,13.05-1.28,36.65-19.62,36.1C262.68,84.71,296.63,89.38,325,84ZM259,47.08C277,49.14,272.86,9,257.49,16.48,250,20.12,247.84,45.8,259,47.08Z" style="fill:#fff"/><path d="M247.28,95.74c9.66,5.44,18,8.84,33.74,7.85,0,19-16.18,33.53-36.88,36.1-8.71-.75-11.7-2.75-13.34-7.84-1.09-3.39,1.45-12.75.78-13.35-1.73-1.55-7.34,7.7-11.77,8.64-13.16,2.77-19-7.6-16.48-21.2-9.14,14-35.23,7.84-27.47-14.12-5.32,2.53-6.69,9-14.13,9.41,10.33-11.9,24.28-20.19,44.73-22-1.72,4-4.3,7.22-4.71,12.56,6.87,1.31,11.63-1.21,18.05-3.92,3-1.27,7.91-4.75,9.42-4.71C233.47,83.27,242.16,92.86,247.28,95.74Z" style="fill:#ca9e2e"/><path d="M263.76,26.68c4.24,0.91,2.46,10.41,0,11.77C259.85,37.87,260.71,27.45,263.76,26.68Z" style="fill:#fff"/><path d="M257.49,16.48C272.86,9,277,49.14,259,47.08,247.84,45.8,250,20.12,257.49,16.48Zm6.28,22c2.46-1.36,4.24-10.87,0-11.77C260.71,27.45,259.85,37.87,263.76,38.45Z"/><path d="M244.14,139.69c-0.79,1-1.29,2.37-2.35,3.14-5.43-.69-4.94,6.86-3.93,10.2-0.43,1.4-.4,3.26-1.56,3.92-3-1.2-.93-7.44-3.14-9.42-2.4,4.65-9.8,6.74-16.48,4.71-2.76,10,1.86,18.92,11,19.62-2.46,3.56-6.46,5.57-11,7.07,0-3.39,3.91-2.89,3.92-6.28-5.53-2.31-7-8.71-8.63-14.91-4.23,4.64-9.09,5.74-15.69,4.71-3.74,7,.21,16.75,7.07,18.05-0.24,2.9-3.34,2.95-4.71,4.71-0.52-5.07-7.41-10.3-7.84-18.05-3.29,3.3-10,6.34-16.48,3.93-2,8.71.47,17.84,7.07,20.4-1.85,0-2.31,1.35-4.71.79v-0.79c-4.42-2.65-5.17-9-7.06-14.13-2.75,2.62-11.41,7.26-15.69,3.14v-1.57H148.4C145,175.48,142,168.48,142.12,164c-5,2.82-10.47,5.85-18.05,3.92v2.36c-2.16-1.51-3.37-4-3.14-7.85,6.84,5.3,21.41,2.11,22.75-5.49-5.17-2.68-8-7.74-7.84-15.69-4.34,1.94-7,5.52-14.13,4.71,7.3-3.57,12.5-9.27,16.48-14.12,7.87,4.47,17.53-.74,19.62-7.07-3.51-2.51-6.87-5.17-7.07-11,0.05-2.3,1.79-2.91,3.14-3.92-3.85,13.9,22.07,20,25.11,5.49-3.12-3.53-7.75-9.37-6.28-14.92-4.8,1.49-7.19,5.37-14.12,4.71,0.05-2.3,1.79-2.91,3.14-3.93,7.44-.4,8.81-6.88,14.13-9.41-7.77,22,18.33,28.11,27.47,14.12-2.5,13.6,3.32,24,16.48,21.2,4.43-.94,10-10.19,11.77-8.64,0.67,0.6-1.87,10-.78,13.35C232.44,136.94,235.44,138.94,244.14,139.69ZM234.73,142c-3.86-4-5.93-9.77-7.85-15.69-4.31,3.07-9.43,5.68-16.48,3.92C202.39,147.2,228.26,156.77,234.73,142Zm-20.4,8.63c-5.86-2.25-7.63-8.59-8.64-15.69-2.17,5.12-12.45,4.65-17.27,4.71C182,158.43,208.5,166.07,214.32,150.67Zm-7.06-22.76c-6.23-1.62-5-10.71-8.64-14.91-3.43,3.66-9.84,5.73-16.48,3.92C174.66,136.57,202.73,144.41,207.26,127.91Zm-14.91,33c-4.86-3.25-6-10.27-8.64-15.69-3.79,3.81-10.57,5.61-15.69,3.93C160.41,168.06,186.6,174.7,192.35,160.88Zm-6.28-22.75c-5.63-2.49-6.94-9.29-8.64-15.7-2.4,4.67-9,5.15-16.48,4.71C155.34,146.65,179.74,152.51,186.07,138.12Zm-14.13,31.39c-6.34-1.77-6.43-9.78-9.42-14.91-3.47,4.36-8.77,5.87-15.69,3.92C139.47,179,166.5,184.72,171.94,169.51Zm-7.84-22a25.36,25.36,0,0,1-7.85-15.69c-3.3,4.29-10.09,5.63-16.48,4.71C132.52,155.16,159.12,162.71,164.1,147.54Z" style="fill:#fff"/><path d="M237.86,153c-1-3.34-1.5-10.9,3.93-10.2A50.74,50.74,0,0,1,237.86,153Z" style="fill:#ca9e2e"/><path d="M233.15,147.54c2.21,2,.16,8.22,3.14,9.42a48.28,48.28,0,0,1-8.64,14.91c-9.12-.7-13.75-9.58-11-19.62C223.35,154.28,230.75,152.18,233.15,147.54Z" style="fill:#ca9e2e"/><path d="M242.57,280.17c-5.13,2.46-13.88,1.29-17.26,5.49-0.71,6.2,1.14,9.84,2.35,14.12-7.08-5.74-26-13.69-28.25,1.57-2.49-9-4.36-18.72-6.28-28.25-2-9.73-5.73-18.55-7.06-26.68-2.46-15,13.87-21.26,12.55-36.1a123.3,123.3,0,0,0,14.92,3.93c-2.24,9.62-12.75,15.58-14.13,27.47-1,8.73,3.57,24.11,10.2,28.25C219.45,276.1,234.73,270.94,242.57,280.17Z" style="fill:#ca9e2e"/><path d="M226.87,126.35c1.92,5.93,4,11.7,7.85,15.69-6.46,14.73-32.33,5.16-24.33-11.77C217.44,132,222.56,129.43,226.87,126.35Z" style="fill:#ca9e2e"/><path d="M230,21.19c3.82,1.2,3.08,11.31-.79,11.77C227.83,29.59,228.26,23.74,230,21.19Z" style="fill:#fff"/><path d="M219,65.14c4.57,1.71,7.68,4.88,12.55,6.28-6.08,8-17.52,10.73-25.9,16.48C206.69,80,214.45,72.06,219,65.14Z" style="fill:#a36a2c"/><path d="M220.59,172.65c0,3.39-3.91,2.89-3.92,6.28-3.22,1.76-8.26,1.69-13.34,1.57-6.85-1.3-10.8-11-7.07-18.05,6.61,1,11.47-.07,15.69-4.71C213.61,163.94,215.06,170.34,220.59,172.65Z" style="fill:#ca9e2e"/><path d="M205.69,135c1,7.1,2.78,13.44,8.64,15.69-5.82,15.4-32.35,7.75-25.9-11C193.23,139.63,203.52,140.1,205.69,135Z" style="fill:#ca9e2e"/><path d="M198.62,113c3.65,4.2,2.4,13.29,8.64,14.91-4.53,16.5-32.6,8.65-25.12-11C188.79,118.74,195.19,116.67,198.62,113Z" style="fill:#ca9e2e"/><path d="M190.78,167.15c0.43,7.75,7.32,13,7.84,18.05a64.48,64.48,0,0,1-17.26,6.28c-6.59-2.56-9-11.7-7.07-20.4C180.79,173.49,187.49,170.45,190.78,167.15Z" style="fill:#ca9e2e"/><path d="M183.71,145.18c2.69,5.42,3.78,12.44,8.64,15.69-5.75,13.83-31.94,7.19-24.33-11.77C173.14,150.79,179.92,149,183.71,145.18Z" style="fill:#ca9e2e"/><path d="M177.43,122.42c1.69,6.42,3,13.21,8.64,15.7-6.32,14.38-30.72,8.53-25.12-11C168.45,127.57,175,127.09,177.43,122.42Z" style="fill:#ca9e2e"/><path d="M176.65,191.49v0.79c-11.49-.28-23.13-0.42-23.54-11.77h0.79c4.29,4.12,12.95-.53,15.69-3.14C171.47,182.53,172.23,188.84,176.65,191.49Z" style="fill:#ca9e2e"/><path d="M172.73,100.45c-1.47,5.55,3.16,11.38,6.28,14.92-3,14.48-29,8.41-25.11-5.49,1.58-1.56,2.78-3.5,4.71-4.71C165.54,105.82,167.93,101.93,172.73,100.45Z" style="fill:#ca9e2e"/><path d="M162.52,154.6c3,5.13,3.07,13.14,9.42,14.91-5.44,15.21-32.47,9.45-25.11-11C153.76,160.47,159.05,159,162.52,154.6Z" style="fill:#ca9e2e"/><path d="M156.24,131.84a25.36,25.36,0,0,0,7.85,15.69c-5,15.17-31.58,7.62-24.33-11C146.16,137.47,152.94,136.13,156.24,131.84Z" style="fill:#ca9e2e"/><path d="M150.75,113.79c0.2,5.81,3.56,8.48,7.07,11-2.09,6.32-11.75,11.54-19.62,7.07C141.89,125.34,146.45,119.69,150.75,113.79Z" style="fill:#ca9e2e"/><path d="M142.12,164c-0.15,4.46,2.91,11.46,6.28,14.91-10.51-.47-19.91-2.08-24.33-8.63v-2.36C131.65,169.87,137.13,166.83,142.12,164Z" style="fill:#ca9e2e"/><path d="M135.84,141.26c-0.11,8,2.68,13,7.84,15.69-1.34,7.6-15.91,10.79-22.75,5.49v-0.79c-2.65-3.37-3.58-8.46-3.14-14.91V146h3.92C128.81,146.78,131.5,143.2,135.84,141.26Z" style="fill:#ca9e2e"/><path d="M113.87,146.75h3.92c-0.44,6.45.5,11.54,3.14,14.91a29.21,29.21,0,0,1-5.49-3.14c-1.44-1.7.15-6.42-1.57-7.85-1.13,2.27-3.56,3.23-6.28,3.93-1.17-.92-3.21-1-3.92-2.36C108.7,152,111.43,149.55,113.87,146.75Z" style="fill:#fff"/><path d="M113.87,150.67c1.72,1.43.13,6.15,1.57,7.85-2.23-1.7-5.9-2-7.85-3.92C110.31,153.91,112.74,152.95,113.87,150.67Z" style="fill:#ca9e2e"/><path d="M113.87,146.75c-2.43,2.8-5.17,5.3-10.2,5.49-5.07-2.79-8.9-6.8-10.2-13.34C99.24,142.54,105.47,145.74,113.87,146.75Z" style="fill:#ca9e2e"/></svg>


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/less/variables.less:
--------------------------------------------------------------------------------
  1 | // Variables
  2 | // --------------------------
  3 | 
  4 | @fa-font-path:        "../fonts";
  5 | @fa-font-size-base:   14px;
  6 | @fa-line-height-base: 1;
  7 | //@fa-font-path:        "//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts"; // for referencing Bootstrap CDN font files directly
  8 | @fa-css-prefix:       fa;
  9 | @fa-version:          "4.7.0";
 10 | @fa-border-color:     #eee;
 11 | @fa-inverse:          #fff;
 12 | @fa-li-width:         (30em / 14);
 13 | 
 14 | @fa-var-500px: "\f26e";
 15 | @fa-var-address-book: "\f2b9";
 16 | @fa-var-address-book-o: "\f2ba";
 17 | @fa-var-address-card: "\f2bb";
 18 | @fa-var-address-card-o: "\f2bc";
 19 | @fa-var-adjust: "\f042";
 20 | @fa-var-adn: "\f170";
 21 | @fa-var-align-center: "\f037";
 22 | @fa-var-align-justify: "\f039";
 23 | @fa-var-align-left: "\f036";
 24 | @fa-var-align-right: "\f038";
 25 | @fa-var-amazon: "\f270";
 26 | @fa-var-ambulance: "\f0f9";
 27 | @fa-var-american-sign-language-interpreting: "\f2a3";
 28 | @fa-var-anchor: "\f13d";
 29 | @fa-var-android: "\f17b";
 30 | @fa-var-angellist: "\f209";
 31 | @fa-var-angle-double-down: "\f103";
 32 | @fa-var-angle-double-left: "\f100";
 33 | @fa-var-angle-double-right: "\f101";
 34 | @fa-var-angle-double-up: "\f102";
 35 | @fa-var-angle-down: "\f107";
 36 | @fa-var-angle-left: "\f104";
 37 | @fa-var-angle-right: "\f105";
 38 | @fa-var-angle-up: "\f106";
 39 | @fa-var-apple: "\f179";
 40 | @fa-var-archive: "\f187";
 41 | @fa-var-area-chart: "\f1fe";
 42 | @fa-var-arrow-circle-down: "\f0ab";
 43 | @fa-var-arrow-circle-left: "\f0a8";
 44 | @fa-var-arrow-circle-o-down: "\f01a";
 45 | @fa-var-arrow-circle-o-left: "\f190";
 46 | @fa-var-arrow-circle-o-right: "\f18e";
 47 | @fa-var-arrow-circle-o-up: "\f01b";
 48 | @fa-var-arrow-circle-right: "\f0a9";
 49 | @fa-var-arrow-circle-up: "\f0aa";
 50 | @fa-var-arrow-down: "\f063";
 51 | @fa-var-arrow-left: "\f060";
 52 | @fa-var-arrow-right: "\f061";
 53 | @fa-var-arrow-up: "\f062";
 54 | @fa-var-arrows: "\f047";
 55 | @fa-var-arrows-alt: "\f0b2";
 56 | @fa-var-arrows-h: "\f07e";
 57 | @fa-var-arrows-v: "\f07d";
 58 | @fa-var-asl-interpreting: "\f2a3";
 59 | @fa-var-assistive-listening-systems: "\f2a2";
 60 | @fa-var-asterisk: "\f069";
 61 | @fa-var-at: "\f1fa";
 62 | @fa-var-audio-description: "\f29e";
 63 | @fa-var-automobile: "\f1b9";
 64 | @fa-var-backward: "\f04a";
 65 | @fa-var-balance-scale: "\f24e";
 66 | @fa-var-ban: "\f05e";
 67 | @fa-var-bandcamp: "\f2d5";
 68 | @fa-var-bank: "\f19c";
 69 | @fa-var-bar-chart: "\f080";
 70 | @fa-var-bar-chart-o: "\f080";
 71 | @fa-var-barcode: "\f02a";
 72 | @fa-var-bars: "\f0c9";
 73 | @fa-var-bath: "\f2cd";
 74 | @fa-var-bathtub: "\f2cd";
 75 | @fa-var-battery: "\f240";
 76 | @fa-var-battery-0: "\f244";
 77 | @fa-var-battery-1: "\f243";
 78 | @fa-var-battery-2: "\f242";
 79 | @fa-var-battery-3: "\f241";
 80 | @fa-var-battery-4: "\f240";
 81 | @fa-var-battery-empty: "\f244";
 82 | @fa-var-battery-full: "\f240";
 83 | @fa-var-battery-half: "\f242";
 84 | @fa-var-battery-quarter: "\f243";
 85 | @fa-var-battery-three-quarters: "\f241";
 86 | @fa-var-bed: "\f236";
 87 | @fa-var-beer: "\f0fc";
 88 | @fa-var-behance: "\f1b4";
 89 | @fa-var-behance-square: "\f1b5";
 90 | @fa-var-bell: "\f0f3";
 91 | @fa-var-bell-o: "\f0a2";
 92 | @fa-var-bell-slash: "\f1f6";
 93 | @fa-var-bell-slash-o: "\f1f7";
 94 | @fa-var-bicycle: "\f206";
 95 | @fa-var-binoculars: "\f1e5";
 96 | @fa-var-birthday-cake: "\f1fd";
 97 | @fa-var-bitbucket: "\f171";
 98 | @fa-var-bitbucket-square: "\f172";
 99 | @fa-var-bitcoin: "\f15a";
100 | @fa-var-black-tie: "\f27e";
101 | @fa-var-blind: "\f29d";
102 | @fa-var-bluetooth: "\f293";
103 | @fa-var-bluetooth-b: "\f294";
104 | @fa-var-bold: "\f032";
105 | @fa-var-bolt: "\f0e7";
106 | @fa-var-bomb: "\f1e2";
107 | @fa-var-book: "\f02d";
108 | @fa-var-bookmark: "\f02e";
109 | @fa-var-bookmark-o: "\f097";
110 | @fa-var-braille: "\f2a1";
111 | @fa-var-briefcase: "\f0b1";
112 | @fa-var-btc: "\f15a";
113 | @fa-var-bug: "\f188";
114 | @fa-var-building: "\f1ad";
115 | @fa-var-building-o: "\f0f7";
116 | @fa-var-bullhorn: "\f0a1";
117 | @fa-var-bullseye: "\f140";
118 | @fa-var-bus: "\f207";
119 | @fa-var-buysellads: "\f20d";
120 | @fa-var-cab: "\f1ba";
121 | @fa-var-calculator: "\f1ec";
122 | @fa-var-calendar: "\f073";
123 | @fa-var-calendar-check-o: "\f274";
124 | @fa-var-calendar-minus-o: "\f272";
125 | @fa-var-calendar-o: "\f133";
126 | @fa-var-calendar-plus-o: "\f271";
127 | @fa-var-calendar-times-o: "\f273";
128 | @fa-var-camera: "\f030";
129 | @fa-var-camera-retro: "\f083";
130 | @fa-var-car: "\f1b9";
131 | @fa-var-caret-down: "\f0d7";
132 | @fa-var-caret-left: "\f0d9";
133 | @fa-var-caret-right: "\f0da";
134 | @fa-var-caret-square-o-down: "\f150";
135 | @fa-var-caret-square-o-left: "\f191";
136 | @fa-var-caret-square-o-right: "\f152";
137 | @fa-var-caret-square-o-up: "\f151";
138 | @fa-var-caret-up: "\f0d8";
139 | @fa-var-cart-arrow-down: "\f218";
140 | @fa-var-cart-plus: "\f217";
141 | @fa-var-cc: "\f20a";
142 | @fa-var-cc-amex: "\f1f3";
143 | @fa-var-cc-diners-club: "\f24c";
144 | @fa-var-cc-discover: "\f1f2";
145 | @fa-var-cc-jcb: "\f24b";
146 | @fa-var-cc-mastercard: "\f1f1";
147 | @fa-var-cc-paypal: "\f1f4";
148 | @fa-var-cc-stripe: "\f1f5";
149 | @fa-var-cc-visa: "\f1f0";
150 | @fa-var-certificate: "\f0a3";
151 | @fa-var-chain: "\f0c1";
152 | @fa-var-chain-broken: "\f127";
153 | @fa-var-check: "\f00c";
154 | @fa-var-check-circle: "\f058";
155 | @fa-var-check-circle-o: "\f05d";
156 | @fa-var-check-square: "\f14a";
157 | @fa-var-check-square-o: "\f046";
158 | @fa-var-chevron-circle-down: "\f13a";
159 | @fa-var-chevron-circle-left: "\f137";
160 | @fa-var-chevron-circle-right: "\f138";
161 | @fa-var-chevron-circle-up: "\f139";
162 | @fa-var-chevron-down: "\f078";
163 | @fa-var-chevron-left: "\f053";
164 | @fa-var-chevron-right: "\f054";
165 | @fa-var-chevron-up: "\f077";
166 | @fa-var-child: "\f1ae";
167 | @fa-var-chrome: "\f268";
168 | @fa-var-circle: "\f111";
169 | @fa-var-circle-o: "\f10c";
170 | @fa-var-circle-o-notch: "\f1ce";
171 | @fa-var-circle-thin: "\f1db";
172 | @fa-var-clipboard: "\f0ea";
173 | @fa-var-clock-o: "\f017";
174 | @fa-var-clone: "\f24d";
175 | @fa-var-close: "\f00d";
176 | @fa-var-cloud: "\f0c2";
177 | @fa-var-cloud-download: "\f0ed";
178 | @fa-var-cloud-upload: "\f0ee";
179 | @fa-var-cny: "\f157";
180 | @fa-var-code: "\f121";
181 | @fa-var-code-fork: "\f126";
182 | @fa-var-codepen: "\f1cb";
183 | @fa-var-codiepie: "\f284";
184 | @fa-var-coffee: "\f0f4";
185 | @fa-var-cog: "\f013";
186 | @fa-var-cogs: "\f085";
187 | @fa-var-columns: "\f0db";
188 | @fa-var-comment: "\f075";
189 | @fa-var-comment-o: "\f0e5";
190 | @fa-var-commenting: "\f27a";
191 | @fa-var-commenting-o: "\f27b";
192 | @fa-var-comments: "\f086";
193 | @fa-var-comments-o: "\f0e6";
194 | @fa-var-compass: "\f14e";
195 | @fa-var-compress: "\f066";
196 | @fa-var-connectdevelop: "\f20e";
197 | @fa-var-contao: "\f26d";
198 | @fa-var-copy: "\f0c5";
199 | @fa-var-copyright: "\f1f9";
200 | @fa-var-creative-commons: "\f25e";
201 | @fa-var-credit-card: "\f09d";
202 | @fa-var-credit-card-alt: "\f283";
203 | @fa-var-crop: "\f125";
204 | @fa-var-crosshairs: "\f05b";
205 | @fa-var-css3: "\f13c";
206 | @fa-var-cube: "\f1b2";
207 | @fa-var-cubes: "\f1b3";
208 | @fa-var-cut: "\f0c4";
209 | @fa-var-cutlery: "\f0f5";
210 | @fa-var-dashboard: "\f0e4";
211 | @fa-var-dashcube: "\f210";
212 | @fa-var-database: "\f1c0";
213 | @fa-var-deaf: "\f2a4";
214 | @fa-var-deafness: "\f2a4";
215 | @fa-var-dedent: "\f03b";
216 | @fa-var-delicious: "\f1a5";
217 | @fa-var-desktop: "\f108";
218 | @fa-var-deviantart: "\f1bd";
219 | @fa-var-diamond: "\f219";
220 | @fa-var-digg: "\f1a6";
221 | @fa-var-dollar: "\f155";
222 | @fa-var-dot-circle-o: "\f192";
223 | @fa-var-download: "\f019";
224 | @fa-var-dribbble: "\f17d";
225 | @fa-var-drivers-license: "\f2c2";
226 | @fa-var-drivers-license-o: "\f2c3";
227 | @fa-var-dropbox: "\f16b";
228 | @fa-var-drupal: "\f1a9";
229 | @fa-var-edge: "\f282";
230 | @fa-var-edit: "\f044";
231 | @fa-var-eercast: "\f2da";
232 | @fa-var-eject: "\f052";
233 | @fa-var-ellipsis-h: "\f141";
234 | @fa-var-ellipsis-v: "\f142";
235 | @fa-var-empire: "\f1d1";
236 | @fa-var-envelope: "\f0e0";
237 | @fa-var-envelope-o: "\f003";
238 | @fa-var-envelope-open: "\f2b6";
239 | @fa-var-envelope-open-o: "\f2b7";
240 | @fa-var-envelope-square: "\f199";
241 | @fa-var-envira: "\f299";
242 | @fa-var-eraser: "\f12d";
243 | @fa-var-etsy: "\f2d7";
244 | @fa-var-eur: "\f153";
245 | @fa-var-euro: "\f153";
246 | @fa-var-exchange: "\f0ec";
247 | @fa-var-exclamation: "\f12a";
248 | @fa-var-exclamation-circle: "\f06a";
249 | @fa-var-exclamation-triangle: "\f071";
250 | @fa-var-expand: "\f065";
251 | @fa-var-expeditedssl: "\f23e";
252 | @fa-var-external-link: "\f08e";
253 | @fa-var-external-link-square: "\f14c";
254 | @fa-var-eye: "\f06e";
255 | @fa-var-eye-slash: "\f070";
256 | @fa-var-eyedropper: "\f1fb";
257 | @fa-var-fa: "\f2b4";
258 | @fa-var-facebook: "\f09a";
259 | @fa-var-facebook-f: "\f09a";
260 | @fa-var-facebook-official: "\f230";
261 | @fa-var-facebook-square: "\f082";
262 | @fa-var-fast-backward: "\f049";
263 | @fa-var-fast-forward: "\f050";
264 | @fa-var-fax: "\f1ac";
265 | @fa-var-feed: "\f09e";
266 | @fa-var-female: "\f182";
267 | @fa-var-fighter-jet: "\f0fb";
268 | @fa-var-file: "\f15b";
269 | @fa-var-file-archive-o: "\f1c6";
270 | @fa-var-file-audio-o: "\f1c7";
271 | @fa-var-file-code-o: "\f1c9";
272 | @fa-var-file-excel-o: "\f1c3";
273 | @fa-var-file-image-o: "\f1c5";
274 | @fa-var-file-movie-o: "\f1c8";
275 | @fa-var-file-o: "\f016";
276 | @fa-var-file-pdf-o: "\f1c1";
277 | @fa-var-file-photo-o: "\f1c5";
278 | @fa-var-file-picture-o: "\f1c5";
279 | @fa-var-file-powerpoint-o: "\f1c4";
280 | @fa-var-file-sound-o: "\f1c7";
281 | @fa-var-file-text: "\f15c";
282 | @fa-var-file-text-o: "\f0f6";
283 | @fa-var-file-video-o: "\f1c8";
284 | @fa-var-file-word-o: "\f1c2";
285 | @fa-var-file-zip-o: "\f1c6";
286 | @fa-var-files-o: "\f0c5";
287 | @fa-var-film: "\f008";
288 | @fa-var-filter: "\f0b0";
289 | @fa-var-fire: "\f06d";
290 | @fa-var-fire-extinguisher: "\f134";
291 | @fa-var-firefox: "\f269";
292 | @fa-var-first-order: "\f2b0";
293 | @fa-var-flag: "\f024";
294 | @fa-var-flag-checkered: "\f11e";
295 | @fa-var-flag-o: "\f11d";
296 | @fa-var-flash: "\f0e7";
297 | @fa-var-flask: "\f0c3";
298 | @fa-var-flickr: "\f16e";
299 | @fa-var-floppy-o: "\f0c7";
300 | @fa-var-folder: "\f07b";
301 | @fa-var-folder-o: "\f114";
302 | @fa-var-folder-open: "\f07c";
303 | @fa-var-folder-open-o: "\f115";
304 | @fa-var-font: "\f031";
305 | @fa-var-font-awesome: "\f2b4";
306 | @fa-var-fonticons: "\f280";
307 | @fa-var-fort-awesome: "\f286";
308 | @fa-var-forumbee: "\f211";
309 | @fa-var-forward: "\f04e";
310 | @fa-var-foursquare: "\f180";
311 | @fa-var-free-code-camp: "\f2c5";
312 | @fa-var-frown-o: "\f119";
313 | @fa-var-futbol-o: "\f1e3";
314 | @fa-var-gamepad: "\f11b";
315 | @fa-var-gavel: "\f0e3";
316 | @fa-var-gbp: "\f154";
317 | @fa-var-ge: "\f1d1";
318 | @fa-var-gear: "\f013";
319 | @fa-var-gears: "\f085";
320 | @fa-var-genderless: "\f22d";
321 | @fa-var-get-pocket: "\f265";
322 | @fa-var-gg: "\f260";
323 | @fa-var-gg-circle: "\f261";
324 | @fa-var-gift: "\f06b";
325 | @fa-var-git: "\f1d3";
326 | @fa-var-git-square: "\f1d2";
327 | @fa-var-github: "\f09b";
328 | @fa-var-github-alt: "\f113";
329 | @fa-var-github-square: "\f092";
330 | @fa-var-gitlab: "\f296";
331 | @fa-var-gittip: "\f184";
332 | @fa-var-glass: "\f000";
333 | @fa-var-glide: "\f2a5";
334 | @fa-var-glide-g: "\f2a6";
335 | @fa-var-globe: "\f0ac";
336 | @fa-var-google: "\f1a0";
337 | @fa-var-google-plus: "\f0d5";
338 | @fa-var-google-plus-circle: "\f2b3";
339 | @fa-var-google-plus-official: "\f2b3";
340 | @fa-var-google-plus-square: "\f0d4";
341 | @fa-var-google-wallet: "\f1ee";
342 | @fa-var-graduation-cap: "\f19d";
343 | @fa-var-gratipay: "\f184";
344 | @fa-var-grav: "\f2d6";
345 | @fa-var-group: "\f0c0";
346 | @fa-var-h-square: "\f0fd";
347 | @fa-var-hacker-news: "\f1d4";
348 | @fa-var-hand-grab-o: "\f255";
349 | @fa-var-hand-lizard-o: "\f258";
350 | @fa-var-hand-o-down: "\f0a7";
351 | @fa-var-hand-o-left: "\f0a5";
352 | @fa-var-hand-o-right: "\f0a4";
353 | @fa-var-hand-o-up: "\f0a6";
354 | @fa-var-hand-paper-o: "\f256";
355 | @fa-var-hand-peace-o: "\f25b";
356 | @fa-var-hand-pointer-o: "\f25a";
357 | @fa-var-hand-rock-o: "\f255";
358 | @fa-var-hand-scissors-o: "\f257";
359 | @fa-var-hand-spock-o: "\f259";
360 | @fa-var-hand-stop-o: "\f256";
361 | @fa-var-handshake-o: "\f2b5";
362 | @fa-var-hard-of-hearing: "\f2a4";
363 | @fa-var-hashtag: "\f292";
364 | @fa-var-hdd-o: "\f0a0";
365 | @fa-var-header: "\f1dc";
366 | @fa-var-headphones: "\f025";
367 | @fa-var-heart: "\f004";
368 | @fa-var-heart-o: "\f08a";
369 | @fa-var-heartbeat: "\f21e";
370 | @fa-var-history: "\f1da";
371 | @fa-var-home: "\f015";
372 | @fa-var-hospital-o: "\f0f8";
373 | @fa-var-hotel: "\f236";
374 | @fa-var-hourglass: "\f254";
375 | @fa-var-hourglass-1: "\f251";
376 | @fa-var-hourglass-2: "\f252";
377 | @fa-var-hourglass-3: "\f253";
378 | @fa-var-hourglass-end: "\f253";
379 | @fa-var-hourglass-half: "\f252";
380 | @fa-var-hourglass-o: "\f250";
381 | @fa-var-hourglass-start: "\f251";
382 | @fa-var-houzz: "\f27c";
383 | @fa-var-html5: "\f13b";
384 | @fa-var-i-cursor: "\f246";
385 | @fa-var-id-badge: "\f2c1";
386 | @fa-var-id-card: "\f2c2";
387 | @fa-var-id-card-o: "\f2c3";
388 | @fa-var-ils: "\f20b";
389 | @fa-var-image: "\f03e";
390 | @fa-var-imdb: "\f2d8";
391 | @fa-var-inbox: "\f01c";
392 | @fa-var-indent: "\f03c";
393 | @fa-var-industry: "\f275";
394 | @fa-var-info: "\f129";
395 | @fa-var-info-circle: "\f05a";
396 | @fa-var-inr: "\f156";
397 | @fa-var-instagram: "\f16d";
398 | @fa-var-institution: "\f19c";
399 | @fa-var-internet-explorer: "\f26b";
400 | @fa-var-intersex: "\f224";
401 | @fa-var-ioxhost: "\f208";
402 | @fa-var-italic: "\f033";
403 | @fa-var-joomla: "\f1aa";
404 | @fa-var-jpy: "\f157";
405 | @fa-var-jsfiddle: "\f1cc";
406 | @fa-var-key: "\f084";
407 | @fa-var-keyboard-o: "\f11c";
408 | @fa-var-krw: "\f159";
409 | @fa-var-language: "\f1ab";
410 | @fa-var-laptop: "\f109";
411 | @fa-var-lastfm: "\f202";
412 | @fa-var-lastfm-square: "\f203";
413 | @fa-var-leaf: "\f06c";
414 | @fa-var-leanpub: "\f212";
415 | @fa-var-legal: "\f0e3";
416 | @fa-var-lemon-o: "\f094";
417 | @fa-var-level-down: "\f149";
418 | @fa-var-level-up: "\f148";
419 | @fa-var-life-bouy: "\f1cd";
420 | @fa-var-life-buoy: "\f1cd";
421 | @fa-var-life-ring: "\f1cd";
422 | @fa-var-life-saver: "\f1cd";
423 | @fa-var-lightbulb-o: "\f0eb";
424 | @fa-var-line-chart: "\f201";
425 | @fa-var-link: "\f0c1";
426 | @fa-var-linkedin: "\f0e1";
427 | @fa-var-linkedin-square: "\f08c";
428 | @fa-var-linode: "\f2b8";
429 | @fa-var-linux: "\f17c";
430 | @fa-var-list: "\f03a";
431 | @fa-var-list-alt: "\f022";
432 | @fa-var-list-ol: "\f0cb";
433 | @fa-var-list-ul: "\f0ca";
434 | @fa-var-location-arrow: "\f124";
435 | @fa-var-lock: "\f023";
436 | @fa-var-long-arrow-down: "\f175";
437 | @fa-var-long-arrow-left: "\f177";
438 | @fa-var-long-arrow-right: "\f178";
439 | @fa-var-long-arrow-up: "\f176";
440 | @fa-var-low-vision: "\f2a8";
441 | @fa-var-magic: "\f0d0";
442 | @fa-var-magnet: "\f076";
443 | @fa-var-mail-forward: "\f064";
444 | @fa-var-mail-reply: "\f112";
445 | @fa-var-mail-reply-all: "\f122";
446 | @fa-var-male: "\f183";
447 | @fa-var-map: "\f279";
448 | @fa-var-map-marker: "\f041";
449 | @fa-var-map-o: "\f278";
450 | @fa-var-map-pin: "\f276";
451 | @fa-var-map-signs: "\f277";
452 | @fa-var-mars: "\f222";
453 | @fa-var-mars-double: "\f227";
454 | @fa-var-mars-stroke: "\f229";
455 | @fa-var-mars-stroke-h: "\f22b";
456 | @fa-var-mars-stroke-v: "\f22a";
457 | @fa-var-maxcdn: "\f136";
458 | @fa-var-meanpath: "\f20c";
459 | @fa-var-medium: "\f23a";
460 | @fa-var-medkit: "\f0fa";
461 | @fa-var-meetup: "\f2e0";
462 | @fa-var-meh-o: "\f11a";
463 | @fa-var-mercury: "\f223";
464 | @fa-var-microchip: "\f2db";
465 | @fa-var-microphone: "\f130";
466 | @fa-var-microphone-slash: "\f131";
467 | @fa-var-minus: "\f068";
468 | @fa-var-minus-circle: "\f056";
469 | @fa-var-minus-square: "\f146";
470 | @fa-var-minus-square-o: "\f147";
471 | @fa-var-mixcloud: "\f289";
472 | @fa-var-mobile: "\f10b";
473 | @fa-var-mobile-phone: "\f10b";
474 | @fa-var-modx: "\f285";
475 | @fa-var-money: "\f0d6";
476 | @fa-var-moon-o: "\f186";
477 | @fa-var-mortar-board: "\f19d";
478 | @fa-var-motorcycle: "\f21c";
479 | @fa-var-mouse-pointer: "\f245";
480 | @fa-var-music: "\f001";
481 | @fa-var-navicon: "\f0c9";
482 | @fa-var-neuter: "\f22c";
483 | @fa-var-newspaper-o: "\f1ea";
484 | @fa-var-object-group: "\f247";
485 | @fa-var-object-ungroup: "\f248";
486 | @fa-var-odnoklassniki: "\f263";
487 | @fa-var-odnoklassniki-square: "\f264";
488 | @fa-var-opencart: "\f23d";
489 | @fa-var-openid: "\f19b";
490 | @fa-var-opera: "\f26a";
491 | @fa-var-optin-monster: "\f23c";
492 | @fa-var-outdent: "\f03b";
493 | @fa-var-pagelines: "\f18c";
494 | @fa-var-paint-brush: "\f1fc";
495 | @fa-var-paper-plane: "\f1d8";
496 | @fa-var-paper-plane-o: "\f1d9";
497 | @fa-var-paperclip: "\f0c6";
498 | @fa-var-paragraph: "\f1dd";
499 | @fa-var-paste: "\f0ea";
500 | @fa-var-pause: "\f04c";
501 | @fa-var-pause-circle: "\f28b";
502 | @fa-var-pause-circle-o: "\f28c";
503 | @fa-var-paw: "\f1b0";
504 | @fa-var-paypal: "\f1ed";
505 | @fa-var-pencil: "\f040";
506 | @fa-var-pencil-square: "\f14b";
507 | @fa-var-pencil-square-o: "\f044";
508 | @fa-var-percent: "\f295";
509 | @fa-var-phone: "\f095";
510 | @fa-var-phone-square: "\f098";
511 | @fa-var-photo: "\f03e";
512 | @fa-var-picture-o: "\f03e";
513 | @fa-var-pie-chart: "\f200";
514 | @fa-var-pied-piper: "\f2ae";
515 | @fa-var-pied-piper-alt: "\f1a8";
516 | @fa-var-pied-piper-pp: "\f1a7";
517 | @fa-var-pinterest: "\f0d2";
518 | @fa-var-pinterest-p: "\f231";
519 | @fa-var-pinterest-square: "\f0d3";
520 | @fa-var-plane: "\f072";
521 | @fa-var-play: "\f04b";
522 | @fa-var-play-circle: "\f144";
523 | @fa-var-play-circle-o: "\f01d";
524 | @fa-var-plug: "\f1e6";
525 | @fa-var-plus: "\f067";
526 | @fa-var-plus-circle: "\f055";
527 | @fa-var-plus-square: "\f0fe";
528 | @fa-var-plus-square-o: "\f196";
529 | @fa-var-podcast: "\f2ce";
530 | @fa-var-power-off: "\f011";
531 | @fa-var-print: "\f02f";
532 | @fa-var-product-hunt: "\f288";
533 | @fa-var-puzzle-piece: "\f12e";
534 | @fa-var-qq: "\f1d6";
535 | @fa-var-qrcode: "\f029";
536 | @fa-var-question: "\f128";
537 | @fa-var-question-circle: "\f059";
538 | @fa-var-question-circle-o: "\f29c";
539 | @fa-var-quora: "\f2c4";
540 | @fa-var-quote-left: "\f10d";
541 | @fa-var-quote-right: "\f10e";
542 | @fa-var-ra: "\f1d0";
543 | @fa-var-random: "\f074";
544 | @fa-var-ravelry: "\f2d9";
545 | @fa-var-rebel: "\f1d0";
546 | @fa-var-recycle: "\f1b8";
547 | @fa-var-reddit: "\f1a1";
548 | @fa-var-reddit-alien: "\f281";
549 | @fa-var-reddit-square: "\f1a2";
550 | @fa-var-refresh: "\f021";
551 | @fa-var-registered: "\f25d";
552 | @fa-var-remove: "\f00d";
553 | @fa-var-renren: "\f18b";
554 | @fa-var-reorder: "\f0c9";
555 | @fa-var-repeat: "\f01e";
556 | @fa-var-reply: "\f112";
557 | @fa-var-reply-all: "\f122";
558 | @fa-var-resistance: "\f1d0";
559 | @fa-var-retweet: "\f079";
560 | @fa-var-rmb: "\f157";
561 | @fa-var-road: "\f018";
562 | @fa-var-rocket: "\f135";
563 | @fa-var-rotate-left: "\f0e2";
564 | @fa-var-rotate-right: "\f01e";
565 | @fa-var-rouble: "\f158";
566 | @fa-var-rss: "\f09e";
567 | @fa-var-rss-square: "\f143";
568 | @fa-var-rub: "\f158";
569 | @fa-var-ruble: "\f158";
570 | @fa-var-rupee: "\f156";
571 | @fa-var-s15: "\f2cd";
572 | @fa-var-safari: "\f267";
573 | @fa-var-save: "\f0c7";
574 | @fa-var-scissors: "\f0c4";
575 | @fa-var-scribd: "\f28a";
576 | @fa-var-search: "\f002";
577 | @fa-var-search-minus: "\f010";
578 | @fa-var-search-plus: "\f00e";
579 | @fa-var-sellsy: "\f213";
580 | @fa-var-send: "\f1d8";
581 | @fa-var-send-o: "\f1d9";
582 | @fa-var-server: "\f233";
583 | @fa-var-share: "\f064";
584 | @fa-var-share-alt: "\f1e0";
585 | @fa-var-share-alt-square: "\f1e1";
586 | @fa-var-share-square: "\f14d";
587 | @fa-var-share-square-o: "\f045";
588 | @fa-var-shekel: "\f20b";
589 | @fa-var-sheqel: "\f20b";
590 | @fa-var-shield: "\f132";
591 | @fa-var-ship: "\f21a";
592 | @fa-var-shirtsinbulk: "\f214";
593 | @fa-var-shopping-bag: "\f290";
594 | @fa-var-shopping-basket: "\f291";
595 | @fa-var-shopping-cart: "\f07a";
596 | @fa-var-shower: "\f2cc";
597 | @fa-var-sign-in: "\f090";
598 | @fa-var-sign-language: "\f2a7";
599 | @fa-var-sign-out: "\f08b";
600 | @fa-var-signal: "\f012";
601 | @fa-var-signing: "\f2a7";
602 | @fa-var-simplybuilt: "\f215";
603 | @fa-var-sitemap: "\f0e8";
604 | @fa-var-skyatlas: "\f216";
605 | @fa-var-skype: "\f17e";
606 | @fa-var-slack: "\f198";
607 | @fa-var-sliders: "\f1de";
608 | @fa-var-slideshare: "\f1e7";
609 | @fa-var-smile-o: "\f118";
610 | @fa-var-snapchat: "\f2ab";
611 | @fa-var-snapchat-ghost: "\f2ac";
612 | @fa-var-snapchat-square: "\f2ad";
613 | @fa-var-snowflake-o: "\f2dc";
614 | @fa-var-soccer-ball-o: "\f1e3";
615 | @fa-var-sort: "\f0dc";
616 | @fa-var-sort-alpha-asc: "\f15d";
617 | @fa-var-sort-alpha-desc: "\f15e";
618 | @fa-var-sort-amount-asc: "\f160";
619 | @fa-var-sort-amount-desc: "\f161";
620 | @fa-var-sort-asc: "\f0de";
621 | @fa-var-sort-desc: "\f0dd";
622 | @fa-var-sort-down: "\f0dd";
623 | @fa-var-sort-numeric-asc: "\f162";
624 | @fa-var-sort-numeric-desc: "\f163";
625 | @fa-var-sort-up: "\f0de";
626 | @fa-var-soundcloud: "\f1be";
627 | @fa-var-space-shuttle: "\f197";
628 | @fa-var-spinner: "\f110";
629 | @fa-var-spoon: "\f1b1";
630 | @fa-var-spotify: "\f1bc";
631 | @fa-var-square: "\f0c8";
632 | @fa-var-square-o: "\f096";
633 | @fa-var-stack-exchange: "\f18d";
634 | @fa-var-stack-overflow: "\f16c";
635 | @fa-var-star: "\f005";
636 | @fa-var-star-half: "\f089";
637 | @fa-var-star-half-empty: "\f123";
638 | @fa-var-star-half-full: "\f123";
639 | @fa-var-star-half-o: "\f123";
640 | @fa-var-star-o: "\f006";
641 | @fa-var-steam: "\f1b6";
642 | @fa-var-steam-square: "\f1b7";
643 | @fa-var-step-backward: "\f048";
644 | @fa-var-step-forward: "\f051";
645 | @fa-var-stethoscope: "\f0f1";
646 | @fa-var-sticky-note: "\f249";
647 | @fa-var-sticky-note-o: "\f24a";
648 | @fa-var-stop: "\f04d";
649 | @fa-var-stop-circle: "\f28d";
650 | @fa-var-stop-circle-o: "\f28e";
651 | @fa-var-street-view: "\f21d";
652 | @fa-var-strikethrough: "\f0cc";
653 | @fa-var-stumbleupon: "\f1a4";
654 | @fa-var-stumbleupon-circle: "\f1a3";
655 | @fa-var-subscript: "\f12c";
656 | @fa-var-subway: "\f239";
657 | @fa-var-suitcase: "\f0f2";
658 | @fa-var-sun-o: "\f185";
659 | @fa-var-superpowers: "\f2dd";
660 | @fa-var-superscript: "\f12b";
661 | @fa-var-support: "\f1cd";
662 | @fa-var-table: "\f0ce";
663 | @fa-var-tablet: "\f10a";
664 | @fa-var-tachometer: "\f0e4";
665 | @fa-var-tag: "\f02b";
666 | @fa-var-tags: "\f02c";
667 | @fa-var-tasks: "\f0ae";
668 | @fa-var-taxi: "\f1ba";
669 | @fa-var-telegram: "\f2c6";
670 | @fa-var-television: "\f26c";
671 | @fa-var-tencent-weibo: "\f1d5";
672 | @fa-var-terminal: "\f120";
673 | @fa-var-text-height: "\f034";
674 | @fa-var-text-width: "\f035";
675 | @fa-var-th: "\f00a";
676 | @fa-var-th-large: "\f009";
677 | @fa-var-th-list: "\f00b";
678 | @fa-var-themeisle: "\f2b2";
679 | @fa-var-thermometer: "\f2c7";
680 | @fa-var-thermometer-0: "\f2cb";
681 | @fa-var-thermometer-1: "\f2ca";
682 | @fa-var-thermometer-2: "\f2c9";
683 | @fa-var-thermometer-3: "\f2c8";
684 | @fa-var-thermometer-4: "\f2c7";
685 | @fa-var-thermometer-empty: "\f2cb";
686 | @fa-var-thermometer-full: "\f2c7";
687 | @fa-var-thermometer-half: "\f2c9";
688 | @fa-var-thermometer-quarter: "\f2ca";
689 | @fa-var-thermometer-three-quarters: "\f2c8";
690 | @fa-var-thumb-tack: "\f08d";
691 | @fa-var-thumbs-down: "\f165";
692 | @fa-var-thumbs-o-down: "\f088";
693 | @fa-var-thumbs-o-up: "\f087";
694 | @fa-var-thumbs-up: "\f164";
695 | @fa-var-ticket: "\f145";
696 | @fa-var-times: "\f00d";
697 | @fa-var-times-circle: "\f057";
698 | @fa-var-times-circle-o: "\f05c";
699 | @fa-var-times-rectangle: "\f2d3";
700 | @fa-var-times-rectangle-o: "\f2d4";
701 | @fa-var-tint: "\f043";
702 | @fa-var-toggle-down: "\f150";
703 | @fa-var-toggle-left: "\f191";
704 | @fa-var-toggle-off: "\f204";
705 | @fa-var-toggle-on: "\f205";
706 | @fa-var-toggle-right: "\f152";
707 | @fa-var-toggle-up: "\f151";
708 | @fa-var-trademark: "\f25c";
709 | @fa-var-train: "\f238";
710 | @fa-var-transgender: "\f224";
711 | @fa-var-transgender-alt: "\f225";
712 | @fa-var-trash: "\f1f8";
713 | @fa-var-trash-o: "\f014";
714 | @fa-var-tree: "\f1bb";
715 | @fa-var-trello: "\f181";
716 | @fa-var-tripadvisor: "\f262";
717 | @fa-var-trophy: "\f091";
718 | @fa-var-truck: "\f0d1";
719 | @fa-var-try: "\f195";
720 | @fa-var-tty: "\f1e4";
721 | @fa-var-tumblr: "\f173";
722 | @fa-var-tumblr-square: "\f174";
723 | @fa-var-turkish-lira: "\f195";
724 | @fa-var-tv: "\f26c";
725 | @fa-var-twitch: "\f1e8";
726 | @fa-var-twitter: "\f099";
727 | @fa-var-twitter-square: "\f081";
728 | @fa-var-umbrella: "\f0e9";
729 | @fa-var-underline: "\f0cd";
730 | @fa-var-undo: "\f0e2";
731 | @fa-var-universal-access: "\f29a";
732 | @fa-var-university: "\f19c";
733 | @fa-var-unlink: "\f127";
734 | @fa-var-unlock: "\f09c";
735 | @fa-var-unlock-alt: "\f13e";
736 | @fa-var-unsorted: "\f0dc";
737 | @fa-var-upload: "\f093";
738 | @fa-var-usb: "\f287";
739 | @fa-var-usd: "\f155";
740 | @fa-var-user: "\f007";
741 | @fa-var-user-circle: "\f2bd";
742 | @fa-var-user-circle-o: "\f2be";
743 | @fa-var-user-md: "\f0f0";
744 | @fa-var-user-o: "\f2c0";
745 | @fa-var-user-plus: "\f234";
746 | @fa-var-user-secret: "\f21b";
747 | @fa-var-user-times: "\f235";
748 | @fa-var-users: "\f0c0";
749 | @fa-var-vcard: "\f2bb";
750 | @fa-var-vcard-o: "\f2bc";
751 | @fa-var-venus: "\f221";
752 | @fa-var-venus-double: "\f226";
753 | @fa-var-venus-mars: "\f228";
754 | @fa-var-viacoin: "\f237";
755 | @fa-var-viadeo: "\f2a9";
756 | @fa-var-viadeo-square: "\f2aa";
757 | @fa-var-video-camera: "\f03d";
758 | @fa-var-vimeo: "\f27d";
759 | @fa-var-vimeo-square: "\f194";
760 | @fa-var-vine: "\f1ca";
761 | @fa-var-vk: "\f189";
762 | @fa-var-volume-control-phone: "\f2a0";
763 | @fa-var-volume-down: "\f027";
764 | @fa-var-volume-off: "\f026";
765 | @fa-var-volume-up: "\f028";
766 | @fa-var-warning: "\f071";
767 | @fa-var-wechat: "\f1d7";
768 | @fa-var-weibo: "\f18a";
769 | @fa-var-weixin: "\f1d7";
770 | @fa-var-whatsapp: "\f232";
771 | @fa-var-wheelchair: "\f193";
772 | @fa-var-wheelchair-alt: "\f29b";
773 | @fa-var-wifi: "\f1eb";
774 | @fa-var-wikipedia-w: "\f266";
775 | @fa-var-window-close: "\f2d3";
776 | @fa-var-window-close-o: "\f2d4";
777 | @fa-var-window-maximize: "\f2d0";
778 | @fa-var-window-minimize: "\f2d1";
779 | @fa-var-window-restore: "\f2d2";
780 | @fa-var-windows: "\f17a";
781 | @fa-var-won: "\f159";
782 | @fa-var-wordpress: "\f19a";
783 | @fa-var-wpbeginner: "\f297";
784 | @fa-var-wpexplorer: "\f2de";
785 | @fa-var-wpforms: "\f298";
786 | @fa-var-wrench: "\f0ad";
787 | @fa-var-xing: "\f168";
788 | @fa-var-xing-square: "\f169";
789 | @fa-var-y-combinator: "\f23b";
790 | @fa-var-y-combinator-square: "\f1d4";
791 | @fa-var-yahoo: "\f19e";
792 | @fa-var-yc: "\f23b";
793 | @fa-var-yc-square: "\f1d4";
794 | @fa-var-yelp: "\f1e9";
795 | @fa-var-yen: "\f157";
796 | @fa-var-yoast: "\f2b1";
797 | @fa-var-youtube: "\f167";
798 | @fa-var-youtube-play: "\f16a";
799 | @fa-var-youtube-square: "\f166";
800 | 
801 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/scss/_variables.scss:
--------------------------------------------------------------------------------
  1 | // Variables
  2 | // --------------------------
  3 | 
  4 | $fa-font-path:        "../fonts" !default;
  5 | $fa-font-size-base:   14px !default;
  6 | $fa-line-height-base: 1 !default;
  7 | //$fa-font-path:        "//netdna.bootstrapcdn.com/font-awesome/4.7.0/fonts" !default; // for referencing Bootstrap CDN font files directly
  8 | $fa-css-prefix:       fa !default;
  9 | $fa-version:          "4.7.0" !default;
 10 | $fa-border-color:     #eee !default;
 11 | $fa-inverse:          #fff !default;
 12 | $fa-li-width:         (30em / 14) !default;
 13 | 
 14 | $fa-var-500px: "\f26e";
 15 | $fa-var-address-book: "\f2b9";
 16 | $fa-var-address-book-o: "\f2ba";
 17 | $fa-var-address-card: "\f2bb";
 18 | $fa-var-address-card-o: "\f2bc";
 19 | $fa-var-adjust: "\f042";
 20 | $fa-var-adn: "\f170";
 21 | $fa-var-align-center: "\f037";
 22 | $fa-var-align-justify: "\f039";
 23 | $fa-var-align-left: "\f036";
 24 | $fa-var-align-right: "\f038";
 25 | $fa-var-amazon: "\f270";
 26 | $fa-var-ambulance: "\f0f9";
 27 | $fa-var-american-sign-language-interpreting: "\f2a3";
 28 | $fa-var-anchor: "\f13d";
 29 | $fa-var-android: "\f17b";
 30 | $fa-var-angellist: "\f209";
 31 | $fa-var-angle-double-down: "\f103";
 32 | $fa-var-angle-double-left: "\f100";
 33 | $fa-var-angle-double-right: "\f101";
 34 | $fa-var-angle-double-up: "\f102";
 35 | $fa-var-angle-down: "\f107";
 36 | $fa-var-angle-left: "\f104";
 37 | $fa-var-angle-right: "\f105";
 38 | $fa-var-angle-up: "\f106";
 39 | $fa-var-apple: "\f179";
 40 | $fa-var-archive: "\f187";
 41 | $fa-var-area-chart: "\f1fe";
 42 | $fa-var-arrow-circle-down: "\f0ab";
 43 | $fa-var-arrow-circle-left: "\f0a8";
 44 | $fa-var-arrow-circle-o-down: "\f01a";
 45 | $fa-var-arrow-circle-o-left: "\f190";
 46 | $fa-var-arrow-circle-o-right: "\f18e";
 47 | $fa-var-arrow-circle-o-up: "\f01b";
 48 | $fa-var-arrow-circle-right: "\f0a9";
 49 | $fa-var-arrow-circle-up: "\f0aa";
 50 | $fa-var-arrow-down: "\f063";
 51 | $fa-var-arrow-left: "\f060";
 52 | $fa-var-arrow-right: "\f061";
 53 | $fa-var-arrow-up: "\f062";
 54 | $fa-var-arrows: "\f047";
 55 | $fa-var-arrows-alt: "\f0b2";
 56 | $fa-var-arrows-h: "\f07e";
 57 | $fa-var-arrows-v: "\f07d";
 58 | $fa-var-asl-interpreting: "\f2a3";
 59 | $fa-var-assistive-listening-systems: "\f2a2";
 60 | $fa-var-asterisk: "\f069";
 61 | $fa-var-at: "\f1fa";
 62 | $fa-var-audio-description: "\f29e";
 63 | $fa-var-automobile: "\f1b9";
 64 | $fa-var-backward: "\f04a";
 65 | $fa-var-balance-scale: "\f24e";
 66 | $fa-var-ban: "\f05e";
 67 | $fa-var-bandcamp: "\f2d5";
 68 | $fa-var-bank: "\f19c";
 69 | $fa-var-bar-chart: "\f080";
 70 | $fa-var-bar-chart-o: "\f080";
 71 | $fa-var-barcode: "\f02a";
 72 | $fa-var-bars: "\f0c9";
 73 | $fa-var-bath: "\f2cd";
 74 | $fa-var-bathtub: "\f2cd";
 75 | $fa-var-battery: "\f240";
 76 | $fa-var-battery-0: "\f244";
 77 | $fa-var-battery-1: "\f243";
 78 | $fa-var-battery-2: "\f242";
 79 | $fa-var-battery-3: "\f241";
 80 | $fa-var-battery-4: "\f240";
 81 | $fa-var-battery-empty: "\f244";
 82 | $fa-var-battery-full: "\f240";
 83 | $fa-var-battery-half: "\f242";
 84 | $fa-var-battery-quarter: "\f243";
 85 | $fa-var-battery-three-quarters: "\f241";
 86 | $fa-var-bed: "\f236";
 87 | $fa-var-beer: "\f0fc";
 88 | $fa-var-behance: "\f1b4";
 89 | $fa-var-behance-square: "\f1b5";
 90 | $fa-var-bell: "\f0f3";
 91 | $fa-var-bell-o: "\f0a2";
 92 | $fa-var-bell-slash: "\f1f6";
 93 | $fa-var-bell-slash-o: "\f1f7";
 94 | $fa-var-bicycle: "\f206";
 95 | $fa-var-binoculars: "\f1e5";
 96 | $fa-var-birthday-cake: "\f1fd";
 97 | $fa-var-bitbucket: "\f171";
 98 | $fa-var-bitbucket-square: "\f172";
 99 | $fa-var-bitcoin: "\f15a";
100 | $fa-var-black-tie: "\f27e";
101 | $fa-var-blind: "\f29d";
102 | $fa-var-bluetooth: "\f293";
103 | $fa-var-bluetooth-b: "\f294";
104 | $fa-var-bold: "\f032";
105 | $fa-var-bolt: "\f0e7";
106 | $fa-var-bomb: "\f1e2";
107 | $fa-var-book: "\f02d";
108 | $fa-var-bookmark: "\f02e";
109 | $fa-var-bookmark-o: "\f097";
110 | $fa-var-braille: "\f2a1";
111 | $fa-var-briefcase: "\f0b1";
112 | $fa-var-btc: "\f15a";
113 | $fa-var-bug: "\f188";
114 | $fa-var-building: "\f1ad";
115 | $fa-var-building-o: "\f0f7";
116 | $fa-var-bullhorn: "\f0a1";
117 | $fa-var-bullseye: "\f140";
118 | $fa-var-bus: "\f207";
119 | $fa-var-buysellads: "\f20d";
120 | $fa-var-cab: "\f1ba";
121 | $fa-var-calculator: "\f1ec";
122 | $fa-var-calendar: "\f073";
123 | $fa-var-calendar-check-o: "\f274";
124 | $fa-var-calendar-minus-o: "\f272";
125 | $fa-var-calendar-o: "\f133";
126 | $fa-var-calendar-plus-o: "\f271";
127 | $fa-var-calendar-times-o: "\f273";
128 | $fa-var-camera: "\f030";
129 | $fa-var-camera-retro: "\f083";
130 | $fa-var-car: "\f1b9";
131 | $fa-var-caret-down: "\f0d7";
132 | $fa-var-caret-left: "\f0d9";
133 | $fa-var-caret-right: "\f0da";
134 | $fa-var-caret-square-o-down: "\f150";
135 | $fa-var-caret-square-o-left: "\f191";
136 | $fa-var-caret-square-o-right: "\f152";
137 | $fa-var-caret-square-o-up: "\f151";
138 | $fa-var-caret-up: "\f0d8";
139 | $fa-var-cart-arrow-down: "\f218";
140 | $fa-var-cart-plus: "\f217";
141 | $fa-var-cc: "\f20a";
142 | $fa-var-cc-amex: "\f1f3";
143 | $fa-var-cc-diners-club: "\f24c";
144 | $fa-var-cc-discover: "\f1f2";
145 | $fa-var-cc-jcb: "\f24b";
146 | $fa-var-cc-mastercard: "\f1f1";
147 | $fa-var-cc-paypal: "\f1f4";
148 | $fa-var-cc-stripe: "\f1f5";
149 | $fa-var-cc-visa: "\f1f0";
150 | $fa-var-certificate: "\f0a3";
151 | $fa-var-chain: "\f0c1";
152 | $fa-var-chain-broken: "\f127";
153 | $fa-var-check: "\f00c";
154 | $fa-var-check-circle: "\f058";
155 | $fa-var-check-circle-o: "\f05d";
156 | $fa-var-check-square: "\f14a";
157 | $fa-var-check-square-o: "\f046";
158 | $fa-var-chevron-circle-down: "\f13a";
159 | $fa-var-chevron-circle-left: "\f137";
160 | $fa-var-chevron-circle-right: "\f138";
161 | $fa-var-chevron-circle-up: "\f139";
162 | $fa-var-chevron-down: "\f078";
163 | $fa-var-chevron-left: "\f053";
164 | $fa-var-chevron-right: "\f054";
165 | $fa-var-chevron-up: "\f077";
166 | $fa-var-child: "\f1ae";
167 | $fa-var-chrome: "\f268";
168 | $fa-var-circle: "\f111";
169 | $fa-var-circle-o: "\f10c";
170 | $fa-var-circle-o-notch: "\f1ce";
171 | $fa-var-circle-thin: "\f1db";
172 | $fa-var-clipboard: "\f0ea";
173 | $fa-var-clock-o: "\f017";
174 | $fa-var-clone: "\f24d";
175 | $fa-var-close: "\f00d";
176 | $fa-var-cloud: "\f0c2";
177 | $fa-var-cloud-download: "\f0ed";
178 | $fa-var-cloud-upload: "\f0ee";
179 | $fa-var-cny: "\f157";
180 | $fa-var-code: "\f121";
181 | $fa-var-code-fork: "\f126";
182 | $fa-var-codepen: "\f1cb";
183 | $fa-var-codiepie: "\f284";
184 | $fa-var-coffee: "\f0f4";
185 | $fa-var-cog: "\f013";
186 | $fa-var-cogs: "\f085";
187 | $fa-var-columns: "\f0db";
188 | $fa-var-comment: "\f075";
189 | $fa-var-comment-o: "\f0e5";
190 | $fa-var-commenting: "\f27a";
191 | $fa-var-commenting-o: "\f27b";
192 | $fa-var-comments: "\f086";
193 | $fa-var-comments-o: "\f0e6";
194 | $fa-var-compass: "\f14e";
195 | $fa-var-compress: "\f066";
196 | $fa-var-connectdevelop: "\f20e";
197 | $fa-var-contao: "\f26d";
198 | $fa-var-copy: "\f0c5";
199 | $fa-var-copyright: "\f1f9";
200 | $fa-var-creative-commons: "\f25e";
201 | $fa-var-credit-card: "\f09d";
202 | $fa-var-credit-card-alt: "\f283";
203 | $fa-var-crop: "\f125";
204 | $fa-var-crosshairs: "\f05b";
205 | $fa-var-css3: "\f13c";
206 | $fa-var-cube: "\f1b2";
207 | $fa-var-cubes: "\f1b3";
208 | $fa-var-cut: "\f0c4";
209 | $fa-var-cutlery: "\f0f5";
210 | $fa-var-dashboard: "\f0e4";
211 | $fa-var-dashcube: "\f210";
212 | $fa-var-database: "\f1c0";
213 | $fa-var-deaf: "\f2a4";
214 | $fa-var-deafness: "\f2a4";
215 | $fa-var-dedent: "\f03b";
216 | $fa-var-delicious: "\f1a5";
217 | $fa-var-desktop: "\f108";
218 | $fa-var-deviantart: "\f1bd";
219 | $fa-var-diamond: "\f219";
220 | $fa-var-digg: "\f1a6";
221 | $fa-var-dollar: "\f155";
222 | $fa-var-dot-circle-o: "\f192";
223 | $fa-var-download: "\f019";
224 | $fa-var-dribbble: "\f17d";
225 | $fa-var-drivers-license: "\f2c2";
226 | $fa-var-drivers-license-o: "\f2c3";
227 | $fa-var-dropbox: "\f16b";
228 | $fa-var-drupal: "\f1a9";
229 | $fa-var-edge: "\f282";
230 | $fa-var-edit: "\f044";
231 | $fa-var-eercast: "\f2da";
232 | $fa-var-eject: "\f052";
233 | $fa-var-ellipsis-h: "\f141";
234 | $fa-var-ellipsis-v: "\f142";
235 | $fa-var-empire: "\f1d1";
236 | $fa-var-envelope: "\f0e0";
237 | $fa-var-envelope-o: "\f003";
238 | $fa-var-envelope-open: "\f2b6";
239 | $fa-var-envelope-open-o: "\f2b7";
240 | $fa-var-envelope-square: "\f199";
241 | $fa-var-envira: "\f299";
242 | $fa-var-eraser: "\f12d";
243 | $fa-var-etsy: "\f2d7";
244 | $fa-var-eur: "\f153";
245 | $fa-var-euro: "\f153";
246 | $fa-var-exchange: "\f0ec";
247 | $fa-var-exclamation: "\f12a";
248 | $fa-var-exclamation-circle: "\f06a";
249 | $fa-var-exclamation-triangle: "\f071";
250 | $fa-var-expand: "\f065";
251 | $fa-var-expeditedssl: "\f23e";
252 | $fa-var-external-link: "\f08e";
253 | $fa-var-external-link-square: "\f14c";
254 | $fa-var-eye: "\f06e";
255 | $fa-var-eye-slash: "\f070";
256 | $fa-var-eyedropper: "\f1fb";
257 | $fa-var-fa: "\f2b4";
258 | $fa-var-facebook: "\f09a";
259 | $fa-var-facebook-f: "\f09a";
260 | $fa-var-facebook-official: "\f230";
261 | $fa-var-facebook-square: "\f082";
262 | $fa-var-fast-backward: "\f049";
263 | $fa-var-fast-forward: "\f050";
264 | $fa-var-fax: "\f1ac";
265 | $fa-var-feed: "\f09e";
266 | $fa-var-female: "\f182";
267 | $fa-var-fighter-jet: "\f0fb";
268 | $fa-var-file: "\f15b";
269 | $fa-var-file-archive-o: "\f1c6";
270 | $fa-var-file-audio-o: "\f1c7";
271 | $fa-var-file-code-o: "\f1c9";
272 | $fa-var-file-excel-o: "\f1c3";
273 | $fa-var-file-image-o: "\f1c5";
274 | $fa-var-file-movie-o: "\f1c8";
275 | $fa-var-file-o: "\f016";
276 | $fa-var-file-pdf-o: "\f1c1";
277 | $fa-var-file-photo-o: "\f1c5";
278 | $fa-var-file-picture-o: "\f1c5";
279 | $fa-var-file-powerpoint-o: "\f1c4";
280 | $fa-var-file-sound-o: "\f1c7";
281 | $fa-var-file-text: "\f15c";
282 | $fa-var-file-text-o: "\f0f6";
283 | $fa-var-file-video-o: "\f1c8";
284 | $fa-var-file-word-o: "\f1c2";
285 | $fa-var-file-zip-o: "\f1c6";
286 | $fa-var-files-o: "\f0c5";
287 | $fa-var-film: "\f008";
288 | $fa-var-filter: "\f0b0";
289 | $fa-var-fire: "\f06d";
290 | $fa-var-fire-extinguisher: "\f134";
291 | $fa-var-firefox: "\f269";
292 | $fa-var-first-order: "\f2b0";
293 | $fa-var-flag: "\f024";
294 | $fa-var-flag-checkered: "\f11e";
295 | $fa-var-flag-o: "\f11d";
296 | $fa-var-flash: "\f0e7";
297 | $fa-var-flask: "\f0c3";
298 | $fa-var-flickr: "\f16e";
299 | $fa-var-floppy-o: "\f0c7";
300 | $fa-var-folder: "\f07b";
301 | $fa-var-folder-o: "\f114";
302 | $fa-var-folder-open: "\f07c";
303 | $fa-var-folder-open-o: "\f115";
304 | $fa-var-font: "\f031";
305 | $fa-var-font-awesome: "\f2b4";
306 | $fa-var-fonticons: "\f280";
307 | $fa-var-fort-awesome: "\f286";
308 | $fa-var-forumbee: "\f211";
309 | $fa-var-forward: "\f04e";
310 | $fa-var-foursquare: "\f180";
311 | $fa-var-free-code-camp: "\f2c5";
312 | $fa-var-frown-o: "\f119";
313 | $fa-var-futbol-o: "\f1e3";
314 | $fa-var-gamepad: "\f11b";
315 | $fa-var-gavel: "\f0e3";
316 | $fa-var-gbp: "\f154";
317 | $fa-var-ge: "\f1d1";
318 | $fa-var-gear: "\f013";
319 | $fa-var-gears: "\f085";
320 | $fa-var-genderless: "\f22d";
321 | $fa-var-get-pocket: "\f265";
322 | $fa-var-gg: "\f260";
323 | $fa-var-gg-circle: "\f261";
324 | $fa-var-gift: "\f06b";
325 | $fa-var-git: "\f1d3";
326 | $fa-var-git-square: "\f1d2";
327 | $fa-var-github: "\f09b";
328 | $fa-var-github-alt: "\f113";
329 | $fa-var-github-square: "\f092";
330 | $fa-var-gitlab: "\f296";
331 | $fa-var-gittip: "\f184";
332 | $fa-var-glass: "\f000";
333 | $fa-var-glide: "\f2a5";
334 | $fa-var-glide-g: "\f2a6";
335 | $fa-var-globe: "\f0ac";
336 | $fa-var-google: "\f1a0";
337 | $fa-var-google-plus: "\f0d5";
338 | $fa-var-google-plus-circle: "\f2b3";
339 | $fa-var-google-plus-official: "\f2b3";
340 | $fa-var-google-plus-square: "\f0d4";
341 | $fa-var-google-wallet: "\f1ee";
342 | $fa-var-graduation-cap: "\f19d";
343 | $fa-var-gratipay: "\f184";
344 | $fa-var-grav: "\f2d6";
345 | $fa-var-group: "\f0c0";
346 | $fa-var-h-square: "\f0fd";
347 | $fa-var-hacker-news: "\f1d4";
348 | $fa-var-hand-grab-o: "\f255";
349 | $fa-var-hand-lizard-o: "\f258";
350 | $fa-var-hand-o-down: "\f0a7";
351 | $fa-var-hand-o-left: "\f0a5";
352 | $fa-var-hand-o-right: "\f0a4";
353 | $fa-var-hand-o-up: "\f0a6";
354 | $fa-var-hand-paper-o: "\f256";
355 | $fa-var-hand-peace-o: "\f25b";
356 | $fa-var-hand-pointer-o: "\f25a";
357 | $fa-var-hand-rock-o: "\f255";
358 | $fa-var-hand-scissors-o: "\f257";
359 | $fa-var-hand-spock-o: "\f259";
360 | $fa-var-hand-stop-o: "\f256";
361 | $fa-var-handshake-o: "\f2b5";
362 | $fa-var-hard-of-hearing: "\f2a4";
363 | $fa-var-hashtag: "\f292";
364 | $fa-var-hdd-o: "\f0a0";
365 | $fa-var-header: "\f1dc";
366 | $fa-var-headphones: "\f025";
367 | $fa-var-heart: "\f004";
368 | $fa-var-heart-o: "\f08a";
369 | $fa-var-heartbeat: "\f21e";
370 | $fa-var-history: "\f1da";
371 | $fa-var-home: "\f015";
372 | $fa-var-hospital-o: "\f0f8";
373 | $fa-var-hotel: "\f236";
374 | $fa-var-hourglass: "\f254";
375 | $fa-var-hourglass-1: "\f251";
376 | $fa-var-hourglass-2: "\f252";
377 | $fa-var-hourglass-3: "\f253";
378 | $fa-var-hourglass-end: "\f253";
379 | $fa-var-hourglass-half: "\f252";
380 | $fa-var-hourglass-o: "\f250";
381 | $fa-var-hourglass-start: "\f251";
382 | $fa-var-houzz: "\f27c";
383 | $fa-var-html5: "\f13b";
384 | $fa-var-i-cursor: "\f246";
385 | $fa-var-id-badge: "\f2c1";
386 | $fa-var-id-card: "\f2c2";
387 | $fa-var-id-card-o: "\f2c3";
388 | $fa-var-ils: "\f20b";
389 | $fa-var-image: "\f03e";
390 | $fa-var-imdb: "\f2d8";
391 | $fa-var-inbox: "\f01c";
392 | $fa-var-indent: "\f03c";
393 | $fa-var-industry: "\f275";
394 | $fa-var-info: "\f129";
395 | $fa-var-info-circle: "\f05a";
396 | $fa-var-inr: "\f156";
397 | $fa-var-instagram: "\f16d";
398 | $fa-var-institution: "\f19c";
399 | $fa-var-internet-explorer: "\f26b";
400 | $fa-var-intersex: "\f224";
401 | $fa-var-ioxhost: "\f208";
402 | $fa-var-italic: "\f033";
403 | $fa-var-joomla: "\f1aa";
404 | $fa-var-jpy: "\f157";
405 | $fa-var-jsfiddle: "\f1cc";
406 | $fa-var-key: "\f084";
407 | $fa-var-keyboard-o: "\f11c";
408 | $fa-var-krw: "\f159";
409 | $fa-var-language: "\f1ab";
410 | $fa-var-laptop: "\f109";
411 | $fa-var-lastfm: "\f202";
412 | $fa-var-lastfm-square: "\f203";
413 | $fa-var-leaf: "\f06c";
414 | $fa-var-leanpub: "\f212";
415 | $fa-var-legal: "\f0e3";
416 | $fa-var-lemon-o: "\f094";
417 | $fa-var-level-down: "\f149";
418 | $fa-var-level-up: "\f148";
419 | $fa-var-life-bouy: "\f1cd";
420 | $fa-var-life-buoy: "\f1cd";
421 | $fa-var-life-ring: "\f1cd";
422 | $fa-var-life-saver: "\f1cd";
423 | $fa-var-lightbulb-o: "\f0eb";
424 | $fa-var-line-chart: "\f201";
425 | $fa-var-link: "\f0c1";
426 | $fa-var-linkedin: "\f0e1";
427 | $fa-var-linkedin-square: "\f08c";
428 | $fa-var-linode: "\f2b8";
429 | $fa-var-linux: "\f17c";
430 | $fa-var-list: "\f03a";
431 | $fa-var-list-alt: "\f022";
432 | $fa-var-list-ol: "\f0cb";
433 | $fa-var-list-ul: "\f0ca";
434 | $fa-var-location-arrow: "\f124";
435 | $fa-var-lock: "\f023";
436 | $fa-var-long-arrow-down: "\f175";
437 | $fa-var-long-arrow-left: "\f177";
438 | $fa-var-long-arrow-right: "\f178";
439 | $fa-var-long-arrow-up: "\f176";
440 | $fa-var-low-vision: "\f2a8";
441 | $fa-var-magic: "\f0d0";
442 | $fa-var-magnet: "\f076";
443 | $fa-var-mail-forward: "\f064";
444 | $fa-var-mail-reply: "\f112";
445 | $fa-var-mail-reply-all: "\f122";
446 | $fa-var-male: "\f183";
447 | $fa-var-map: "\f279";
448 | $fa-var-map-marker: "\f041";
449 | $fa-var-map-o: "\f278";
450 | $fa-var-map-pin: "\f276";
451 | $fa-var-map-signs: "\f277";
452 | $fa-var-mars: "\f222";
453 | $fa-var-mars-double: "\f227";
454 | $fa-var-mars-stroke: "\f229";
455 | $fa-var-mars-stroke-h: "\f22b";
456 | $fa-var-mars-stroke-v: "\f22a";
457 | $fa-var-maxcdn: "\f136";
458 | $fa-var-meanpath: "\f20c";
459 | $fa-var-medium: "\f23a";
460 | $fa-var-medkit: "\f0fa";
461 | $fa-var-meetup: "\f2e0";
462 | $fa-var-meh-o: "\f11a";
463 | $fa-var-mercury: "\f223";
464 | $fa-var-microchip: "\f2db";
465 | $fa-var-microphone: "\f130";
466 | $fa-var-microphone-slash: "\f131";
467 | $fa-var-minus: "\f068";
468 | $fa-var-minus-circle: "\f056";
469 | $fa-var-minus-square: "\f146";
470 | $fa-var-minus-square-o: "\f147";
471 | $fa-var-mixcloud: "\f289";
472 | $fa-var-mobile: "\f10b";
473 | $fa-var-mobile-phone: "\f10b";
474 | $fa-var-modx: "\f285";
475 | $fa-var-money: "\f0d6";
476 | $fa-var-moon-o: "\f186";
477 | $fa-var-mortar-board: "\f19d";
478 | $fa-var-motorcycle: "\f21c";
479 | $fa-var-mouse-pointer: "\f245";
480 | $fa-var-music: "\f001";
481 | $fa-var-navicon: "\f0c9";
482 | $fa-var-neuter: "\f22c";
483 | $fa-var-newspaper-o: "\f1ea";
484 | $fa-var-object-group: "\f247";
485 | $fa-var-object-ungroup: "\f248";
486 | $fa-var-odnoklassniki: "\f263";
487 | $fa-var-odnoklassniki-square: "\f264";
488 | $fa-var-opencart: "\f23d";
489 | $fa-var-openid: "\f19b";
490 | $fa-var-opera: "\f26a";
491 | $fa-var-optin-monster: "\f23c";
492 | $fa-var-outdent: "\f03b";
493 | $fa-var-pagelines: "\f18c";
494 | $fa-var-paint-brush: "\f1fc";
495 | $fa-var-paper-plane: "\f1d8";
496 | $fa-var-paper-plane-o: "\f1d9";
497 | $fa-var-paperclip: "\f0c6";
498 | $fa-var-paragraph: "\f1dd";
499 | $fa-var-paste: "\f0ea";
500 | $fa-var-pause: "\f04c";
501 | $fa-var-pause-circle: "\f28b";
502 | $fa-var-pause-circle-o: "\f28c";
503 | $fa-var-paw: "\f1b0";
504 | $fa-var-paypal: "\f1ed";
505 | $fa-var-pencil: "\f040";
506 | $fa-var-pencil-square: "\f14b";
507 | $fa-var-pencil-square-o: "\f044";
508 | $fa-var-percent: "\f295";
509 | $fa-var-phone: "\f095";
510 | $fa-var-phone-square: "\f098";
511 | $fa-var-photo: "\f03e";
512 | $fa-var-picture-o: "\f03e";
513 | $fa-var-pie-chart: "\f200";
514 | $fa-var-pied-piper: "\f2ae";
515 | $fa-var-pied-piper-alt: "\f1a8";
516 | $fa-var-pied-piper-pp: "\f1a7";
517 | $fa-var-pinterest: "\f0d2";
518 | $fa-var-pinterest-p: "\f231";
519 | $fa-var-pinterest-square: "\f0d3";
520 | $fa-var-plane: "\f072";
521 | $fa-var-play: "\f04b";
522 | $fa-var-play-circle: "\f144";
523 | $fa-var-play-circle-o: "\f01d";
524 | $fa-var-plug: "\f1e6";
525 | $fa-var-plus: "\f067";
526 | $fa-var-plus-circle: "\f055";
527 | $fa-var-plus-square: "\f0fe";
528 | $fa-var-plus-square-o: "\f196";
529 | $fa-var-podcast: "\f2ce";
530 | $fa-var-power-off: "\f011";
531 | $fa-var-print: "\f02f";
532 | $fa-var-product-hunt: "\f288";
533 | $fa-var-puzzle-piece: "\f12e";
534 | $fa-var-qq: "\f1d6";
535 | $fa-var-qrcode: "\f029";
536 | $fa-var-question: "\f128";
537 | $fa-var-question-circle: "\f059";
538 | $fa-var-question-circle-o: "\f29c";
539 | $fa-var-quora: "\f2c4";
540 | $fa-var-quote-left: "\f10d";
541 | $fa-var-quote-right: "\f10e";
542 | $fa-var-ra: "\f1d0";
543 | $fa-var-random: "\f074";
544 | $fa-var-ravelry: "\f2d9";
545 | $fa-var-rebel: "\f1d0";
546 | $fa-var-recycle: "\f1b8";
547 | $fa-var-reddit: "\f1a1";
548 | $fa-var-reddit-alien: "\f281";
549 | $fa-var-reddit-square: "\f1a2";
550 | $fa-var-refresh: "\f021";
551 | $fa-var-registered: "\f25d";
552 | $fa-var-remove: "\f00d";
553 | $fa-var-renren: "\f18b";
554 | $fa-var-reorder: "\f0c9";
555 | $fa-var-repeat: "\f01e";
556 | $fa-var-reply: "\f112";
557 | $fa-var-reply-all: "\f122";
558 | $fa-var-resistance: "\f1d0";
559 | $fa-var-retweet: "\f079";
560 | $fa-var-rmb: "\f157";
561 | $fa-var-road: "\f018";
562 | $fa-var-rocket: "\f135";
563 | $fa-var-rotate-left: "\f0e2";
564 | $fa-var-rotate-right: "\f01e";
565 | $fa-var-rouble: "\f158";
566 | $fa-var-rss: "\f09e";
567 | $fa-var-rss-square: "\f143";
568 | $fa-var-rub: "\f158";
569 | $fa-var-ruble: "\f158";
570 | $fa-var-rupee: "\f156";
571 | $fa-var-s15: "\f2cd";
572 | $fa-var-safari: "\f267";
573 | $fa-var-save: "\f0c7";
574 | $fa-var-scissors: "\f0c4";
575 | $fa-var-scribd: "\f28a";
576 | $fa-var-search: "\f002";
577 | $fa-var-search-minus: "\f010";
578 | $fa-var-search-plus: "\f00e";
579 | $fa-var-sellsy: "\f213";
580 | $fa-var-send: "\f1d8";
581 | $fa-var-send-o: "\f1d9";
582 | $fa-var-server: "\f233";
583 | $fa-var-share: "\f064";
584 | $fa-var-share-alt: "\f1e0";
585 | $fa-var-share-alt-square: "\f1e1";
586 | $fa-var-share-square: "\f14d";
587 | $fa-var-share-square-o: "\f045";
588 | $fa-var-shekel: "\f20b";
589 | $fa-var-sheqel: "\f20b";
590 | $fa-var-shield: "\f132";
591 | $fa-var-ship: "\f21a";
592 | $fa-var-shirtsinbulk: "\f214";
593 | $fa-var-shopping-bag: "\f290";
594 | $fa-var-shopping-basket: "\f291";
595 | $fa-var-shopping-cart: "\f07a";
596 | $fa-var-shower: "\f2cc";
597 | $fa-var-sign-in: "\f090";
598 | $fa-var-sign-language: "\f2a7";
599 | $fa-var-sign-out: "\f08b";
600 | $fa-var-signal: "\f012";
601 | $fa-var-signing: "\f2a7";
602 | $fa-var-simplybuilt: "\f215";
603 | $fa-var-sitemap: "\f0e8";
604 | $fa-var-skyatlas: "\f216";
605 | $fa-var-skype: "\f17e";
606 | $fa-var-slack: "\f198";
607 | $fa-var-sliders: "\f1de";
608 | $fa-var-slideshare: "\f1e7";
609 | $fa-var-smile-o: "\f118";
610 | $fa-var-snapchat: "\f2ab";
611 | $fa-var-snapchat-ghost: "\f2ac";
612 | $fa-var-snapchat-square: "\f2ad";
613 | $fa-var-snowflake-o: "\f2dc";
614 | $fa-var-soccer-ball-o: "\f1e3";
615 | $fa-var-sort: "\f0dc";
616 | $fa-var-sort-alpha-asc: "\f15d";
617 | $fa-var-sort-alpha-desc: "\f15e";
618 | $fa-var-sort-amount-asc: "\f160";
619 | $fa-var-sort-amount-desc: "\f161";
620 | $fa-var-sort-asc: "\f0de";
621 | $fa-var-sort-desc: "\f0dd";
622 | $fa-var-sort-down: "\f0dd";
623 | $fa-var-sort-numeric-asc: "\f162";
624 | $fa-var-sort-numeric-desc: "\f163";
625 | $fa-var-sort-up: "\f0de";
626 | $fa-var-soundcloud: "\f1be";
627 | $fa-var-space-shuttle: "\f197";
628 | $fa-var-spinner: "\f110";
629 | $fa-var-spoon: "\f1b1";
630 | $fa-var-spotify: "\f1bc";
631 | $fa-var-square: "\f0c8";
632 | $fa-var-square-o: "\f096";
633 | $fa-var-stack-exchange: "\f18d";
634 | $fa-var-stack-overflow: "\f16c";
635 | $fa-var-star: "\f005";
636 | $fa-var-star-half: "\f089";
637 | $fa-var-star-half-empty: "\f123";
638 | $fa-var-star-half-full: "\f123";
639 | $fa-var-star-half-o: "\f123";
640 | $fa-var-star-o: "\f006";
641 | $fa-var-steam: "\f1b6";
642 | $fa-var-steam-square: "\f1b7";
643 | $fa-var-step-backward: "\f048";
644 | $fa-var-step-forward: "\f051";
645 | $fa-var-stethoscope: "\f0f1";
646 | $fa-var-sticky-note: "\f249";
647 | $fa-var-sticky-note-o: "\f24a";
648 | $fa-var-stop: "\f04d";
649 | $fa-var-stop-circle: "\f28d";
650 | $fa-var-stop-circle-o: "\f28e";
651 | $fa-var-street-view: "\f21d";
652 | $fa-var-strikethrough: "\f0cc";
653 | $fa-var-stumbleupon: "\f1a4";
654 | $fa-var-stumbleupon-circle: "\f1a3";
655 | $fa-var-subscript: "\f12c";
656 | $fa-var-subway: "\f239";
657 | $fa-var-suitcase: "\f0f2";
658 | $fa-var-sun-o: "\f185";
659 | $fa-var-superpowers: "\f2dd";
660 | $fa-var-superscript: "\f12b";
661 | $fa-var-support: "\f1cd";
662 | $fa-var-table: "\f0ce";
663 | $fa-var-tablet: "\f10a";
664 | $fa-var-tachometer: "\f0e4";
665 | $fa-var-tag: "\f02b";
666 | $fa-var-tags: "\f02c";
667 | $fa-var-tasks: "\f0ae";
668 | $fa-var-taxi: "\f1ba";
669 | $fa-var-telegram: "\f2c6";
670 | $fa-var-television: "\f26c";
671 | $fa-var-tencent-weibo: "\f1d5";
672 | $fa-var-terminal: "\f120";
673 | $fa-var-text-height: "\f034";
674 | $fa-var-text-width: "\f035";
675 | $fa-var-th: "\f00a";
676 | $fa-var-th-large: "\f009";
677 | $fa-var-th-list: "\f00b";
678 | $fa-var-themeisle: "\f2b2";
679 | $fa-var-thermometer: "\f2c7";
680 | $fa-var-thermometer-0: "\f2cb";
681 | $fa-var-thermometer-1: "\f2ca";
682 | $fa-var-thermometer-2: "\f2c9";
683 | $fa-var-thermometer-3: "\f2c8";
684 | $fa-var-thermometer-4: "\f2c7";
685 | $fa-var-thermometer-empty: "\f2cb";
686 | $fa-var-thermometer-full: "\f2c7";
687 | $fa-var-thermometer-half: "\f2c9";
688 | $fa-var-thermometer-quarter: "\f2ca";
689 | $fa-var-thermometer-three-quarters: "\f2c8";
690 | $fa-var-thumb-tack: "\f08d";
691 | $fa-var-thumbs-down: "\f165";
692 | $fa-var-thumbs-o-down: "\f088";
693 | $fa-var-thumbs-o-up: "\f087";
694 | $fa-var-thumbs-up: "\f164";
695 | $fa-var-ticket: "\f145";
696 | $fa-var-times: "\f00d";
697 | $fa-var-times-circle: "\f057";
698 | $fa-var-times-circle-o: "\f05c";
699 | $fa-var-times-rectangle: "\f2d3";
700 | $fa-var-times-rectangle-o: "\f2d4";
701 | $fa-var-tint: "\f043";
702 | $fa-var-toggle-down: "\f150";
703 | $fa-var-toggle-left: "\f191";
704 | $fa-var-toggle-off: "\f204";
705 | $fa-var-toggle-on: "\f205";
706 | $fa-var-toggle-right: "\f152";
707 | $fa-var-toggle-up: "\f151";
708 | $fa-var-trademark: "\f25c";
709 | $fa-var-train: "\f238";
710 | $fa-var-transgender: "\f224";
711 | $fa-var-transgender-alt: "\f225";
712 | $fa-var-trash: "\f1f8";
713 | $fa-var-trash-o: "\f014";
714 | $fa-var-tree: "\f1bb";
715 | $fa-var-trello: "\f181";
716 | $fa-var-tripadvisor: "\f262";
717 | $fa-var-trophy: "\f091";
718 | $fa-var-truck: "\f0d1";
719 | $fa-var-try: "\f195";
720 | $fa-var-tty: "\f1e4";
721 | $fa-var-tumblr: "\f173";
722 | $fa-var-tumblr-square: "\f174";
723 | $fa-var-turkish-lira: "\f195";
724 | $fa-var-tv: "\f26c";
725 | $fa-var-twitch: "\f1e8";
726 | $fa-var-twitter: "\f099";
727 | $fa-var-twitter-square: "\f081";
728 | $fa-var-umbrella: "\f0e9";
729 | $fa-var-underline: "\f0cd";
730 | $fa-var-undo: "\f0e2";
731 | $fa-var-universal-access: "\f29a";
732 | $fa-var-university: "\f19c";
733 | $fa-var-unlink: "\f127";
734 | $fa-var-unlock: "\f09c";
735 | $fa-var-unlock-alt: "\f13e";
736 | $fa-var-unsorted: "\f0dc";
737 | $fa-var-upload: "\f093";
738 | $fa-var-usb: "\f287";
739 | $fa-var-usd: "\f155";
740 | $fa-var-user: "\f007";
741 | $fa-var-user-circle: "\f2bd";
742 | $fa-var-user-circle-o: "\f2be";
743 | $fa-var-user-md: "\f0f0";
744 | $fa-var-user-o: "\f2c0";
745 | $fa-var-user-plus: "\f234";
746 | $fa-var-user-secret: "\f21b";
747 | $fa-var-user-times: "\f235";
748 | $fa-var-users: "\f0c0";
749 | $fa-var-vcard: "\f2bb";
750 | $fa-var-vcard-o: "\f2bc";
751 | $fa-var-venus: "\f221";
752 | $fa-var-venus-double: "\f226";
753 | $fa-var-venus-mars: "\f228";
754 | $fa-var-viacoin: "\f237";
755 | $fa-var-viadeo: "\f2a9";
756 | $fa-var-viadeo-square: "\f2aa";
757 | $fa-var-video-camera: "\f03d";
758 | $fa-var-vimeo: "\f27d";
759 | $fa-var-vimeo-square: "\f194";
760 | $fa-var-vine: "\f1ca";
761 | $fa-var-vk: "\f189";
762 | $fa-var-volume-control-phone: "\f2a0";
763 | $fa-var-volume-down: "\f027";
764 | $fa-var-volume-off: "\f026";
765 | $fa-var-volume-up: "\f028";
766 | $fa-var-warning: "\f071";
767 | $fa-var-wechat: "\f1d7";
768 | $fa-var-weibo: "\f18a";
769 | $fa-var-weixin: "\f1d7";
770 | $fa-var-whatsapp: "\f232";
771 | $fa-var-wheelchair: "\f193";
772 | $fa-var-wheelchair-alt: "\f29b";
773 | $fa-var-wifi: "\f1eb";
774 | $fa-var-wikipedia-w: "\f266";
775 | $fa-var-window-close: "\f2d3";
776 | $fa-var-window-close-o: "\f2d4";
777 | $fa-var-window-maximize: "\f2d0";
778 | $fa-var-window-minimize: "\f2d1";
779 | $fa-var-window-restore: "\f2d2";
780 | $fa-var-windows: "\f17a";
781 | $fa-var-won: "\f159";
782 | $fa-var-wordpress: "\f19a";
783 | $fa-var-wpbeginner: "\f297";
784 | $fa-var-wpexplorer: "\f2de";
785 | $fa-var-wpforms: "\f298";
786 | $fa-var-wrench: "\f0ad";
787 | $fa-var-xing: "\f168";
788 | $fa-var-xing-square: "\f169";
789 | $fa-var-y-combinator: "\f23b";
790 | $fa-var-y-combinator-square: "\f1d4";
791 | $fa-var-yahoo: "\f19e";
792 | $fa-var-yc: "\f23b";
793 | $fa-var-yc-square: "\f1d4";
794 | $fa-var-yelp: "\f1e9";
795 | $fa-var-yen: "\f157";
796 | $fa-var-yoast: "\f2b1";
797 | $fa-var-youtube: "\f167";
798 | $fa-var-youtube-play: "\f16a";
799 | $fa-var-youtube-square: "\f166";
800 | 
801 | 


--------------------------------------------------------------------------------
/css/font-awesome-4.7.0/css/font-awesome.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
3 |  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
4 |  */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-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)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
5 | 


--------------------------------------------------------------------------------