diff --git a/Gruntfile.js b/Gruntfile.js
index e91d33d..b1455e9 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -2,99 +2,119 @@
/* global module: true */
module.exports = function (grunt) {
- 'use strict';
- // Project configuration.
- grunt.initConfig({
- pkg: grunt.file.readJSON('package.json'),
- sass: {
- expanded: {
- options: {
- style: 'expanded'
- },
- files: {
- 'css/openwebicons.css': 'sass/openwebicons.scss',
- 'css/openwebicons-bootstrap.css': 'sass/openwebicons-bootstrap.scss',
- 'css/openwebicons-cdn.css': 'sass/openwebicons-cdn.scss'
- }
- },
- compressed: {
- options: {
- style: 'compressed'
- },
- files: {
- 'css/openwebicons.min.css': 'sass/openwebicons.scss',
- 'css/openwebicons-bootstrap.min.css': 'sass/openwebicons-bootstrap.scss',
- 'css/openwebicons-cdn.min.css': 'sass/openwebicons-cdn.scss'
- }
- },
- compact: {
- options: {
- style: 'compact'
- },
- files: {
- 'css/weloveiconfonts.css': 'sass/weloveiconfonts.scss'
- }
- }
- },
- // generate a TTF file from the SVG file
- svg2ttf: {
- svg2ttf: {
- src: 'source/*.svg',
- dest: 'source/'
- }
- },
+ 'use strict';
+ // Project configuration.
+ grunt.initConfig({
+ pkg: grunt.file.readJSON('package.json'),
+ sass: {
+ expanded: {
+ options: {
+ style: 'expanded'
+ },
+ files: {
+ 'css/openwebicons.css': 'sass/openwebicons.scss',
+ 'css/openwebicons-bootstrap.css': 'sass/openwebicons-bootstrap.scss',
+ 'css/openwebicons-cdn.css': 'sass/openwebicons-cdn.scss',
+ 'styleguide/css/openwebicons-styleguide.css': 'sass/openwebicons-styleguide.scss'
+ }
+ },
+ compressed: {
+ options: {
+ style: 'compressed'
+ },
+ files: {
+ 'css/openwebicons.min.css': 'sass/openwebicons.scss',
+ 'css/openwebicons-bootstrap.min.css': 'sass/openwebicons-bootstrap.scss',
+ 'css/openwebicons-cdn.min.css': 'sass/openwebicons-cdn.scss'
+ }
+ },
+ compact: {
+ options: {
+ style: 'compact'
+ },
+ files: {
+ 'css/weloveiconfonts.css': 'sass/weloveiconfonts.scss'
+ }
+ }
+ },
+ // generate a TTF file from the SVG file
+ svg2ttf: {
+ svg2ttf: {
+ src: 'source/*.svg',
+ dest: 'source/'
+ }
+ },
- update_json: {
- // update bower.json with data from package.json
- bower: {
- src: 'package.json', // where to read from
- dest: 'bower.json', // where to write to
- // the fields to update, as a String Grouping
- fields: {
- 'name': null,
- 'version': null,
- 'description': null
- }
- },
- // update component.json with data from package.json
- // component.json fields are a named a bit differently from
- // package.json, so let's tell update_json how to map names
- component: {
- src: 'package.json',
- // reuse the task-level `src`
- dest: 'component.json', // where to write to
- fields: {
- 'name': null,
- 'description': null,
- 'version': null,
- 'keywords': null,
- 'main': null,
- 'development': 'devDependencies',
- 'license': null
- }
- },
- // `composer` has the same data as `package`, but has some tricky
- // semantics
- composer: {
- src: 'package.json',
- // again, reuse the task-level `src`
- dest: 'composer.json',
- // the fields in an Array Grouping with some embedded Object Groupings
- fields: {
- 'description': null,
- 'keywords': null,
- 'license': null
- }
- }
- }
- });
+ kss: {
+ options: {
+ includeType: 'css',
+ includePath: 'styleguide/css/openwebicons-styleguide.css',
+ },
+ dist: {
+ files: {
+ 'styleguide': ['styleguide/css']
+ }
+ }
+ },
- // Load the plugin that provides the "uglify" task.
- grunt.loadNpmTasks('grunt-contrib-sass');
- grunt.loadNpmTasks('grunt-update-json');
- grunt.loadNpmTasks('grunt-svg2ttf');
+ update_json: {
+ // update bower.json with data from package.json
+ bower: {
+ src: 'package.json', // where to read from
+ dest: 'bower.json', // where to write to
+ // the fields to update, as a String Grouping
+ fields: {
+ 'name': null,
+ 'version': null,
+ 'description': null
+ }
+ },
+ // update component.json with data from package.json
+ // component.json fields are a named a bit differently from
+ // package.json, so let's tell update_json how to map names
+ component: {
+ src: 'package.json',
+ // reuse the task-level `src`
+ dest: 'component.json', // where to write to
+ fields: {
+ 'name': null,
+ 'description': null,
+ 'version': null,
+ 'keywords': null,
+ 'main': null,
+ 'development': 'devDependencies',
+ 'license': null
+ }
+ },
+ // `composer` has the same data as `package`, but has some tricky
+ // semantics
+ composer: {
+ src: 'package.json',
+ // again, reuse the task-level `src`
+ dest: 'composer.json',
+ // the fields in an Array Grouping with some embedded Object Groupings
+ fields: {
+ 'description': null,
+ 'keywords': null,
+ 'license': null
+ }
+ }
+ }
+ });
- // Default task(s).
- grunt.registerTask('default', ['sass', 'update_json', 'svg2ttf']);
+ // Load the plugin that provides the "uglify" task.
+ grunt.loadNpmTasks('grunt-contrib-sass');
+ grunt.loadNpmTasks('grunt-update-json');
+ grunt.loadNpmTasks('grunt-svg2ttf');
+ grunt.loadNpmTasks('grunt-kss');
+
+ // Default task(s).
+ grunt.registerTask('font', ['svg2ttf']);
+
+ // generate styleguide
+ grunt.registerTask('styleguide', ['sass', 'kss']);
+
+ // Default task(s).
+ grunt.registerTask('default', ['sass', 'update_json']);
};
\ No newline at end of file
diff --git a/bower.json b/bower.json
index 0d137eb..8cbbc7f 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
{
"name": "openwebicons",
- "version": "1.2.3",
+ "version": "1.3.0",
"main": [
"./css/openwebicons.css",
"./css/openwebicons-bootstrap.css"
@@ -10,6 +10,7 @@
"sass",
"source",
"test",
+ "styleguide",
".editorconfig",
".gitignore",
".jshintrc",
diff --git a/component.json b/component.json
index c74b01b..dcf389f 100644
--- a/component.json
+++ b/component.json
@@ -1,7 +1,7 @@
{
"name": "openwebicons",
"repo": "pfefferle/openwebicons",
- "version": "1.2.3",
+ "version": "1.3.0",
"keywords": [
"openweb",
"icons",
diff --git a/css/openwebicons-bootstrap.css b/css/openwebicons-bootstrap.css
index 5d3c2ff..39d9d77 100644
--- a/css/openwebicons-bootstrap.css
+++ b/css/openwebicons-bootstrap.css
@@ -1,11 +1,11 @@
@font-face {
font-family: 'OpenWeb Icons';
src: url("../font/openwebicons.eot");
- src: url("../font/openwebicons.eot?#iefix") format("embedded-opentype"), url("../font/openwebicons.woff") format("woff"), url("../font/openwebicons.ttf") format("truetype"), url("../font/openwebicons.svg#openweb_iconsregular") format("svg");
+ src: url("../font/openwebicons.eot?#iefix") format("embedded-opentype"), url("../font/openwebicons.woff2") format("woff2"), url("../font/openwebicons.woff") format("woff"), url("../font/openwebicons.ttf") format("truetype"), url("../font/openwebicons.svg#openweb_iconsregular") format("svg");
font-weight: normal;
font-style: normal;
}
-[class^="icon-apml"]:before, [class*=" icon-apml"]:before, [class^="icon-open-share"]:before, [class*=" icon-open-share"]:before, [class^="icon-open-share-simple"]:before, [class*=" icon-open-share-simple"]:before, [class^="icon-share"]:before, [class*=" icon-share"]:before, [class^="icon-share-simple"]:before, [class*=" icon-share-simple"]:before, [class^="icon-feed"]:before, [class*=" icon-feed"]:before, [class^="icon-feed-simple"]:before, [class*=" icon-feed-simple"]:before, [class^="icon-ostatus"]:before, [class*=" icon-ostatus"]:before, [class^="icon-ostatus-simple"]:before, [class*=" icon-ostatus-simple"]:before, [class^="icon-opml"]:before, [class*=" icon-opml"]:before, [class^="icon-activity"]:before, [class*=" icon-activity"]:before, [class^="icon-activity-simple"]:before, [class*=" icon-activity-simple"]:before, [class^="icon-microformats"]:before, [class*=" icon-microformats"]:before, [class^="icon-geo"]:before, [class*=" icon-geo"]:before, [class^="icon-opensearch"]:before, [class*=" icon-opensearch"]:before, [class^="icon-oauth"]:before, [class*=" icon-oauth"]:before, [class^="icon-openid"]:before, [class*=" icon-openid"]:before, [class^="icon-semantic-web"]:before, [class*=" icon-semantic-web"]:before, [class^="icon-rdf"]:before, [class*=" icon-rdf"]:before, [class^="icon-rdfa"]:before, [class*=" icon-rdfa"]:before, [class^="icon-owl"]:before, [class*=" icon-owl"]:before, [class^="icon-dataportability"]:before, [class*=" icon-dataportability"]:before, [class^="icon-federated"]:before, [class*=" icon-federated"]:before, [class^="icon-web-intents"]:before, [class*=" icon-web-intents"]:before, [class^="icon-open-web"]:before, [class*=" icon-open-web"]:before, [class^="icon-xmpp"]:before, [class*=" icon-xmpp"]:before, [class^="icon-html5"]:before, [class*=" icon-html5"]:before, [class^="icon-css3"]:before, [class*=" icon-css3"]:before, [class^="icon-connectivity"]:before, [class*=" icon-connectivity"]:before, [class^="icon-semantics"]:before, [class*=" icon-semantics"]:before, [class^="icon-3deffects"]:before, [class*=" icon-3deffects"]:before, [class^="icon-device-access"]:before, [class*=" icon-device-access"]:before, [class^="icon-multimedia"]:before, [class*=" icon-multimedia"]:before, [class^="icon-offline-storage"]:before, [class*=" icon-offline-storage"]:before, [class^="icon-perfintegration"]:before, [class*=" icon-perfintegration"]:before, [class^="icon-git"]:before, [class*=" icon-git"]:before, [class^="icon-webhooks"]:before, [class*=" icon-webhooks"]:before, [class^="icon-osi"]:before, [class*=" icon-osi"]:before, [class^="icon-opensource"]:before, [class*=" icon-opensource"]:before, [class^="icon-opengraph"]:before, [class*=" icon-opengraph"]:before, [class^="icon-epub"]:before, [class*=" icon-epub"]:before, [class^="icon-qr"]:before, [class*=" icon-qr"]:before, [class^="icon-foaf"]:before, [class*=" icon-foaf"]:before, [class^="icon-info-card"]:before, [class*=" icon-info-card"]:before, [class^="icon-browserid"]:before, [class*=" icon-browserid"]:before, [class^="icon-remote-storage"]:before, [class*=" icon-remote-storage"]:before, [class^="icon-persona"]:before, [class*=" icon-persona"]:before, [class^="icon-odata"]:before, [class*=" icon-odata"]:before, [class^="icon-markdown"]:before, [class*=" icon-markdown"]:before, [class^="icon-tosdr"]:before, [class*=" icon-tosdr"]:before, [class^="icon-pub"]:before, [class*=" icon-pub"]:before, [class^="icon-sub"]:before, [class*=" icon-sub"]:before, [class^="icon-hubbub"]:before, [class*=" icon-hubbub"]:before, [class^="icon-pubsubhubbub"]:before, [class*=" icon-pubsubhubbub"]:before, [class^="icon-cc"]:before, [class*=" icon-cc"]:before, [class^="icon-cc-by"]:before, [class*=" icon-cc-by"]:before, [class^="icon-cc-nc"]:before, [class*=" icon-cc-nc"]:before, [class^="icon-cc-nc-eu"]:before, [class*=" icon-cc-nc-eu"]:before, [class^="icon-cc-nc-jp"]:before, [class*=" icon-cc-nc-jp"]:before, [class^="icon-cc-sa"]:before, [class*=" icon-cc-sa"]:before, [class^="icon-cc-nd"]:before, [class*=" icon-cc-nd"]:before, [class^="icon-cc-public"]:before, [class*=" icon-cc-public"]:before, [class^="icon-cc-zero"]:before, [class*=" icon-cc-zero"]:before, [class^="icon-cc-share"]:before, [class*=" icon-cc-share"]:before, [class^="icon-cc-remix"]:before, [class*=" icon-cc-remix"]:before, [class^="icon-hatom"]:before, [class*=" icon-hatom"]:before, [class^="icon-hresume"]:before, [class*=" icon-hresume"]:before, [class^="icon-hcard-add"]:before, [class*=" icon-hcard-add"]:before, [class^="icon-hcard-download"]:before, [class*=" icon-hcard-download"]:before, [class^="icon-indieweb"]:before, [class*=" icon-indieweb"]:before, [class^="icon-indiewebcamp"]:before, [class*=" icon-indiewebcamp"]:before, [class^="icon-webfinger"]:before, [class*=" icon-webfinger"]:before, [class^="icon-bitcoin"]:before, [class*=" icon-bitcoin"]:before, [class^="icon-bitcoin-simple"]:before, [class*=" icon-bitcoin-simple"]:before, [class^="icon-svg"]:before, [class*=" icon-svg"]:before, [class^="icon-json-ld"]:before, [class*=" icon-json-ld"]:before, [class^="icon-tent"]:before, [class*=" icon-tent"]:before, [class^="icon-copyleft"]:before, [class*=" icon-copyleft"]:before, [class^="icon-gnu"]:before, [class*=" icon-gnu"]:before, [class^="icon-ofl-attribution"]:before, [class*=" icon-ofl-attribution"]:before, [class^="icon-ofl-share"]:before, [class*=" icon-ofl-share"]:before, [class^="icon-ofl-renaming"]:before, [class*=" icon-ofl-renaming"]:before, [class^="icon-ofl-selling"]:before, [class*=" icon-ofl-selling"]:before, [class^="icon-ofl-embedding"]:before, [class*=" icon-ofl-embedding"]:before, [class^="icon-webmention"]:before, [class*=" icon-webmention"]:before, [class^="icon-javascript"]:before, [class*=" icon-javascript"]:before, [class^="icon-wtfpl"]:before, [class*=" icon-wtfpl"]:before, [class^="icon-ofl"]:before, [class*=" icon-ofl"]:before {
+[class^="icon-apml"]:before, [class*=" icon-apml"]:before, [class^="icon-open-share"]:before, [class*=" icon-open-share"]:before, [class^="icon-open-share-simple"]:before, [class*=" icon-open-share-simple"]:before, [class^="icon-share"]:before, [class*=" icon-share"]:before, [class^="icon-share-simple"]:before, [class*=" icon-share-simple"]:before, [class^="icon-feed"]:before, [class*=" icon-feed"]:before, [class^="icon-feed-simple"]:before, [class*=" icon-feed-simple"]:before, [class^="icon-ostatus"]:before, [class*=" icon-ostatus"]:before, [class^="icon-ostatus-simple"]:before, [class*=" icon-ostatus-simple"]:before, [class^="icon-opml"]:before, [class*=" icon-opml"]:before, [class^="icon-activity"]:before, [class*=" icon-activity"]:before, [class^="icon-activity-simple"]:before, [class*=" icon-activity-simple"]:before, [class^="icon-microformats"]:before, [class*=" icon-microformats"]:before, [class^="icon-geo"]:before, [class*=" icon-geo"]:before, [class^="icon-opensearch"]:before, [class*=" icon-opensearch"]:before, [class^="icon-oauth"]:before, [class*=" icon-oauth"]:before, [class^="icon-openid"]:before, [class*=" icon-openid"]:before, [class^="icon-semantic-web"]:before, [class*=" icon-semantic-web"]:before, [class^="icon-rdf"]:before, [class*=" icon-rdf"]:before, [class^="icon-rdfa"]:before, [class*=" icon-rdfa"]:before, [class^="icon-owl"]:before, [class*=" icon-owl"]:before, [class^="icon-dataportability"]:before, [class*=" icon-dataportability"]:before, [class^="icon-federated"]:before, [class*=" icon-federated"]:before, [class^="icon-web-intents"]:before, [class*=" icon-web-intents"]:before, [class^="icon-open-web"]:before, [class*=" icon-open-web"]:before, [class^="icon-xmpp"]:before, [class*=" icon-xmpp"]:before, [class^="icon-html5"]:before, [class*=" icon-html5"]:before, [class^="icon-css3"]:before, [class*=" icon-css3"]:before, [class^="icon-connectivity"]:before, [class*=" icon-connectivity"]:before, [class^="icon-semantics"]:before, [class*=" icon-semantics"]:before, [class^="icon-3deffects"]:before, [class*=" icon-3deffects"]:before, [class^="icon-device-access"]:before, [class*=" icon-device-access"]:before, [class^="icon-multimedia"]:before, [class*=" icon-multimedia"]:before, [class^="icon-offline-storage"]:before, [class*=" icon-offline-storage"]:before, [class^="icon-perfintegration"]:before, [class*=" icon-perfintegration"]:before, [class^="icon-git"]:before, [class*=" icon-git"]:before, [class^="icon-webhooks"]:before, [class*=" icon-webhooks"]:before, [class^="icon-osi"]:before, [class*=" icon-osi"]:before, [class^="icon-opensource"]:before, [class*=" icon-opensource"]:before, [class^="icon-opengraph"]:before, [class*=" icon-opengraph"]:before, [class^="icon-epub"]:before, [class*=" icon-epub"]:before, [class^="icon-qr"]:before, [class*=" icon-qr"]:before, [class^="icon-foaf"]:before, [class*=" icon-foaf"]:before, [class^="icon-info-card"]:before, [class*=" icon-info-card"]:before, [class^="icon-browserid"]:before, [class*=" icon-browserid"]:before, [class^="icon-remote-storage"]:before, [class*=" icon-remote-storage"]:before, [class^="icon-persona"]:before, [class*=" icon-persona"]:before, [class^="icon-odata"]:before, [class*=" icon-odata"]:before, [class^="icon-markdown"]:before, [class*=" icon-markdown"]:before, [class^="icon-tosdr"]:before, [class*=" icon-tosdr"]:before, [class^="icon-pub"]:before, [class*=" icon-pub"]:before, [class^="icon-sub"]:before, [class*=" icon-sub"]:before, [class^="icon-hubbub"]:before, [class*=" icon-hubbub"]:before, [class^="icon-pubsubhubbub"]:before, [class*=" icon-pubsubhubbub"]:before, [class^="icon-cc"]:before, [class*=" icon-cc"]:before, [class^="icon-cc-by"]:before, [class*=" icon-cc-by"]:before, [class^="icon-cc-nc"]:before, [class*=" icon-cc-nc"]:before, [class^="icon-cc-nc-eu"]:before, [class*=" icon-cc-nc-eu"]:before, [class^="icon-cc-nc-jp"]:before, [class*=" icon-cc-nc-jp"]:before, [class^="icon-cc-sa"]:before, [class*=" icon-cc-sa"]:before, [class^="icon-cc-nd"]:before, [class*=" icon-cc-nd"]:before, [class^="icon-cc-public"]:before, [class*=" icon-cc-public"]:before, [class^="icon-cc-zero"]:before, [class*=" icon-cc-zero"]:before, [class^="icon-cc-share"]:before, [class*=" icon-cc-share"]:before, [class^="icon-cc-remix"]:before, [class*=" icon-cc-remix"]:before, [class^="icon-hatom"]:before, [class*=" icon-hatom"]:before, [class^="icon-hresume"]:before, [class*=" icon-hresume"]:before, [class^="icon-hcard-add"]:before, [class*=" icon-hcard-add"]:before, [class^="icon-hcard-download"]:before, [class*=" icon-hcard-download"]:before, [class^="icon-indieweb"]:before, [class*=" icon-indieweb"]:before, [class^="icon-indiewebcamp"]:before, [class*=" icon-indiewebcamp"]:before, [class^="icon-webfinger"]:before, [class*=" icon-webfinger"]:before, [class^="icon-bitcoin"]:before, [class*=" icon-bitcoin"]:before, [class^="icon-bitcoin-simple"]:before, [class*=" icon-bitcoin-simple"]:before, [class^="icon-svg"]:before, [class*=" icon-svg"]:before, [class^="icon-json-ld"]:before, [class*=" icon-json-ld"]:before, [class^="icon-tent"]:before, [class*=" icon-tent"]:before, [class^="icon-copyleft"]:before, [class*=" icon-copyleft"]:before, [class^="icon-gnu"]:before, [class*=" icon-gnu"]:before, [class^="icon-ofl-attribution"]:before, [class*=" icon-ofl-attribution"]:before, [class^="icon-ofl-share"]:before, [class*=" icon-ofl-share"]:before, [class^="icon-ofl-renaming"]:before, [class*=" icon-ofl-renaming"]:before, [class^="icon-ofl-selling"]:before, [class*=" icon-ofl-selling"]:before, [class^="icon-ofl-embedding"]:before, [class*=" icon-ofl-embedding"]:before, [class^="icon-webmention"]:before, [class*=" icon-webmention"]:before, [class^="icon-javascript"]:before, [class*=" icon-javascript"]:before, [class^="icon-wtfpl"]:before, [class*=" icon-wtfpl"]:before, [class^="icon-ofl"]:before, [class*=" icon-ofl"]:before, [class^="icon-wordpress"]:before, [class*=" icon-wordpress"]:before, [class^="icon-owncloud"]:before, [class*=" icon-owncloud"]:before, [class^="icon-cccs"]:before, [class*=" icon-cccs"]:before, [class^="icon-barcamp"]:before, [class*=" icon-barcamp"]:before, [class^="icon-indiehosters"]:before, [class*=" icon-indiehosters"]:before, [class^="icon-known"]:before, [class*=" icon-known"]:before, [class^="icon-mozilla"]:before, [class*=" icon-mozilla"]:before {
font-family: 'OpenWeb Icons';
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
@@ -380,6 +380,34 @@ li[class^="icon-"], li[class*=" icon-"] {
content: "\f053";
}
+.icon-wordpress:before {
+ content: "\f054";
+}
+
+.icon-owncloud:before {
+ content: "\f055";
+}
+
+.icon-cccs:before {
+ content: "\f056";
+}
+
+.icon-barcamp:before {
+ content: "\f057";
+}
+
+.icon-indiehosters:before {
+ content: "\f058";
+}
+
+.icon-known:before {
+ content: "\f059";
+}
+
+.icon-mozilla:before {
+ content: "\f05a";
+}
+
.icon-apml-colored:before {
content: "\f001";
color: #AFDD63;
diff --git a/css/openwebicons-bootstrap.min.css b/css/openwebicons-bootstrap.min.css
index 82627b1..87aca2c 100644
--- a/css/openwebicons-bootstrap.min.css
+++ b/css/openwebicons-bootstrap.min.css
@@ -1 +1 @@
-@font-face{font-family:'OpenWeb Icons';src:url("../font/openwebicons.eot");src:url("../font/openwebicons.eot?#iefix") format("embedded-opentype"),url("../font/openwebicons.woff") format("woff"),url("../font/openwebicons.ttf") format("truetype"),url("../font/openwebicons.svg#openweb_iconsregular") format("svg");font-weight:normal;font-style:normal}[class^="icon-apml"]:before,[class*=" icon-apml"]:before,[class^="icon-open-share"]:before,[class*=" icon-open-share"]:before,[class^="icon-open-share-simple"]:before,[class*=" icon-open-share-simple"]:before,[class^="icon-share"]:before,[class*=" icon-share"]:before,[class^="icon-share-simple"]:before,[class*=" icon-share-simple"]:before,[class^="icon-feed"]:before,[class*=" icon-feed"]:before,[class^="icon-feed-simple"]:before,[class*=" icon-feed-simple"]:before,[class^="icon-ostatus"]:before,[class*=" icon-ostatus"]:before,[class^="icon-ostatus-simple"]:before,[class*=" icon-ostatus-simple"]:before,[class^="icon-opml"]:before,[class*=" icon-opml"]:before,[class^="icon-activity"]:before,[class*=" icon-activity"]:before,[class^="icon-activity-simple"]:before,[class*=" icon-activity-simple"]:before,[class^="icon-microformats"]:before,[class*=" icon-microformats"]:before,[class^="icon-geo"]:before,[class*=" icon-geo"]:before,[class^="icon-opensearch"]:before,[class*=" icon-opensearch"]:before,[class^="icon-oauth"]:before,[class*=" icon-oauth"]:before,[class^="icon-openid"]:before,[class*=" icon-openid"]:before,[class^="icon-semantic-web"]:before,[class*=" icon-semantic-web"]:before,[class^="icon-rdf"]:before,[class*=" icon-rdf"]:before,[class^="icon-rdfa"]:before,[class*=" icon-rdfa"]:before,[class^="icon-owl"]:before,[class*=" icon-owl"]:before,[class^="icon-dataportability"]:before,[class*=" icon-dataportability"]:before,[class^="icon-federated"]:before,[class*=" icon-federated"]:before,[class^="icon-web-intents"]:before,[class*=" icon-web-intents"]:before,[class^="icon-open-web"]:before,[class*=" icon-open-web"]:before,[class^="icon-xmpp"]:before,[class*=" icon-xmpp"]:before,[class^="icon-html5"]:before,[class*=" icon-html5"]:before,[class^="icon-css3"]:before,[class*=" icon-css3"]:before,[class^="icon-connectivity"]:before,[class*=" icon-connectivity"]:before,[class^="icon-semantics"]:before,[class*=" icon-semantics"]:before,[class^="icon-3deffects"]:before,[class*=" icon-3deffects"]:before,[class^="icon-device-access"]:before,[class*=" icon-device-access"]:before,[class^="icon-multimedia"]:before,[class*=" icon-multimedia"]:before,[class^="icon-offline-storage"]:before,[class*=" icon-offline-storage"]:before,[class^="icon-perfintegration"]:before,[class*=" icon-perfintegration"]:before,[class^="icon-git"]:before,[class*=" icon-git"]:before,[class^="icon-webhooks"]:before,[class*=" icon-webhooks"]:before,[class^="icon-osi"]:before,[class*=" icon-osi"]:before,[class^="icon-opensource"]:before,[class*=" icon-opensource"]:before,[class^="icon-opengraph"]:before,[class*=" icon-opengraph"]:before,[class^="icon-epub"]:before,[class*=" icon-epub"]:before,[class^="icon-qr"]:before,[class*=" icon-qr"]:before,[class^="icon-foaf"]:before,[class*=" icon-foaf"]:before,[class^="icon-info-card"]:before,[class*=" icon-info-card"]:before,[class^="icon-browserid"]:before,[class*=" icon-browserid"]:before,[class^="icon-remote-storage"]:before,[class*=" icon-remote-storage"]:before,[class^="icon-persona"]:before,[class*=" icon-persona"]:before,[class^="icon-odata"]:before,[class*=" icon-odata"]:before,[class^="icon-markdown"]:before,[class*=" icon-markdown"]:before,[class^="icon-tosdr"]:before,[class*=" icon-tosdr"]:before,[class^="icon-pub"]:before,[class*=" icon-pub"]:before,[class^="icon-sub"]:before,[class*=" icon-sub"]:before,[class^="icon-hubbub"]:before,[class*=" icon-hubbub"]:before,[class^="icon-pubsubhubbub"]:before,[class*=" icon-pubsubhubbub"]:before,[class^="icon-cc"]:before,[class*=" icon-cc"]:before,[class^="icon-cc-by"]:before,[class*=" icon-cc-by"]:before,[class^="icon-cc-nc"]:before,[class*=" icon-cc-nc"]:before,[class^="icon-cc-nc-eu"]:before,[class*=" icon-cc-nc-eu"]:before,[class^="icon-cc-nc-jp"]:before,[class*=" icon-cc-nc-jp"]:before,[class^="icon-cc-sa"]:before,[class*=" icon-cc-sa"]:before,[class^="icon-cc-nd"]:before,[class*=" icon-cc-nd"]:before,[class^="icon-cc-public"]:before,[class*=" icon-cc-public"]:before,[class^="icon-cc-zero"]:before,[class*=" icon-cc-zero"]:before,[class^="icon-cc-share"]:before,[class*=" icon-cc-share"]:before,[class^="icon-cc-remix"]:before,[class*=" icon-cc-remix"]:before,[class^="icon-hatom"]:before,[class*=" icon-hatom"]:before,[class^="icon-hresume"]:before,[class*=" icon-hresume"]:before,[class^="icon-hcard-add"]:before,[class*=" icon-hcard-add"]:before,[class^="icon-hcard-download"]:before,[class*=" icon-hcard-download"]:before,[class^="icon-indieweb"]:before,[class*=" icon-indieweb"]:before,[class^="icon-indiewebcamp"]:before,[class*=" icon-indiewebcamp"]:before,[class^="icon-webfinger"]:before,[class*=" icon-webfinger"]:before,[class^="icon-bitcoin"]:before,[class*=" icon-bitcoin"]:before,[class^="icon-bitcoin-simple"]:before,[class*=" icon-bitcoin-simple"]:before,[class^="icon-svg"]:before,[class*=" icon-svg"]:before,[class^="icon-json-ld"]:before,[class*=" icon-json-ld"]:before,[class^="icon-tent"]:before,[class*=" icon-tent"]:before,[class^="icon-copyleft"]:before,[class*=" icon-copyleft"]:before,[class^="icon-gnu"]:before,[class*=" icon-gnu"]:before,[class^="icon-ofl-attribution"]:before,[class*=" icon-ofl-attribution"]:before,[class^="icon-ofl-share"]:before,[class*=" icon-ofl-share"]:before,[class^="icon-ofl-renaming"]:before,[class*=" icon-ofl-renaming"]:before,[class^="icon-ofl-selling"]:before,[class*=" icon-ofl-selling"]:before,[class^="icon-ofl-embedding"]:before,[class*=" icon-ofl-embedding"]:before,[class^="icon-webmention"]:before,[class*=" icon-webmention"]:before,[class^="icon-javascript"]:before,[class*=" icon-javascript"]:before,[class^="icon-wtfpl"]:before,[class*=" icon-wtfpl"]:before,[class^="icon-ofl"]:before,[class*=" icon-ofl"]:before{font-family:'OpenWeb Icons';font-smoothing:antialiased;-webkit-font-smoothing:antialiased}[class^="icon-"],[class*=" icon-"]{font-weight:normal;font-style:normal;display:inline;width:auto;height:auto;line-height:inherit;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat}li[class^="icon-"],li[class*=" icon-"]{display:block}.icon-apml:before{content:"\f001"}.icon-open-share:before{content:"\f00E"}.icon-open-share-simple:before{content:"\f00F"}.icon-share:before{content:"\f006"}.icon-share-simple:before{content:"\f007"}.icon-feed:before{content:"\f009"}.icon-feed-simple:before{content:"\f00A"}.icon-ostatus:before{content:"\f004"}.icon-ostatus-simple:before{content:"\f005"}.icon-opml:before{content:"\f003"}.icon-activity:before{content:"\f010"}.icon-activity-simple:before{content:"\f041"}.icon-microformats:before{content:"\f00C"}.icon-geo:before{content:"\f00B"}.icon-opensearch:before{content:"\f002"}.icon-oauth:before{content:"\f008"}.icon-openid:before{content:"\f00D"}.icon-semantic-web:before{content:"\f000"}.icon-rdf:before{content:"\f039"}.icon-rdfa:before{content:"\f039"}.icon-owl:before{content:"\f039"}.icon-dataportability:before{content:"\f013"}.icon-federated:before{content:"\f011"}.icon-web-intents:before{content:"\f014"}.icon-open-web:before{content:"\f012"}.icon-xmpp:before{content:"\f015"}.icon-html5:before{content:"\f016"}.icon-css3:before{content:"\f017"}.icon-connectivity:before{content:"\f018"}.icon-semantics:before{content:"\f019"}.icon-3deffects:before{content:"\f037"}.icon-device-access:before{content:"\f031"}.icon-multimedia:before{content:"\f032"}.icon-offline-storage:before{content:"\f033"}.icon-perfintegration:before{content:"\f034"}.icon-git:before{content:"\f035"}.icon-webhooks:before{content:"\f036"}.icon-osi:before{content:"\f038"}.icon-opensource:before{content:"\f038"}.icon-opengraph:before{content:"\f020"}.icon-epub:before{content:"\f021"}.icon-qr:before{content:"\f022"}.icon-foaf:before{content:"\f023"}.icon-info-card:before{content:"\f024"}.icon-browserid:before{content:"\f025"}.icon-remote-storage:before{content:"\f026"}.icon-persona:before{content:"\f027"}.icon-odata:before{content:"\f028"}.icon-markdown:before{content:"\f029"}.icon-tosdr:before{content:"\f030"}.icon-pub:before{content:"\f045"}.icon-sub:before{content:"\f046"}.icon-hubbub:before{content:"\f045"}.icon-pubsubhubbub:before{content:"\f047"}.icon-cc:before{content:"\f080"}.icon-cc-by:before{content:"\f081"}.icon-cc-nc:before{content:"\f082"}.icon-cc-nc-eu:before{content:"\f083"}.icon-cc-nc-jp:before{content:"\f084"}.icon-cc-sa:before{content:"\f085"}.icon-cc-nd:before{content:"\f086"}.icon-cc-public:before{content:"\f087"}.icon-cc-zero:before{content:"\f088"}.icon-cc-share:before{content:"\f089"}.icon-cc-remix:before{content:"\f08a"}.icon-hatom:before{content:"\f040"}.icon-hresume:before{content:"\f042"}.icon-hcard-add:before{content:"\f043"}.icon-hcard-download:before{content:"\f044"}.icon-indieweb:before{content:"\f08b \f08c"}.icon-indiewebcamp:before{content:"\f08b \f08c \f08d"}.icon-webfinger:before{content:"\f08e"}.icon-bitcoin:before{content:"\f08f"}.icon-bitcoin-simple:before{content:"\f090"}.icon-svg:before{content:"\f049"}.icon-json-ld:before{content:"\f048"}.icon-tent:before{content:"\f050"}.icon-copyleft:before{content:"\f051"}.icon-gnu:before{content:"\f052"}.icon-ofl-attribution:before{content:"\f081"}.icon-ofl-share:before{content:"\f085"}.icon-ofl-renaming:before{content:"\f04a"}.icon-ofl-selling:before{content:"\f04b"}.icon-ofl-embedding:before{content:"\f04c"}.icon-webmention:before{content:"\f04d"}.icon-javascript:before{content:"\f04e"}.icon-wtfpl:before{content:"\f04f"}.icon-ofl:before{content:"\f053"}.icon-apml-colored:before{content:"\f001";color:#AFDD63}.icon-open-share-colored:before{content:"\f00E";color:#538439}.icon-share-colored:before{content:"\f006";color:#538439}.icon-feed-colored:before{content:"\f009";color:#EA680B}.icon-ostatus-colored:before{content:"\f004";color:#FF6600}.icon-opml-colored:before{content:"\f003";color:#2490A1}.icon-activity-colored:before{content:"\f010";color:#4FB2D9}.icon-microformats-colored:before{content:"\f00C";color:#85BC07}.icon-geo-colored:before{content:"\f00B";color:#990000}.icon-opensearch-colored:before{content:"\f002";color:#5050f3}.icon-html5-colored:before{content:"\f016";color:#E34C26}.icon-git-colored:before{content:"\f035";color:#F05133}.icon-osi-colored:before{content:"\f038";color:#3DA639}.icon-opensource-colored:before{content:"\f038";color:#3DA639}.icon-epub-colored:before{content:"\f021";color:#85b916}.icon-info-card-colored:before{content:"\f024";color:#BF84E5}.icon-remote-storage-colored:before{content:"\f026";color:#ff4e09}.icon-odata-colored:before{content:"\f028";color:#EA680B}.icon-pub-colored:before{content:"\f045";color:#99cc00}.icon-sub-colored:before{content:"\f046";color:#ffff00}.icon-hubbub-colored:before{content:"\f045";color:#ff6fcf}.icon-javascript-colored:before{content:"\f04e";color:#f0db4f}
+@font-face{font-family:'OpenWeb Icons';src:url("../font/openwebicons.eot");src:url("../font/openwebicons.eot?#iefix") format("embedded-opentype"),url("../font/openwebicons.woff2") format("woff2"),url("../font/openwebicons.woff") format("woff"),url("../font/openwebicons.ttf") format("truetype"),url("../font/openwebicons.svg#openweb_iconsregular") format("svg");font-weight:normal;font-style:normal}[class^="icon-apml"]:before,[class*=" icon-apml"]:before,[class^="icon-open-share"]:before,[class*=" icon-open-share"]:before,[class^="icon-open-share-simple"]:before,[class*=" icon-open-share-simple"]:before,[class^="icon-share"]:before,[class*=" icon-share"]:before,[class^="icon-share-simple"]:before,[class*=" icon-share-simple"]:before,[class^="icon-feed"]:before,[class*=" icon-feed"]:before,[class^="icon-feed-simple"]:before,[class*=" icon-feed-simple"]:before,[class^="icon-ostatus"]:before,[class*=" icon-ostatus"]:before,[class^="icon-ostatus-simple"]:before,[class*=" icon-ostatus-simple"]:before,[class^="icon-opml"]:before,[class*=" icon-opml"]:before,[class^="icon-activity"]:before,[class*=" icon-activity"]:before,[class^="icon-activity-simple"]:before,[class*=" icon-activity-simple"]:before,[class^="icon-microformats"]:before,[class*=" icon-microformats"]:before,[class^="icon-geo"]:before,[class*=" icon-geo"]:before,[class^="icon-opensearch"]:before,[class*=" icon-opensearch"]:before,[class^="icon-oauth"]:before,[class*=" icon-oauth"]:before,[class^="icon-openid"]:before,[class*=" icon-openid"]:before,[class^="icon-semantic-web"]:before,[class*=" icon-semantic-web"]:before,[class^="icon-rdf"]:before,[class*=" icon-rdf"]:before,[class^="icon-rdfa"]:before,[class*=" icon-rdfa"]:before,[class^="icon-owl"]:before,[class*=" icon-owl"]:before,[class^="icon-dataportability"]:before,[class*=" icon-dataportability"]:before,[class^="icon-federated"]:before,[class*=" icon-federated"]:before,[class^="icon-web-intents"]:before,[class*=" icon-web-intents"]:before,[class^="icon-open-web"]:before,[class*=" icon-open-web"]:before,[class^="icon-xmpp"]:before,[class*=" icon-xmpp"]:before,[class^="icon-html5"]:before,[class*=" icon-html5"]:before,[class^="icon-css3"]:before,[class*=" icon-css3"]:before,[class^="icon-connectivity"]:before,[class*=" icon-connectivity"]:before,[class^="icon-semantics"]:before,[class*=" icon-semantics"]:before,[class^="icon-3deffects"]:before,[class*=" icon-3deffects"]:before,[class^="icon-device-access"]:before,[class*=" icon-device-access"]:before,[class^="icon-multimedia"]:before,[class*=" icon-multimedia"]:before,[class^="icon-offline-storage"]:before,[class*=" icon-offline-storage"]:before,[class^="icon-perfintegration"]:before,[class*=" icon-perfintegration"]:before,[class^="icon-git"]:before,[class*=" icon-git"]:before,[class^="icon-webhooks"]:before,[class*=" icon-webhooks"]:before,[class^="icon-osi"]:before,[class*=" icon-osi"]:before,[class^="icon-opensource"]:before,[class*=" icon-opensource"]:before,[class^="icon-opengraph"]:before,[class*=" icon-opengraph"]:before,[class^="icon-epub"]:before,[class*=" icon-epub"]:before,[class^="icon-qr"]:before,[class*=" icon-qr"]:before,[class^="icon-foaf"]:before,[class*=" icon-foaf"]:before,[class^="icon-info-card"]:before,[class*=" icon-info-card"]:before,[class^="icon-browserid"]:before,[class*=" icon-browserid"]:before,[class^="icon-remote-storage"]:before,[class*=" icon-remote-storage"]:before,[class^="icon-persona"]:before,[class*=" icon-persona"]:before,[class^="icon-odata"]:before,[class*=" icon-odata"]:before,[class^="icon-markdown"]:before,[class*=" icon-markdown"]:before,[class^="icon-tosdr"]:before,[class*=" icon-tosdr"]:before,[class^="icon-pub"]:before,[class*=" icon-pub"]:before,[class^="icon-sub"]:before,[class*=" icon-sub"]:before,[class^="icon-hubbub"]:before,[class*=" icon-hubbub"]:before,[class^="icon-pubsubhubbub"]:before,[class*=" icon-pubsubhubbub"]:before,[class^="icon-cc"]:before,[class*=" icon-cc"]:before,[class^="icon-cc-by"]:before,[class*=" icon-cc-by"]:before,[class^="icon-cc-nc"]:before,[class*=" icon-cc-nc"]:before,[class^="icon-cc-nc-eu"]:before,[class*=" icon-cc-nc-eu"]:before,[class^="icon-cc-nc-jp"]:before,[class*=" icon-cc-nc-jp"]:before,[class^="icon-cc-sa"]:before,[class*=" icon-cc-sa"]:before,[class^="icon-cc-nd"]:before,[class*=" icon-cc-nd"]:before,[class^="icon-cc-public"]:before,[class*=" icon-cc-public"]:before,[class^="icon-cc-zero"]:before,[class*=" icon-cc-zero"]:before,[class^="icon-cc-share"]:before,[class*=" icon-cc-share"]:before,[class^="icon-cc-remix"]:before,[class*=" icon-cc-remix"]:before,[class^="icon-hatom"]:before,[class*=" icon-hatom"]:before,[class^="icon-hresume"]:before,[class*=" icon-hresume"]:before,[class^="icon-hcard-add"]:before,[class*=" icon-hcard-add"]:before,[class^="icon-hcard-download"]:before,[class*=" icon-hcard-download"]:before,[class^="icon-indieweb"]:before,[class*=" icon-indieweb"]:before,[class^="icon-indiewebcamp"]:before,[class*=" icon-indiewebcamp"]:before,[class^="icon-webfinger"]:before,[class*=" icon-webfinger"]:before,[class^="icon-bitcoin"]:before,[class*=" icon-bitcoin"]:before,[class^="icon-bitcoin-simple"]:before,[class*=" icon-bitcoin-simple"]:before,[class^="icon-svg"]:before,[class*=" icon-svg"]:before,[class^="icon-json-ld"]:before,[class*=" icon-json-ld"]:before,[class^="icon-tent"]:before,[class*=" icon-tent"]:before,[class^="icon-copyleft"]:before,[class*=" icon-copyleft"]:before,[class^="icon-gnu"]:before,[class*=" icon-gnu"]:before,[class^="icon-ofl-attribution"]:before,[class*=" icon-ofl-attribution"]:before,[class^="icon-ofl-share"]:before,[class*=" icon-ofl-share"]:before,[class^="icon-ofl-renaming"]:before,[class*=" icon-ofl-renaming"]:before,[class^="icon-ofl-selling"]:before,[class*=" icon-ofl-selling"]:before,[class^="icon-ofl-embedding"]:before,[class*=" icon-ofl-embedding"]:before,[class^="icon-webmention"]:before,[class*=" icon-webmention"]:before,[class^="icon-javascript"]:before,[class*=" icon-javascript"]:before,[class^="icon-wtfpl"]:before,[class*=" icon-wtfpl"]:before,[class^="icon-ofl"]:before,[class*=" icon-ofl"]:before,[class^="icon-wordpress"]:before,[class*=" icon-wordpress"]:before,[class^="icon-owncloud"]:before,[class*=" icon-owncloud"]:before,[class^="icon-cccs"]:before,[class*=" icon-cccs"]:before,[class^="icon-barcamp"]:before,[class*=" icon-barcamp"]:before,[class^="icon-indiehosters"]:before,[class*=" icon-indiehosters"]:before,[class^="icon-known"]:before,[class*=" icon-known"]:before,[class^="icon-mozilla"]:before,[class*=" icon-mozilla"]:before{font-family:'OpenWeb Icons';font-smoothing:antialiased;-webkit-font-smoothing:antialiased}[class^="icon-"],[class*=" icon-"]{font-weight:normal;font-style:normal;display:inline;width:auto;height:auto;line-height:inherit;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat}li[class^="icon-"],li[class*=" icon-"]{display:block}.icon-apml:before{content:"\f001"}.icon-open-share:before{content:"\f00E"}.icon-open-share-simple:before{content:"\f00F"}.icon-share:before{content:"\f006"}.icon-share-simple:before{content:"\f007"}.icon-feed:before{content:"\f009"}.icon-feed-simple:before{content:"\f00A"}.icon-ostatus:before{content:"\f004"}.icon-ostatus-simple:before{content:"\f005"}.icon-opml:before{content:"\f003"}.icon-activity:before{content:"\f010"}.icon-activity-simple:before{content:"\f041"}.icon-microformats:before{content:"\f00C"}.icon-geo:before{content:"\f00B"}.icon-opensearch:before{content:"\f002"}.icon-oauth:before{content:"\f008"}.icon-openid:before{content:"\f00D"}.icon-semantic-web:before{content:"\f000"}.icon-rdf:before{content:"\f039"}.icon-rdfa:before{content:"\f039"}.icon-owl:before{content:"\f039"}.icon-dataportability:before{content:"\f013"}.icon-federated:before{content:"\f011"}.icon-web-intents:before{content:"\f014"}.icon-open-web:before{content:"\f012"}.icon-xmpp:before{content:"\f015"}.icon-html5:before{content:"\f016"}.icon-css3:before{content:"\f017"}.icon-connectivity:before{content:"\f018"}.icon-semantics:before{content:"\f019"}.icon-3deffects:before{content:"\f037"}.icon-device-access:before{content:"\f031"}.icon-multimedia:before{content:"\f032"}.icon-offline-storage:before{content:"\f033"}.icon-perfintegration:before{content:"\f034"}.icon-git:before{content:"\f035"}.icon-webhooks:before{content:"\f036"}.icon-osi:before{content:"\f038"}.icon-opensource:before{content:"\f038"}.icon-opengraph:before{content:"\f020"}.icon-epub:before{content:"\f021"}.icon-qr:before{content:"\f022"}.icon-foaf:before{content:"\f023"}.icon-info-card:before{content:"\f024"}.icon-browserid:before{content:"\f025"}.icon-remote-storage:before{content:"\f026"}.icon-persona:before{content:"\f027"}.icon-odata:before{content:"\f028"}.icon-markdown:before{content:"\f029"}.icon-tosdr:before{content:"\f030"}.icon-pub:before{content:"\f045"}.icon-sub:before{content:"\f046"}.icon-hubbub:before{content:"\f045"}.icon-pubsubhubbub:before{content:"\f047"}.icon-cc:before{content:"\f080"}.icon-cc-by:before{content:"\f081"}.icon-cc-nc:before{content:"\f082"}.icon-cc-nc-eu:before{content:"\f083"}.icon-cc-nc-jp:before{content:"\f084"}.icon-cc-sa:before{content:"\f085"}.icon-cc-nd:before{content:"\f086"}.icon-cc-public:before{content:"\f087"}.icon-cc-zero:before{content:"\f088"}.icon-cc-share:before{content:"\f089"}.icon-cc-remix:before{content:"\f08a"}.icon-hatom:before{content:"\f040"}.icon-hresume:before{content:"\f042"}.icon-hcard-add:before{content:"\f043"}.icon-hcard-download:before{content:"\f044"}.icon-indieweb:before{content:"\f08b \f08c"}.icon-indiewebcamp:before{content:"\f08b \f08c \f08d"}.icon-webfinger:before{content:"\f08e"}.icon-bitcoin:before{content:"\f08f"}.icon-bitcoin-simple:before{content:"\f090"}.icon-svg:before{content:"\f049"}.icon-json-ld:before{content:"\f048"}.icon-tent:before{content:"\f050"}.icon-copyleft:before{content:"\f051"}.icon-gnu:before{content:"\f052"}.icon-ofl-attribution:before{content:"\f081"}.icon-ofl-share:before{content:"\f085"}.icon-ofl-renaming:before{content:"\f04a"}.icon-ofl-selling:before{content:"\f04b"}.icon-ofl-embedding:before{content:"\f04c"}.icon-webmention:before{content:"\f04d"}.icon-javascript:before{content:"\f04e"}.icon-wtfpl:before{content:"\f04f"}.icon-ofl:before{content:"\f053"}.icon-wordpress:before{content:"\f054"}.icon-owncloud:before{content:"\f055"}.icon-cccs:before{content:"\f056"}.icon-barcamp:before{content:"\f057"}.icon-indiehosters:before{content:"\f058"}.icon-known:before{content:"\f059"}.icon-mozilla:before{content:"\f05a"}.icon-apml-colored:before{content:"\f001";color:#AFDD63}.icon-open-share-colored:before{content:"\f00E";color:#538439}.icon-share-colored:before{content:"\f006";color:#538439}.icon-feed-colored:before{content:"\f009";color:#EA680B}.icon-ostatus-colored:before{content:"\f004";color:#FF6600}.icon-opml-colored:before{content:"\f003";color:#2490A1}.icon-activity-colored:before{content:"\f010";color:#4FB2D9}.icon-microformats-colored:before{content:"\f00C";color:#85BC07}.icon-geo-colored:before{content:"\f00B";color:#990000}.icon-opensearch-colored:before{content:"\f002";color:#5050f3}.icon-html5-colored:before{content:"\f016";color:#E34C26}.icon-git-colored:before{content:"\f035";color:#F05133}.icon-osi-colored:before{content:"\f038";color:#3DA639}.icon-opensource-colored:before{content:"\f038";color:#3DA639}.icon-epub-colored:before{content:"\f021";color:#85b916}.icon-info-card-colored:before{content:"\f024";color:#BF84E5}.icon-remote-storage-colored:before{content:"\f026";color:#ff4e09}.icon-odata-colored:before{content:"\f028";color:#EA680B}.icon-pub-colored:before{content:"\f045";color:#99cc00}.icon-sub-colored:before{content:"\f046";color:#ffff00}.icon-hubbub-colored:before{content:"\f045";color:#ff6fcf}.icon-javascript-colored:before{content:"\f04e";color:#f0db4f}
diff --git a/css/openwebicons-cdn.css b/css/openwebicons-cdn.css
index 0809df2..06c3584 100644
--- a/css/openwebicons-cdn.css
+++ b/css/openwebicons-cdn.css
@@ -1,7 +1,7 @@
@font-face {
font-family: 'OpenWeb Icons';
src: url("http://pfefferle.github.io/openwebicons/font/openwebicons.eot");
- src: url("http://pfefferle.github.io/openwebicons/font/openwebicons.eot?#iefix") format("embedded-opentype"), url("http://pfefferle.github.io/openwebicons/font/openwebicons.woff") format("woff"), url("http://pfefferle.github.io/openwebicons/font/openwebicons.ttf") format("truetype"), url("http://pfefferle.github.io/openwebicons/font/openwebicons.svg#openweb_iconsregular") format("svg");
+ src: url("http://pfefferle.github.io/openwebicons/font/openwebicons.eot?#iefix") format("embedded-opentype"), url("http://pfefferle.github.io/openwebicons/font/openwebicons.woff2") format("woff2"), url("http://pfefferle.github.io/openwebicons/font/openwebicons.woff") format("woff"), url("http://pfefferle.github.io/openwebicons/font/openwebicons.ttf") format("truetype"), url("http://pfefferle.github.io/openwebicons/font/openwebicons.svg#openweb_iconsregular") format("svg");
font-weight: normal;
font-style: normal;
}
@@ -377,6 +377,34 @@ li[class^="openwebicons-"], li[class*=" openwebicons-"] {
content: "\f053";
}
+.openwebicons-wordpress:before {
+ content: "\f054";
+}
+
+.openwebicons-owncloud:before {
+ content: "\f055";
+}
+
+.openwebicons-cccs:before {
+ content: "\f056";
+}
+
+.openwebicons-barcamp:before {
+ content: "\f057";
+}
+
+.openwebicons-indiehosters:before {
+ content: "\f058";
+}
+
+.openwebicons-known:before {
+ content: "\f059";
+}
+
+.openwebicons-mozilla:before {
+ content: "\f05a";
+}
+
.openwebicons-apml-colored:before {
content: "\f001";
color: #AFDD63;
diff --git a/css/openwebicons-cdn.min.css b/css/openwebicons-cdn.min.css
index 57d1c84..d24c22e 100644
--- a/css/openwebicons-cdn.min.css
+++ b/css/openwebicons-cdn.min.css
@@ -1 +1 @@
-@font-face{font-family:'OpenWeb Icons';src:url("http://pfefferle.github.io/openwebicons/font/openwebicons.eot");src:url("http://pfefferle.github.io/openwebicons/font/openwebicons.eot?#iefix") format("embedded-opentype"),url("http://pfefferle.github.io/openwebicons/font/openwebicons.woff") format("woff"),url("http://pfefferle.github.io/openwebicons/font/openwebicons.ttf") format("truetype"),url("http://pfefferle.github.io/openwebicons/font/openwebicons.svg#openweb_iconsregular") format("svg");font-weight:normal;font-style:normal}[class^="openwebicons-"]:before,[class*=" openwebicons-"]:before{font-family:'OpenWeb Icons';font-weight:normal;font-style:normal;display:inline-block;text-decoration:inherit;vertical-align:center;font-smoothing:antialiased;-webkit-font-smoothing:antialiased}a [class^="openwebicons-"],a [class*=" openwebicons-"]{display:inline-block;text-decoration:inherit}li[class^="openwebicons-"],li[class*=" openwebicons-"]{display:block}.openwebicons-apml:before{content:"\f001"}.openwebicons-open-share:before{content:"\f00E"}.openwebicons-open-share-simple:before{content:"\f00F"}.openwebicons-share:before{content:"\f006"}.openwebicons-share-simple:before{content:"\f007"}.openwebicons-feed:before{content:"\f009"}.openwebicons-feed-simple:before{content:"\f00A"}.openwebicons-ostatus:before{content:"\f004"}.openwebicons-ostatus-simple:before{content:"\f005"}.openwebicons-opml:before{content:"\f003"}.openwebicons-activity:before{content:"\f010"}.openwebicons-activity-simple:before{content:"\f041"}.openwebicons-microformats:before{content:"\f00C"}.openwebicons-geo:before{content:"\f00B"}.openwebicons-opensearch:before{content:"\f002"}.openwebicons-oauth:before{content:"\f008"}.openwebicons-openid:before{content:"\f00D"}.openwebicons-semantic-web:before{content:"\f000"}.openwebicons-rdf:before{content:"\f039"}.openwebicons-rdfa:before{content:"\f039"}.openwebicons-owl:before{content:"\f039"}.openwebicons-dataportability:before{content:"\f013"}.openwebicons-federated:before{content:"\f011"}.openwebicons-web-intents:before{content:"\f014"}.openwebicons-open-web:before{content:"\f012"}.openwebicons-xmpp:before{content:"\f015"}.openwebicons-html5:before{content:"\f016"}.openwebicons-css3:before{content:"\f017"}.openwebicons-connectivity:before{content:"\f018"}.openwebicons-semantics:before{content:"\f019"}.openwebicons-3deffects:before{content:"\f037"}.openwebicons-device-access:before{content:"\f031"}.openwebicons-multimedia:before{content:"\f032"}.openwebicons-offline-storage:before{content:"\f033"}.openwebicons-perfintegration:before{content:"\f034"}.openwebicons-git:before{content:"\f035"}.openwebicons-webhooks:before{content:"\f036"}.openwebicons-osi:before{content:"\f038"}.openwebicons-opensource:before{content:"\f038"}.openwebicons-opengraph:before{content:"\f020"}.openwebicons-epub:before{content:"\f021"}.openwebicons-qr:before{content:"\f022"}.openwebicons-foaf:before{content:"\f023"}.openwebicons-info-card:before{content:"\f024"}.openwebicons-browserid:before{content:"\f025"}.openwebicons-remote-storage:before{content:"\f026"}.openwebicons-persona:before{content:"\f027"}.openwebicons-odata:before{content:"\f028"}.openwebicons-markdown:before{content:"\f029"}.openwebicons-tosdr:before{content:"\f030"}.openwebicons-pub:before{content:"\f045"}.openwebicons-sub:before{content:"\f046"}.openwebicons-hubbub:before{content:"\f045"}.openwebicons-pubsubhubbub:before{content:"\f047"}.openwebicons-cc:before{content:"\f080"}.openwebicons-cc-by:before{content:"\f081"}.openwebicons-cc-nc:before{content:"\f082"}.openwebicons-cc-nc-eu:before{content:"\f083"}.openwebicons-cc-nc-jp:before{content:"\f084"}.openwebicons-cc-sa:before{content:"\f085"}.openwebicons-cc-nd:before{content:"\f086"}.openwebicons-cc-public:before{content:"\f087"}.openwebicons-cc-zero:before{content:"\f088"}.openwebicons-cc-share:before{content:"\f089"}.openwebicons-cc-remix:before{content:"\f08a"}.openwebicons-hatom:before{content:"\f040"}.openwebicons-hresume:before{content:"\f042"}.openwebicons-hcard-add:before{content:"\f043"}.openwebicons-hcard-download:before{content:"\f044"}.openwebicons-indieweb:before{content:"\f08b \f08c"}.openwebicons-indiewebcamp:before{content:"\f08b \f08c \f08d"}.openwebicons-webfinger:before{content:"\f08e"}.openwebicons-bitcoin:before{content:"\f08f"}.openwebicons-bitcoin-simple:before{content:"\f090"}.openwebicons-svg:before{content:"\f049"}.openwebicons-json-ld:before{content:"\f048"}.openwebicons-tent:before{content:"\f050"}.openwebicons-copyleft:before{content:"\f051"}.openwebicons-gnu:before{content:"\f052"}.openwebicons-ofl-attribution:before{content:"\f081"}.openwebicons-ofl-share:before{content:"\f085"}.openwebicons-ofl-renaming:before{content:"\f04a"}.openwebicons-ofl-selling:before{content:"\f04b"}.openwebicons-ofl-embedding:before{content:"\f04c"}.openwebicons-webmention:before{content:"\f04d"}.openwebicons-javascript:before{content:"\f04e"}.openwebicons-wtfpl:before{content:"\f04f"}.openwebicons-ofl:before{content:"\f053"}.openwebicons-apml-colored:before{content:"\f001";color:#AFDD63}.openwebicons-open-share-colored:before{content:"\f00E";color:#538439}.openwebicons-share-colored:before{content:"\f006";color:#538439}.openwebicons-feed-colored:before{content:"\f009";color:#EA680B}.openwebicons-ostatus-colored:before{content:"\f004";color:#FF6600}.openwebicons-opml-colored:before{content:"\f003";color:#2490A1}.openwebicons-activity-colored:before{content:"\f010";color:#4FB2D9}.openwebicons-microformats-colored:before{content:"\f00C";color:#85BC07}.openwebicons-geo-colored:before{content:"\f00B";color:#990000}.openwebicons-opensearch-colored:before{content:"\f002";color:#5050f3}.openwebicons-html5-colored:before{content:"\f016";color:#E34C26}.openwebicons-git-colored:before{content:"\f035";color:#F05133}.openwebicons-osi-colored:before{content:"\f038";color:#3DA639}.openwebicons-opensource-colored:before{content:"\f038";color:#3DA639}.openwebicons-epub-colored:before{content:"\f021";color:#85b916}.openwebicons-info-card-colored:before{content:"\f024";color:#BF84E5}.openwebicons-remote-storage-colored:before{content:"\f026";color:#ff4e09}.openwebicons-odata-colored:before{content:"\f028";color:#EA680B}.openwebicons-pub-colored:before{content:"\f045";color:#99cc00}.openwebicons-sub-colored:before{content:"\f046";color:#ffff00}.openwebicons-hubbub-colored:before{content:"\f045";color:#ff6fcf}.openwebicons-javascript-colored:before{content:"\f04e";color:#f0db4f}
+@font-face{font-family:'OpenWeb Icons';src:url("http://pfefferle.github.io/openwebicons/font/openwebicons.eot");src:url("http://pfefferle.github.io/openwebicons/font/openwebicons.eot?#iefix") format("embedded-opentype"),url("http://pfefferle.github.io/openwebicons/font/openwebicons.woff2") format("woff2"),url("http://pfefferle.github.io/openwebicons/font/openwebicons.woff") format("woff"),url("http://pfefferle.github.io/openwebicons/font/openwebicons.ttf") format("truetype"),url("http://pfefferle.github.io/openwebicons/font/openwebicons.svg#openweb_iconsregular") format("svg");font-weight:normal;font-style:normal}[class^="openwebicons-"]:before,[class*=" openwebicons-"]:before{font-family:'OpenWeb Icons';font-weight:normal;font-style:normal;display:inline-block;text-decoration:inherit;vertical-align:center;font-smoothing:antialiased;-webkit-font-smoothing:antialiased}a [class^="openwebicons-"],a [class*=" openwebicons-"]{display:inline-block;text-decoration:inherit}li[class^="openwebicons-"],li[class*=" openwebicons-"]{display:block}.openwebicons-apml:before{content:"\f001"}.openwebicons-open-share:before{content:"\f00E"}.openwebicons-open-share-simple:before{content:"\f00F"}.openwebicons-share:before{content:"\f006"}.openwebicons-share-simple:before{content:"\f007"}.openwebicons-feed:before{content:"\f009"}.openwebicons-feed-simple:before{content:"\f00A"}.openwebicons-ostatus:before{content:"\f004"}.openwebicons-ostatus-simple:before{content:"\f005"}.openwebicons-opml:before{content:"\f003"}.openwebicons-activity:before{content:"\f010"}.openwebicons-activity-simple:before{content:"\f041"}.openwebicons-microformats:before{content:"\f00C"}.openwebicons-geo:before{content:"\f00B"}.openwebicons-opensearch:before{content:"\f002"}.openwebicons-oauth:before{content:"\f008"}.openwebicons-openid:before{content:"\f00D"}.openwebicons-semantic-web:before{content:"\f000"}.openwebicons-rdf:before{content:"\f039"}.openwebicons-rdfa:before{content:"\f039"}.openwebicons-owl:before{content:"\f039"}.openwebicons-dataportability:before{content:"\f013"}.openwebicons-federated:before{content:"\f011"}.openwebicons-web-intents:before{content:"\f014"}.openwebicons-open-web:before{content:"\f012"}.openwebicons-xmpp:before{content:"\f015"}.openwebicons-html5:before{content:"\f016"}.openwebicons-css3:before{content:"\f017"}.openwebicons-connectivity:before{content:"\f018"}.openwebicons-semantics:before{content:"\f019"}.openwebicons-3deffects:before{content:"\f037"}.openwebicons-device-access:before{content:"\f031"}.openwebicons-multimedia:before{content:"\f032"}.openwebicons-offline-storage:before{content:"\f033"}.openwebicons-perfintegration:before{content:"\f034"}.openwebicons-git:before{content:"\f035"}.openwebicons-webhooks:before{content:"\f036"}.openwebicons-osi:before{content:"\f038"}.openwebicons-opensource:before{content:"\f038"}.openwebicons-opengraph:before{content:"\f020"}.openwebicons-epub:before{content:"\f021"}.openwebicons-qr:before{content:"\f022"}.openwebicons-foaf:before{content:"\f023"}.openwebicons-info-card:before{content:"\f024"}.openwebicons-browserid:before{content:"\f025"}.openwebicons-remote-storage:before{content:"\f026"}.openwebicons-persona:before{content:"\f027"}.openwebicons-odata:before{content:"\f028"}.openwebicons-markdown:before{content:"\f029"}.openwebicons-tosdr:before{content:"\f030"}.openwebicons-pub:before{content:"\f045"}.openwebicons-sub:before{content:"\f046"}.openwebicons-hubbub:before{content:"\f045"}.openwebicons-pubsubhubbub:before{content:"\f047"}.openwebicons-cc:before{content:"\f080"}.openwebicons-cc-by:before{content:"\f081"}.openwebicons-cc-nc:before{content:"\f082"}.openwebicons-cc-nc-eu:before{content:"\f083"}.openwebicons-cc-nc-jp:before{content:"\f084"}.openwebicons-cc-sa:before{content:"\f085"}.openwebicons-cc-nd:before{content:"\f086"}.openwebicons-cc-public:before{content:"\f087"}.openwebicons-cc-zero:before{content:"\f088"}.openwebicons-cc-share:before{content:"\f089"}.openwebicons-cc-remix:before{content:"\f08a"}.openwebicons-hatom:before{content:"\f040"}.openwebicons-hresume:before{content:"\f042"}.openwebicons-hcard-add:before{content:"\f043"}.openwebicons-hcard-download:before{content:"\f044"}.openwebicons-indieweb:before{content:"\f08b \f08c"}.openwebicons-indiewebcamp:before{content:"\f08b \f08c \f08d"}.openwebicons-webfinger:before{content:"\f08e"}.openwebicons-bitcoin:before{content:"\f08f"}.openwebicons-bitcoin-simple:before{content:"\f090"}.openwebicons-svg:before{content:"\f049"}.openwebicons-json-ld:before{content:"\f048"}.openwebicons-tent:before{content:"\f050"}.openwebicons-copyleft:before{content:"\f051"}.openwebicons-gnu:before{content:"\f052"}.openwebicons-ofl-attribution:before{content:"\f081"}.openwebicons-ofl-share:before{content:"\f085"}.openwebicons-ofl-renaming:before{content:"\f04a"}.openwebicons-ofl-selling:before{content:"\f04b"}.openwebicons-ofl-embedding:before{content:"\f04c"}.openwebicons-webmention:before{content:"\f04d"}.openwebicons-javascript:before{content:"\f04e"}.openwebicons-wtfpl:before{content:"\f04f"}.openwebicons-ofl:before{content:"\f053"}.openwebicons-wordpress:before{content:"\f054"}.openwebicons-owncloud:before{content:"\f055"}.openwebicons-cccs:before{content:"\f056"}.openwebicons-barcamp:before{content:"\f057"}.openwebicons-indiehosters:before{content:"\f058"}.openwebicons-known:before{content:"\f059"}.openwebicons-mozilla:before{content:"\f05a"}.openwebicons-apml-colored:before{content:"\f001";color:#AFDD63}.openwebicons-open-share-colored:before{content:"\f00E";color:#538439}.openwebicons-share-colored:before{content:"\f006";color:#538439}.openwebicons-feed-colored:before{content:"\f009";color:#EA680B}.openwebicons-ostatus-colored:before{content:"\f004";color:#FF6600}.openwebicons-opml-colored:before{content:"\f003";color:#2490A1}.openwebicons-activity-colored:before{content:"\f010";color:#4FB2D9}.openwebicons-microformats-colored:before{content:"\f00C";color:#85BC07}.openwebicons-geo-colored:before{content:"\f00B";color:#990000}.openwebicons-opensearch-colored:before{content:"\f002";color:#5050f3}.openwebicons-html5-colored:before{content:"\f016";color:#E34C26}.openwebicons-git-colored:before{content:"\f035";color:#F05133}.openwebicons-osi-colored:before{content:"\f038";color:#3DA639}.openwebicons-opensource-colored:before{content:"\f038";color:#3DA639}.openwebicons-epub-colored:before{content:"\f021";color:#85b916}.openwebicons-info-card-colored:before{content:"\f024";color:#BF84E5}.openwebicons-remote-storage-colored:before{content:"\f026";color:#ff4e09}.openwebicons-odata-colored:before{content:"\f028";color:#EA680B}.openwebicons-pub-colored:before{content:"\f045";color:#99cc00}.openwebicons-sub-colored:before{content:"\f046";color:#ffff00}.openwebicons-hubbub-colored:before{content:"\f045";color:#ff6fcf}.openwebicons-javascript-colored:before{content:"\f04e";color:#f0db4f}
diff --git a/css/openwebicons.css b/css/openwebicons.css
index 2ffaf41..01235ba 100644
--- a/css/openwebicons.css
+++ b/css/openwebicons.css
@@ -1,7 +1,7 @@
@font-face {
font-family: 'OpenWeb Icons';
src: url("../font/openwebicons.eot");
- src: url("../font/openwebicons.eot?#iefix") format("embedded-opentype"), url("../font/openwebicons.woff") format("woff"), url("../font/openwebicons.ttf") format("truetype"), url("../font/openwebicons.svg#openweb_iconsregular") format("svg");
+ src: url("../font/openwebicons.eot?#iefix") format("embedded-opentype"), url("../font/openwebicons.woff2") format("woff2"), url("../font/openwebicons.woff") format("woff"), url("../font/openwebicons.ttf") format("truetype"), url("../font/openwebicons.svg#openweb_iconsregular") format("svg");
font-weight: normal;
font-style: normal;
}
@@ -377,6 +377,34 @@ li[class^="icon-"], li[class*=" icon-"] {
content: "\f053";
}
+.icon-wordpress:before {
+ content: "\f054";
+}
+
+.icon-owncloud:before {
+ content: "\f055";
+}
+
+.icon-cccs:before {
+ content: "\f056";
+}
+
+.icon-barcamp:before {
+ content: "\f057";
+}
+
+.icon-indiehosters:before {
+ content: "\f058";
+}
+
+.icon-known:before {
+ content: "\f059";
+}
+
+.icon-mozilla:before {
+ content: "\f05a";
+}
+
.icon-apml-colored:before {
content: "\f001";
color: #AFDD63;
diff --git a/css/openwebicons.min.css b/css/openwebicons.min.css
index ed890a0..71d470f 100644
--- a/css/openwebicons.min.css
+++ b/css/openwebicons.min.css
@@ -1 +1 @@
-@font-face{font-family:'OpenWeb Icons';src:url("../font/openwebicons.eot");src:url("../font/openwebicons.eot?#iefix") format("embedded-opentype"),url("../font/openwebicons.woff") format("woff"),url("../font/openwebicons.ttf") format("truetype"),url("../font/openwebicons.svg#openweb_iconsregular") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:'OpenWeb Icons';font-weight:normal;font-style:normal;display:inline-block;text-decoration:inherit;vertical-align:center;font-smoothing:antialiased;-webkit-font-smoothing:antialiased}a [class^="icon-"],a [class*=" icon-"]{display:inline-block;text-decoration:inherit}li[class^="icon-"],li[class*=" icon-"]{display:block}.icon-apml:before{content:"\f001"}.icon-open-share:before{content:"\f00E"}.icon-open-share-simple:before{content:"\f00F"}.icon-share:before{content:"\f006"}.icon-share-simple:before{content:"\f007"}.icon-feed:before{content:"\f009"}.icon-feed-simple:before{content:"\f00A"}.icon-ostatus:before{content:"\f004"}.icon-ostatus-simple:before{content:"\f005"}.icon-opml:before{content:"\f003"}.icon-activity:before{content:"\f010"}.icon-activity-simple:before{content:"\f041"}.icon-microformats:before{content:"\f00C"}.icon-geo:before{content:"\f00B"}.icon-opensearch:before{content:"\f002"}.icon-oauth:before{content:"\f008"}.icon-openid:before{content:"\f00D"}.icon-semantic-web:before{content:"\f000"}.icon-rdf:before{content:"\f039"}.icon-rdfa:before{content:"\f039"}.icon-owl:before{content:"\f039"}.icon-dataportability:before{content:"\f013"}.icon-federated:before{content:"\f011"}.icon-web-intents:before{content:"\f014"}.icon-open-web:before{content:"\f012"}.icon-xmpp:before{content:"\f015"}.icon-html5:before{content:"\f016"}.icon-css3:before{content:"\f017"}.icon-connectivity:before{content:"\f018"}.icon-semantics:before{content:"\f019"}.icon-3deffects:before{content:"\f037"}.icon-device-access:before{content:"\f031"}.icon-multimedia:before{content:"\f032"}.icon-offline-storage:before{content:"\f033"}.icon-perfintegration:before{content:"\f034"}.icon-git:before{content:"\f035"}.icon-webhooks:before{content:"\f036"}.icon-osi:before{content:"\f038"}.icon-opensource:before{content:"\f038"}.icon-opengraph:before{content:"\f020"}.icon-epub:before{content:"\f021"}.icon-qr:before{content:"\f022"}.icon-foaf:before{content:"\f023"}.icon-info-card:before{content:"\f024"}.icon-browserid:before{content:"\f025"}.icon-remote-storage:before{content:"\f026"}.icon-persona:before{content:"\f027"}.icon-odata:before{content:"\f028"}.icon-markdown:before{content:"\f029"}.icon-tosdr:before{content:"\f030"}.icon-pub:before{content:"\f045"}.icon-sub:before{content:"\f046"}.icon-hubbub:before{content:"\f045"}.icon-pubsubhubbub:before{content:"\f047"}.icon-cc:before{content:"\f080"}.icon-cc-by:before{content:"\f081"}.icon-cc-nc:before{content:"\f082"}.icon-cc-nc-eu:before{content:"\f083"}.icon-cc-nc-jp:before{content:"\f084"}.icon-cc-sa:before{content:"\f085"}.icon-cc-nd:before{content:"\f086"}.icon-cc-public:before{content:"\f087"}.icon-cc-zero:before{content:"\f088"}.icon-cc-share:before{content:"\f089"}.icon-cc-remix:before{content:"\f08a"}.icon-hatom:before{content:"\f040"}.icon-hresume:before{content:"\f042"}.icon-hcard-add:before{content:"\f043"}.icon-hcard-download:before{content:"\f044"}.icon-indieweb:before{content:"\f08b \f08c"}.icon-indiewebcamp:before{content:"\f08b \f08c \f08d"}.icon-webfinger:before{content:"\f08e"}.icon-bitcoin:before{content:"\f08f"}.icon-bitcoin-simple:before{content:"\f090"}.icon-svg:before{content:"\f049"}.icon-json-ld:before{content:"\f048"}.icon-tent:before{content:"\f050"}.icon-copyleft:before{content:"\f051"}.icon-gnu:before{content:"\f052"}.icon-ofl-attribution:before{content:"\f081"}.icon-ofl-share:before{content:"\f085"}.icon-ofl-renaming:before{content:"\f04a"}.icon-ofl-selling:before{content:"\f04b"}.icon-ofl-embedding:before{content:"\f04c"}.icon-webmention:before{content:"\f04d"}.icon-javascript:before{content:"\f04e"}.icon-wtfpl:before{content:"\f04f"}.icon-ofl:before{content:"\f053"}.icon-apml-colored:before{content:"\f001";color:#AFDD63}.icon-open-share-colored:before{content:"\f00E";color:#538439}.icon-share-colored:before{content:"\f006";color:#538439}.icon-feed-colored:before{content:"\f009";color:#EA680B}.icon-ostatus-colored:before{content:"\f004";color:#FF6600}.icon-opml-colored:before{content:"\f003";color:#2490A1}.icon-activity-colored:before{content:"\f010";color:#4FB2D9}.icon-microformats-colored:before{content:"\f00C";color:#85BC07}.icon-geo-colored:before{content:"\f00B";color:#990000}.icon-opensearch-colored:before{content:"\f002";color:#5050f3}.icon-html5-colored:before{content:"\f016";color:#E34C26}.icon-git-colored:before{content:"\f035";color:#F05133}.icon-osi-colored:before{content:"\f038";color:#3DA639}.icon-opensource-colored:before{content:"\f038";color:#3DA639}.icon-epub-colored:before{content:"\f021";color:#85b916}.icon-info-card-colored:before{content:"\f024";color:#BF84E5}.icon-remote-storage-colored:before{content:"\f026";color:#ff4e09}.icon-odata-colored:before{content:"\f028";color:#EA680B}.icon-pub-colored:before{content:"\f045";color:#99cc00}.icon-sub-colored:before{content:"\f046";color:#ffff00}.icon-hubbub-colored:before{content:"\f045";color:#ff6fcf}.icon-javascript-colored:before{content:"\f04e";color:#f0db4f}
+@font-face{font-family:'OpenWeb Icons';src:url("../font/openwebicons.eot");src:url("../font/openwebicons.eot?#iefix") format("embedded-opentype"),url("../font/openwebicons.woff2") format("woff2"),url("../font/openwebicons.woff") format("woff"),url("../font/openwebicons.ttf") format("truetype"),url("../font/openwebicons.svg#openweb_iconsregular") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:'OpenWeb Icons';font-weight:normal;font-style:normal;display:inline-block;text-decoration:inherit;vertical-align:center;font-smoothing:antialiased;-webkit-font-smoothing:antialiased}a [class^="icon-"],a [class*=" icon-"]{display:inline-block;text-decoration:inherit}li[class^="icon-"],li[class*=" icon-"]{display:block}.icon-apml:before{content:"\f001"}.icon-open-share:before{content:"\f00E"}.icon-open-share-simple:before{content:"\f00F"}.icon-share:before{content:"\f006"}.icon-share-simple:before{content:"\f007"}.icon-feed:before{content:"\f009"}.icon-feed-simple:before{content:"\f00A"}.icon-ostatus:before{content:"\f004"}.icon-ostatus-simple:before{content:"\f005"}.icon-opml:before{content:"\f003"}.icon-activity:before{content:"\f010"}.icon-activity-simple:before{content:"\f041"}.icon-microformats:before{content:"\f00C"}.icon-geo:before{content:"\f00B"}.icon-opensearch:before{content:"\f002"}.icon-oauth:before{content:"\f008"}.icon-openid:before{content:"\f00D"}.icon-semantic-web:before{content:"\f000"}.icon-rdf:before{content:"\f039"}.icon-rdfa:before{content:"\f039"}.icon-owl:before{content:"\f039"}.icon-dataportability:before{content:"\f013"}.icon-federated:before{content:"\f011"}.icon-web-intents:before{content:"\f014"}.icon-open-web:before{content:"\f012"}.icon-xmpp:before{content:"\f015"}.icon-html5:before{content:"\f016"}.icon-css3:before{content:"\f017"}.icon-connectivity:before{content:"\f018"}.icon-semantics:before{content:"\f019"}.icon-3deffects:before{content:"\f037"}.icon-device-access:before{content:"\f031"}.icon-multimedia:before{content:"\f032"}.icon-offline-storage:before{content:"\f033"}.icon-perfintegration:before{content:"\f034"}.icon-git:before{content:"\f035"}.icon-webhooks:before{content:"\f036"}.icon-osi:before{content:"\f038"}.icon-opensource:before{content:"\f038"}.icon-opengraph:before{content:"\f020"}.icon-epub:before{content:"\f021"}.icon-qr:before{content:"\f022"}.icon-foaf:before{content:"\f023"}.icon-info-card:before{content:"\f024"}.icon-browserid:before{content:"\f025"}.icon-remote-storage:before{content:"\f026"}.icon-persona:before{content:"\f027"}.icon-odata:before{content:"\f028"}.icon-markdown:before{content:"\f029"}.icon-tosdr:before{content:"\f030"}.icon-pub:before{content:"\f045"}.icon-sub:before{content:"\f046"}.icon-hubbub:before{content:"\f045"}.icon-pubsubhubbub:before{content:"\f047"}.icon-cc:before{content:"\f080"}.icon-cc-by:before{content:"\f081"}.icon-cc-nc:before{content:"\f082"}.icon-cc-nc-eu:before{content:"\f083"}.icon-cc-nc-jp:before{content:"\f084"}.icon-cc-sa:before{content:"\f085"}.icon-cc-nd:before{content:"\f086"}.icon-cc-public:before{content:"\f087"}.icon-cc-zero:before{content:"\f088"}.icon-cc-share:before{content:"\f089"}.icon-cc-remix:before{content:"\f08a"}.icon-hatom:before{content:"\f040"}.icon-hresume:before{content:"\f042"}.icon-hcard-add:before{content:"\f043"}.icon-hcard-download:before{content:"\f044"}.icon-indieweb:before{content:"\f08b \f08c"}.icon-indiewebcamp:before{content:"\f08b \f08c \f08d"}.icon-webfinger:before{content:"\f08e"}.icon-bitcoin:before{content:"\f08f"}.icon-bitcoin-simple:before{content:"\f090"}.icon-svg:before{content:"\f049"}.icon-json-ld:before{content:"\f048"}.icon-tent:before{content:"\f050"}.icon-copyleft:before{content:"\f051"}.icon-gnu:before{content:"\f052"}.icon-ofl-attribution:before{content:"\f081"}.icon-ofl-share:before{content:"\f085"}.icon-ofl-renaming:before{content:"\f04a"}.icon-ofl-selling:before{content:"\f04b"}.icon-ofl-embedding:before{content:"\f04c"}.icon-webmention:before{content:"\f04d"}.icon-javascript:before{content:"\f04e"}.icon-wtfpl:before{content:"\f04f"}.icon-ofl:before{content:"\f053"}.icon-wordpress:before{content:"\f054"}.icon-owncloud:before{content:"\f055"}.icon-cccs:before{content:"\f056"}.icon-barcamp:before{content:"\f057"}.icon-indiehosters:before{content:"\f058"}.icon-known:before{content:"\f059"}.icon-mozilla:before{content:"\f05a"}.icon-apml-colored:before{content:"\f001";color:#AFDD63}.icon-open-share-colored:before{content:"\f00E";color:#538439}.icon-share-colored:before{content:"\f006";color:#538439}.icon-feed-colored:before{content:"\f009";color:#EA680B}.icon-ostatus-colored:before{content:"\f004";color:#FF6600}.icon-opml-colored:before{content:"\f003";color:#2490A1}.icon-activity-colored:before{content:"\f010";color:#4FB2D9}.icon-microformats-colored:before{content:"\f00C";color:#85BC07}.icon-geo-colored:before{content:"\f00B";color:#990000}.icon-opensearch-colored:before{content:"\f002";color:#5050f3}.icon-html5-colored:before{content:"\f016";color:#E34C26}.icon-git-colored:before{content:"\f035";color:#F05133}.icon-osi-colored:before{content:"\f038";color:#3DA639}.icon-opensource-colored:before{content:"\f038";color:#3DA639}.icon-epub-colored:before{content:"\f021";color:#85b916}.icon-info-card-colored:before{content:"\f024";color:#BF84E5}.icon-remote-storage-colored:before{content:"\f026";color:#ff4e09}.icon-odata-colored:before{content:"\f028";color:#EA680B}.icon-pub-colored:before{content:"\f045";color:#99cc00}.icon-sub-colored:before{content:"\f046";color:#ffff00}.icon-hubbub-colored:before{content:"\f045";color:#ff6fcf}.icon-javascript-colored:before{content:"\f04e";color:#f0db4f}
diff --git a/css/weloveiconfonts.css b/css/weloveiconfonts.css
index c026d52..e8e865c 100644
--- a/css/weloveiconfonts.css
+++ b/css/weloveiconfonts.css
@@ -1,4 +1,4 @@
-@font-face { font-family: 'OpenWeb Icons'; src: url("../font/openwebicons.eot"); src: url("../font/openwebicons.eot?#iefix") format("embedded-opentype"), url("../font/openwebicons.woff") format("woff"), url("../font/openwebicons.ttf") format("truetype"), url("../font/openwebicons.svg#openweb_iconsregular") format("svg"); font-weight: normal; font-style: normal; }
+@font-face { font-family: 'OpenWeb Icons'; src: url("../font/openwebicons.eot"); src: url("../font/openwebicons.eot?#iefix") format("embedded-opentype"), url("../font/openwebicons.woff2") format("woff2"), url("../font/openwebicons.woff") format("woff"), url("../font/openwebicons.ttf") format("truetype"), url("../font/openwebicons.svg#openweb_iconsregular") format("svg"); font-weight: normal; font-style: normal; }
[class^="openwebicons-"]:before, [class*=" openwebicons-"]:before { font-family: 'OpenWeb Icons'; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; vertical-align: center; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; }
a [class^="openwebicons-"], a [class*=" openwebicons-"] { display: inline-block; text-decoration: inherit; }
@@ -180,3 +180,17 @@ li[class^="openwebicons-"], li[class*=" openwebicons-"] { display: block; }
.openwebicons-wtfpl:before { content: "\f04f"; }
.openwebicons-ofl:before { content: "\f053"; }
+
+.openwebicons-wordpress:before { content: "\f054"; }
+
+.openwebicons-owncloud:before { content: "\f055"; }
+
+.openwebicons-cccs:before { content: "\f056"; }
+
+.openwebicons-barcamp:before { content: "\f057"; }
+
+.openwebicons-indiehosters:before { content: "\f058"; }
+
+.openwebicons-known:before { content: "\f059"; }
+
+.openwebicons-mozilla:before { content: "\f05a"; }
diff --git a/font/openwebicons.eot b/font/openwebicons.eot
index 19979c1..f7fe38d 100755
Binary files a/font/openwebicons.eot and b/font/openwebicons.eot differ
diff --git a/font/openwebicons.svg b/font/openwebicons.svg
index f65d5f6..714a8a2 100755
--- a/font/openwebicons.svg
+++ b/font/openwebicons.svg
@@ -86,6 +86,13 @@
<glyph unicode="" d="M500 847q-180 -5 -300 -125t-125 -300q5 -180 125 -300t300 -125q180 5 300 125t125 300q-5 180 -125 300t-300 125zM496 760h4q144 -3 239.5 -98.5t98.5 -239.5q-3 -144 -98.5 -239.5t-239.5 -98.5q-144 3 -239.5 98.5t-98.5 239.5q3 143 97 238t237 100zM497 661 q-87 -2 -149.5 -53t-82.5 -132h114q16 34 47 55t71 21q55 -1 91.5 -38t38.5 -92q-2 -55 -38.5 -92t-91.5 -38q-40 0 -71 21t-47 54h-114q20 -80 82.5 -131t149.5 -53q101 3 168.5 70.5t69.5 168.5q-2 101 -69.5 168.5t-168.5 70.5z" />
<glyph unicode="" d="M268 846q-24 0 -49.5 -5t-52.5 -19t-45.5 -31.5t-33.5 -46.5t-19 -56t-2 -62t12.5 -62t33 -55t46.5 -41t59 -18q1 -15 0.5 -22.5t-9.5 -18t-7.5 -19.5t-15.5 -20t-18 -30q-1 -10 4.5 -13t13 2t14.5 5t13 -2q3 -2 9 -0.5t9.5 8t8.5 9t10 2.5q-2 -34 -1 -66t14 -67 t38 -65.5t70 -64.5q-35 34 -59.5 64t-37 70.5t-13 69.5t1.5 65q15 2 26.5 6.5t25.5 13.5l5 -33q1 -9 0.5 -18t1.5 -14.5t5.5 -4.5t5.5 -5t3 -18t2.5 -17.5t3 -5t4 0t6.5 -0.5t7 -3t3 -8.5t3.5 -8.5t9 -3t7.5 -2q3 -4 -1 -7l-4 -2q-2 -2 -3 -4q-1 -7 1 -16t9 -15 q4 -2 9.5 -2.5t8.5 -3t2.5 -6.5t2 -6t7 -1.5t7.5 -1t5.5 -3t1.5 -5t-5.5 -8t-6.5 -7.5q-4 -7 -2.5 -12t8.5 -13t16 -14l18 -12q6 -4 7 -9.5t-5 -9.5q-3 -3 -8 -4.5t-7 -4.5q-4 -6 -2 -13t7 -12q2 -3 5.5 -6t6.5 -4l-10 14q-3 7 1 13q2 2 5.5 2t7.5 2q6 2 10 7q2 3 3.5 6.5 t0.5 9t-5 13.5l-8 15q8 -6 15 -13q3 -4 5 -9t5 -9q7 -7 15 -14l-8 -11q-4 -5 -7 -12t-1.5 -14.5t6.5 -11.5t13 -11q-7 10 -10 19q-1 7 3.5 11t9.5 7l-1 -6q-1 -3 0 -6.5t5 -8.5l7 -8q8 -8 16.5 -14.5t16 -7.5t15.5 -1q-8 3 -15 8q-4 5 -7 12q7 -5 14.5 -9t17.5 -6 q14 -3 30 -4q-13 5 -19.5 11.5t-7.5 12.5q8 -4 15 -9t14 -7t13 -2.5t14 0.5q16 2 23 7q-13 -3 -31 0l7 4q3 1 12 9t15 16t8 13q-12 -13 -31 -18l8 8q3 4 4 10q-11 -5 -19.5 -1.5t-16 11.5t-9.5 15q0 5 2 7l6 4q4 3 9.5 6t9.5 7q6 7 8 15t0 16q-2 4 -4.5 8.5t-4 8t-1.5 6 t1 5.5q4 7 11 15l17 3q6 1 13.5 1t12 2.5t7 8.5t2.5 10q2 9 1.5 16.5t-1.5 16.5l15 7q8 3 13 10.5t4.5 13.5t-5.5 10q-2 3 -6 5.5t-7 5.5q-4 5 -6 9q9 6 16.5 12.5t13 11.5t8 8.5t4.5 8.5q3 10 3 23q0 7 -1.5 15t-3.5 13t-4 7l-5 3q-5 4 -10.5 5t-11.5 -2l-9 -1 q-5 -1 -8.5 0t-4.5 3l-4 4l-2 12q-1 6 -2.5 14.5t-4.5 16.5l5 -2q2 -1 6 -4l21 -14q11 -7 24 -9q8 -2 14.5 -6t14 -5.5t16.5 -1.5h17q14 0 22.5 4.5t10.5 12.5t-1 11q-6 4 -9 2q-6 -2 -9.5 2t-5 10t-2.5 14q41 6 72 35q17 16 32 41t21 46q7 27 6.5 60t-6.5 60 q-5 19 -12.5 35t-19.5 31q-11 13 -24 25.5t-27.5 21t-33 14.5t-34.5 8q-21 2 -43 1t-41 -8q-8 -4 -15 -8l-28 -18q-8 -5 -16.5 -4.5t-14.5 6.5q1 -9 3 -15t9 -12q11 -10 30.5 -10t33.5 1q11 1 21.5 3.5t22 2.5t24 -4.5t19.5 -8.5q12 -6 22.5 -16.5t18.5 -21.5 q9 -15 13.5 -32.5t4 -33.5t-3 -30.5t-14.5 -29.5t-30 -11q-17 6 -29 19t-22 27q-12 18 -27.5 38.5t-34.5 37.5q-11 9 -26.5 16t-30.5 9q-23 2 -38.5 -3t-35.5 -20q-6 -4 -10.5 -9t-10.5 -9q-12 8 -23 17.5t-26 15.5t-24.5 8t-28 1.5t-36.5 -6t-35 -19.5q-21 -19 -57 -61 t-50 -53q-9 -7 -15 -10t-18 -2.5t-26.5 15.5t-17 38.5t1 40.5t20.5 44.5t44 39.5t48 15t38 -1.5t39.5 -5t41.5 6.5t19 34q-8 -7 -24 -7q-9 1 -21 8l-27 17q-15 8 -33 11t-43 3h-7zM268 838h6q21 0 38.5 -2.5t32.5 -10t28 -15.5t22.5 -9t14 0t6.5 3q-5 -14 -20.5 -18.5 t-33.5 -4t-35 5t-41.5 2t-52.5 -15.5t-46 -43t-21.5 -47.5t-2.5 -41.5q3 -27 19.5 -44.5t32.5 -18.5q14 0 21 3t18 11q14 12 49 53.5t56 61.5q19 16 35.5 20t32.5 4.5t26.5 -1.5t24 -8t22.5 -14t19 -17l7 -8q6 2 13 2t12.5 -5t10 -12t3.5 -13.5t0 -13.5q2 -4 5 -5l6 -3 q4 -2 4 -7q3 4 0 8l-6 4q-3 2 -3 6q0 7 1 12.5t-2.5 14.5t-11 14.5t-15.5 9.5q7 -1 15 -5q12 -5 26 -14t19 -21q4 -9 2 -15.5t-8 -12.5q-4 -4 -11.5 -9t-10 -11t1.5 -12q2 -3 6 -5t5 -5q2 -6 -2 -10.5t-9 -4.5q7 5 5 13q-2 4 -6 7.5t-8 6.5q-8 4 -16 5.5t-18 9.5 q-6 4 -8.5 8.5t-4 11t-2 15t0.5 15.5t3 15q-3 -2 -4 -4l-2 -4l-27 24q-11 11 -32 15t-39 0t-37 -15q-27 -16 -44 -35l-37 -43q-17 -19 -31 -29t-37 -21l-17 -17l-13 16l-23 -3l-4 23l-21 6l4 30l-15 10l11 19l-11 21l14 24l-5 23l17 14l2 24l23 8l10 22h26l13 16l18 -1l20 2 l11 7l17 -10l19 10l40 -14l-26 21l-26 4l-21 4l-27 -8l-24 6l-24 -13l-24 1l-12 -20l-25 -2l-13 -23l-16 -7l-4 -29l-13 -12l6 -25l-16 -18l15 -21l-17 -12l21 -17l-21 -20l26 -8l-17 -21l21 -4l-14 -23h24l-12 -18l25 3l-6 -25l20 15l6 -31l14 22l7 -27l16 20v-29l18 26 l-10 -45q-36 5 -59.5 18t-43.5 37.5t-30.5 51.5t-13 60.5t1.5 60t19 54t34 45t45 31t50 17.5t45 4zM739 834q25 0 51 -4.5t48 -17.5q15 -9 27.5 -21t23.5 -25q12 -17 19.5 -31t13.5 -34q5 -24 5 -56.5t-6 -56.5q-5 -20 -20 -44.5t-30.5 -40t-32 -22.5t-37.5 -10q-6 10 -8 21 l-4 22l16 -25v28l14 -20l7 27l11 -22l6 30l17 -15l-5 24l22 -2l-10 17l20 -1l-12 23l18 3l-14 20l22 8l-18 19l18 16l-14 12l13 19l-14 18l5 24l-12 11l-3 27l-14 7l-12 22l-21 2l-11 19l-21 -1l-21 12l-21 -5l-24 7l-17 -4l-24 -4l-22 -19l34 13l18 -9l14 9l10 -7l17 -2 l16 1l11 -15h23l9 -21l20 -7l2 -24l15 -12l-5 -22l13 -23l-10 -20l10 -18l-13 -10l3 -29l-18 -5l-4 -22l-20 3l-12 -15l-15 15l-14 7q-7 3 -14 9q-15 12 -31 32q-9 11 -19 25t-19 23.5t-17 15.5t-16 11q-15 9 -28.5 13t-28.5 1q-12 -3 -24 -8q10 -7 21 -15.5t18 -19.5 t4 -22.5t-12 -18.5q17 1 31 -2l3 -11l3 -13q1 -6 5 -10l9 -8q5 -4 9 -13q1 -4 1.5 -13t-0.5 -13q-3 -7 -9 -14h-14q-14 -1 -27 -7q-1 8 1 14q1 2 3 3t3 3q2 5 4 12q5 1 9.5 1t7.5 -1.5t7 -5.5q-4 9 -10 10t-13 1q1 7 6 12l4 3q2 1 3 4q1 7 -5 9t-12 -0.5t-10 -8.5t-6 -13 q-4 -17 -2 -35q1 -11 4 -18q23 -30 43 -62q5 -10 9.5 -20.5t9.5 -18.5q11 -15 22 -20q5 -2 9 -1l8 1q3 1 6 2.5t6 0.5q8 -1 14 -9q2 -5 2.5 -12t0.5 -13q0 -12 -5.5 -21.5t-13 -16.5t-16.5 -12q-11 -8 -24 -13l-24 -9q16 0 38 4q4 -6 9 -11q3 -3 6.5 -4.5t6.5 -4.5 q3 -6 0 -11.5t-11.5 -8.5t-13.5 -2q-15 1 -27.5 1t-24.5 -3q-17 -4 -33.5 -7.5t-33.5 -1.5l-12 1q-8 2 -13 4q-14 6 -24.5 21.5t-18.5 28.5q2 12 4.5 21.5t11.5 19.5q-11 -7 -13.5 -14.5t-5.5 -20.5l-10 17q-6 11 -12 15q-4 2 -9 2h-9q9 -2 16 -7q3 -2 4 -5l6 -10l10 -19 q5 -12 10 -21q3 -5 11.5 -16t19.5 -18q10 -6 23 -8.5t25 -2t25 4t25 5.5q25 0 50 -3q2 -9 2.5 -17t-2.5 -17l-2 -6q0 -2 -4.5 -3t-11 -0.5t-12.5 1.5q-27 -1 -53 -5q-16 -3 -33.5 -6t-24.5 -8q9 -1 18 -3q5 -2 8.5 -5t9 -3t11.5 4t11 4.5t10 -0.5l9 -2q0 -5 -1.5 -9.5 t0.5 -8.5l6 -9q3 -4 5 -8q2 -8 -0.5 -14t-8.5 -11l-11 -9q0 10 -1 11q-5 -11 -19 -19l5 12q2 7 2 13l-1 9l-3 8v-10q0 -6 -2 -10.5t-5 -8t-8.5 -8t-15 -9t-15.5 -8.5q-10 -9 -9 -19q0 -5 3 -10l6 -10q-9 5 -14.5 12t-6 16t-0.5 19l-6 3q-3 1 -7 4q-10 5 -17 15t-6 20 q1 5 4 9l6 7q-9 -4 -17.5 -4t-9 5t0.5 11.5t0 14.5q-5 -6 -11 -12q-4 -3 -9.5 -5t-8 -8t-1 -12.5t2.5 -14.5q-4 4 -6 4.5t-8.5 7t-5 11.5t4.5 9q4 7 4.5 14.5t-4 15t-14.5 13.5q-5 2 -10.5 2.5t-9.5 2.5q-10 3 -14.5 9.5t-0.5 13.5q2 4 4.5 6.5t3.5 5.5q2 9 -4 13 q-4 2 -8.5 2t-8 1.5t-3 6t-0.5 6.5q-3 5 -8 9q-4 2 -9 1.5t-7.5 5t-2 14.5t-1 14.5t-5.5 6t-6 6t0 14.5t-1 18q-5 18 -3 36q18 14 26 23.5t20 28.5l8 -21q3 -7 9 -15l11 -15l-10 19q-10 22 -9 40.5t4 34.5t3 25t-1 14q-4 -33 -14.5 -58t-30 -46.5t-37.5 -31.5t-29.5 -13 t-24.5 -5.5t-22 -10.5q-14 -14 -19 -12l-9 2q-7 0 -14 -3t-12 -7q0 12 3 15l9 9q6 6 9.5 7t6 6t5 17t10 18.5t7.5 16v22.5q12 45 29 79t33 47q10 9 25 17.5t28 13.5q8 3 17 3t13 1q18 6 34.5 10t30.5 1q7 -2 13.5 -2.5t19.5 2.5q6 1 12 4.5t13 6.5q11 3 20 3q2 -10 4.5 -16 t12 -12.5t17.5 -8.5t17 -5.5t10 -9.5t-3 -8t-10 -2q11 -10 25 -2q6 3 7 10.5t-3.5 10.5t-8.5 7.5t-1.5 8t6.5 6.5l13 12q6 5 10.5 10.5t4.5 12.5q-1 10 -4.5 16.5t-11.5 13.5q-15 14 -34 22q-8 4 -16 6q19 16 33.5 22t39.5 4q15 -2 28.5 -8t24.5 -16q18 -16 33 -35.5 t28 -39.5q8 -11 24.5 -28t30.5 -21q23 -2 35 12t16 33q4 16 4 33.5t-4.5 35.5t-13.5 32.5t-19.5 24.5t-24.5 17q-7 5 -18.5 9t-27 4.5t-25 -2t-20.5 -3.5t-24 -1.5t-21 1.5t-13 6t-9 11q7 -4 17 0q14 6 26.5 15t27.5 15t41 8zM660 616q16 -3 30 -8.5t23 -14.5t18 -21t17 -26 q3 -8 5 -16.5t6 -17t10 -17.5l11 -15q5 -6 8.5 -9.5t6 -8.5t3 -11.5t1.5 -10.5q5 -10 11 -12t12 -1q-1 -6 -7 -9.5t-12.5 -4t-16.5 -0.5t-17 1t-13.5 5t-13.5 5.5t-12 3.5l-12 5q-6 3 -13 8l-11 8l-17 9l-8 23l9 9q-6 0 -12 -2.5t-11 -5t-13 -2.5l-5 8q5 -2 11 -2 q10 2 12 12q1 6 -1 11q4 0 7 -2t5.5 -4.5t5.5 -2.5v6t-1 8q-4 6 -7.5 8.5t-6.5 2.5q7 5 11 13q1 5 0.5 16t-2.5 17t-7 11l-10 10q-6 7 -4 15q1 4 4 6zM448 608q-5 -9 -14 -14q-3 -1 -6 -1.5t-5 -1.5t-2 -2.5t-3 -2.5t-7.5 -0.5t-8.5 -0.5q-7 -4 -10.5 -9.5t-5.5 -9.5l-1 -5 q0 -3 -3.5 -4t-6.5 -5q-2 -2 -2.5 -5.5t-2.5 -6.5q-3 -4 -9 -8l-10 -8q13 5 24 13l11 11q2 2 4.5 2.5t4 2.5t1.5 4t1 5q4 9 8 13t11 2l-1 -6v-9q0 -5 -1 -9q-3 -6 -7 -10q6 2 13 5q10 6 15 12.5t8.5 15t4 16t0.5 16.5zM502 593q0 -8 4 -13q5 -2 9 -3q1 -2 1.5 -3.5t2.5 -1.5 q4 -1 9 0l13 -27q2 -5 2 -7.5t2.5 -8t7.5 -13.5l11 -15l-8 18q-2 5 -3 11.5t-2.5 10.5t-3 4.5t-4.5 4.5q-10 19 -16 41l-3 -3q-2 -2 -5 -2q-8 2 -17 7zM490 558q-6 0 -12.5 -1.5t-10.5 -2.5q-16 -5 -29 -16l16 7q8 3 16 5q4 1 12.5 2t13 -2t5.5 -11l1 -13l-12 -2l-15 1 l-14 -3l-13 -2q-5 -1 -12 -5q-1 -9 1 -18q2 -6 9 -11.5t13 -7.5q16 -6 32 -6.5t24 13.5q2 5 3 13l-2 -7q-2 -4 -5 -8q-6 -5 -14 -6q-4 -1 -10 -1l-11 2q-8 1 -14.5 5t-10 7.5t-6.5 8.5q6 6 9 7t12 1q-1 -6 1 -12q5 -13 20 -10q5 0 9.5 4t4.5 11q0 9 -7 14q10 2 18 0 q4 -1 4 -3l2 -4q-1 5 -3 10l-4 7l-3 15q-1 6 -6 13q-2 4 -5 5t-7 1zM634 514q-3 -5 -4 -8t-1 -9l-8 13q4 3 6 3zM528 487q-3 -11 -7 -19q-5 -6 -12 -10l8 2q5 1 7.5 5t2.5 10zM664 477q5 -16 8.5 -27t4.5 -18t1 -15q-7 14 -14.5 27t-16.5 26q7 1 11 3t6 4zM556 417h-5 q-13 -3 -22 -8q-15 -10 -15 -28q-1 -10 4 -18.5t12 -14.5l-3 10v8q3 -3 7 -4l2 7v8q1 4 5 7q8 4 16 1q4 -2 8 -5q-4 11 -14.5 13t-19.5 -4q-3 -4 -7 -9q-2 12 9 20q5 5 13.5 7t15 2t13 -1.5t11 -3.5t9.5 -6l9 -7l17 -8q5 -4 9 -6l9 -8l7.5 -5t8.5 -4q6 -1 13 1q-8 1 -13.5 4 t-11.5 9t-14.5 12t-19 12.5t-21.5 13.5q-7 3 -16 4t-16 1zM570 371q-5 0 -10.5 -1t-7.5 -6q-3 -9 4 -16t17 -3q4 3 3.5 7t-2.5 6q3 0 8 -1q16 -9 24 -25q5 -10 7 -22q0 13 -2 23q-4 16 -15 28q-5 4 -10.5 7t-13.5 3h-2zM449 354q-5 0 -8 -2.5t-2 -6.5v-8q4 2 6 4.5t2 5.5 l19 5z" />
<glyph unicode="" d="M501 846q-102 0 -197 -46q-53 -27 -104 -79t-79 -107q-69 -146 -35 -291t160 -243q37 -28 85.5 -49.5t93.5 -29.5q15 -2 42 -3t54 0q169 10 280.5 120.5t122.5 278.5q3 61 -7 112t-37 105q-28 55 -79 107t-104 79q-95 46 -196 46zM694 720q22 0 43 -8.5t37 -26.5 q13 -9 10 -55.5t-25 -186.5q-27 -161 -25 -198t37 -19q21 7 18.5 0t-26.5 -21q-62 -35 -75 -11q-8 10 -4.5 51.5t23.5 171.5q24 148 25 192t-18 57q-16 15 -37.5 18.5t-40 -6.5t-33 -47t-22.5 -90l-4 -31h52q22 0 37.5 -1.5t17 -4t-3 -9t-12.5 -13.5q-12 -10 -18.5 -12 t-12.5 1t-16.5 5t-21.5 2h-25l-12 -105q-13 -134 -33.5 -197.5t-63.5 -108.5q-13 -14 -23 -24t-13 -10q-9 1 -8.5 9t11.5 19q30 27 46.5 86.5t31.5 187.5l16 140q0 1 -7 2t-17.5 1t-18.5 1.5t-10 2.5q-3 6 13.5 16.5t30.5 11.5q8 0 12 8.5t9 34.5q22 117 116 159q19 8 40 8z M348 514q26 0 47.5 -13t33.5 -39q10 -18 12 -34t0 -49q-4 -62 -32 -109t-78 -72q-26 -14 -42.5 -15.5t-36.5 8.5q-35 15 -52.5 53t-12.5 91q6 71 49 119q26 30 55 45t57 15zM321 478q-71 1 -88 -123q-4 -34 6 -67.5t30 -50.5q48 -36 87 5t41 129q0 34 -11 62.5t-26 37.5 q-6 3 -17 5t-22 2z" />
+<glyph unicode="" d="M500 849q-180 -5 -300 -125t-125 -300q5 -181 125 -301t300 -124q180 4 300 124t125 301q-5 180 -125 300t-300 125zM500 829q172 -4 286.5 -118.5t118.5 -286.5q-4 -173 -118.5 -287.5t-286.5 -118.5q-172 4 -286.5 118.5t-118.5 287.5q4 172 118.5 286.5t286.5 118.5z M500 788q-97 -1 -176 -45t-129 -119l24 -1q31 1 63 3l34 2q15 -1 16 -13.5t-14 -16.5l-12 -1q-12 -2 -29 -3l132 -394l80 239l-57 155l-38 4q-14 3 -13 16t15 14l35 -2q32 -2 62.5 -2t61.5 2l35 2q15 -1 16 -13.5t-14 -16.5l-13 -1q-12 -2 -29 -3l132 -391l36 121 q12 38 20 66.5t8 51.5q0 33 -9.5 58t-20.5 43q-14 22 -24.5 42.5t-11.5 42.5q1 26 17.5 45t43.5 20l5 -1q-49 45 -111.5 70.5t-134.5 25.5zM820 598q2 -17 2 -37q1 -28 -5.5 -60t-21.5 -71l-112 -322q83 49 131.5 131.5t50.5 184.5q-1 96 -45 174zM167 572q-31 -69 -32 -148 q2 -110 57.5 -196.5t148.5 -132.5zM506 392l-109 -318q49 -15 103 -15q64 0 121 21l-2 5z" />
+<glyph unicode="" d="M453 704q-58 -2 -95.5 -40t-39.5 -95q1 -47 28 -81q28 32 67.5 51t85.5 19t85 -18q3 14 3 29q-1 57 -39 95t-95 40zM277 642q-30 -1 -49.5 -21t-20.5 -50q0 -19 9 -34q36 20 79 21l9 -1l-1 12q0 33 13 61q-17 11 -39 12zM609 593h-9q3 -12 3 -24q0 -19 -5 -36 q52 -29 81 -81q29 15 63 18q-5 53 -42 87.5t-91 35.5zM500 543q-80 -2 -133.5 -55t-55.5 -133q2 -80 55.5 -133.5t133.5 -55.5q80 2 133 55.5t55 133.5q-2 80 -55 133t-133 55zM295 542q-62 -1 -103 -42.5t-43 -103.5q1 -36 16 -66t42 -50q11 22 32 35t47 13q6 0 12 -1 q-2 14 -2 28q0 34 10.5 64.5t29.5 56.5q-23 28 -30 66h-11zM753 455q-37 0 -67 -17q17 -38 18 -83q-1 -42 -16.5 -79t-42.5 -65q20 -22 48 -35t60 -13q63 2 104 43t42 103q-1 62 -42 103.5t-104 42.5zM130 436h-2q-55 -4 -91 -41.5t-37 -92.5q1 -58 39.5 -96t95.5 -39 q43 1 76 24q-14 21 -14 48q0 14 4 26q-31 23 -49 56.5t-18 74.5q0 21 5 40h-9zM926 320q-6 0 -11 -1v-10q0 -32 -12 -60.5t-33 -49.5q22 -25 56 -26q32 1 52.5 21.5t20.5 52t-20.5 52.5t-52.5 21zM286 313q-32 -1 -52.5 -22t-20.5 -52.5t20.5 -52t52.5 -21.5q24 0 42 13 t26 34q-40 41 -53 99q-7 1 -15 2z" />
+<glyph unicode="" d="M500 847q-17 0 -34 -1q-74 -6 -141.5 -36.5t-120.5 -82.5q-62 -60 -96 -140t-33 -166q-1 -66 19.5 -129t59.5 -117q56 -78 141 -125t181 -52q17 -2 35 0l34 2q63 7 121 31.5t106 64.5q69 58 108.5 138t43.5 169q2 14 1 28.5t-2 28.5q-7 76 -40.5 146t-89.5 123 q-59 57 -135 87.5t-158 30.5zM499 762h5q39 1 77 -9q48 -12 90.5 -37t76.5 -61q39 -41 62.5 -92t29 -107.5t-8.5 -111.5q-14 -62 -50 -114t-88 -88q-43 -30 -92.5 -45.5t-101 -15.5t-100.5 15.5t-92 44.5t-75.5 70.5t-51.5 90.5q-21 55 -22 114.5t19 115.5q14 42 39 79 t58 66q40 36 88.5 57t100.5 27zM642 576q-4 0 -7 -1q-10 -3 -16.5 -10.5t-6.5 -18.5v-68q0 -9 2.5 -17t8.5 -13q14 -11 30.5 -5t19.5 24q1 39 1 79q-1 13 -10.5 21.5t-21.5 8.5zM729 576h-1q-4 0 -7 -1q-9 -3 -15.5 -10t-5.5 -16v-83q0 -7 5 -13t12 -9q14 -6 27.5 1.5 t15.5 23.5q1 39 0 77q0 13 -9.5 21.5t-21.5 8.5zM556 576q-4 0 -7 -1q-10 -2 -16.5 -10t-6.5 -19v-74q-1 -10 4.5 -17.5t14.5 -11.5q15 -5 28 3t14 23v80q-1 12 -10 19.5t-21 7.5zM365 576q-20 -1 -39.5 -6t-36.5 -16q-32 -21 -50.5 -55t-18.5 -73v-25q1 -13 4 -26 q7 -29 25 -53.5t44 -38t55.5 -14.5t57.5 9q20 8 36 22.5t30 30.5q2 5 -2 9l-7 6q-11 -12 -24 -22q-18 -13 -41 -13t-42 12q-14 10 -23 24t-14 30q-9 26 -10 54t1 55q2 16 7.5 31.5t17.5 27.5q9 9 22 11t23 -6q7 -7 7 -17v-18q0 -11 2.5 -22.5t10.5 -18.5t17.5 -7t18.5 1 q15 3 23 15t7 26q-2 22 -18.5 37.5t-38 22.5t-44.5 7z" />
+<glyph unicode="" d="M657 848q-34 0 -70 -8q36 -14 68 -36q18 -10 31 -22.5t8 -27.5q-23 -34 -62.5 -29t-71 20.5t-66.5 31t-72 10.5q-37 -8 -58.5 -42t-32.5 -68q42 14 90 11.5t74 -44.5q19 -36 13.5 -83t-44.5 -67q-44 -15 -78 8l-66 46q-31 20 -75 33.5t-69 -24.5q-15 -32 -10.5 -66.5 t-8.5 -66.5q-23 -38 -62 -39.5t-76 5.5q16 -17 33.5 -31.5t38 -22.5t42.5 -5q19 4 33 13t27 22.5t23.5 27.5t29.5 21q16 4 32 2t31 -9q32 -16 54 -46.5t20 -66.5q-1 -19 -12.5 -34t-26.5 -25q-18 -13 -62 -19q28 -37 68 -43.5t89 -0.5q39 5 80 17.5t81 5.5 q41 -13 36.5 -45.5t-32.5 -56.5q-32 -24 -70.5 -31t-78.5 -4q56 -28 115 -45q393 -45 410 362.5t-323 471.5zM850 659q10 0 17 -8q36 -54 54.5 -115t18.5 -127t-19.5 -128t-57.5 -117q-5 -7 -12.5 -8t-14 3.5t-8 12t2.5 14.5q35 49 52.5 106t17.5 117t-17 115.5t-50 104.5 q-4 7 -2.5 14.5t8.5 12.5q5 3 10 3zM779 612q10 -1 16 -9q29 -43 44 -92t15 -102t-16 -103t-46 -93q-5 -7 -12.5 -8.5t-14 3.5t-8 12.5t3.5 13.5q26 39 40 83.5t14 91.5t-13.5 90.5t-38.5 81.5q-5 7 -3 14.5t7.5 11.5t11.5 5zM704 561q10 0 16 -8q21 -32 32 -68.5t11 -74.5 q0 -80 -45 -146q-5 -7 -12.5 -8.5t-14 3.5t-8 12.5t2.5 14.5q39 56 39 123t-37 122q-4 7 -3 14.5t7 11.5t12 4z" />
+<glyph unicode="" d="M353 849q-33 1 -62 -17q-26 -22 -29 -54q-3 -26 10 -52q11 -22 42 -25q14 -1 38.5 3.5t36.5 11.5q22 20 25 47q2 13 2.5 28t-4.5 29q-9 14 -26.5 20t-32.5 9zM636 847q-22 -1 -40 -10q-23 -12 -27 -42q-9 -100 5 -200q4 -24 0 -49q1 -15 -2 -29q0 -8 -1.5 -13.5 t-8.5 -11.5q-16 -10 -35 -12l-29 -4q-15 -3 -30 -1q-8 0 -17 1t-15 6q-3 4 -3 10l1 12q0 27 -2 50q-5 28 -38 55.5t-81 17.5q-22 -11 -27 -52l-7 -66q-2 -18 -0.5 -50t5.5 -56q7 -41 10 -79q1 -58 -5 -113q-4 -72 -12 -145q-4 -30 7 -44q12 -19 39 -22q15 -2 40.5 1t38.5 8 q23 12 27 42q8 90 -2 183q-3 22 -3 44q0 9 0.5 20.5t7.5 21.5q4 5 10 7.5t12 4.5l34 7q27 4 54 0q10 0 20 -7q7 -8 8 -18t4 -19q7 -21 18 -42q7 -13 19 -23t27 -14q37 -5 58 30t23 62q2 20 0.5 64.5t-5.5 70.5q-6 41 -10 79q-1 58 5 113q5 73 13 145q3 30 -8 45 q-7 9 -29.5 14.5t-39.5 7.5h-9zM690 148q-17 0 -41.5 -4t-37.5 -11q-22 -20 -25.5 -46.5t0.5 -52.5q3 -29 32 -32q18 0 46 4t43 13q25 22 29 55q7 23 -5 49q-11 21 -41 25z" />
+<glyph unicode="" d="M500 848q-181 -5 -300.5 -125t-124.5 -300q5 -181 124.5 -301t300.5 -124q181 4 300.5 124t124.5 301q-5 180 -124.5 300t-300.5 125zM502 783q155 -4 258 -107t107 -257q-4 -155 -107 -258t-258 -107q-154 4 -257 107t-107 258q4 154 107 257t257 107zM719 662v0h-192 v-67h17q15 0 18.5 -2.5t3.5 -7.5q0 -2 -2 -5.5t-11 -12.5l-134 -140v129q0 19 3 26t11 11q5 2 25 2h13v67h-210v-67h18q16 0 22 -3.5t9 -11t3 -28.5v-263q0 -23 -2.5 -29.5t-9 -10t-24.5 -3.5h-16v-67h210v67h-17q-18 0 -23.5 3t-8.5 10t-3 25v48l65 64l75 -121 q10 -16 10 -20t-5.5 -6.5t-28.5 -2.5h-9v-67h217v67h-8q-18 0 -28 7q-7 4 -23 28l-124 188l104 101q12 11 19.5 16.5t12.5 7t19 1.5l24 1v66h-20z" />
+<glyph unicode="" d="M411 787q-69 -5 -118.5 -31.5t-51.5 -30.5q-54 -37 -120 -93.5t-108 -100.5q10 -1 20 3.5t21 6.5l99 27q-35 -28 -83 -68.5t-70 -78.5q25 11 63.5 29.5t64.5 22.5q-23 -21 -56 -51.5t-49 -54.5q1 -1 1 -3v-3q20 12 53.5 30.5t55.5 22.5q-22 -24 -50 -59.5t-39 -65.5 q20 13 54.5 31.5t55.5 27.5q-4 -11 -12.5 -20.5t-14.5 -20.5q-11 -16 -25 -33.5t-17 -36.5q33 31 73 53q-9 -19 -21 -36.5t-17 -39.5q13 13 33.5 20.5t37.5 13.5l-3 -2l-16 -14q-14 -11 -27 -27l10 2l13 -3l-32 -13q74 -96 173.5 -136.5t221.5 -29.5l-13 28q17 43 26.5 96 t59.5 84q34 20 53 28.5t58 0.5q25 -5 64 -15t66 -6l35 21q15 9 33 23q23 -5 34 -1.5t19 16.5l14 38q9 26 19 48l1 15q-9 30 -10.5 65.5t-5.5 45.5q-37 39 -119 63.5t-138 77.5q7 28 -5.5 51t-31.5 40q-29 19 -63 16t-64 -12q-34 7 -65.5 17.5t-64.5 20.5q-9 1 -18 1h-4z M410 739q27 -1 52.5 -8.5t52.5 -12.5q-2 -5 -6 -8t-7 -7l-7 -11q-5 -5 -2 -11l32 12q33 10 66.5 21t70.5 8l24 -31q-39 27 -79.5 8.5t-79.5 -31.5q-15 -3 -30 -7.5t-29 -7.5q16 -12 35 -15.5t40 -1.5q3 -16 17.5 -34.5t29.5 -22.5q-4 14 -11.5 32t1.5 36q13 9 30 17.5 t32 -2.5q-10 -1 -18 -6l-16 -10q-6 -5 -8 -14.5t-1 -13.5q6 -19 39 -33t90 -14q-7 10 -24.5 28t-17.5 29q63 -55 141.5 -79.5t108.5 -47.5q-1 -9 -14 -23t-10 -22q-2 -9 8 -23.5t25 -31.5q-7 63 7.5 41t0.5 -75l-35 8q-81 6 -131.5 33.5t-113.5 71.5q-26 17 -51 37l-42 34 l-50 19q50 -55 62.5 -73.5t-12.5 -58.5l-17 31l-7 55q-17 -51 -11 -98t69 -79l50 -7q-18 14 -30 29t-8 31q25 -39 93 -61t114 -32q14 -5 24 -15q-10 -9 -19 -11.5t-22 -6.5q-32 10 -66 21t-49 31q-5 -12 -74 -23.5t-56 -14.5q-37 2 -72 22.5t-61 50.5l-9 3q2 -28 21 -51 t35 -47l38 -17q-14 -9 -28.5 -18.5t-23.5 -24.5q-3 -8 -6.5 -17t-0.5 -17q13 14 29 21.5t32 11.5l-16 -25q2 -21 -9 -49q-2 5 -5 10q-38 15 -71 39q7 -22 24.5 -44t37.5 -38q-6 -13 -12 -23q-14 10 -28.5 21t-25.5 21q8 -17 13 -32.5t13 -28.5q-62 4 -117 23.5t-100 58.5 l60 34q-13 -2 -35 -8l-42 -11l-7 8l54 27q30 15 41 33v0l-6 -2l-61 -3q-5 31 11.5 53.5t1.5 46.5q-30 39 -49 80.5t-15 89.5q5 -12 14 -22q1 11 2.5 22.5t4.5 20.5q4 -15 10.5 -29.5t21.5 -24.5l1 2q-14 47 -2.5 95t56.5 78q-12 -4 -29 -5.5t-35 -8.5q3 5 9.5 21t18.5 28 q9 7 16.5 14.5t17.5 13.5q19 16 43 28.5t59 18.5q8 1 16 1h4zM425 692q-32 -1 -60 -12l-13 -10q-10 -12 -19 -25.5t-12 -29.5l3 -4q16 17 37 28q0 -18 9.5 -33.5t25.5 -24.5h3q-3 19 -1 39.5t9 37.5q12 9 25 15.5t23 15.5q-15 4 -30 3zM625 633v0q8 0 15 -3q-6 -3 -8 -11 q-1 -4 0 -7q-11 8 -11 21h4zM462 632q3 -8 10 -16l13 -17q-31 -3 -60 -11q7 -5 14.5 -9t13.5 -9l-39 -14q-19 -7 -36 -21l5 -3q31 6 66 5.5t68 -7.5l2 2l-25 46l38 8q-15 15 -32.5 27.5t-37.5 18.5zM662 618q8 -7 15 -16q-11 -2 -22 0q5 3 7 10v6zM599 594q4 -12 12.5 -25.5 t24.5 -15.5q32 -6 62 -1q-25 11 -52 16.5t-47 25.5zM368 532q-23 -18 -32.5 -42.5t-5.5 -52.5q3 -20 -4 -41.5t6 -39.5q29 -32 63 -55l-2 8q-15 17 -27 35.5t-19 38.5l35 -12q18 -7 37 -10q-25 32 -49.5 66t-12.5 78q2 7 7 13.5t4 13.5zM728 403q4 -1 8.5 -2t5.5 -3 q-4 -2 -8 -6t-9 -7l1 10q0 5 2 8zM768 382v0q6 0 10 -4l-13 -13l1 17h2zM798 371v0l10 -6q-2 -1 -6 -7t-7 -7q1 3 1 11t2 9zM829 357v0l9 -2q-3 -4 -6 -10.5t-9 -7.5l4 8q-1 13 2 12zM861 351l12 -3l-13 -22zM896 345q3 0 12 -4l-15 -11q-2 16 3 15zM933 339q4 0 7 -2 q-1 -6 -5 -10t-7 -9l1 11q1 5 -1 10h5z" />
<glyph unicode="" d="M499 798q-166 0 -280 -117q-58 -58 -88.5 -131t-30.5 -152.5t30 -152t87.5 -130t130 -87.5t152 -30t153.5 30.5t133 88.5q56 55 85 126.5t29 153.5t-29.5 154.5t-85.5 128.5q-118 118 -286 118zM501 725q135 0 232 -96q46 -46 70.5 -105.5t24.5 -125.5q0 -138 -94 -230 q-48 -47 -108.5 -72t-125 -25t-124 24.5t-106.5 71.5t-72.5 106.5t-25.5 124.5t25.5 124.5t72.5 107.5q94 95 231 95zM389 522q-50 0 -83.5 -33.5t-33.5 -91.5t33 -91t86 -33q34 0 62 17t43 46l-49 25q-14 -34 -49 -34q-27 0 -40.5 19t-13.5 52q0 70 54 70q11 0 23.5 -7 t20.5 -25l54 28q-32 58 -107 58zM621 522q-51 0 -84 -33.5t-33 -91.5t32.5 -91t86.5 -33q33 0 60.5 17t44.5 46l-50 25q-14 -34 -49 -34q-27 0 -40.5 19t-13.5 52q0 70 54 70q11 0 23.5 -7t21.5 -25l52 28q-31 58 -105 58z" />
<glyph unicode="" d="M499 796q-165 0 -281 -116q-118 -120 -118 -284t118.5 -282t280.5 -118q165 0 287 119q114 112 114 280.5t-116 284.5t-285 116zM501 724q135 0 231 -96t96 -233.5t-94 -227.5q-100 -98 -234 -98t-231 97t-97 229.5t98 232.5q94 96 231 96zM500 654q-56 0 -56 -56t56 -56 t56 56t-56 56zM418 521q-11 0 -18.5 -7.5t-7.5 -18.5v-163h46v-195h124v195h46v163q0 11 -8 18.5t-18 7.5h-164z" />
<glyph unicode="" d="M499 796q-165 0 -281 -116q-118 -120 -118 -284t118 -282t282 -118t286 119q114 112 114 280.5t-116 284.5t-285 116zM501 724q136 0 231 -96q96 -94 96 -232q0 -44 -10 -86l-355 159q-4 5 -4 10q0 17 15 24t33 7q35 0 69 -23l52 53q-45 34 -100 37v62h-47v-62 q-37 -2 -64.5 -21t-37.5 -50l-153 68q20 30 44 54q94 96 231 96zM190 504l204 -92l64 -28l47 -21l39 -16q10 -10 10 -25q0 -21 -14.5 -30.5t-35.5 -9.5q-50 0 -89 37l-55 -56q55 -47 121 -48v-61h47v61q41 4 71.5 28t38.5 61l151 -67q-20 -36 -55 -70q-98 -98 -232.5 -98 t-232 97t-97.5 230q0 58 18 108z" />
diff --git a/font/openwebicons.ttf b/font/openwebicons.ttf
index bc024b4..5b460d6 100755
Binary files a/font/openwebicons.ttf and b/font/openwebicons.ttf differ
diff --git a/font/openwebicons.woff b/font/openwebicons.woff
index f1a48fb..ab193dd 100755
Binary files a/font/openwebicons.woff and b/font/openwebicons.woff differ
diff --git a/font/openwebicons.woff2 b/font/openwebicons.woff2
new file mode 100755
index 0000000..cafe6de
Binary files /dev/null and b/font/openwebicons.woff2 differ
diff --git a/package.json b/package.json
index 990aebb..568ed22 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "openwebicons",
- "version": "1.2.3",
+ "version": "1.3.0",
"description": "OpenWeb Icons",
"main": "Gruntfile.js",
"author": {
@@ -16,8 +16,9 @@
"devDependencies": {
"grunt": "~0.4.1",
"grunt-contrib-sass": "~0.2.2",
- "grunt-update-json": "*",
- "grunt-svg2ttf": "*"
+ "grunt-kss": "^0.4.0",
+ "grunt-svg2ttf": "*",
+ "grunt-update-json": "*"
},
"repository": {
"type": "git",
@@ -34,4 +35,4 @@
"sass",
"scss"
]
-}
\ No newline at end of file
+}
diff --git a/sass/_mixins.scss b/sass/_mixins.scss
index 8124c11..09a8df3 100644
--- a/sass/_mixins.scss
+++ b/sass/_mixins.scss
@@ -7,6 +7,7 @@ $font_path: "../font" !default;
font-family: 'OpenWeb Icons';
src: url("#{$font_path}/openwebicons.eot");
src: url("#{$font_path}/openwebicons.eot?#iefix") format("embedded-opentype"),
+ url("#{$font_path}/openwebicons.woff2") format("woff2"),
url("#{$font_path}/openwebicons.woff") format("woff"),
url("#{$font_path}/openwebicons.ttf") format("truetype"),
url("#{$font_path}/openwebicons.svg#openweb_iconsregular") format("svg");
diff --git a/sass/_vars.scss b/sass/_vars.scss
index f17b3e7..b5f73f5 100644
--- a/sass/_vars.scss
+++ b/sass/_vars.scss
@@ -85,4 +85,11 @@ $icons: apml "\f001" "#AFDD63",
webmention "\f04d" "monochrome",
javascript "\f04e" "#f0db4f",
wtfpl "\f04f" "monochrome",
- ofl "\f053" "monochrome";
\ No newline at end of file
+ ofl "\f053" "monochrome",
+ wordpress "\f054" "monochrome",
+ owncloud "\f055" "monochrome",
+ cccs "\f056" "monochrome",
+ barcamp "\f057" "monochrome",
+ indiehosters "\f058" "monochrome",
+ known "\f059" "monochrome",
+ mozilla "\f05a" "monochrome";
\ No newline at end of file
diff --git a/sass/openwebicons-styleguide.scss b/sass/openwebicons-styleguide.scss
new file mode 100644
index 0000000..58288d2
--- /dev/null
+++ b/sass/openwebicons-styleguide.scss
@@ -0,0 +1,66 @@
+@import "vars";
+@import "mixins";
+
+@include font_face;
+@include simple_mapper;
+
+/*
+Icons
+
+The OpenWeb-Icons
+
+Styleguide 1.0
+*/
+
+$i: 1;
+
+// iterate icons
+@each $icon in $icons {
+/*
+The #{nth($icon, 1)} icon
+
+.#{$prefix}-#{nth($icon, 1)} - the #{nth($icon, 1)} icon
+
+Markup: <i class="#{$prefix}-#{nth($icon, 1)}"></i>
+
+Styleguide 1.#{$i}
+*/
+ .#{$prefix}-#{nth($icon, 1)}:before {
+ content: "#{nth($icon, 2)}";
+ font-size: 50px;
+ }
+
+ $i: $i + 1 !global;
+}
+
+/*
+Colored Icons
+
+Change the color of an icon with CSS
+
+Styleguide 2.0
+*/
+
+$i: 1;
+
+// iterate icons
+@each $icon in $icons {
+ @if nth($icon, 3) != "monochrome" {
+/*
+The #{nth($icon, 1)} colored-icon
+
+.#{$prefix}-#{nth($icon, 1)}-colored - the #{$prefix}-#{nth($icon, 1)}-colored icon
+
+Markup: <i class="#{$prefix}-#{nth($icon, 1)}-colored"></i>
+
+Styleguide 2.#{$i}
+*/
+ .#{$prefix}-#{nth($icon, 1)}-colored:before {
+ content: "#{nth($icon, 2)}";
+ color: #{nth($icon, 3)};
+ font-size: 50px;
+ }
+
+ $i: $i + 1 !global;
+ }
+}
\ No newline at end of file
diff --git a/source/openwebicons.svg b/source/openwebicons.svg
index 2f50fa9..ae0c954 100755
--- a/source/openwebicons.svg
+++ b/source/openwebicons.svg
@@ -16,7 +16,7 @@
height="1000"
id="svg5496"
sodipodi:version="0.32"
- inkscape:version="0.48.2 r9819"
+ inkscape:version="0.48.5 r10040"
sodipodi:docname="openwebicons.svg"
inkscape:output_extension="org.inkscape.output.svg.inkscape">
<metadata
@@ -43,12 +43,12 @@
showgrid="true"
showguides="true"
inkscape:guide-bbox="true"
- inkscape:zoom="0.5"
- inkscape:cx="306"
- inkscape:cy="476.2439"
+ inkscape:zoom="0.1767767"
+ inkscape:cx="183.43212"
+ inkscape:cy="958.54573"
inkscape:window-x="0"
inkscape:window-y="0"
- inkscape:current-layer="g4526"
+ inkscape:current-layer="g6692"
inkscape:window-maximized="1">
<sodipodi:guide
orientation="horizontal"
@@ -502,6 +502,41 @@
id="glyph4217"
unicode=""
d="m 500.5,846.40625 c -66.82416,0 -133.65212,-15.43254 -196.84375,-46.3125 C 235.84814,766.9579 156.09102,685.54855 120.84375,613.5 28.079331,423.88136 79.24488,205.69996 246,79.78125 293.44182,43.95736 367.29447,11.4486 424.625,1.1562 c 18.68176,-3.3535 61.94379,-4.9282 96.125,-3.5 220.55925,9.2155 393.05364,180.08847 403.5625,399.7813 3.9453,82.47913 -8.45742,143.17139 -44.125,216.0625 C 844.93114,685.55075 765.14509,766.96119 697.34375,800.09375 634.15212,830.97371 567.32416,846.40625 500.5,846.40625 z M 693.5625,720.25 c 29.67364,0.34518 59.41883,-11.98179 80.25,-35 17.07926,-18.87231 15.1234,-49.94798 -15.25,-241.90625 -35.21503,-222.55698 -34.54681,-234.21594 12.6875,-217.75 28.53591,9.94771 23.77404,-2.43269 -7.96875,-20.6875 -40.803,-23.46516 -66.75746,-27.39153 -75.3125,-11.40625 -10.67684,19.94985 -8.68382,43.47499 18.9375,223.09375 31.74144,206.4112 32.22599,223.64907 6.90625,248.96875 -20.13712,20.13718 -53.67,25.35906 -78.28125,12.1875 -22.76938,-12.18578 -44.6967,-67.50925 -54.21875,-136.8125 l -4.21875,-30.625 51.625,0 c 28.38121,0 53.22656,-2.62036 55.21875,-5.84375 1.99212,-3.22339 -5.31234,-13.38531 -16.21875,-22.5625 -15.49023,-13.03414 -22.46544,-15.26909 -31.84375,-10.25 -6.60322,3.53395 -23.27957,6.40625 -37.0625,6.40625 l -25.0625,0 -11.4375,-104.78125 C 542.21511,189.04965 524.18121,131.99175 465.4375,67 448.60761,48.38008 432.38366,33.125 429.375,33.125 c -13.04587,0 -11.76017,13.27108 2.71875,27.75 40.82403,40.82403 57.33224,98.81493 78,274.09375 8.91112,75.5736 16.21875,138.68393 16.21875,140.25 0,1.56614 -11.12327,2.84375 -24.71875,2.84375 -13.59554,0 -26.70073,1.98198 -29.09375,4.375 -6.08077,6.0807 28.45493,27.79216 44.28125,27.84375 10.93852,0.0357 14.32122,6.86931 21.0625,42.40625 C 552.79876,631.52319 591.06344,683.91014 654,711.75 c 12.61604,5.58068 26.07448,8.3431 39.5625,8.5 z M 348,513.75 c 34.31808,0.28532 64.60666,-16.73417 81.40625,-51.4375 12.58842,-26.00424 14.22062,-37.62343 11.71875,-83 C 436.54518,296.24927 396.80738,230.65306 331.28125,198 c -37.27151,-18.57317 -50.92417,-19.87885 -79.34375,-7.5 -46.60791,20.3011 -71.47428,75.38015 -65.125,144.25 4.43441,48.09911 20.3179,86.76687 49.25,119.71875 C 270.35521,493.526 311.46785,513.44627 348,513.75 z m -27.125,-35.6875 c -47.69705,0 -76.65578,-40.49616 -88.28125,-123.5 -5.92594,-42.31046 10.68345,-96.21086 36.28125,-117.75 60.8096,-51.16793 128.72649,19.97031 128.3125,134.40625 -0.15953,44.08282 -16.99424,88.86716 -37.5625,99.875 -7.16166,3.83277 -24.60234,6.96875 -38.75,6.96875 z" />
+ <glyph
+ glyph-name="Glyphe 85"
+ id="glyph4209"
+ unicode=""
+ d="M 499.9375,848.5 C 265.58082,848.5 75,657.91489 75,423.5625 75,189.19724 265.58082,-1.5 499.9375,-1.5 734.29418,-1.5 925,189.19724 925,423.5625 925,657.91489 734.29418,848.5 499.9375,848.5 z m 0,-19.40625 c 223.60267,0 405.53125,-181.92858 405.53125,-405.53125 0,-223.60696 -181.92858,-405.5313 -405.53125,-405.5313 -223.60267,0 -405.40625,181.92434 -405.40625,405.5313 0,223.60267 181.80358,405.53125 405.40625,405.53125 z m 0,-41 c -127.38306,0 -239.36901,-65.27537 -304.5625,-164.25 8.56115,-0.27464 16.65966,-0.53125 23.5,-0.53125 38.12823,0 97.09375,4.71875 97.09375,4.71875 19.64559,1.15007 21.97646,-27.70536 2.34375,-30.03125 0,0 -19.75157,-2.37689 -41.71875,-3.53125 l 132.8125,-394.90625 79.8125,239.34375 -56.875,155.5625 C 412.69816,595.62311 394.15625,598 394.15625,598 c -19.64988,1.16294 -17.40846,31.18132 2.25,30.03125 0,0 60.20745,-4.71875 96.03125,-4.71875 38.11965,0 97.1875,4.71875 97.1875,4.71875 19.65417,1.15007 22.02059,-27.70536 2.375,-30.03125 0,0 -19.80427,-2.37689 -41.75,-3.53125 L 682,202.5625 718.375,324.09375 c 15.7405,50.45286 27.78125,86.61043 27.78125,117.8125 0,45.07585 -16.16176,76.34051 -30.03125,100.625 -18.47835,30.04771 -35.84375,55.45229 -35.84375,85.5 0,33.51079 25.34103,64.6875 61.15625,64.6875 1.61782,0 3.14384,-0.21397 4.71875,-0.3125 -64.86735,59.43456 -151.2994,95.6875 -246.21875,95.6875 z M 819.96875,598.4375 c 1.56633,-11.61227 2.46875,-24.0143 2.46875,-37.4375 0,-36.98246 -6.9813,-78.54761 -27.78125,-130.5625 L 683.28125,108.375 c 108.39404,63.19803 181.3125,180.67658 181.3125,315.1875 0,63.39114 -16.16507,122.94593 -44.625,174.875 z m -653.03125,-26.5 c -20.22921,-45.34192 -31.53125,-95.51472 -31.53125,-148.375 0,-144.31225 83.80479,-269.10054 205.4375,-328.1875 L 166.9375,571.9375 z M 506.375,391.6875 396.96875,73.8125 c 32.67399,-9.60823 67.18357,-14.90625 102.96875,-14.90625 42.45816,0 83.2285,7.38138 121.125,20.71875 -0.96983,1.56633 -1.8244,3.2289 -2.5625,5.03125 L 506.375,391.6875 z" />
+ <glyph
+ glyph-name="Glyphe 86"
+ id="glyph4211"
+ unicode=""
+ d="m 452.71875,703.8125 c -74.42692,0 -134.5,-60.26058 -134.5,-134.6875 0,-30.679 10.3078,-58.92069 27.53125,-81.53125 37.36372,43.24602 92.36588,70.75 153.9375,70.75 30.12364,0 58.66728,-6.64557 84.40625,-18.40625 2.08395,9.42435 3.3125,19.12754 3.3125,29.1875 0,74.42692 -60.26052,134.6875 -134.6875,134.6875 z M 277.0625,641.53125 c -38.75953,0 -69.9375,-31.39673 -69.9375,-70.15625 0,-12.54919 3.14223,-24.37535 8.875,-34.53125 23.389,13.19402 50.52813,20.6875 79.25,20.6875 2.77187,0 5.54393,-0.0671 8.28125,-0.21875 -0.30988,3.92918 -0.625,7.8046 -0.625,11.8125 0,21.58818 4.6046,42.25826 12.84375,60.8125 -11.09332,7.43905 -24.28776,11.59375 -38.6875,11.59375 z M 608.9375,593.125 c -2.86345,0 -5.64953,-0.26138 -8.46875,-0.4375 1.21948,-7.68894 2.25,-15.53382 2.25,-23.5625 0,-12.49476 -1.6351,-24.43708 -4.53125,-36.03125 33.95588,-18.79166 62.10823,-47.00431 80.6875,-81.09375 19.27098,10.03256 40.71479,16.47079 63.53125,18 -5.88024,68.96057 -62.97825,123.125 -133.46875,123.125 z m -109.25,-50.09375 c -104.14559,0 -188.28125,-84.12863 -188.28125,-188.28125 0,-104.14143 84.13136,-188.5 188.28125,-188.5 104.14997,0 188.5,84.35878 188.5,188.5 0,104.15241 -84.35433,188.28125 -188.5,188.28125 z M 295.25,542.21875 c -80.79725,0 -146.0625,-65.29643 -146.0625,-146.09375 0,-47.5636 22.60059,-89.59882 57.71875,-116.28125 14.80508,28.55489 44.49689,48 78.84375,48 4.15113,0 8.1866,-0.47911 12.1875,-1.03125 -1.25597,9.13752 -1.84375,18.45695 -1.84375,27.9375 0,45.32857 14.6342,87.17567 39.71875,121.03125 -15.01537,18.78909 -25.6385,41.43694 -30.21875,66.03125 -3.3946,0.23505 -6.88883,0.40625 -10.34375,0.40625 z M 753.375,455.3125 c -24.53373,0 -47.58442,-6.34671 -67.875,-16.96875 11.52166,-25.5212 18,-53.79522 18,-83.59375 0,-55.79533 -22.56588,-106.5695 -58.96875,-143.375 26.74281,-29.69008 65.68625,-48.21875 108.84375,-48.21875 80.79726,0 146.0625,65.26524 146.0625,146.0625 0,80.79731 -65.26524,146.09375 -146.0625,146.09375 z m -623.75,-19.40625 c -0.58548,-0.005 -1.17575,-0.002 -1.75,-0.0312 C 56.665597,432.2933 0,373.66573 0,301.5625 0,227.13341 60.477147,166.875 134.90625,166.875 c 28.32881,0 54.4783,8.86214 76.15625,23.78125 -8.95774,13.9193 -14.28125,30.49713 -14.28125,48.21875 0,9.19797 1.52461,17.93218 4.125,26.28125 -40.58332,29.32903 -67.03125,77.16187 -67.03125,130.96875 0,13.67114 1.75745,26.84618 4.96875,39.53125 -1.3329,0.0397 -2.5949,0.21875 -3.9375,0.21875 -1.74443,0 -3.5248,0.0476 -5.28125,0.0312 z m 796.5,-115.5 c -3.97057,0 -7.79744,-0.42812 -11.59375,-1.03125 0.20922,-3.35606 0.21875,-6.74749 0.21875,-10.15625 0,-42.9153 -16.88944,-81.74237 -44.28125,-110.6875 13.47582,-15.6708 33.25645,-25.65625 55.65625,-25.65625 40.80142,0 73.875,32.85483 73.875,73.65625 0,40.80144 -33.07358,73.875 -73.875,73.875 z m -640.375,-7.875 c -40.7993,0 -73.65625,-32.85694 -73.65625,-73.65625 0,-40.79929 32.85695,-73.875 73.65625,-73.875 31.2732,0 57.90781,19.51973 68.6875,46.96875 -26.30283,26.78916 -45.24118,60.93252 -53.59375,98.90625 -4.88779,1.01079 -9.9039,1.65625 -15.09375,1.65625 z" />
+ <glyph
+ glyph-name="Glyphe 87"
+ id="glyph4213"
+ unicode=""
+ d="m 499.9375,847.1875 c -11.16839,0.0182 -22.39136,-0.43704 -33.53125,-1.34375 C 368.74989,838.08373 274.12,795.78322 203.9375,727.3125 121.71558,648.3144 72.704056,534.91403 74.84375,420.625 73.816694,333.12511 102.94444,246.16881 153.8125,175.1875 227.16175,71.597 349.35636,3.9097 476.3125,-1.625 c 22.85211,-2.9386 45.77289,0.4308 68.625,1.3438 83.02075,8.9297 163.10758,43.11184 227.15625,96.7187 90.46695,75.11808 147.91483,189.25891 151.9375,307 3.10969,18.68681 -0.77994,37.40967 -1.09375,56.125 C 914.40719,561.09886 867.28125,658.92075 793.21875,728.875 715.62842,804.21598 607.89872,847.01956 499.9375,847.1875 z m -1.28125,-84.78125 c 1.85447,0.0145 3.70858,0.013 5.5625,0 25.95478,-0.18214 51.83081,-2.50372 77.03125,-9.28125 63.39247,-15.83385 122.1693,-50.17101 166.875,-97.84375 50.95361,-54.17746 83.96,-125.35733 90.75,-199.5625 3.93708,-37.37358 1.09281,-75.42522 -7.4375,-112 C 812.35131,262.21005 761.72608,188.77606 692.65625,141.53125 636.25347,102.64558 567.86067,80.77456 499.21875,81.6875 c -67.9572,-0.82736 -135.62436,20.73928 -191.65625,58.96875 -57.42981,39.05686 -102.53533,96.03842 -127.15625,161 -27.93036,73.2922 -29.37217,156.28942 -3.78125,230.4375 18.71533,55.97481 53.16111,106.14426 97.125,145.34375 52.55128,46.56009 119.81611,76.25219 189.65625,83.8125 9.84267,0.52779 19.79581,0.92163 29.6875,1.0625 1.85469,0.0264 3.70803,0.0793 5.5625,0.0937 z m 143.0625,-186.375 c -2.31389,-0.0703 -4.58278,-0.39562 -6.84375,-1.0625 -13.09503,-2.99559 -22.6875,-15.30717 -22.6875,-28.6875 -0.39942,-22.90914 0.0747,-45.84083 -0.125,-68.75 -0.59914,-10.89825 2.09203,-22.90836 11.25,-29.8125 16.80386,-14.23619 47.64153,-3.92547 49.78125,18.8125 1.34089,26.50389 0.46603,53.15508 0.4375,79.6875 0.64903,16.92509 -15.61522,30.30435 -31.8125,29.8125 z M 729.0625,576 c -0.5128,-0.001 -1.01802,-0.002 -1.53125,-0.0312 -2.34622,-0.13283 -4.70336,-0.52878 -7,-1.28125 C 709.49036,571.46367 698.74061,561.29619 699.625,549 c -0.11417,-27.53092 -0.19125,-55.03428 0.0937,-82.59375 -0.0286,-10.27061 7.948,-18.81839 16.90625,-22.8125 18.43006,-8.13092 42.38736,4.60553 43.5,25.375 0.59911,25.73358 0.26753,51.55039 0.125,77.3125 0.14504,16.638 -15.29055,29.76074 -31.1875,29.71875 z m -173.34375,-0.0312 c -2.18625,-0.0409 -4.35672,-0.31867 -6.5,-0.875 C 535.92403,572.32639 525.18486,559.75121 525.8125,546 c -0.0569,-24.70653 -0.005,-49.45247 -0.0625,-74.1875 -0.74178,-12.43886 7.93194,-24.21108 19.34375,-28.71875 18.17325,-7.33208 41.37233,6.07153 42,26.15625 0.19972,26.44681 0.19389,52.86572 -0.0625,79.3125 -0.69897,15.92659 -16.00883,27.69255 -31.3125,27.40625 z M 365.0625,575.6875 c -26.56094,-0.91294 -53.60164,-7.1049 -75.96875,-21.96875 -42.7942,-26.93181 -69.57331,-77.02864 -69.03125,-127.46875 0.0569,-17.03208 -0.65031,-34.42439 4,-51 8.47325,-38.77156 33.97397,-73.69364 69.09375,-92.4375 34.52064,-17.57414 76.43061,-18.5895 112.40625,-4.78125 26.93183,10.41328 47.48981,31.81622 66.0625,53.15625 4.59325,6.76147 -5.52483,10.56978 -9.0625,14.90625 -7.30353,-7.93119 -14.94389,-15.59175 -23.53125,-22.125 -23.73653,-17.65972 -58.40075,-16.99547 -82.59375,-0.5625 -18.82944,12.32472 -30.45594,32.861 -37.53125,53.6875 -12.32472,34.94858 -11.12611,72.66436 -8.84375,109.125 3.59472,20.94061 8.74497,43.5465 24.75,58.78125 11.46886,11.49736 32.02728,15.71209 45.09375,4.5 9.6715,-8.92969 6.41722,-23.24042 7.1875,-34.9375 0.79883,-14.35031 2.13308,-30.90331 13.6875,-41.03125 9.75708,-8.58739 23.76219,-6.70914 35.6875,-5.625 18.54417,3.56619 30.88847,22.55908 29.71875,40.875 -1.76881,14.00794 -7.48894,27.94261 -18.1875,37.5 -21.65386,21.62534 -53.06717,29.89125 -82.9375,29.40625 z" />
+ <glyph
+ glyph-name="Glyphe 88"
+ id="glyph5321"
+ unicode=""
+ d="m 656.75,848.28125 c -22.18817,-0.14351 -45.57931,-2.85116 -70,-8.03125 24.06327,-9.02147 47.07723,-22.21818 68.71875,-35.96875 21.69291,-13.76341 46.54902,-30.49985 38.21875,-50.75 -27.42672,-47.97749 -94.33545,-25.96571 -132.3125,-8.375 -42.53275,19.67201 -90.49989,50.11882 -139.40625,41.75 -49.2571,-8.4305 -76.35169,-66.79129 -91.21875,-109.5 53.63551,15.33215 132.97154,25.02357 164.4375,-33.71875 C 518.64821,599.88798 516.53845,516.01919 463.71875,494 405.44017,469.73633 362.49655,522.78318 319.5,547.625 282.024,569.2678 206.01204,612.37232 175.9375,557.28125 152.52689,514.3605 178.80134,466.0746 156.65625,423.65625 129.11739,370.92397 66.186125,383.22477 19.1875,389.9375 30.190662,378.93372 40.94205,367.38507 53.25,357.8125 c 22.520037,-17.45196 50.73568,-31.51222 79.96875,-26.34375 25.06701,5.0066 41.87053,17.46165 60.0625,34.6875 18.58122,17.60357 26.46489,40.67076 53,48.5 20.60087,6.0717 43.24175,2.70356 62.3125,-6.71875 41.2403,-20.41324 78.14426,-65.47891 74.84375,-113.40625 -1.70614,-25.04224 -20.42227,-44.71164 -39.84375,-58.75 -11.21711,-8.11824 -33.40118,-15.7187 -61.96875,-19.28125 36.91071,-51.18936 92.11569,-49.50765 157.03125,-44 51.55295,4.37841 108.66895,36.20811 160.9375,23.75 C 657.74642,182.38638 639.04321,122.73112 603.75,94.125 562.53539,60.71394 506.87783,55.1593 455.375,59.4375 492.2369,40.75608 530.52181,24.7299 570.34375,13.5 1096.0274,-134.9843 1107.91,851.19834 656.75,848.28125 z m 193.6875,-188.875 c 6.18707,-0.0231 12.36168,-3.12785 16.0625,-8.65625 47.94025,-71.46387 73.21875,-154.88649 73.21875,-241.21875 0,-88.26317 -26.42754,-173.16285 -76.4375,-245.71875 -6.0216,-8.75681 -17.89944,-10.8469 -26.65625,-4.8125 -8.76967,6.04724 -11.20354,17.88658 -5.15625,26.65625 45.53006,66.08212 69.71875,143.46542 69.71875,223.875 0,78.6533 -23.1633,154.5857 -66.8125,219.6875 -5.92139,8.84542 -3.36387,21.03456 5.46875,26.96875 3.31232,2.22055 6.88161,3.23241 10.59375,3.21875 z m -71.625,-47.84375 c 6.18757,-0.0219 12.35358,-3.16711 16.0625,-8.6875 38.39202,-57.27391 58.78125,-124.17568 58.78125,-193.34375 0,-70.73546 -21.30125,-138.74801 -61.375,-196.875 -6.03445,-8.75681 -17.91228,-10.87814 -26.65625,-4.84375 -8.77095,6.04724 -11.1723,17.88659 -5.125,26.65625 35.60669,51.6531 54.59375,112.16789 54.59375,175.0625 0,61.50196 -18.21836,120.9319 -52.34375,171.84375 -5.93552,8.83257 -3.37671,20.73491 5.46875,26.65625 3.31695,2.22055 6.88121,3.5443 10.59375,3.53125 z M 703.96875,561.125 c 6.18644,-0.0244 12.04916,-2.82335 15.75,-8.34375 28.44295,-42.41835 43.65625,-92.07349 43.65625,-143.25 0,-52.30574 -15.90844,-102.74149 -45.59375,-145.8125 -6.03444,-8.75805 -17.89944,-10.84689 -26.65625,-4.8125 -8.76967,6.04724 -10.84694,17.88659 -4.8125,26.65625 25.2311,36.61007 38.53125,79.51793 38.53125,123.96875 0,43.5104 -12.76119,85.67395 -36.9375,121.71875 -5.92267,8.83256 -3.68921,20.72208 5.15625,26.65625 3.31695,2.21572 7.19436,3.23366 10.90625,3.21875 z" />
+ <glyph
+ glyph-name="Glyphe 89"
+ id="glyph5323"
+ unicode=""
+ d="m 352.65625,848.96875 c -22.13178,0 -41.91543,-4.93982 -61.46875,-17.1875 -17.18973,-14.82614 -27.07391,-31.99322 -29.4375,-54.125 -2.36359,-17.18973 2.38574,-34.37665 9.90625,-51.78125 7.30564,-14.82614 22.13806,-22.14029 41.90625,-24.71875 16.75999,-2.14872 61.01761,5.14716 75.84375,15.03125 14.82614,12.24768 22.10904,29.43915 24.6875,46.84375 2.36359,17.18973 4.96189,39.31027 -2.34375,56.5 -9.88409,19.76819 -39.32556,24.71032 -59.09375,29.4375 z m 283,-1.75 c -13.89914,-0.1173 -27.51626,-4.38959 -39.5625,-10.5 -14.82614,-7.30564 -24.69891,-22.10681 -27.0625,-41.875 -4.94205,-66.39533 -4.94659,-133.01092 4.9375,-199.40625 2.36359,-17.18973 2.36359,-32.02902 0,-49.21875 0,-9.88409 0.0198,-19.76828 -2.34375,-29.4375 0,-9.88409 -0.0222,-17.16699 -9.90625,-24.6875 -9.88409,-7.30564 -22.12732,-9.88641 -34.375,-12.25 -19.76819,-2.36359 -39.32556,-7.33234 -59.09375,-4.96875 -9.88409,0 -24.69436,0.007 -32,7.3125 -4.94205,4.94205 -2.375,14.81936 -2.375,22.125 0,17.18973 -0.0114,34.39261 -2.375,49.21875 -4.94205,34.37946 -56.48809,91.09598 -118.15625,73.90625 -32.01587,-9.88409 -29.43295,-91.08243 -34.375,-118.15625 -2.36359,-22.13178 -0.005,-76.28522 4.9375,-105.9375 4.94205,-27.07382 7.29654,-54.16476 9.875,-78.875 0,-39.32151 0.005,-76.26083 -4.9375,-113.21875 -2.36359,-49.2056 -7.30795,-96.0444 -12.25,-145.25 -2.36359,-19.76819 0.007,-34.39716 7.3125,-44.2812 7.30564,-12.2477 22.12277,-19.7615 39.3125,-22.125 17.18973,-2.3636 64.01761,2.3544 78.84375,9.875 14.82614,7.3056 24.73016,22.13801 27.09375,41.9062 4.94205,59.0897 4.93064,120.55059 -2.375,182.21875 -2.36359,14.82614 -2.34375,29.42386 -2.34375,44.25 0,12.24768 -2.38797,29.4437 7.28125,41.90625 4.94205,7.30564 14.85061,9.88641 22.15625,12.25 12.24768,2.36359 22.12732,4.94891 34.375,7.3125 17.18973,2.36359 36.93527,2.36359 54.125,0 7.30564,0 12.26074,-2.37045 19.78125,-7.3125 9.88409,-9.88409 7.30795,-24.72107 12.25,-36.96875 4.94205,-14.82614 9.88186,-27.04886 17.1875,-41.875 9.45435,-16.97486 26.63806,-31.80795 46.40625,-36.75 49.2056,-12.24768 78.85516,61.44147 81.21875,91.09375 2.36359,22.13178 0.005,105.93759 -4.9375,135.375 -4.94205,27.07382 -7.29654,54.13351 -9.875,78.84375 0,39.32151 -0.005,76.29208 4.9375,113.25 2.36359,49.2056 7.30795,96.0444 12.25,145.25 2.36359,19.76819 -0.007,34.39716 -7.3125,44.28125 -7.30564,12.24768 -49.20056,19.76141 -68.96875,22.125 -3.22307,0.44317 -6.44876,0.62082 -9.65625,0.59375 z M 689.5625,147.625 c -19.76819,0 -64.01761,-4.92841 -78.84375,-14.8125 C 595.89261,120.56482 588.57846,103.37335 586,85.96875 583.63641,68.77902 583.63641,51.5921 586,34.1875 c 2.36359,-19.7682 12.26306,-29.4215 32.03125,-32 22.13178,0 71.34152,4.9398 88.53125,17.1875 17.18973,14.82614 27.07391,31.99322 29.4375,54.125 5.37179,15.04101 2.77439,32.24777 -4.53125,49.4375 -7.30564,14.82614 -22.13806,22.10904 -41.90625,24.6875 z" />
+ <glyph
+ glyph-name="Glyphe 90"
+ id="glyph5325"
+ unicode=""
+ d="m 500,847.8125 c -234.60001,0 -425,-190.39999 -425,-425 0,-234.60001 190.39999,-425 425,-425 234.60001,0 425,190.39999 425,425 0,234.60001 -190.15714,425 -425,425 z m 2.4375,-64.84375 c 201.08572,0 364.28125,-163.22678 364.28125,-364.3125 0,-201.08572 -162.95267,-364.28125 -364.28125,-364.28125 -201.08572,0 -364.28125,163.19553 -364.28125,364.28125 0,201.08572 163.19553,364.3125 364.28125,364.3125 z M 718.5625,662 l 0,-0.21875 -191.59375,0 0,-66.78125 17.21875,0 c 9.71429,0 15.54018,-0.7375 17.96875,-2.4375 2.42857,-1.7 3.65625,-4.12411 3.65625,-7.28125 0,-1.7 -0.72321,-3.40804 -1.9375,-5.59375 -1.21429,-2.18571 -4.85893,-6.31071 -10.6875,-12.625 L 419.125,427.40625 l 0,128.46875 c 0,12.62857 0.97054,21.38571 3.15625,26 2.18571,4.61429 5.5875,8.25893 10.6875,10.6875 3.15714,1.7 11.41696,2.4375 24.53125,2.4375 l 13.84375,0 0,66.78125 -210.0625,0 0,-66.5625 17.71875,0 c 10.68571,0 18.21518,-1.19643 22.34375,-3.625 4.12857,-2.42857 7.05714,-6.08036 9,-10.9375 C 312.28661,575.79911 313,566.32857 313,552 l 0,-263.5 c 0,-15.05714 -0.7375,-24.52054 -2.4375,-28.40625 -1.94286,-4.85714 -4.84018,-8.25179 -8.96875,-10.4375 C 297.46518,247.47054 289.20536,246.25 277.0625,246.25 l -15.78125,0 0,-66.78125 209.8125,0 0,66.78125 -17.46875,0 c -11.41429,0 -19.20804,0.96339 -23.09375,2.90625 -3.88571,1.94286 -6.77589,5.10446 -8.71875,9.71875 -1.94286,4.61429 -3.15625,12.88125 -3.15625,24.78125 l 0,48.5625 65.0625,63.375 75.53125,-120.9375 c 6.31429,-10.44286 9.46875,-16.98482 9.46875,-19.65625 0,-2.42857 -1.69375,-4.64375 -5.09375,-6.34375 -3.4,-1.7 -13.12054,-2.40625 -28.90625,-2.40625 l -8.71875,0 0,-66.78125 216.84375,0 0,66.78125 -7.5,0 c -12.38571,0 -21.88036,2.18393 -28.4375,6.3125 -4.85714,2.91429 -12.62679,12.62768 -23.3125,28.65625 L 559.75,468.9375 663.6875,569.71875 c 8.01429,7.77143 14.55625,13.6 19.65625,17 5.1,3.4 9.23214,5.59821 12.875,6.8125 3.4,0.97143 9.73304,1.46875 18.71875,1.46875 l 6.5625,0 0,0.28125 17.46875,0.4375 0,66.28125 -20.40625,0 z" />
+ <glyph
+ glyph-name="Glyphe 91"
+ id="glyph6732"
+ unicode=""
+ d="M 410.9375,786.75 C 322.32993,785.3818 241.0625,725.125 241.0625,725.125 172.38151,679.65774 64.711369,585.5963 13.25,530.78125 c 12.684833,-1.76787 26.120892,8.10846 40.4375,10 L 152.625,567.9375 C 111.52559,532.6256 25.045271,470.4034 0,421.375 30.891155,432.50853 95.710089,469.84302 127.9375,472.90625 99.793217,447.06404 41.056464,398.01201 22.65625,366.8125 c 2.220054,-1.05017 0.695339,-3.78484 1.03125,-5.6875 24.207618,13.90365 83.03473,50.2872 109.71875,52.75 -27.46415,-29.63682 -78.002518,-86.70333 -89.0625,-124.9375 23.847158,16.26766 83.83236,49.26822 110.09375,59.28125 -5.97965,-15.08243 -19.21708,-26.28862 -27.84375,-41.375 -11.89813,-20.86802 -40.073292,-44.61386 -41.125,-69.40625 20.92084,20.20507 46.86537,38.06955 72.90625,52.3125 -11.61041,-25.06793 -32.96456,-45.82414 -38.78125,-75.65625 17.06908,17.18058 49.43865,26.12084 71.4375,34.0625 l -2.65625,-2.625 c -1.90114,-1.62583 -26.68132,-19.87579 -43.5625,-40.21875 14.92884,0.96253 4.05554,2.81203 22.8125,-1.46875 l -31.21875,-12.6875 C 234.66318,62.08906 368.27648,10.9036 531.15625,24.9375 l -12.6875,27.625 c 27.72941,54.64128 12.91308,142.29784 85.4375,180.0625 49.02726,26.09182 54.56088,40.3264 111.15625,29.6875 30.57365,-5.73312 97.47084,-28.85449 129.5,-21.5625 29.02144,16.78513 43.58901,24.46769 68.625,43.90625 31.46444,-5.60695 41.62614,-2.23472 53.0625,14.9375 5.90341,15.9994 19.98351,58.4942 32.84375,86.1875 L 1000,400.75 c -12.47078,37.54308 -9.44233,101.78587 -15.75,111.03125 -41.17643,57.09813 -190.00853,66.03067 -257.34375,141.15625 11.47165,37.29222 -12.62464,68.02995 -37.15625,91.34375 -36.85048,27.10397 -87.70518,14.6337 -126.9375,3.375 -44.69492,9.3505 -86.04566,25.41598 -129.5625,38.125 -6.04899,0.62936 -12.0785,0.93067 -18.09375,0.96875 -1.40988,0.008 -2.81228,0.0217 -4.21875,0 z m -1.28125,-47.5625 c 36.34837,-0.31635 69.89771,-15.79958 105.0625,-21.46875 -1.85696,-6.3174 -9.72878,-9.262 -12.46875,-14.5 -3.82311,-7.15442 -13.44485,-14.42713 -9.59375,-22.09375 L 524.75,693.34375 c 45.03549,11.37407 87.8633,34.24888 137.125,29.0625 l 24.5625,-31.25 C 633.65768,733.1368 578.75576,679.43344 526.5,668.03125 506.53879,664.42282 486.85332,657.30828 467.78125,653.125 c 21.61295,-16.2357 47.41561,-19.89414 75.53125,-16.8125 3.06474,-20.44706 28.04492,-53.01723 46.53125,-57.6875 -2.6607,18.93336 -23.77243,44.87522 -10.21875,68.15625 17.45268,9.73345 42.37649,31.30801 62.09375,15.21875 -12.59482,-1.1649 -23.24052,-9.84438 -34.1875,-15.5625 -8.08814,-5.86007 -10.17167,-24.09293 -8.5,-28.1875 8.10283,-24.58737 52.79495,-47.87242 128.65625,-47.125 -6.50878,11.29797 -44.10041,44.1516 -41.875,56.84375 76.48309,-75.89632 217.32403,-93.68864 249.90625,-126.8125 2.82216,-11.10034 -30.36263,-35.46055 -23.90625,-45.21875 -3.74904,-11.6794 14.27693,-32.40116 32.6875,-54.78125 -14.42982,90.2287 33.32494,30.61664 8.6875,-33.9375 l -34.78125,7.71875 c -112.82602,7.90858 -156.85341,46.49937 -245.75,104.71875 -33.00559,21.87207 -70.22652,53.37301 -92.875,71.59375 l -49.625,18.96875 c 65.77764,-79.89967 82.93187,-72.5616 50.1875,-131.8125 l -17.25,30.1875 -6.6875,55.34375 C 537.10348,457.62797 526.50504,387.86247 614.375,347.1875 l 49.96875,-7.03125 c -23.21469,19.12612 -43.9748,37.63147 -38.84375,60.0625 27.25042,-52.64979 153.67991,-78.65449 207.21875,-93.4375 8.92782,-3.37288 18.19822,-8.71648 24.1875,-15.21875 -14.06001,-12.67495 -22.21615,-10.7313 -40.9375,-17.46875 -40.76287,13.94128 -96.57181,25.08033 -115.03125,51.625 10.20625,-14.70451 -163.4173,-35.1569 -129.875,-38.03125 -49.27957,2.28187 -98.45607,34.19855 -133.0625,73.5 l -9,3.03125 c 0.97426,-38.60982 37.29566,-65.69893 56.4375,-98.5625 l 38,-16.78125 c -18.0763,-11.65203 -40.92342,-22.49899 -52.34375,-43 -3.97352,-10.10798 -11.97104,-22.94126 -6.875,-33.625 17.03073,18.13619 39.2244,27.05905 61.25,32.53125 l -16.5,-25.0625 c 1.65875,-13.01159 -2.47994,-30.69155 -8.9375,-48.78125 -1.51563,3.3084 -3.26968,6.5121 -5.3125,9.5625 -24.8586,10.95752 -48.89047,22.32654 -70.3125,39.71875 8.51638,-29.05205 35.56604,-60.94879 61.78125,-82.34375 -4.00556,-8.49904 -8.04806,-16.45585 -11.71875,-23.34375 -19.51632,13.66109 -40.4862,29.37687 -54.125,42.25 C 430.64587,95.3519 434.82652,72.53597 446.375,56.0625 362.75451,62.00724 289.14867,86.12207 228.84375,138.09375 l 60.5625,34.21875 C 272.51852,169.443 236.78924,159.26882 212.375,153.375 c -2.59803,2.57388 -5.17492,5.21529 -7.71875,7.90625 29.53478,15.84506 82.88967,35.48213 95.03125,59.78125 0,0 2.45607,1.07879 -5.4375,-1.875 L 232.9375,215.75 c -11.9986,43.32896 38.97635,66.14083 12.875,100.65625 -38.96975,51.48289 -70.76814,104.62543 -63.96875,169.84375 3.6287,-7.73322 7.19505,-16.43073 13.6875,-22.5 2.73014,14.39271 3.30774,30.76776 7.3125,43.65625 5.62387,-19.60821 11.50933,-42.03648 31.84375,-54.1875 l 1,1.34375 c -16.74867,61.63388 -6.17955,135.54779 54.34375,173.375 -16.09401,-5.41984 -39.93254,-3.90463 -63.625,-14.15625 4.07138,5.59294 11.17063,34.91769 27.5,49.625 13.36887,9.00992 19.99762,19.68775 33.75,27.21875 27.24742,21.57119 54.81769,39.6533 102.125,47.125 5.53002,0.87603 10.95661,1.30481 16.34375,1.40625 1.17855,0.0231 2.35665,0.0411 3.53125,0.0312 z m 15.8125,-46.75 c -21.42859,-0.14115 -41.88531,-5.42907 -60.875,-12.65625 l -12.1875,-10.0625 c -14.0306,-16.36736 -28.07216,-32.74659 -31.34375,-54.75 l 3.09375,-3.71875 c 9.37268,11.27705 23.43832,20.75869 36.375,27.3125 0.0147,-23.18917 14.97848,-45.94594 34.96875,-57.125 l 3.375,-0.25 c -4.23531,24.49235 -1.42068,54.45945 8.15625,76.5625 15.24892,12.82439 35.32027,17.91742 48.21875,31.40625 -10.0924,2.36011 -20.04073,3.34513 -29.78125,3.28125 z m 199.5625,-59.71875 0.0312,0 c 5.26706,0.006 10.26138,-0.77735 15,-2.25 -3.77078,-2.25216 -6.749,-6.18345 -7.96875,-11.125 -0.64403,-2.65757 -0.71483,-5.33277 -0.25,-7.8125 -6.75444,5.37518 -11.1292,12.52991 -11.21875,21 1.48414,0.13129 2.95883,0.18387 4.40625,0.1875 z M 461.65625,632.25 c 4.1081,-11.12782 15.43645,-22.22602 23.40625,-33.59375 -20.78995,-1.58992 -40.28117,-5.31953 -59.875,-10.4375 C 433.83579,580.25024 444.80736,577.58674 453,570.125 427.34654,560.44964 400.46199,554.27632 378.03125,534.5 l 4.625,-2.75 c 41.48242,8.63645 90.56595,7.88838 133.84375,-1.375 l 2.46875,1.8125 -25.0625,45.625 38.5625,8.3125 c -20.45832,19.12427 -43.88629,37.93981 -70.8125,46.125 z m 200.3125,-14.375 c 5.48353,-4.74526 10.39954,-10.34496 14.71875,-16.3125 -7.07177,-1.37794 -14.62141,-1.32386 -21.8125,0 3.11783,2.32994 5.55864,5.87846 6.625,10.1875 0.50022,2.06051 0.63579,4.14613 0.46875,6.125 z M 599.3125,594.34375 c 4.84564,-15.14645 15.3265,-39.52496 36.40625,-41.40625 20.45703,-3.78868 43.08943,-4.28057 62.59375,-0.625 -32.21274,16.43351 -73.35303,13.17183 -99,42.03125 z M 367.75,531.75 c -30.35001,-23.19988 -43.05421,-57.45252 -38.1875,-94.8125 8.0233,-25.71624 -19.00265,-57.05808 2.625,-80.6875 18.41429,-21.44912 40.92374,-39.23651 62.5625,-54.96875 l -1.90625,8.03125 c -19.2782,22.51626 -36.99628,47.36283 -45.90625,74.125 22.58699,-7.89659 46.48,-18.87126 72.28125,-22.53125 -29.05808,43.41297 -82.34589,84.92942 -62.28125,144.34375 1.09489,9.81346 14.08632,17.38352 10.8125,26.5 z M 728,403.375 c 4.43364,-1.84156 12.52066,-1.84115 14.34375,-5.5625 -6.26442,-2.71566 -10.77227,-9.6871 -17.0625,-12.90625 0.88481,6.15639 -0.12233,13.46056 2.71875,18.46875 z m 39.6875,-21.0625 0.0312,0 c 4.23969,0.14236 7.46724,-2.66687 9.96875,-4.65625 L 764.78125,365 l 1.03125,17.03125 c 0.64818,0.15104 1.26912,0.2613 1.875,0.28125 z M 798,371.15625 l 0.0312,0 L 808.25,365.125 c -3.02993,0.2055 -10.00129,-13.99876 -13.03125,-13.78125 1.17643,2.50597 -0.75233,20.03629 2.78125,19.8125 z m 30.90625,-14.125 0.0312,0 c 1.74744,0.0626 4.69151,-1.04617 9.46875,-2 -4.26719,-3.86602 -7.91377,-17.61546 -15.03125,-18.1875 l 3.28125,8.09375 c -0.31237,9.30382 -0.27358,11.96164 2.25,12.09375 z M 861.25,350.875 l 11.875,-2.71875 -12.75,-21.875 0.875,24.59375 z m 34.40625,-5.59375 c 2.20109,0.0313 5.87614,-1.71901 11.84375,-4.0625 l -14.59375,-11.125 c -0.54835,11.32629 -0.47067,15.1424 2.75,15.1875 z m 37.125,-6.3125 c 2.63893,0.0543 5.24652,-0.11352 7.34375,-1.875 -0.96509,-7.72265 -8.87224,-12.39324 -12.3125,-18.90625 0.44081,6.70742 2.42951,14.38622 0.28125,20.75 1.51177,-0.10205 3.10275,-0.003 4.6875,0.0312 z" />
</font>
<linearGradient
id="OpenSearchg"
@@ -6216,6 +6251,252 @@
stop-color="#D95B29"
offset="1.0" />
</linearGradient>
+ <clipPath
+ id="clipPath4248"
+ clipPathUnits="userSpaceOnUse">
+ <path
+ id="path4250"
+ d="M 0,252 252,252 252,0 0,0 0,252 z" />
+ </clipPath>
+ <linearGradient
+ id="SVGID_9_"
+ gradientUnits="userSpaceOnUse"
+ x1="346.77341"
+ y1="55.888199"
+ x2="346.77341"
+ y2="339.22119">
+ <stop
+ offset="0"
+ style="stop-color:#BED5E1"
+ id="stop317" />
+ <stop
+ offset="1"
+ style="stop-color:#567B8F"
+ id="stop319" />
+ </linearGradient>
+ <linearGradient
+ id="SVGID_8_"
+ gradientUnits="userSpaceOnUse"
+ x1="290.76169"
+ y1="55.8867"
+ x2="290.76169"
+ y2="339.2236">
+ <stop
+ offset="0"
+ style="stop-color:#BED5E1"
+ id="stop310" />
+ <stop
+ offset="1"
+ style="stop-color:#567B8F"
+ id="stop312" />
+ </linearGradient>
+ <linearGradient
+ id="SVGID_7_"
+ gradientUnits="userSpaceOnUse"
+ x1="413.16309"
+ y1="55.888199"
+ x2="413.16309"
+ y2="339.22131">
+ <stop
+ offset="0"
+ style="stop-color:#BED5E1"
+ id="stop303" />
+ <stop
+ offset="1"
+ style="stop-color:#567B8F"
+ id="stop305" />
+ </linearGradient>
+ <linearGradient
+ id="SVGID_6_"
+ gradientUnits="userSpaceOnUse"
+ x1="458.42679"
+ y1="55.8867"
+ x2="458.42679"
+ y2="339.2236">
+ <stop
+ offset="0"
+ style="stop-color:#BED5E1"
+ id="stop296" />
+ <stop
+ offset="1"
+ style="stop-color:#567B8F"
+ id="stop298" />
+ </linearGradient>
+ <linearGradient
+ id="SVGID_5_"
+ gradientUnits="userSpaceOnUse"
+ x1="334.49411"
+ y1="55.888199"
+ x2="334.49411"
+ y2="339.22159">
+ <stop
+ offset="0"
+ style="stop-color:#BED5E1"
+ id="stop289" />
+ <stop
+ offset="1"
+ style="stop-color:#567B8F"
+ id="stop291" />
+ </linearGradient>
+ <linearGradient
+ id="SVGID_4_"
+ gradientUnits="userSpaceOnUse"
+ x1="375.33401"
+ y1="55.888199"
+ x2="375.33401"
+ y2="339.22159">
+ <stop
+ offset="0"
+ style="stop-color:#BED5E1"
+ id="stop282" />
+ <stop
+ offset="1"
+ style="stop-color:#567B8F"
+ id="stop284" />
+ </linearGradient>
+ <linearGradient
+ id="SVGID_3_"
+ gradientUnits="userSpaceOnUse"
+ x1="293.22461"
+ y1="55.888199"
+ x2="293.22461"
+ y2="339.22171">
+ <stop
+ offset="0"
+ style="stop-color:#BED5E1"
+ id="stop275" />
+ <stop
+ offset="1"
+ style="stop-color:#567B8F"
+ id="stop277" />
+ </linearGradient>
+ <linearGradient
+ id="SVGID_2_"
+ gradientUnits="userSpaceOnUse"
+ x1="251.2114"
+ y1="55.888199"
+ x2="251.2114"
+ y2="339.22159">
+ <stop
+ offset="0"
+ style="stop-color:#BED5E1"
+ id="stop268" />
+ <stop
+ offset="1"
+ style="stop-color:#567B8F"
+ id="stop270" />
+ </linearGradient>
+ <linearGradient
+ id="SVGID_1_"
+ gradientUnits="userSpaceOnUse"
+ x1="288.49411"
+ y1="55.888199"
+ x2="288.49411"
+ y2="339.22189">
+ <stop
+ offset="0"
+ style="stop-color:#BED5E1"
+ id="stop261" />
+ <stop
+ offset="1"
+ style="stop-color:#567B8F"
+ id="stop263" />
+ </linearGradient>
+ <linearGradient
+ y2="339.22119"
+ x2="346.77341"
+ y1="55.888199"
+ x1="346.77341"
+ gradientUnits="userSpaceOnUse"
+ id="linearGradient3369"
+ xlink:href="#SVGID_9_"
+ inkscape:collect="always" />
+ <linearGradient
+ y2="339.2236"
+ x2="290.76169"
+ y1="55.8867"
+ x1="290.76169"
+ gradientUnits="userSpaceOnUse"
+ id="linearGradient3367"
+ xlink:href="#SVGID_8_"
+ inkscape:collect="always" />
+ <linearGradient
+ y2="339.22131"
+ x2="413.16309"
+ y1="55.888199"
+ x1="413.16309"
+ gradientUnits="userSpaceOnUse"
+ id="linearGradient3365"
+ xlink:href="#SVGID_7_"
+ inkscape:collect="always" />
+ <linearGradient
+ y2="339.2236"
+ x2="458.42679"
+ y1="55.8867"
+ x1="458.42679"
+ gradientUnits="userSpaceOnUse"
+ id="linearGradient3363"
+ xlink:href="#SVGID_6_"
+ inkscape:collect="always" />
+ <linearGradient
+ y2="339.22159"
+ x2="334.49411"
+ y1="55.888199"
+ x1="334.49411"
+ gradientUnits="userSpaceOnUse"
+ id="linearGradient3361"
+ xlink:href="#SVGID_5_"
+ inkscape:collect="always" />
+ <linearGradient
+ y2="339.22159"
+ x2="375.33401"
+ y1="55.888199"
+ x1="375.33401"
+ gradientUnits="userSpaceOnUse"
+ id="linearGradient3359"
+ xlink:href="#SVGID_4_"
+ inkscape:collect="always" />
+ <linearGradient
+ y2="339.22171"
+ x2="293.22461"
+ y1="55.888199"
+ x1="293.22461"
+ gradientUnits="userSpaceOnUse"
+ id="linearGradient3357"
+ xlink:href="#SVGID_3_"
+ inkscape:collect="always" />
+ <linearGradient
+ y2="339.22159"
+ x2="251.2114"
+ y1="55.888199"
+ x1="251.2114"
+ gradientUnits="userSpaceOnUse"
+ id="linearGradient3355"
+ xlink:href="#SVGID_2_"
+ inkscape:collect="always" />
+ <linearGradient
+ y2="339.22189"
+ x2="288.49411"
+ y1="55.888199"
+ x1="288.49411"
+ gradientUnits="userSpaceOnUse"
+ id="linearGradient3353"
+ xlink:href="#SVGID_1_"
+ inkscape:collect="always" />
+ <inkscape:perspective
+ id="perspective48"
+ inkscape:persp3d-origin="1112 : 697 : 1"
+ inkscape:vp_z="2224 : 1045.5 : 1"
+ inkscape:vp_y="0 : 1000 : 0"
+ inkscape:vp_x="0 : 1045.5 : 1"
+ sodipodi:type="inkscape:persp3d" />
+ <inkscape:perspective
+ id="perspective48-4"
+ inkscape:persp3d-origin="1112 : 697 : 1"
+ inkscape:vp_z="2224 : 1045.5 : 1"
+ inkscape:vp_y="0 : 1000 : 0"
+ inkscape:vp_x="0 : 1045.5 : 1"
+ sodipodi:type="inkscape:persp3d" />
</defs>
<g
id="layer1" />
@@ -6621,13 +6902,35 @@
id="g4423"
transform="matrix(3.3203123,0,0,3.3203123,-793.09371,-835.96088)" />
<g
- id="g4549"
- transform="matrix(4.8570772,0,0,4.8570772,-1025.7114,-1020.1479)">
- <path
- style="fill:#000000"
- d="M 75 175.40625 L 75 345.4375 C 164.01059 345.4375 252.98369 363.12463 335.21875 397.1875 C 417.45383 431.25039 492.8725 481.65375 555.8125 544.59375 C 618.7525 607.53375 669.15586 682.95242 703.21875 765.1875 C 737.28162 847.42256 755 936.39566 755 1025.4062 L 925 1025.4062 C 925.00149 914.14111 902.89114 802.92089 860.3125 700.125 C 817.73386 597.32913 754.70759 503.05133 676.03125 424.375 C 597.35492 345.69866 503.07712 282.70364 400.28125 240.125 C 297.48536 197.54636 186.26514 175.40479 75 175.40625 z M 75 462 L 75 627.125 C 127.13478 627.12798 179.24114 637.48362 227.40625 657.4375 C 275.57136 677.39139 319.76227 706.91428 356.625 743.78125 C 393.48774 780.64822 422.98915 824.83259 442.9375 873 C 462.88586 921.16739 473.25293 973.27147 473.25 1025.4062 L 638.40625 1025.4062 C 638.40625 951.65461 623.75478 877.95014 595.53125 809.8125 C 567.30772 741.67488 525.55654 679.18154 473.40625 627.03125 C 421.25596 574.88096 358.76262 533.09853 290.625 504.875 C 222.48736 476.65147 148.75164 462 75 462 z M 191.5625 792.28125 C 127.18274 792.28125 75 844.46399 75 908.84375 C 75 973.22351 127.18274 1025.4062 191.5625 1025.4062 C 255.94226 1025.4062 308.125 973.22351 308.125 908.84375 C 308.125 844.46399 255.94226 792.28125 191.5625 792.28125 z "
- transform="matrix(0.20588513,0,0,0.20588513,28.558625,1.8834283)"
- id="circle4531" />
+ id="g5305"
+ transform="matrix(2.7777777,0,0,2.7777777,-1111.2328,-824.202)">
+ <g
+ id="g5469"
+ transform="matrix(0.44999999,0,0,0.44999999,198.71756,114.42924)">
+ <g
+ id="g5419"
+ style="fill:#26241f;fill-rule:nonzero;stroke:none"
+ transform="translate(6.17773,3.72168)">
+ <g
+ id="g6557"
+ transform="matrix(0.8,0,0,0.8,716.86472,-2701.8385)" />
+ <g
+ id="g6692"
+ transform="matrix(0.8,0,0,0.8,-407.71461,-517.37354)" />
+ </g>
+ <g
+ id="g5423"
+ style="fill:#ffffff;fill-rule:nonzero;stroke:none"
+ transform="translate(57.6143,33.835)" />
+ <g
+ id="g5427"
+ style="fill:#ffffff;fill-rule:nonzero;stroke:none"
+ transform="translate(63.4053,29.9268)" />
+ <g
+ id="g5431"
+ style="fill:#ffffff;fill-rule:nonzero;stroke:none"
+ transform="translate(68.9297,26.1963)" />
+ </g>
</g>
</g>
</g>
diff --git a/source/openwebicons.ttf b/source/openwebicons.ttf
index 82b88be..e944846 100644
Binary files a/source/openwebicons.ttf and b/source/openwebicons.ttf differ
diff --git a/styleguide/css/openwebicons-styleguide.css b/styleguide/css/openwebicons-styleguide.css
new file mode 100644
index 0000000..c119b97
--- /dev/null
+++ b/styleguide/css/openwebicons-styleguide.css
@@ -0,0 +1,1700 @@
+@font-face {
+ font-family: 'OpenWeb Icons';
+ src: url("../font/openwebicons.eot");
+ src: url("../font/openwebicons.eot?#iefix") format("embedded-opentype"), url("../font/openwebicons.woff2") format("woff2"), url("../font/openwebicons.woff") format("woff"), url("../font/openwebicons.ttf") format("truetype"), url("../font/openwebicons.svg#openweb_iconsregular") format("svg");
+ font-weight: normal;
+ font-style: normal;
+}
+[class^="icon-"]:before, [class*=" icon-"]:before {
+ font-family: 'OpenWeb Icons';
+ font-weight: normal;
+ font-style: normal;
+ display: inline-block;
+ text-decoration: inherit;
+ vertical-align: center;
+ font-smoothing: antialiased;
+ -webkit-font-smoothing: antialiased;
+}
+
+a [class^="icon-"], a [class*=" icon-"] {
+ display: inline-block;
+ text-decoration: inherit;
+}
+
+li[class^="icon-"], li[class*=" icon-"] {
+ display: block;
+}
+
+/*
+Icons
+
+The OpenWeb-Icons
+
+Styleguide 1.0
+*/
+/*
+The apml icon
+
+.icon-apml - the apml icon
+
+Markup: <i class="icon-apml"></i>
+
+Styleguide 1.1
+*/
+.icon-apml:before {
+ content: "\f001";
+ font-size: 50px;
+}
+
+/*
+The open-share icon
+
+.icon-open-share - the open-share icon
+
+Markup: <i class="icon-open-share"></i>
+
+Styleguide 1.2
+*/
+.icon-open-share:before {
+ content: "\f00E";
+ font-size: 50px;
+}
+
+/*
+The open-share-simple icon
+
+.icon-open-share-simple - the open-share-simple icon
+
+Markup: <i class="icon-open-share-simple"></i>
+
+Styleguide 1.3
+*/
+.icon-open-share-simple:before {
+ content: "\f00F";
+ font-size: 50px;
+}
+
+/*
+The share icon
+
+.icon-share - the share icon
+
+Markup: <i class="icon-share"></i>
+
+Styleguide 1.4
+*/
+.icon-share:before {
+ content: "\f006";
+ font-size: 50px;
+}
+
+/*
+The share-simple icon
+
+.icon-share-simple - the share-simple icon
+
+Markup: <i class="icon-share-simple"></i>
+
+Styleguide 1.5
+*/
+.icon-share-simple:before {
+ content: "\f007";
+ font-size: 50px;
+}
+
+/*
+The feed icon
+
+.icon-feed - the feed icon
+
+Markup: <i class="icon-feed"></i>
+
+Styleguide 1.6
+*/
+.icon-feed:before {
+ content: "\f009";
+ font-size: 50px;
+}
+
+/*
+The feed-simple icon
+
+.icon-feed-simple - the feed-simple icon
+
+Markup: <i class="icon-feed-simple"></i>
+
+Styleguide 1.7
+*/
+.icon-feed-simple:before {
+ content: "\f00A";
+ font-size: 50px;
+}
+
+/*
+The ostatus icon
+
+.icon-ostatus - the ostatus icon
+
+Markup: <i class="icon-ostatus"></i>
+
+Styleguide 1.8
+*/
+.icon-ostatus:before {
+ content: "\f004";
+ font-size: 50px;
+}
+
+/*
+The ostatus-simple icon
+
+.icon-ostatus-simple - the ostatus-simple icon
+
+Markup: <i class="icon-ostatus-simple"></i>
+
+Styleguide 1.9
+*/
+.icon-ostatus-simple:before {
+ content: "\f005";
+ font-size: 50px;
+}
+
+/*
+The opml icon
+
+.icon-opml - the opml icon
+
+Markup: <i class="icon-opml"></i>
+
+Styleguide 1.10
+*/
+.icon-opml:before {
+ content: "\f003";
+ font-size: 50px;
+}
+
+/*
+The activity icon
+
+.icon-activity - the activity icon
+
+Markup: <i class="icon-activity"></i>
+
+Styleguide 1.11
+*/
+.icon-activity:before {
+ content: "\f010";
+ font-size: 50px;
+}
+
+/*
+The activity-simple icon
+
+.icon-activity-simple - the activity-simple icon
+
+Markup: <i class="icon-activity-simple"></i>
+
+Styleguide 1.12
+*/
+.icon-activity-simple:before {
+ content: "\f041";
+ font-size: 50px;
+}
+
+/*
+The microformats icon
+
+.icon-microformats - the microformats icon
+
+Markup: <i class="icon-microformats"></i>
+
+Styleguide 1.13
+*/
+.icon-microformats:before {
+ content: "\f00C";
+ font-size: 50px;
+}
+
+/*
+The geo icon
+
+.icon-geo - the geo icon
+
+Markup: <i class="icon-geo"></i>
+
+Styleguide 1.14
+*/
+.icon-geo:before {
+ content: "\f00B";
+ font-size: 50px;
+}
+
+/*
+The opensearch icon
+
+.icon-opensearch - the opensearch icon
+
+Markup: <i class="icon-opensearch"></i>
+
+Styleguide 1.15
+*/
+.icon-opensearch:before {
+ content: "\f002";
+ font-size: 50px;
+}
+
+/*
+The oauth icon
+
+.icon-oauth - the oauth icon
+
+Markup: <i class="icon-oauth"></i>
+
+Styleguide 1.16
+*/
+.icon-oauth:before {
+ content: "\f008";
+ font-size: 50px;
+}
+
+/*
+The openid icon
+
+.icon-openid - the openid icon
+
+Markup: <i class="icon-openid"></i>
+
+Styleguide 1.17
+*/
+.icon-openid:before {
+ content: "\f00D";
+ font-size: 50px;
+}
+
+/*
+The semantic-web icon
+
+.icon-semantic-web - the semantic-web icon
+
+Markup: <i class="icon-semantic-web"></i>
+
+Styleguide 1.18
+*/
+.icon-semantic-web:before {
+ content: "\f000";
+ font-size: 50px;
+}
+
+/*
+The rdf icon
+
+.icon-rdf - the rdf icon
+
+Markup: <i class="icon-rdf"></i>
+
+Styleguide 1.19
+*/
+.icon-rdf:before {
+ content: "\f039";
+ font-size: 50px;
+}
+
+/*
+The rdfa icon
+
+.icon-rdfa - the rdfa icon
+
+Markup: <i class="icon-rdfa"></i>
+
+Styleguide 1.20
+*/
+.icon-rdfa:before {
+ content: "\f039";
+ font-size: 50px;
+}
+
+/*
+The owl icon
+
+.icon-owl - the owl icon
+
+Markup: <i class="icon-owl"></i>
+
+Styleguide 1.21
+*/
+.icon-owl:before {
+ content: "\f039";
+ font-size: 50px;
+}
+
+/*
+The dataportability icon
+
+.icon-dataportability - the dataportability icon
+
+Markup: <i class="icon-dataportability"></i>
+
+Styleguide 1.22
+*/
+.icon-dataportability:before {
+ content: "\f013";
+ font-size: 50px;
+}
+
+/*
+The federated icon
+
+.icon-federated - the federated icon
+
+Markup: <i class="icon-federated"></i>
+
+Styleguide 1.23
+*/
+.icon-federated:before {
+ content: "\f011";
+ font-size: 50px;
+}
+
+/*
+The web-intents icon
+
+.icon-web-intents - the web-intents icon
+
+Markup: <i class="icon-web-intents"></i>
+
+Styleguide 1.24
+*/
+.icon-web-intents:before {
+ content: "\f014";
+ font-size: 50px;
+}
+
+/*
+The open-web icon
+
+.icon-open-web - the open-web icon
+
+Markup: <i class="icon-open-web"></i>
+
+Styleguide 1.25
+*/
+.icon-open-web:before {
+ content: "\f012";
+ font-size: 50px;
+}
+
+/*
+The xmpp icon
+
+.icon-xmpp - the xmpp icon
+
+Markup: <i class="icon-xmpp"></i>
+
+Styleguide 1.26
+*/
+.icon-xmpp:before {
+ content: "\f015";
+ font-size: 50px;
+}
+
+/*
+The html5 icon
+
+.icon-html5 - the html5 icon
+
+Markup: <i class="icon-html5"></i>
+
+Styleguide 1.27
+*/
+.icon-html5:before {
+ content: "\f016";
+ font-size: 50px;
+}
+
+/*
+The css3 icon
+
+.icon-css3 - the css3 icon
+
+Markup: <i class="icon-css3"></i>
+
+Styleguide 1.28
+*/
+.icon-css3:before {
+ content: "\f017";
+ font-size: 50px;
+}
+
+/*
+The connectivity icon
+
+.icon-connectivity - the connectivity icon
+
+Markup: <i class="icon-connectivity"></i>
+
+Styleguide 1.29
+*/
+.icon-connectivity:before {
+ content: "\f018";
+ font-size: 50px;
+}
+
+/*
+The semantics icon
+
+.icon-semantics - the semantics icon
+
+Markup: <i class="icon-semantics"></i>
+
+Styleguide 1.30
+*/
+.icon-semantics:before {
+ content: "\f019";
+ font-size: 50px;
+}
+
+/*
+The 3deffects icon
+
+.icon-3deffects - the 3deffects icon
+
+Markup: <i class="icon-3deffects"></i>
+
+Styleguide 1.31
+*/
+.icon-3deffects:before {
+ content: "\f037";
+ font-size: 50px;
+}
+
+/*
+The device-access icon
+
+.icon-device-access - the device-access icon
+
+Markup: <i class="icon-device-access"></i>
+
+Styleguide 1.32
+*/
+.icon-device-access:before {
+ content: "\f031";
+ font-size: 50px;
+}
+
+/*
+The multimedia icon
+
+.icon-multimedia - the multimedia icon
+
+Markup: <i class="icon-multimedia"></i>
+
+Styleguide 1.33
+*/
+.icon-multimedia:before {
+ content: "\f032";
+ font-size: 50px;
+}
+
+/*
+The offline-storage icon
+
+.icon-offline-storage - the offline-storage icon
+
+Markup: <i class="icon-offline-storage"></i>
+
+Styleguide 1.34
+*/
+.icon-offline-storage:before {
+ content: "\f033";
+ font-size: 50px;
+}
+
+/*
+The perfintegration icon
+
+.icon-perfintegration - the perfintegration icon
+
+Markup: <i class="icon-perfintegration"></i>
+
+Styleguide 1.35
+*/
+.icon-perfintegration:before {
+ content: "\f034";
+ font-size: 50px;
+}
+
+/*
+The git icon
+
+.icon-git - the git icon
+
+Markup: <i class="icon-git"></i>
+
+Styleguide 1.36
+*/
+.icon-git:before {
+ content: "\f035";
+ font-size: 50px;
+}
+
+/*
+The webhooks icon
+
+.icon-webhooks - the webhooks icon
+
+Markup: <i class="icon-webhooks"></i>
+
+Styleguide 1.37
+*/
+.icon-webhooks:before {
+ content: "\f036";
+ font-size: 50px;
+}
+
+/*
+The osi icon
+
+.icon-osi - the osi icon
+
+Markup: <i class="icon-osi"></i>
+
+Styleguide 1.38
+*/
+.icon-osi:before {
+ content: "\f038";
+ font-size: 50px;
+}
+
+/*
+The opensource icon
+
+.icon-opensource - the opensource icon
+
+Markup: <i class="icon-opensource"></i>
+
+Styleguide 1.39
+*/
+.icon-opensource:before {
+ content: "\f038";
+ font-size: 50px;
+}
+
+/*
+The opengraph icon
+
+.icon-opengraph - the opengraph icon
+
+Markup: <i class="icon-opengraph"></i>
+
+Styleguide 1.40
+*/
+.icon-opengraph:before {
+ content: "\f020";
+ font-size: 50px;
+}
+
+/*
+The epub icon
+
+.icon-epub - the epub icon
+
+Markup: <i class="icon-epub"></i>
+
+Styleguide 1.41
+*/
+.icon-epub:before {
+ content: "\f021";
+ font-size: 50px;
+}
+
+/*
+The qr icon
+
+.icon-qr - the qr icon
+
+Markup: <i class="icon-qr"></i>
+
+Styleguide 1.42
+*/
+.icon-qr:before {
+ content: "\f022";
+ font-size: 50px;
+}
+
+/*
+The foaf icon
+
+.icon-foaf - the foaf icon
+
+Markup: <i class="icon-foaf"></i>
+
+Styleguide 1.43
+*/
+.icon-foaf:before {
+ content: "\f023";
+ font-size: 50px;
+}
+
+/*
+The info-card icon
+
+.icon-info-card - the info-card icon
+
+Markup: <i class="icon-info-card"></i>
+
+Styleguide 1.44
+*/
+.icon-info-card:before {
+ content: "\f024";
+ font-size: 50px;
+}
+
+/*
+The browserid icon
+
+.icon-browserid - the browserid icon
+
+Markup: <i class="icon-browserid"></i>
+
+Styleguide 1.45
+*/
+.icon-browserid:before {
+ content: "\f025";
+ font-size: 50px;
+}
+
+/*
+The remote-storage icon
+
+.icon-remote-storage - the remote-storage icon
+
+Markup: <i class="icon-remote-storage"></i>
+
+Styleguide 1.46
+*/
+.icon-remote-storage:before {
+ content: "\f026";
+ font-size: 50px;
+}
+
+/*
+The persona icon
+
+.icon-persona - the persona icon
+
+Markup: <i class="icon-persona"></i>
+
+Styleguide 1.47
+*/
+.icon-persona:before {
+ content: "\f027";
+ font-size: 50px;
+}
+
+/*
+The odata icon
+
+.icon-odata - the odata icon
+
+Markup: <i class="icon-odata"></i>
+
+Styleguide 1.48
+*/
+.icon-odata:before {
+ content: "\f028";
+ font-size: 50px;
+}
+
+/*
+The markdown icon
+
+.icon-markdown - the markdown icon
+
+Markup: <i class="icon-markdown"></i>
+
+Styleguide 1.49
+*/
+.icon-markdown:before {
+ content: "\f029";
+ font-size: 50px;
+}
+
+/*
+The tosdr icon
+
+.icon-tosdr - the tosdr icon
+
+Markup: <i class="icon-tosdr"></i>
+
+Styleguide 1.50
+*/
+.icon-tosdr:before {
+ content: "\f030";
+ font-size: 50px;
+}
+
+/*
+The pub icon
+
+.icon-pub - the pub icon
+
+Markup: <i class="icon-pub"></i>
+
+Styleguide 1.51
+*/
+.icon-pub:before {
+ content: "\f045";
+ font-size: 50px;
+}
+
+/*
+The sub icon
+
+.icon-sub - the sub icon
+
+Markup: <i class="icon-sub"></i>
+
+Styleguide 1.52
+*/
+.icon-sub:before {
+ content: "\f046";
+ font-size: 50px;
+}
+
+/*
+The hubbub icon
+
+.icon-hubbub - the hubbub icon
+
+Markup: <i class="icon-hubbub"></i>
+
+Styleguide 1.53
+*/
+.icon-hubbub:before {
+ content: "\f045";
+ font-size: 50px;
+}
+
+/*
+The pubsubhubbub icon
+
+.icon-pubsubhubbub - the pubsubhubbub icon
+
+Markup: <i class="icon-pubsubhubbub"></i>
+
+Styleguide 1.54
+*/
+.icon-pubsubhubbub:before {
+ content: "\f047";
+ font-size: 50px;
+}
+
+/*
+The cc icon
+
+.icon-cc - the cc icon
+
+Markup: <i class="icon-cc"></i>
+
+Styleguide 1.55
+*/
+.icon-cc:before {
+ content: "\f080";
+ font-size: 50px;
+}
+
+/*
+The cc-by icon
+
+.icon-cc-by - the cc-by icon
+
+Markup: <i class="icon-cc-by"></i>
+
+Styleguide 1.56
+*/
+.icon-cc-by:before {
+ content: "\f081";
+ font-size: 50px;
+}
+
+/*
+The cc-nc icon
+
+.icon-cc-nc - the cc-nc icon
+
+Markup: <i class="icon-cc-nc"></i>
+
+Styleguide 1.57
+*/
+.icon-cc-nc:before {
+ content: "\f082";
+ font-size: 50px;
+}
+
+/*
+The cc-nc-eu icon
+
+.icon-cc-nc-eu - the cc-nc-eu icon
+
+Markup: <i class="icon-cc-nc-eu"></i>
+
+Styleguide 1.58
+*/
+.icon-cc-nc-eu:before {
+ content: "\f083";
+ font-size: 50px;
+}
+
+/*
+The cc-nc-jp icon
+
+.icon-cc-nc-jp - the cc-nc-jp icon
+
+Markup: <i class="icon-cc-nc-jp"></i>
+
+Styleguide 1.59
+*/
+.icon-cc-nc-jp:before {
+ content: "\f084";
+ font-size: 50px;
+}
+
+/*
+The cc-sa icon
+
+.icon-cc-sa - the cc-sa icon
+
+Markup: <i class="icon-cc-sa"></i>
+
+Styleguide 1.60
+*/
+.icon-cc-sa:before {
+ content: "\f085";
+ font-size: 50px;
+}
+
+/*
+The cc-nd icon
+
+.icon-cc-nd - the cc-nd icon
+
+Markup: <i class="icon-cc-nd"></i>
+
+Styleguide 1.61
+*/
+.icon-cc-nd:before {
+ content: "\f086";
+ font-size: 50px;
+}
+
+/*
+The cc-public icon
+
+.icon-cc-public - the cc-public icon
+
+Markup: <i class="icon-cc-public"></i>
+
+Styleguide 1.62
+*/
+.icon-cc-public:before {
+ content: "\f087";
+ font-size: 50px;
+}
+
+/*
+The cc-zero icon
+
+.icon-cc-zero - the cc-zero icon
+
+Markup: <i class="icon-cc-zero"></i>
+
+Styleguide 1.63
+*/
+.icon-cc-zero:before {
+ content: "\f088";
+ font-size: 50px;
+}
+
+/*
+The cc-share icon
+
+.icon-cc-share - the cc-share icon
+
+Markup: <i class="icon-cc-share"></i>
+
+Styleguide 1.64
+*/
+.icon-cc-share:before {
+ content: "\f089";
+ font-size: 50px;
+}
+
+/*
+The cc-remix icon
+
+.icon-cc-remix - the cc-remix icon
+
+Markup: <i class="icon-cc-remix"></i>
+
+Styleguide 1.65
+*/
+.icon-cc-remix:before {
+ content: "\f08a";
+ font-size: 50px;
+}
+
+/*
+The hatom icon
+
+.icon-hatom - the hatom icon
+
+Markup: <i class="icon-hatom"></i>
+
+Styleguide 1.66
+*/
+.icon-hatom:before {
+ content: "\f040";
+ font-size: 50px;
+}
+
+/*
+The hresume icon
+
+.icon-hresume - the hresume icon
+
+Markup: <i class="icon-hresume"></i>
+
+Styleguide 1.67
+*/
+.icon-hresume:before {
+ content: "\f042";
+ font-size: 50px;
+}
+
+/*
+The hcard-add icon
+
+.icon-hcard-add - the hcard-add icon
+
+Markup: <i class="icon-hcard-add"></i>
+
+Styleguide 1.68
+*/
+.icon-hcard-add:before {
+ content: "\f043";
+ font-size: 50px;
+}
+
+/*
+The hcard-download icon
+
+.icon-hcard-download - the hcard-download icon
+
+Markup: <i class="icon-hcard-download"></i>
+
+Styleguide 1.69
+*/
+.icon-hcard-download:before {
+ content: "\f044";
+ font-size: 50px;
+}
+
+/*
+The indieweb icon
+
+.icon-indieweb - the indieweb icon
+
+Markup: <i class="icon-indieweb"></i>
+
+Styleguide 1.70
+*/
+.icon-indieweb:before {
+ content: "\f08b \f08c";
+ font-size: 50px;
+}
+
+/*
+The indiewebcamp icon
+
+.icon-indiewebcamp - the indiewebcamp icon
+
+Markup: <i class="icon-indiewebcamp"></i>
+
+Styleguide 1.71
+*/
+.icon-indiewebcamp:before {
+ content: "\f08b \f08c \f08d";
+ font-size: 50px;
+}
+
+/*
+The webfinger icon
+
+.icon-webfinger - the webfinger icon
+
+Markup: <i class="icon-webfinger"></i>
+
+Styleguide 1.72
+*/
+.icon-webfinger:before {
+ content: "\f08e";
+ font-size: 50px;
+}
+
+/*
+The bitcoin icon
+
+.icon-bitcoin - the bitcoin icon
+
+Markup: <i class="icon-bitcoin"></i>
+
+Styleguide 1.73
+*/
+.icon-bitcoin:before {
+ content: "\f08f";
+ font-size: 50px;
+}
+
+/*
+The bitcoin-simple icon
+
+.icon-bitcoin-simple - the bitcoin-simple icon
+
+Markup: <i class="icon-bitcoin-simple"></i>
+
+Styleguide 1.74
+*/
+.icon-bitcoin-simple:before {
+ content: "\f090";
+ font-size: 50px;
+}
+
+/*
+The svg icon
+
+.icon-svg - the svg icon
+
+Markup: <i class="icon-svg"></i>
+
+Styleguide 1.75
+*/
+.icon-svg:before {
+ content: "\f049";
+ font-size: 50px;
+}
+
+/*
+The json-ld icon
+
+.icon-json-ld - the json-ld icon
+
+Markup: <i class="icon-json-ld"></i>
+
+Styleguide 1.76
+*/
+.icon-json-ld:before {
+ content: "\f048";
+ font-size: 50px;
+}
+
+/*
+The tent icon
+
+.icon-tent - the tent icon
+
+Markup: <i class="icon-tent"></i>
+
+Styleguide 1.77
+*/
+.icon-tent:before {
+ content: "\f050";
+ font-size: 50px;
+}
+
+/*
+The copyleft icon
+
+.icon-copyleft - the copyleft icon
+
+Markup: <i class="icon-copyleft"></i>
+
+Styleguide 1.78
+*/
+.icon-copyleft:before {
+ content: "\f051";
+ font-size: 50px;
+}
+
+/*
+The gnu icon
+
+.icon-gnu - the gnu icon
+
+Markup: <i class="icon-gnu"></i>
+
+Styleguide 1.79
+*/
+.icon-gnu:before {
+ content: "\f052";
+ font-size: 50px;
+}
+
+/*
+The ofl-attribution icon
+
+.icon-ofl-attribution - the ofl-attribution icon
+
+Markup: <i class="icon-ofl-attribution"></i>
+
+Styleguide 1.80
+*/
+.icon-ofl-attribution:before {
+ content: "\f081";
+ font-size: 50px;
+}
+
+/*
+The ofl-share icon
+
+.icon-ofl-share - the ofl-share icon
+
+Markup: <i class="icon-ofl-share"></i>
+
+Styleguide 1.81
+*/
+.icon-ofl-share:before {
+ content: "\f085";
+ font-size: 50px;
+}
+
+/*
+The ofl-renaming icon
+
+.icon-ofl-renaming - the ofl-renaming icon
+
+Markup: <i class="icon-ofl-renaming"></i>
+
+Styleguide 1.82
+*/
+.icon-ofl-renaming:before {
+ content: "\f04a";
+ font-size: 50px;
+}
+
+/*
+The ofl-selling icon
+
+.icon-ofl-selling - the ofl-selling icon
+
+Markup: <i class="icon-ofl-selling"></i>
+
+Styleguide 1.83
+*/
+.icon-ofl-selling:before {
+ content: "\f04b";
+ font-size: 50px;
+}
+
+/*
+The ofl-embedding icon
+
+.icon-ofl-embedding - the ofl-embedding icon
+
+Markup: <i class="icon-ofl-embedding"></i>
+
+Styleguide 1.84
+*/
+.icon-ofl-embedding:before {
+ content: "\f04c";
+ font-size: 50px;
+}
+
+/*
+The webmention icon
+
+.icon-webmention - the webmention icon
+
+Markup: <i class="icon-webmention"></i>
+
+Styleguide 1.85
+*/
+.icon-webmention:before {
+ content: "\f04d";
+ font-size: 50px;
+}
+
+/*
+The javascript icon
+
+.icon-javascript - the javascript icon
+
+Markup: <i class="icon-javascript"></i>
+
+Styleguide 1.86
+*/
+.icon-javascript:before {
+ content: "\f04e";
+ font-size: 50px;
+}
+
+/*
+The wtfpl icon
+
+.icon-wtfpl - the wtfpl icon
+
+Markup: <i class="icon-wtfpl"></i>
+
+Styleguide 1.87
+*/
+.icon-wtfpl:before {
+ content: "\f04f";
+ font-size: 50px;
+}
+
+/*
+The ofl icon
+
+.icon-ofl - the ofl icon
+
+Markup: <i class="icon-ofl"></i>
+
+Styleguide 1.88
+*/
+.icon-ofl:before {
+ content: "\f053";
+ font-size: 50px;
+}
+
+/*
+The wordpress icon
+
+.icon-wordpress - the wordpress icon
+
+Markup: <i class="icon-wordpress"></i>
+
+Styleguide 1.89
+*/
+.icon-wordpress:before {
+ content: "\f054";
+ font-size: 50px;
+}
+
+/*
+The owncloud icon
+
+.icon-owncloud - the owncloud icon
+
+Markup: <i class="icon-owncloud"></i>
+
+Styleguide 1.90
+*/
+.icon-owncloud:before {
+ content: "\f055";
+ font-size: 50px;
+}
+
+/*
+The cccs icon
+
+.icon-cccs - the cccs icon
+
+Markup: <i class="icon-cccs"></i>
+
+Styleguide 1.91
+*/
+.icon-cccs:before {
+ content: "\f056";
+ font-size: 50px;
+}
+
+/*
+The barcamp icon
+
+.icon-barcamp - the barcamp icon
+
+Markup: <i class="icon-barcamp"></i>
+
+Styleguide 1.92
+*/
+.icon-barcamp:before {
+ content: "\f057";
+ font-size: 50px;
+}
+
+/*
+The indiehosters icon
+
+.icon-indiehosters - the indiehosters icon
+
+Markup: <i class="icon-indiehosters"></i>
+
+Styleguide 1.93
+*/
+.icon-indiehosters:before {
+ content: "\f058";
+ font-size: 50px;
+}
+
+/*
+The known icon
+
+.icon-known - the known icon
+
+Markup: <i class="icon-known"></i>
+
+Styleguide 1.94
+*/
+.icon-known:before {
+ content: "\f059";
+ font-size: 50px;
+}
+
+/*
+The mozilla icon
+
+.icon-mozilla - the mozilla icon
+
+Markup: <i class="icon-mozilla"></i>
+
+Styleguide 1.95
+*/
+.icon-mozilla:before {
+ content: "\f05a";
+ font-size: 50px;
+}
+
+/*
+Colored Icons
+
+Change the color of an icon with CSS
+
+Styleguide 2.0
+*/
+/*
+The apml colored-icon
+
+.icon-apml-colored - the icon-apml-colored icon
+
+Markup: <i class="icon-apml-colored"></i>
+
+Styleguide 2.1
+*/
+.icon-apml-colored:before {
+ content: "\f001";
+ color: #AFDD63;
+ font-size: 50px;
+}
+
+/*
+The open-share colored-icon
+
+.icon-open-share-colored - the icon-open-share-colored icon
+
+Markup: <i class="icon-open-share-colored"></i>
+
+Styleguide 2.2
+*/
+.icon-open-share-colored:before {
+ content: "\f00E";
+ color: #538439;
+ font-size: 50px;
+}
+
+/*
+The share colored-icon
+
+.icon-share-colored - the icon-share-colored icon
+
+Markup: <i class="icon-share-colored"></i>
+
+Styleguide 2.3
+*/
+.icon-share-colored:before {
+ content: "\f006";
+ color: #538439;
+ font-size: 50px;
+}
+
+/*
+The feed colored-icon
+
+.icon-feed-colored - the icon-feed-colored icon
+
+Markup: <i class="icon-feed-colored"></i>
+
+Styleguide 2.4
+*/
+.icon-feed-colored:before {
+ content: "\f009";
+ color: #EA680B;
+ font-size: 50px;
+}
+
+/*
+The ostatus colored-icon
+
+.icon-ostatus-colored - the icon-ostatus-colored icon
+
+Markup: <i class="icon-ostatus-colored"></i>
+
+Styleguide 2.5
+*/
+.icon-ostatus-colored:before {
+ content: "\f004";
+ color: #FF6600;
+ font-size: 50px;
+}
+
+/*
+The opml colored-icon
+
+.icon-opml-colored - the icon-opml-colored icon
+
+Markup: <i class="icon-opml-colored"></i>
+
+Styleguide 2.6
+*/
+.icon-opml-colored:before {
+ content: "\f003";
+ color: #2490A1;
+ font-size: 50px;
+}
+
+/*
+The activity colored-icon
+
+.icon-activity-colored - the icon-activity-colored icon
+
+Markup: <i class="icon-activity-colored"></i>
+
+Styleguide 2.7
+*/
+.icon-activity-colored:before {
+ content: "\f010";
+ color: #4FB2D9;
+ font-size: 50px;
+}
+
+/*
+The microformats colored-icon
+
+.icon-microformats-colored - the icon-microformats-colored icon
+
+Markup: <i class="icon-microformats-colored"></i>
+
+Styleguide 2.8
+*/
+.icon-microformats-colored:before {
+ content: "\f00C";
+ color: #85BC07;
+ font-size: 50px;
+}
+
+/*
+The geo colored-icon
+
+.icon-geo-colored - the icon-geo-colored icon
+
+Markup: <i class="icon-geo-colored"></i>
+
+Styleguide 2.9
+*/
+.icon-geo-colored:before {
+ content: "\f00B";
+ color: #990000;
+ font-size: 50px;
+}
+
+/*
+The opensearch colored-icon
+
+.icon-opensearch-colored - the icon-opensearch-colored icon
+
+Markup: <i class="icon-opensearch-colored"></i>
+
+Styleguide 2.10
+*/
+.icon-opensearch-colored:before {
+ content: "\f002";
+ color: #5050f3;
+ font-size: 50px;
+}
+
+/*
+The html5 colored-icon
+
+.icon-html5-colored - the icon-html5-colored icon
+
+Markup: <i class="icon-html5-colored"></i>
+
+Styleguide 2.11
+*/
+.icon-html5-colored:before {
+ content: "\f016";
+ color: #E34C26;
+ font-size: 50px;
+}
+
+/*
+The git colored-icon
+
+.icon-git-colored - the icon-git-colored icon
+
+Markup: <i class="icon-git-colored"></i>
+
+Styleguide 2.12
+*/
+.icon-git-colored:before {
+ content: "\f035";
+ color: #F05133;
+ font-size: 50px;
+}
+
+/*
+The osi colored-icon
+
+.icon-osi-colored - the icon-osi-colored icon
+
+Markup: <i class="icon-osi-colored"></i>
+
+Styleguide 2.13
+*/
+.icon-osi-colored:before {
+ content: "\f038";
+ color: #3DA639;
+ font-size: 50px;
+}
+
+/*
+The opensource colored-icon
+
+.icon-opensource-colored - the icon-opensource-colored icon
+
+Markup: <i class="icon-opensource-colored"></i>
+
+Styleguide 2.14
+*/
+.icon-opensource-colored:before {
+ content: "\f038";
+ color: #3DA639;
+ font-size: 50px;
+}
+
+/*
+The epub colored-icon
+
+.icon-epub-colored - the icon-epub-colored icon
+
+Markup: <i class="icon-epub-colored"></i>
+
+Styleguide 2.15
+*/
+.icon-epub-colored:before {
+ content: "\f021";
+ color: #85b916;
+ font-size: 50px;
+}
+
+/*
+The info-card colored-icon
+
+.icon-info-card-colored - the icon-info-card-colored icon
+
+Markup: <i class="icon-info-card-colored"></i>
+
+Styleguide 2.16
+*/
+.icon-info-card-colored:before {
+ content: "\f024";
+ color: #BF84E5;
+ font-size: 50px;
+}
+
+/*
+The remote-storage colored-icon
+
+.icon-remote-storage-colored - the icon-remote-storage-colored icon
+
+Markup: <i class="icon-remote-storage-colored"></i>
+
+Styleguide 2.17
+*/
+.icon-remote-storage-colored:before {
+ content: "\f026";
+ color: #ff4e09;
+ font-size: 50px;
+}
+
+/*
+The odata colored-icon
+
+.icon-odata-colored - the icon-odata-colored icon
+
+Markup: <i class="icon-odata-colored"></i>
+
+Styleguide 2.18
+*/
+.icon-odata-colored:before {
+ content: "\f028";
+ color: #EA680B;
+ font-size: 50px;
+}
+
+/*
+The pub colored-icon
+
+.icon-pub-colored - the icon-pub-colored icon
+
+Markup: <i class="icon-pub-colored"></i>
+
+Styleguide 2.19
+*/
+.icon-pub-colored:before {
+ content: "\f045";
+ color: #99cc00;
+ font-size: 50px;
+}
+
+/*
+The sub colored-icon
+
+.icon-sub-colored - the icon-sub-colored icon
+
+Markup: <i class="icon-sub-colored"></i>
+
+Styleguide 2.20
+*/
+.icon-sub-colored:before {
+ content: "\f046";
+ color: #ffff00;
+ font-size: 50px;
+}
+
+/*
+The hubbub colored-icon
+
+.icon-hubbub-colored - the icon-hubbub-colored icon
+
+Markup: <i class="icon-hubbub-colored"></i>
+
+Styleguide 2.21
+*/
+.icon-hubbub-colored:before {
+ content: "\f045";
+ color: #ff6fcf;
+ font-size: 50px;
+}
+
+/*
+The javascript colored-icon
+
+.icon-javascript-colored - the icon-javascript-colored icon
+
+Markup: <i class="icon-javascript-colored"></i>
+
+Styleguide 2.22
+*/
+.icon-javascript-colored:before {
+ content: "\f04e";
+ color: #f0db4f;
+ font-size: 50px;
+}
diff --git a/styleguide/css/styleguide.md b/styleguide/css/styleguide.md
new file mode 100644
index 0000000..4753335
--- /dev/null
+++ b/styleguide/css/styleguide.md
@@ -0,0 +1,13 @@
+# OpenWeb Icons (a font!)
+
+Why OpenWeb Icons? Because Font Awesome had no RSS-icon and a font with only one icon would be a bit boring... Besides, I'm an advocate of the Open Web! Be proud of using Open Web Standards and show it to the world!
+
+The OpenWeb Icons is a web-font that gives you scalable vector icons/logos of some open communities, standards or projects. It includes the Creative Commons-, HTML5- and Microformats-icons for example.
+
+* 219 Icons - The OpenWeb Icons Font includes Icons of 219 open projects and standards... and a monkey!
+* Scalable - Use the font is infinitely scaleable and looks beautiful in any size.
+* Colorable - Change the color of an icon with CSS.
+* Customizable - The styles are generated with SASS and can easily be customized.
+* No JavaScript - The Icon-Font is compatible with all modern Browsers (IE > 7) without the use of JavaScript.
+
+For more infos please visit <http://pfefferle.github.io/openwebicons>
diff --git a/styleguide/index.html b/styleguide/index.html
new file mode 100644
index 0000000..958e499
--- /dev/null
+++ b/styleguide/index.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+<head>
+ <meta charset="utf-8">
+
+ <title>KSS: Living Styleguide</title>
+ <meta name="description" content="">
+ <meta name="generator" content="kss-node" />
+
+ <meta name="viewport" content="width=device-width">
+
+ <link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="public/kss.css">
+ <link rel="stylesheet" href="public/style.css">
+
+</head>
+<body><div id="kss-wrapper">
+ <div id="kss-nav">
+ <header id="kss-header">
+ <hgroup><h1>kss-node Styleguide</h1></hgroup>
+ </header>
+ <aside>
+ <nav><ul>
+ <li><a href="index.html">0.0: Overview</a></li>
+
+ <li><a href="section-1.html">1.0: Icons</a></li>
+
+ <li><a href="section-2.html">2.0: Colored Icons</a></li>
+
+ </ul></nav>
+ </aside>
+ </div>
+ <div role="main" id="kss-main">
+ <article id="kss-content">
+
+ <h1>OpenWeb Icons (a font!)</h1>
+<p>Why OpenWeb Icons? Because Font Awesome had no RSS-icon and a font with only one icon would be a bit boring... Besides, I'm an advocate of the Open Web! Be proud of using Open Web Standards and show it to the world!
+
+</p>
+<p>The OpenWeb Icons is a web-font that gives you scalable vector icons/logos of some open communities, standards or projects. It includes the Creative Commons-, HTML5- and Microformats-icons for example.
+
+</p>
+<ul>
+<li>219 Icons - The OpenWeb Icons Font includes Icons of 219 open projects and standards... and a monkey!</li>
+<li>Scalable - Use the font is infinitely scaleable and looks beautiful in any size.</li>
+<li>Colorable - Change the color of an icon with CSS.</li>
+<li>Customizable - The styles are generated with SASS and can easily be customized.</li>
+<li>No JavaScript - The Icon-Font is compatible with all modern Browsers (IE > 7) without the use of JavaScript.</li>
+</ul>
+<p>For more infos please visit <a href="http://pfefferle.github.io/openwebicons">http://pfefferle.github.io/openwebicons</a>
+</p>
+
+
+ </article>
+ </div>
+ <footer>
+
+ </footer>
+ <!-- SCRIPTS -->
+ <script src="public/kss.js"></script>
+ <script src="public/prettify.js"></script>
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+ <script>
+ $(document).ready(function(){
+ var sidebarAdjust = function() {
+ // Match footer/body height
+ var height = Math.max($(window).height(), $('#kss-main').height());
+
+ if ($(window).width() <= 768) {
+ $('#kss-main, #kss-nav').height('auto');
+ } else {
+ $('#kss-main, #kss-nav').height(height);
+ }
+ };
+
+ $(window).resize(sidebarAdjust);
+ $(window).scroll(sidebarAdjust);
+ sidebarAdjust();
+
+ // Ensure code blocks are highlighted properly...
+ $('pre>code').addClass('prettyprint');
+ prettyPrint();
+
+ });
+ </script>
+
+
+
+</div></body>
+</html>
\ No newline at end of file
diff --git a/styleguide/public/kss.css b/styleguide/public/kss.css
new file mode 100644
index 0000000..a6f20aa
--- /dev/null
+++ b/styleguide/public/kss.css
@@ -0,0 +1 @@
+html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{color:#444;background:#fefefe;font-family:'Droid Serif',Georgia,Palatino,'Palatino Linotype',Times,'Times New Roman',serif;font-size:12px;line-height:1.5em;padding:1em;max-width:52em}a{color:#0645ad;text-decoration:none}a:visited{color:#0b0080}a:hover{color:#06e}a:active{color:#faa700}a:focus{outline:thin dotted}a:hover,a:active{outline:0}a::-moz-selection,a::selection{background:rgba(255,255,0,.3);color:#0645ad}::-moz-selection,::selection{background:rgba(255,255,0,.3);color:#444}p{margin:1em 0}h1,h2,h3,h4,h5,h6{font-family:'Droid Serif',Georgia,Palatino,'Palatino Linotype',Times,'Times New Roman',serif;color:#111;font-weight:400;line-height:1em}h4,h5,h6{font-weight:700}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.5em}h4{font-size:1.2em}h5{font-size:1em}h6{font-size:.9em}blockquote{color:#666;margin:0;padding-left:1.5em;border-left:.5em #d8d8d8 solid}hr{display:block;height:2px;border:0;border-top:1px solid #ddd;border-bottom:1px solid #e5e5e5;margin:1em 0;padding:0}pre,code,kbd,samp{font-family:'Monaco','Ubuntu Mono','Lucida Console','Courier New',Courier,monospace;color:#2b2b2b;font-size:.98em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}b,strong{font-weight:700}dfn,mark,em{font-style:italic}ins{background:#ff9;color:#111;text-decoration:none}mark{background:#ff0;color:#111;font-weight:700}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ul,ol{margin:1em 0;padding:0 0 0 2em}li p:last-child{margin:0}dd{margin:0 0 0 2em}img{max-width:100%;border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}@media only screen and (min-width: 480px){body{ font-size:14px}}@media only screen and (min-width: 768px){body{ font-size:16px}}@media print{*{ background:transparent!important;color:#000!important;filter:none!important;-ms-filter:none!important}body{font-size:12pt;max-width:100%}a,a:visited{text-decoration:underline}hr{height:1px;border:0;border-bottom:1px solid black}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;padding-right:1em;page-break-inside:avoid}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page :left{margin:15mm 20mm 15mm 10mm}@page :right{margin:15mm 10mm 15mm 20mm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}#kss-nav{width:20%;background-color:#eee;box-shadow:inset -15px 0 15px -15px rgba(45,45,45,.25)}#kss-nav nav>ul{padding:0;margin:2em;margin-top:2.5em;list-style-type:none}#kss-header h1{font-size:1.5em;margin-top:1.66666667em;margin-left:1.33333333em}#kss-main,#kss-nav{position:absolute;top:0;left:0}#kss-main{padding-left:2.5%;width:77.5%;max-width:48em;left:20%}.kss-mod-list{width:100%}.kss-mod-name{text-align:right;width:20%;font-size:.75em}.kss-mod-example{padding-bottom:20px;display:block}.kss-mod-example>td{display:block}.kss-markup{margin-bottom:40px}.kss-depth-1>h1{font-size:2.375em}.kss-depth-2>h1{font-size:2.25em}.kss-depth-3>h1{font-size:2.125em}.kss-depth-4>h1{font-size:2em}.kss-depth-5>h1{font-size:1.875em}.kss-depth-6>h1{font-size:1.75em}.pln{color:#000}@media screen{.str{ color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{ color:#060}.kwd{color:#006;font-weight:700}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:700}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:700}.atn{color:#404}.atv{color:#060}}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}@media screen and (max-width: 768px){#kss-main{ position:static;width:90%;margin:0 auto;padding-left:0}#kss-nav{position:static;display:block;width:auto;margin:0;background:0;box-shadow:none;border-bottom:1px solid #ddd}#kss-nav nav>ul{margin-top:.5em;margin-bottom:.5em}#kss-nav nav>ul>li{display:inline-block;padding-right:1.5em}#kss-header>hgroup>h1{margin-top:0;margin-bottom:0}}@media screen and (max-width: 640px){#kss-github{ display:none}}
\ No newline at end of file
diff --git a/styleguide/public/kss.js b/styleguide/public/kss.js
new file mode 100644
index 0000000..e88d547
--- /dev/null
+++ b/styleguide/public/kss.js
@@ -0,0 +1,47 @@
+(function() {
+ var KssStateGenerator;
+
+ KssStateGenerator = (function() {
+
+ function KssStateGenerator() {
+ var idx, idxs, pseudos, replaceRule, rule, stylesheet, _i, _len, _len2, _ref, _ref2;
+ pseudos = /(\:hover|\:disabled|\:active|\:visited|\:focus)/g;
+ // try {
+ _ref = document.styleSheets;
+ for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+ stylesheet = _ref[_i];
+ idxs = [];
+ _ref2 = stylesheet.cssRules || [];
+ for (idx = 0, _len2 = _ref2.length; idx < _len2; idx++) {
+ rule = _ref2[idx];
+ if ((rule.type === CSSRule.STYLE_RULE) && pseudos.test(rule.selectorText)) {
+ replaceRule = function(matched, stuff) {
+ return ".pseudo-class-" + matched.replace(':', '');
+ };
+ this.insertRule(rule.cssText.replace(pseudos, replaceRule));
+ }
+ }
+ }
+ // } catch (_error) {console.log(_error.message);}
+ }
+
+ KssStateGenerator.prototype.insertRule = function(rule) {
+ var headEl, styleEl;
+ headEl = document.getElementsByTagName('head')[0];
+ styleEl = document.createElement('style');
+ styleEl.type = 'text/css';
+ if (styleEl.styleSheet) {
+ styleEl.styleSheet.cssText = rule;
+ } else {
+ styleEl.appendChild(document.createTextNode(rule));
+ }
+ return headEl.appendChild(styleEl);
+ };
+
+ return KssStateGenerator;
+
+ })();
+
+ new KssStateGenerator;
+
+}).call(this);
diff --git a/styleguide/public/kss.less b/styleguide/public/kss.less
new file mode 100644
index 0000000..1cf2ee6
--- /dev/null
+++ b/styleguide/public/kss.less
@@ -0,0 +1,161 @@
+@import 'markdown';
+
+#kss-nav {
+ width:20%;
+ background-color:#eee;
+
+ nav>ul {
+ padding:0;
+ margin:2em;
+ margin-top:2.5em;
+ list-style-type:none;
+ }
+
+ box-shadow: inset -15px 0px 15px -15px rgba(45, 45, 45, 0.25);
+}
+
+#kss-header h1 {
+ font-size:1.5em;
+ margin-top:5/3em;
+ margin-left:4/3em;
+}
+
+#kss-main, #kss-nav {
+ position:absolute;
+ top:0;
+ left:0;
+}
+
+#kss-main {
+ padding-left:2.5%;
+ width:77.5%;
+ max-width:48em;
+ left:20%;
+}
+
+.kss-mod-list {
+ width:100%;
+}
+
+.kss-mod-name {
+ text-align:right;
+ width:20%;
+ font-size:0.75em;
+}
+
+.kss-mod-example {
+ padding-bottom:20px;
+
+ display:block;
+ &>td { display:block; }
+}
+
+.kss-markup {
+ margin-bottom:40px;
+}
+
+.kss-depth-1 > h1 { font-size: 2.5em * 0.950; }
+.kss-depth-2 > h1 { font-size: 2.5em * 0.900; }
+.kss-depth-3 > h1 { font-size: 2.5em * 0.850; }
+.kss-depth-4 > h1 { font-size: 2.5em * 0.800; }
+.kss-depth-5 > h1 { font-size: 2.5em * 0.750; }
+.kss-depth-6 > h1 { font-size: 2.5em * 0.700; }
+
+// ------------------------------------------------------------------------------
+// @group prettyprint.js styling
+// ------------------------------------------------------------------------------
+/* Pretty printing styles. Used with prettify.js. */
+
+/* SPAN elements with the classes below are added by prettyprint. */
+.pln { color: #000 } /* plain text */
+
+@media screen {
+ .str { color: #080 } /* string content */
+ .kwd { color: #008 } /* a keyword */
+ .com { color: #800 } /* a comment */
+ .typ { color: #606 } /* a type name */
+ .lit { color: #066 } /* a literal value */
+ /* punctuation, lisp open bracket, lisp close bracket */
+ .pun, .opn, .clo { color: #660 }
+ .tag { color: #008 } /* a markup tag name */
+ .atn { color: #606 } /* a markup attribute name */
+ .atv { color: #080 } /* a markup attribute value */
+ .dec, .var { color: #606 } /* a declaration; a variable name */
+ .fun { color: red } /* a function name */
+}
+
+/* Use higher contrast and text-weight for printable form. */
+@media print, projection {
+ .str { color: #060 }
+ .kwd { color: #006; font-weight: bold }
+ .com { color: #600; font-style: italic }
+ .typ { color: #404; font-weight: bold }
+ .lit { color: #044 }
+ .pun, .opn, .clo { color: #440 }
+ .tag { color: #006; font-weight: bold }
+ .atn { color: #404 }
+ .atv { color: #060 }
+}
+
+/* Put a border around prettyprinted code snippets. */
+/*pre.prettyprint { padding: 2px; border: 1px solid #888 }*/
+
+/* Specify class=linenums on a pre to get line numbering */
+ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */
+li.L0,
+li.L1,
+li.L2,
+li.L3,
+li.L5,
+li.L6,
+li.L7,
+li.L8 { list-style-type: none }
+/* Alternate shading for lines */
+li.L1,
+li.L3,
+li.L5,
+li.L7,
+li.L9 { background: #eee }
+
+// ------------------------------------------------------------------------------
+// @group Mobile/Tablet Styling
+// ------------------------------------------------------------------------------
+@media screen and (max-width: 768px) {
+ #kss-main {
+ position:static;
+ width:90%;
+ margin:0 auto;
+ padding-left:0;
+ }
+
+ #kss-nav {
+ position:static;
+ display:block;
+ width:auto;
+ margin:0;
+ background:0;
+ box-shadow:none;
+ border-bottom:1px solid #ddd;
+ nav>ul {
+ margin-top:0.5em;
+ margin-bottom:0.5em;
+
+ &>li {
+ display:inline-block;
+ padding-right:1.5em;
+ }
+ }
+ }
+
+ #kss-header>hgroup>h1 {
+ margin-top:0;
+ margin-bottom:0;
+ }
+}
+
+@media screen and (max-width: 640px) {
+ #kss-github {
+ display:none;
+ }
+}
+// @end
\ No newline at end of file
diff --git a/styleguide/public/less.js b/styleguide/public/less.js
new file mode 100644
index 0000000..f25684f
--- /dev/null
+++ b/styleguide/public/less.js
@@ -0,0 +1,9 @@
+//
+// LESS - Leaner CSS v1.2.1
+// http://lesscss.org
+//
+// Copyright (c) 2009-2011, Alexis Sellier
+// Licensed under the Apache 2.0 License.
+//
+(function(a,b){function c(b){return a.less[b.split("/")[1]]}function m(){var a=document.getElementsByTagName("style");for(var b=0;b<a.length;b++)a[b].type.match(k)&&(new d.Parser).parse(a[b].innerHTML||"",function(c,d){var e=d.toCSS(),f=a[b];f.type="text/css",f.styleSheet?f.styleSheet.cssText=e:f.innerHTML=e})}function n(a,b){for(var c=0;c<d.sheets.length;c++)o(d.sheets[c],a,b,d.sheets.length-(c+1))}function o(b,c,e,f){var g=a.location.href.replace(/[#?].*$/,""),i=b.href.replace(/\?.*$/,""),j=h&&h.getItem(i),k=h&&h.getItem(i+":timestamp"),l={css:j,timestamp:k};/^(https?|file):/.test(i)||(i.charAt(0)=="/"?i=a.location.protocol+"//"+a.location.host+i:i=g.slice(0,g.lastIndexOf("/")+1)+i);var m=i.match(/([^\/]+)$/)[1];s(b.href,b.type,function(a,g){if(!e&&l&&g&&(new Date(g)).valueOf()===(new Date(l.timestamp)).valueOf())r(l.css,b),c(null,b,{local:!0,remaining:f});else try{(new d.Parser({optimization:d.optimization,paths:[i.replace(/[\w\.-]+$/,"")],mime:b.type,filename:m})).parse(a,function(d,e){if(d)return w(d,i);try{c(d,e,a,b,{local:!1,lastModified:g,remaining:f}),u(document.getElementById("less-error-message:"+q(i)))}catch(d){w(d,i)}})}catch(h){w(h,i)}},function(a,b){throw new Error("Couldn't load "+b+" ("+a+")")})}function q(a){return a.replace(/^[a-z]+:\/\/?[^\/]+/,"").replace(/^\//,"").replace(/\?.*$/,"").replace(/\.[^\.\/]+$/,"").replace(/[^\.\w-]+/g,"-").replace(/\./g,":")}function r(a,b,c){var d,e=b.href?b.href.replace(/\?.*$/,""):"",f="less:"+(b.title||q(e));(d=document.getElementById(f))===null&&(d=document.createElement("style"),d.type="text/css",d.media=b.media||"screen",d.id=f,document.getElementsByTagName("head")[0].appendChild(d));if(d.styleSheet)try{d.styleSheet.cssText=a}catch(g){throw new Error("Couldn't reassign styleSheet.cssText.")}else(function(a){d.childNodes.length>0?d.firstChild.nodeValue!==a.nodeValue&&d.replaceChild(a,d.firstChild):d.appendChild(a)})(document.createTextNode(a));c&&h&&(v("saving "+e+" to cache."),h.setItem(e,a),h.setItem(e+":timestamp",c))}function s(a,b,c,e){function i(b,c,d){b.status>=200&&b.status<300?c(b.responseText,b.getResponseHeader("Last-Modified")):typeof d=="function"&&d(b.status,a)}var f=t(),h=g?!1:d.async;typeof f.overrideMimeType=="function"&&f.overrideMimeType("text/css"),f.open("GET",a,h),f.setRequestHeader("Accept",b||"text/x-less, text/css; q=0.9, */*; q=0.5"),f.send(null),g?f.status===0||f.status>=200&&f.status<300?c(f.responseText):e(f.status,a):h?f.onreadystatechange=function(){f.readyState==4&&i(f,c,e)}:i(f,c,e)}function t(){if(a.XMLHttpRequest)return new XMLHttpRequest;try{return new ActiveXObject("MSXML2.XMLHTTP.3.0")}catch(b){return v("browser doesn't support AJAX."),null}}function u(a){return a&&a.parentNode.removeChild(a)}function v(a){d.env=="development"&&typeof console!="undefined"&&console.log("less: "+a)}function w(a,b){var c="less-error-message:"+q(b),e='<li><label>{line}</label><pre class="{class}">{content}</pre></li>',f=document.createElement("div"),g,h,i=[],j=a.filename||b;f.id=c,f.className="less-error-message",h="<h3>"+(a.message||"There is an error in your .less file")+"</h3>"+'<p>in <a href="'+j+'">'+j+"</a> ";var k=function(a,b,c){a.extract[b]&&i.push(e.replace(/\{line\}/,parseInt(a.line)+(b-1)).replace(/\{class\}/,c).replace(/\{content\}/,a.extract[b]))};a.stack?h+="<br/>"+a.stack.split("\n").slice(1).join("<br/>"):a.extract&&(k(a,0,""),k(a,1,"line"),k(a,2,""),h+="on line "+a.line+", column "+(a.column+1)+":</p>"+"<ul>"+i.join("")+"</ul>"),f.innerHTML=h,r([".less-error-message ul, .less-error-message li {","list-style-type: none;","margin-right: 15px;","padding: 4px 0;","margin: 0;","}",".less-error-message label {","font-size: 12px;","margin-right: 15px;","padding: 4px 0;","color: #cc7777;","}",".less-error-message pre {","color: #dd6666;","padding: 4px 0;","margin: 0;","display: inline-block;","}",".less-error-message pre.line {","color: #ff0000;","}",".less-error-message h3 {","font-size: 20px;","font-weight: bold;","padding: 15px 0 5px 0;","margin: 0;","}",".less-error-message a {","color: #10a","}",".less-error-message .error {","color: red;","font-weight: bold;","padding-bottom: 2px;","border-bottom: 1px dashed red;","}"].join("\n"),{title:"error-message"}),f.style.cssText=["font-family: Arial, sans-serif","border: 1px solid #e00","background-color: #eee","border-radius: 5px","-webkit-border-radius: 5px","-moz-border-radius: 5px","color: #e00","padding: 15px","margin-bottom: 15px"].join(";"),d.env=="development"&&(g=setInterval(function(){document.body&&(document.getElementById(c)?document.body.replaceChild(f,document.getElementById(c)):document.body.insertBefore(f,document.body.firstChild),clearInterval(g))},10))}Array.isArray||(Array.isArray=function(a){return Object.prototype.toString.call(a)==="[object Array]"||a instanceof Array}),Array.prototype.forEach||(Array.prototype.forEach=function(a,b){var c=this.length>>>0;for(var d=0;d<c;d++)d in this&&a.call(b,this[d],d,this)}),Array.prototype.map||(Array.prototype.map=function(a){var b=this.length>>>0,c=new Array(b),d=arguments[1];for(var e=0;e<b;e++)e in this&&(c[e]=a.call(d,this[e],e,this));return c}),Array.prototype.filter||(Array.prototype.filter=function(a){var b=[],c=arguments[1];for(var d=0;d<this.length;d++)a.call(c,this[d])&&b.push(this[d]);return b}),Array.prototype.reduce||(Array.prototype.reduce=function(a){var b=this.length>>>0,c=0;if(b===0&&arguments.length===1)throw new TypeError;if(arguments.length>=2)var d=arguments[1];else do{if(c in this){d=this[c++];break}if(++c>=b)throw new TypeError}while(!0);for(;c<b;c++)c in this&&(d=a.call(null,d,this[c],c,this));return d}),Array.prototype.indexOf||(Array.prototype.indexOf=function(a){var b=this.length,c=arguments[1]||0;if(!b)return-1;if(c>=b)return-1;c<0&&(c+=b);for(;c<b;c++){if(!Object.prototype.hasOwnProperty.call(this,c))continue;if(a===this[c])return c}return-1}),Object.keys||(Object.keys=function(a){var b=[];for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&b.push(c);return b}),String.prototype.trim||(String.prototype.trim=function(){return String(this).replace(/^\s\s*/,"").replace(/\s\s*$/,"")});var d,f;typeof environment=="object"&&{}.toString.call(environment)==="[object Environment]"?(typeof a=="undefined"?d={}:d=a.less={},f=d.tree={},d.mode="rhino"):typeof a=="undefined"?(d=exports,f=c("./tree"),d.mode="node"):(typeof a.less=="undefined"&&(a.less={}),d=a.less,f=a.less.tree={},d.mode="browser"),d.Parser=function(b){function t(){j=m[i],k=h,n=h}function u(){m[i]=j,h=k,n=h}function v(){h>n&&(m[i]=m[i].slice(h-n),n=h)}function w(a){var b,c,d,e,f,j,k,l;if(a instanceof Function)return a.call(o.parsers);if(typeof a=="string")b=g.charAt(h)===a?a:null,d=1,v();else{v();if(!(b=a.exec(m[i])))return null;d=b[0].length}if(b){l=h+=d,j=h+m[i].length-d;while(h<j){e=g.charCodeAt(h);if(e!==32&&e!==10&&e!==9)break;h++}return m[i]=m[i].slice(d+(h-l)),n=h,m[i].length===0&&i<m.length-1&&i++,typeof b=="string"?b:b.length===1?b[0]:b}}function x(a,b){var c=w(a);if(!!c)return c;y(b||(typeof a=="string"?"expected '"+a+"' got '"+g.charAt(h)+"'":"unexpected token"))}function y(a,b){throw{index:h,type:b||"Syntax",message:a}}function z(a){return typeof a=="string"?g.charAt(h)===a:a.test(m[i])?!0:!1}function A(a,b){return a.filename&&b.filename&&a.filename!==b.filename?o.imports.contents[a.filename]:g}function B(a,b){for(var c=a,d=-1;c>=0&&b.charAt(c)!=="\n";c--)d++;return{line:typeof a=="number"?(b.slice(0,a).match(/\n/g)||"").length:null,column:d}}function C(a,b){var c=A(a,b),d=B(a.index,c),e=d.line,f=d.column,g=c.split("\n");this.type=a.type||"Syntax",this.message=a.message,this.filename=a.filename||b.filename,this.index=a.index,this.line=typeof e=="number"?e+1:null,this.callLine=a.call&&B(a.call,c)+1,this.callExtract=g[B(a.call,c)],this.stack=a.stack,this.column=f,this.extract=[g[e-1],g[e],g[e+1]]}var g,h,i,j,k,l,m,n,o,q=this,r=function(){},s=this.imports={paths:b&&b.paths||[],queue:[],files:{},contents:{},mime:b&&b.mime,error:null,push:function(a,c){var e=this;this.queue.push(a),d.Parser.importer(a,this.paths,function(b,d,f){e.queue.splice(e.queue.indexOf(a),1),e.files[a]=d,e.contents[a]=f,b&&!e.error&&(e.error=b),c(b,d),e.queue.length===0&&r()},b)}};return this.env=b=b||{},this.optimization="optimization"in this.env?this.env.optimization:1,this.env.filename=this.env.filename||null,o={imports:s,parse:function(a,e){var j,k,p,q,s,t,u=[],v,x=null;h=i=n=l=0,m=[],g=a.replace(/\r\n/g,"\n"),m=function(a){var c=0,d=/[^"'`\{\}\/\(\)]+/g,e=/\/\*(?:[^*]|\*+[^\/*])*\*+\/|\/\/.*/g,f=0,h,i=a[0],j,k;for(var l=0,m,n;l<g.length;l++){d.lastIndex=l,(h=d.exec(g))&&h.index===l&&(l+=h[0].length,i.push(h[0])),m=g.charAt(l),e.lastIndex=l,!k&&!j&&m==="/"&&(n=g.charAt(l+1),(n==="/"||n==="*")&&(h=e.exec(g))&&h.index===l&&(l+=h[0].length,i.push(h[0]),m=g.charAt(l)));if(m==="{"&&!k&&!j)f++,i.push(m);else if(m==="}"&&!k&&!j)f--,i.push(m),a[++c]=i=[];else if(m==="("&&!k&&!j)i.push(m),j=!0;else if(m===")"&&!k&&j)i.push(m),j=!1;else{if(m==='"'||m==="'"||m==="`")k?k=k===m?!1:k:k=m;i.push(m)}}if(f>0)throw{type:"Syntax",message:"Missing closing `}`",filename:b.filename};return a.map(function(a){return a.join("")})}([[]]);try{j=new f.Ruleset([],w(this.parsers.primary)),j.root=!0}catch(y){return e(new C(y,b))}j.toCSS=function(a){var e,g,h;return function(e,g){var h=[],i;e=e||{},typeof g=="object"&&!Array.isArray(g)&&(g=Object.keys(g).map(function(a){var b=g[a];return b instanceof f.Value||(b instanceof f.Expression||(b=new f.Expression([b])),b=new f.Value([b])),new f.Rule("@"+a,b,!1,0)}),h=[new f.Ruleset(null,g)]);try{var j=a.call(this,{frames:h}).toCSS([],{compress:e.compress||!1})}catch(k){throw new C(k,b)}if(i=o.imports.error)throw i instanceof C?i:new C(i,b);return e.yuicompress&&d.mode==="node"?c("./cssmin").compressor.cssmin(j):e.compress?j.replace(/(\s)+/g,"$1"):j}}(j.eval);if(h<g.length-1){h=l,t=g.split("\n"),s=(g.slice(0,h).match(/\n/g)||"").length+1;for(var z=h,A=-1;z>=0&&g.charAt(z)!=="\n";z--)A++;x={type:"Parse",message:"Syntax Error on line "+s,index:h,filename:b.filename,line:s,column:A,extract:[t[s-2],t[s-1],t[s]]}}this.imports.queue.length>0?r=function(){e(x,j)}:e(x,j)},parsers:{primary:function(){var a,b=[];while((a=w(this.mixin.definition)||w(this.rule)||w(this.ruleset)||w(this.mixin.call)||w(this.comment)||w(this.directive))||w(/^[\s\n]+/))a&&b.push(a);return b},comment:function(){var a;if(g.charAt(h)!=="/")return;if(g.charAt(h+1)==="/")return new f.Comment(w(/^\/\/.*/),!0);if(a=w(/^\/\*(?:[^*]|\*+[^\/*])*\*+\/\n?/))return new f.Comment(a)},entities:{quoted:function(){var a,b=h,c;g.charAt(b)==="~"&&(b++,c=!0);if(g.charAt(b)!=='"'&&g.charAt(b)!=="'")return;c&&w("~");if(a=w(/^"((?:[^"\\\r\n]|\\.)*)"|'((?:[^'\\\r\n]|\\.)*)'/))return new f.Quoted(a[0],a[1]||a[2],c)},keyword:function(){var a;if(a=w(/^[_A-Za-z-][_A-Za-z0-9-]*/))return f.colors.hasOwnProperty(a)?new f.Color(f.colors[a].slice(1)):new f.Keyword(a)},call:function(){var a,c,d=h;if(!(a=/^([\w-]+|%|progid:[\w\.]+)\(/.exec(m[i])))return;a=a[1].toLowerCase();if(a==="url")return null;h+=a.length;if(a==="alpha")return w(this.alpha);w("("),c=w(this.entities.arguments);if(!w(")"))return;if(a)return new f.Call(a,c,d,b.filename)},arguments:function(){var a=[],b;while(b=w(this.entities.assignment)||w(this.expression)){a.push(b);if(!w(","))break}return a},literal:function(){return w(this.entities.dimension)||w(this.entities.color)||w(this.entities.quoted)},assignment:function(){var a,b;if((a=w(/^\w+(?=\s?=)/i))&&w("=")&&(b=w(this.entity)))return new f.Assignment(a,b)},url:function(){var a;if(g.charAt(h)!=="u"||!w(/^url\(/))return;return a=w(this.entities.quoted)||w(this.entities.variable)||w(this.entities.dataURI)||w(/^[-\w%@$\/.&=:;#+?~]+/)||"",x(")"),new f.URL(a.value||a.data||a instanceof f.Variable?a:new f.Anonymous(a),s.paths)},dataURI:function(){var a;if(w(/^data:/)){a={},a.mime=w(/^[^\/]+\/[^,;)]+/)||"",a.charset=w(/^;\s*charset=[^,;)]+/)||"",a.base64=w(/^;\s*base64/)||"",a.data=w(/^,\s*[^)]+/);if(a.data)return a}},variable:function(){var a,c=h;if(g.charAt(h)==="@"&&(a=w(/^@@?[\w-]+/)))return new f.Variable(a,c,b.filename)},color:function(){var a;if(g.charAt(h)==="#"&&(a=w(/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})/)))return new f.Color(a[1])},dimension:function(){var a,b=g.charCodeAt(h);if(b>57||b<45||b===47)return;if(a=w(/^(-?\d*\.?\d+)(px|%|em|rem|pc|ex|in|deg|s|ms|pt|cm|mm|rad|grad|turn)?/))return new f.Dimension(a[1],a[2])},javascript:function(){var a,b=h,c;g.charAt(b)==="~"&&(b++,c=!0);if(g.charAt(b)!=="`")return;c&&w("~");if(a=w(/^`([^`]*)`/))return new f.JavaScript(a[1],h,c)}},variable:function(){var a;if(g.charAt(h)==="@"&&(a=w(/^(@[\w-]+)\s*:/)))return a[1]},shorthand:function(){var a,b;if(!z(/^[@\w.%-]+\/[@\w.-]+/))return;if((a=w(this.entity))&&w("/")&&(b=w(this.entity)))return new f.Shorthand(a,b)},mixin:{call:function(){var a=[],c,d,e,i=h,j=g.charAt(h),k=!1;if(j!=="."&&j!=="#")return;while(c=w(/^[#.](?:[\w-]|\\(?:[a-fA-F0-9]{1,6} ?|[^a-fA-F0-9]))+/))a.push(new f.Element(d,c,h)),d=w(">");w("(")&&(e=w(this.entities.arguments))&&w(")"),w(this.important)&&(k=!0);if(a.length>0&&(w(";")||z("}")))return new f.mixin.Call(a,e,i,b.filename,k)},definition:function(){var a,b=[],c,d,e,i,j;if(g.charAt(h)!=="."&&g.charAt(h)!=="#"||z(/^[^{]*(;|})/))return;t();if(c=w(/^([#.](?:[\w-]|\\(?:[a-fA-F0-9]{1,6} ?|[^a-fA-F0-9]))+)\s*\(/)){a=c[1];while(e=w(this.entities.variable)||w(this.entities.literal)||w(this.entities.keyword)){e instanceof f.Variable?w(":")?(i=x(this.expression,"expected expression"),b.push({name:e.name,value:i})):b.push({name:e.name}):b.push({value:e});if(!w(","))break}x(")"),w(/^when/)&&(j=x(this.conditions,"expected condition")),d=w(this.block);if(d)return new f.mixin.Definition(a,b,d,j);u()}}},entity:function(){return w(this.entities.literal)||w(this.entities.variable)||w(this.entities.url)||w(this.entities.call)||w(this.entities.keyword)||w(this.entities.javascript)||w(this.comment)},end:function(){return w(";")||z("}")},alpha:function(){var a;if(!w(/^\(opacity=/i))return;if(a=w(/^\d+/)||w(this.entities.variable))return x(")"),new f.Alpha(a)},element:function(){var a,b,c,d;c=w(this.combinator),a=w(/^(?:\d+\.\d+|\d+)%/)||w(/^(?:[.#]?|:*)(?:[\w-]|\\(?:[a-fA-F0-9]{1,6} ?|[^a-fA-F0-9]))+/)||w("*")||w(this.attribute)||w(/^\([^)@]+\)/),a||w("(")&&(d=w(this.entities.variable))&&w(")")&&(a=new f.Paren(d));if(a)return new f.Element(c,a,h);if(c.value&&c.value.charAt(0)==="&")return new f.Element(c,null,h)},combinator:function(){var a,b=g.charAt(h);if(b===">"||b==="+"||b==="~"){h++;while(g.charAt(h)===" ")h++;return new f.Combinator(b)}if(b==="&"){a="&",h++,g.charAt(h)===" "&&(a="& ");while(g.charAt(h)===" ")h++;return new f.Combinator(a)}if(b===":"&&g.charAt(h+1)===":"){h+=2;while(g.charAt(h)===" ")h++;return new f.Combinator("::")}return g.charAt(h-1)===" "?new f.Combinator(" "):new f.Combinator(null)},selector:function(){var a,b,c=[],d,e;while(b=w(this.element)){d=g.charAt(h),c.push(b);if(d==="{"||d==="}"||d===";"||d===",")break}if(c.length>0)return new f.Selector(c)},tag:function(){return w(/^[a-zA-Z][a-zA-Z-]*[0-9]?/)||w("*")},attribute:function(){var a="",b,c,d;if(!w("["))return;if(b=w(/^[a-zA-Z-]+/)||w(this.entities.quoted))(d=w(/^[|~*$^]?=/))&&(c=w(this.entities.quoted)||w(/^[\w-]+/))?a=[b,d,c.toCSS?c.toCSS():c].join(""):a=b;if(!w("]"))return;if(a)return"["+a+"]"},block:function(){var a;if(w("{")&&(a=w(this.primary))&&w("}"))return a},ruleset:function(){var a=[],b,c,d;t();while(b=w(this.selector)){a.push(b),w(this.comment);if(!w(","))break;w(this.comment)}if(a.length>0&&(c=w(this.block)))return new f.Ruleset(a,c);l=h,u()},rule:function(){var a,b,c=g.charAt(h),d,e;t();if(c==="."||c==="#"||c==="&")return;if(a=w(this.variable)||w(this.property)){a.charAt(0)!="@"&&(e=/^([^@+\/'"*`(;{}-]*);/.exec(m[i]))?(h+=e[0].length-1,b=new f.Anonymous(e[1])):a==="font"?b=w(this.font):b=w(this.value),d=w(this.important);if(b&&w(this.end))return new f.Rule(a,b,d,k);l=h,u()}},"import":function(){var a,b,c=h;if(w(/^@import\s+/)&&(a=w(this.entities.quoted)||w(this.entities.url))){b=w(this.mediaFeatures);if(w(";"))return new f.Import(a,s,b,c)}},mediaFeature:function(){var a=[];do if(e=w(this.entities.keyword))a.push(e);else if(w("(")){p=w(this.property),e=w(this.entity);if(!w(")"))return null;if(p&&e)a.push(new f.Paren(new f.Rule(p,e,null,h,!0)));else{if(!e)return null;a.push(new f.Paren(e))}}while(e);if(a.length>0)return new f.Expression(a)},mediaFeatures:function(){var a,b=[];while(a=w(this.mediaFeature)){b.push(a);if(!w(","))break}return b.length>0?b:null},media:function(){var a;if(w(/^@media/)){a=w(this.mediaFeatures);if(rules=w(this.block))return new f.Directive("@media",rules,a)}},directive:function(){var a,b,c,d,e,i;if(g.charAt(h)!=="@")return;if(b=w(this["import"])||w(this.media))return b;if(a=w(/^@page|@keyframes/)||w(/^@(?:-webkit-|-moz-|-o-|-ms-)[a-z0-9-]+/)){d=(w(/^[^{]+/)||"").trim();if(c=w(this.block))return new f.Directive(a+" "+d,c)}else if(a=w(/^@[-a-z]+/))if(a==="@font-face"){if(c=w(this.block))return new f.Directive(a,c)}else if((b=w(this.entity))&&w(";"))return new f.Directive(a,b)},font:function(){var a=[],b=[],c,d,e,g;while(g=w(this.shorthand)||w(this.entity))b.push(g);a.push(new f.Expression(b));if(w(","))while(g=w(this.expression)){a.push(g);if(!w(","))break}return new f.Value(a)},value:function(){var a,b=[],c;while(a=w(this.expression)){b.push(a);if(!w(","))break}if(b.length>0)return new f.Value(b)},important:function(){if(g.charAt(h)==="!")return w(/^! *important/)},sub:function(){var a;if(w("(")&&(a=w(this.expression))&&w(")"))return a},multiplication:function(){var a,b,c,d;if(a=w(this.operand)){while(!z(/^\/\*/)&&(c=w("/")||w("*"))&&(b=w(this.operand)))d=new f.Operation(c,[d||a,b]);return d||a}},addition:function(){var a,b,c,d;if(a=w(this.multiplication)){while((c=w(/^[-+]\s+/)||g.charAt(h-1)!=" "&&(w("+")||w("-")))&&(b=w(this.multiplication)))d=new f.Operation(c,[d||a,b]);return d||a}},conditions:function(){var a,b,c=h,d;if(a=w(this.condition)){while(w(",")&&(b=w(this.condition)))d=new f.Condition("or",d||a,b,c);return d||a}},condition:function(){var a,b,c,d,e=h,g=!1;w(/^not/)&&(g=!0),x("(");if(a=w(this.addition)||w(this.entities.keyword)||w(this.entities.quoted))return(d=w(/^(?:>=|=<|[<=>])/))?(b=w(this.addition)||w(this.entities.keyword)||w(this.entities.quoted))?c=new f.Condition(d,a,b,e,g):y("expected expression"):c=new f.Condition("=",a,new f.Keyword("true"),e,g),x(")"),w(/^and/)?new f.Condition("and",c,w(this.condition)):c},operand:function(){var a,b=g.charAt(h+1);g.charAt(h)==="-"&&(b==="@"||b==="(")&&(a=w("-"));var c=w(this.sub)||w(this.entities.dimension)||w(this.entities.color)||w(this.entities.variable)||w(this.entities.call);return a?new f.Operation("*",[new f.Dimension(-1),c]):c},expression:function(){var a,b,c=[],d;while(a=w(this.addition)||w(this.entity))c.push(a);if(c.length>0)return new f.Expression(c)},property:function(){var a;if(a=w(/^(\*?-?[-a-z_0-9]+)\s*:/))return a[1]}}}};if(d.mode==="browser"||d.mode==="rhino")d.Parser.importer=function(a,b,c,d){a.charAt(0)!=="/"&&b.length>0&&(a=b[0]+a),o({href:a,title:a,type:d.mime},c,!0)};(function(a){function b(b){return a.functions.hsla(b.h,b.s,b.l,b.a)}function c(b){if(b instanceof a.Dimension)return parseFloat(b.unit=="%"?b.value/100:b.value);if(typeof b=="number")return b;throw{error:"RuntimeError",message:"color functions take numbers as parameters"}}function d(a){return Math.min(1,Math.max(0,a))}a.functions={rgb:function(a,b,c){return this.rgba(a,b,c,1)},rgba:function(b,d,e,f){var g=[b,d,e].map(function(a){return c(a)}),f=c(f);return new a.Color(g,f)},hsl:function(a,b,c){return this.hsla(a,b,c,1)},hsla:function(a,b,d,e){function h(a){return a=a<0?a+1:a>1?a-1:a,a*6<1?g+(f-g)*a*6:a*2<1?f:a*3<2?g+(f-g)*(2/3-a)*6:g}a=c(a)%360/360,b=c(b),d=c(d),e=c(e);var f=d<=.5?d*(b+1):d+b-d*b,g=d*2-f;return this.rgba(h(a+1/3)*255,h(a)*255,h(a-1/3)*255,e)},hue:function(b){return new a.Dimension(Math.round(b.toHSL().h))},saturation:function(b){return new a.Dimension(Math.round(b.toHSL().s*100),"%")},lightness:function(b){return new a.Dimension(Math.round(b.toHSL().l*100),"%")},alpha:function(b){return new a.Dimension(b.toHSL().a)},saturate:function(a,c){var e=a.toHSL();return e.s+=c.value/100,e.s=d(e.s),b(e)},desaturate:function(a,c){var e=a.toHSL();return e.s-=c.value/100,e.s=d(e.s),b(e)},lighten:function(a,c){var e=a.toHSL();return e.l+=c.value/100,e.l=d(e.l),b(e)},darken:function(a,c){var e=a.toHSL();return e.l-=c.value/100,e.l=d(e.l),b(e)},fadein:function(a,c){var e=a.toHSL();return e.a+=c.value/100,e.a=d(e.a),b(e)},fadeout:function(a,c){var e=a.toHSL();return e.a-=c.value/100,e.a=d(e.a),b(e)},fade:function(a,c){var e=a.toHSL();return e.a=c.value/100,e.a=d(e.a),b(e)},spin:function(a,c){var d=a.toHSL(),e=(d.h+c.value)%360;return d.h=e<0?360+e:e,b(d)},mix:function(b,c,d){var e=d.value/100,f=e*2-1,g=b.toHSL().a-c.toHSL().a,h=((f*g==-1?f:(f+g)/(1+f*g))+1)/2,i=1-h,j=[b.rgb[0]*h+c.rgb[0]*i,b.rgb[1]*h+c.rgb[1]*i,b.rgb[2]*h+c.rgb[2]*i],k=b.alpha*e+c.alpha*(1-e);return new a.Color(j,k)},greyscale:function(b){return this.desaturate(b,new a.Dimension(100))},e:function(b){return new a.Anonymous(b instanceof a.JavaScript?b.evaluated:b)},escape:function(b){return new a.Anonymous(encodeURI(b.value).replace(/=/g,"%3D").replace(/:/g,"%3A").replace(/#/g,"%23").replace(/;/g,"%3B").replace(/\(/g,"%28").replace(/\)/g,"%29"))},"%":function(b){var c=Array.prototype.slice.call(arguments,1),d=b.value;for(var e=0;e<c.length;e++)d=d.replace(/%[sda]/i,function(a){var b=a.match(/s/i)?c[e].value:c[e].toCSS();return a.match(/[A-Z]$/)?encodeURIComponent(b):b});return d=d.replace(/%%/g,"%"),new a.Quoted('"'+d+'"',d)},round:function(a){return this._math("round",a)},ceil:function(a){return this._math("ceil",a)},floor:function(a){return this._math("floor",a)},_math:function(b,d){if(d instanceof a.Dimension)return new a.Dimension(Math[b](c(d)),d.unit);if(typeof d=="number")return Math[b](d);throw{type:"Argument",message:"argument must be a number"}},argb:function(b){return new a.Anonymous(b.toARGB())},percentage:function(b){return new a.Dimension(b.value*100,"%")},color:function(b){if(b instanceof a.Quoted)return new a.Color(b.value.slice(1));throw{type:"Argument",message:"argument must be a string"}},iscolor:function(b){return this._isa(b,a.Color)},isnumber:function(b){return this._isa(b,a.Dimension)},isstring:function(b){return this._isa(b,a.Quoted)},iskeyword:function(b){return this._isa(b,a.Keyword)},isurl:function(b){return this._isa(b,a.URL)},ispixel:function(b){return b instanceof a.Dimension&&b.unit==="px"?a.True:a.False},ispercentage:function(b){return b instanceof a.Dimension&&b.unit==="%"?a.True:a.False},isem:function(b){return b instanceof a.Dimension&&b.unit==="em"?a.True:a.False},_isa:function(b,c){return b instanceof c?a.True:a.False}}})(c("./tree")),function(a){a.colors={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgrey:"#a9a9a9",darkgreen:"#006400",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",gold:"#ffd700",goldenrod:"#daa520",gray:"#808080",grey:"#808080",green:"#008000",greenyellow:"#adff2f",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderblush:"#fff0f5",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgrey:"#d3d3d3",lightgreen:"#90ee90",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370d8",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#d87093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"}}(c("./tree")),function(a){a.Alpha=function(a){this.value=a},a.Alpha.prototype={toCSS:function(){return"alpha(opacity="+(this.value.toCSS?this.value.toCSS():this.value)+")"},eval:function(a){return this.value.eval&&(this.value=this.value.eval(a)),this}}}(c("../tree")),function(a){a.Anonymous=function(a){this.value=a.value||a},a.Anonymous.prototype={toCSS:function(){return this.value},eval:function(){return this}}}(c("../tree")),function(a){a.Assignment=function(a,b){this.key=a,this.value=b},a.Assignment.prototype={toCSS:function(){return this.key+"="+(this.value.toCSS?this.value.toCSS():this.value)},eval:function(a){return this.value.eval&&(this.value=this.value.eval(a)),this}}}(c("../tree")),function(a){a.Call=function(a,b,c,d){this.name=a,this.args=b,this.index=c,this.filename=d},a.Call.prototype={eval:function(b){var c=this.args.map(function(a){return a.eval(b)});if(!(this.name in a.functions))return new a.Anonymous(this.name+"("+c.map(function(a){return a.toCSS()}).join(", ")+")");try{return a.functions[this.name].apply(a.functions,c)}catch(d){throw{type:d.type||"Runtime",message:"error evaluating function `"+this.name+"`"+(d.message?": "+d.message:""),index:this.index,filename:this.filename}}},toCSS:function(a){return this.eval(a).toCSS()}}}(c("../tree")),function(a){a.Color=function(a,b){Array.isArray(a)?this.rgb=a:a.length==6?this.rgb=a.match(/.{2}/g).map(function(a){return parseInt(a,16)}):this.rgb=a.split("").map(function(a){return parseInt(a+a,16)}),this.alpha=typeof b=="number"?b:1},a.Color.prototype={eval:function(){return this},toCSS:function(){return this.alpha<1?"rgba("+this.rgb.map(function(a){return Math.round(a)}).concat(this.alpha).join(", ")+")":"#"+this.rgb.map(function(a){return a=Math.round(a),a=(a>255?255:a<0?0:a).toString(16),a.length===1?"0"+a:a}).join("")},operate:function(b,c){var d=[];c instanceof a.Color||(c=c.toColor());for(var e=0;e<3;e++)d[e]=a.operate(b,this.rgb[e],c.rgb[e]);return new a.Color(d,this.alpha+c.alpha)},toHSL:function(){var a=this.rgb[0]/255,b=this.rgb[1]/255,c=this.rgb[2]/255,d=this.alpha,e=Math.max(a,b,c),f=Math.min(a,b,c),g,h,i=(e+f)/2,j=e-f;if(e===f)g=h=0;else{h=i>.5?j/(2-e-f):j/(e+f);switch(e){case a:g=(b-c)/j+(b<c?6:0);break;case b:g=(c-a)/j+2;break;case c:g=(a-b)/j+4}g/=6}return{h:g*360,s:h,l:i,a:d}},toARGB:function(){var a=[Math.round(this.alpha*255)].concat(this.rgb);return"#"+a.map(function(a){return a=Math.round(a),a=(a>255?255:a<0?0:a).toString(16),a.length===1?"0"+a:a}).join("")}}}(c("../tree")),function(a){a.Comment=function(a,b){this.value=a,this.silent=!!b},a.Comment.prototype={toCSS:function(a){return a.compress?"":this.value},eval:function(){return this}}}(c("../tree")),function(a){a.Condition=function(a,b,c,d,e){this.op=a.trim(),this.lvalue=b,this.rvalue=c,this.index=d,this.negate=e},a.Condition.prototype.eval=function(a){var b=this.lvalue.eval(a),c=this.rvalue.eval(a),d=this.index,e,e=function(a){switch(a){case"and":return b&&c;case"or":return b||c;default:if(b.compare)e=b.compare(c);else{if(!c.compare)throw{type:"Type",message:"Unable to perform comparison",index:d};e=c.compare(b)}switch(e){case-1:return a==="<"||a==="=<";case 0:return a==="="||a===">="||a==="=<";case 1:return a===">"||a===">="}}}(this.op);return this.negate?!e:e}}(c("../tree")),function(a){a.Dimension=function(a,b){this.value=parseFloat(a),this.unit=b||null},a.Dimension.prototype={eval:function(){return this},toColor:function(){return new a.Color([this.value,this.value,this.value])},toCSS:function(){var a=this.value+this.unit;return a},operate:function(b,c){return new a.Dimension(a.operate(b,this.value,c.value),this.unit||c.unit)},compare:function(b){return b instanceof a.Dimension?b.value>this.value?-1:b.value<this.value?1:0:-1}}}(c("../tree")),function(a){a.Directive=function(b,c,d){this.name=b,this.features=d&&new a.Value(d),Array.isArray(c)?(this.ruleset=new a.Ruleset([],c),this.ruleset.allowImports=!0):this.value=c},a.Directive.prototype={toCSS:function(a,b){var c=this.features?" "+this.features.toCSS(b):"";return this.ruleset?(this.ruleset.root=!0,this.name+c+(b.compress?"{":" {\n ")+this.ruleset.toCSS(a,b).trim().replace(/\n/g,"\n ")+(b.compress?"}":"\n}\n")):this.name+" "+this.value.toCSS()+";\n"},eval:function(a){return this.features=this.features&&this.features.eval(a),a.frames.unshift(this),this.ruleset=this.ruleset&&this.ruleset.eval(a),a.frames.shift(),this},variable:function(b){return a.Ruleset.prototype.variable.call(this.ruleset,b)},find:function(){return a.Ruleset.prototype.find.apply(this.ruleset,arguments)},rulesets:function(){return a.Ruleset.prototype.rulesets.apply(this.ruleset)}}}(c("../tree")),function(a){a.Element=function(b,c,d){this.combinator=b instanceof a.Combinator?b:new a.Combinator(b),typeof c=="string"?this.value=c.trim():c?this.value=c:this.value="",this.index=d},a.Element.prototype.eval=function(b){return new a.Element(this.combinator,this.value.eval?this.value.eval(b):this.value,this.index)},a.Element.prototype.toCSS=function(a){return this.combinator.toCSS(a||{})+(this.value.toCSS?this.value.toCSS(a):this.value)},a.Combinator=function(a){a===" "?this.value=" ":a==="& "?this.value="& ":this.value=a?a.trim():""},a.Combinator.prototype.toCSS=function(a){return{"":""," ":" ","&":"","& ":" ",":":" :","::":"::","+":a.compress?"+":" + ","~":a.compress?"~":" ~ ",">":a.compress?">":" > "}[this.value]}}(c("../tree")),function(a){a.Expression=function(a){this.value=a},a.Expression.prototype={eval:function(b){return this.value.length>1?new a.Expression(this.value.map(function(a){return a.eval(b)})):this.value.length===1?this.value[0].eval(b):this},toCSS:function(a){return this.value.map(function(b){return b.toCSS?b.toCSS(a):""}).join(" ")}}}(c("../tree")),function(a){a.Import=function(b,c,d,e){var f=this;this.index=e,this._path=b,this.features=d&&new a.Value(d),b instanceof a.Quoted?this.path=/\.(le?|c)ss(\?.*)?$/.test(b.value)?b.value:b.value+".less":this.path=b.value.value||b.value,this.css=/css(\?.*)?$/.test(this.path),this.css||c.push(this.path,function(b,c){b&&(b.index=e),f.root=c||new a.Ruleset([],[])})},a.Import.prototype={toCSS:function(a){var b=this.features?" "+this.features.toCSS(a):"";return this.css?"@import "+this._path.toCSS()+b+";\n":""},eval:function(b){var c,d=this.features&&this.features.eval(b);if(this.css)return this;c=new a.Ruleset([],this.root.rules.slice(0));for(var e=0;e<c.rules.length;e++)c.rules[e]instanceof a.Import&&Array.prototype.splice.apply(c.rules,[e,1].concat(c.rules[e].eval(b)));return this.features?new a.Directive("@media",c.rules,this.features.value):c.rules}}}(c("../tree")),function(a){a.JavaScript=function(a,b,c){this.escaped=c,this.expression=a,this.index=b},a.JavaScript.prototype={eval:function(b){var c,d=this,e={},f=this.expression.replace(/@\{([\w-]+)\}/g,function(c,e){return a.jsify((new a.Variable("@"+e,d.index)).eval(b))});try{f=new Function("return ("+f+")")}catch(g){throw{message:"JavaScript evaluation error: `"+
+f+"`",index:this.index}}for(var h in b.frames[0].variables())e[h.slice(1)]={value:b.frames[0].variables()[h].value,toJS:function(){return this.value.eval(b).toCSS()}};try{c=f.call(e)}catch(g){throw{message:"JavaScript evaluation error: '"+g.name+": "+g.message+"'",index:this.index}}return typeof c=="string"?new a.Quoted('"'+c+'"',c,this.escaped,this.index):Array.isArray(c)?new a.Anonymous(c.join(", ")):new a.Anonymous(c)}}}(c("../tree")),function(a){a.Keyword=function(a){this.value=a},a.Keyword.prototype={eval:function(){return this},toCSS:function(){return this.value},compare:function(b){return b instanceof a.Keyword?b.value===this.value?0:1:-1}},a.True=new a.Keyword("true"),a.False=new a.Keyword("false")}(c("../tree")),function(a){a.mixin={},a.mixin.Call=function(b,c,d,e,f){this.selector=new a.Selector(b),this.arguments=c,this.index=d,this.filename=e,this.important=f},a.mixin.Call.prototype={eval:function(a){var b,c,d=[],e=!1;for(var f=0;f<a.frames.length;f++)if((b=a.frames[f].find(this.selector)).length>0){c=this.arguments&&this.arguments.map(function(b){return b.eval(a)});for(var g=0;g<b.length;g++)if(b[g].match(c,a))try{Array.prototype.push.apply(d,b[g].eval(a,this.arguments,this.important).rules),e=!0}catch(h){throw{message:h.message,index:h.index,filename:this.filename,stack:h.stack,call:this.index}}if(e)return d;throw{type:"Runtime",message:"No matching definition was found for `"+this.selector.toCSS().trim()+"("+this.arguments.map(function(a){return a.toCSS()}).join(", ")+")`",index:this.index,filename:this.filename}}throw{type:"Name",message:this.selector.toCSS().trim()+" is undefined",index:this.index,filename:this.filename}}},a.mixin.Definition=function(b,c,d,e){this.name=b,this.selectors=[new a.Selector([new a.Element(null,b)])],this.params=c,this.condition=e,this.arity=c.length,this.rules=d,this._lookups={},this.required=c.reduce(function(a,b){return!b.name||b.name&&!b.value?a+1:a},0),this.parent=a.Ruleset.prototype,this.frames=[]},a.mixin.Definition.prototype={toCSS:function(){return""},variable:function(a){return this.parent.variable.call(this,a)},variables:function(){return this.parent.variables.call(this)},find:function(){return this.parent.find.apply(this,arguments)},rulesets:function(){return this.parent.rulesets.apply(this)},evalParams:function(b,c){var d=new a.Ruleset(null,[]);for(var e=0,f;e<this.params.length;e++)if(this.params[e].name){if(!(f=c&&c[e]||this.params[e].value))throw{type:"Runtime",message:"wrong number of arguments for "+this.name+" ("+c.length+" for "+this.arity+")"};d.rules.unshift(new a.Rule(this.params[e].name,f.eval(b)))}return d},eval:function(b,c,d){var e=this.evalParams(b,c),f,g=[],h;for(var i=0;i<Math.max(this.params.length,c&&c.length);i++)g.push(c[i]||this.params[i].value);return e.rules.unshift(new a.Rule("@arguments",(new a.Expression(g)).eval(b))),h=d?this.rules.map(function(b){return new a.Rule(b.name,b.value,"!important",b.index)}):this.rules.slice(0),(new a.Ruleset(null,h)).eval({frames:[this,e].concat(this.frames,b.frames)})},match:function(a,b){var c=a&&a.length||0,d,e;if(c<this.required)return!1;if(this.required>0&&c>this.params.length)return!1;if(this.condition&&!this.condition.eval({frames:[this.evalParams(b,a)].concat(b.frames)}))return!1;d=Math.min(c,this.arity);for(var f=0;f<d;f++)if(!this.params[f].name&&a[f].eval(b).toCSS()!=this.params[f].value.eval(b).toCSS())return!1;return!0}}}(c("../tree")),function(a){a.Operation=function(a,b){this.op=a.trim(),this.operands=b},a.Operation.prototype.eval=function(b){var c=this.operands[0].eval(b),d=this.operands[1].eval(b),e;if(c instanceof a.Dimension&&d instanceof a.Color){if(this.op!=="*"&&this.op!=="+")throw{name:"OperationError",message:"Can't substract or divide a color from a number"};e=d,d=c,c=e}return c.operate(this.op,d)},a.operate=function(a,b,c){switch(a){case"+":return b+c;case"-":return b-c;case"*":return b*c;case"/":return b/c}}}(c("../tree")),function(a){a.Paren=function(a){this.value=a},a.Paren.prototype={toCSS:function(a){return"("+this.value.toCSS(a)+")"},eval:function(b){return new a.Paren(this.value.eval(b))}}}(c("../tree")),function(a){a.Quoted=function(a,b,c,d){this.escaped=c,this.value=b||"",this.quote=a.charAt(0),this.index=d},a.Quoted.prototype={toCSS:function(){return this.escaped?this.value:this.quote+this.value+this.quote},eval:function(b){var c=this,d=this.value.replace(/`([^`]+)`/g,function(d,e){return(new a.JavaScript(e,c.index,!0)).eval(b).value}).replace(/@\{([\w-]+)\}/g,function(d,e){var f=(new a.Variable("@"+e,c.index)).eval(b);return"value"in f?f.value:f.toCSS()});return new a.Quoted(this.quote+d+this.quote,d,this.escaped,this.index)}}}(c("../tree")),function(a){a.Rule=function(b,c,d,e,f){this.name=b,this.value=c instanceof a.Value?c:new a.Value([c]),this.important=d?" "+d.trim():"",this.index=e,this.inline=f||!1,b.charAt(0)==="@"?this.variable=!0:this.variable=!1},a.Rule.prototype.toCSS=function(a){return this.variable?"":this.name+(a.compress?":":": ")+this.value.toCSS(a)+this.important+(this.inline?"":";")},a.Rule.prototype.eval=function(b){return new a.Rule(this.name,this.value.eval(b),this.important,this.index,this.inline)},a.Shorthand=function(a,b){this.a=a,this.b=b},a.Shorthand.prototype={toCSS:function(a){return this.a.toCSS(a)+"/"+this.b.toCSS(a)},eval:function(){return this}}}(c("../tree")),function(a){a.Ruleset=function(a,b){this.selectors=a,this.rules=b,this._lookups={}},a.Ruleset.prototype={eval:function(b){var c=this.selectors&&this.selectors.map(function(a){return a.eval(b)}),d=new a.Ruleset(c,this.rules.slice(0));d.root=this.root,d.allowImports=this.allowImports,b.frames.unshift(d);if(d.root||d.allowImports)for(var e=0;e<d.rules.length;e++)d.rules[e]instanceof a.Import&&Array.prototype.splice.apply(d.rules,[e,1].concat(d.rules[e].eval(b)));for(var e=0;e<d.rules.length;e++)d.rules[e]instanceof a.mixin.Definition&&(d.rules[e].frames=b.frames.slice(0));for(var e=0;e<d.rules.length;e++)d.rules[e]instanceof a.mixin.Call&&Array.prototype.splice.apply(d.rules,[e,1].concat(d.rules[e].eval(b)));for(var e=0,f;e<d.rules.length;e++)f=d.rules[e],f instanceof a.mixin.Definition||(d.rules[e]=f.eval?f.eval(b):f);return b.frames.shift(),d},match:function(a){return!a||a.length===0},variables:function(){return this._variables?this._variables:this._variables=this.rules.reduce(function(b,c){return c instanceof a.Rule&&c.variable===!0&&(b[c.name]=c),b},{})},variable:function(a){return this.variables()[a]},rulesets:function(){return this._rulesets?this._rulesets:this._rulesets=this.rules.filter(function(b){return b instanceof a.Ruleset||b instanceof a.mixin.Definition})},find:function(b,c){c=c||this;var d=[],e,f,g=b.toCSS();return g in this._lookups?this._lookups[g]:(this.rulesets().forEach(function(e){if(e!==c)for(var g=0;g<e.selectors.length;g++)if(f=b.match(e.selectors[g])){b.elements.length>e.selectors[g].elements.length?Array.prototype.push.apply(d,e.find(new a.Selector(b.elements.slice(1)),c)):d.push(e);break}}),this._lookups[g]=d)},toCSS:function(b,c){var d=[],e=[],f=[],g=[],h,i;this.root||(b.length===0?g=this.selectors.map(function(a){return[a]}):this.joinSelectors(g,b,this.selectors));for(var j=0;j<this.rules.length;j++)i=this.rules[j],i.rules||i instanceof a.Directive?f.push(i.toCSS(g,c)):i instanceof a.Comment?i.silent||(this.root?f.push(i.toCSS(c)):e.push(i.toCSS(c))):i.toCSS&&!i.variable?e.push(i.toCSS(c)):i.value&&!i.variable&&e.push(i.value.toString());return f=f.join(""),this.root?d.push(e.join(c.compress?"":"\n")):e.length>0&&(h=g.map(function(a){return a.map(function(a){return a.toCSS(c)}).join("").trim()}).join(c.compress?",":g.length>3?",\n":", "),d.push(h,(c.compress?"{":" {\n ")+e.join(c.compress?"":"\n ")+(c.compress?"}":"\n}\n"))),d.push(f),d.join("")+(c.compress?"\n":"")},joinSelectors:function(a,b,c){for(var d=0;d<c.length;d++)this.joinSelector(a,b,c[d])},joinSelector:function(b,c,d){var e=[],f=[],g=[],h=[],i=!1,j;for(var k=0;k<d.elements.length;k++)j=d.elements[k],j.combinator.value.charAt(0)==="&"&&(i=!0),i?h.push(j):g.push(j);i||(h=g,g=[]),g.length>0&&e.push(new a.Selector(g)),h.length>0&&f.push(new a.Selector(h));for(var l=0;l<c.length;l++)b.push(e.concat(c[l]).concat(f))}}}(c("../tree")),function(a){a.Selector=function(a){this.elements=a,this.elements[0].combinator.value===""&&(this.elements[0].combinator.value=" ")},a.Selector.prototype.match=function(a){var b=this.elements.length,c=a.elements.length,d=Math.min(b,c);if(b<c)return!1;for(var e=0;e<d;e++)if(this.elements[e].value!==a.elements[e].value)return!1;return!0},a.Selector.prototype.eval=function(b){return new a.Selector(this.elements.map(function(a){return a.eval(b)}))},a.Selector.prototype.toCSS=function(a){return this._css?this._css:this._css=this.elements.map(function(b){return typeof b=="string"?" "+b.trim():b.toCSS(a)}).join("")}}(c("../tree")),function(b){b.URL=function(b,c){b.data?this.attrs=b:(typeof a!="undefined"&&!/^(?:https?:\/\/|file:\/\/|data:|\/)/.test(b.value)&&c.length>0&&(b.value=c[0]+(b.value.charAt(0)==="/"?b.value.slice(1):b.value)),this.value=b,this.paths=c)},b.URL.prototype={toCSS:function(){return"url("+(this.attrs?"data:"+this.attrs.mime+this.attrs.charset+this.attrs.base64+this.attrs.data:this.value.toCSS())+")"},eval:function(a){return this.attrs?this:new b.URL(this.value.eval(a),this.paths)}}}(c("../tree")),function(a){a.Value=function(a){this.value=a,this.is="value"},a.Value.prototype={eval:function(b){return this.value.length===1?this.value[0].eval(b):new a.Value(this.value.map(function(a){return a.eval(b)}))},toCSS:function(a){return this.value.map(function(b){return b.toCSS(a)}).join(a.compress?",":", ")}}}(c("../tree")),function(a){a.Variable=function(a,b,c){this.name=a,this.index=b,this.file=c},a.Variable.prototype={eval:function(b){var c,d,e=this.name;e.indexOf("@@")==0&&(e="@"+(new a.Variable(e.slice(1))).eval(b).value);if(c=a.find(b.frames,function(a){if(d=a.variable(e))return d.value.eval(b)}))return c;throw{type:"Name",message:"variable "+e+" is undefined",filename:this.file,index:this.index}}}}(c("../tree")),function(a){a.find=function(a,b){for(var c=0,d;c<a.length;c++)if(d=b.call(a,a[c]))return d;return null},a.jsify=function(a){return Array.isArray(a.value)&&a.value.length>1?"["+a.value.map(function(a){return a.toCSS(!1)}).join(", ")+"]":a.toCSS(!1)}}(c("./tree"));var g=location.protocol==="file:"||location.protocol==="chrome:"||location.protocol==="chrome-extension:"||location.protocol==="resource:";d.env=d.env||(location.hostname=="127.0.0.1"||location.hostname=="0.0.0.0"||location.hostname=="localhost"||location.port.length>0||g?"development":"production"),d.async=!1,d.poll=d.poll||(g?1e3:1500),d.watch=function(){return this.watchMode=!0},d.unwatch=function(){return this.watchMode=!1},d.env==="development"?(d.optimization=0,/!watch/.test(location.hash)&&d.watch(),d.watchTimer=setInterval(function(){d.watchMode&&n(function(a,b,c,d,e){b&&r(b.toCSS(),d,e.lastModified)})},d.poll)):d.optimization=3;var h;try{h=typeof a.localStorage=="undefined"?null:a.localStorage}catch(i){h=null}var j=document.getElementsByTagName("link"),k=/^text\/(x-)?less$/;d.sheets=[];for(var l=0;l<j.length;l++)(j[l].rel==="stylesheet/less"||j[l].rel.match(/stylesheet/)&&j[l].type.match(k))&&d.sheets.push(j[l]);d.refresh=function(a){var b,c;b=c=new Date,n(function(a,d,e,f,g){g.local?v("loading "+f.href+" from cache."):(v("parsed "+f.href+" successfully."),r(d.toCSS(),f,g.lastModified)),v("css for "+f.href+" generated in "+(new Date-c)+"ms"),g.remaining===0&&v("css generated in "+(new Date-b)+"ms"),c=new Date},a),m()},d.refreshStyles=m,d.refresh(d.env==="development")})(window);
\ No newline at end of file
diff --git a/styleguide/public/markdown.less b/styleguide/public/markdown.less
new file mode 100644
index 0000000..738a8ce
--- /dev/null
+++ b/styleguide/public/markdown.less
@@ -0,0 +1,208 @@
+// ------------------------------------------------------------------------------
+// @group Variables - Colors, Fonts, etc.
+// ------------------------------------------------------------------------------
+@md-colors-background : #fefefe;
+
+@md-colors-foreground : #444;
+@md-colors-headers : #111;
+@md-colors-quotes : #666;
+
+@md-colors-link : #0645ad;
+@md-colors-link-visited : #0b0080;
+@md-colors-link-hover : #06e;
+@md-colors-link-active : #faa700;
+
+@md-colors-selection : rgba(255,255,0,0.3);
+@md-colors-selection-text : @md-colors-foreground;
+
+@md-font-headers : 'Droid Serif', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
+@md-font-body : 'Droid Serif', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
+@md-font-monospace : 'Monaco', 'Ubuntu Mono', 'Lucida Console', 'Courier New', Courier, monospace;
+
+// ------------------------------------------------------------------------------
+// @group Pagewide Styles
+// ------------------------------------------------------------------------------
+// These are totally optional of course
+html {
+ font-size: 100%;
+ overflow-y: scroll;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+}
+
+body {
+ color:@md-colors-foreground;
+ background:@md-colors-background;
+
+ font-family: @md-font-body;
+ font-size:12px;
+
+ line-height:1.5em;
+ padding:1em;
+ max-width:52em;
+}
+
+// ------------------------------------------------------------------------------
+// @group Hyperlinks
+// ------------------------------------------------------------------------------
+a {
+ color:@md-colors-link;
+ text-decoration:none;
+
+ &:visited { color: @md-colors-link-visited; }
+ &:hover { color: @md-colors-link-hover; }
+ &:active { color: @md-colors-link-active; }
+ &:focus { outline: thin dotted; }
+
+ &:hover, &:active {
+ outline: 0;
+ }
+
+ &::-moz-selection, &::selection {
+ background: @md-colors-selection;
+ color: @md-colors-link;
+ }
+}
+
+::-moz-selection, ::selection {
+ background: @md-colors-selection;
+ color: @md-colors-selection-text;
+}
+
+// ------------------------------------------------------------------------------
+// @group Paragraphs and Headings
+// ------------------------------------------------------------------------------
+p {
+ margin:1em 0;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-family: @md-font-headers;
+ color: @md-colors-headers;
+ font-weight: normal;
+ line-height: 1em;
+}
+
+h4, h5, h6 {
+ font-weight: bold;
+}
+
+h1 { font-size: 2.5em; }
+h2 { font-size: 2em; }
+h3 { font-size: 1.5em; }
+h4 { font-size: 1.2em; }
+h5 { font-size: 1em; }
+h6 { font-size: 0.9em; }
+
+// ------------------------------------------------------------------------------
+// @group General Typography
+// ------------------------------------------------------------------------------
+blockquote {
+ color: @md-colors-quotes;
+ margin: 0;
+ padding-left: 1.5em;
+ border-left: 0.5em mix(@md-colors-quotes, @md-colors-background, 25%) solid;
+}
+
+hr {
+ display: block;
+ height: 2px;
+ border: 0;
+ border-top: 1px solid lighten(@md-colors-foreground, 60%);
+ border-bottom: 1px solid darken(@md-colors-background, 10%);
+ margin: 1em 0;
+ padding: 0;
+}
+
+pre, code, kbd, samp {
+ font-family: @md-font-monospace;
+ color: mix(@md-colors-foreground, @md-colors-headers, 50%);
+ font-size: 0.98em;
+}
+
+pre {
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+b, strong { font-weight: bold; }
+dfn, mark, em { font-style: italic; }
+
+ins {
+ background: #ff9; color: @md-colors-headers; text-decoration: none;
+}
+
+mark {
+ background: #ff0; color: @md-colors-headers; font-weight: bold;
+}
+
+sub, sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+sup { top: -0.5em; }
+sub { bottom: -0.25em; }
+
+ul, ol {
+ margin: 1em 0;
+ padding: 0 0 0 2em;
+}
+li p:last-child {
+ margin:0
+}
+dd {
+ margin: 0 0 0 2em;
+}
+
+// ------------------------------------------------------------------------------
+// @group Non-Text Elements
+// ------------------------------------------------------------------------------
+img {
+ max-width:100%;
+ border: 0;
+ -ms-interpolation-mode: bicubic;
+ vertical-align: middle;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+td {
+ vertical-align: top;
+}
+
+// ------------------------------------------------------------------------------
+// @group Media Queries
+// ------------------------------------------------------------------------------
+@media only screen and (min-width: 480px) {
+ body {
+ font-size:14px;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ body {
+ font-size:16px;
+ }
+}
+
+@media print {
+ * { background: transparent !important; color: black !important; filter:none !important; -ms-filter: none !important; }
+ body {font-size:12pt; max-width:100%;}
+ a, a:visited { text-decoration: underline; }
+ hr { height: 1px; border:0; border-bottom:1px solid black; }
+ a[href]:after { content: " (" attr(href) ")"; }
+ abbr[title]:after { content: " (" attr(title) ")"; }
+ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
+ pre, blockquote { border: 1px solid #999; padding-right: 1em; page-break-inside: avoid; }
+ tr, img { page-break-inside: avoid; }
+ img { max-width: 100% !important; }
+ @page :left { margin: 15mm 20mm 15mm 10mm; }
+ @page :right { margin: 15mm 10mm 15mm 20mm; }
+ p, h2, h3 { orphans: 3; widows: 3; }
+ h2, h3 { page-break-after: avoid; }
+}
\ No newline at end of file
diff --git a/styleguide/public/prettify.js b/styleguide/public/prettify.js
new file mode 100644
index 0000000..037c26d
--- /dev/null
+++ b/styleguide/public/prettify.js
@@ -0,0 +1,1477 @@
+// Copyright (C) 2006 Google Inc.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+
+/**
+ * @fileoverview
+ * some functions for browser-side pretty printing of code contained in html.
+ *
+ * <p>
+ * For a fairly comprehensive set of languages see the
+ * <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html#langs">README</a>
+ * file that came with this source. At a minimum, the lexer should work on a
+ * number of languages including C and friends, Java, Python, Bash, SQL, HTML,
+ * XML, CSS, Javascript, and Makefiles. It works passably on Ruby, PHP and Awk
+ * and a subset of Perl, but, because of commenting conventions, doesn't work on
+ * Smalltalk, Lisp-like, or CAML-like languages without an explicit lang class.
+ * <p>
+ * Usage: <ol>
+ * <li> include this source file in an html page via
+ * {@code <script type="text/javascript" src="/path/to/prettify.js"></script>}
+ * <li> define style rules. See the example page for examples.
+ * <li> mark the {@code <pre>} and {@code <code>} tags in your source with
+ * {@code class=prettyprint.}
+ * You can also use the (html deprecated) {@code <xmp>} tag, but the pretty
+ * printer needs to do more substantial DOM manipulations to support that, so
+ * some css styles may not be preserved.
+ * </ol>
+ * That's it. I wanted to keep the API as simple as possible, so there's no
+ * need to specify which language the code is in, but if you wish, you can add
+ * another class to the {@code <pre>} or {@code <code>} element to specify the
+ * language, as in {@code <pre class="prettyprint lang-java">}. Any class that
+ * starts with "lang-" followed by a file extension, specifies the file type.
+ * See the "lang-*.js" files in this directory for code that implements
+ * per-language file handlers.
+ * <p>
+ * Change log:<br>
+ * cbeust, 2006/08/22
+ * <blockquote>
+ * Java annotations (start with "@") are now captured as literals ("lit")
+ * </blockquote>
+ * @requires console
+ */
+
+// JSLint declarations
+/*global console, document, navigator, setTimeout, window */
+
+/**
+ * Split {@code prettyPrint} into multiple timeouts so as not to interfere with
+ * UI events.
+ * If set to {@code false}, {@code prettyPrint()} is synchronous.
+ */
+window['PR_SHOULD_USE_CONTINUATION'] = true;
+
+(function () {
+ // Keyword lists for various languages.
+ // We use things that coerce to strings to make them compact when minified
+ // and to defeat aggressive optimizers that fold large string constants.
+ var FLOW_CONTROL_KEYWORDS = ["break,continue,do,else,for,if,return,while"];
+ var C_KEYWORDS = [FLOW_CONTROL_KEYWORDS,"auto,case,char,const,default," +
+ "double,enum,extern,float,goto,int,long,register,short,signed,sizeof," +
+ "static,struct,switch,typedef,union,unsigned,void,volatile"];
+ var COMMON_KEYWORDS = [C_KEYWORDS,"catch,class,delete,false,import," +
+ "new,operator,private,protected,public,this,throw,true,try,typeof"];
+ var CPP_KEYWORDS = [COMMON_KEYWORDS,"alignof,align_union,asm,axiom,bool," +
+ "concept,concept_map,const_cast,constexpr,decltype," +
+ "dynamic_cast,explicit,export,friend,inline,late_check," +
+ "mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast," +
+ "template,typeid,typename,using,virtual,where"];
+ var JAVA_KEYWORDS = [COMMON_KEYWORDS,
+ "abstract,boolean,byte,extends,final,finally,implements,import," +
+ "instanceof,null,native,package,strictfp,super,synchronized,throws," +
+ "transient"];
+ var CSHARP_KEYWORDS = [JAVA_KEYWORDS,
+ "as,base,by,checked,decimal,delegate,descending,dynamic,event," +
+ "fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock," +
+ "object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed," +
+ "stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var"];
+ var COFFEE_KEYWORDS = "all,and,by,catch,class,else,extends,false,finally," +
+ "for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then," +
+ "true,try,unless,until,when,while,yes";
+ var JSCRIPT_KEYWORDS = [COMMON_KEYWORDS,
+ "debugger,eval,export,function,get,null,set,undefined,var,with," +
+ "Infinity,NaN"];
+ var PERL_KEYWORDS = "caller,delete,die,do,dump,elsif,eval,exit,foreach,for," +
+ "goto,if,import,last,local,my,next,no,our,print,package,redo,require," +
+ "sub,undef,unless,until,use,wantarray,while,BEGIN,END";
+ var PYTHON_KEYWORDS = [FLOW_CONTROL_KEYWORDS, "and,as,assert,class,def,del," +
+ "elif,except,exec,finally,from,global,import,in,is,lambda," +
+ "nonlocal,not,or,pass,print,raise,try,with,yield," +
+ "False,True,None"];
+ var RUBY_KEYWORDS = [FLOW_CONTROL_KEYWORDS, "alias,and,begin,case,class," +
+ "def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo," +
+ "rescue,retry,self,super,then,true,undef,unless,until,when,yield," +
+ "BEGIN,END"];
+ var SH_KEYWORDS = [FLOW_CONTROL_KEYWORDS, "case,done,elif,esac,eval,fi," +
+ "function,in,local,set,then,until"];
+ var ALL_KEYWORDS = [
+ CPP_KEYWORDS, CSHARP_KEYWORDS, JSCRIPT_KEYWORDS, PERL_KEYWORDS +
+ PYTHON_KEYWORDS, RUBY_KEYWORDS, SH_KEYWORDS];
+ var C_TYPES = /^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)/;
+
+ // token style names. correspond to css classes
+ /**
+ * token style for a string literal
+ * @const
+ */
+ var PR_STRING = 'str';
+ /**
+ * token style for a keyword
+ * @const
+ */
+ var PR_KEYWORD = 'kwd';
+ /**
+ * token style for a comment
+ * @const
+ */
+ var PR_COMMENT = 'com';
+ /**
+ * token style for a type
+ * @const
+ */
+ var PR_TYPE = 'typ';
+ /**
+ * token style for a literal value. e.g. 1, null, true.
+ * @const
+ */
+ var PR_LITERAL = 'lit';
+ /**
+ * token style for a punctuation string.
+ * @const
+ */
+ var PR_PUNCTUATION = 'pun';
+ /**
+ * token style for a punctuation string.
+ * @const
+ */
+ var PR_PLAIN = 'pln';
+
+ /**
+ * token style for an sgml tag.
+ * @const
+ */
+ var PR_TAG = 'tag';
+ /**
+ * token style for a markup declaration such as a DOCTYPE.
+ * @const
+ */
+ var PR_DECLARATION = 'dec';
+ /**
+ * token style for embedded source.
+ * @const
+ */
+ var PR_SOURCE = 'src';
+ /**
+ * token style for an sgml attribute name.
+ * @const
+ */
+ var PR_ATTRIB_NAME = 'atn';
+ /**
+ * token style for an sgml attribute value.
+ * @const
+ */
+ var PR_ATTRIB_VALUE = 'atv';
+
+ /**
+ * A class that indicates a section of markup that is not code, e.g. to allow
+ * embedding of line numbers within code listings.
+ * @const
+ */
+ var PR_NOCODE = 'nocode';
+
+
+
+/**
+ * A set of tokens that can precede a regular expression literal in
+ * javascript
+ * http://web.archive.org/web/20070717142515/http://www.mozilla.org/js/language/js20/rationale/syntax.html
+ * has the full list, but I've removed ones that might be problematic when
+ * seen in languages that don't support regular expression literals.
+ *
+ * <p>Specifically, I've removed any keywords that can't precede a regexp
+ * literal in a syntactically legal javascript program, and I've removed the
+ * "in" keyword since it's not a keyword in many languages, and might be used
+ * as a count of inches.
+ *
+ * <p>The link a above does not accurately describe EcmaScript rules since
+ * it fails to distinguish between (a=++/b/i) and (a++/b/i) but it works
+ * very well in practice.
+ *
+ * @private
+ * @const
+ */
+var REGEXP_PRECEDER_PATTERN = '(?:^^\\.?|[+-]|\\!|\\!=|\\!==|\\#|\\%|\\%=|&|&&|&&=|&=|\\(|\\*|\\*=|\\+=|\\,|\\-=|\\->|\\/|\\/=|:|::|\\;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|\\?|\\@|\\[|\\^|\\^=|\\^\\^|\\^\\^=|\\{|\\||\\|=|\\|\\||\\|\\|=|\\~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\\s*';
+
+// CAVEAT: this does not properly handle the case where a regular
+// expression immediately follows another since a regular expression may
+// have flags for case-sensitivity and the like. Having regexp tokens
+// adjacent is not valid in any language I'm aware of, so I'm punting.
+// TODO: maybe style special characters inside a regexp as punctuation.
+
+
+ /**
+ * Given a group of {@link RegExp}s, returns a {@code RegExp} that globally
+ * matches the union of the sets of strings matched by the input RegExp.
+ * Since it matches globally, if the input strings have a start-of-input
+ * anchor (/^.../), it is ignored for the purposes of unioning.
+ * @param {Array.<RegExp>} regexs non multiline, non-global regexs.
+ * @return {RegExp} a global regex.
+ */
+ function combinePrefixPatterns(regexs) {
+ var capturedGroupIndex = 0;
+
+ var needToFoldCase = false;
+ var ignoreCase = false;
+ for (var i = 0, n = regexs.length; i < n; ++i) {
+ var regex = regexs[i];
+ if (regex.ignoreCase) {
+ ignoreCase = true;
+ } else if (/[a-z]/i.test(regex.source.replace(
+ /\\u[0-9a-f]{4}|\\x[0-9a-f]{2}|\\[^ux]/gi, ''))) {
+ needToFoldCase = true;
+ ignoreCase = false;
+ break;
+ }
+ }
+
+ var escapeCharToCodeUnit = {
+ 'b': 8,
+ 't': 9,
+ 'n': 0xa,
+ 'v': 0xb,
+ 'f': 0xc,
+ 'r': 0xd
+ };
+
+ function decodeEscape(charsetPart) {
+ var cc0 = charsetPart.charCodeAt(0);
+ if (cc0 !== 92 /* \\ */) {
+ return cc0;
+ }
+ var c1 = charsetPart.charAt(1);
+ cc0 = escapeCharToCodeUnit[c1];
+ if (cc0) {
+ return cc0;
+ } else if ('0' <= c1 && c1 <= '7') {
+ return parseInt(charsetPart.substring(1), 8);
+ } else if (c1 === 'u' || c1 === 'x') {
+ return parseInt(charsetPart.substring(2), 16);
+ } else {
+ return charsetPart.charCodeAt(1);
+ }
+ }
+
+ function encodeEscape(charCode) {
+ if (charCode < 0x20) {
+ return (charCode < 0x10 ? '\\x0' : '\\x') + charCode.toString(16);
+ }
+ var ch = String.fromCharCode(charCode);
+ if (ch === '\\' || ch === '-' || ch === '[' || ch === ']') {
+ ch = '\\' + ch;
+ }
+ return ch;
+ }
+
+ function caseFoldCharset(charSet) {
+ var charsetParts = charSet.substring(1, charSet.length - 1).match(
+ new RegExp(
+ '\\\\u[0-9A-Fa-f]{4}'
+ + '|\\\\x[0-9A-Fa-f]{2}'
+ + '|\\\\[0-3][0-7]{0,2}'
+ + '|\\\\[0-7]{1,2}'
+ + '|\\\\[\\s\\S]'
+ + '|-'
+ + '|[^-\\\\]',
+ 'g'));
+ var groups = [];
+ var ranges = [];
+ var inverse = charsetParts[0] === '^';
+ for (var i = inverse ? 1 : 0, n = charsetParts.length; i < n; ++i) {
+ var p = charsetParts[i];
+ if (/\\[bdsw]/i.test(p)) { // Don't muck with named groups.
+ groups.push(p);
+ } else {
+ var start = decodeEscape(p);
+ var end;
+ if (i + 2 < n && '-' === charsetParts[i + 1]) {
+ end = decodeEscape(charsetParts[i + 2]);
+ i += 2;
+ } else {
+ end = start;
+ }
+ ranges.push([start, end]);
+ // If the range might intersect letters, then expand it.
+ // This case handling is too simplistic.
+ // It does not deal with non-latin case folding.
+ // It works for latin source code identifiers though.
+ if (!(end < 65 || start > 122)) {
+ if (!(end < 65 || start > 90)) {
+ ranges.push([Math.max(65, start) | 32, Math.min(end, 90) | 32]);
+ }
+ if (!(end < 97 || start > 122)) {
+ ranges.push([Math.max(97, start) & ~32, Math.min(end, 122) & ~32]);
+ }
+ }
+ }
+ }
+
+ // [[1, 10], [3, 4], [8, 12], [14, 14], [16, 16], [17, 17]]
+ // -> [[1, 12], [14, 14], [16, 17]]
+ ranges.sort(function (a, b) { return (a[0] - b[0]) || (b[1] - a[1]); });
+ var consolidatedRanges = [];
+ var lastRange = [NaN, NaN];
+ for (var i = 0; i < ranges.length; ++i) {
+ var range = ranges[i];
+ if (range[0] <= lastRange[1] + 1) {
+ lastRange[1] = Math.max(lastRange[1], range[1]);
+ } else {
+ consolidatedRanges.push(lastRange = range);
+ }
+ }
+
+ var out = ['['];
+ if (inverse) { out.push('^'); }
+ out.push.apply(out, groups);
+ for (var i = 0; i < consolidatedRanges.length; ++i) {
+ var range = consolidatedRanges[i];
+ out.push(encodeEscape(range[0]));
+ if (range[1] > range[0]) {
+ if (range[1] + 1 > range[0]) { out.push('-'); }
+ out.push(encodeEscape(range[1]));
+ }
+ }
+ out.push(']');
+ return out.join('');
+ }
+
+ function allowAnywhereFoldCaseAndRenumberGroups(regex) {
+ // Split into character sets, escape sequences, punctuation strings
+ // like ('(', '(?:', ')', '^'), and runs of characters that do not
+ // include any of the above.
+ var parts = regex.source.match(
+ new RegExp(
+ '(?:'
+ + '\\[(?:[^\\x5C\\x5D]|\\\\[\\s\\S])*\\]' // a character set
+ + '|\\\\u[A-Fa-f0-9]{4}' // a unicode escape
+ + '|\\\\x[A-Fa-f0-9]{2}' // a hex escape
+ + '|\\\\[0-9]+' // a back-reference or octal escape
+ + '|\\\\[^ux0-9]' // other escape sequence
+ + '|\\(\\?[:!=]' // start of a non-capturing group
+ + '|[\\(\\)\\^]' // start/emd of a group, or line start
+ + '|[^\\x5B\\x5C\\(\\)\\^]+' // run of other characters
+ + ')',
+ 'g'));
+ var n = parts.length;
+
+ // Maps captured group numbers to the number they will occupy in
+ // the output or to -1 if that has not been determined, or to
+ // undefined if they need not be capturing in the output.
+ var capturedGroups = [];
+
+ // Walk over and identify back references to build the capturedGroups
+ // mapping.
+ for (var i = 0, groupIndex = 0; i < n; ++i) {
+ var p = parts[i];
+ if (p === '(') {
+ // groups are 1-indexed, so max group index is count of '('
+ ++groupIndex;
+ } else if ('\\' === p.charAt(0)) {
+ var decimalValue = +p.substring(1);
+ if (decimalValue && decimalValue <= groupIndex) {
+ capturedGroups[decimalValue] = -1;
+ }
+ }
+ }
+
+ // Renumber groups and reduce capturing groups to non-capturing groups
+ // where possible.
+ for (var i = 1; i < capturedGroups.length; ++i) {
+ if (-1 === capturedGroups[i]) {
+ capturedGroups[i] = ++capturedGroupIndex;
+ }
+ }
+ for (var i = 0, groupIndex = 0; i < n; ++i) {
+ var p = parts[i];
+ if (p === '(') {
+ ++groupIndex;
+ if (capturedGroups[groupIndex] === undefined) {
+ parts[i] = '(?:';
+ }
+ } else if ('\\' === p.charAt(0)) {
+ var decimalValue = +p.substring(1);
+ if (decimalValue && decimalValue <= groupIndex) {
+ parts[i] = '\\' + capturedGroups[groupIndex];
+ }
+ }
+ }
+
+ // Remove any prefix anchors so that the output will match anywhere.
+ // ^^ really does mean an anchored match though.
+ for (var i = 0, groupIndex = 0; i < n; ++i) {
+ if ('^' === parts[i] && '^' !== parts[i + 1]) { parts[i] = ''; }
+ }
+
+ // Expand letters to groups to handle mixing of case-sensitive and
+ // case-insensitive patterns if necessary.
+ if (regex.ignoreCase && needToFoldCase) {
+ for (var i = 0; i < n; ++i) {
+ var p = parts[i];
+ var ch0 = p.charAt(0);
+ if (p.length >= 2 && ch0 === '[') {
+ parts[i] = caseFoldCharset(p);
+ } else if (ch0 !== '\\') {
+ // TODO: handle letters in numeric escapes.
+ parts[i] = p.replace(
+ /[a-zA-Z]/g,
+ function (ch) {
+ var cc = ch.charCodeAt(0);
+ return '[' + String.fromCharCode(cc & ~32, cc | 32) + ']';
+ });
+ }
+ }
+ }
+
+ return parts.join('');
+ }
+
+ var rewritten = [];
+ for (var i = 0, n = regexs.length; i < n; ++i) {
+ var regex = regexs[i];
+ if (regex.global || regex.multiline) { throw new Error('' + regex); }
+ rewritten.push(
+ '(?:' + allowAnywhereFoldCaseAndRenumberGroups(regex) + ')');
+ }
+
+ return new RegExp(rewritten.join('|'), ignoreCase ? 'gi' : 'g');
+ }
+
+
+ /**
+ * Split markup into a string of source code and an array mapping ranges in
+ * that string to the text nodes in which they appear.
+ *
+ * <p>
+ * The HTML DOM structure:</p>
+ * <pre>
+ * (Element "p"
+ * (Element "b"
+ * (Text "print ")) ; #1
+ * (Text "'Hello '") ; #2
+ * (Element "br") ; #3
+ * (Text " + 'World';")) ; #4
+ * </pre>
+ * <p>
+ * corresponds to the HTML
+ * {@code <p><b>print </b>'Hello '<br> + 'World';</p>}.</p>
+ *
+ * <p>
+ * It will produce the output:</p>
+ * <pre>
+ * {
+ * sourceCode: "print 'Hello '\n + 'World';",
+ * // 1 2
+ * // 012345678901234 5678901234567
+ * spans: [0, #1, 6, #2, 14, #3, 15, #4]
+ * }
+ * </pre>
+ * <p>
+ * where #1 is a reference to the {@code "print "} text node above, and so
+ * on for the other text nodes.
+ * </p>
+ *
+ * <p>
+ * The {@code} spans array is an array of pairs. Even elements are the start
+ * indices of substrings, and odd elements are the text nodes (or BR elements)
+ * that contain the text for those substrings.
+ * Substrings continue until the next index or the end of the source.
+ * </p>
+ *
+ * @param {Node} node an HTML DOM subtree containing source-code.
+ * @return {Object} source code and the text nodes in which they occur.
+ */
+ function extractSourceSpans(node) {
+ var nocode = /(?:^|\s)nocode(?:\s|$)/;
+
+ var chunks = [];
+ var length = 0;
+ var spans = [];
+ var k = 0;
+
+ var whitespace;
+ if (node.currentStyle) {
+ whitespace = node.currentStyle.whiteSpace;
+ } else if (window.getComputedStyle) {
+ whitespace = document.defaultView.getComputedStyle(node, null)
+ .getPropertyValue('white-space');
+ }
+ var isPreformatted = whitespace && 'pre' === whitespace.substring(0, 3);
+
+ function walk(node) {
+ switch (node.nodeType) {
+ case 1: // Element
+ if (nocode.test(node.className)) { return; }
+ for (var child = node.firstChild; child; child = child.nextSibling) {
+ walk(child);
+ }
+ var nodeName = node.nodeName;
+ if ('BR' === nodeName || 'LI' === nodeName) {
+ chunks[k] = '\n';
+ spans[k << 1] = length++;
+ spans[(k++ << 1) | 1] = node;
+ }
+ break;
+ case 3: case 4: // Text
+ var text = node.nodeValue;
+ if (text.length) {
+ if (!isPreformatted) {
+ text = text.replace(/[ \t\r\n]+/g, ' ');
+ } else {
+ text = text.replace(/\r\n?/g, '\n'); // Normalize newlines.
+ }
+ // TODO: handle tabs here?
+ chunks[k] = text;
+ spans[k << 1] = length;
+ length += text.length;
+ spans[(k++ << 1) | 1] = node;
+ }
+ break;
+ }
+ }
+
+ walk(node);
+
+ return {
+ sourceCode: chunks.join('').replace(/\n$/, ''),
+ spans: spans
+ };
+ }
+
+
+ /**
+ * Apply the given language handler to sourceCode and add the resulting
+ * decorations to out.
+ * @param {number} basePos the index of sourceCode within the chunk of source
+ * whose decorations are already present on out.
+ */
+ function appendDecorations(basePos, sourceCode, langHandler, out) {
+ if (!sourceCode) { return; }
+ var job = {
+ sourceCode: sourceCode,
+ basePos: basePos
+ };
+ langHandler(job);
+ out.push.apply(out, job.decorations);
+ }
+
+ var notWs = /\S/;
+
+ /**
+ * Given an element, if it contains only one child element and any text nodes
+ * it contains contain only space characters, return the sole child element.
+ * Otherwise returns undefined.
+ * <p>
+ * This is meant to return the CODE element in {@code <pre><code ...>} when
+ * there is a single child element that contains all the non-space textual
+ * content, but not to return anything where there are multiple child elements
+ * as in {@code <pre><code>...</code><code>...</code></pre>} or when there
+ * is textual content.
+ */
+ function childContentWrapper(element) {
+ var wrapper = undefined;
+ for (var c = element.firstChild; c; c = c.nextSibling) {
+ var type = c.nodeType;
+ wrapper = (type === 1) // Element Node
+ ? (wrapper ? element : c)
+ : (type === 3) // Text Node
+ ? (notWs.test(c.nodeValue) ? element : wrapper)
+ : wrapper;
+ }
+ return wrapper === element ? undefined : wrapper;
+ }
+
+ /** Given triples of [style, pattern, context] returns a lexing function,
+ * The lexing function interprets the patterns to find token boundaries and
+ * returns a decoration list of the form
+ * [index_0, style_0, index_1, style_1, ..., index_n, style_n]
+ * where index_n is an index into the sourceCode, and style_n is a style
+ * constant like PR_PLAIN. index_n-1 <= index_n, and style_n-1 applies to
+ * all characters in sourceCode[index_n-1:index_n].
+ *
+ * The stylePatterns is a list whose elements have the form
+ * [style : string, pattern : RegExp, DEPRECATED, shortcut : string].
+ *
+ * Style is a style constant like PR_PLAIN, or can be a string of the
+ * form 'lang-FOO', where FOO is a language extension describing the
+ * language of the portion of the token in $1 after pattern executes.
+ * E.g., if style is 'lang-lisp', and group 1 contains the text
+ * '(hello (world))', then that portion of the token will be passed to the
+ * registered lisp handler for formatting.
+ * The text before and after group 1 will be restyled using this decorator
+ * so decorators should take care that this doesn't result in infinite
+ * recursion. For example, the HTML lexer rule for SCRIPT elements looks
+ * something like ['lang-js', /<[s]cript>(.+?)<\/script>/]. This may match
+ * '<script>foo()<\/script>', which would cause the current decorator to
+ * be called with '<script>' which would not match the same rule since
+ * group 1 must not be empty, so it would be instead styled as PR_TAG by
+ * the generic tag rule. The handler registered for the 'js' extension would
+ * then be called with 'foo()', and finally, the current decorator would
+ * be called with '<\/script>' which would not match the original rule and
+ * so the generic tag rule would identify it as a tag.
+ *
+ * Pattern must only match prefixes, and if it matches a prefix, then that
+ * match is considered a token with the same style.
+ *
+ * Context is applied to the last non-whitespace, non-comment token
+ * recognized.
+ *
+ * Shortcut is an optional string of characters, any of which, if the first
+ * character, gurantee that this pattern and only this pattern matches.
+ *
+ * @param {Array} shortcutStylePatterns patterns that always start with
+ * a known character. Must have a shortcut string.
+ * @param {Array} fallthroughStylePatterns patterns that will be tried in
+ * order if the shortcut ones fail. May have shortcuts.
+ *
+ * @return {function (Object)} a
+ * function that takes source code and returns a list of decorations.
+ */
+ function createSimpleLexer(shortcutStylePatterns, fallthroughStylePatterns) {
+ var shortcuts = {};
+ var tokenizer;
+ (function () {
+ var allPatterns = shortcutStylePatterns.concat(fallthroughStylePatterns);
+ var allRegexs = [];
+ var regexKeys = {};
+ for (var i = 0, n = allPatterns.length; i < n; ++i) {
+ var patternParts = allPatterns[i];
+ var shortcutChars = patternParts[3];
+ if (shortcutChars) {
+ for (var c = shortcutChars.length; --c >= 0;) {
+ shortcuts[shortcutChars.charAt(c)] = patternParts;
+ }
+ }
+ var regex = patternParts[1];
+ var k = '' + regex;
+ if (!regexKeys.hasOwnProperty(k)) {
+ allRegexs.push(regex);
+ regexKeys[k] = null;
+ }
+ }
+ allRegexs.push(/[\0-\uffff]/);
+ tokenizer = combinePrefixPatterns(allRegexs);
+ })();
+
+ var nPatterns = fallthroughStylePatterns.length;
+
+ /**
+ * Lexes job.sourceCode and produces an output array job.decorations of
+ * style classes preceded by the position at which they start in
+ * job.sourceCode in order.
+ *
+ * @param {Object} job an object like <pre>{
+ * sourceCode: {string} sourceText plain text,
+ * basePos: {int} position of job.sourceCode in the larger chunk of
+ * sourceCode.
+ * }</pre>
+ */
+ var decorate = function (job) {
+ var sourceCode = job.sourceCode, basePos = job.basePos;
+ /** Even entries are positions in source in ascending order. Odd enties
+ * are style markers (e.g., PR_COMMENT) that run from that position until
+ * the end.
+ * @type {Array.<number|string>}
+ */
+ var decorations = [basePos, PR_PLAIN];
+ var pos = 0; // index into sourceCode
+ var tokens = sourceCode.match(tokenizer) || [];
+ var styleCache = {};
+
+ for (var ti = 0, nTokens = tokens.length; ti < nTokens; ++ti) {
+ var token = tokens[ti];
+ var style = styleCache[token];
+ var match = void 0;
+
+ var isEmbedded;
+ if (typeof style === 'string') {
+ isEmbedded = false;
+ } else {
+ var patternParts = shortcuts[token.charAt(0)];
+ if (patternParts) {
+ match = token.match(patternParts[1]);
+ style = patternParts[0];
+ } else {
+ for (var i = 0; i < nPatterns; ++i) {
+ patternParts = fallthroughStylePatterns[i];
+ match = token.match(patternParts[1]);
+ if (match) {
+ style = patternParts[0];
+ break;
+ }
+ }
+
+ if (!match) { // make sure that we make progress
+ style = PR_PLAIN;
+ }
+ }
+
+ isEmbedded = style.length >= 5 && 'lang-' === style.substring(0, 5);
+ if (isEmbedded && !(match && typeof match[1] === 'string')) {
+ isEmbedded = false;
+ style = PR_SOURCE;
+ }
+
+ if (!isEmbedded) { styleCache[token] = style; }
+ }
+
+ var tokenStart = pos;
+ pos += token.length;
+
+ if (!isEmbedded) {
+ decorations.push(basePos + tokenStart, style);
+ } else { // Treat group 1 as an embedded block of source code.
+ var embeddedSource = match[1];
+ var embeddedSourceStart = token.indexOf(embeddedSource);
+ var embeddedSourceEnd = embeddedSourceStart + embeddedSource.length;
+ if (match[2]) {
+ // If embeddedSource can be blank, then it would match at the
+ // beginning which would cause us to infinitely recurse on the
+ // entire token, so we catch the right context in match[2].
+ embeddedSourceEnd = token.length - match[2].length;
+ embeddedSourceStart = embeddedSourceEnd - embeddedSource.length;
+ }
+ var lang = style.substring(5);
+ // Decorate the left of the embedded source
+ appendDecorations(
+ basePos + tokenStart,
+ token.substring(0, embeddedSourceStart),
+ decorate, decorations);
+ // Decorate the embedded source
+ appendDecorations(
+ basePos + tokenStart + embeddedSourceStart,
+ embeddedSource,
+ langHandlerForExtension(lang, embeddedSource),
+ decorations);
+ // Decorate the right of the embedded section
+ appendDecorations(
+ basePos + tokenStart + embeddedSourceEnd,
+ token.substring(embeddedSourceEnd),
+ decorate, decorations);
+ }
+ }
+ job.decorations = decorations;
+ };
+ return decorate;
+ }
+
+ /** returns a function that produces a list of decorations from source text.
+ *
+ * This code treats ", ', and ` as string delimiters, and \ as a string
+ * escape. It does not recognize perl's qq() style strings.
+ * It has no special handling for double delimiter escapes as in basic, or
+ * the tripled delimiters used in python, but should work on those regardless
+ * although in those cases a single string literal may be broken up into
+ * multiple adjacent string literals.
+ *
+ * It recognizes C, C++, and shell style comments.
+ *
+ * @param {Object} options a set of optional parameters.
+ * @return {function (Object)} a function that examines the source code
+ * in the input job and builds the decoration list.
+ */
+ function sourceDecorator(options) {
+ var shortcutStylePatterns = [], fallthroughStylePatterns = [];
+ if (options['tripleQuotedStrings']) {
+ // '''multi-line-string''', 'single-line-string', and double-quoted
+ shortcutStylePatterns.push(
+ [PR_STRING, /^(?:\'\'\'(?:[^\'\\]|\\[\s\S]|\'{1,2}(?=[^\']))*(?:\'\'\'|$)|\"\"\"(?:[^\"\\]|\\[\s\S]|\"{1,2}(?=[^\"]))*(?:\"\"\"|$)|\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$))/,
+ null, '\'"']);
+ } else if (options['multiLineStrings']) {
+ // 'multi-line-string', "multi-line-string"
+ shortcutStylePatterns.push(
+ [PR_STRING, /^(?:\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$)|\`(?:[^\\\`]|\\[\s\S])*(?:\`|$))/,
+ null, '\'"`']);
+ } else {
+ // 'single-line-string', "single-line-string"
+ shortcutStylePatterns.push(
+ [PR_STRING,
+ /^(?:\'(?:[^\\\'\r\n]|\\.)*(?:\'|$)|\"(?:[^\\\"\r\n]|\\.)*(?:\"|$))/,
+ null, '"\'']);
+ }
+ if (options['verbatimStrings']) {
+ // verbatim-string-literal production from the C# grammar. See issue 93.
+ fallthroughStylePatterns.push(
+ [PR_STRING, /^@\"(?:[^\"]|\"\")*(?:\"|$)/, null]);
+ }
+ var hc = options['hashComments'];
+ if (hc) {
+ if (options['cStyleComments']) {
+ if (hc > 1) { // multiline hash comments
+ shortcutStylePatterns.push(
+ [PR_COMMENT, /^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/, null, '#']);
+ } else {
+ // Stop C preprocessor declarations at an unclosed open comment
+ shortcutStylePatterns.push(
+ [PR_COMMENT, /^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\b|[^\r\n]*)/,
+ null, '#']);
+ }
+ fallthroughStylePatterns.push(
+ [PR_STRING,
+ /^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,
+ null]);
+ } else {
+ shortcutStylePatterns.push([PR_COMMENT, /^#[^\r\n]*/, null, '#']);
+ }
+ }
+ if (options['cStyleComments']) {
+ fallthroughStylePatterns.push([PR_COMMENT, /^\/\/[^\r\n]*/, null]);
+ fallthroughStylePatterns.push(
+ [PR_COMMENT, /^\/\*[\s\S]*?(?:\*\/|$)/, null]);
+ }
+ if (options['regexLiterals']) {
+ /**
+ * @const
+ */
+ var REGEX_LITERAL = (
+ // A regular expression literal starts with a slash that is
+ // not followed by * or / so that it is not confused with
+ // comments.
+ '/(?=[^/*])'
+ // and then contains any number of raw characters,
+ + '(?:[^/\\x5B\\x5C]'
+ // escape sequences (\x5C),
+ + '|\\x5C[\\s\\S]'
+ // or non-nesting character sets (\x5B\x5D);
+ + '|\\x5B(?:[^\\x5C\\x5D]|\\x5C[\\s\\S])*(?:\\x5D|$))+'
+ // finally closed by a /.
+ + '/');
+ fallthroughStylePatterns.push(
+ ['lang-regex',
+ new RegExp('^' + REGEXP_PRECEDER_PATTERN + '(' + REGEX_LITERAL + ')')
+ ]);
+ }
+
+ var types = options['types'];
+ if (types) {
+ fallthroughStylePatterns.push([PR_TYPE, types]);
+ }
+
+ var keywords = ("" + options['keywords']).replace(/^ | $/g, '');
+ if (keywords.length) {
+ fallthroughStylePatterns.push(
+ [PR_KEYWORD,
+ new RegExp('^(?:' + keywords.replace(/[\s,]+/g, '|') + ')\\b'),
+ null]);
+ }
+
+ shortcutStylePatterns.push([PR_PLAIN, /^\s+/, null, ' \r\n\t\xA0']);
+ fallthroughStylePatterns.push(
+ // TODO(mikesamuel): recognize non-latin letters and numerals in idents
+ [PR_LITERAL, /^@[a-z_$][a-z_$@0-9]*/i, null],
+ [PR_TYPE, /^(?:[@_]?[A-Z]+[a-z][A-Za-z_$@0-9]*|\w+_t\b)/, null],
+ [PR_PLAIN, /^[a-z_$][a-z_$@0-9]*/i, null],
+ [PR_LITERAL,
+ new RegExp(
+ '^(?:'
+ // A hex number
+ + '0x[a-f0-9]+'
+ // or an octal or decimal number,
+ + '|(?:\\d(?:_\\d+)*\\d*(?:\\.\\d*)?|\\.\\d\\+)'
+ // possibly in scientific notation
+ + '(?:e[+\\-]?\\d+)?'
+ + ')'
+ // with an optional modifier like UL for unsigned long
+ + '[a-z]*', 'i'),
+ null, '0123456789'],
+ // Don't treat escaped quotes in bash as starting strings. See issue 144.
+ [PR_PLAIN, /^\\[\s\S]?/, null],
+ [PR_PUNCTUATION, /^.[^\s\w\.$@\'\"\`\/\#\\]*/, null]);
+
+ return createSimpleLexer(shortcutStylePatterns, fallthroughStylePatterns);
+ }
+
+ var decorateSource = sourceDecorator({
+ 'keywords': ALL_KEYWORDS,
+ 'hashComments': true,
+ 'cStyleComments': true,
+ 'multiLineStrings': true,
+ 'regexLiterals': true
+ });
+
+ /**
+ * Given a DOM subtree, wraps it in a list, and puts each line into its own
+ * list item.
+ *
+ * @param {Node} node modified in place. Its content is pulled into an
+ * HTMLOListElement, and each line is moved into a separate list item.
+ * This requires cloning elements, so the input might not have unique
+ * IDs after numbering.
+ */
+ function numberLines(node, opt_startLineNum) {
+ var nocode = /(?:^|\s)nocode(?:\s|$)/;
+ var lineBreak = /\r\n?|\n/;
+
+ var document = node.ownerDocument;
+
+ var whitespace;
+ if (node.currentStyle) {
+ whitespace = node.currentStyle.whiteSpace;
+ } else if (window.getComputedStyle) {
+ whitespace = document.defaultView.getComputedStyle(node, null)
+ .getPropertyValue('white-space');
+ }
+ // If it's preformatted, then we need to split lines on line breaks
+ // in addition to <BR>s.
+ var isPreformatted = whitespace && 'pre' === whitespace.substring(0, 3);
+
+ var li = document.createElement('LI');
+ while (node.firstChild) {
+ li.appendChild(node.firstChild);
+ }
+ // An array of lines. We split below, so this is initialized to one
+ // un-split line.
+ var listItems = [li];
+
+ function walk(node) {
+ switch (node.nodeType) {
+ case 1: // Element
+ if (nocode.test(node.className)) { break; }
+ if ('BR' === node.nodeName) {
+ breakAfter(node);
+ // Discard the <BR> since it is now flush against a </LI>.
+ if (node.parentNode) {
+ node.parentNode.removeChild(node);
+ }
+ } else {
+ for (var child = node.firstChild; child; child = child.nextSibling) {
+ walk(child);
+ }
+ }
+ break;
+ case 3: case 4: // Text
+ if (isPreformatted) {
+ var text = node.nodeValue;
+ var match = text.match(lineBreak);
+ if (match) {
+ var firstLine = text.substring(0, match.index);
+ node.nodeValue = firstLine;
+ var tail = text.substring(match.index + match[0].length);
+ if (tail) {
+ var parent = node.parentNode;
+ parent.insertBefore(
+ document.createTextNode(tail), node.nextSibling);
+ }
+ breakAfter(node);
+ if (!firstLine) {
+ // Don't leave blank text nodes in the DOM.
+ node.parentNode.removeChild(node);
+ }
+ }
+ }
+ break;
+ }
+ }
+
+ // Split a line after the given node.
+ function breakAfter(lineEndNode) {
+ // If there's nothing to the right, then we can skip ending the line
+ // here, and move root-wards since splitting just before an end-tag
+ // would require us to create a bunch of empty copies.
+ while (!lineEndNode.nextSibling) {
+ lineEndNode = lineEndNode.parentNode;
+ if (!lineEndNode) { return; }
+ }
+
+ function breakLeftOf(limit, copy) {
+ // Clone shallowly if this node needs to be on both sides of the break.
+ var rightSide = copy ? limit.cloneNode(false) : limit;
+ var parent = limit.parentNode;
+ if (parent) {
+ // We clone the parent chain.
+ // This helps us resurrect important styling elements that cross lines.
+ // E.g. in <i>Foo<br>Bar</i>
+ // should be rewritten to <li><i>Foo</i></li><li><i>Bar</i></li>.
+ var parentClone = breakLeftOf(parent, 1);
+ // Move the clone and everything to the right of the original
+ // onto the cloned parent.
+ var next = limit.nextSibling;
+ parentClone.appendChild(rightSide);
+ for (var sibling = next; sibling; sibling = next) {
+ next = sibling.nextSibling;
+ parentClone.appendChild(sibling);
+ }
+ }
+ return rightSide;
+ }
+
+ var copiedListItem = breakLeftOf(lineEndNode.nextSibling, 0);
+
+ // Walk the parent chain until we reach an unattached LI.
+ for (var parent;
+ // Check nodeType since IE invents document fragments.
+ (parent = copiedListItem.parentNode) && parent.nodeType === 1;) {
+ copiedListItem = parent;
+ }
+ // Put it on the list of lines for later processing.
+ listItems.push(copiedListItem);
+ }
+
+ // Split lines while there are lines left to split.
+ for (var i = 0; // Number of lines that have been split so far.
+ i < listItems.length; // length updated by breakAfter calls.
+ ++i) {
+ walk(listItems[i]);
+ }
+
+ // Make sure numeric indices show correctly.
+ if (opt_startLineNum === (opt_startLineNum|0)) {
+ listItems[0].setAttribute('value', opt_startLineNum);
+ }
+
+ var ol = document.createElement('OL');
+ ol.className = 'linenums';
+ var offset = Math.max(0, ((opt_startLineNum - 1 /* zero index */)) | 0) || 0;
+ for (var i = 0, n = listItems.length; i < n; ++i) {
+ li = listItems[i];
+ // Stick a class on the LIs so that stylesheets can
+ // color odd/even rows, or any other row pattern that
+ // is co-prime with 10.
+ li.className = 'L' + ((i + offset) % 10);
+ if (!li.firstChild) {
+ li.appendChild(document.createTextNode('\xA0'));
+ }
+ ol.appendChild(li);
+ }
+
+ node.appendChild(ol);
+ }
+
+ /**
+ * Breaks {@code job.sourceCode} around style boundaries in
+ * {@code job.decorations} and modifies {@code job.sourceNode} in place.
+ * @param {Object} job like <pre>{
+ * sourceCode: {string} source as plain text,
+ * spans: {Array.<number|Node>} alternating span start indices into source
+ * and the text node or element (e.g. {@code <BR>}) corresponding to that
+ * span.
+ * decorations: {Array.<number|string} an array of style classes preceded
+ * by the position at which they start in job.sourceCode in order
+ * }</pre>
+ * @private
+ */
+ function recombineTagsAndDecorations(job) {
+ var isIE = /\bMSIE\b/.test(navigator.userAgent);
+ var newlineRe = /\n/g;
+
+ var source = job.sourceCode;
+ var sourceLength = source.length;
+ // Index into source after the last code-unit recombined.
+ var sourceIndex = 0;
+
+ var spans = job.spans;
+ var nSpans = spans.length;
+ // Index into spans after the last span which ends at or before sourceIndex.
+ var spanIndex = 0;
+
+ var decorations = job.decorations;
+ var nDecorations = decorations.length;
+ // Index into decorations after the last decoration which ends at or before
+ // sourceIndex.
+ var decorationIndex = 0;
+
+ // Remove all zero-length decorations.
+ decorations[nDecorations] = sourceLength;
+ var decPos, i;
+ for (i = decPos = 0; i < nDecorations;) {
+ if (decorations[i] !== decorations[i + 2]) {
+ decorations[decPos++] = decorations[i++];
+ decorations[decPos++] = decorations[i++];
+ } else {
+ i += 2;
+ }
+ }
+ nDecorations = decPos;
+
+ // Simplify decorations.
+ for (i = decPos = 0; i < nDecorations;) {
+ var startPos = decorations[i];
+ // Conflate all adjacent decorations that use the same style.
+ var startDec = decorations[i + 1];
+ var end = i + 2;
+ while (end + 2 <= nDecorations && decorations[end + 1] === startDec) {
+ end += 2;
+ }
+ decorations[decPos++] = startPos;
+ decorations[decPos++] = startDec;
+ i = end;
+ }
+
+ nDecorations = decorations.length = decPos;
+
+ var decoration = null;
+ while (spanIndex < nSpans) {
+ var spanStart = spans[spanIndex];
+ var spanEnd = spans[spanIndex + 2] || sourceLength;
+
+ var decStart = decorations[decorationIndex];
+ var decEnd = decorations[decorationIndex + 2] || sourceLength;
+
+ var end = Math.min(spanEnd, decEnd);
+
+ var textNode = spans[spanIndex + 1];
+ var styledText;
+ if (textNode.nodeType !== 1 // Don't muck with <BR>s or <LI>s
+ // Don't introduce spans around empty text nodes.
+ && (styledText = source.substring(sourceIndex, end))) {
+ // This may seem bizarre, and it is. Emitting LF on IE causes the
+ // code to display with spaces instead of line breaks.
+ // Emitting Windows standard issue linebreaks (CRLF) causes a blank
+ // space to appear at the beginning of every line but the first.
+ // Emitting an old Mac OS 9 line separator makes everything spiffy.
+ if (isIE) { styledText = styledText.replace(newlineRe, '\r'); }
+ textNode.nodeValue = styledText;
+ var document = textNode.ownerDocument;
+ var span = document.createElement('SPAN');
+ span.className = decorations[decorationIndex + 1];
+ var parentNode = textNode.parentNode;
+ parentNode.replaceChild(span, textNode);
+ span.appendChild(textNode);
+ if (sourceIndex < spanEnd) { // Split off a text node.
+ spans[spanIndex + 1] = textNode
+ // TODO: Possibly optimize by using '' if there's no flicker.
+ = document.createTextNode(source.substring(end, spanEnd));
+ parentNode.insertBefore(textNode, span.nextSibling);
+ }
+ }
+
+ sourceIndex = end;
+
+ if (sourceIndex >= spanEnd) {
+ spanIndex += 2;
+ }
+ if (sourceIndex >= decEnd) {
+ decorationIndex += 2;
+ }
+ }
+ }
+
+
+ /** Maps language-specific file extensions to handlers. */
+ var langHandlerRegistry = {};
+ /** Register a language handler for the given file extensions.
+ * @param {function (Object)} handler a function from source code to a list
+ * of decorations. Takes a single argument job which describes the
+ * state of the computation. The single parameter has the form
+ * {@code {
+ * sourceCode: {string} as plain text.
+ * decorations: {Array.<number|string>} an array of style classes
+ * preceded by the position at which they start in
+ * job.sourceCode in order.
+ * The language handler should assigned this field.
+ * basePos: {int} the position of source in the larger source chunk.
+ * All positions in the output decorations array are relative
+ * to the larger source chunk.
+ * } }
+ * @param {Array.<string>} fileExtensions
+ */
+ function registerLangHandler(handler, fileExtensions) {
+ for (var i = fileExtensions.length; --i >= 0;) {
+ var ext = fileExtensions[i];
+ if (!langHandlerRegistry.hasOwnProperty(ext)) {
+ langHandlerRegistry[ext] = handler;
+ } else if (window['console']) {
+ console['warn']('cannot override language handler %s', ext);
+ }
+ }
+ }
+ function langHandlerForExtension(extension, source) {
+ if (!(extension && langHandlerRegistry.hasOwnProperty(extension))) {
+ // Treat it as markup if the first non whitespace character is a < and
+ // the last non-whitespace character is a >.
+ extension = /^\s*</.test(source)
+ ? 'default-markup'
+ : 'default-code';
+ }
+ return langHandlerRegistry[extension];
+ }
+ registerLangHandler(decorateSource, ['default-code']);
+ registerLangHandler(
+ createSimpleLexer(
+ [],
+ [
+ [PR_PLAIN, /^[^<?]+/],
+ [PR_DECLARATION, /^<!\w[^>]*(?:>|$)/],
+ [PR_COMMENT, /^<\!--[\s\S]*?(?:-\->|$)/],
+ // Unescaped content in an unknown language
+ ['lang-', /^<\?([\s\S]+?)(?:\?>|$)/],
+ ['lang-', /^<%([\s\S]+?)(?:%>|$)/],
+ [PR_PUNCTUATION, /^(?:<[%?]|[%?]>)/],
+ ['lang-', /^<xmp\b[^>]*>([\s\S]+?)<\/xmp\b[^>]*>/i],
+ // Unescaped content in javascript. (Or possibly vbscript).
+ ['lang-js', /^<script\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],
+ // Contains unescaped stylesheet content
+ ['lang-css', /^<style\b[^>]*>([\s\S]*?)(<\/style\b[^>]*>)/i],
+ ['lang-in.tag', /^(<\/?[a-z][^<>]*>)/i]
+ ]),
+ ['default-markup', 'htm', 'html', 'mxml', 'xhtml', 'xml', 'xsl']);
+ registerLangHandler(
+ createSimpleLexer(
+ [
+ [PR_PLAIN, /^[\s]+/, null, ' \t\r\n'],
+ [PR_ATTRIB_VALUE, /^(?:\"[^\"]*\"?|\'[^\']*\'?)/, null, '\"\'']
+ ],
+ [
+ [PR_TAG, /^^<\/?[a-z](?:[\w.:-]*\w)?|\/?>$/i],
+ [PR_ATTRIB_NAME, /^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],
+ ['lang-uq.val', /^=\s*([^>\'\"\s]*(?:[^>\'\"\s\/]|\/(?=\s)))/],
+ [PR_PUNCTUATION, /^[=<>\/]+/],
+ ['lang-js', /^on\w+\s*=\s*\"([^\"]+)\"/i],
+ ['lang-js', /^on\w+\s*=\s*\'([^\']+)\'/i],
+ ['lang-js', /^on\w+\s*=\s*([^\"\'>\s]+)/i],
+ ['lang-css', /^style\s*=\s*\"([^\"]+)\"/i],
+ ['lang-css', /^style\s*=\s*\'([^\']+)\'/i],
+ ['lang-css', /^style\s*=\s*([^\"\'>\s]+)/i]
+ ]),
+ ['in.tag']);
+ registerLangHandler(
+ createSimpleLexer([], [[PR_ATTRIB_VALUE, /^[\s\S]+/]]), ['uq.val']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': CPP_KEYWORDS,
+ 'hashComments': true,
+ 'cStyleComments': true,
+ 'types': C_TYPES
+ }), ['c', 'cc', 'cpp', 'cxx', 'cyc', 'm']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': 'null,true,false'
+ }), ['json']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': CSHARP_KEYWORDS,
+ 'hashComments': true,
+ 'cStyleComments': true,
+ 'verbatimStrings': true,
+ 'types': C_TYPES
+ }), ['cs']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': JAVA_KEYWORDS,
+ 'cStyleComments': true
+ }), ['java']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': SH_KEYWORDS,
+ 'hashComments': true,
+ 'multiLineStrings': true
+ }), ['bsh', 'csh', 'sh']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': PYTHON_KEYWORDS,
+ 'hashComments': true,
+ 'multiLineStrings': true,
+ 'tripleQuotedStrings': true
+ }), ['cv', 'py']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': PERL_KEYWORDS,
+ 'hashComments': true,
+ 'multiLineStrings': true,
+ 'regexLiterals': true
+ }), ['perl', 'pl', 'pm']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': RUBY_KEYWORDS,
+ 'hashComments': true,
+ 'multiLineStrings': true,
+ 'regexLiterals': true
+ }), ['rb']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': JSCRIPT_KEYWORDS,
+ 'cStyleComments': true,
+ 'regexLiterals': true
+ }), ['js']);
+ registerLangHandler(sourceDecorator({
+ 'keywords': COFFEE_KEYWORDS,
+ 'hashComments': 3, // ### style block comments
+ 'cStyleComments': true,
+ 'multilineStrings': true,
+ 'tripleQuotedStrings': true,
+ 'regexLiterals': true
+ }), ['coffee']);
+ registerLangHandler(createSimpleLexer([], [[PR_STRING, /^[\s\S]+/]]), ['regex']);
+
+ function applyDecorator(job) {
+ var opt_langExtension = job.langExtension;
+
+ try {
+ // Extract tags, and convert the source code to plain text.
+ var sourceAndSpans = extractSourceSpans(job.sourceNode);
+ /** Plain text. @type {string} */
+ var source = sourceAndSpans.sourceCode;
+ job.sourceCode = source;
+ job.spans = sourceAndSpans.spans;
+ job.basePos = 0;
+
+ // Apply the appropriate language handler
+ langHandlerForExtension(opt_langExtension, source)(job);
+
+ // Integrate the decorations and tags back into the source code,
+ // modifying the sourceNode in place.
+ recombineTagsAndDecorations(job);
+ } catch (e) {
+ if ('console' in window) {
+ console['log'](e && e['stack'] ? e['stack'] : e);
+ }
+ }
+ }
+
+ /**
+ * @param sourceCodeHtml {string} The HTML to pretty print.
+ * @param opt_langExtension {string} The language name to use.
+ * Typically, a filename extension like 'cpp' or 'java'.
+ * @param opt_numberLines {number|boolean} True to number lines,
+ * or the 1-indexed number of the first line in sourceCodeHtml.
+ */
+ function prettyPrintOne(sourceCodeHtml, opt_langExtension, opt_numberLines) {
+ var container = document.createElement('PRE');
+ // This could cause images to load and onload listeners to fire.
+ // E.g. <img onerror="alert(1337)" src="nosuchimage.png">.
+ // We assume that the inner HTML is from a trusted source.
+ container.innerHTML = sourceCodeHtml;
+ if (opt_numberLines) {
+ numberLines(container, opt_numberLines);
+ }
+
+ var job = {
+ langExtension: opt_langExtension,
+ numberLines: opt_numberLines,
+ sourceNode: container
+ };
+ applyDecorator(job);
+ return container.innerHTML;
+ }
+
+ function prettyPrint(opt_whenDone) {
+ function byTagName(tn) { return document.getElementsByTagName(tn); }
+ // fetch a list of nodes to rewrite
+ var codeSegments = [byTagName('pre'), byTagName('code'), byTagName('xmp')];
+ var elements = [];
+ for (var i = 0; i < codeSegments.length; ++i) {
+ for (var j = 0, n = codeSegments[i].length; j < n; ++j) {
+ elements.push(codeSegments[i][j]);
+ }
+ }
+ codeSegments = null;
+
+ var clock = Date;
+ if (!clock['now']) {
+ clock = { 'now': function () { return +(new Date); } };
+ }
+
+ // The loop is broken into a series of continuations to make sure that we
+ // don't make the browser unresponsive when rewriting a large page.
+ var k = 0;
+ var prettyPrintingJob;
+
+ var langExtensionRe = /\blang(?:uage)?-([\w.]+)(?!\S)/;
+ var prettyPrintRe = /\bprettyprint\b/;
+
+ function doWork() {
+ var endTime = (window['PR_SHOULD_USE_CONTINUATION'] ?
+ clock['now']() + 250 /* ms */ :
+ Infinity);
+ for (; k < elements.length && clock['now']() < endTime; k++) {
+ var cs = elements[k];
+ var className = cs.className;
+ if (className.indexOf('prettyprint') >= 0) {
+ // If the classes includes a language extensions, use it.
+ // Language extensions can be specified like
+ // <pre class="prettyprint lang-cpp">
+ // the language extension "cpp" is used to find a language handler as
+ // passed to PR.registerLangHandler.
+ // HTML5 recommends that a language be specified using "language-"
+ // as the prefix instead. Google Code Prettify supports both.
+ // http://dev.w3.org/html5/spec-author-view/the-code-element.html
+ var langExtension = className.match(langExtensionRe);
+ // Support <pre class="prettyprint"><code class="language-c">
+ var wrapper;
+ if (!langExtension && (wrapper = childContentWrapper(cs))
+ && "CODE" === wrapper.tagName) {
+ langExtension = wrapper.className.match(langExtensionRe);
+ }
+
+ if (langExtension) {
+ langExtension = langExtension[1];
+ }
+
+ // make sure this is not nested in an already prettified element
+ var nested = false;
+ for (var p = cs.parentNode; p; p = p.parentNode) {
+ if ((p.tagName === 'pre' || p.tagName === 'code' ||
+ p.tagName === 'xmp') &&
+ p.className && p.className.indexOf('prettyprint') >= 0) {
+ nested = true;
+ break;
+ }
+ }
+ if (!nested) {
+ // Look for a class like linenums or linenums:<n> where <n> is the
+ // 1-indexed number of the first line.
+ var lineNums = cs.className.match(/\blinenums\b(?::(\d+))?/);
+ lineNums = lineNums
+ ? lineNums[1] && lineNums[1].length ? +lineNums[1] : true
+ : false;
+ if (lineNums) { numberLines(cs, lineNums); }
+
+ // do the pretty printing
+ prettyPrintingJob = {
+ langExtension: langExtension,
+ sourceNode: cs,
+ numberLines: lineNums
+ };
+ applyDecorator(prettyPrintingJob);
+ }
+ }
+ }
+ if (k < elements.length) {
+ // finish up in a continuation
+ setTimeout(doWork, 250);
+ } else if (opt_whenDone) {
+ opt_whenDone();
+ }
+ }
+
+ doWork();
+ }
+
+ /**
+ * Find all the {@code <pre>} and {@code <code>} tags in the DOM with
+ * {@code class=prettyprint} and prettify them.
+ *
+ * @param {Function?} opt_whenDone if specified, called when the last entry
+ * has been finished.
+ */
+ window['prettyPrintOne'] = prettyPrintOne;
+ /**
+ * Pretty print a chunk of code.
+ *
+ * @param {string} sourceCodeHtml code as html
+ * @return {string} code as html, but prettier
+ */
+ window['prettyPrint'] = prettyPrint;
+ /**
+ * Contains functions for creating and registering new language handlers.
+ * @type {Object}
+ */
+ window['PR'] = {
+ 'createSimpleLexer': createSimpleLexer,
+ 'registerLangHandler': registerLangHandler,
+ 'sourceDecorator': sourceDecorator,
+ 'PR_ATTRIB_NAME': PR_ATTRIB_NAME,
+ 'PR_ATTRIB_VALUE': PR_ATTRIB_VALUE,
+ 'PR_COMMENT': PR_COMMENT,
+ 'PR_DECLARATION': PR_DECLARATION,
+ 'PR_KEYWORD': PR_KEYWORD,
+ 'PR_LITERAL': PR_LITERAL,
+ 'PR_NOCODE': PR_NOCODE,
+ 'PR_PLAIN': PR_PLAIN,
+ 'PR_PUNCTUATION': PR_PUNCTUATION,
+ 'PR_SOURCE': PR_SOURCE,
+ 'PR_STRING': PR_STRING,
+ 'PR_TAG': PR_TAG,
+ 'PR_TYPE': PR_TYPE
+ };
+})();
diff --git a/styleguide/public/style.css b/styleguide/public/style.css
new file mode 100644
index 0000000..e1224bb
--- /dev/null
+++ b/styleguide/public/style.css
@@ -0,0 +1 @@
+@font-face{font-family:'OpenWeb Icons';src:url("../font/openwebicons.eot");src:url("../font/openwebicons.eot?#iefix") format("embedded-opentype"),url("../font/openwebicons.woff2") format("woff2"),url("../font/openwebicons.woff") format("woff"),url("../font/openwebicons.ttf") format("truetype"),url("../font/openwebicons.svg#openweb_iconsregular") format("svg");font-weight:400;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:'OpenWeb Icons';font-weight:400;font-style:normal;display:inline-block;text-decoration:inherit;vertical-align:center;font-smoothing:antialiased;-webkit-font-smoothing:antialiased}a [class^="icon-"],a [class*=" icon-"]{display:inline-block;text-decoration:inherit}li[class^="icon-"],li[class*=" icon-"]{display:block}.icon-apml:before{content:"\f001";font-size:50px}.icon-open-share:before{content:"\f00E";font-size:50px}.icon-open-share-simple:before{content:"\f00F";font-size:50px}.icon-share:before{content:"\f006";font-size:50px}.icon-share-simple:before{content:"\f007";font-size:50px}.icon-feed:before{content:"\f009";font-size:50px}.icon-feed-simple:before{content:"\f00A";font-size:50px}.icon-ostatus:before{content:"\f004";font-size:50px}.icon-ostatus-simple:before{content:"\f005";font-size:50px}.icon-opml:before{content:"\f003";font-size:50px}.icon-activity:before{content:"\f010";font-size:50px}.icon-activity-simple:before{content:"\f041";font-size:50px}.icon-microformats:before{content:"\f00C";font-size:50px}.icon-geo:before{content:"\f00B";font-size:50px}.icon-opensearch:before{content:"\f002";font-size:50px}.icon-oauth:before{content:"\f008";font-size:50px}.icon-openid:before{content:"\f00D";font-size:50px}.icon-semantic-web:before{content:"\f000";font-size:50px}.icon-rdf:before{content:"\f039";font-size:50px}.icon-rdfa:before{content:"\f039";font-size:50px}.icon-owl:before{content:"\f039";font-size:50px}.icon-dataportability:before{content:"\f013";font-size:50px}.icon-federated:before{content:"\f011";font-size:50px}.icon-web-intents:before{content:"\f014";font-size:50px}.icon-open-web:before{content:"\f012";font-size:50px}.icon-xmpp:before{content:"\f015";font-size:50px}.icon-html5:before{content:"\f016";font-size:50px}.icon-css3:before{content:"\f017";font-size:50px}.icon-connectivity:before{content:"\f018";font-size:50px}.icon-semantics:before{content:"\f019";font-size:50px}.icon-3deffects:before{content:"\f037";font-size:50px}.icon-device-access:before{content:"\f031";font-size:50px}.icon-multimedia:before{content:"\f032";font-size:50px}.icon-offline-storage:before{content:"\f033";font-size:50px}.icon-perfintegration:before{content:"\f034";font-size:50px}.icon-git:before{content:"\f035";font-size:50px}.icon-webhooks:before{content:"\f036";font-size:50px}.icon-osi:before{content:"\f038";font-size:50px}.icon-opensource:before{content:"\f038";font-size:50px}.icon-opengraph:before{content:"\f020";font-size:50px}.icon-epub:before{content:"\f021";font-size:50px}.icon-qr:before{content:"\f022";font-size:50px}.icon-foaf:before{content:"\f023";font-size:50px}.icon-info-card:before{content:"\f024";font-size:50px}.icon-browserid:before{content:"\f025";font-size:50px}.icon-remote-storage:before{content:"\f026";font-size:50px}.icon-persona:before{content:"\f027";font-size:50px}.icon-odata:before{content:"\f028";font-size:50px}.icon-markdown:before{content:"\f029";font-size:50px}.icon-tosdr:before{content:"\f030";font-size:50px}.icon-pub:before{content:"\f045";font-size:50px}.icon-sub:before{content:"\f046";font-size:50px}.icon-hubbub:before{content:"\f045";font-size:50px}.icon-pubsubhubbub:before{content:"\f047";font-size:50px}.icon-cc:before{content:"\f080";font-size:50px}.icon-cc-by:before{content:"\f081";font-size:50px}.icon-cc-nc:before{content:"\f082";font-size:50px}.icon-cc-nc-eu:before{content:"\f083";font-size:50px}.icon-cc-nc-jp:before{content:"\f084";font-size:50px}.icon-cc-sa:before{content:"\f085";font-size:50px}.icon-cc-nd:before{content:"\f086";font-size:50px}.icon-cc-public:before{content:"\f087";font-size:50px}.icon-cc-zero:before{content:"\f088";font-size:50px}.icon-cc-share:before{content:"\f089";font-size:50px}.icon-cc-remix:before{content:"\f08a";font-size:50px}.icon-hatom:before{content:"\f040";font-size:50px}.icon-hresume:before{content:"\f042";font-size:50px}.icon-hcard-add:before{content:"\f043";font-size:50px}.icon-hcard-download:before{content:"\f044";font-size:50px}.icon-indieweb:before{content:"\f08b \f08c";font-size:50px}.icon-indiewebcamp:before{content:"\f08b \f08c \f08d";font-size:50px}.icon-webfinger:before{content:"\f08e";font-size:50px}.icon-bitcoin:before{content:"\f08f";font-size:50px}.icon-bitcoin-simple:before{content:"\f090";font-size:50px}.icon-svg:before{content:"\f049";font-size:50px}.icon-json-ld:before{content:"\f048";font-size:50px}.icon-tent:before{content:"\f050";font-size:50px}.icon-copyleft:before{content:"\f051";font-size:50px}.icon-gnu:before{content:"\f052";font-size:50px}.icon-ofl-attribution:before{content:"\f081";font-size:50px}.icon-ofl-share:before{content:"\f085";font-size:50px}.icon-ofl-renaming:before{content:"\f04a";font-size:50px}.icon-ofl-selling:before{content:"\f04b";font-size:50px}.icon-ofl-embedding:before{content:"\f04c";font-size:50px}.icon-webmention:before{content:"\f04d";font-size:50px}.icon-javascript:before{content:"\f04e";font-size:50px}.icon-wtfpl:before{content:"\f04f";font-size:50px}.icon-ofl:before{content:"\f053";font-size:50px}.icon-wordpress:before{content:"\f054";font-size:50px}.icon-owncloud:before{content:"\f055";font-size:50px}.icon-cccs:before{content:"\f056";font-size:50px}.icon-barcamp:before{content:"\f057";font-size:50px}.icon-indiehosters:before{content:"\f058";font-size:50px}.icon-known:before{content:"\f059";font-size:50px}.icon-mozilla:before{content:"\f05a";font-size:50px}.icon-apml-colored:before{content:"\f001";color:#AFDD63;font-size:50px}.icon-open-share-colored:before{content:"\f00E";color:#538439;font-size:50px}.icon-share-colored:before{content:"\f006";color:#538439;font-size:50px}.icon-feed-colored:before{content:"\f009";color:#EA680B;font-size:50px}.icon-ostatus-colored:before{content:"\f004";color:#F60;font-size:50px}.icon-opml-colored:before{content:"\f003";color:#2490A1;font-size:50px}.icon-activity-colored:before{content:"\f010";color:#4FB2D9;font-size:50px}.icon-microformats-colored:before{content:"\f00C";color:#85BC07;font-size:50px}.icon-geo-colored:before{content:"\f00B";color:#900;font-size:50px}.icon-opensearch-colored:before{content:"\f002";color:#5050f3;font-size:50px}.icon-html5-colored:before{content:"\f016";color:#E34C26;font-size:50px}.icon-git-colored:before{content:"\f035";color:#F05133;font-size:50px}.icon-osi-colored:before{content:"\f038";color:#3DA639;font-size:50px}.icon-opensource-colored:before{content:"\f038";color:#3DA639;font-size:50px}.icon-epub-colored:before{content:"\f021";color:#85b916;font-size:50px}.icon-info-card-colored:before{content:"\f024";color:#BF84E5;font-size:50px}.icon-remote-storage-colored:before{content:"\f026";color:#ff4e09;font-size:50px}.icon-odata-colored:before{content:"\f028";color:#EA680B;font-size:50px}.icon-pub-colored:before{content:"\f045";color:#9c0;font-size:50px}.icon-sub-colored:before{content:"\f046";color:#ff0;font-size:50px}.icon-hubbub-colored:before{content:"\f045";color:#ff6fcf;font-size:50px}.icon-javascript-colored:before{content:"\f04e";color:#f0db4f;font-size:50px}
\ No newline at end of file
diff --git a/styleguide/section-1.html b/styleguide/section-1.html
new file mode 100644
index 0000000..6a9b303
--- /dev/null
+++ b/styleguide/section-1.html
@@ -0,0 +1,3226 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+<head>
+ <meta charset="utf-8">
+
+ <title>KSS: Living Styleguide</title>
+ <meta name="description" content="">
+ <meta name="generator" content="kss-node" />
+
+ <meta name="viewport" content="width=device-width">
+
+ <link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="public/kss.css">
+ <link rel="stylesheet" href="public/style.css">
+
+</head>
+<body><div id="kss-wrapper">
+ <div id="kss-nav">
+ <header id="kss-header">
+ <hgroup><h1>kss-node Styleguide</h1></hgroup>
+ </header>
+ <aside>
+ <nav><ul>
+ <li><a href="index.html">0.0: Overview</a></li>
+
+ <li><a href="section-1.html">1.0: Icons</a></li>
+
+ <li><a href="section-2.html">2.0: Colored Icons</a></li>
+
+ </ul></nav>
+ </aside>
+ </div>
+ <div role="main" id="kss-main">
+ <article id="kss-content">
+
+
+
+
+
+ <h1 class="kss-title"><span class="kss-ref">1.0</span> - Icons</h1>
+
+
+
+ <p>The OpenWeb-Icons</p>
+
+
+
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.1</span> - The apml icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-apml"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the apml icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-apml</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-apml"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-apml"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.2</span> - The open-share icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-open-share"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the open-share icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-open-share</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-open-share"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-open-share"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.3</span> - The open-share-simple icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-open-share-simple"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the open-share-simple icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-open-share-simple</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-open-share-simple"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-open-share-simple"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.4</span> - The share icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-share"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the share icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-share</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-share"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-share"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.5</span> - The share-simple icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-share-simple"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the share-simple icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-share-simple</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-share-simple"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-share-simple"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.6</span> - The feed icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-feed"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the feed icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-feed</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-feed"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-feed"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.7</span> - The feed-simple icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-feed-simple"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the feed-simple icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-feed-simple</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-feed-simple"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-feed-simple"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.8</span> - The ostatus icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-ostatus"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the ostatus icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-ostatus</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-ostatus"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-ostatus"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.9</span> - The ostatus-simple icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-ostatus-simple"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the ostatus-simple icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-ostatus-simple</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-ostatus-simple"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-ostatus-simple"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.10</span> - The opml icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-opml"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the opml icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-opml</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-opml"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-opml"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.11</span> - The activity icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-activity"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the activity icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-activity</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-activity"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-activity"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.12</span> - The activity-simple icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-activity-simple"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the activity-simple icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-activity-simple</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-activity-simple"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-activity-simple"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.13</span> - The microformats icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-microformats"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the microformats icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-microformats</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-microformats"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-microformats"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.14</span> - The geo icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-geo"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the geo icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-geo</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-geo"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-geo"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.15</span> - The opensearch icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-opensearch"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the opensearch icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-opensearch</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-opensearch"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-opensearch"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.16</span> - The oauth icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-oauth"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the oauth icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-oauth</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-oauth"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-oauth"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.17</span> - The openid icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-openid"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the openid icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-openid</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-openid"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-openid"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.18</span> - The semantic-web icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-semantic-web"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the semantic-web icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-semantic-web</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-semantic-web"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-semantic-web"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.19</span> - The rdf icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-rdf"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the rdf icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-rdf</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-rdf"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-rdf"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.20</span> - The rdfa icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-rdfa"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the rdfa icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-rdfa</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-rdfa"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-rdfa"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.21</span> - The owl icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-owl"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the owl icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-owl</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-owl"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-owl"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.22</span> - The dataportability icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-dataportability"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the dataportability icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-dataportability</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-dataportability"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-dataportability"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.23</span> - The federated icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-federated"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the federated icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-federated</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-federated"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-federated"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.24</span> - The web-intents icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-web-intents"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the web-intents icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-web-intents</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-web-intents"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-web-intents"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.25</span> - The open-web icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-open-web"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the open-web icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-open-web</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-open-web"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-open-web"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.26</span> - The xmpp icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-xmpp"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the xmpp icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-xmpp</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-xmpp"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-xmpp"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.27</span> - The html5 icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-html5"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the html5 icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-html5</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-html5"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-html5"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.28</span> - The css3 icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-css3"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the css3 icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-css3</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-css3"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-css3"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.29</span> - The connectivity icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-connectivity"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the connectivity icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-connectivity</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-connectivity"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-connectivity"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.30</span> - The semantics icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-semantics"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the semantics icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-semantics</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-semantics"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-semantics"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.31</span> - The 3deffects icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-3deffects"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the 3deffects icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-3deffects</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-3deffects"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-3deffects"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.32</span> - The device-access icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-device-access"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the device-access icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-device-access</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-device-access"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-device-access"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.33</span> - The multimedia icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-multimedia"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the multimedia icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-multimedia</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-multimedia"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-multimedia"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.34</span> - The offline-storage icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-offline-storage"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the offline-storage icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-offline-storage</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-offline-storage"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-offline-storage"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.35</span> - The perfintegration icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-perfintegration"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the perfintegration icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-perfintegration</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-perfintegration"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-perfintegration"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.36</span> - The git icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-git"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the git icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-git</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-git"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-git"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.37</span> - The webhooks icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-webhooks"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the webhooks icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-webhooks</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-webhooks"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-webhooks"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.38</span> - The osi icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-osi"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the osi icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-osi</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-osi"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-osi"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.39</span> - The opensource icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-opensource"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the opensource icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-opensource</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-opensource"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-opensource"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.40</span> - The opengraph icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-opengraph"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the opengraph icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-opengraph</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-opengraph"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-opengraph"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.41</span> - The epub icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-epub"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the epub icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-epub</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-epub"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-epub"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.42</span> - The qr icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-qr"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the qr icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-qr</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-qr"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-qr"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.43</span> - The foaf icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-foaf"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the foaf icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-foaf</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-foaf"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-foaf"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.44</span> - The info-card icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-info-card"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the info-card icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-info-card</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-info-card"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-info-card"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.45</span> - The browserid icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-browserid"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the browserid icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-browserid</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-browserid"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-browserid"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.46</span> - The remote-storage icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-remote-storage"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the remote-storage icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-remote-storage</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-remote-storage"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-remote-storage"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.47</span> - The persona icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-persona"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the persona icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-persona</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-persona"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-persona"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.48</span> - The odata icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-odata"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the odata icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-odata</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-odata"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-odata"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.49</span> - The markdown icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-markdown"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the markdown icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-markdown</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-markdown"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-markdown"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.50</span> - The tosdr icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-tosdr"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the tosdr icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-tosdr</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-tosdr"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-tosdr"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.51</span> - The pub icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-pub"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the pub icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-pub</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-pub"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-pub"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.52</span> - The sub icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-sub"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the sub icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-sub</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-sub"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-sub"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.53</span> - The hubbub icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-hubbub"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the hubbub icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-hubbub</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-hubbub"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-hubbub"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.54</span> - The pubsubhubbub icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-pubsubhubbub"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the pubsubhubbub icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-pubsubhubbub</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-pubsubhubbub"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-pubsubhubbub"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.55</span> - The cc icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cc"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the cc icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-cc</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cc"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-cc"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.56</span> - The cc-by icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cc-by"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the cc-by icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-cc-by</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cc-by"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-cc-by"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.57</span> - The cc-nc icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cc-nc"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the cc-nc icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-cc-nc</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cc-nc"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-cc-nc"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.58</span> - The cc-nc-eu icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cc-nc-eu"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the cc-nc-eu icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-cc-nc-eu</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cc-nc-eu"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-cc-nc-eu"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.59</span> - The cc-nc-jp icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cc-nc-jp"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the cc-nc-jp icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-cc-nc-jp</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cc-nc-jp"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-cc-nc-jp"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.60</span> - The cc-sa icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cc-sa"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the cc-sa icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-cc-sa</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cc-sa"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-cc-sa"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.61</span> - The cc-nd icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cc-nd"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the cc-nd icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-cc-nd</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cc-nd"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-cc-nd"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.62</span> - The cc-public icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cc-public"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the cc-public icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-cc-public</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cc-public"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-cc-public"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.63</span> - The cc-zero icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cc-zero"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the cc-zero icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-cc-zero</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cc-zero"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-cc-zero"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.64</span> - The cc-share icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cc-share"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the cc-share icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-cc-share</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cc-share"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-cc-share"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.65</span> - The cc-remix icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cc-remix"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the cc-remix icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-cc-remix</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cc-remix"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-cc-remix"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.66</span> - The hatom icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-hatom"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the hatom icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-hatom</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-hatom"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-hatom"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.67</span> - The hresume icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-hresume"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the hresume icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-hresume</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-hresume"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-hresume"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.68</span> - The hcard-add icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-hcard-add"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the hcard-add icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-hcard-add</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-hcard-add"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-hcard-add"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.69</span> - The hcard-download icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-hcard-download"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the hcard-download icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-hcard-download</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-hcard-download"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-hcard-download"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.70</span> - The indieweb icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-indieweb"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the indieweb icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-indieweb</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-indieweb"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-indieweb"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.71</span> - The indiewebcamp icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-indiewebcamp"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the indiewebcamp icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-indiewebcamp</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-indiewebcamp"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-indiewebcamp"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.72</span> - The webfinger icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-webfinger"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the webfinger icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-webfinger</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-webfinger"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-webfinger"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.73</span> - The bitcoin icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-bitcoin"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the bitcoin icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-bitcoin</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-bitcoin"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-bitcoin"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.74</span> - The bitcoin-simple icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-bitcoin-simple"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the bitcoin-simple icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-bitcoin-simple</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-bitcoin-simple"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-bitcoin-simple"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.75</span> - The svg icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-svg"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the svg icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-svg</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-svg"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-svg"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.76</span> - The json-ld icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-json-ld"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the json-ld icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-json-ld</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-json-ld"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-json-ld"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.77</span> - The tent icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-tent"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the tent icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-tent</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-tent"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-tent"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.78</span> - The copyleft icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-copyleft"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the copyleft icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-copyleft</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-copyleft"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-copyleft"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.79</span> - The gnu icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-gnu"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the gnu icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-gnu</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-gnu"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-gnu"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.80</span> - The ofl-attribution icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-ofl-attribution"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the ofl-attribution icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-ofl-attribution</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-ofl-attribution"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-ofl-attribution"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.81</span> - The ofl-share icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-ofl-share"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the ofl-share icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-ofl-share</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-ofl-share"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-ofl-share"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.82</span> - The ofl-renaming icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-ofl-renaming"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the ofl-renaming icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-ofl-renaming</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-ofl-renaming"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-ofl-renaming"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.83</span> - The ofl-selling icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-ofl-selling"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the ofl-selling icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-ofl-selling</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-ofl-selling"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-ofl-selling"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.84</span> - The ofl-embedding icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-ofl-embedding"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the ofl-embedding icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-ofl-embedding</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-ofl-embedding"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-ofl-embedding"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.85</span> - The webmention icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-webmention"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the webmention icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-webmention</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-webmention"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-webmention"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.86</span> - The javascript icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-javascript"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the javascript icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-javascript</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-javascript"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-javascript"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.87</span> - The wtfpl icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-wtfpl"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the wtfpl icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-wtfpl</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-wtfpl"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-wtfpl"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.88</span> - The ofl icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-ofl"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the ofl icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-ofl</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-ofl"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-ofl"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.89</span> - The wordpress icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-wordpress"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the wordpress icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-wordpress</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-wordpress"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-wordpress"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.90</span> - The owncloud icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-owncloud"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the owncloud icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-owncloud</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-owncloud"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-owncloud"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.91</span> - The cccs icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cccs"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the cccs icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-cccs</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-cccs"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-cccs"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.92</span> - The barcamp icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-barcamp"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the barcamp icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-barcamp</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-barcamp"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-barcamp"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.93</span> - The indiehosters icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-indiehosters"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the indiehosters icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-indiehosters</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-indiehosters"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-indiehosters"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.94</span> - The known icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-known"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the known icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-known</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-known"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-known"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">1.95</span> - The mozilla icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-mozilla"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the mozilla icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-mozilla</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-mozilla"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-mozilla"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ </article>
+ </div>
+ <footer>
+
+ </footer>
+ <!-- SCRIPTS -->
+ <script src="public/kss.js"></script>
+ <script src="public/prettify.js"></script>
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+ <script>
+ $(document).ready(function(){
+ var sidebarAdjust = function() {
+ // Match footer/body height
+ var height = Math.max($(window).height(), $('#kss-main').height());
+
+ if ($(window).width() <= 768) {
+ $('#kss-main, #kss-nav').height('auto');
+ } else {
+ $('#kss-main, #kss-nav').height(height);
+ }
+ };
+
+ $(window).resize(sidebarAdjust);
+ $(window).scroll(sidebarAdjust);
+ sidebarAdjust();
+
+ // Ensure code blocks are highlighted properly...
+ $('pre>code').addClass('prettyprint');
+ prettyPrint();
+
+ });
+ </script>
+
+
+
+</div></body>
+</html>
\ No newline at end of file
diff --git a/styleguide/section-2.html b/styleguide/section-2.html
new file mode 100644
index 0000000..3c65ce7
--- /dev/null
+++ b/styleguide/section-2.html
@@ -0,0 +1,817 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+<head>
+ <meta charset="utf-8">
+
+ <title>KSS: Living Styleguide</title>
+ <meta name="description" content="">
+ <meta name="generator" content="kss-node" />
+
+ <meta name="viewport" content="width=device-width">
+
+ <link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
+
+ <link rel="stylesheet" href="public/kss.css">
+ <link rel="stylesheet" href="public/style.css">
+
+</head>
+<body><div id="kss-wrapper">
+ <div id="kss-nav">
+ <header id="kss-header">
+ <hgroup><h1>kss-node Styleguide</h1></hgroup>
+ </header>
+ <aside>
+ <nav><ul>
+ <li><a href="index.html">0.0: Overview</a></li>
+
+ <li><a href="section-1.html">1.0: Icons</a></li>
+
+ <li><a href="section-2.html">2.0: Colored Icons</a></li>
+
+ </ul></nav>
+ </aside>
+ </div>
+ <div role="main" id="kss-main">
+ <article id="kss-content">
+
+
+
+
+
+ <h1 class="kss-title"><span class="kss-ref">2.0</span> - Colored Icons</h1>
+
+
+
+ <p>Change the color of an icon with CSS</p>
+
+
+
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">2.1</span> - The apml colored-icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-apml-colored"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the icon-apml-colored icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-apml-colored</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-apml-colored"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-apml-colored"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">2.2</span> - The open-share colored-icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-open-share-colored"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the icon-open-share-colored icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-open-share-colored</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-open-share-colored"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-open-share-colored"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">2.3</span> - The share colored-icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-share-colored"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the icon-share-colored icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-share-colored</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-share-colored"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-share-colored"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">2.4</span> - The feed colored-icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-feed-colored"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the icon-feed-colored icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-feed-colored</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-feed-colored"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-feed-colored"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">2.5</span> - The ostatus colored-icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-ostatus-colored"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the icon-ostatus-colored icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-ostatus-colored</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-ostatus-colored"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-ostatus-colored"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">2.6</span> - The opml colored-icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-opml-colored"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the icon-opml-colored icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-opml-colored</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-opml-colored"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-opml-colored"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">2.7</span> - The activity colored-icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-activity-colored"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the icon-activity-colored icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-activity-colored</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-activity-colored"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-activity-colored"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">2.8</span> - The microformats colored-icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-microformats-colored"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the icon-microformats-colored icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-microformats-colored</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-microformats-colored"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-microformats-colored"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">2.9</span> - The geo colored-icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-geo-colored"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the icon-geo-colored icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-geo-colored</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-geo-colored"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-geo-colored"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">2.10</span> - The opensearch colored-icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-opensearch-colored"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the icon-opensearch-colored icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-opensearch-colored</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-opensearch-colored"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-opensearch-colored"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">2.11</span> - The html5 colored-icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-html5-colored"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the icon-html5-colored icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-html5-colored</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-html5-colored"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-html5-colored"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">2.12</span> - The git colored-icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-git-colored"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the icon-git-colored icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-git-colored</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-git-colored"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-git-colored"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">2.13</span> - The osi colored-icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-osi-colored"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the icon-osi-colored icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-osi-colored</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-osi-colored"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-osi-colored"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">2.14</span> - The opensource colored-icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-opensource-colored"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the icon-opensource-colored icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-opensource-colored</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-opensource-colored"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-opensource-colored"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">2.15</span> - The epub colored-icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-epub-colored"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the icon-epub-colored icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-epub-colored</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-epub-colored"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-epub-colored"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">2.16</span> - The info-card colored-icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-info-card-colored"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the icon-info-card-colored icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-info-card-colored</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-info-card-colored"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-info-card-colored"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">2.17</span> - The remote-storage colored-icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-remote-storage-colored"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the icon-remote-storage-colored icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-remote-storage-colored</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-remote-storage-colored"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-remote-storage-colored"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">2.18</span> - The odata colored-icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-odata-colored"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the icon-odata-colored icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-odata-colored</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-odata-colored"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-odata-colored"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">2.19</span> - The pub colored-icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-pub-colored"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the icon-pub-colored icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-pub-colored</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-pub-colored"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-pub-colored"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">2.20</span> - The sub colored-icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-sub-colored"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the icon-sub-colored icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-sub-colored</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-sub-colored"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-sub-colored"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">2.21</span> - The hubbub colored-icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-hubbub-colored"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the icon-hubbub-colored icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-hubbub-colored</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-hubbub-colored"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-hubbub-colored"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ <section class="kss-depth-2">
+ <h1 class="kss-title"><span class="kss-ref">2.22</span> - The javascript colored-icon</h1>
+
+
+ <div class="kss-box"></div>
+ <table class="kss-mod-list">
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>Default styling</p></td>
+ <td class="kss-mod-name"></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-javascript-colored"></i></td>
+ </tr>
+
+ <tr class="kss-mod-desc-group">
+ <td class="kss-mod-desc"><p>the icon-javascript-colored icon</p>
+</td>
+ <td class="kss-mod-name"><p>.icon-javascript-colored</p></td>
+ </tr>
+ <tr class="kss-mod-example">
+ <td colspan="2"><i class="icon-javascript-colored"></i></td>
+ </tr>
+
+ </table>
+ <div class="kss-markup">
+ <pre class="prettyprint lang-html"><i class="icon-javascript-colored"></i></pre>
+ </div>
+
+
+ </section>
+
+
+
+ </article>
+ </div>
+ <footer>
+
+ </footer>
+ <!-- SCRIPTS -->
+ <script src="public/kss.js"></script>
+ <script src="public/prettify.js"></script>
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+ <script>
+ $(document).ready(function(){
+ var sidebarAdjust = function() {
+ // Match footer/body height
+ var height = Math.max($(window).height(), $('#kss-main').height());
+
+ if ($(window).width() <= 768) {
+ $('#kss-main, #kss-nav').height('auto');
+ } else {
+ $('#kss-main, #kss-nav').height(height);
+ }
+ };
+
+ $(window).resize(sidebarAdjust);
+ $(window).scroll(sidebarAdjust);
+ sidebarAdjust();
+
+ // Ensure code blocks are highlighted properly...
+ $('pre>code').addClass('prettyprint');
+ prettyPrint();
+
+ });
+ </script>
+
+
+
+</div></body>
+</html>
\ No newline at end of file
diff --git a/test/test.html b/test/test.html
deleted file mode 100644
index b711fcd..0000000
--- a/test/test.html
+++ /dev/null
@@ -1,76 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-<head>
- <title>OpenWeb Icons - test page</title>
- <meta charset="utf-8">
- <link rel="stylesheet" href="./../css/openwebicons.css">
-
- <style type="text/css">
- body { font-size: 100px; }
- </style>
-
-</head>
-
-<body>
- <p><i class="icon-apml"></i> <i class="icon-apml-colored"></i></p>
- <p><i class="icon-open-share"></i> <i class="icon-open-share-colored"></i> <i class="icon-open-share-simple"></i></p>
- <p><i class="icon-share"></i> <i class="icon-share-colored"></i> <i class="icon-share-simple"></i></p>
- <p><i class="icon-opml"></i> <i class="icon-opml-colored"></i></p>
- <p><i class="icon-activity"></i> <i class="icon-activity-colored"></i> <i class="icon-activity-simple"></i></p>
- <p><i class="icon-openid"></i></p>
- <p><i class="icon-rdf"></i> <i class="icon-rdfa"></i> <i class="icon-owl"></i></p>
- <p><i class="icon-semantic-web"></i></p>
- <p><i class="icon-oauth"></i></p>
- <p><i class="icon-microformats"></i> <i class="icon-microformats-colored"></i></p>
- <p><i class="icon-opensearch"></i> <i class="icon-opensearch-colored"></i></p>
- <p><i class="icon-geo"></i> <i class="icon-geo-colored"></i></p>
- <p><i class="icon-feed"></i> <i class="icon-feed-colored"></i> <i class="icon-feed-simple"></i></p>
- <p><i class="icon-ostatus"></i> <i class="icon-ostatus-colored"></i> <i class="icon-ostatus-simple"></i></p>
- <p><i class="icon-federated"></i></p>
- <p><i class="icon-open-web"></i></p>
- <p><i class="icon-dataportability"></i></p>
- <p><i class="icon-web-intents"></i></p>
- <p><i class="icon-xmpp"></i></p>
- <p><i class="icon-html5"></i> <i class="icon-html5-colored"></i></p>
- <p><i class="icon-css3"></i></p>
- <p><i class="icon-connectivity"></i></p>
- <p><i class="icon-semantics"></i></p>
- <p><i class="icon-3deffects"></i></p>
- <p><i class="icon-device-access"></i></p>
- <p><i class="icon-multimedia"></i></p>
- <p><i class="icon-offline-storage"></i></p>
- <p><i class="icon-perfintegration"></i></p>
- <p><i class="icon-git"></i> <i class="icon-git-colored"></i></p>
- <p><i class="icon-webhooks"></i></p>
- <p><i class="icon-foaf"></i></p>
- <p><i class="icon-osi"></i> <i class="icon-opensource-colored"></i></p>
- <p><i class="icon-qr"></i></p>
- <p><i class="icon-markdown"></i></p>
- <p><i class="icon-opengraph"></i></p>
- <p><i class="icon-epub"></i> <i class="icon-epub-colored"></i></p>
- <p><i class="icon-monkey"></i></p>
- <p><i class="icon-info-card"></i> <i class="icon-info-card-colored"></i></p>
- <p><i class="icon-browserid"></i> <i class="icon-persona"></i></p>
- <p><i class="icon-odata"></i> <i class="icon-odata-colored"></i></p>
- <p><i class="icon-remote-storage"></i> <i class="icon-remote-storage-colored"></i></p>
- <p><i class="icon-cc"></i> <i class="icon-cc-by"></i> <i class="icon-cc-nc"></i> <i class="icon-cc-nc-eu"></i>
- <i class="icon-cc-nc-jp"></i> <i class="icon-cc-sa"></i> <i class="icon-cc-nd"></i> <i class="icon-cc-public"></i>
- <i class="icon-cc-zero"></i> <i class="icon-cc-share"></i> <i class="icon-cc-remix"></i>
- </p>
- <p><i class="icon-hatom"></i> <i class="icon-hcard-add"></i> <i class="icon-hcard-download"></i> <i class="icon-hresume"></i></p>
- <p><i class="icon-indieweb"></i> <i class="icon-indiewebcamp"></i></p>
- <p><i class="icon-webfinger"></i></p>
- <p><i class="icon-svg"></i></p>
- <p><i class="icon-tent"></i></p>
- <p><i class="icon-json-ld"></i></p>
- <p><i class="icon-bitcoin"></i> <i class="icon-bitcoin-simple"></i></p>
- <p><i class="icon-pubsubhubbub"></i> <i class="icon-pub"></i><i class="icon-sub"></i><i class="icon-hubbub"></i> <i class="icon-pub-colored"></i><i class="icon-sub-colored"></i><i class="icon-hubbub-colored"></i></p>
- <p><i class="icon-ofl-attribution"></i> <i class="icon-ofl-share"></i> <i class="icon-ofl-renaming"></i> <i class="icon-ofl-selling"></i> <i class="icon-ofl-embedding"></i></p>
- <p><i class="icon-copyleft"></i></p>
- <p><i class="icon-gnu"></i></p>
- <p><i class="icon-webmention"></i></p>
- <p><i class="icon-javascript"></i> <i class="icon-javascript-colored"></i></p>
- <p><i class="icon-wtfpl"></i></p>
- <p><i class="icon-ofl"></i></p>
-</body>
-</html>