moving to gittea needs a push

The MultiDict.update() method will remove and then append changes instead of manipulating the data in place. The set_deform_data() function was updated to make changes in place

.gitignore

@@ -1,5 +1,12 @@
 # ignore sqlite database
 ordr2.sqlite
+ordr2_development.sqlite
+
+# ignore test mails
+mail/
+
+# ignore deform templates, only copied to have them available
+ordr2/templates/original_deform_templates/
 
 # Byte-compiled / optimized / DLL files
 __pycache__/
@@ -63,4 +70,4 @@ target/
 
 # pyenv python configuration file
 .python-version
-venv-ordr2
+venv-*

CONTRIBUTING.rst

@@ -9,13 +9,14 @@ little bit helps, and credit will always be given.
 
 You can contribute in many ways:
 
+
 Types of Contributions
 ----------------------
 
 Report Bugs
 ~~~~~~~~~~~
 
-Report bugs at https://github.com/holgi/ordr2/issues.
+Report bugs at https://git.cpi.imtek.uni-freiburg.de/holgi/ordr2/issues.
 
 If you are reporting a bug, please include:
 
@@ -23,18 +24,21 @@ If you are reporting a bug, please include:
 * Any details about your local setup that might be helpful in troubleshooting.
 * Detailed steps to reproduce the bug.
 
+
 Fix Bugs
 ~~~~~~~~
 
 Look through the GitHub issues for bugs. Anything tagged with "bug"
 and "help wanted" is open to whoever wants to implement it.
 
+
 Implement Features
 ~~~~~~~~~~~~~~~~~~
 
 Look through the GitHub issues for features. Anything tagged with "enhancement"
 and "help wanted" is open to whoever wants to implement it.
 
+
 Write Documentation
 ~~~~~~~~~~~~~~~~~~~
 
@@ -42,10 +46,11 @@ Ordr2 could always use more documentation, whether as part of the
 official Ordr2 docs, in docstrings, or even on the web in blog posts,
 articles, and such.
 
+
 Submit Feedback
 ~~~~~~~~~~~~~~~
 
-The best way to send feedback is to file an issue at https://github.com/holgi/ordr2/issues.
+The best way to send feedback is to file an issue at https://git.cpi.imtek.uni-freiburg.de/holgi/ordr2/issues.
 
 If you are proposing a feature:
 
@@ -54,6 +59,7 @@ If you are proposing a feature:
 * Remember that this is a volunteer-driven project, and that contributions
   are welcome :)
 
+
 Get Started!
 ------------
 
@@ -62,7 +68,7 @@ Ready to contribute? Here's how to set up `ordr2` for local development.
 1. Fork the `ordr2` repo on GitHub.
 2. Clone your fork locally::
 
-    $ git clone git@github.com:your_name_here/ordr2.git
+    $ git clone https://git.cpi.imtek.uni-freiburg.de/your_name_here/ordr2/
 
 3. Install your local copy into a virtualenv. Assuming you have virtualenvwrapper installed, this is how you set up your fork for local development::
 
@@ -92,6 +98,7 @@ Ready to contribute? Here's how to set up `ordr2` for local development.
 
 7. Submit a pull request through the GitHub website.
 
+
 Pull Request Guidelines
 -----------------------
 
@@ -101,9 +108,7 @@ Before you submit a pull request, check that it meets these guidelines:
 2. If the pull request adds functionality, the docs should be updated. Put
    your new functionality into a function with a docstring, and add the
    feature to the list in README.rst.
-3. The pull request should work for Python 2.6, 2.7, 3.3, 3.4 and 3.5, and for PyPy. Check
-   https://travis-ci.org/holgi/ordr2/pull_requests
-   and make sure that the tests pass for all supported Python versions.
+
 
 Tips
 ----

HISTORY.rst

@@ -2,7 +2,34 @@
 History
 =======
 
-0.0.1 (2017-09-26)
-------------------
 
-* First release on PyPI.
+
+0.1.4 (2017-10-10, php2python branch)
+-------------------------------------
+
+* date of order status change have a nicer format
+* fixed a bug in recording a status change
+* owner of order only notified for status change if (s)he didn't issue the change
+
+
+0.1.3 (2017-10-10, php2python branch)
+-------------------------------------
+
+* custom error page for exception handling
+* uncaught exceptions mailed to administrator
+* fixed type ahead function for selecting consumables when creating a new order
+* loading of google fonts now via https
+* multiple selections of order not available for normal users since these
+  have not edit or delete rights for all orders
+
+
+0.1.1 (2017-10-05, php2python branch)
+-------------------------------------
+
+* First production release
+
+
+0.0.1 (2017-09-26, php2python branch)
+-------------------------------------
+
+* Start of the project

Makefile

@@ -43,7 +43,6 @@ clean-pyc: ## remove Python file artifacts
 	find . -name '__pycache__' -exec rm -fr {} +
 
 clean-test: ## remove test and coverage artifacts
-	rm -fr .tox/
 	rm -f .coverage
 	rm -fr htmlcov/
 
@@ -51,11 +50,7 @@ lint: ## check style with flake8
 	flake8 ordr2 tests
 
 test: ## run tests quickly with the default Python
-	py.test
-	
-
-test-all: ## run tests on every Python version with tox
-	tox
+	py.test --lf
 
 coverage: ## check code coverage quickly with the default Python
 	coverage run --source ordr2 -m pytest

README.rst

@@ -1,10 +1,68 @@
-===========================
-Ordr2 - CPI Ordering System
-===========================
+OLD: Ordr2 - CPI Ordering System
+================================
 
+CAUTION: 
+THIS REPO EXISTS FOR HISTORIC REASONS
+THE PROJECT WAS REPLACED BY Ordr3
 
-Features
---------
 
-* TODO
+In our chair at the University of Freiburg there are about forty people working
+in the lab but only four of them are accredited for the SAP ordering system
+used by the university - the rest has to order through them. This leads to
+a quite large amount of mails, post-its and calls per purchaser. To give this
+some better structure, our small ordering system was developed. It is actually
+a 'would-you-please-order-for-me-system' and disconnected from the upstream
+system.
 
+This is a complete rewrite of the CPI `ordering system`_ originally written in
+PHP.
+
+
+Goals
+-----
+* more information on orders:
+    * record the status change in order in a log
+    * add a new status "hold" if there are questions
+    * simpler reordering of already placed orders
+* better tools for consumables (templates for new orders):
+    * propose consumables on placed orders
+    * check unused or outdated consumables
+    * make categories editable
+* revamped user management:
+    * validate email address on registration
+    * forgot password system
+    * make password hashing future proof
+* move away from PHP as a programming language (done, branch php2pyhton)
+* update the front end tools to current versions
+
+
+Notes on technologies used
+---------------------------
+
+The project uses `Pyramid`_ as a web framework, especially the `traversal`_
+style routing instead of the more widely spread url dispatch method. This
+decision was made because:
+
+* the starter of this project likes this kind of routing
+* it eliminates the need of defining routes separately
+* `row level security`_ is easy to implement since traversal works with
+  resources from the start.
+
+The new system should have automated unit- and integration tests for all
+self written code, aming at 100% coverage although this might never be
+reached.
+
+To run a test use the ``make coverage`` command or if you'd like to test
+without a coverage report use ``make test``
+
+Also the code should be documented well enough to support the current and
+new developers. Good Documentation is hard, so please be forgiving in this
+regard. A set of documents can be compiled and viewed with the ``make docs``
+command.
+
+
+
+.. _ordering system: https://ordr.cpi.imtek.uni-freiburg.de
+.. _Pyramid: https://trypyramid.com
+.. _traversal: https://docs.pylonsproject.org/projects/pyramid/en/latest/narr/muchadoabouttraversal.html
+.. _row level security: https://docs.pylonsproject.org/projects/pyramid/en/latest/narr/security.html

development.ini

@@ -12,9 +12,33 @@ pyramid.debug_notfound = false
 pyramid.debug_routematch = false
 pyramid.default_locale_name = en
 pyramid.includes =
+    pyramid_mailer.debug
     pyramid_debugtoolbar
+    pyramid_jinja2
 
-sqlalchemy.url = sqlite:///%(here)s/ordr2.sqlite
+sqlalchemy.url = sqlite:///%(here)s/ordr2_development.sqlite
+passlib.config = %(here)s/passlib.ini
+
+# automatic CSRF token validation on each POST resquest
+session.auto_csrf = true
+
+# cache duration in seconds for static pages
+static_views.cache_max_age = 0
+
+# secrets for session and authentication
+# CHANGE IN PRODUCTION!
+auth.secret = Change Me!
+session.secret = 4d72ee16df8cf1238048ade32e3ce4d51757af8ada4a962cfae5cea5c08421a0
+
+# time a user token is valid (in minutes)
+token_expiry.change_email = 120
+token_expiry.reset_password = 120
+token_expiry.user_registration = 120
+
+# email delivery
+mail.host = localhost
+mail.port = 2525
+mail.default_sender = ordr@example.com
 
 # By default, the toolbar only appears for clients from IP addresses
 # '127.0.0.1' and '::1'.

docs/installation.rst

@@ -5,8 +5,35 @@ Installation
 ============
 
 
-Stable release
---------------
+From sources
+------------
+
+The sources for Ordr2 can be downloaded from the `Git repo`_.
+
+You can clone the public repository:
+
+.. code-block:: console
+
+    $ git clone https://git.cpi.imtek.uni-freiburg.de/holgi/ordr2
+
+You should create a new virtual environment prior to installing and activate it
+
+.. code-block:: console
+
+    $ python3 -m venv venv-ordr2
+    $ source venv-ordr2/bin/activate
+
+Once you have a copy of the source, you can install it with:
+
+.. code-block:: console
+
+    $ pip install .
+
+.. _Git repo: https://git.cpi.imtek.uni-freiburg.de/holgi/ordr2
+
+
+Stable release (CURRENTLY NOT AVAILABLE)
+----------------------------------------
 
 To install Ordr2, run this command in your terminal:
 
@@ -14,7 +41,8 @@ To install Ordr2, run this command in your terminal:
 
     $ pip install ordr2
 
-This is the preferred method to install Ordr2, as it will always install the most recent stable release. 
+This is the preferred method to install Ordr2, as it will always install the
+most recent stable release.
 
 If you don't have `pip`_ installed, this `Python installation guide`_ can guide
 you through the process.
@@ -23,29 +51,60 @@ you through the process.
 .. _Python installation guide: http://docs.python-guide.org/en/latest/starting/installation/
 
 
-From sources
+Dependencies
 ------------
 
-The sources for Ordr2 can be downloaded from the `Github repo`_.
+These are the top-level packages that are needed by the webapp and why. They
+rely propably on other packages as well.
 
-You can either clone the public repository:
+deform
+    form rendering and validation library
 
-.. code-block:: console
+passlib[argon2, bcrypt]
+    password hashing library with argon2 and bcrypt support
 
-    $ git clone git://github.com/holgi/ordr2
+pyramid
+    the framework for the web applicatoin
 
-Or download the `tarball`_:
+pyramid_debugtoolbar
+    debugging the web application in the browser
 
-.. code-block:: console
+pyramid_jinja2
+    Jina2 templating engine for the pyramid web framework
 
-    $ curl  -OL https://github.com/holgi/ordr2/tarball/master
+pyramid_mailer
+    send emails, uses the transaction manager
 
-Once you have a copy of the source, you can install it with:
+pyramid_nacl_session
+    Session object with encryption
 
-.. code-block:: console
+pyramid_tm
+    automatic transaction management based on the request life cycle
+
+SQLAlchemy
+    database abstraction
+
+transaction
+    transaction management
+
+waitress
+    wsgi server for developement
+
+zope.sqlalchemy
+    required by pyramid_tm transaction binding
+
+
+For running tests
+~~~~~~~~~~~~~~~~~
+
+pytest
+    for testing python projects
 
-    $ python setup.py install
+pytest-cov
+    test coverage report for pytest
 
+pytest-runner
+    required for `test` command in setup.py
 
-.. _Github repo: https://github.com/holgi/ordr2
-.. _tarball: https://github.com/holgi/ordr2/tarball/master
+WebTest
+    run functional or integration tests on the web application

ordr2/__init__.py

@@ -1,5 +1,3 @@
-# -*- coding: utf-8 -*-
-
 ''' Top-level package for Ordr2. '''
 
 __author__ = 'Holger Frey'
@@ -13,8 +11,17 @@ from pyramid.config import Configurator
 def main(global_config, **settings):
     ''' This function returns a Pyramid WSGI application. '''
     config = Configurator(settings=settings)
-    config.include('pyramid_jinja2')
+
     config.include('.models')
     config.include('.resources')
+    config.include('.schemas')
+    config.include('.security')
+    config.include('.session')
+    config.include('.views')
+
+    # explicit include for jinja2 to enable rendering in events module
+    config.include('pyramid_jinja2')
+
     config.scan()
+
     return config.make_wsgi_app()

ordr2/events.py

@@ -0,0 +1,86 @@
+''' custom events and event subsribers '''
+
+from pyramid.events import subscriber
+from pyramid.renderers import render
+from pyramid_mailer import get_mailer
+from pyramid_mailer.message import Message
+
+
+# custom events
+
+class UserNotification(object):
+    ''' base class for user notification emails
+
+    :param request:
+        current request object
+    :type request:
+        `pyramid.request.Request`
+    :param account:
+        account to send the notification to
+    :type account:
+        :class:`ordr2.models.account.Users`
+    :param data:
+        additional data to pass to the mail template
+    '''
+
+    #: subject of the notification
+    subject = None
+
+    #: template to render
+    template = None
+
+    def __init__(self, request, account, data=None, send_to=None):
+        self.request = request
+        self.account = account
+        self.data = data
+        self.send_to = send_to or account.email
+
+
+class AccountActivation(UserNotification):
+    ''' user notification for account activation '''
+    subject = '[ordr] Your account was activated'
+    template = 'ordr2:templates/emails/activation.jinja2'
+
+
+class ChangedEmail(UserNotification):
+    ''' user notification for a changed email address '''
+    subject = '[ordr] Please verify your email address'
+    template = 'ordr2:templates/emails/mail_change.jinja2'
+
+
+class CompleteRegistration(UserNotification):
+    ''' user notification for account activation '''
+    subject = '[ordr] Please verify your email address'
+    template = 'ordr2:templates/emails/registration.jinja2'
+
+
+class OrderStatusChange(UserNotification):
+    ''' user notification for order status change '''
+    subject = '[ordr] Order Status Change'
+    template = 'ordr2:templates/emails/order.jinja2'
+
+
+class PasswordReset(UserNotification):
+    ''' user notification for password reset link '''
+    subject = '[ordr] Password Reset'
+    template = 'ordr2:templates/emails/password_reset.jinja2'
+
+
+# subsribers for events
+
+@subscriber(UserNotification)
+def notify_user(event):
+    ''' notify a user about an event '''
+    body = render(
+        event.template,
+        {'user': event.account, 'data': event.data},
+        event.request
+        )
+    message = Message(
+        subject=event.subject,
+        sender=event.request.registry.settings['mail.default_sender'],
+        recipients=[event.send_to],
+        html=body
+        )
+    mailer = get_mailer(event.request.registry)
+    mailer.send(message)

ordr2/models/__init__.py

@@ -1,3 +1,9 @@
+''' models (sub)package for ordr2
+
+prepare the sqlalchemy models for the database
+
+'''
+
 from sqlalchemy import engine_from_config
 from sqlalchemy.orm import sessionmaker
 from sqlalchemy.orm import configure_mappers
@@ -5,7 +11,7 @@ import zope.sqlalchemy
 
 # import or define all models here to ensure they are attached to the
 # Base.metadata prior to any initialization routines
-from .mymodel import MyModel  # flake8: noqa
+from .account import User, Role  # flake8: noqa
 
 # run configure_mappers after defining all of the models to ensure
 # all relationships can be setup
@@ -45,7 +51,9 @@ def get_tm_session(session_factory, transaction_manager):
     '''
     dbsession = session_factory()
     zope.sqlalchemy.register(
-        dbsession, transaction_manager=transaction_manager)
+        dbsession,
+        transaction_manager=transaction_manager
+        )
     return dbsession
 
 

ordr2/models/account.py

@@ -0,0 +1,234 @@
+''' User Account and Roles Models '''
+
+import enum
+import uuid
+
+from datetime import datetime, timedelta
+from passlib.context import CryptContext
+from sqlalchemy import (
+    Column,
+    Date,
+    DateTime,
+    Enum,
+    ForeignKey,
+    Integer,
+    Text,
+    Unicode
+    )
+from sqlalchemy.orm import relationship
+
+from .meta import Base, JsonEncoder
+
+
+#: create a crypt context for password hashes
+#: configured in :mod:`ordr2.security.includeme()`
+#: this is not in :mod:`ordr2.security` to avoid circular imports
+passlib_context = CryptContext()
+
+
+# non-database models
+
+class Role(enum.Enum):
+    ''' roles of user accounts '''
+
+    #: new user, email address was not validated
+    UNVALIDATED = 'unvalidated'
+
+    #: new user, email address validated, not activated by admin
+    NEW = 'new'
+
+    #: standard user of the system, can place and view orders
+    USER = 'user'
+
+    #: privileged user of the system, can edit orders
+    PURCHASER = 'purchaser'
+
+    #: privileged user, can edit orders, users and consumables
+    ADMIN = 'admin'
+
+    #: a user that is no longer activated
+    INACTIVE = 'inactive'
+
+    @property
+    def principal(self):
+        ''' returns the principal identifier of the role '''
+        return 'role:' + self.value.lower()
+
+    def __str__(self):
+        ''' string representation '''
+        return self.value.capitalize()
+
+
+class TokenSubject(enum.Enum):
+    ''' Token Subjects for changing user accounts '''
+
+    #: validate email address of freshly registered user
+    USER_REGISTRATION = 'user_registration'
+
+    #: validate email change of active user
+    CHANGE_EMAIL = 'change_email'
+
+    #: reset a forgotten password
+    RESET_PASSWORD = 'reset_password'
+
+
+# database driven models
+
+class User(Base):
+    ''' A user of the application '''
+
+    __tablename__ = 'users'
+
+    #: primary key
+    id = Column(Integer, primary_key=True)
+    #: unique user name
+    username = Column(Text, nullable=False, unique=True)
+    #: hashed password, see :mod:`ordr2.security`
+    password_hash = Column(Text, nullable=False)
+    #: role of the user, see :class:`ordr2.models.account.Role`
+    role = Column(Enum(Role), nullable=False)
+
+    first_name = Column(Text, nullable=False)
+    last_name = Column(Text, nullable=False)
+    email = Column(Text, nullable=False, unique=True)
+    date_created = Column(Date, nullable=False, default=datetime.utcnow)
+
+    #: tokens for new user registration, email change and forgotten passwords
+    tokens = relationship(
+        'Token',
+        back_populates='owner',
+        cascade="all, delete-orphan"
+        )
+
+    @property
+    def principal(self):
+        ''' returns the principal identifier for the user '''
+        return 'user:{}'.format(self.id)
+
+    @property
+    def role_principals(self):
+        ''' returns the principal identifiers for the user's role '''
+        principals = [self.role.principal]
+        if self.role is Role.PURCHASER:
+            # a purchaser is also a user
+            principals.append(Role.USER.principal)
+        elif self.role is Role.ADMIN:
+            # an admin is also a purchaser and a user
+            principals.append(Role.PURCHASER.principal)
+            principals.append(Role.USER.principal)
+        return principals
+
+    @property
+    def is_active(self):
+        ''' is true if the user has an active role '''
+        return self.role in (Role.USER, Role.PURCHASER, Role.ADMIN)
+
+    def set_password(self, password):
+        ''' hashes a password using :mod:`ordr2.security.passlib_context` '''
+        self.password_hash = passlib_context.hash(password)
+
+    def check_password(self, password):
+        ''' checks a password against a stored password hash
+
+        if the password algorithm is considered deprecated, the stored hash
+        will be updated using the current algorithm
+        '''
+        ok, new_hash = passlib_context.verify_and_update(
+            password,
+            self.password_hash
+            )
+
+        if not ok:
+            # password does not match, return False
+            return False
+        elif new_hash:
+            # algorithm is deprecated, update hash with new algorithm
+            self.password_hash = new_hash
+
+        # password match, return True
+        return True
+
+    def issue_token(self, request, subject, payload=None):
+        ''' issues a token for mail change, password reset or user verification
+
+        :param request:
+            the current request object
+        :type request:
+            pyramid.request.Request
+        :param subject:
+            what the token is used for
+        :type subject:
+            ordr2.models.account.TokenSubject
+        :param payload:
+            extra data to store with the token, must be JSON serializable
+        :rtype:
+            (str) unique hash to access the token
+        '''
+        return Token.issue(request, self, subject, payload)
+
+    def __str__(self):
+        ''' string representation '''
+        return str(self.username)
+
+
+class Token(Base):
+    ''' Tokens for mail change, account verification and password reset '''
+
+    __tablename__ = 'tokens'
+
+    #: hash identifyer of the token
+    hash = Column(Unicode, primary_key=True)
+
+    #: :class:`ordr2.models.account.TokenSubject`
+    subject = Column(Enum(TokenSubject), nullable=False)
+
+    #: token expires at this date and time
+    expires = Column(DateTime, nullable=False)
+
+    #: additional data to attach to a token
+    payload = Column(JsonEncoder, nullable=True)
+
+    #: the user_id the token belongs to
+    owner_id = Column(Integer, ForeignKey('users.id'))
+
+    #: the user the token belongs to
+    owner = relationship('User', back_populates='tokens')
+
+    @classmethod
+    def issue(cls, request, owner, subject, payload=None):
+        ''' issues a token for mail change, password reset or user verification
+
+        if the expiry keys for the token is not set in the app configuration,
+        the token will expire in five minutes.
+
+        to set the expiry time in the conig use `token_expiry.` prefix followed
+        by the value of the token subject and a time in minutes. For example,
+        to give an active user two hours time to verify an email address change
+        use `token_expiry.change_email = 120`
+
+        :param request:
+            the current request object
+        :type request:
+            pyramid.request.Request
+        :param subject:
+            what the token is used for
+        :type subject:
+            ordr2.models.account.TokenSubject
+        :param owner:
+            account the token is issued for
+        :type subject:
+            ordr2.models.account.User
+        :param payload:
+            extra data to store with the token, must be JSON serializable
+        :rtype:
+            ordr2.models.account.Token
+        '''
+        settings_key = 'token_expiry.' + subject.value
+        minutes = request.registry.settings.get(settings_key, 5)
+        expires = datetime.utcnow() + timedelta(minutes=int(minutes))
+        return cls(
+            hash=uuid.uuid4().hex,
+            subject=subject,
+            payload=payload,
+            owner=owner,
+            expires=expires)

ordr2/models/meta.py

@@ -1,5 +1,10 @@
+''' SQL conventions and custom Encoders '''
+
+import json
+
 from sqlalchemy.ext.declarative import declarative_base
 from sqlalchemy.schema import MetaData
+from sqlalchemy.types import TypeDecorator, Unicode
 
 # Recommended naming convention used by Alembic, as various different database
 # providers will autogenerate vastly different names making migrations more
@@ -12,5 +17,24 @@ NAMING_CONVENTION = {
     'pk': 'pk_%(table_name)s'
 }
 
+# setup metadata conventions and base declarative class
 metadata = MetaData(naming_convention=NAMING_CONVENTION)
 Base = declarative_base(metadata=metadata)
+
+
+class JsonEncoder(TypeDecorator):
+    ''' Represents an a data structure as a json-encoded string. '''
+
+    impl = Unicode
+
+    def process_bind_param(self, value, dialect):
+        ''' inbound (to database) '''
+        if value is not None:
+            value = json.dumps(value)
+        return value
+
+    def process_result_value(self, value, dialect):
+        ''' outbound (from database) '''
+        if value is not None:
+            value = json.loads(value)
+        return value

ordr2/models/mymodel.py

@@ -1,18 +0,0 @@
-from sqlalchemy import (
-    Column,
-    Index,
-    Integer,
-    Text,
-    )
-
-from .meta import Base
-
-
-class MyModel(Base):
-    __tablename__ = 'models'
-    id = Column(Integer, primary_key=True)
-    name = Column(Text)
-    value = Column(Integer)
-
-
-Index('my_index', MyModel.name, unique=True, mysql_length=255)

ordr2/resources/__init__.py

@@ -1,10 +1,37 @@
-class Root(object):
-    __name__ = None
-    __parent__ = None
+''' Resources (sub) package, used to connect URLs to views '''
 
+from pyramid.security import Allow, Everyone, DENY_ALL
 
-def root_factory(request):
-    return Root()
+from .base import BaseResource
+from .account import AccountResource
+
+
+class RootResource(BaseResource):
+    ''' The root resource for the application
+
+    :param request:
+        the current request object
+    :type request:
+        pyramid.request.Request
+    '''
+
+    #: name of the main navigation section for template highlighting
+    nav_section = 'root'
+
+    #: dict to match the next url path segment
+    nodes = {
+        'account': AccountResource
+        }
+
+    def __init__(self, request):
+        ''' Create the root resource '''
+        self.__name__ = None
+        self.__parent__ = None
+        self.request = request
+
+    def __acl__(self):
+        ''' access controll list for the resource '''
+        return [(Allow, Everyone, 'view'), DENY_ALL]
 
 
 def includeme(config):
@@ -14,5 +41,4 @@ def includeme(config):
     Activate this setup using ``config.include('ordr2.resources')``.
 
     '''
-    config.set_root_factory(root_factory)
-    config.add_static_view('static', 'ordr2:static', cache_max_age=3600)
+    config.set_root_factory(RootResource)

ordr2/resources/account.py

@@ -0,0 +1,103 @@
+''' Resources for account registraion and settings '''
+
+from datetime import datetime
+from pyramid.security import Allow, Authenticated, Everyone, Deny, DENY_ALL
+
+from ordr2.models.account import Token, TokenSubject
+from ordr2.resources.base import BaseResource
+
+
+class RegistrationToken(BaseResource):
+    ''' representing :class:`ordr2.models.account.Token` for registration '''
+
+    def __acl__(self):
+        ''' access controll list for the resource '''
+        return [
+            (Deny, Authenticated, 'register'),
+            (Allow, Everyone, 'register'),
+            DENY_ALL
+        ]
+
+
+class EmailVerificationToken(BaseResource):
+    ''' representing :class:`ordr2.models.account.Token` for email change '''
+
+    def __acl__(self):
+        ''' access controll list for the resource
+
+        a logged in user might only access his own tokens
+        '''
+        # self.model is a :class:`ordr2.models.account.Token` instance
+        return [
+            (Allow, self.model.owner.principal, 'settings'),
+            DENY_ALL
+            ]
+
+
+class ForgottenPasswordToken(BaseResource):
+    ''' representing :class:`ordr2.models.account.Token` for password reset '''
+
+    def __acl__(self):
+        ''' access controll list for the resource '''
+        return [
+            (Allow, Everyone, 'reset password'),
+            DENY_ALL
+            ]
+
+
+class AccountResource(BaseResource):
+    ''' Resouce class for account registration and settings '''
+
+    #: name of the main navigation section for template highlighting
+    nav_section = 'account'
+
+    #: mapping token subjects to token resouce classes
+    token_resources = {
+        TokenSubject.USER_REGISTRATION: RegistrationToken,
+        TokenSubject.CHANGE_EMAIL: EmailVerificationToken,
+        TokenSubject.RESET_PASSWORD: ForgottenPasswordToken
+    }
+
+    def __init__(self, name, parent, model=None):
+        ''' Create a base resource '''
+        # the current model is the current logged in user or None
+        super().__init__(name, parent, parent.request.user)
+
+    def __acl__(self):
+        ''' access controll list for the resource
+
+        - everyone can log in our log out
+        - authenticated users can change their settings
+        - unauthenticated users can register
+
+        '''
+        return [
+            (Allow, Everyone, 'login'),
+            (Allow, Everyone, 'logout'),
+            (Deny, Authenticated, 'register'),
+            (Allow, Everyone, 'register'),
+            (Allow, Everyone, 'reset password'),
+            (Allow, Authenticated, 'settings'),
+            DENY_ALL
+        ]
+
+    def __getitem__(self, key):
+        ''' provides the dict like interface to access child resources
+
+        :param str key:
+            token hash or path segment for a child resource
+        :rtype:
+            subclass of ordr2.resources.base.BaseResource
+        :raises:
+            KeyError if token hash or path segment is not found
+        '''
+        token = self.request.dbsession.query(Token).filter_by(hash=key).first()
+        if token is None:
+            # no token found, search for child node
+            return super().__getitem__(key)
+        elif token.expires < datetime.utcnow():
+            # token has expired, delete it
+            self.request.dbsession.delete(token)
+            raise KeyError(f'Token {key} has expired on {token.expires}')
+        resource_class = self.token_resources[token.subject]
+        return resource_class(key, self, model=token)

ordr2/resources/base.py

@@ -0,0 +1,412 @@
+''' Base resource classes '''
+
+from sqlalchemy import asc, desc
+
+
+class BaseResource(object):
+    ''' Base resouce class for location aware resources
+
+    :param str name:
+        url path segment that identifies this resource in its lineage
+    :param parent:
+        parent resource
+    :type parent:
+        ordr2.resources.BaseResource
+    :param model:
+        (optional) a model instance represented by this resource,
+        e.g. a database entry
+
+    Provides a dict like interface for retrieving child resources used by
+    traversal style routing in the Pyramid web framework.
+
+    The ``nodes`` property is a dictionary to to match the next url path
+    segment in traversal to a child class.
+    For example: to return an AccountResouce when the next path segment is
+    'account' use ``nodes = {'account': AccountResource}``.
+
+    '''
+
+    # __name__ and __parent__ properties for location aware resources
+    __name__ = None
+    __parent__ = None
+
+    #: name of the main navigation section for template highlighting
+    nav_section = None
+
+    #: dict to match the next url path segment
+    nodes = {}
+
+    def __init__(self, name, parent, model=None):
+        ''' Create a base resource '''
+        self.__name__ = name
+        self.__parent__ = parent
+        self.request = parent.request  #: the current request
+        self.model = model  #: a related model instance
+
+    def __acl__(self):
+        ''' access controll list for the resource '''
+        raise NotImplementedError
+
+    def __getitem__(self, key):
+        ''' provides the dict like interface to access child resources
+
+        :param str key:
+            path segment for a child resource
+        :rtype:
+            subclass of ordr2.resources.base.BaseResource
+        :raises:
+            KeyError if path segment is not found
+        '''
+        node_class = self.nodes[key]
+        return node_class(key, self)
+
+
+class Pagination(object):
+    ''' calculates pagination information
+
+    :param int current: current page number
+    :param int count: total number of items
+    :param int items: number of items displayed per pages
+    :param int window_size:
+        size of pagination window
+        lets assume the current page is 10 and window size is 7
+        self.window = [7, 8, 9, 10, 11, 12, 13]
+    '''
+
+    def __init__(self, current, count, items, window_size):
+        ''' calculates pagination information
+
+        :param int current: current page number
+        :param int count: total number of items
+        :param int items: number of items displayed per pages
+        :param int window_size:
+            size of pagination window
+            lets assume the current page is 10 and window size is 7
+            self.window = [7, 8, 9, 10, 11, 12, 13]
+        '''
+
+        self.count = count  #: total number of items
+        self.items_per_page = items  #: items displayed per page
+        self.first = None  #: number of first page
+        self.current = None  #: number of current (displayed) page
+        self.last = None  #: number of last page
+        self.previous = None  #: number of previous page
+        self.next = None  #: number of next page
+        self.window = []  #: page window
+
+        if count > 0:
+            # only do the calculation if there are items to be paginated
+            self.calculate(current, window_size)
+
+    def calculate(self, current, window_size):
+        # calculate number of pages
+        pages = (self.count - 1) // self.items_per_page + 1
+
+        # set the number of the first and last page
+        self.first = 1
+        self.last = max(self.first, pages)
+
+        # set current, previous and next page
+        self.current = self.is_valid(current, default=self.first)
+        self.previous = self.is_valid(self.current - 1)
+        self.next = self.is_valid(self.current + 1)
+
+        # window calculations
+        # example: lets assume the current page is 10 and window size is 7
+        # self.window = [7, 8, 9, 10, 11, 12, 13]
+        half_window = window_size // 2
+        start = self.current - half_window
+        end = self.current + half_window
+        calculated_window = range(start, end + 1)
+        self.window = [p for p in calculated_window if self.is_valid(p)]
+
+    def is_valid(self, page, default=None):
+        ''' checks if the given page is valid, returns default if not
+
+        :param int page: the page number to test
+        :param default: the value to return if the test fails
+        '''
+        if self.count and (self.first <= page <= self.last):
+            return page
+        return default
+
+
+class BaseListResource(BaseResource):
+    ''' Base resorce class for listings of other resources
+
+    The BaseListResource represents a view to a list of resources, like
+    products, users, etc. This includes pagination, sorting and filtering of
+    the resources.
+
+    Inherited classes must at least set one parameter and implement three
+    mehtods:
+     - ``child_resource_class``
+     - ``set_base_query()``
+        The base query is used for basic filtering that should be applied in
+        all cases; for example to filter out any products that are not in stock
+        or ariticles in draft mode. This query is also used when traversing
+        to child resources
+     - ``set_filtered_query()``
+        The filtered query extends the base query and applies filters for a
+        specific view, like show only blue cheeses. This query is used for
+        calulating pagination and sorting is applied when listing child
+        resources.
+     - ``get_sort_by_field(sort_by)``
+        add a sorting instruction to the query
+
+    '''
+
+    #: GET key for page number
+    get_key_page = 'p'
+
+    #: GET key for items per page
+    get_key_items_per_page = 'n'
+
+    #: GET key for order by column
+    get_key_sort_by = 'o'
+
+    #: GET key for order by direction
+    get_key_sort_dir = 'd'
+
+    #: default items per page
+    default_items_per_page = 12
+
+    #: default size of pagination window
+    default_window_size = 7
+
+    #: default sort direction
+    default_sort_dir = 'asc'
+
+    #: default sort by
+    default_sort_by = None
+
+    #: class of child resources
+    child_resource_class = None
+
+    def __init__(self, name, parent):
+        ''' Instance creation '''
+        super().__init__(name, parent)
+
+        self.base_query = None  #: base database query
+        self.filtered_query = None  #: database query with reuest filters
+        self.filters = {}  #: applied view filters
+        self.sort_by = None  #: applied sorting filed
+        self.sort_dir = None  #: applied sorting direction
+        self.pages = None  #: pagination info
+
+        self.set_base_query()
+        self.set_filtered_query()
+        self.calculate_pagination()
+
+    def set_base_query(self):
+        ''' setup of the basic database query
+
+        The base query is used for basic filtering that should be applied in
+        all cases; for example to filter out any products that are not in stock
+        or ariticles in draft mode. This query is also used when traversing
+        to child resources
+
+        This method must be implemented in a inherited class::
+
+            def set_base_query(self):
+                self.base_query = (
+                    self.request.dbsession
+                    .query(Cheeses)
+                    .filter_by(in_stock==True)
+                    )
+        '''
+        raise NotImplementedError
+
+    def set_filtered_query(self):
+        ''' setup of the database query for a specific view
+
+        the filtered query extends the base query and applies filters for a
+        specific view, like show only blue cheeses. This query is used for
+        calulating pagination and sorting is applied when listing child
+        resources.
+
+        This method must be implemented in a inherited class::
+
+            def set_filtered_query(self):
+                query = self.base_query
+                # filter by type of cheese
+                query = self._filter_by('type', Cheese.type, query)
+                query = self._filter_by('age', Cheeses.age, query)
+                self.filtered_query = query
+
+        '''
+        raise NotImplementedError
+
+    def get_sort_by_field(self, sort_by):
+        ''' returns the SQLalchemy model field to sort by
+
+        :param str sort_by:
+            a lowercase identifier for the field to sort by
+        :returns:
+            SQLalchemy model field or None
+
+        This method must be implemented in a inherited class::
+
+            def get_sort_by_field(self, sort_by):
+                if sort_by == 'type':
+                    return Cheese.type
+        '''
+        raise NotImplementedError
+
+    def _filter_by(self, get_key, model_field, query):
+        ''' helper method to appyl a simple filter to a query
+
+        it also records the filters applied to the view query in `self.filters`
+
+        :param str get_key:
+            name of the GET key to query
+        :param model_field:
+            field of SQLalchemy model the filter should be applied on
+        :param query:
+            SQLalchemy query object
+        :returns:
+            SQLalchemy query object with applied filter
+        '''
+        filter_value = self.request.GET.get(get_key, None)
+        if filter_value:
+            query = query.filter_by(model_field=filter_value)
+            self.active_filters[get_key] = filter_value
+        return query
+
+    def prepare_sorted_query(self, query):
+        ''' add sorting to the query '''
+
+        # first the sorting information from request.GET is used
+        sort_by = self.request.GET.get(self.get_key_sort_by, None)
+        sort_field = self.get_sort_by_field(sort_by)
+        if sort_field:
+            direction = self.request.GET.get(self.get_key_sort_dir, 'asc')
+            direction = 'asc' if direction.lower() == 'asc' else 'desc'
+            sort_func = asc if direction == 'asc' else desc
+            query = query.order_by(sort_func(sort_field))
+            self.sort_by = sort_by
+            self.sort_dir = direction
+
+        # default sorting is applied if not already sorted by this field
+        if self.default_sort_by and self.sort_by != self.default_sort_by:
+            sort_field = self.get_sort_by_field(self.default_sort_by)
+            sort_func = asc if self.default_sort_dir == 'asc' else desc
+            query = query.order_by(sort_func(sort_field))
+            if not self.sort_by:
+                self.sort_by = self.default_sort_by
+                self.sort_dir = self.default_sort_dir
+
+        return query
+
+    def calculate_pagination(self):
+        ''' calculates the pagination info '''
+        current_page = self._get_int(self.get_key_page, 1)
+        items_per_page = self._get_int(
+            self.get_key_items_per_page,
+            self.default_items_per_page
+            )
+        self.pages = Pagination(
+            current_page,
+            self.filtered_query.count(),
+            items_per_page,
+            self.default_window_size
+            )
+
+    def items(self):
+        ''' returns the items of the current page as resources'''
+        if not self.pages.count:
+            return []
+
+        # add the sorting
+        query = self.prepare_sorted_query(self.filtered_query)
+
+        # add offset and limit limit
+        offset = (self.pages.current - 1) * self.pages.items_per_page
+        query = query.offset(offset).limit(self.pages.items_per_page)
+
+        # return a list of resources representing the items found by the query
+        return [
+            self._child_resource(item)
+            for item
+            in query.all()
+            ]
+
+    def __getitem__(self, key):
+        ''' returns a child resource representing a sqlalchemy model '''
+        model = self.base_query.get(key)
+        if model:
+            return self._child_resource(model)
+        return super().__getitem__(key)
+
+    def _child_resource(self, item):
+        ''' helper function that returns an SQLalchemy model as resource '''
+        return self.child_resource_class(item.id, self, model=item)
+
+    def _get_int(self, key, default):
+        ''' returns the value of GET[key] as integer or default
+
+        :param str key: the key for the value of request.GET
+        :param int default: the default value, returned if conversion fails
+        :rtype: int
+        '''
+        try:
+            return int(self.request.GET[key])
+        except (KeyError, ValueError, TypeError):
+            return default
+
+    def query_params(self, override=None):
+        ''' query parameters for the active filters, sorting and page
+
+        :param dict override:
+            values that override the current filter, sorting or page settings
+
+        Example::
+
+            # current page, sorting, etc.
+            current = context.query_params()
+            current == {'p':1, 'n':12, 'o':'name', 'd':'asc', 'type':'brie'}
+            # next page with same sorting but type filter removed
+            next = context.query_params({'p':2, 'type': None})
+            next == {'p':2, 'n':12, 'o':'name', 'd':'asc'}
+        '''
+        params = {}
+        if self.pages.current:
+            params[self.get_key_page] = self.pages.current
+            params[self.get_key_items_per_page] = self.pages.items_per_page
+
+        if self.sort_by:
+            params[self.get_key_sort_by] = self.sort_by
+            params[self.get_key_sort_dir] = self.sort_dir
+
+        for key, value in self.active_filters.items():
+            params[key] = value
+
+        if override:
+            params.update(override)
+
+        return {k: v for k, v in params.items() if v is not None}
+
+    def resource_url(self, resource, *args, override=None, **kwargs):
+        ''' resource url for a context with query parameters for current view
+
+        :param resource: resource or view name to generate the url for
+        :type resource: :class:`BaseResource` or ``str``
+        :param list args: elements for url construction
+        :param dict override: overriding query params, see ``query_params()``
+
+        if the resource provided is a string, the current instance is
+        prepended::
+
+            # this
+            context.resoure_url('edit')
+            # is the same as
+            current_params = context.query_params()
+            url = request.resource_url(context, 'edit', query=current_params)
+
+        '''
+        if isinstance(resource, str):
+            chain = [self, resource] + args
+        else:
+            chain = [resource] + args
+        kwargs['query'] = self.query_params(override)
+        return self.request.resource_url(*chain, **kwargs)

ordr2/schemas/__init__.py

@@ -0,0 +1,55 @@
+''' Schemas (sub) package, for form rendering and validation '''
+
+import colander
+import deform
+
+from deform.renderer import configure_zpt_renderer
+
+from .helpers import (
+    deferred_csrf_default,
+    deferred_csrf_validator
+    )
+
+
+# Base Schema
+
+class CSRFSchema(colander.Schema):
+    ''' base class for schemas with csrf validation '''
+
+    csrf_token = colander.SchemaNode(
+        colander.String(),
+        default=deferred_csrf_default,
+        validator=deferred_csrf_validator,
+        widget=deform.widget.HiddenWidget(),
+        )
+
+    @classmethod
+    def as_form(cls, request, **kwargs):
+        ''' returns the schema as a form
+
+        :param request:
+            the current request
+        :type request:
+            pyramid.request.Request
+        :param kwargs:
+            additional parameters for the form rendering.
+            url is not set, the current context and view name will be used to
+            constuct a url for the form
+        '''
+        url = kwargs.pop('url', None)
+        if not url:
+            url = request.resource_url(request.context, request.view_name)
+        schema = cls().bind(request=request)
+        form = deform.Form(schema, action=url, **kwargs)
+        return form
+
+
+def includeme(config):
+    '''
+    Initialize the form schemas
+
+    Activate this setup using ``config.include('ordr2.schemas')``.
+
+    '''
+    # Make Deform widgets aware of our widget template paths
+    configure_zpt_renderer(['ordr2:templates/deform'])

ordr2/schemas/account.py

@@ -0,0 +1,127 @@
+import colander
+import deform
+
+from ordr2.models import Role
+
+from . import CSRFSchema
+from .helpers import (
+    deferred_unique_email_validator,
+    deferred_unique_username_validator,
+    deferred_password_validator
+    )
+
+
+# schema for user registration
+
+class RegistrationSchema(CSRFSchema):
+    ''' new user registration '''
+
+    username = colander.SchemaNode(
+        colander.String(),
+        widget=deform.widget.TextInputWidget(readonly=True),
+        description='automagically generated for you',
+        validator=deferred_unique_username_validator,
+        )
+    first_name = colander.SchemaNode(
+        colander.String()
+        )
+    last_name = colander.SchemaNode(
+        colander.String()
+        )
+    email = colander.SchemaNode(
+        colander.String(),
+        validator=deferred_unique_email_validator
+        )
+    password = colander.SchemaNode(
+        colander.String(),
+        widget=deform.widget.CheckedPasswordWidget()
+        )
+
+    @classmethod
+    def as_form(cls, request, **override):
+        settings = {
+            'buttons': ('Create Account', 'Cancel'),
+            'css_class': 'form registration'
+            }
+        settings.update(override)
+        return super().as_form(request, **settings)
+
+
+class ResetPasswordSchema(CSRFSchema):
+    ''' reset a password '''
+
+    password = colander.SchemaNode(
+        colander.String(),
+        widget=deform.widget.CheckedPasswordWidget()
+        )
+
+    @classmethod
+    def as_form(cls, request, **override):
+        settings = {
+            'buttons': ('Reset Password', 'Cancel'),
+            'css_class': 'form reset-password'
+            }
+        settings.update(override)
+        return super().as_form(request, **settings)
+
+
+
+class SettingsSectionGeneralSchema(colander.Schema):
+    ''' Section 'General' for account settings schema '''
+
+    username = colander.SchemaNode(
+        colander.String(),
+        widget=deform.widget.TextInputWidget(readonly=True),
+        )
+    first_name = colander.SchemaNode(
+        colander.String()
+        )
+    last_name = colander.SchemaNode(
+        colander.String()
+        )
+    email = colander.SchemaNode(
+        colander.String(),
+        validator=deferred_unique_email_validator
+        )
+    role = colander.SchemaNode(
+        colander.String(),
+        widget=deform.widget.TextInputWidget(readonly=True),
+        )
+
+
+class SettingsSectionChangePasswordSchema(colander.Schema):
+    ''' Section 'Change Password' for account settings schema '''
+
+    new_password = colander.SchemaNode(
+        colander.String(),
+        widget=deform.widget.CheckedPasswordWidget(),
+        missing=''
+        )
+
+
+class SettingsSectionConfirmChangesSchema(colander.Schema):
+    ''' Section 'ConfirmChanges' for account settings schema '''
+
+    password = colander.SchemaNode(
+        colander.String(),
+        widget=deform.widget.PasswordWidget(),
+        validator=deferred_password_validator,
+        description='Enter your current password to confirm changes'
+        )
+
+
+class AccountSettingsSchema(CSRFSchema):
+    ''' account settings schema '''
+
+    general = SettingsSectionGeneralSchema()
+    change_password = SettingsSectionChangePasswordSchema()
+    confirm_changes = SettingsSectionConfirmChangesSchema()
+
+    @classmethod
+    def as_form(cls, request, **override):
+        settings = {
+            'buttons': ('Save Settings', 'Cancel'),
+            'css_class': 'form account-settings'
+            }
+        settings.update(override)
+        return super().as_form(request, **settings)

ordr2/schemas/helpers.py

@@ -0,0 +1,63 @@
+''' helper functions for schemas '''
+
+import colander
+
+from pyramid.csrf import get_csrf_token, check_csrf_token
+
+from ordr2.models import User
+
+
+@colander.deferred
+def deferred_csrf_default(node, kw):
+    ''' sets the current csrf token '''
+    request = kw.get('request')
+    return get_csrf_token(request)
+
+
+@colander.deferred
+def deferred_csrf_validator(node, kw):
+    ''' validates a submitted csrf token '''
+    def validate_csrf(node, value):
+        request = kw.get('request')
+        if not check_csrf_token(request, raises=False):
+            raise colander.Invalid(node, 'Bad CSRF token')
+    return validate_csrf
+
+
+@colander.deferred
+def deferred_unique_username_validator(node, kw):
+    ''' checks if an username is not registered already '''
+
+    def validate_unique_username(node, value):
+        request = kw.get('request')
+        user = request.dbsession.query(User).filter_by(username=value).first()
+        if user is not None:
+            raise colander.Invalid(node, 'User name already registered')
+    return validate_unique_username
+
+
+@colander.deferred
+def deferred_unique_email_validator(node, kw):
+    ''' checks if an email is not registered already '''
+    email_validator = colander.Email()
+
+    def validate_unique_email(node, value):
+        email_validator(node, value)  # raises exception on invalid address
+        request = kw.get('request')
+        user = request.dbsession.query(User).filter_by(email=value).first()
+        if user not in (None, request.context.model):
+            # allow existing email addresses if
+            # it belongs to the user that is currently edited
+            raise colander.Invalid(node, 'Email address in use')
+    return validate_unique_email
+
+
+@colander.deferred
+def deferred_password_validator(node, kw):
+    ''' checks password confirmation for settings '''
+
+    def validate_password_confirmation(node, value):
+        request = kw.get('request')
+        if request.user is None or not request.user.check_password(value):
+            raise colander.Invalid(node, 'Wrong password')
+    return validate_password_confirmation

ordr2/scripts/initializedb.py

@@ -1,3 +1,5 @@
+''' initialize the database '''
+
 import os
 import sys
 import transaction
@@ -15,7 +17,7 @@ from ..models import (
     get_session_factory,
     get_tm_session,
     )
-from ..models import MyModel
+from ..models.account import User, Role, passlib_context
 
 
 def usage(argv):
@@ -38,8 +40,17 @@ def main(argv=sys.argv):
 
     session_factory = get_session_factory(engine)
 
+    passlib_context.load_path(settings['passlib.config'])
+
     with transaction.manager:
         dbsession = get_tm_session(session_factory, transaction.manager)
 
-        model = MyModel(name='one', value=1)
-        dbsession.add(model)
+        user = User(
+            username='HolgerFrey',
+            first_name='Holger',
+            last_name='Frey',
+            email='frey@imtek.de',
+            role=Role.ADMIN
+            )
+        user.set_password('holgi')
+        dbsession.add(user)

ordr2/security.py

@@ -0,0 +1,70 @@
+''' User Authentication and Authorization '''
+
+from pyramid.authentication import AuthTktAuthenticationPolicy
+from pyramid.authorization import ACLAuthorizationPolicy
+from pyramid.security import Authenticated, Everyone
+
+from ordr2.models.account import User, passlib_context
+
+
+class AuthenticationPolicy(AuthTktAuthenticationPolicy):
+    ''' How to authenticate users '''
+
+    def authenticated_userid(self, request):
+        ''' returns the id of an authenticated user
+
+        heavy lifting done in get_user() attached to request
+        '''
+        user = request.user
+        if user is not None:
+            return user.id
+
+    def effective_principals(self, request):
+        ''' returns a list of principals for the user '''
+        principals = [Everyone]
+        user = request.user
+        if user is not None:
+            principals.append(Authenticated)
+            principals.append(user.principal)
+            principals.extend(user.role_principals)
+        return principals
+
+
+def get_user(request):
+    ''' retrieves the user object by the unauthenticated user id
+
+    :param request:
+        the current request object
+    :type request:
+        pyramid.request.Request
+    :rtype:
+        :class:`ordr2.models.account.User` or None
+    '''
+    user_id = request.unauthenticated_userid
+    if user_id is not None:
+        user = request.dbsession.query(User).filter_by(id=user_id).first()
+        if user and user.is_active:
+            return user
+    return None
+
+
+def includeme(config):
+    ''' initializing authentication, authorization and password hash settings
+
+    Activate this setup using ``config.include('ordr2.security')``.
+    '''
+    settings = config.get_settings()
+
+    # configure the passlib context manager for hashing user passwords
+    passlib_context.load_path(settings['passlib.config'])
+
+    # config for authentication and authorization
+    authn_policy = AuthenticationPolicy(
+        settings['auth.secret'],
+        hashalg='sha512',
+        )
+    config.set_authentication_policy(authn_policy)
+    config.set_authorization_policy(ACLAuthorizationPolicy())
+
+    # attach the get_user function returned by get_user_closure()
+    config.add_request_method(get_user, 'user', reify=True)

ordr2/session.py

@@ -0,0 +1,19 @@
+''' Session configuration '''
+
+import binascii
+
+from pyramid_nacl_session import EncryptedCookieSessionFactory
+
+
+def includeme(config):
+    ''' initializing session configuration
+
+    Activate this setup using ``config.include('ordr2.session')``.
+    '''
+
+    settings = config.get_settings()
+    hex_secret = settings['session.secret'].strip()
+    secret = binascii.unhexlify(hex_secret)
+
+    factory = EncryptedCookieSessionFactory(secret)
+    config.set_session_factory(factory)

ordr2/static/font/css/open-iconic-bootstrap.css

@@ -0,0 +1,952 @@
+/* Bootstrap */
+
+@font-face {
+  font-family: 'Icons';
+  src: url('../fonts/open-iconic.eot');
+  src: url('../fonts/open-iconic.eot?#iconic-sm') format('embedded-opentype'), url('../fonts/open-iconic.woff') format('woff'), url('../fonts/open-iconic.ttf') format('truetype'), url('../fonts/open-iconic.otf') format('opentype'), url('../fonts/open-iconic.svg#iconic-sm') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+.oi {
+  position: relative;
+  top: 1px;
+  display: inline-block;
+  speak:none;
+  font-family: 'Icons';
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.oi:empty:before {
+  width: 1em;
+  text-align: center;
+  box-sizing: content-box;
+}
+
+.oi.oi-align-center:before {
+  text-align: center;
+}
+
+.oi.oi-align-left:before {
+  text-align: left;
+}
+
+.oi.oi-align-right:before {
+  text-align: right;
+}
+
+
+.oi.oi-flip-horizontal:before {
+  -webkit-transform: scale(-1, 1);
+  -ms-transform: scale(-1, 1);
+  transform: scale(-1, 1);
+}
+
+.oi.oi-flip-vertical:before {
+  -webkit-transform: scale(1, -1);
+  -ms-transform: scale(-1, 1);
+  transform: scale(1, -1);
+}
+
+.oi.oi-flip-horizontal-vertical:before {
+  -webkit-transform: scale(-1, -1);
+  -ms-transform: scale(-1, 1);
+  transform: scale(-1, -1);
+}
+
+
+.oi-account-login:before {
+  content:'\e000';
+}
+
+.oi-account-logout:before {
+  content:'\e001';
+}
+
+.oi-action-redo:before {
+  content:'\e002';
+}
+
+.oi-action-undo:before {
+  content:'\e003';
+}
+
+.oi-align-center:before {
+  content:'\e004';
+}
+
+.oi-align-left:before {
+  content:'\e005';
+}
+
+.oi-align-right:before {
+  content:'\e006';
+}
+
+.oi-aperture:before {
+  content:'\e007';
+}
+
+.oi-arrow-bottom:before {
+  content:'\e008';
+}
+
+.oi-arrow-circle-bottom:before {
+  content:'\e009';
+}
+
+.oi-arrow-circle-left:before {
+  content:'\e00a';
+}
+
+.oi-arrow-circle-right:before {
+  content:'\e00b';
+}
+
+.oi-arrow-circle-top:before {
+  content:'\e00c';
+}
+
+.oi-arrow-left:before {
+  content:'\e00d';
+}
+
+.oi-arrow-right:before {
+  content:'\e00e';
+}
+
+.oi-arrow-thick-bottom:before {
+  content:'\e00f';
+}
+
+.oi-arrow-thick-left:before {
+  content:'\e010';
+}
+
+.oi-arrow-thick-right:before {
+  content:'\e011';
+}
+
+.oi-arrow-thick-top:before {
+  content:'\e012';
+}
+
+.oi-arrow-top:before {
+  content:'\e013';
+}
+
+.oi-audio-spectrum:before {
+  content:'\e014';
+}
+
+.oi-audio:before {
+  content:'\e015';
+}
+
+.oi-badge:before {
+  content:'\e016';
+}
+
+.oi-ban:before {
+  content:'\e017';
+}
+
+.oi-bar-chart:before {
+  content:'\e018';
+}
+
+.oi-basket:before {
+  content:'\e019';
+}
+
+.oi-battery-empty:before {
+  content:'\e01a';
+}
+
+.oi-battery-full:before {
+  content:'\e01b';
+}
+
+.oi-beaker:before {
+  content:'\e01c';
+}
+
+.oi-bell:before {
+  content:'\e01d';
+}
+
+.oi-bluetooth:before {
+  content:'\e01e';
+}
+
+.oi-bold:before {
+  content:'\e01f';
+}
+
+.oi-bolt:before {
+  content:'\e020';
+}
+
+.oi-book:before {
+  content:'\e021';
+}
+
+.oi-bookmark:before {
+  content:'\e022';
+}
+
+.oi-box:before {
+  content:'\e023';
+}
+
+.oi-briefcase:before {
+  content:'\e024';
+}
+
+.oi-british-pound:before {
+  content:'\e025';
+}
+
+.oi-browser:before {
+  content:'\e026';
+}
+
+.oi-brush:before {
+  content:'\e027';
+}
+
+.oi-bug:before {
+  content:'\e028';
+}
+
+.oi-bullhorn:before {
+  content:'\e029';
+}
+
+.oi-calculator:before {
+  content:'\e02a';
+}
+
+.oi-calendar:before {
+  content:'\e02b';
+}
+
+.oi-camera-slr:before {
+  content:'\e02c';
+}
+
+.oi-caret-bottom:before {
+  content:'\e02d';
+}
+
+.oi-caret-left:before {
+  content:'\e02e';
+}
+
+.oi-caret-right:before {
+  content:'\e02f';
+}
+
+.oi-caret-top:before {
+  content:'\e030';
+}
+
+.oi-cart:before {
+  content:'\e031';
+}
+
+.oi-chat:before {
+  content:'\e032';
+}
+
+.oi-check:before {
+  content:'\e033';
+}
+
+.oi-chevron-bottom:before {
+  content:'\e034';
+}
+
+.oi-chevron-left:before {
+  content:'\e035';
+}
+
+.oi-chevron-right:before {
+  content:'\e036';
+}
+
+.oi-chevron-top:before {
+  content:'\e037';
+}
+
+.oi-circle-check:before {
+  content:'\e038';
+}
+
+.oi-circle-x:before {
+  content:'\e039';
+}
+
+.oi-clipboard:before {
+  content:'\e03a';
+}
+
+.oi-clock:before {
+  content:'\e03b';
+}
+
+.oi-cloud-download:before {
+  content:'\e03c';
+}
+
+.oi-cloud-upload:before {
+  content:'\e03d';
+}
+
+.oi-cloud:before {
+  content:'\e03e';
+}
+
+.oi-cloudy:before {
+  content:'\e03f';
+}
+
+.oi-code:before {
+  content:'\e040';
+}
+
+.oi-cog:before {
+  content:'\e041';
+}
+
+.oi-collapse-down:before {
+  content:'\e042';
+}
+
+.oi-collapse-left:before {
+  content:'\e043';
+}
+
+.oi-collapse-right:before {
+  content:'\e044';
+}
+
+.oi-collapse-up:before {
+  content:'\e045';
+}
+
+.oi-command:before {
+  content:'\e046';
+}
+
+.oi-comment-square:before {
+  content:'\e047';
+}
+
+.oi-compass:before {
+  content:'\e048';
+}
+
+.oi-contrast:before {
+  content:'\e049';
+}
+
+.oi-copywriting:before {
+  content:'\e04a';
+}
+
+.oi-credit-card:before {
+  content:'\e04b';
+}
+
+.oi-crop:before {
+  content:'\e04c';
+}
+
+.oi-dashboard:before {
+  content:'\e04d';
+}
+
+.oi-data-transfer-download:before {
+  content:'\e04e';
+}
+
+.oi-data-transfer-upload:before {
+  content:'\e04f';
+}
+
+.oi-delete:before {
+  content:'\e050';
+}
+
+.oi-dial:before {
+  content:'\e051';
+}
+
+.oi-document:before {
+  content:'\e052';
+}
+
+.oi-dollar:before {
+  content:'\e053';
+}
+
+.oi-double-quote-sans-left:before {
+  content:'\e054';
+}
+
+.oi-double-quote-sans-right:before {
+  content:'\e055';
+}
+
+.oi-double-quote-serif-left:before {
+  content:'\e056';
+}
+
+.oi-double-quote-serif-right:before {
+  content:'\e057';
+}
+
+.oi-droplet:before {
+  content:'\e058';
+}
+
+.oi-eject:before {
+  content:'\e059';
+}
+
+.oi-elevator:before {
+  content:'\e05a';
+}
+
+.oi-ellipses:before {
+  content:'\e05b';
+}
+
+.oi-envelope-closed:before {
+  content:'\e05c';
+}
+
+.oi-envelope-open:before {
+  content:'\e05d';
+}
+
+.oi-euro:before {
+  content:'\e05e';
+}
+
+.oi-excerpt:before {
+  content:'\e05f';
+}
+
+.oi-expand-down:before {
+  content:'\e060';
+}
+
+.oi-expand-left:before {
+  content:'\e061';
+}
+
+.oi-expand-right:before {
+  content:'\e062';
+}
+
+.oi-expand-up:before {
+  content:'\e063';
+}
+
+.oi-external-link:before {
+  content:'\e064';
+}
+
+.oi-eye:before {
+  content:'\e065';
+}
+
+.oi-eyedropper:before {
+  content:'\e066';
+}
+
+.oi-file:before {
+  content:'\e067';
+}
+
+.oi-fire:before {
+  content:'\e068';
+}
+
+.oi-flag:before {
+  content:'\e069';
+}
+
+.oi-flash:before {
+  content:'\e06a';
+}
+
+.oi-folder:before {
+  content:'\e06b';
+}
+
+.oi-fork:before {
+  content:'\e06c';
+}
+
+.oi-fullscreen-enter:before {
+  content:'\e06d';
+}
+
+.oi-fullscreen-exit:before {
+  content:'\e06e';
+}
+
+.oi-globe:before {
+  content:'\e06f';
+}
+
+.oi-graph:before {
+  content:'\e070';
+}
+
+.oi-grid-four-up:before {
+  content:'\e071';
+}
+
+.oi-grid-three-up:before {
+  content:'\e072';
+}
+
+.oi-grid-two-up:before {
+  content:'\e073';
+}
+
+.oi-hard-drive:before {
+  content:'\e074';
+}
+
+.oi-header:before {
+  content:'\e075';
+}
+
+.oi-headphones:before {
+  content:'\e076';
+}
+
+.oi-heart:before {
+  content:'\e077';
+}
+
+.oi-home:before {
+  content:'\e078';
+}
+
+.oi-image:before {
+  content:'\e079';
+}
+
+.oi-inbox:before {
+  content:'\e07a';
+}
+
+.oi-infinity:before {
+  content:'\e07b';
+}
+
+.oi-info:before {
+  content:'\e07c';
+}
+
+.oi-italic:before {
+  content:'\e07d';
+}
+
+.oi-justify-center:before {
+  content:'\e07e';
+}
+
+.oi-justify-left:before {
+  content:'\e07f';
+}
+
+.oi-justify-right:before {
+  content:'\e080';
+}
+
+.oi-key:before {
+  content:'\e081';
+}
+
+.oi-laptop:before {
+  content:'\e082';
+}
+
+.oi-layers:before {
+  content:'\e083';
+}
+
+.oi-lightbulb:before {
+  content:'\e084';
+}
+
+.oi-link-broken:before {
+  content:'\e085';
+}
+
+.oi-link-intact:before {
+  content:'\e086';
+}
+
+.oi-list-rich:before {
+  content:'\e087';
+}
+
+.oi-list:before {
+  content:'\e088';
+}
+
+.oi-location:before {
+  content:'\e089';
+}
+
+.oi-lock-locked:before {
+  content:'\e08a';
+}
+
+.oi-lock-unlocked:before {
+  content:'\e08b';
+}
+
+.oi-loop-circular:before {
+  content:'\e08c';
+}
+
+.oi-loop-square:before {
+  content:'\e08d';
+}
+
+.oi-loop:before {
+  content:'\e08e';
+}
+
+.oi-magnifying-glass:before {
+  content:'\e08f';
+}
+
+.oi-map-marker:before {
+  content:'\e090';
+}
+
+.oi-map:before {
+  content:'\e091';
+}
+
+.oi-media-pause:before {
+  content:'\e092';
+}
+
+.oi-media-play:before {
+  content:'\e093';
+}
+
+.oi-media-record:before {
+  content:'\e094';
+}
+
+.oi-media-skip-backward:before {
+  content:'\e095';
+}
+
+.oi-media-skip-forward:before {
+  content:'\e096';
+}
+
+.oi-media-step-backward:before {
+  content:'\e097';
+}
+
+.oi-media-step-forward:before {
+  content:'\e098';
+}
+
+.oi-media-stop:before {
+  content:'\e099';
+}
+
+.oi-medical-cross:before {
+  content:'\e09a';
+}
+
+.oi-menu:before {
+  content:'\e09b';
+}
+
+.oi-microphone:before {
+  content:'\e09c';
+}
+
+.oi-minus:before {
+  content:'\e09d';
+}
+
+.oi-monitor:before {
+  content:'\e09e';
+}
+
+.oi-moon:before {
+  content:'\e09f';
+}
+
+.oi-move:before {
+  content:'\e0a0';
+}
+
+.oi-musical-note:before {
+  content:'\e0a1';
+}
+
+.oi-paperclip:before {
+  content:'\e0a2';
+}
+
+.oi-pencil:before {
+  content:'\e0a3';
+}
+
+.oi-people:before {
+  content:'\e0a4';
+}
+
+.oi-person:before {
+  content:'\e0a5';
+}
+
+.oi-phone:before {
+  content:'\e0a6';
+}
+
+.oi-pie-chart:before {
+  content:'\e0a7';
+}
+
+.oi-pin:before {
+  content:'\e0a8';
+}
+
+.oi-play-circle:before {
+  content:'\e0a9';
+}
+
+.oi-plus:before {
+  content:'\e0aa';
+}
+
+.oi-power-standby:before {
+  content:'\e0ab';
+}
+
+.oi-print:before {
+  content:'\e0ac';
+}
+
+.oi-project:before {
+  content:'\e0ad';
+}
+
+.oi-pulse:before {
+  content:'\e0ae';
+}
+
+.oi-puzzle-piece:before {
+  content:'\e0af';
+}
+
+.oi-question-mark:before {
+  content:'\e0b0';
+}
+
+.oi-rain:before {
+  content:'\e0b1';
+}
+
+.oi-random:before {
+  content:'\e0b2';
+}
+
+.oi-reload:before {
+  content:'\e0b3';
+}
+
+.oi-resize-both:before {
+  content:'\e0b4';
+}
+
+.oi-resize-height:before {
+  content:'\e0b5';
+}
+
+.oi-resize-width:before {
+  content:'\e0b6';
+}
+
+.oi-rss-alt:before {
+  content:'\e0b7';
+}
+
+.oi-rss:before {
+  content:'\e0b8';
+}
+
+.oi-script:before {
+  content:'\e0b9';
+}
+
+.oi-share-boxed:before {
+  content:'\e0ba';
+}
+
+.oi-share:before {
+  content:'\e0bb';
+}
+
+.oi-shield:before {
+  content:'\e0bc';
+}
+
+.oi-signal:before {
+  content:'\e0bd';
+}
+
+.oi-signpost:before {
+  content:'\e0be';
+}
+
+.oi-sort-ascending:before {
+  content:'\e0bf';
+}
+
+.oi-sort-descending:before {
+  content:'\e0c0';
+}
+
+.oi-spreadsheet:before {
+  content:'\e0c1';
+}
+
+.oi-star:before {
+  content:'\e0c2';
+}
+
+.oi-sun:before {
+  content:'\e0c3';
+}
+
+.oi-tablet:before {
+  content:'\e0c4';
+}
+
+.oi-tag:before {
+  content:'\e0c5';
+}
+
+.oi-tags:before {
+  content:'\e0c6';
+}
+
+.oi-target:before {
+  content:'\e0c7';
+}
+
+.oi-task:before {
+  content:'\e0c8';
+}
+
+.oi-terminal:before {
+  content:'\e0c9';
+}
+
+.oi-text:before {
+  content:'\e0ca';
+}
+
+.oi-thumb-down:before {
+  content:'\e0cb';
+}
+
+.oi-thumb-up:before {
+  content:'\e0cc';
+}
+
+.oi-timer:before {
+  content:'\e0cd';
+}
+
+.oi-transfer:before {
+  content:'\e0ce';
+}
+
+.oi-trash:before {
+  content:'\e0cf';
+}
+
+.oi-underline:before {
+  content:'\e0d0';
+}
+
+.oi-vertical-align-bottom:before {
+  content:'\e0d1';
+}
+
+.oi-vertical-align-center:before {
+  content:'\e0d2';
+}
+
+.oi-vertical-align-top:before {
+  content:'\e0d3';
+}
+
+.oi-video:before {
+  content:'\e0d4';
+}
+
+.oi-volume-high:before {
+  content:'\e0d5';
+}
+
+.oi-volume-low:before {
+  content:'\e0d6';
+}
+
+.oi-volume-off:before {
+  content:'\e0d7';
+}
+
+.oi-warning:before {
+  content:'\e0d8';
+}
+
+.oi-wifi:before {
+  content:'\e0d9';
+}
+
+.oi-wrench:before {
+  content:'\e0da';
+}
+
+.oi-x:before {
+  content:'\e0db';
+}
+
+.oi-yen:before {
+  content:'\e0dc';
+}
+
+.oi-zoom-in:before {
+  content:'\e0dd';
+}
+
+.oi-zoom-out:before {
+  content:'\e0de';
+}

ordr2/static/font/css/open-iconic-bootstrap.less

@@ -0,0 +1,960 @@
+/* Bootstrap */
+
+/* Override Bootstrap default variable */
+//@icon-font-path: "../fonts/";
+
+@font-face {
+  font-family: 'Icons';
+  src: ~"url('@{icon-font-path}open-iconic.eot')";
+  src: ~"url('@{icon-font-path}open-iconic.eot?#iconic-sm') format('embedded-opentype')",
+       ~"url('@{icon-font-path}open-iconic.woff') format('woff')",
+       ~"url('@{icon-font-path}open-iconic.ttf') format('truetype')",
+       ~"url('@{icon-font-path}open-iconic.svg#iconic-sm') format('svg')";
+  font-weight: normal;
+  font-style: normal;
+}
+
+// Catchall baseclass
+.oi {
+  position: relative;
+  top: 1px;
+  display: inline-block;
+  font-family: 'Icons';
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  &:empty:before {
+    width: 1em;
+    text-align: center;
+    box-sizing: content-box;
+  }
+
+  &.oi-align-center:before {
+    text-align: center;
+  }
+
+  &.oi-align-left:before {
+    text-align: left;
+  }
+
+  &.oi-align-right:before {
+    text-align: right;
+  }
+
+
+  &.oi-flip-horizontal:before {
+    -webkit-transform: scale(-1, 1);
+    -ms-transform: scale(-1, 1);
+    transform: scale(-1, 1);
+  }
+
+  &.oi-flip-vertical:before {
+    -webkit-transform: scale(1, -1);
+    -ms-transform: scale(-1, 1);
+    transform: scale(1, -1);
+  }
+
+  &.oi-flip-horizontal-vertical:before {
+    -webkit-transform: scale(-1, -1);
+    -ms-transform: scale(-1, 1);
+    transform: scale(-1, -1);
+  }
+}
+
+
+
+.oi-account-login:before {
+  content:"\e000";
+}
+
+.oi-account-logout:before {
+  content:"\e001";
+}
+
+.oi-action-redo:before {
+  content:"\e002";
+}
+
+.oi-action-undo:before {
+  content:"\e003";
+}
+
+.oi-align-center:before {
+  content:"\e004";
+}
+
+.oi-align-left:before {
+  content:"\e005";
+}
+
+.oi-align-right:before {
+  content:"\e006";
+}
+
+.oi-aperture:before {
+  content:"\e007";
+}
+
+.oi-arrow-bottom:before {
+  content:"\e008";
+}
+
+.oi-arrow-circle-bottom:before {
+  content:"\e009";
+}
+
+.oi-arrow-circle-left:before {
+  content:"\e00a";
+}
+
+.oi-arrow-circle-right:before {
+  content:"\e00b";
+}
+
+.oi-arrow-circle-top:before {
+  content:"\e00c";
+}
+
+.oi-arrow-left:before {
+  content:"\e00d";
+}
+
+.oi-arrow-right:before {
+  content:"\e00e";
+}
+
+.oi-arrow-thick-bottom:before {
+  content:"\e00f";
+}
+
+.oi-arrow-thick-left:before {
+  content:"\e010";
+}
+
+.oi-arrow-thick-right:before {
+  content:"\e011";
+}
+
+.oi-arrow-thick-top:before {
+  content:"\e012";
+}
+
+.oi-arrow-top:before {
+  content:"\e013";
+}
+
+.oi-audio-spectrum:before {
+  content:"\e014";
+}
+
+.oi-audio:before {
+  content:"\e015";
+}
+
+.oi-badge:before {
+  content:"\e016";
+}
+
+.oi-ban:before {
+  content:"\e017";
+}
+
+.oi-bar-chart:before {
+  content:"\e018";
+}
+
+.oi-basket:before {
+  content:"\e019";
+}
+
+.oi-battery-empty:before {
+  content:"\e01a";
+}
+
+.oi-battery-full:before {
+  content:"\e01b";
+}
+
+.oi-beaker:before {
+  content:"\e01c";
+}
+
+.oi-bell:before {
+  content:"\e01d";
+}
+
+.oi-bluetooth:before {
+  content:"\e01e";
+}
+
+.oi-bold:before {
+  content:"\e01f";
+}
+
+.oi-bolt:before {
+  content:"\e020";
+}
+
+.oi-book:before {
+  content:"\e021";
+}
+
+.oi-bookmark:before {
+  content:"\e022";
+}
+
+.oi-box:before {
+  content:"\e023";
+}
+
+.oi-briefcase:before {
+  content:"\e024";
+}
+
+.oi-british-pound:before {
+  content:"\e025";
+}
+
+.oi-browser:before {
+  content:"\e026";
+}
+
+.oi-brush:before {
+  content:"\e027";
+}
+
+.oi-bug:before {
+  content:"\e028";
+}
+
+.oi-bullhorn:before {
+  content:"\e029";
+}
+
+.oi-calculator:before {
+  content:"\e02a";
+}
+
+.oi-calendar:before {
+  content:"\e02b";
+}
+
+.oi-camera-slr:before {
+  content:"\e02c";
+}
+
+.oi-caret-bottom:before {
+  content:"\e02d";
+}
+
+.oi-caret-left:before {
+  content:"\e02e";
+}
+
+.oi-caret-right:before {
+  content:"\e02f";
+}
+
+.oi-caret-top:before {
+  content:"\e030";
+}
+
+.oi-cart:before {
+  content:"\e031";
+}
+
+.oi-chat:before {
+  content:"\e032";
+}
+
+.oi-check:before {
+  content:"\e033";
+}
+
+.oi-chevron-bottom:before {
+  content:"\e034";
+}
+
+.oi-chevron-left:before {
+  content:"\e035";
+}
+
+.oi-chevron-right:before {
+  content:"\e036";
+}
+
+.oi-chevron-top:before {
+  content:"\e037";
+}
+
+.oi-circle-check:before {
+  content:"\e038";
+}
+
+.oi-circle-x:before {
+  content:"\e039";
+}
+
+.oi-clipboard:before {
+  content:"\e03a";
+}
+
+.oi-clock:before {
+  content:"\e03b";
+}
+
+.oi-cloud-download:before {
+  content:"\e03c";
+}
+
+.oi-cloud-upload:before {
+  content:"\e03d";
+}
+
+.oi-cloud:before {
+  content:"\e03e";
+}
+
+.oi-cloudy:before {
+  content:"\e03f";
+}
+
+.oi-code:before {
+  content:"\e040";
+}
+
+.oi-cog:before {
+  content:"\e041";
+}
+
+.oi-collapse-down:before {
+  content:"\e042";
+}
+
+.oi-collapse-left:before {
+  content:"\e043";
+}
+
+.oi-collapse-right:before {
+  content:"\e044";
+}
+
+.oi-collapse-up:before {
+  content:"\e045";
+}
+
+.oi-command:before {
+  content:"\e046";
+}
+
+.oi-comment-square:before {
+  content:"\e047";
+}
+
+.oi-compass:before {
+  content:"\e048";
+}
+
+.oi-contrast:before {
+  content:"\e049";
+}
+
+.oi-copywriting:before {
+  content:"\e04a";
+}
+
+.oi-credit-card:before {
+  content:"\e04b";
+}
+
+.oi-crop:before {
+  content:"\e04c";
+}
+
+.oi-dashboard:before {
+  content:"\e04d";
+}
+
+.oi-data-transfer-download:before {
+  content:"\e04e";
+}
+
+.oi-data-transfer-upload:before {
+  content:"\e04f";
+}
+
+.oi-delete:before {
+  content:"\e050";
+}
+
+.oi-dial:before {
+  content:"\e051";
+}
+
+.oi-document:before {
+  content:"\e052";
+}
+
+.oi-dollar:before {
+  content:"\e053";
+}
+
+.oi-double-quote-sans-left:before {
+  content:"\e054";
+}
+
+.oi-double-quote-sans-right:before {
+  content:"\e055";
+}
+
+.oi-double-quote-serif-left:before {
+  content:"\e056";
+}
+
+.oi-double-quote-serif-right:before {
+  content:"\e057";
+}
+
+.oi-droplet:before {
+  content:"\e058";
+}
+
+.oi-eject:before {
+  content:"\e059";
+}
+
+.oi-elevator:before {
+  content:"\e05a";
+}
+
+.oi-ellipses:before {
+  content:"\e05b";
+}
+
+.oi-envelope-closed:before {
+  content:"\e05c";
+}
+
+.oi-envelope-open:before {
+  content:"\e05d";
+}
+
+.oi-euro:before {
+  content:"\e05e";
+}
+
+.oi-excerpt:before {
+  content:"\e05f";
+}
+
+.oi-expand-down:before {
+  content:"\e060";
+}
+
+.oi-expand-left:before {
+  content:"\e061";
+}
+
+.oi-expand-right:before {
+  content:"\e062";
+}
+
+.oi-expand-up:before {
+  content:"\e063";
+}
+
+.oi-external-link:before {
+  content:"\e064";
+}
+
+.oi-eye:before {
+  content:"\e065";
+}
+
+.oi-eyedropper:before {
+  content:"\e066";
+}
+
+.oi-file:before {
+  content:"\e067";
+}
+
+.oi-fire:before {
+  content:"\e068";
+}
+
+.oi-flag:before {
+  content:"\e069";
+}
+
+.oi-flash:before {
+  content:"\e06a";
+}
+
+.oi-folder:before {
+  content:"\e06b";
+}
+
+.oi-fork:before {
+  content:"\e06c";
+}
+
+.oi-fullscreen-enter:before {
+  content:"\e06d";
+}
+
+.oi-fullscreen-exit:before {
+  content:"\e06e";
+}
+
+.oi-globe:before {
+  content:"\e06f";
+}
+
+.oi-graph:before {
+  content:"\e070";
+}
+
+.oi-grid-four-up:before {
+  content:"\e071";
+}
+
+.oi-grid-three-up:before {
+  content:"\e072";
+}
+
+.oi-grid-two-up:before {
+  content:"\e073";
+}
+
+.oi-hard-drive:before {
+  content:"\e074";
+}
+
+.oi-header:before {
+  content:"\e075";
+}
+
+.oi-headphones:before {
+  content:"\e076";
+}
+
+.oi-heart:before {
+  content:"\e077";
+}
+
+.oi-home:before {
+  content:"\e078";
+}
+
+.oi-image:before {
+  content:"\e079";
+}
+
+.oi-inbox:before {
+  content:"\e07a";
+}
+
+.oi-infinity:before {
+  content:"\e07b";
+}
+
+.oi-info:before {
+  content:"\e07c";
+}
+
+.oi-italic:before {
+  content:"\e07d";
+}
+
+.oi-justify-center:before {
+  content:"\e07e";
+}
+
+.oi-justify-left:before {
+  content:"\e07f";
+}
+
+.oi-justify-right:before {
+  content:"\e080";
+}
+
+.oi-key:before {
+  content:"\e081";
+}
+
+.oi-laptop:before {
+  content:"\e082";
+}
+
+.oi-layers:before {
+  content:"\e083";
+}
+
+.oi-lightbulb:before {
+  content:"\e084";
+}
+
+.oi-link-broken:before {
+  content:"\e085";
+}
+
+.oi-link-intact:before {
+  content:"\e086";
+}
+
+.oi-list-rich:before {
+  content:"\e087";
+}
+
+.oi-list:before {
+  content:"\e088";
+}
+
+.oi-location:before {
+  content:"\e089";
+}
+
+.oi-lock-locked:before {
+  content:"\e08a";
+}
+
+.oi-lock-unlocked:before {
+  content:"\e08b";
+}
+
+.oi-loop-circular:before {
+  content:"\e08c";
+}
+
+.oi-loop-square:before {
+  content:"\e08d";
+}
+
+.oi-loop:before {
+  content:"\e08e";
+}
+
+.oi-magnifying-glass:before {
+  content:"\e08f";
+}
+
+.oi-map-marker:before {
+  content:"\e090";
+}
+
+.oi-map:before {
+  content:"\e091";
+}
+
+.oi-media-pause:before {
+  content:"\e092";
+}
+
+.oi-media-play:before {
+  content:"\e093";
+}
+
+.oi-media-record:before {
+  content:"\e094";
+}
+
+.oi-media-skip-backward:before {
+  content:"\e095";
+}
+
+.oi-media-skip-forward:before {
+  content:"\e096";
+}
+
+.oi-media-step-backward:before {
+  content:"\e097";
+}
+
+.oi-media-step-forward:before {
+  content:"\e098";
+}
+
+.oi-media-stop:before {
+  content:"\e099";
+}
+
+.oi-medical-cross:before {
+  content:"\e09a";
+}
+
+.oi-menu:before {
+  content:"\e09b";
+}
+
+.oi-microphone:before {
+  content:"\e09c";
+}
+
+.oi-minus:before {
+  content:"\e09d";
+}
+
+.oi-monitor:before {
+  content:"\e09e";
+}
+
+.oi-moon:before {
+  content:"\e09f";
+}
+
+.oi-move:before {
+  content:"\e0a0";
+}
+
+.oi-musical-note:before {
+  content:"\e0a1";
+}
+
+.oi-paperclip:before {
+  content:"\e0a2";
+}
+
+.oi-pencil:before {
+  content:"\e0a3";
+}
+
+.oi-people:before {
+  content:"\e0a4";
+}
+
+.oi-person:before {
+  content:"\e0a5";
+}
+
+.oi-phone:before {
+  content:"\e0a6";
+}
+
+.oi-pie-chart:before {
+  content:"\e0a7";
+}
+
+.oi-pin:before {
+  content:"\e0a8";
+}
+
+.oi-play-circle:before {
+  content:"\e0a9";
+}
+
+.oi-plus:before {
+  content:"\e0aa";
+}
+
+.oi-power-standby:before {
+  content:"\e0ab";
+}
+
+.oi-print:before {
+  content:"\e0ac";
+}
+
+.oi-project:before {
+  content:"\e0ad";
+}
+
+.oi-pulse:before {
+  content:"\e0ae";
+}
+
+.oi-puzzle-piece:before {
+  content:"\e0af";
+}
+
+.oi-question-mark:before {
+  content:"\e0b0";
+}
+
+.oi-rain:before {
+  content:"\e0b1";
+}
+
+.oi-random:before {
+  content:"\e0b2";
+}
+
+.oi-reload:before {
+  content:"\e0b3";
+}
+
+.oi-resize-both:before {
+  content:"\e0b4";
+}
+
+.oi-resize-height:before {
+  content:"\e0b5";
+}
+
+.oi-resize-width:before {
+  content:"\e0b6";
+}
+
+.oi-rss-alt:before {
+  content:"\e0b7";
+}
+
+.oi-rss:before {
+  content:"\e0b8";
+}
+
+.oi-script:before {
+  content:"\e0b9";
+}
+
+.oi-share-boxed:before {
+  content:"\e0ba";
+}
+
+.oi-share:before {
+  content:"\e0bb";
+}
+
+.oi-shield:before {
+  content:"\e0bc";
+}
+
+.oi-signal:before {
+  content:"\e0bd";
+}
+
+.oi-signpost:before {
+  content:"\e0be";
+}
+
+.oi-sort-ascending:before {
+  content:"\e0bf";
+}
+
+.oi-sort-descending:before {
+  content:"\e0c0";
+}
+
+.oi-spreadsheet:before {
+  content:"\e0c1";
+}
+
+.oi-star:before {
+  content:"\e0c2";
+}
+
+.oi-sun:before {
+  content:"\e0c3";
+}
+
+.oi-tablet:before {
+  content:"\e0c4";
+}
+
+.oi-tag:before {
+  content:"\e0c5";
+}
+
+.oi-tags:before {
+  content:"\e0c6";
+}
+
+.oi-target:before {
+  content:"\e0c7";
+}
+
+.oi-task:before {
+  content:"\e0c8";
+}
+
+.oi-terminal:before {
+  content:"\e0c9";
+}
+
+.oi-text:before {
+  content:"\e0ca";
+}
+
+.oi-thumb-down:before {
+  content:"\e0cb";
+}
+
+.oi-thumb-up:before {
+  content:"\e0cc";
+}
+
+.oi-timer:before {
+  content:"\e0cd";
+}
+
+.oi-transfer:before {
+  content:"\e0ce";
+}
+
+.oi-trash:before {
+  content:"\e0cf";
+}
+
+.oi-underline:before {
+  content:"\e0d0";
+}
+
+.oi-vertical-align-bottom:before {
+  content:"\e0d1";
+}
+
+.oi-vertical-align-center:before {
+  content:"\e0d2";
+}
+
+.oi-vertical-align-top:before {
+  content:"\e0d3";
+}
+
+.oi-video:before {
+  content:"\e0d4";
+}
+
+.oi-volume-high:before {
+  content:"\e0d5";
+}
+
+.oi-volume-low:before {
+  content:"\e0d6";
+}
+
+.oi-volume-off:before {
+  content:"\e0d7";
+}
+
+.oi-warning:before {
+  content:"\e0d8";
+}
+
+.oi-wifi:before {
+  content:"\e0d9";
+}
+
+.oi-wrench:before {
+  content:"\e0da";
+}
+
+.oi-x:before {
+  content:"\e0db";
+}
+
+.oi-yen:before {
+  content:"\e0dc";
+}
+
+.oi-zoom-in:before {
+  content:"\e0dd";
+}
+
+.oi-zoom-out:before {
+  content:"\e0de";
+}
+

ordr2/static/font/css/open-iconic-bootstrap.scss

@@ -0,0 +1,958 @@
+/* Bootstrap */
+
+/* Override Bootstrap default variable */
+$icon-font-path: '../fonts/' !default;
+
+@font-face {
+  font-family: 'Icons';
+  src: url('#{$icon-font-path}open-iconic.eot');
+  src: url('#{$icon-font-path}open-iconic.eot?#iconic-sm') format('embedded-opentype'), url('#{$icon-font-path}open-iconic.woff') format('woff'), url('#{$icon-font-path}open-iconic.ttf') format('truetype'), url('#{$icon-font-path}open-iconic.svg#iconic-sm') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+// Catchall baseclass
+.oi {
+  position: relative;
+  top: 1px;
+  display: inline-block;
+  font-family: 'Icons';
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+
+  &:empty:before {
+    width: 1em;
+    text-align: center;
+    box-sizing: content-box;
+  }
+
+  &.oi-align-center:before {
+    text-align: center;
+  }
+
+  &.oi-align-left:before {
+    text-align: left;
+  }
+
+  &.oi-align-right:before {
+    text-align: right;
+  }
+
+
+  &.oi-flip-horizontal:before {
+    -webkit-transform: scale(-1, 1);
+    -ms-transform: scale(-1, 1);
+    transform: scale(-1, 1);
+  }
+
+  &.oi-flip-vertical:before {
+    -webkit-transform: scale(1, -1);
+    -ms-transform: scale(-1, 1);
+    transform: scale(1, -1);
+  }
+
+  &.oi-flip-horizontal-vertical:before {
+    -webkit-transform: scale(-1, -1);
+    -ms-transform: scale(-1, 1);
+    transform: scale(-1, -1);
+  }
+}
+
+
+
+.oi-account-login:before {
+  content:'\e000';
+}
+
+.oi-account-logout:before {
+  content:'\e001';
+}
+
+.oi-action-redo:before {
+  content:'\e002';
+}
+
+.oi-action-undo:before {
+  content:'\e003';
+}
+
+.oi-align-center:before {
+  content:'\e004';
+}
+
+.oi-align-left:before {
+  content:'\e005';
+}
+
+.oi-align-right:before {
+  content:'\e006';
+}
+
+.oi-aperture:before {
+  content:'\e007';
+}
+
+.oi-arrow-bottom:before {
+  content:'\e008';
+}
+
+.oi-arrow-circle-bottom:before {
+  content:'\e009';
+}
+
+.oi-arrow-circle-left:before {
+  content:'\e00a';
+}
+
+.oi-arrow-circle-right:before {
+  content:'\e00b';
+}
+
+.oi-arrow-circle-top:before {
+  content:'\e00c';
+}
+
+.oi-arrow-left:before {
+  content:'\e00d';
+}
+
+.oi-arrow-right:before {
+  content:'\e00e';
+}
+
+.oi-arrow-thick-bottom:before {
+  content:'\e00f';
+}
+
+.oi-arrow-thick-left:before {
+  content:'\e010';
+}
+
+.oi-arrow-thick-right:before {
+  content:'\e011';
+}
+
+.oi-arrow-thick-top:before {
+  content:'\e012';
+}
+
+.oi-arrow-top:before {
+  content:'\e013';
+}
+
+.oi-audio-spectrum:before {
+  content:'\e014';
+}
+
+.oi-audio:before {
+  content:'\e015';
+}
+
+.oi-badge:before {
+  content:'\e016';
+}
+
+.oi-ban:before {
+  content:'\e017';
+}
+
+.oi-bar-chart:before {
+  content:'\e018';
+}
+
+.oi-basket:before {
+  content:'\e019';
+}
+
+.oi-battery-empty:before {
+  content:'\e01a';
+}
+
+.oi-battery-full:before {
+  content:'\e01b';
+}
+
+.oi-beaker:before {
+  content:'\e01c';
+}
+
+.oi-bell:before {
+  content:'\e01d';
+}
+
+.oi-bluetooth:before {
+  content:'\e01e';
+}
+
+.oi-bold:before {
+  content:'\e01f';
+}
+
+.oi-bolt:before {
+  content:'\e020';
+}
+
+.oi-book:before {
+  content:'\e021';
+}
+
+.oi-bookmark:before {
+  content:'\e022';
+}
+
+.oi-box:before {
+  content:'\e023';
+}
+
+.oi-briefcase:before {
+  content:'\e024';
+}
+
+.oi-british-pound:before {
+  content:'\e025';
+}
+
+.oi-browser:before {
+  content:'\e026';
+}
+
+.oi-brush:before {
+  content:'\e027';
+}
+
+.oi-bug:before {
+  content:'\e028';
+}
+
+.oi-bullhorn:before {
+  content:'\e029';
+}
+
+.oi-calculator:before {
+  content:'\e02a';
+}
+
+.oi-calendar:before {
+  content:'\e02b';
+}
+
+.oi-camera-slr:before {
+  content:'\e02c';
+}
+
+.oi-caret-bottom:before {
+  content:'\e02d';
+}
+
+.oi-caret-left:before {
+  content:'\e02e';
+}
+
+.oi-caret-right:before {
+  content:'\e02f';
+}
+
+.oi-caret-top:before {
+  content:'\e030';
+}
+
+.oi-cart:before {
+  content:'\e031';
+}
+
+.oi-chat:before {
+  content:'\e032';
+}
+
+.oi-check:before {
+  content:'\e033';
+}
+
+.oi-chevron-bottom:before {
+  content:'\e034';
+}
+
+.oi-chevron-left:before {
+  content:'\e035';
+}
+
+.oi-chevron-right:before {
+  content:'\e036';
+}
+
+.oi-chevron-top:before {
+  content:'\e037';
+}
+
+.oi-circle-check:before {
+  content:'\e038';
+}
+
+.oi-circle-x:before {
+  content:'\e039';
+}
+
+.oi-clipboard:before {
+  content:'\e03a';
+}
+
+.oi-clock:before {
+  content:'\e03b';
+}
+
+.oi-cloud-download:before {
+  content:'\e03c';
+}
+
+.oi-cloud-upload:before {
+  content:'\e03d';
+}
+
+.oi-cloud:before {
+  content:'\e03e';
+}
+
+.oi-cloudy:before {
+  content:'\e03f';
+}
+
+.oi-code:before {
+  content:'\e040';
+}
+
+.oi-cog:before {
+  content:'\e041';
+}
+
+.oi-collapse-down:before {
+  content:'\e042';
+}
+
+.oi-collapse-left:before {
+  content:'\e043';
+}
+
+.oi-collapse-right:before {
+  content:'\e044';
+}
+
+.oi-collapse-up:before {
+  content:'\e045';
+}
+
+.oi-command:before {
+  content:'\e046';
+}
+
+.oi-comment-square:before {
+  content:'\e047';
+}
+
+.oi-compass:before {
+  content:'\e048';
+}
+
+.oi-contrast:before {
+  content:'\e049';
+}
+
+.oi-copywriting:before {
+  content:'\e04a';
+}
+
+.oi-credit-card:before {
+  content:'\e04b';
+}
+
+.oi-crop:before {
+  content:'\e04c';
+}
+
+.oi-dashboard:before {
+  content:'\e04d';
+}
+
+.oi-data-transfer-download:before {
+  content:'\e04e';
+}
+
+.oi-data-transfer-upload:before {
+  content:'\e04f';
+}
+
+.oi-delete:before {
+  content:'\e050';
+}
+
+.oi-dial:before {
+  content:'\e051';
+}
+
+.oi-document:before {
+  content:'\e052';
+}
+
+.oi-dollar:before {
+  content:'\e053';
+}
+
+.oi-double-quote-sans-left:before {
+  content:'\e054';
+}
+
+.oi-double-quote-sans-right:before {
+  content:'\e055';
+}
+
+.oi-double-quote-serif-left:before {
+  content:'\e056';
+}
+
+.oi-double-quote-serif-right:before {
+  content:'\e057';
+}
+
+.oi-droplet:before {
+  content:'\e058';
+}
+
+.oi-eject:before {
+  content:'\e059';
+}
+
+.oi-elevator:before {
+  content:'\e05a';
+}
+
+.oi-ellipses:before {
+  content:'\e05b';
+}
+
+.oi-envelope-closed:before {
+  content:'\e05c';
+}
+
+.oi-envelope-open:before {
+  content:'\e05d';
+}
+
+.oi-euro:before {
+  content:'\e05e';
+}
+
+.oi-excerpt:before {
+  content:'\e05f';
+}
+
+.oi-expand-down:before {
+  content:'\e060';
+}
+
+.oi-expand-left:before {
+  content:'\e061';
+}
+
+.oi-expand-right:before {
+  content:'\e062';
+}
+
+.oi-expand-up:before {
+  content:'\e063';
+}
+
+.oi-external-link:before {
+  content:'\e064';
+}
+
+.oi-eye:before {
+  content:'\e065';
+}
+
+.oi-eyedropper:before {
+  content:'\e066';
+}
+
+.oi-file:before {
+  content:'\e067';
+}
+
+.oi-fire:before {
+  content:'\e068';
+}
+
+.oi-flag:before {
+  content:'\e069';
+}
+
+.oi-flash:before {
+  content:'\e06a';
+}
+
+.oi-folder:before {
+  content:'\e06b';
+}
+
+.oi-fork:before {
+  content:'\e06c';
+}
+
+.oi-fullscreen-enter:before {
+  content:'\e06d';
+}
+
+.oi-fullscreen-exit:before {
+  content:'\e06e';
+}
+
+.oi-globe:before {
+  content:'\e06f';
+}
+
+.oi-graph:before {
+  content:'\e070';
+}
+
+.oi-grid-four-up:before {
+  content:'\e071';
+}
+
+.oi-grid-three-up:before {
+  content:'\e072';
+}
+
+.oi-grid-two-up:before {
+  content:'\e073';
+}
+
+.oi-hard-drive:before {
+  content:'\e074';
+}
+
+.oi-header:before {
+  content:'\e075';
+}
+
+.oi-headphones:before {
+  content:'\e076';
+}
+
+.oi-heart:before {
+  content:'\e077';
+}
+
+.oi-home:before {
+  content:'\e078';
+}
+
+.oi-image:before {
+  content:'\e079';
+}
+
+.oi-inbox:before {
+  content:'\e07a';
+}
+
+.oi-infinity:before {
+  content:'\e07b';
+}
+
+.oi-info:before {
+  content:'\e07c';
+}
+
+.oi-italic:before {
+  content:'\e07d';
+}
+
+.oi-justify-center:before {
+  content:'\e07e';
+}
+
+.oi-justify-left:before {
+  content:'\e07f';
+}
+
+.oi-justify-right:before {
+  content:'\e080';
+}
+
+.oi-key:before {
+  content:'\e081';
+}
+
+.oi-laptop:before {
+  content:'\e082';
+}
+
+.oi-layers:before {
+  content:'\e083';
+}
+
+.oi-lightbulb:before {
+  content:'\e084';
+}
+
+.oi-link-broken:before {
+  content:'\e085';
+}
+
+.oi-link-intact:before {
+  content:'\e086';
+}
+
+.oi-list-rich:before {
+  content:'\e087';
+}
+
+.oi-list:before {
+  content:'\e088';
+}
+
+.oi-location:before {
+  content:'\e089';
+}
+
+.oi-lock-locked:before {
+  content:'\e08a';
+}
+
+.oi-lock-unlocked:before {
+  content:'\e08b';
+}
+
+.oi-loop-circular:before {
+  content:'\e08c';
+}
+
+.oi-loop-square:before {
+  content:'\e08d';
+}
+
+.oi-loop:before {
+  content:'\e08e';
+}
+
+.oi-magnifying-glass:before {
+  content:'\e08f';
+}
+
+.oi-map-marker:before {
+  content:'\e090';
+}
+
+.oi-map:before {
+  content:'\e091';
+}
+
+.oi-media-pause:before {
+  content:'\e092';
+}
+
+.oi-media-play:before {
+  content:'\e093';
+}
+
+.oi-media-record:before {
+  content:'\e094';
+}
+
+.oi-media-skip-backward:before {
+  content:'\e095';
+}
+
+.oi-media-skip-forward:before {
+  content:'\e096';
+}
+
+.oi-media-step-backward:before {
+  content:'\e097';
+}
+
+.oi-media-step-forward:before {
+  content:'\e098';
+}
+
+.oi-media-stop:before {
+  content:'\e099';
+}
+
+.oi-medical-cross:before {
+  content:'\e09a';
+}
+
+.oi-menu:before {
+  content:'\e09b';
+}
+
+.oi-microphone:before {
+  content:'\e09c';
+}
+
+.oi-minus:before {
+  content:'\e09d';
+}
+
+.oi-monitor:before {
+  content:'\e09e';
+}
+
+.oi-moon:before {
+  content:'\e09f';
+}
+
+.oi-move:before {
+  content:'\e0a0';
+}
+
+.oi-musical-note:before {
+  content:'\e0a1';
+}
+
+.oi-paperclip:before {
+  content:'\e0a2';
+}
+
+.oi-pencil:before {
+  content:'\e0a3';
+}
+
+.oi-people:before {
+  content:'\e0a4';
+}
+
+.oi-person:before {
+  content:'\e0a5';
+}
+
+.oi-phone:before {
+  content:'\e0a6';
+}
+
+.oi-pie-chart:before {
+  content:'\e0a7';
+}
+
+.oi-pin:before {
+  content:'\e0a8';
+}
+
+.oi-play-circle:before {
+  content:'\e0a9';
+}
+
+.oi-plus:before {
+  content:'\e0aa';
+}
+
+.oi-power-standby:before {
+  content:'\e0ab';
+}
+
+.oi-print:before {
+  content:'\e0ac';
+}
+
+.oi-project:before {
+  content:'\e0ad';
+}
+
+.oi-pulse:before {
+  content:'\e0ae';
+}
+
+.oi-puzzle-piece:before {
+  content:'\e0af';
+}
+
+.oi-question-mark:before {
+  content:'\e0b0';
+}
+
+.oi-rain:before {
+  content:'\e0b1';
+}
+
+.oi-random:before {
+  content:'\e0b2';
+}
+
+.oi-reload:before {
+  content:'\e0b3';
+}
+
+.oi-resize-both:before {
+  content:'\e0b4';
+}
+
+.oi-resize-height:before {
+  content:'\e0b5';
+}
+
+.oi-resize-width:before {
+  content:'\e0b6';
+}
+
+.oi-rss-alt:before {
+  content:'\e0b7';
+}
+
+.oi-rss:before {
+  content:'\e0b8';
+}
+
+.oi-script:before {
+  content:'\e0b9';
+}
+
+.oi-share-boxed:before {
+  content:'\e0ba';
+}
+
+.oi-share:before {
+  content:'\e0bb';
+}
+
+.oi-shield:before {
+  content:'\e0bc';
+}
+
+.oi-signal:before {
+  content:'\e0bd';
+}
+
+.oi-signpost:before {
+  content:'\e0be';
+}
+
+.oi-sort-ascending:before {
+  content:'\e0bf';
+}
+
+.oi-sort-descending:before {
+  content:'\e0c0';
+}
+
+.oi-spreadsheet:before {
+  content:'\e0c1';
+}
+
+.oi-star:before {
+  content:'\e0c2';
+}
+
+.oi-sun:before {
+  content:'\e0c3';
+}
+
+.oi-tablet:before {
+  content:'\e0c4';
+}
+
+.oi-tag:before {
+  content:'\e0c5';
+}
+
+.oi-tags:before {
+  content:'\e0c6';
+}
+
+.oi-target:before {
+  content:'\e0c7';
+}
+
+.oi-task:before {
+  content:'\e0c8';
+}
+
+.oi-terminal:before {
+  content:'\e0c9';
+}
+
+.oi-text:before {
+  content:'\e0ca';
+}
+
+.oi-thumb-down:before {
+  content:'\e0cb';
+}
+
+.oi-thumb-up:before {
+  content:'\e0cc';
+}
+
+.oi-timer:before {
+  content:'\e0cd';
+}
+
+.oi-transfer:before {
+  content:'\e0ce';
+}
+
+.oi-trash:before {
+  content:'\e0cf';
+}
+
+.oi-underline:before {
+  content:'\e0d0';
+}
+
+.oi-vertical-align-bottom:before {
+  content:'\e0d1';
+}
+
+.oi-vertical-align-center:before {
+  content:'\e0d2';
+}
+
+.oi-vertical-align-top:before {
+  content:'\e0d3';
+}
+
+.oi-video:before {
+  content:'\e0d4';
+}
+
+.oi-volume-high:before {
+  content:'\e0d5';
+}
+
+.oi-volume-low:before {
+  content:'\e0d6';
+}
+
+.oi-volume-off:before {
+  content:'\e0d7';
+}
+
+.oi-warning:before {
+  content:'\e0d8';
+}
+
+.oi-wifi:before {
+  content:'\e0d9';
+}
+
+.oi-wrench:before {
+  content:'\e0da';
+}
+
+.oi-x:before {
+  content:'\e0db';
+}
+
+.oi-yen:before {
+  content:'\e0dc';
+}
+
+.oi-zoom-in:before {
+  content:'\e0dd';
+}
+
+.oi-zoom-out:before {
+  content:'\e0de';
+}
+

ordr2/static/font/css/open-iconic-bootstrap.styl

@@ -0,0 +1,954 @@
+/* Bootstrap */
+
+@font-face
+  font-family 'Icons'
+  src url('../fonts/open-iconic.eot')
+  src url('../fonts/open-iconic.eot?#iconic-sm') format('embedded-opentype'), url('../fonts/open-iconic.woff') format('woff'), url('../fonts/open-iconic.ttf') format('truetype'), url('../fonts/open-iconic.svg#iconic-sm') format('svg')
+  font-weight normal
+  font-style normal
+
+
+// Catchall baseclass
+.oi
+  position relative
+  top 1px
+  display inline-block
+  font-family 'Icons'
+  font-style normal
+  font-weight normal
+  line-height 1
+  -webkit-font-smoothing antialiased
+  -moz-osx-font-smoothing grayscale
+
+
+  &:empty:before
+    width 1em
+    text-align center
+    box-sizing content-box
+
+  &.oi-align-center:before
+    text-align center
+
+
+  &.oi-align-left:before
+    text-align left
+
+
+  &.oi-align-right:before
+    text-align right
+
+
+
+  &.oi-flip-horizontal:before
+    -webkit-transform scale(-1, 1)
+    -ms-transform scale(-1, 1)
+    transform scale(-1, 1)
+
+
+  &.oi-flip-vertical:before
+    -webkit-transform scale(1, -1)
+    -ms-transform scale(-1, 1)
+    transform scale(1, -1)
+
+
+  &.oi-flip-horizontal-vertical:before
+    -webkit-transform scale(-1, -1)
+    -ms-transform scale(-1, 1)
+    transform scale(-1, -1)
+
+
+
+
+
+.oi-account-login:before {
+  content'\e000'
+}
+
+.oi-account-logout:before {
+  content'\e001'
+}
+
+.oi-action-redo:before {
+  content'\e002'
+}
+
+.oi-action-undo:before {
+  content'\e003'
+}
+
+.oi-align-center:before {
+  content'\e004'
+}
+
+.oi-align-left:before {
+  content'\e005'
+}
+
+.oi-align-right:before {
+  content'\e006'
+}
+
+.oi-aperture:before {
+  content'\e007'
+}
+
+.oi-arrow-bottom:before {
+  content'\e008'
+}
+
+.oi-arrow-circle-bottom:before {
+  content'\e009'
+}
+
+.oi-arrow-circle-left:before {
+  content'\e00a'
+}
+
+.oi-arrow-circle-right:before {
+  content'\e00b'
+}
+
+.oi-arrow-circle-top:before {
+  content'\e00c'
+}
+
+.oi-arrow-left:before {
+  content'\e00d'
+}
+
+.oi-arrow-right:before {
+  content'\e00e'
+}
+
+.oi-arrow-thick-bottom:before {
+  content'\e00f'
+}
+
+.oi-arrow-thick-left:before {
+  content'\e010'
+}
+
+.oi-arrow-thick-right:before {
+  content'\e011'
+}
+
+.oi-arrow-thick-top:before {
+  content'\e012'
+}
+
+.oi-arrow-top:before {
+  content'\e013'
+}
+
+.oi-audio-spectrum:before {
+  content'\e014'
+}
+
+.oi-audio:before {
+  content'\e015'
+}
+
+.oi-badge:before {
+  content'\e016'
+}
+
+.oi-ban:before {
+  content'\e017'
+}
+
+.oi-bar-chart:before {
+  content'\e018'
+}
+
+.oi-basket:before {
+  content'\e019'
+}
+
+.oi-battery-empty:before {
+  content'\e01a'
+}
+
+.oi-battery-full:before {
+  content'\e01b'
+}
+
+.oi-beaker:before {
+  content'\e01c'
+}
+
+.oi-bell:before {
+  content'\e01d'
+}
+
+.oi-bluetooth:before {
+  content'\e01e'
+}
+
+.oi-bold:before {
+  content'\e01f'
+}
+
+.oi-bolt:before {
+  content'\e020'
+}
+
+.oi-book:before {
+  content'\e021'
+}
+
+.oi-bookmark:before {
+  content'\e022'
+}
+
+.oi-box:before {
+  content'\e023'
+}
+
+.oi-briefcase:before {
+  content'\e024'
+}
+
+.oi-british-pound:before {
+  content'\e025'
+}
+
+.oi-browser:before {
+  content'\e026'
+}
+
+.oi-brush:before {
+  content'\e027'
+}
+
+.oi-bug:before {
+  content'\e028'
+}
+
+.oi-bullhorn:before {
+  content'\e029'
+}
+
+.oi-calculator:before {
+  content'\e02a'
+}
+
+.oi-calendar:before {
+  content'\e02b'
+}
+
+.oi-camera-slr:before {
+  content'\e02c'
+}
+
+.oi-caret-bottom:before {
+  content'\e02d'
+}
+
+.oi-caret-left:before {
+  content'\e02e'
+}
+
+.oi-caret-right:before {
+  content'\e02f'
+}
+
+.oi-caret-top:before {
+  content'\e030'
+}
+
+.oi-cart:before {
+  content'\e031'
+}
+
+.oi-chat:before {
+  content'\e032'
+}
+
+.oi-check:before {
+  content'\e033'
+}
+
+.oi-chevron-bottom:before {
+  content'\e034'
+}
+
+.oi-chevron-left:before {
+  content'\e035'
+}
+
+.oi-chevron-right:before {
+  content'\e036'
+}
+
+.oi-chevron-top:before {
+  content'\e037'
+}
+
+.oi-circle-check:before {
+  content'\e038'
+}
+
+.oi-circle-x:before {
+  content'\e039'
+}
+
+.oi-clipboard:before {
+  content'\e03a'
+}
+
+.oi-clock:before {
+  content'\e03b'
+}
+
+.oi-cloud-download:before {
+  content'\e03c'
+}
+
+.oi-cloud-upload:before {
+  content'\e03d'
+}
+
+.oi-cloud:before {
+  content'\e03e'
+}
+
+.oi-cloudy:before {
+  content'\e03f'
+}
+
+.oi-code:before {
+  content'\e040'
+}
+
+.oi-cog:before {
+  content'\e041'
+}
+
+.oi-collapse-down:before {
+  content'\e042'
+}
+
+.oi-collapse-left:before {
+  content'\e043'
+}
+
+.oi-collapse-right:before {
+  content'\e044'
+}
+
+.oi-collapse-up:before {
+  content'\e045'
+}
+
+.oi-command:before {
+  content'\e046'
+}
+
+.oi-comment-square:before {
+  content'\e047'
+}
+
+.oi-compass:before {
+  content'\e048'
+}
+
+.oi-contrast:before {
+  content'\e049'
+}
+
+.oi-copywriting:before {
+  content'\e04a'
+}
+
+.oi-credit-card:before {
+  content'\e04b'
+}
+
+.oi-crop:before {
+  content'\e04c'
+}
+
+.oi-dashboard:before {
+  content'\e04d'
+}
+
+.oi-data-transfer-download:before {
+  content'\e04e'
+}
+
+.oi-data-transfer-upload:before {
+  content'\e04f'
+}
+
+.oi-delete:before {
+  content'\e050'
+}
+
+.oi-dial:before {
+  content'\e051'
+}
+
+.oi-document:before {
+  content'\e052'
+}
+
+.oi-dollar:before {
+  content'\e053'
+}
+
+.oi-double-quote-sans-left:before {
+  content'\e054'
+}
+
+.oi-double-quote-sans-right:before {
+  content'\e055'
+}
+
+.oi-double-quote-serif-left:before {
+  content'\e056'
+}
+
+.oi-double-quote-serif-right:before {
+  content'\e057'
+}
+
+.oi-droplet:before {
+  content'\e058'
+}
+
+.oi-eject:before {
+  content'\e059'
+}
+
+.oi-elevator:before {
+  content'\e05a'
+}
+
+.oi-ellipses:before {
+  content'\e05b'
+}
+
+.oi-envelope-closed:before {
+  content'\e05c'
+}
+
+.oi-envelope-open:before {
+  content'\e05d'
+}
+
+.oi-euro:before {
+  content'\e05e'
+}
+
+.oi-excerpt:before {
+  content'\e05f'
+}
+
+.oi-expand-down:before {
+  content'\e060'
+}
+
+.oi-expand-left:before {
+  content'\e061'
+}
+
+.oi-expand-right:before {
+  content'\e062'
+}
+
+.oi-expand-up:before {
+  content'\e063'
+}
+
+.oi-external-link:before {
+  content'\e064'
+}
+
+.oi-eye:before {
+  content'\e065'
+}
+
+.oi-eyedropper:before {
+  content'\e066'
+}
+
+.oi-file:before {
+  content'\e067'
+}
+
+.oi-fire:before {
+  content'\e068'
+}
+
+.oi-flag:before {
+  content'\e069'
+}
+
+.oi-flash:before {
+  content'\e06a'
+}
+
+.oi-folder:before {
+  content'\e06b'
+}
+
+.oi-fork:before {
+  content'\e06c'
+}
+
+.oi-fullscreen-enter:before {
+  content'\e06d'
+}
+
+.oi-fullscreen-exit:before {
+  content'\e06e'
+}
+
+.oi-globe:before {
+  content'\e06f'
+}
+
+.oi-graph:before {
+  content'\e070'
+}
+
+.oi-grid-four-up:before {
+  content'\e071'
+}
+
+.oi-grid-three-up:before {
+  content'\e072'
+}
+
+.oi-grid-two-up:before {
+  content'\e073'
+}
+
+.oi-hard-drive:before {
+  content'\e074'
+}
+
+.oi-header:before {
+  content'\e075'
+}
+
+.oi-headphones:before {
+  content'\e076'
+}
+
+.oi-heart:before {
+  content'\e077'
+}
+
+.oi-home:before {
+  content'\e078'
+}
+
+.oi-image:before {
+  content'\e079'
+}
+
+.oi-inbox:before {
+  content'\e07a'
+}
+
+.oi-infinity:before {
+  content'\e07b'
+}
+
+.oi-info:before {
+  content'\e07c'
+}
+
+.oi-italic:before {
+  content'\e07d'
+}
+
+.oi-justify-center:before {
+  content'\e07e'
+}
+
+.oi-justify-left:before {
+  content'\e07f'
+}
+
+.oi-justify-right:before {
+  content'\e080'
+}
+
+.oi-key:before {
+  content'\e081'
+}
+
+.oi-laptop:before {
+  content'\e082'
+}
+
+.oi-layers:before {
+  content'\e083'
+}
+
+.oi-lightbulb:before {
+  content'\e084'
+}
+
+.oi-link-broken:before {
+  content'\e085'
+}
+
+.oi-link-intact:before {
+  content'\e086'
+}
+
+.oi-list-rich:before {
+  content'\e087'
+}
+
+.oi-list:before {
+  content'\e088'
+}
+
+.oi-location:before {
+  content'\e089'
+}
+
+.oi-lock-locked:before {
+  content'\e08a'
+}
+
+.oi-lock-unlocked:before {
+  content'\e08b'
+}
+
+.oi-loop-circular:before {
+  content'\e08c'
+}
+
+.oi-loop-square:before {
+  content'\e08d'
+}
+
+.oi-loop:before {
+  content'\e08e'
+}
+
+.oi-magnifying-glass:before {
+  content'\e08f'
+}
+
+.oi-map-marker:before {
+  content'\e090'
+}
+
+.oi-map:before {
+  content'\e091'
+}
+
+.oi-media-pause:before {
+  content'\e092'
+}
+
+.oi-media-play:before {
+  content'\e093'
+}
+
+.oi-media-record:before {
+  content'\e094'
+}
+
+.oi-media-skip-backward:before {
+  content'\e095'
+}
+
+.oi-media-skip-forward:before {
+  content'\e096'
+}
+
+.oi-media-step-backward:before {
+  content'\e097'
+}
+
+.oi-media-step-forward:before {
+  content'\e098'
+}
+
+.oi-media-stop:before {
+  content'\e099'
+}
+
+.oi-medical-cross:before {
+  content'\e09a'
+}
+
+.oi-menu:before {
+  content'\e09b'
+}
+
+.oi-microphone:before {
+  content'\e09c'
+}
+
+.oi-minus:before {
+  content'\e09d'
+}
+
+.oi-monitor:before {
+  content'\e09e'
+}
+
+.oi-moon:before {
+  content'\e09f'
+}
+
+.oi-move:before {
+  content'\e0a0'
+}
+
+.oi-musical-note:before {
+  content'\e0a1'
+}
+
+.oi-paperclip:before {
+  content'\e0a2'
+}
+
+.oi-pencil:before {
+  content'\e0a3'
+}
+
+.oi-people:before {
+  content'\e0a4'
+}
+
+.oi-person:before {
+  content'\e0a5'
+}
+
+.oi-phone:before {
+  content'\e0a6'
+}
+
+.oi-pie-chart:before {
+  content'\e0a7'
+}
+
+.oi-pin:before {
+  content'\e0a8'
+}
+
+.oi-play-circle:before {
+  content'\e0a9'
+}
+
+.oi-plus:before {
+  content'\e0aa'
+}
+
+.oi-power-standby:before {
+  content'\e0ab'
+}
+
+.oi-print:before {
+  content'\e0ac'
+}
+
+.oi-project:before {
+  content'\e0ad'
+}
+
+.oi-pulse:before {
+  content'\e0ae'
+}
+
+.oi-puzzle-piece:before {
+  content'\e0af'
+}
+
+.oi-question-mark:before {
+  content'\e0b0'
+}
+
+.oi-rain:before {
+  content'\e0b1'
+}
+
+.oi-random:before {
+  content'\e0b2'
+}
+
+.oi-reload:before {
+  content'\e0b3'
+}
+
+.oi-resize-both:before {
+  content'\e0b4'
+}
+
+.oi-resize-height:before {
+  content'\e0b5'
+}
+
+.oi-resize-width:before {
+  content'\e0b6'
+}
+
+.oi-rss-alt:before {
+  content'\e0b7'
+}
+
+.oi-rss:before {
+  content'\e0b8'
+}
+
+.oi-script:before {
+  content'\e0b9'
+}
+
+.oi-share-boxed:before {
+  content'\e0ba'
+}
+
+.oi-share:before {
+  content'\e0bb'
+}
+
+.oi-shield:before {
+  content'\e0bc'
+}
+
+.oi-signal:before {
+  content'\e0bd'
+}
+
+.oi-signpost:before {
+  content'\e0be'
+}
+
+.oi-sort-ascending:before {
+  content'\e0bf'
+}
+
+.oi-sort-descending:before {
+  content'\e0c0'
+}
+
+.oi-spreadsheet:before {
+  content'\e0c1'
+}
+
+.oi-star:before {
+  content'\e0c2'
+}
+
+.oi-sun:before {
+  content'\e0c3'
+}
+
+.oi-tablet:before {
+  content'\e0c4'
+}
+
+.oi-tag:before {
+  content'\e0c5'
+}
+
+.oi-tags:before {
+  content'\e0c6'
+}
+
+.oi-target:before {
+  content'\e0c7'
+}
+
+.oi-task:before {
+  content'\e0c8'
+}
+
+.oi-terminal:before {
+  content'\e0c9'
+}
+
+.oi-text:before {
+  content'\e0ca'
+}
+
+.oi-thumb-down:before {
+  content'\e0cb'
+}
+
+.oi-thumb-up:before {
+  content'\e0cc'
+}
+
+.oi-timer:before {
+  content'\e0cd'
+}
+
+.oi-transfer:before {
+  content'\e0ce'
+}
+
+.oi-trash:before {
+  content'\e0cf'
+}
+
+.oi-underline:before {
+  content'\e0d0'
+}
+
+.oi-vertical-align-bottom:before {
+  content'\e0d1'
+}
+
+.oi-vertical-align-center:before {
+  content'\e0d2'
+}
+
+.oi-vertical-align-top:before {
+  content'\e0d3'
+}
+
+.oi-video:before {
+  content'\e0d4'
+}
+
+.oi-volume-high:before {
+  content'\e0d5'
+}
+
+.oi-volume-low:before {
+  content'\e0d6'
+}
+
+.oi-volume-off:before {
+  content'\e0d7'
+}
+
+.oi-warning:before {
+  content'\e0d8'
+}
+
+.oi-wifi:before {
+  content'\e0d9'
+}
+
+.oi-wrench:before {
+  content'\e0da'
+}
+
+.oi-x:before {
+  content'\e0db'
+}
+
+.oi-yen:before {
+  content'\e0dc'
+}
+
+.oi-zoom-in:before {
+  content'\e0dd'
+}
+
+.oi-zoom-out:before {
+  content'\e0de'
+}
+

ordr2/static/font/css/open-iconic.css

@@ -0,0 +1,511 @@
+
+@font-face {
+  font-family: 'Icons';
+  src: url('../fonts/open-iconic.eot');
+  src: url('../fonts/open-iconic.eot?#iconic-sm') format('embedded-opentype'), url('../fonts/open-iconic.woff') format('woff'), url('../fonts/open-iconic.ttf') format('truetype'), url('../fonts/open-iconic.otf') format('opentype'), url('../fonts/open-iconic.svg#iconic-sm') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+.oi[data-glyph].oi-text-replace {
+  font-size: 0;
+  line-height: 0;
+}
+
+.oi[data-glyph].oi-text-replace:before {
+  width: 1em;
+  text-align: center;
+}
+
+.oi[data-glyph]:before {
+  font-family: 'Icons';
+  display: inline-block;
+  speak: none;
+  line-height: 1;
+  vertical-align: baseline;
+  font-weight: normal;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.oi[data-glyph]:empty:before {
+  width: 1em;
+  text-align: center;
+  box-sizing: content-box;
+}
+
+.oi[data-glyph].oi-align-left:before {
+  text-align: left;
+}
+
+.oi[data-glyph].oi-align-right:before {
+  text-align: right;
+}
+
+.oi[data-glyph].oi-align-center:before {
+  text-align: center;
+}
+
+.oi[data-glyph].oi-flip-horizontal:before {
+  -webkit-transform: scale(-1, 1);
+  -ms-transform: scale(-1, 1);
+  transform: scale(-1, 1);
+}
+.oi[data-glyph].oi-flip-vertical:before {
+  -webkit-transform: scale(1, -1);
+  -ms-transform: scale(-1, 1);
+  transform: scale(1, -1);
+}
+.oi[data-glyph].oi-flip-horizontal-vertical:before {
+  -webkit-transform: scale(-1, -1);
+  -ms-transform: scale(-1, 1);
+  transform: scale(-1, -1);
+}
+
+
+.oi[data-glyph=account-login]:before { content:'\e000'; }
+
+.oi[data-glyph=account-logout]:before { content:'\e001'; }
+
+.oi[data-glyph=action-redo]:before { content:'\e002'; }
+
+.oi[data-glyph=action-undo]:before { content:'\e003'; }
+
+.oi[data-glyph=align-center]:before { content:'\e004'; }
+
+.oi[data-glyph=align-left]:before { content:'\e005'; }
+
+.oi[data-glyph=align-right]:before { content:'\e006'; }
+
+.oi[data-glyph=aperture]:before { content:'\e007'; }
+
+.oi[data-glyph=arrow-bottom]:before { content:'\e008'; }
+
+.oi[data-glyph=arrow-circle-bottom]:before { content:'\e009'; }
+
+.oi[data-glyph=arrow-circle-left]:before { content:'\e00a'; }
+
+.oi[data-glyph=arrow-circle-right]:before { content:'\e00b'; }
+
+.oi[data-glyph=arrow-circle-top]:before { content:'\e00c'; }
+
+.oi[data-glyph=arrow-left]:before { content:'\e00d'; }
+
+.oi[data-glyph=arrow-right]:before { content:'\e00e'; }
+
+.oi[data-glyph=arrow-thick-bottom]:before { content:'\e00f'; }
+
+.oi[data-glyph=arrow-thick-left]:before { content:'\e010'; }
+
+.oi[data-glyph=arrow-thick-right]:before { content:'\e011'; }
+
+.oi[data-glyph=arrow-thick-top]:before { content:'\e012'; }
+
+.oi[data-glyph=arrow-top]:before { content:'\e013'; }
+
+.oi[data-glyph=audio-spectrum]:before { content:'\e014'; }
+
+.oi[data-glyph=audio]:before { content:'\e015'; }
+
+.oi[data-glyph=badge]:before { content:'\e016'; }
+
+.oi[data-glyph=ban]:before { content:'\e017'; }
+
+.oi[data-glyph=bar-chart]:before { content:'\e018'; }
+
+.oi[data-glyph=basket]:before { content:'\e019'; }
+
+.oi[data-glyph=battery-empty]:before { content:'\e01a'; }
+
+.oi[data-glyph=battery-full]:before { content:'\e01b'; }
+
+.oi[data-glyph=beaker]:before { content:'\e01c'; }
+
+.oi[data-glyph=bell]:before { content:'\e01d'; }
+
+.oi[data-glyph=bluetooth]:before { content:'\e01e'; }
+
+.oi[data-glyph=bold]:before { content:'\e01f'; }
+
+.oi[data-glyph=bolt]:before { content:'\e020'; }
+
+.oi[data-glyph=book]:before { content:'\e021'; }
+
+.oi[data-glyph=bookmark]:before { content:'\e022'; }
+
+.oi[data-glyph=box]:before { content:'\e023'; }
+
+.oi[data-glyph=briefcase]:before { content:'\e024'; }
+
+.oi[data-glyph=british-pound]:before { content:'\e025'; }
+
+.oi[data-glyph=browser]:before { content:'\e026'; }
+
+.oi[data-glyph=brush]:before { content:'\e027'; }
+
+.oi[data-glyph=bug]:before { content:'\e028'; }
+
+.oi[data-glyph=bullhorn]:before { content:'\e029'; }
+
+.oi[data-glyph=calculator]:before { content:'\e02a'; }
+
+.oi[data-glyph=calendar]:before { content:'\e02b'; }
+
+.oi[data-glyph=camera-slr]:before { content:'\e02c'; }
+
+.oi[data-glyph=caret-bottom]:before { content:'\e02d'; }
+
+.oi[data-glyph=caret-left]:before { content:'\e02e'; }
+
+.oi[data-glyph=caret-right]:before { content:'\e02f'; }
+
+.oi[data-glyph=caret-top]:before { content:'\e030'; }
+
+.oi[data-glyph=cart]:before { content:'\e031'; }
+
+.oi[data-glyph=chat]:before { content:'\e032'; }
+
+.oi[data-glyph=check]:before { content:'\e033'; }
+
+.oi[data-glyph=chevron-bottom]:before { content:'\e034'; }
+
+.oi[data-glyph=chevron-left]:before { content:'\e035'; }
+
+.oi[data-glyph=chevron-right]:before { content:'\e036'; }
+
+.oi[data-glyph=chevron-top]:before { content:'\e037'; }
+
+.oi[data-glyph=circle-check]:before { content:'\e038'; }
+
+.oi[data-glyph=circle-x]:before { content:'\e039'; }
+
+.oi[data-glyph=clipboard]:before { content:'\e03a'; }
+
+.oi[data-glyph=clock]:before { content:'\e03b'; }
+
+.oi[data-glyph=cloud-download]:before { content:'\e03c'; }
+
+.oi[data-glyph=cloud-upload]:before { content:'\e03d'; }
+
+.oi[data-glyph=cloud]:before { content:'\e03e'; }
+
+.oi[data-glyph=cloudy]:before { content:'\e03f'; }
+
+.oi[data-glyph=code]:before { content:'\e040'; }
+
+.oi[data-glyph=cog]:before { content:'\e041'; }
+
+.oi[data-glyph=collapse-down]:before { content:'\e042'; }
+
+.oi[data-glyph=collapse-left]:before { content:'\e043'; }
+
+.oi[data-glyph=collapse-right]:before { content:'\e044'; }
+
+.oi[data-glyph=collapse-up]:before { content:'\e045'; }
+
+.oi[data-glyph=command]:before { content:'\e046'; }
+
+.oi[data-glyph=comment-square]:before { content:'\e047'; }
+
+.oi[data-glyph=compass]:before { content:'\e048'; }
+
+.oi[data-glyph=contrast]:before { content:'\e049'; }
+
+.oi[data-glyph=copywriting]:before { content:'\e04a'; }
+
+.oi[data-glyph=credit-card]:before { content:'\e04b'; }
+
+.oi[data-glyph=crop]:before { content:'\e04c'; }
+
+.oi[data-glyph=dashboard]:before { content:'\e04d'; }
+
+.oi[data-glyph=data-transfer-download]:before { content:'\e04e'; }
+
+.oi[data-glyph=data-transfer-upload]:before { content:'\e04f'; }
+
+.oi[data-glyph=delete]:before { content:'\e050'; }
+
+.oi[data-glyph=dial]:before { content:'\e051'; }
+
+.oi[data-glyph=document]:before { content:'\e052'; }
+
+.oi[data-glyph=dollar]:before { content:'\e053'; }
+
+.oi[data-glyph=double-quote-sans-left]:before { content:'\e054'; }
+
+.oi[data-glyph=double-quote-sans-right]:before { content:'\e055'; }
+
+.oi[data-glyph=double-quote-serif-left]:before { content:'\e056'; }
+
+.oi[data-glyph=double-quote-serif-right]:before { content:'\e057'; }
+
+.oi[data-glyph=droplet]:before { content:'\e058'; }
+
+.oi[data-glyph=eject]:before { content:'\e059'; }
+
+.oi[data-glyph=elevator]:before { content:'\e05a'; }
+
+.oi[data-glyph=ellipses]:before { content:'\e05b'; }
+
+.oi[data-glyph=envelope-closed]:before { content:'\e05c'; }
+
+.oi[data-glyph=envelope-open]:before { content:'\e05d'; }
+
+.oi[data-glyph=euro]:before { content:'\e05e'; }
+
+.oi[data-glyph=excerpt]:before { content:'\e05f'; }
+
+.oi[data-glyph=expand-down]:before { content:'\e060'; }
+
+.oi[data-glyph=expand-left]:before { content:'\e061'; }
+
+.oi[data-glyph=expand-right]:before { content:'\e062'; }
+
+.oi[data-glyph=expand-up]:before { content:'\e063'; }
+
+.oi[data-glyph=external-link]:before { content:'\e064'; }
+
+.oi[data-glyph=eye]:before { content:'\e065'; }
+
+.oi[data-glyph=eyedropper]:before { content:'\e066'; }
+
+.oi[data-glyph=file]:before { content:'\e067'; }
+
+.oi[data-glyph=fire]:before { content:'\e068'; }
+
+.oi[data-glyph=flag]:before { content:'\e069'; }
+
+.oi[data-glyph=flash]:before { content:'\e06a'; }
+
+.oi[data-glyph=folder]:before { content:'\e06b'; }
+
+.oi[data-glyph=fork]:before { content:'\e06c'; }
+
+.oi[data-glyph=fullscreen-enter]:before { content:'\e06d'; }
+
+.oi[data-glyph=fullscreen-exit]:before { content:'\e06e'; }
+
+.oi[data-glyph=globe]:before { content:'\e06f'; }
+
+.oi[data-glyph=graph]:before { content:'\e070'; }
+
+.oi[data-glyph=grid-four-up]:before { content:'\e071'; }
+
+.oi[data-glyph=grid-three-up]:before { content:'\e072'; }
+
+.oi[data-glyph=grid-two-up]:before { content:'\e073'; }
+
+.oi[data-glyph=hard-drive]:before { content:'\e074'; }
+
+.oi[data-glyph=header]:before { content:'\e075'; }
+
+.oi[data-glyph=headphones]:before { content:'\e076'; }
+
+.oi[data-glyph=heart]:before { content:'\e077'; }
+
+.oi[data-glyph=home]:before { content:'\e078'; }
+
+.oi[data-glyph=image]:before { content:'\e079'; }
+
+.oi[data-glyph=inbox]:before { content:'\e07a'; }
+
+.oi[data-glyph=infinity]:before { content:'\e07b'; }
+
+.oi[data-glyph=info]:before { content:'\e07c'; }
+
+.oi[data-glyph=italic]:before { content:'\e07d'; }
+
+.oi[data-glyph=justify-center]:before { content:'\e07e'; }
+
+.oi[data-glyph=justify-left]:before { content:'\e07f'; }
+
+.oi[data-glyph=justify-right]:before { content:'\e080'; }
+
+.oi[data-glyph=key]:before { content:'\e081'; }
+
+.oi[data-glyph=laptop]:before { content:'\e082'; }
+
+.oi[data-glyph=layers]:before { content:'\e083'; }
+
+.oi[data-glyph=lightbulb]:before { content:'\e084'; }
+
+.oi[data-glyph=link-broken]:before { content:'\e085'; }
+
+.oi[data-glyph=link-intact]:before { content:'\e086'; }
+
+.oi[data-glyph=list-rich]:before { content:'\e087'; }
+
+.oi[data-glyph=list]:before { content:'\e088'; }
+
+.oi[data-glyph=location]:before { content:'\e089'; }
+
+.oi[data-glyph=lock-locked]:before { content:'\e08a'; }
+
+.oi[data-glyph=lock-unlocked]:before { content:'\e08b'; }
+
+.oi[data-glyph=loop-circular]:before { content:'\e08c'; }
+
+.oi[data-glyph=loop-square]:before { content:'\e08d'; }
+
+.oi[data-glyph=loop]:before { content:'\e08e'; }
+
+.oi[data-glyph=magnifying-glass]:before { content:'\e08f'; }
+
+.oi[data-glyph=map-marker]:before { content:'\e090'; }
+
+.oi[data-glyph=map]:before { content:'\e091'; }
+
+.oi[data-glyph=media-pause]:before { content:'\e092'; }
+
+.oi[data-glyph=media-play]:before { content:'\e093'; }
+
+.oi[data-glyph=media-record]:before { content:'\e094'; }
+
+.oi[data-glyph=media-skip-backward]:before { content:'\e095'; }
+
+.oi[data-glyph=media-skip-forward]:before { content:'\e096'; }
+
+.oi[data-glyph=media-step-backward]:before { content:'\e097'; }
+
+.oi[data-glyph=media-step-forward]:before { content:'\e098'; }
+
+.oi[data-glyph=media-stop]:before { content:'\e099'; }
+
+.oi[data-glyph=medical-cross]:before { content:'\e09a'; }
+
+.oi[data-glyph=menu]:before { content:'\e09b'; }
+
+.oi[data-glyph=microphone]:before { content:'\e09c'; }
+
+.oi[data-glyph=minus]:before { content:'\e09d'; }
+
+.oi[data-glyph=monitor]:before { content:'\e09e'; }
+
+.oi[data-glyph=moon]:before { content:'\e09f'; }
+
+.oi[data-glyph=move]:before { content:'\e0a0'; }
+
+.oi[data-glyph=musical-note]:before { content:'\e0a1'; }
+
+.oi[data-glyph=paperclip]:before { content:'\e0a2'; }
+
+.oi[data-glyph=pencil]:before { content:'\e0a3'; }
+
+.oi[data-glyph=people]:before { content:'\e0a4'; }
+
+.oi[data-glyph=person]:before { content:'\e0a5'; }
+
+.oi[data-glyph=phone]:before { content:'\e0a6'; }
+
+.oi[data-glyph=pie-chart]:before { content:'\e0a7'; }
+
+.oi[data-glyph=pin]:before { content:'\e0a8'; }
+
+.oi[data-glyph=play-circle]:before { content:'\e0a9'; }
+
+.oi[data-glyph=plus]:before { content:'\e0aa'; }
+
+.oi[data-glyph=power-standby]:before { content:'\e0ab'; }
+
+.oi[data-glyph=print]:before { content:'\e0ac'; }
+
+.oi[data-glyph=project]:before { content:'\e0ad'; }
+
+.oi[data-glyph=pulse]:before { content:'\e0ae'; }
+
+.oi[data-glyph=puzzle-piece]:before { content:'\e0af'; }
+
+.oi[data-glyph=question-mark]:before { content:'\e0b0'; }
+
+.oi[data-glyph=rain]:before { content:'\e0b1'; }
+
+.oi[data-glyph=random]:before { content:'\e0b2'; }
+
+.oi[data-glyph=reload]:before { content:'\e0b3'; }
+
+.oi[data-glyph=resize-both]:before { content:'\e0b4'; }
+
+.oi[data-glyph=resize-height]:before { content:'\e0b5'; }
+
+.oi[data-glyph=resize-width]:before { content:'\e0b6'; }
+
+.oi[data-glyph=rss-alt]:before { content:'\e0b7'; }
+
+.oi[data-glyph=rss]:before { content:'\e0b8'; }
+
+.oi[data-glyph=script]:before { content:'\e0b9'; }
+
+.oi[data-glyph=share-boxed]:before { content:'\e0ba'; }
+
+.oi[data-glyph=share]:before { content:'\e0bb'; }
+
+.oi[data-glyph=shield]:before { content:'\e0bc'; }
+
+.oi[data-glyph=signal]:before { content:'\e0bd'; }
+
+.oi[data-glyph=signpost]:before { content:'\e0be'; }
+
+.oi[data-glyph=sort-ascending]:before { content:'\e0bf'; }
+
+.oi[data-glyph=sort-descending]:before { content:'\e0c0'; }
+
+.oi[data-glyph=spreadsheet]:before { content:'\e0c1'; }
+
+.oi[data-glyph=star]:before { content:'\e0c2'; }
+
+.oi[data-glyph=sun]:before { content:'\e0c3'; }
+
+.oi[data-glyph=tablet]:before { content:'\e0c4'; }
+
+.oi[data-glyph=tag]:before { content:'\e0c5'; }
+
+.oi[data-glyph=tags]:before { content:'\e0c6'; }
+
+.oi[data-glyph=target]:before { content:'\e0c7'; }
+
+.oi[data-glyph=task]:before { content:'\e0c8'; }
+
+.oi[data-glyph=terminal]:before { content:'\e0c9'; }
+
+.oi[data-glyph=text]:before { content:'\e0ca'; }
+
+.oi[data-glyph=thumb-down]:before { content:'\e0cb'; }
+
+.oi[data-glyph=thumb-up]:before { content:'\e0cc'; }
+
+.oi[data-glyph=timer]:before { content:'\e0cd'; }
+
+.oi[data-glyph=transfer]:before { content:'\e0ce'; }
+
+.oi[data-glyph=trash]:before { content:'\e0cf'; }
+
+.oi[data-glyph=underline]:before { content:'\e0d0'; }
+
+.oi[data-glyph=vertical-align-bottom]:before { content:'\e0d1'; }
+
+.oi[data-glyph=vertical-align-center]:before { content:'\e0d2'; }
+
+.oi[data-glyph=vertical-align-top]:before { content:'\e0d3'; }
+
+.oi[data-glyph=video]:before { content:'\e0d4'; }
+
+.oi[data-glyph=volume-high]:before { content:'\e0d5'; }
+
+.oi[data-glyph=volume-low]:before { content:'\e0d6'; }
+
+.oi[data-glyph=volume-off]:before { content:'\e0d7'; }
+
+.oi[data-glyph=warning]:before { content:'\e0d8'; }
+
+.oi[data-glyph=wifi]:before { content:'\e0d9'; }
+
+.oi[data-glyph=wrench]:before { content:'\e0da'; }
+
+.oi[data-glyph=x]:before { content:'\e0db'; }
+
+.oi[data-glyph=yen]:before { content:'\e0dc'; }
+
+.oi[data-glyph=zoom-in]:before { content:'\e0dd'; }
+
+.oi[data-glyph=zoom-out]:before { content:'\e0de'; }

ordr2/static/font/css/open-iconic.less

@@ -0,0 +1,962 @@
+@iconic-font-path: '../fonts/';
+
+@font-face {
+  font-family: 'Icons';
+  src: url('@{iconic-font-path}open-iconic.eot');
+  src: url('@{iconic-font-path}open-iconic.eot?#iconic-sm') format('embedded-opentype'), url('@{iconic-font-path}open-iconic.woff') format('woff'), url('@{iconic-font-path}open-iconic.ttf') format('truetype'), url('@{iconic-font-path}open-iconic.otf') format('opentype'), url('@{iconic-font-path}open-iconic.svg#iconic-sm') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+.oi[data-glyph].oi-text-replace {
+  font-size: 0;
+  line-height: 0;
+}
+
+.oi[data-glyph].oi-text-replace:before {
+  width: 1em;
+  text-align: center;
+}
+
+.oi[data-glyph] {
+  &:before {
+    position: relative;
+    top: 1px;
+    font-family: 'Icons';
+    display: inline-block;
+    speak: none;
+    line-height: 1;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  &:empty:before {
+    width: 1em;
+    text-align: center;
+    box-sizing: content-box;
+  }
+
+  &.oi-align-left:before {
+    text-align: left;
+  }
+  &.oi-align-right:before {
+    text-align: right;
+  }
+  &.oi-align-center:before {
+    text-align: center;
+  }
+
+  &.oi-flip-horizontal:before {
+    -webkit-transform: scale(-1, 1);
+    -ms-transform: scale(-1, 1);
+    transform: scale(-1, 1);
+  }
+
+  &.oi-flip-vertical:before {
+    -webkit-transform: scale(1, -1);
+    -ms-transform: scale(-1, 1);
+    transform: scale(1, -1);
+  }
+
+  &.oi-flip-horizontal-vertical:before {
+    -webkit-transform: scale(-1, -1);
+    -ms-transform: scale(-1, 1);
+    transform: scale(-1, -1);
+  }
+}
+
+
+.oi[data-glyph=account-login]:before {
+  content: '\e000';
+}
+
+.oi[data-glyph=account-logout]:before {
+  content: '\e001';
+}
+
+.oi[data-glyph=action-redo]:before {
+  content: '\e002';
+}
+
+.oi[data-glyph=action-undo]:before {
+  content: '\e003';
+}
+
+.oi[data-glyph=align-center]:before {
+  content: '\e004';
+}
+
+.oi[data-glyph=align-left]:before {
+  content: '\e005';
+}
+
+.oi[data-glyph=align-right]:before {
+  content: '\e006';
+}
+
+.oi[data-glyph=aperture]:before {
+  content: '\e007';
+}
+
+.oi[data-glyph=arrow-bottom]:before {
+  content: '\e008';
+}
+
+.oi[data-glyph=arrow-circle-bottom]:before {
+  content: '\e009';
+}
+
+.oi[data-glyph=arrow-circle-left]:before {
+  content: '\e00a';
+}
+
+.oi[data-glyph=arrow-circle-right]:before {
+  content: '\e00b';
+}
+
+.oi[data-glyph=arrow-circle-top]:before {
+  content: '\e00c';
+}
+
+.oi[data-glyph=arrow-left]:before {
+  content: '\e00d';
+}
+
+.oi[data-glyph=arrow-right]:before {
+  content: '\e00e';
+}
+
+.oi[data-glyph=arrow-thick-bottom]:before {
+  content: '\e00f';
+}
+
+.oi[data-glyph=arrow-thick-left]:before {
+  content: '\e010';
+}
+
+.oi[data-glyph=arrow-thick-right]:before {
+  content: '\e011';
+}
+
+.oi[data-glyph=arrow-thick-top]:before {
+  content: '\e012';
+}
+
+.oi[data-glyph=arrow-top]:before {
+  content: '\e013';
+}
+
+.oi[data-glyph=audio-spectrum]:before {
+  content: '\e014';
+}
+
+.oi[data-glyph=audio]:before {
+  content: '\e015';
+}
+
+.oi[data-glyph=badge]:before {
+  content: '\e016';
+}
+
+.oi[data-glyph=ban]:before {
+  content: '\e017';
+}
+
+.oi[data-glyph=bar-chart]:before {
+  content: '\e018';
+}
+
+.oi[data-glyph=basket]:before {
+  content: '\e019';
+}
+
+.oi[data-glyph=battery-empty]:before {
+  content: '\e01a';
+}
+
+.oi[data-glyph=battery-full]:before {
+  content: '\e01b';
+}
+
+.oi[data-glyph=beaker]:before {
+  content: '\e01c';
+}
+
+.oi[data-glyph=bell]:before {
+  content: '\e01d';
+}
+
+.oi[data-glyph=bluetooth]:before {
+  content: '\e01e';
+}
+
+.oi[data-glyph=bold]:before {
+  content: '\e01f';
+}
+
+.oi[data-glyph=bolt]:before {
+  content: '\e020';
+}
+
+.oi[data-glyph=book]:before {
+  content: '\e021';
+}
+
+.oi[data-glyph=bookmark]:before {
+  content: '\e022';
+}
+
+.oi[data-glyph=box]:before {
+  content: '\e023';
+}
+
+.oi[data-glyph=briefcase]:before {
+  content: '\e024';
+}
+
+.oi[data-glyph=british-pound]:before {
+  content: '\e025';
+}
+
+.oi[data-glyph=browser]:before {
+  content: '\e026';
+}
+
+.oi[data-glyph=brush]:before {
+  content: '\e027';
+}
+
+.oi[data-glyph=bug]:before {
+  content: '\e028';
+}
+
+.oi[data-glyph=bullhorn]:before {
+  content: '\e029';
+}
+
+.oi[data-glyph=calculator]:before {
+  content: '\e02a';
+}
+
+.oi[data-glyph=calendar]:before {
+  content: '\e02b';
+}
+
+.oi[data-glyph=camera-slr]:before {
+  content: '\e02c';
+}
+
+.oi[data-glyph=caret-bottom]:before {
+  content: '\e02d';
+}
+
+.oi[data-glyph=caret-left]:before {
+  content: '\e02e';
+}
+
+.oi[data-glyph=caret-right]:before {
+  content: '\e02f';
+}
+
+.oi[data-glyph=caret-top]:before {
+  content: '\e030';
+}
+
+.oi[data-glyph=cart]:before {
+  content: '\e031';
+}
+
+.oi[data-glyph=chat]:before {
+  content: '\e032';
+}
+
+.oi[data-glyph=check]:before {
+  content: '\e033';
+}
+
+.oi[data-glyph=chevron-bottom]:before {
+  content: '\e034';
+}
+
+.oi[data-glyph=chevron-left]:before {
+  content: '\e035';
+}
+
+.oi[data-glyph=chevron-right]:before {
+  content: '\e036';
+}
+
+.oi[data-glyph=chevron-top]:before {
+  content: '\e037';
+}
+
+.oi[data-glyph=circle-check]:before {
+  content: '\e038';
+}
+
+.oi[data-glyph=circle-x]:before {
+  content: '\e039';
+}
+
+.oi[data-glyph=clipboard]:before {
+  content: '\e03a';
+}
+
+.oi[data-glyph=clock]:before {
+  content: '\e03b';
+}
+
+.oi[data-glyph=cloud-download]:before {
+  content: '\e03c';
+}
+
+.oi[data-glyph=cloud-upload]:before {
+  content: '\e03d';
+}
+
+.oi[data-glyph=cloud]:before {
+  content: '\e03e';
+}
+
+.oi[data-glyph=cloudy]:before {
+  content: '\e03f';
+}
+
+.oi[data-glyph=code]:before {
+  content: '\e040';
+}
+
+.oi[data-glyph=cog]:before {
+  content: '\e041';
+}
+
+.oi[data-glyph=collapse-down]:before {
+  content: '\e042';
+}
+
+.oi[data-glyph=collapse-left]:before {
+  content: '\e043';
+}
+
+.oi[data-glyph=collapse-right]:before {
+  content: '\e044';
+}
+
+.oi[data-glyph=collapse-up]:before {
+  content: '\e045';
+}
+
+.oi[data-glyph=command]:before {
+  content: '\e046';
+}
+
+.oi[data-glyph=comment-square]:before {
+  content: '\e047';
+}
+
+.oi[data-glyph=compass]:before {
+  content: '\e048';
+}
+
+.oi[data-glyph=contrast]:before {
+  content: '\e049';
+}
+
+.oi[data-glyph=copywriting]:before {
+  content: '\e04a';
+}
+
+.oi[data-glyph=credit-card]:before {
+  content: '\e04b';
+}
+
+.oi[data-glyph=crop]:before {
+  content: '\e04c';
+}
+
+.oi[data-glyph=dashboard]:before {
+  content: '\e04d';
+}
+
+.oi[data-glyph=data-transfer-download]:before {
+  content: '\e04e';
+}
+
+.oi[data-glyph=data-transfer-upload]:before {
+  content: '\e04f';
+}
+
+.oi[data-glyph=delete]:before {
+  content: '\e050';
+}
+
+.oi[data-glyph=dial]:before {
+  content: '\e051';
+}
+
+.oi[data-glyph=document]:before {
+  content: '\e052';
+}
+
+.oi[data-glyph=dollar]:before {
+  content: '\e053';
+}
+
+.oi[data-glyph=double-quote-sans-left]:before {
+  content: '\e054';
+}
+
+.oi[data-glyph=double-quote-sans-right]:before {
+  content: '\e055';
+}
+
+.oi[data-glyph=double-quote-serif-left]:before {
+  content: '\e056';
+}
+
+.oi[data-glyph=double-quote-serif-right]:before {
+  content: '\e057';
+}
+
+.oi[data-glyph=droplet]:before {
+  content: '\e058';
+}
+
+.oi[data-glyph=eject]:before {
+  content: '\e059';
+}
+
+.oi[data-glyph=elevator]:before {
+  content: '\e05a';
+}
+
+.oi[data-glyph=ellipses]:before {
+  content: '\e05b';
+}
+
+.oi[data-glyph=envelope-closed]:before {
+  content: '\e05c';
+}
+
+.oi[data-glyph=envelope-open]:before {
+  content: '\e05d';
+}
+
+.oi[data-glyph=euro]:before {
+  content: '\e05e';
+}
+
+.oi[data-glyph=excerpt]:before {
+  content: '\e05f';
+}
+
+.oi[data-glyph=expand-down]:before {
+  content: '\e060';
+}
+
+.oi[data-glyph=expand-left]:before {
+  content: '\e061';
+}
+
+.oi[data-glyph=expand-right]:before {
+  content: '\e062';
+}
+
+.oi[data-glyph=expand-up]:before {
+  content: '\e063';
+}
+
+.oi[data-glyph=external-link]:before {
+  content: '\e064';
+}
+
+.oi[data-glyph=eye]:before {
+  content: '\e065';
+}
+
+.oi[data-glyph=eyedropper]:before {
+  content: '\e066';
+}
+
+.oi[data-glyph=file]:before {
+  content: '\e067';
+}
+
+.oi[data-glyph=fire]:before {
+  content: '\e068';
+}
+
+.oi[data-glyph=flag]:before {
+  content: '\e069';
+}
+
+.oi[data-glyph=flash]:before {
+  content: '\e06a';
+}
+
+.oi[data-glyph=folder]:before {
+  content: '\e06b';
+}
+
+.oi[data-glyph=fork]:before {
+  content: '\e06c';
+}
+
+.oi[data-glyph=fullscreen-enter]:before {
+  content: '\e06d';
+}
+
+.oi[data-glyph=fullscreen-exit]:before {
+  content: '\e06e';
+}
+
+.oi[data-glyph=globe]:before {
+  content: '\e06f';
+}
+
+.oi[data-glyph=graph]:before {
+  content: '\e070';
+}
+
+.oi[data-glyph=grid-four-up]:before {
+  content: '\e071';
+}
+
+.oi[data-glyph=grid-three-up]:before {
+  content: '\e072';
+}
+
+.oi[data-glyph=grid-two-up]:before {
+  content: '\e073';
+}
+
+.oi[data-glyph=hard-drive]:before {
+  content: '\e074';
+}
+
+.oi[data-glyph=header]:before {
+  content: '\e075';
+}
+
+.oi[data-glyph=headphones]:before {
+  content: '\e076';
+}
+
+.oi[data-glyph=heart]:before {
+  content: '\e077';
+}
+
+.oi[data-glyph=home]:before {
+  content: '\e078';
+}
+
+.oi[data-glyph=image]:before {
+  content: '\e079';
+}
+
+.oi[data-glyph=inbox]:before {
+  content: '\e07a';
+}
+
+.oi[data-glyph=infinity]:before {
+  content: '\e07b';
+}
+
+.oi[data-glyph=info]:before {
+  content: '\e07c';
+}
+
+.oi[data-glyph=italic]:before {
+  content: '\e07d';
+}
+
+.oi[data-glyph=justify-center]:before {
+  content: '\e07e';
+}
+
+.oi[data-glyph=justify-left]:before {
+  content: '\e07f';
+}
+
+.oi[data-glyph=justify-right]:before {
+  content: '\e080';
+}
+
+.oi[data-glyph=key]:before {
+  content: '\e081';
+}
+
+.oi[data-glyph=laptop]:before {
+  content: '\e082';
+}
+
+.oi[data-glyph=layers]:before {
+  content: '\e083';
+}
+
+.oi[data-glyph=lightbulb]:before {
+  content: '\e084';
+}
+
+.oi[data-glyph=link-broken]:before {
+  content: '\e085';
+}
+
+.oi[data-glyph=link-intact]:before {
+  content: '\e086';
+}
+
+.oi[data-glyph=list-rich]:before {
+  content: '\e087';
+}
+
+.oi[data-glyph=list]:before {
+  content: '\e088';
+}
+
+.oi[data-glyph=location]:before {
+  content: '\e089';
+}
+
+.oi[data-glyph=lock-locked]:before {
+  content: '\e08a';
+}
+
+.oi[data-glyph=lock-unlocked]:before {
+  content: '\e08b';
+}
+
+.oi[data-glyph=loop-circular]:before {
+  content: '\e08c';
+}
+
+.oi[data-glyph=loop-square]:before {
+  content: '\e08d';
+}
+
+.oi[data-glyph=loop]:before {
+  content: '\e08e';
+}
+
+.oi[data-glyph=magnifying-glass]:before {
+  content: '\e08f';
+}
+
+.oi[data-glyph=map-marker]:before {
+  content: '\e090';
+}
+
+.oi[data-glyph=map]:before {
+  content: '\e091';
+}
+
+.oi[data-glyph=media-pause]:before {
+  content: '\e092';
+}
+
+.oi[data-glyph=media-play]:before {
+  content: '\e093';
+}
+
+.oi[data-glyph=media-record]:before {
+  content: '\e094';
+}
+
+.oi[data-glyph=media-skip-backward]:before {
+  content: '\e095';
+}
+
+.oi[data-glyph=media-skip-forward]:before {
+  content: '\e096';
+}
+
+.oi[data-glyph=media-step-backward]:before {
+  content: '\e097';
+}
+
+.oi[data-glyph=media-step-forward]:before {
+  content: '\e098';
+}
+
+.oi[data-glyph=media-stop]:before {
+  content: '\e099';
+}
+
+.oi[data-glyph=medical-cross]:before {
+  content: '\e09a';
+}
+
+.oi[data-glyph=menu]:before {
+  content: '\e09b';
+}
+
+.oi[data-glyph=microphone]:before {
+  content: '\e09c';
+}
+
+.oi[data-glyph=minus]:before {
+  content: '\e09d';
+}
+
+.oi[data-glyph=monitor]:before {
+  content: '\e09e';
+}
+
+.oi[data-glyph=moon]:before {
+  content: '\e09f';
+}
+
+.oi[data-glyph=move]:before {
+  content: '\e0a0';
+}
+
+.oi[data-glyph=musical-note]:before {
+  content: '\e0a1';
+}
+
+.oi[data-glyph=paperclip]:before {
+  content: '\e0a2';
+}
+
+.oi[data-glyph=pencil]:before {
+  content: '\e0a3';
+}
+
+.oi[data-glyph=people]:before {
+  content: '\e0a4';
+}
+
+.oi[data-glyph=person]:before {
+  content: '\e0a5';
+}
+
+.oi[data-glyph=phone]:before {
+  content: '\e0a6';
+}
+
+.oi[data-glyph=pie-chart]:before {
+  content: '\e0a7';
+}
+
+.oi[data-glyph=pin]:before {
+  content: '\e0a8';
+}
+
+.oi[data-glyph=play-circle]:before {
+  content: '\e0a9';
+}
+
+.oi[data-glyph=plus]:before {
+  content: '\e0aa';
+}
+
+.oi[data-glyph=power-standby]:before {
+  content: '\e0ab';
+}
+
+.oi[data-glyph=print]:before {
+  content: '\e0ac';
+}
+
+.oi[data-glyph=project]:before {
+  content: '\e0ad';
+}
+
+.oi[data-glyph=pulse]:before {
+  content: '\e0ae';
+}
+
+.oi[data-glyph=puzzle-piece]:before {
+  content: '\e0af';
+}
+
+.oi[data-glyph=question-mark]:before {
+  content: '\e0b0';
+}
+
+.oi[data-glyph=rain]:before {
+  content: '\e0b1';
+}
+
+.oi[data-glyph=random]:before {
+  content: '\e0b2';
+}
+
+.oi[data-glyph=reload]:before {
+  content: '\e0b3';
+}
+
+.oi[data-glyph=resize-both]:before {
+  content: '\e0b4';
+}
+
+.oi[data-glyph=resize-height]:before {
+  content: '\e0b5';
+}
+
+.oi[data-glyph=resize-width]:before {
+  content: '\e0b6';
+}
+
+.oi[data-glyph=rss-alt]:before {
+  content: '\e0b7';
+}
+
+.oi[data-glyph=rss]:before {
+  content: '\e0b8';
+}
+
+.oi[data-glyph=script]:before {
+  content: '\e0b9';
+}
+
+.oi[data-glyph=share-boxed]:before {
+  content: '\e0ba';
+}
+
+.oi[data-glyph=share]:before {
+  content: '\e0bb';
+}
+
+.oi[data-glyph=shield]:before {
+  content: '\e0bc';
+}
+
+.oi[data-glyph=signal]:before {
+  content: '\e0bd';
+}
+
+.oi[data-glyph=signpost]:before {
+  content: '\e0be';
+}
+
+.oi[data-glyph=sort-ascending]:before {
+  content: '\e0bf';
+}
+
+.oi[data-glyph=sort-descending]:before {
+  content: '\e0c0';
+}
+
+.oi[data-glyph=spreadsheet]:before {
+  content: '\e0c1';
+}
+
+.oi[data-glyph=star]:before {
+  content: '\e0c2';
+}
+
+.oi[data-glyph=sun]:before {
+  content: '\e0c3';
+}
+
+.oi[data-glyph=tablet]:before {
+  content: '\e0c4';
+}
+
+.oi[data-glyph=tag]:before {
+  content: '\e0c5';
+}
+
+.oi[data-glyph=tags]:before {
+  content: '\e0c6';
+}
+
+.oi[data-glyph=target]:before {
+  content: '\e0c7';
+}
+
+.oi[data-glyph=task]:before {
+  content: '\e0c8';
+}
+
+.oi[data-glyph=terminal]:before {
+  content: '\e0c9';
+}
+
+.oi[data-glyph=text]:before {
+  content: '\e0ca';
+}
+
+.oi[data-glyph=thumb-down]:before {
+  content: '\e0cb';
+}
+
+.oi[data-glyph=thumb-up]:before {
+  content: '\e0cc';
+}
+
+.oi[data-glyph=timer]:before {
+  content: '\e0cd';
+}
+
+.oi[data-glyph=transfer]:before {
+  content: '\e0ce';
+}
+
+.oi[data-glyph=trash]:before {
+  content: '\e0cf';
+}
+
+.oi[data-glyph=underline]:before {
+  content: '\e0d0';
+}
+
+.oi[data-glyph=vertical-align-bottom]:before {
+  content: '\e0d1';
+}
+
+.oi[data-glyph=vertical-align-center]:before {
+  content: '\e0d2';
+}
+
+.oi[data-glyph=vertical-align-top]:before {
+  content: '\e0d3';
+}
+
+.oi[data-glyph=video]:before {
+  content: '\e0d4';
+}
+
+.oi[data-glyph=volume-high]:before {
+  content: '\e0d5';
+}
+
+.oi[data-glyph=volume-low]:before {
+  content: '\e0d6';
+}
+
+.oi[data-glyph=volume-off]:before {
+  content: '\e0d7';
+}
+
+.oi[data-glyph=warning]:before {
+  content: '\e0d8';
+}
+
+.oi[data-glyph=wifi]:before {
+  content: '\e0d9';
+}
+
+.oi[data-glyph=wrench]:before {
+  content: '\e0da';
+}
+
+.oi[data-glyph=x]:before {
+  content: '\e0db';
+}
+
+.oi[data-glyph=yen]:before {
+  content: '\e0dc';
+}
+
+.oi[data-glyph=zoom-in]:before {
+  content: '\e0dd';
+}
+
+.oi[data-glyph=zoom-out]:before {
+  content: '\e0de';
+}

ordr2/static/font/css/open-iconic.scss

@@ -0,0 +1,963 @@
+$iconic-font-path: '../fonts/' !default;
+
+@font-face {
+  font-family: 'Icons';
+  src: url('#{$iconic-font-path}open-iconic.eot');
+  src: url('#{$iconic-font-path}open-iconic.eot?#iconic-sm') format('embedded-opentype'), url('#{$iconic-font-path}open-iconic.woff') format('woff'), url('#{$iconic-font-path}open-iconic.ttf') format('truetype'), url('#{$iconic-font-path}open-iconic.otf') format('opentype'), url('#{$iconic-font-path}open-iconic.svg#iconic-sm') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+.oi[data-glyph].oi-text-replace {
+  font-size: 0;
+  line-height: 0;
+}
+
+.oi[data-glyph].oi-text-replace:before {
+  width: 1em;
+  text-align: center;
+}
+
+.oi[data-glyph] {
+  &:before {
+    position: relative;
+    top: 1px;
+    font-family: 'Icons';
+    display: inline-block;
+    speak: none;
+    line-height: 1;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  &:empty:before {
+    width: 1em;
+    text-align: center;
+    box-sizing: content-box;
+  }
+
+  &.oi-align-left:before {
+    text-align: left;
+  }
+  &.oi-align-right:before {
+    text-align: right;
+  }
+  &.oi-align-center:before {
+    text-align: center;
+  }
+
+  &.oi-flip-horizontal:before {
+    -webkit-transform: scale(-1, 1);
+    -ms-transform: scale(-1, 1);
+    transform: scale(-1, 1);
+  }
+
+  &.oi-flip-vertical:before {
+    -webkit-transform: scale(1, -1);
+    -ms-transform: scale(-1, 1);
+    transform: scale(1, -1);
+  }
+
+  &.oi-flip-horizontal-vertical:before {
+    -webkit-transform: scale(-1, -1);
+    -ms-transform: scale(-1, 1);
+    transform: scale(-1, -1);
+  }
+}
+
+
+.oi[data-glyph=account-login]:before {
+  content: '\e000';
+}
+
+.oi[data-glyph=account-logout]:before {
+  content: '\e001';
+}
+
+.oi[data-glyph=action-redo]:before {
+  content: '\e002';
+}
+
+.oi[data-glyph=action-undo]:before {
+  content: '\e003';
+}
+
+.oi[data-glyph=align-center]:before {
+  content: '\e004';
+}
+
+.oi[data-glyph=align-left]:before {
+  content: '\e005';
+}
+
+.oi[data-glyph=align-right]:before {
+  content: '\e006';
+}
+
+.oi[data-glyph=aperture]:before {
+  content: '\e007';
+}
+
+.oi[data-glyph=arrow-bottom]:before {
+  content: '\e008';
+}
+
+.oi[data-glyph=arrow-circle-bottom]:before {
+  content: '\e009';
+}
+
+.oi[data-glyph=arrow-circle-left]:before {
+  content: '\e00a';
+}
+
+.oi[data-glyph=arrow-circle-right]:before {
+  content: '\e00b';
+}
+
+.oi[data-glyph=arrow-circle-top]:before {
+  content: '\e00c';
+}
+
+.oi[data-glyph=arrow-left]:before {
+  content: '\e00d';
+}
+
+.oi[data-glyph=arrow-right]:before {
+  content: '\e00e';
+}
+
+.oi[data-glyph=arrow-thick-bottom]:before {
+  content: '\e00f';
+}
+
+.oi[data-glyph=arrow-thick-left]:before {
+  content: '\e010';
+}
+
+.oi[data-glyph=arrow-thick-right]:before {
+  content: '\e011';
+}
+
+.oi[data-glyph=arrow-thick-top]:before {
+  content: '\e012';
+}
+
+.oi[data-glyph=arrow-top]:before {
+  content: '\e013';
+}
+
+.oi[data-glyph=audio-spectrum]:before {
+  content: '\e014';
+}
+
+.oi[data-glyph=audio]:before {
+  content: '\e015';
+}
+
+.oi[data-glyph=badge]:before {
+  content: '\e016';
+}
+
+.oi[data-glyph=ban]:before {
+  content: '\e017';
+}
+
+.oi[data-glyph=bar-chart]:before {
+  content: '\e018';
+}
+
+.oi[data-glyph=basket]:before {
+  content: '\e019';
+}
+
+.oi[data-glyph=battery-empty]:before {
+  content: '\e01a';
+}
+
+.oi[data-glyph=battery-full]:before {
+  content: '\e01b';
+}
+
+.oi[data-glyph=beaker]:before {
+  content: '\e01c';
+}
+
+.oi[data-glyph=bell]:before {
+  content: '\e01d';
+}
+
+.oi[data-glyph=bluetooth]:before {
+  content: '\e01e';
+}
+
+.oi[data-glyph=bold]:before {
+  content: '\e01f';
+}
+
+.oi[data-glyph=bolt]:before {
+  content: '\e020';
+}
+
+.oi[data-glyph=book]:before {
+  content: '\e021';
+}
+
+.oi[data-glyph=bookmark]:before {
+  content: '\e022';
+}
+
+.oi[data-glyph=box]:before {
+  content: '\e023';
+}
+
+.oi[data-glyph=briefcase]:before {
+  content: '\e024';
+}
+
+.oi[data-glyph=british-pound]:before {
+  content: '\e025';
+}
+
+.oi[data-glyph=browser]:before {
+  content: '\e026';
+}
+
+.oi[data-glyph=brush]:before {
+  content: '\e027';
+}
+
+.oi[data-glyph=bug]:before {
+  content: '\e028';
+}
+
+.oi[data-glyph=bullhorn]:before {
+  content: '\e029';
+}
+
+.oi[data-glyph=calculator]:before {
+  content: '\e02a';
+}
+
+.oi[data-glyph=calendar]:before {
+  content: '\e02b';
+}
+
+.oi[data-glyph=camera-slr]:before {
+  content: '\e02c';
+}
+
+.oi[data-glyph=caret-bottom]:before {
+  content: '\e02d';
+}
+
+.oi[data-glyph=caret-left]:before {
+  content: '\e02e';
+}
+
+.oi[data-glyph=caret-right]:before {
+  content: '\e02f';
+}
+
+.oi[data-glyph=caret-top]:before {
+  content: '\e030';
+}
+
+.oi[data-glyph=cart]:before {
+  content: '\e031';
+}
+
+.oi[data-glyph=chat]:before {
+  content: '\e032';
+}
+
+.oi[data-glyph=check]:before {
+  content: '\e033';
+}
+
+.oi[data-glyph=chevron-bottom]:before {
+  content: '\e034';
+}
+
+.oi[data-glyph=chevron-left]:before {
+  content: '\e035';
+}
+
+.oi[data-glyph=chevron-right]:before {
+  content: '\e036';
+}
+
+.oi[data-glyph=chevron-top]:before {
+  content: '\e037';
+}
+
+.oi[data-glyph=circle-check]:before {
+  content: '\e038';
+}
+
+.oi[data-glyph=circle-x]:before {
+  content: '\e039';
+}
+
+.oi[data-glyph=clipboard]:before {
+  content: '\e03a';
+}
+
+.oi[data-glyph=clock]:before {
+  content: '\e03b';
+}
+
+.oi[data-glyph=cloud-download]:before {
+  content: '\e03c';
+}
+
+.oi[data-glyph=cloud-upload]:before {
+  content: '\e03d';
+}
+
+.oi[data-glyph=cloud]:before {
+  content: '\e03e';
+}
+
+.oi[data-glyph=cloudy]:before {
+  content: '\e03f';
+}
+
+.oi[data-glyph=code]:before {
+  content: '\e040';
+}
+
+.oi[data-glyph=cog]:before {
+  content: '\e041';
+}
+
+.oi[data-glyph=collapse-down]:before {
+  content: '\e042';
+}
+
+.oi[data-glyph=collapse-left]:before {
+  content: '\e043';
+}
+
+.oi[data-glyph=collapse-right]:before {
+  content: '\e044';
+}
+
+.oi[data-glyph=collapse-up]:before {
+  content: '\e045';
+}
+
+.oi[data-glyph=command]:before {
+  content: '\e046';
+}
+
+.oi[data-glyph=comment-square]:before {
+  content: '\e047';
+}
+
+.oi[data-glyph=compass]:before {
+  content: '\e048';
+}
+
+.oi[data-glyph=contrast]:before {
+  content: '\e049';
+}
+
+.oi[data-glyph=copywriting]:before {
+  content: '\e04a';
+}
+
+.oi[data-glyph=credit-card]:before {
+  content: '\e04b';
+}
+
+.oi[data-glyph=crop]:before {
+  content: '\e04c';
+}
+
+.oi[data-glyph=dashboard]:before {
+  content: '\e04d';
+}
+
+.oi[data-glyph=data-transfer-download]:before {
+  content: '\e04e';
+}
+
+.oi[data-glyph=data-transfer-upload]:before {
+  content: '\e04f';
+}
+
+.oi[data-glyph=delete]:before {
+  content: '\e050';
+}
+
+.oi[data-glyph=dial]:before {
+  content: '\e051';
+}
+
+.oi[data-glyph=document]:before {
+  content: '\e052';
+}
+
+.oi[data-glyph=dollar]:before {
+  content: '\e053';
+}
+
+.oi[data-glyph=double-quote-sans-left]:before {
+  content: '\e054';
+}
+
+.oi[data-glyph=double-quote-sans-right]:before {
+  content: '\e055';
+}
+
+.oi[data-glyph=double-quote-serif-left]:before {
+  content: '\e056';
+}
+
+.oi[data-glyph=double-quote-serif-right]:before {
+  content: '\e057';
+}
+
+.oi[data-glyph=droplet]:before {
+  content: '\e058';
+}
+
+.oi[data-glyph=eject]:before {
+  content: '\e059';
+}
+
+.oi[data-glyph=elevator]:before {
+  content: '\e05a';
+}
+
+.oi[data-glyph=ellipses]:before {
+  content: '\e05b';
+}
+
+.oi[data-glyph=envelope-closed]:before {
+  content: '\e05c';
+}
+
+.oi[data-glyph=envelope-open]:before {
+  content: '\e05d';
+}
+
+.oi[data-glyph=euro]:before {
+  content: '\e05e';
+}
+
+.oi[data-glyph=excerpt]:before {
+  content: '\e05f';
+}
+
+.oi[data-glyph=expand-down]:before {
+  content: '\e060';
+}
+
+.oi[data-glyph=expand-left]:before {
+  content: '\e061';
+}
+
+.oi[data-glyph=expand-right]:before {
+  content: '\e062';
+}
+
+.oi[data-glyph=expand-up]:before {
+  content: '\e063';
+}
+
+.oi[data-glyph=external-link]:before {
+  content: '\e064';
+}
+
+.oi[data-glyph=eye]:before {
+  content: '\e065';
+}
+
+.oi[data-glyph=eyedropper]:before {
+  content: '\e066';
+}
+
+.oi[data-glyph=file]:before {
+  content: '\e067';
+}
+
+.oi[data-glyph=fire]:before {
+  content: '\e068';
+}
+
+.oi[data-glyph=flag]:before {
+  content: '\e069';
+}
+
+.oi[data-glyph=flash]:before {
+  content: '\e06a';
+}
+
+.oi[data-glyph=folder]:before {
+  content: '\e06b';
+}
+
+.oi[data-glyph=fork]:before {
+  content: '\e06c';
+}
+
+.oi[data-glyph=fullscreen-enter]:before {
+  content: '\e06d';
+}
+
+.oi[data-glyph=fullscreen-exit]:before {
+  content: '\e06e';
+}
+
+.oi[data-glyph=globe]:before {
+  content: '\e06f';
+}
+
+.oi[data-glyph=graph]:before {
+  content: '\e070';
+}
+
+.oi[data-glyph=grid-four-up]:before {
+  content: '\e071';
+}
+
+.oi[data-glyph=grid-three-up]:before {
+  content: '\e072';
+}
+
+.oi[data-glyph=grid-two-up]:before {
+  content: '\e073';
+}
+
+.oi[data-glyph=hard-drive]:before {
+  content: '\e074';
+}
+
+.oi[data-glyph=header]:before {
+  content: '\e075';
+}
+
+.oi[data-glyph=headphones]:before {
+  content: '\e076';
+}
+
+.oi[data-glyph=heart]:before {
+  content: '\e077';
+}
+
+.oi[data-glyph=home]:before {
+  content: '\e078';
+}
+
+.oi[data-glyph=image]:before {
+  content: '\e079';
+}
+
+.oi[data-glyph=inbox]:before {
+  content: '\e07a';
+}
+
+.oi[data-glyph=infinity]:before {
+  content: '\e07b';
+}
+
+.oi[data-glyph=info]:before {
+  content: '\e07c';
+}
+
+.oi[data-glyph=italic]:before {
+  content: '\e07d';
+}
+
+.oi[data-glyph=justify-center]:before {
+  content: '\e07e';
+}
+
+.oi[data-glyph=justify-left]:before {
+  content: '\e07f';
+}
+
+.oi[data-glyph=justify-right]:before {
+  content: '\e080';
+}
+
+.oi[data-glyph=key]:before {
+  content: '\e081';
+}
+
+.oi[data-glyph=laptop]:before {
+  content: '\e082';
+}
+
+.oi[data-glyph=layers]:before {
+  content: '\e083';
+}
+
+.oi[data-glyph=lightbulb]:before {
+  content: '\e084';
+}
+
+.oi[data-glyph=link-broken]:before {
+  content: '\e085';
+}
+
+.oi[data-glyph=link-intact]:before {
+  content: '\e086';
+}
+
+.oi[data-glyph=list-rich]:before {
+  content: '\e087';
+}
+
+.oi[data-glyph=list]:before {
+  content: '\e088';
+}
+
+.oi[data-glyph=location]:before {
+  content: '\e089';
+}
+
+.oi[data-glyph=lock-locked]:before {
+  content: '\e08a';
+}
+
+.oi[data-glyph=lock-unlocked]:before {
+  content: '\e08b';
+}
+
+.oi[data-glyph=loop-circular]:before {
+  content: '\e08c';
+}
+
+.oi[data-glyph=loop-square]:before {
+  content: '\e08d';
+}
+
+.oi[data-glyph=loop]:before {
+  content: '\e08e';
+}
+
+.oi[data-glyph=magnifying-glass]:before {
+  content: '\e08f';
+}
+
+.oi[data-glyph=map-marker]:before {
+  content: '\e090';
+}
+
+.oi[data-glyph=map]:before {
+  content: '\e091';
+}
+
+.oi[data-glyph=media-pause]:before {
+  content: '\e092';
+}
+
+.oi[data-glyph=media-play]:before {
+  content: '\e093';
+}
+
+.oi[data-glyph=media-record]:before {
+  content: '\e094';
+}
+
+.oi[data-glyph=media-skip-backward]:before {
+  content: '\e095';
+}
+
+.oi[data-glyph=media-skip-forward]:before {
+  content: '\e096';
+}
+
+.oi[data-glyph=media-step-backward]:before {
+  content: '\e097';
+}
+
+.oi[data-glyph=media-step-forward]:before {
+  content: '\e098';
+}
+
+.oi[data-glyph=media-stop]:before {
+  content: '\e099';
+}
+
+.oi[data-glyph=medical-cross]:before {
+  content: '\e09a';
+}
+
+.oi[data-glyph=menu]:before {
+  content: '\e09b';
+}
+
+.oi[data-glyph=microphone]:before {
+  content: '\e09c';
+}
+
+.oi[data-glyph=minus]:before {
+  content: '\e09d';
+}
+
+.oi[data-glyph=monitor]:before {
+  content: '\e09e';
+}
+
+.oi[data-glyph=moon]:before {
+  content: '\e09f';
+}
+
+.oi[data-glyph=move]:before {
+  content: '\e0a0';
+}
+
+.oi[data-glyph=musical-note]:before {
+  content: '\e0a1';
+}
+
+.oi[data-glyph=paperclip]:before {
+  content: '\e0a2';
+}
+
+.oi[data-glyph=pencil]:before {
+  content: '\e0a3';
+}
+
+.oi[data-glyph=people]:before {
+  content: '\e0a4';
+}
+
+.oi[data-glyph=person]:before {
+  content: '\e0a5';
+}
+
+.oi[data-glyph=phone]:before {
+  content: '\e0a6';
+}
+
+.oi[data-glyph=pie-chart]:before {
+  content: '\e0a7';
+}
+
+.oi[data-glyph=pin]:before {
+  content: '\e0a8';
+}
+
+.oi[data-glyph=play-circle]:before {
+  content: '\e0a9';
+}
+
+.oi[data-glyph=plus]:before {
+  content: '\e0aa';
+}
+
+.oi[data-glyph=power-standby]:before {
+  content: '\e0ab';
+}
+
+.oi[data-glyph=print]:before {
+  content: '\e0ac';
+}
+
+.oi[data-glyph=project]:before {
+  content: '\e0ad';
+}
+
+.oi[data-glyph=pulse]:before {
+  content: '\e0ae';
+}
+
+.oi[data-glyph=puzzle-piece]:before {
+  content: '\e0af';
+}
+
+.oi[data-glyph=question-mark]:before {
+  content: '\e0b0';
+}
+
+.oi[data-glyph=rain]:before {
+  content: '\e0b1';
+}
+
+.oi[data-glyph=random]:before {
+  content: '\e0b2';
+}
+
+.oi[data-glyph=reload]:before {
+  content: '\e0b3';
+}
+
+.oi[data-glyph=resize-both]:before {
+  content: '\e0b4';
+}
+
+.oi[data-glyph=resize-height]:before {
+  content: '\e0b5';
+}
+
+.oi[data-glyph=resize-width]:before {
+  content: '\e0b6';
+}
+
+.oi[data-glyph=rss-alt]:before {
+  content: '\e0b7';
+}
+
+.oi[data-glyph=rss]:before {
+  content: '\e0b8';
+}
+
+.oi[data-glyph=script]:before {
+  content: '\e0b9';
+}
+
+.oi[data-glyph=share-boxed]:before {
+  content: '\e0ba';
+}
+
+.oi[data-glyph=share]:before {
+  content: '\e0bb';
+}
+
+.oi[data-glyph=shield]:before {
+  content: '\e0bc';
+}
+
+.oi[data-glyph=signal]:before {
+  content: '\e0bd';
+}
+
+.oi[data-glyph=signpost]:before {
+  content: '\e0be';
+}
+
+.oi[data-glyph=sort-ascending]:before {
+  content: '\e0bf';
+}
+
+.oi[data-glyph=sort-descending]:before {
+  content: '\e0c0';
+}
+
+.oi[data-glyph=spreadsheet]:before {
+  content: '\e0c1';
+}
+
+.oi[data-glyph=star]:before {
+  content: '\e0c2';
+}
+
+.oi[data-glyph=sun]:before {
+  content: '\e0c3';
+}
+
+.oi[data-glyph=tablet]:before {
+  content: '\e0c4';
+}
+
+.oi[data-glyph=tag]:before {
+  content: '\e0c5';
+}
+
+.oi[data-glyph=tags]:before {
+  content: '\e0c6';
+}
+
+.oi[data-glyph=target]:before {
+  content: '\e0c7';
+}
+
+.oi[data-glyph=task]:before {
+  content: '\e0c8';
+}
+
+.oi[data-glyph=terminal]:before {
+  content: '\e0c9';
+}
+
+.oi[data-glyph=text]:before {
+  content: '\e0ca';
+}
+
+.oi[data-glyph=thumb-down]:before {
+  content: '\e0cb';
+}
+
+.oi[data-glyph=thumb-up]:before {
+  content: '\e0cc';
+}
+
+.oi[data-glyph=timer]:before {
+  content: '\e0cd';
+}
+
+.oi[data-glyph=transfer]:before {
+  content: '\e0ce';
+}
+
+.oi[data-glyph=trash]:before {
+  content: '\e0cf';
+}
+
+.oi[data-glyph=underline]:before {
+  content: '\e0d0';
+}
+
+.oi[data-glyph=vertical-align-bottom]:before {
+  content: '\e0d1';
+}
+
+.oi[data-glyph=vertical-align-center]:before {
+  content: '\e0d2';
+}
+
+.oi[data-glyph=vertical-align-top]:before {
+  content: '\e0d3';
+}
+
+.oi[data-glyph=video]:before {
+  content: '\e0d4';
+}
+
+.oi[data-glyph=volume-high]:before {
+  content: '\e0d5';
+}
+
+.oi[data-glyph=volume-low]:before {
+  content: '\e0d6';
+}
+
+.oi[data-glyph=volume-off]:before {
+  content: '\e0d7';
+}
+
+.oi[data-glyph=warning]:before {
+  content: '\e0d8';
+}
+
+.oi[data-glyph=wifi]:before {
+  content: '\e0d9';
+}
+
+.oi[data-glyph=wrench]:before {
+  content: '\e0da';
+}
+
+.oi[data-glyph=x]:before {
+  content: '\e0db';
+}
+
+.oi[data-glyph=yen]:before {
+  content: '\e0dc';
+}
+
+.oi[data-glyph=zoom-in]:before {
+  content: '\e0dd';
+}
+
+.oi[data-glyph=zoom-out]:before {
+  content: '\e0de';
+}
+

ordr2/static/font/css/open-iconic.styl

@@ -0,0 +1,733 @@
+@font-face
+  font-family 'Icons'
+  src url('../fonts/open-iconic.eot')
+  src url('../fonts/open-iconic.eot?#iconic-sm') format('embedded-opentype'), url('../fonts/open-iconic.woff') format('woff'), url('../fonts/open-iconic.ttf') format('truetype'), url('../fonts/open-iconic.otf') format('opentype'), url('../fonts/open-iconic.svg#iconic-sm') format('svg')
+  font-weight normal
+  font-style normal
+
+
+.oi[data-glyph].oi-text-replace
+  font-size 0
+  line-height 0
+
+.oi[data-glyph].oi-text-replace:before
+  width 1em
+  text-align center
+
+.oi[data-glyph]
+  &:before
+    position relative
+    top 1px
+    font-family 'Icons'
+    display inline-block
+    speak none
+    line-height 1
+    vertical-align baseline
+    font-weight normal
+    font-style normal
+    -webkit-font-smoothing antialiased
+    -moz-osx-font-smoothing grayscale
+
+  &:empty:before
+    width 1em
+    text-align center
+    box-sizing content-box
+
+  &.oi-align-left:before
+    text-align left
+
+  &.oi-align-right:before
+    text-align right
+
+  &.oi-align-center:before
+    text-align center
+
+
+  &.oi-flip-horizontal:before
+    -webkit-transform scale(-1, 1)
+    -ms-transform scale(-1, 1)
+    transform scale(-1, 1)
+
+
+  &.oi-flip-vertical:before
+    -webkit-transform scale(1, -1)
+    -ms-transform scale(-1, 1)
+    transform scale(1, -1)
+
+
+  &.oi-flip-horizontal-vertical:before
+    -webkit-transform scale(-1, -1)
+    -ms-transform scale(-1, 1)
+    transform scale(-1, -1)
+
+
+
+
+.oi[data-glyph=account-login]:before
+  content '\e000'
+
+.oi[data-glyph=account-logout]:before
+  content '\e001'
+
+.oi[data-glyph=action-redo]:before
+  content '\e002'
+
+.oi[data-glyph=action-undo]:before
+  content '\e003'
+
+.oi[data-glyph=align-center]:before
+  content '\e004'
+
+.oi[data-glyph=align-left]:before
+  content '\e005'
+
+.oi[data-glyph=align-right]:before
+  content '\e006'
+
+.oi[data-glyph=aperture]:before
+  content '\e007'
+
+.oi[data-glyph=arrow-bottom]:before
+  content '\e008'
+
+.oi[data-glyph=arrow-circle-bottom]:before
+  content '\e009'
+
+.oi[data-glyph=arrow-circle-left]:before
+  content '\e00a'
+
+.oi[data-glyph=arrow-circle-right]:before
+  content '\e00b'
+
+.oi[data-glyph=arrow-circle-top]:before
+  content '\e00c'
+
+.oi[data-glyph=arrow-left]:before
+  content '\e00d'
+
+.oi[data-glyph=arrow-right]:before
+  content '\e00e'
+
+.oi[data-glyph=arrow-thick-bottom]:before
+  content '\e00f'
+
+.oi[data-glyph=arrow-thick-left]:before
+  content '\e010'
+
+.oi[data-glyph=arrow-thick-right]:before
+  content '\e011'
+
+.oi[data-glyph=arrow-thick-top]:before
+  content '\e012'
+
+.oi[data-glyph=arrow-top]:before
+  content '\e013'
+
+.oi[data-glyph=audio-spectrum]:before
+  content '\e014'
+
+.oi[data-glyph=audio]:before
+  content '\e015'
+
+.oi[data-glyph=badge]:before
+  content '\e016'
+
+.oi[data-glyph=ban]:before
+  content '\e017'
+
+.oi[data-glyph=bar-chart]:before
+  content '\e018'
+
+.oi[data-glyph=basket]:before
+  content '\e019'
+
+.oi[data-glyph=battery-empty]:before
+  content '\e01a'
+
+.oi[data-glyph=battery-full]:before
+  content '\e01b'
+
+.oi[data-glyph=beaker]:before
+  content '\e01c'
+
+.oi[data-glyph=bell]:before
+  content '\e01d'
+
+.oi[data-glyph=bluetooth]:before
+  content '\e01e'
+
+.oi[data-glyph=bold]:before
+  content '\e01f'
+
+.oi[data-glyph=bolt]:before
+  content '\e020'
+
+.oi[data-glyph=book]:before
+  content '\e021'
+
+.oi[data-glyph=bookmark]:before
+  content '\e022'
+
+.oi[data-glyph=box]:before
+  content '\e023'
+
+.oi[data-glyph=briefcase]:before
+  content '\e024'
+
+.oi[data-glyph=british-pound]:before
+  content '\e025'
+
+.oi[data-glyph=browser]:before
+  content '\e026'
+
+.oi[data-glyph=brush]:before
+  content '\e027'
+
+.oi[data-glyph=bug]:before
+  content '\e028'
+
+.oi[data-glyph=bullhorn]:before
+  content '\e029'
+
+.oi[data-glyph=calculator]:before
+  content '\e02a'
+
+.oi[data-glyph=calendar]:before
+  content '\e02b'
+
+.oi[data-glyph=camera-slr]:before
+  content '\e02c'
+
+.oi[data-glyph=caret-bottom]:before
+  content '\e02d'
+
+.oi[data-glyph=caret-left]:before
+  content '\e02e'
+
+.oi[data-glyph=caret-right]:before
+  content '\e02f'
+
+.oi[data-glyph=caret-top]:before
+  content '\e030'
+
+.oi[data-glyph=cart]:before
+  content '\e031'
+
+.oi[data-glyph=chat]:before
+  content '\e032'
+
+.oi[data-glyph=check]:before
+  content '\e033'
+
+.oi[data-glyph=chevron-bottom]:before
+  content '\e034'
+
+.oi[data-glyph=chevron-left]:before
+  content '\e035'
+
+.oi[data-glyph=chevron-right]:before
+  content '\e036'
+
+.oi[data-glyph=chevron-top]:before
+  content '\e037'
+
+.oi[data-glyph=circle-check]:before
+  content '\e038'
+
+.oi[data-glyph=circle-x]:before
+  content '\e039'
+
+.oi[data-glyph=clipboard]:before
+  content '\e03a'
+
+.oi[data-glyph=clock]:before
+  content '\e03b'
+
+.oi[data-glyph=cloud-download]:before
+  content '\e03c'
+
+.oi[data-glyph=cloud-upload]:before
+  content '\e03d'
+
+.oi[data-glyph=cloud]:before
+  content '\e03e'
+
+.oi[data-glyph=cloudy]:before
+  content '\e03f'
+
+.oi[data-glyph=code]:before
+  content '\e040'
+
+.oi[data-glyph=cog]:before
+  content '\e041'
+
+.oi[data-glyph=collapse-down]:before
+  content '\e042'
+
+.oi[data-glyph=collapse-left]:before
+  content '\e043'
+
+.oi[data-glyph=collapse-right]:before
+  content '\e044'
+
+.oi[data-glyph=collapse-up]:before
+  content '\e045'
+
+.oi[data-glyph=command]:before
+  content '\e046'
+
+.oi[data-glyph=comment-square]:before
+  content '\e047'
+
+.oi[data-glyph=compass]:before
+  content '\e048'
+
+.oi[data-glyph=contrast]:before
+  content '\e049'
+
+.oi[data-glyph=copywriting]:before
+  content '\e04a'
+
+.oi[data-glyph=credit-card]:before
+  content '\e04b'
+
+.oi[data-glyph=crop]:before
+  content '\e04c'
+
+.oi[data-glyph=dashboard]:before
+  content '\e04d'
+
+.oi[data-glyph=data-transfer-download]:before
+  content '\e04e'
+
+.oi[data-glyph=data-transfer-upload]:before
+  content '\e04f'
+
+.oi[data-glyph=delete]:before
+  content '\e050'
+
+.oi[data-glyph=dial]:before
+  content '\e051'
+
+.oi[data-glyph=document]:before
+  content '\e052'
+
+.oi[data-glyph=dollar]:before
+  content '\e053'
+
+.oi[data-glyph=double-quote-sans-left]:before
+  content '\e054'
+
+.oi[data-glyph=double-quote-sans-right]:before
+  content '\e055'
+
+.oi[data-glyph=double-quote-serif-left]:before
+  content '\e056'
+
+.oi[data-glyph=double-quote-serif-right]:before
+  content '\e057'
+
+.oi[data-glyph=droplet]:before
+  content '\e058'
+
+.oi[data-glyph=eject]:before
+  content '\e059'
+
+.oi[data-glyph=elevator]:before
+  content '\e05a'
+
+.oi[data-glyph=ellipses]:before
+  content '\e05b'
+
+.oi[data-glyph=envelope-closed]:before
+  content '\e05c'
+
+.oi[data-glyph=envelope-open]:before
+  content '\e05d'
+
+.oi[data-glyph=euro]:before
+  content '\e05e'
+
+.oi[data-glyph=excerpt]:before
+  content '\e05f'
+
+.oi[data-glyph=expand-down]:before
+  content '\e060'
+
+.oi[data-glyph=expand-left]:before
+  content '\e061'
+
+.oi[data-glyph=expand-right]:before
+  content '\e062'
+
+.oi[data-glyph=expand-up]:before
+  content '\e063'
+
+.oi[data-glyph=external-link]:before
+  content '\e064'
+
+.oi[data-glyph=eye]:before
+  content '\e065'
+
+.oi[data-glyph=eyedropper]:before
+  content '\e066'
+
+.oi[data-glyph=file]:before
+  content '\e067'
+
+.oi[data-glyph=fire]:before
+  content '\e068'
+
+.oi[data-glyph=flag]:before
+  content '\e069'
+
+.oi[data-glyph=flash]:before
+  content '\e06a'
+
+.oi[data-glyph=folder]:before
+  content '\e06b'
+
+.oi[data-glyph=fork]:before
+  content '\e06c'
+
+.oi[data-glyph=fullscreen-enter]:before
+  content '\e06d'
+
+.oi[data-glyph=fullscreen-exit]:before
+  content '\e06e'
+
+.oi[data-glyph=globe]:before
+  content '\e06f'
+
+.oi[data-glyph=graph]:before
+  content '\e070'
+
+.oi[data-glyph=grid-four-up]:before
+  content '\e071'
+
+.oi[data-glyph=grid-three-up]:before
+  content '\e072'
+
+.oi[data-glyph=grid-two-up]:before
+  content '\e073'
+
+.oi[data-glyph=hard-drive]:before
+  content '\e074'
+
+.oi[data-glyph=header]:before
+  content '\e075'
+
+.oi[data-glyph=headphones]:before
+  content '\e076'
+
+.oi[data-glyph=heart]:before
+  content '\e077'
+
+.oi[data-glyph=home]:before
+  content '\e078'
+
+.oi[data-glyph=image]:before
+  content '\e079'
+
+.oi[data-glyph=inbox]:before
+  content '\e07a'
+
+.oi[data-glyph=infinity]:before
+  content '\e07b'
+
+.oi[data-glyph=info]:before
+  content '\e07c'
+
+.oi[data-glyph=italic]:before
+  content '\e07d'
+
+.oi[data-glyph=justify-center]:before
+  content '\e07e'
+
+.oi[data-glyph=justify-left]:before
+  content '\e07f'
+
+.oi[data-glyph=justify-right]:before
+  content '\e080'
+
+.oi[data-glyph=key]:before
+  content '\e081'
+
+.oi[data-glyph=laptop]:before
+  content '\e082'
+
+.oi[data-glyph=layers]:before
+  content '\e083'
+
+.oi[data-glyph=lightbulb]:before
+  content '\e084'
+
+.oi[data-glyph=link-broken]:before
+  content '\e085'
+
+.oi[data-glyph=link-intact]:before
+  content '\e086'
+
+.oi[data-glyph=list-rich]:before
+  content '\e087'
+
+.oi[data-glyph=list]:before
+  content '\e088'
+
+.oi[data-glyph=location]:before
+  content '\e089'
+
+.oi[data-glyph=lock-locked]:before
+  content '\e08a'
+
+.oi[data-glyph=lock-unlocked]:before
+  content '\e08b'
+
+.oi[data-glyph=loop-circular]:before
+  content '\e08c'
+
+.oi[data-glyph=loop-square]:before
+  content '\e08d'
+
+.oi[data-glyph=loop]:before
+  content '\e08e'
+
+.oi[data-glyph=magnifying-glass]:before
+  content '\e08f'
+
+.oi[data-glyph=map-marker]:before
+  content '\e090'
+
+.oi[data-glyph=map]:before
+  content '\e091'
+
+.oi[data-glyph=media-pause]:before
+  content '\e092'
+
+.oi[data-glyph=media-play]:before
+  content '\e093'
+
+.oi[data-glyph=media-record]:before
+  content '\e094'
+
+.oi[data-glyph=media-skip-backward]:before
+  content '\e095'
+
+.oi[data-glyph=media-skip-forward]:before
+  content '\e096'
+
+.oi[data-glyph=media-step-backward]:before
+  content '\e097'
+
+.oi[data-glyph=media-step-forward]:before
+  content '\e098'
+
+.oi[data-glyph=media-stop]:before
+  content '\e099'
+
+.oi[data-glyph=medical-cross]:before
+  content '\e09a'
+
+.oi[data-glyph=menu]:before
+  content '\e09b'
+
+.oi[data-glyph=microphone]:before
+  content '\e09c'
+
+.oi[data-glyph=minus]:before
+  content '\e09d'
+
+.oi[data-glyph=monitor]:before
+  content '\e09e'
+
+.oi[data-glyph=moon]:before
+  content '\e09f'
+
+.oi[data-glyph=move]:before
+  content '\e0a0'
+
+.oi[data-glyph=musical-note]:before
+  content '\e0a1'
+
+.oi[data-glyph=paperclip]:before
+  content '\e0a2'
+
+.oi[data-glyph=pencil]:before
+  content '\e0a3'
+
+.oi[data-glyph=people]:before
+  content '\e0a4'
+
+.oi[data-glyph=person]:before
+  content '\e0a5'
+
+.oi[data-glyph=phone]:before
+  content '\e0a6'
+
+.oi[data-glyph=pie-chart]:before
+  content '\e0a7'
+
+.oi[data-glyph=pin]:before
+  content '\e0a8'
+
+.oi[data-glyph=play-circle]:before
+  content '\e0a9'
+
+.oi[data-glyph=plus]:before
+  content '\e0aa'
+
+.oi[data-glyph=power-standby]:before
+  content '\e0ab'
+
+.oi[data-glyph=print]:before
+  content '\e0ac'
+
+.oi[data-glyph=project]:before
+  content '\e0ad'
+
+.oi[data-glyph=pulse]:before
+  content '\e0ae'
+
+.oi[data-glyph=puzzle-piece]:before
+  content '\e0af'
+
+.oi[data-glyph=question-mark]:before
+  content '\e0b0'
+
+.oi[data-glyph=rain]:before
+  content '\e0b1'
+
+.oi[data-glyph=random]:before
+  content '\e0b2'
+
+.oi[data-glyph=reload]:before
+  content '\e0b3'
+
+.oi[data-glyph=resize-both]:before
+  content '\e0b4'
+
+.oi[data-glyph=resize-height]:before
+  content '\e0b5'
+
+.oi[data-glyph=resize-width]:before
+  content '\e0b6'
+
+.oi[data-glyph=rss-alt]:before
+  content '\e0b7'
+
+.oi[data-glyph=rss]:before
+  content '\e0b8'
+
+.oi[data-glyph=script]:before
+  content '\e0b9'
+
+.oi[data-glyph=share-boxed]:before
+  content '\e0ba'
+
+.oi[data-glyph=share]:before
+  content '\e0bb'
+
+.oi[data-glyph=shield]:before
+  content '\e0bc'
+
+.oi[data-glyph=signal]:before
+  content '\e0bd'
+
+.oi[data-glyph=signpost]:before
+  content '\e0be'
+
+.oi[data-glyph=sort-ascending]:before
+  content '\e0bf'
+
+.oi[data-glyph=sort-descending]:before
+  content '\e0c0'
+
+.oi[data-glyph=spreadsheet]:before
+  content '\e0c1'
+
+.oi[data-glyph=star]:before
+  content '\e0c2'
+
+.oi[data-glyph=sun]:before
+  content '\e0c3'
+
+.oi[data-glyph=tablet]:before
+  content '\e0c4'
+
+.oi[data-glyph=tag]:before
+  content '\e0c5'
+
+.oi[data-glyph=tags]:before
+  content '\e0c6'
+
+.oi[data-glyph=target]:before
+  content '\e0c7'
+
+.oi[data-glyph=task]:before
+  content '\e0c8'
+
+.oi[data-glyph=terminal]:before
+  content '\e0c9'
+
+.oi[data-glyph=text]:before
+  content '\e0ca'
+
+.oi[data-glyph=thumb-down]:before
+  content '\e0cb'
+
+.oi[data-glyph=thumb-up]:before
+  content '\e0cc'
+
+.oi[data-glyph=timer]:before
+  content '\e0cd'
+
+.oi[data-glyph=transfer]:before
+  content '\e0ce'
+
+.oi[data-glyph=trash]:before
+  content '\e0cf'
+
+.oi[data-glyph=underline]:before
+  content '\e0d0'
+
+.oi[data-glyph=vertical-align-bottom]:before
+  content '\e0d1'
+
+.oi[data-glyph=vertical-align-center]:before
+  content '\e0d2'
+
+.oi[data-glyph=vertical-align-top]:before
+  content '\e0d3'
+
+.oi[data-glyph=video]:before
+  content '\e0d4'
+
+.oi[data-glyph=volume-high]:before
+  content '\e0d5'
+
+.oi[data-glyph=volume-low]:before
+  content '\e0d6'
+
+.oi[data-glyph=volume-off]:before
+  content '\e0d7'
+
+.oi[data-glyph=warning]:before
+  content '\e0d8'
+
+.oi[data-glyph=wifi]:before
+  content '\e0d9'
+
+.oi[data-glyph=wrench]:before
+  content '\e0da'
+
+.oi[data-glyph=x]:before
+  content '\e0db'
+
+.oi[data-glyph=yen]:before
+  content '\e0dc'
+
+.oi[data-glyph=zoom-in]:before
+  content '\e0dd'
+
+.oi[data-glyph=zoom-out]:before
+  content '\e0de'

ordr2/static/font/fonts/open-iconic.svg

@@ -0,0 +1,543 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<!--
+2014-7-1: Created.
+-->
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+Created by FontForge 20120731 at Tue Jul  1 20:39:22 2014
+ By P.J. Onori
+Created by P.J. Onori with FontForge 2.0 (http://fontforge.sf.net)
+</metadata>
+<defs>
+<font id="open-iconic" horiz-adv-x="800" >
+  <font-face 
+    font-family="Icons"
+    font-weight="400"
+    font-stretch="normal"
+    units-per-em="800"
+    panose-1="2 0 5 3 0 0 0 0 0 0"
+    ascent="800"
+    descent="0"
+    bbox="-0.5 -101 802 800.126"
+    underline-thickness="50"
+    underline-position="-100"
+    unicode-range="U+E000-E0DE"
+  />
+    <missing-glyph />
+    <glyph glyph-name="" unicode="&#xe000;" 
+d="M300 700h500v-700h-500v100h400v500h-400v100zM400 500l200 -150l-200 -150v100h-400v100h400v100z" />
+    <glyph glyph-name="1" unicode="&#xe001;" 
+d="M300 700h500v-700h-500v100h400v500h-400v100zM200 500v-100h400v-100h-400v-100l-200 150z" />
+    <glyph glyph-name="2" unicode="&#xe002;" 
+d="M350 700c193 0 350 -157 350 -350v-50h100l-200 -200l-200 200h100v50c0 138 -112 250 -250 250s-250 -112 -250 -250c0 193 157 350 350 350z" />
+    <glyph glyph-name="3" unicode="&#xe003;" 
+d="M450 700c193 0 350 -157 350 -350c0 138 -112 250 -250 250s-250 -112 -250 -250v-50h100l-200 -200l-200 200h100v50c0 193 157 350 350 350z" />
+    <glyph glyph-name="4" unicode="&#xe004;" 
+d="M0 700h800v-100h-800v100zM100 500h600v-100h-600v100zM0 300h800v-100h-800v100zM100 100h600v-100h-600v100z" />
+    <glyph glyph-name="5" unicode="&#xe005;" 
+d="M0 700h800v-100h-800v100zM0 500h600v-100h-600v100zM0 300h800v-100h-800v100zM0 100h600v-100h-600v100z" />
+    <glyph glyph-name="6" unicode="&#xe006;" 
+d="M0 700h800v-100h-800v100zM200 500h600v-100h-600v100zM0 300h800v-100h-800v100zM200 100h600v-100h-600v100z" />
+    <glyph glyph-name="7" unicode="&#xe007;" 
+d="M400 700c75 0 146 -23 206 -59l-75 -225l-322 234c57 31 122 50 191 50zM125 588l191 -138l-310 -222c-4 24 -6 47 -6 72c0 114 49 215 125 288zM688 575c69 -72 112 -168 112 -275c0 -35 -8 -68 -16 -100h-218zM216 253l112 -347c-128 23 -232 109 -287 222zM372 100
+h372c-64 -109 -177 -185 -310 -197z" />
+    <glyph glyph-name="8" unicode="&#xe008;" horiz-adv-x="600" 
+d="M200 800h100v-500h200l-247 -300l-253 300h200v500z" />
+    <glyph glyph-name="9" unicode="&#xe009;" 
+d="M400 800c221 0 400 -179 400 -400s-179 -400 -400 -400s-400 179 -400 400s179 400 400 400zM300 700v-300h-200l300 -300l300 300h-200v300h-200z" />
+    <glyph glyph-name="a" unicode="&#xe00a;" 
+d="M400 800c221 0 400 -179 400 -400s-179 -400 -400 -400s-400 179 -400 400s179 400 400 400zM400 700l-300 -300l300 -300v200h300v200h-300v200z" />
+    <glyph glyph-name="b" unicode="&#xe00b;" 
+d="M400 800c221 0 400 -179 400 -400s-179 -400 -400 -400s-400 179 -400 400s179 400 400 400zM400 700v-200h-300v-200h300v-200l300 300z" />
+    <glyph glyph-name="c" unicode="&#xe00c;" 
+d="M400 800c221 0 400 -179 400 -400s-179 -400 -400 -400s-400 179 -400 400s179 400 400 400zM400 700l-300 -300h200v-300h200v300h200z" />
+    <glyph glyph-name="d" unicode="&#xe00d;" 
+d="M300 600v-200h500v-100h-500v-200l-300 247z" />
+    <glyph glyph-name="e" unicode="&#xe00e;" 
+d="M500 600l300 -247l-300 -253v200h-500v100h500v200z" />
+    <glyph glyph-name="f" unicode="&#xe00f;" horiz-adv-x="600" 
+d="M200 800h200v-500h200l-297 -300l-303 300h200v500z" />
+    <glyph glyph-name="10" unicode="&#xe010;" 
+d="M300 700v-200h500v-200h-500v-200l-300 297z" />
+    <glyph glyph-name="11" unicode="&#xe011;" 
+d="M500 700l300 -297l-300 -303v200h-500v200h500v200z" />
+    <glyph glyph-name="12" unicode="&#xe012;" horiz-adv-x="600" 
+d="M297 800l303 -300h-200v-500h-200v500h-200z" />
+    <glyph glyph-name="13" unicode="&#xe013;" horiz-adv-x="600" 
+d="M247 800l253 -300h-200v-500h-100v500h-200z" />
+    <glyph glyph-name="14" unicode="&#xe014;" 
+d="M400 800h100v-800h-100v800zM200 700h100v-600h-100v600zM600 600h100v-400h-100v400zM0 500h100v-200h-100v200z" />
+    <glyph glyph-name="15" unicode="&#xe015;" 
+d="M116 600l72 -72c-54 -54 -88 -126 -88 -209s34 -159 88 -213l-72 -72c-72 72 -116 175 -116 285s44 209 116 281zM684 600c72 -72 116 -171 116 -281s-44 -213 -116 -285l-72 72c54 54 88 130 88 213s-34 155 -88 209zM259 460l69 -72c-18 -18 -28 -41 -28 -69
+s10 -54 28 -72l-69 -72c-36 36 -59 89 -59 144s23 105 59 141zM541 459c36 -36 59 -85 59 -140s-23 -108 -59 -144l-69 72c18 18 28 44 28 72s-10 51 -28 69z" />
+    <glyph glyph-name="16" unicode="&#xe016;" horiz-adv-x="400" 
+d="M200 800c110 0 200 -90 200 -200s-90 -200 -200 -200s-200 90 -200 200s90 200 200 200zM100 319c31 -11 65 -19 100 -19s68 8 100 19v-319l-100 100l-100 -100v319z" />
+    <glyph glyph-name="17" unicode="&#xe017;" 
+d="M400 800c220 0 400 -180 400 -400s-180 -400 -400 -400s-400 180 -400 400s180 400 400 400zM400 700c-166 0 -300 -134 -300 -300c0 -66 21 -126 56 -175l419 419c-49 35 -109 56 -175 56zM644 575l-419 -419c49 -35 109 -56 175 -56c166 0 300 134 300 300
+c0 66 -21 126 -56 175z" />
+    <glyph glyph-name="18" unicode="&#xe018;" 
+d="M0 700h100v-600h700v-100h-800v700zM500 700h200v-500h-200v500zM200 500h200v-300h-200v300z" />
+    <glyph glyph-name="19" unicode="&#xe019;" 
+d="M397 800c13 1 23 -4 34 -13c2 -2 214 -254 241 -287h128v-100h-100v-366c0 -18 -16 -34 -34 -34h-532c-18 0 -34 16 -34 34v366h-100v100h128l234 281c9 11 22 18 35 19zM400 672l-144 -172h288zM250 300c-28 0 -50 -22 -50 -50v-100c0 -28 22 -50 50 -50s50 22 50 50
+v100c0 28 -22 50 -50 50zM550 300c-28 0 -50 -22 -50 -50v-100c0 -28 22 -50 50 -50s50 22 50 50v100c0 28 -22 50 -50 50z" />
+    <glyph glyph-name="1a" unicode="&#xe01a;" 
+d="M9 700h682c6 0 9 -4 9 -10v-190h100v-200h-100v-191c0 -6 -3 -9 -9 -9h-682c-6 0 -9 3 -9 9v582c0 6 3 9 9 9zM100 600v-400h500v400h-500z" />
+    <glyph glyph-name="1b" unicode="&#xe01b;" 
+d="M9 700h682c6 0 9 -4 9 -10v-190h100v-200h-100v-191c0 -6 -3 -9 -9 -9h-682c-6 0 -9 3 -9 9v582c0 6 3 9 9 9z" />
+    <glyph glyph-name="1c" unicode="&#xe01c;" 
+d="M92 650c0 23 19 50 45 50h3h5h5h500c28 0 50 -22 50 -50s-22 -50 -50 -50h-50v-141c9 -17 120 -231 166 -309c16 -26 34 -61 34 -106c0 -39 -15 -77 -41 -103h-3c-26 -25 -62 -41 -100 -41h-512c-39 0 -77 15 -103 41s-41 64 -41 103c0 46 18 80 34 106
+c46 78 157 292 166 309v141h-50c-2 0 -6 -1 -8 -1c-28 0 -50 23 -50 51zM500 600h-200v-162l-6 -10s-63 -123 -119 -228h450c-56 105 -119 228 -119 228l-6 10v162z" />
+    <glyph glyph-name="1d" unicode="&#xe01d;" 
+d="M400 800c110 0 200 -90 200 -200c0 -104 52 -198 134 -266c41 -34 66 -82 66 -134h-800c0 52 25 100 66 134c82 68 134 162 134 266c0 110 90 200 200 200zM300 100h200c0 -55 -45 -100 -100 -100s-100 45 -100 100z" />
+    <glyph glyph-name="1e" unicode="&#xe01e;" horiz-adv-x="600" 
+d="M150 800h50l350 -250l-225 -147l225 -153l-350 -250h-50v250l-75 -75l-75 75l150 150l-150 150l75 75l75 -75v250zM250 650v-200l150 100zM250 350v-200l150 100z" />
+    <glyph glyph-name="1f" unicode="&#xe01f;" 
+d="M0 800h500c110 0 200 -90 200 -200c0 -47 -17 -91 -44 -125c85 -40 144 -125 144 -225c0 -138 -112 -250 -250 -250h-550v100c55 0 100 45 100 100v400c0 55 -45 100 -100 100v100zM300 700v-200h100c55 0 100 45 100 100s-45 100 -100 100h-100zM300 400v-300h150
+c83 0 150 67 150 150s-67 150 -150 150h-150z" />
+    <glyph glyph-name="20" unicode="&#xe020;" horiz-adv-x="600" 
+d="M300 800v-300h200l-300 -500v300h-200z" />
+    <glyph glyph-name="21" unicode="&#xe021;" 
+d="M100 800h300v-300l100 100l100 -100v300h50c28 0 50 -22 50 -50v-550h-550c-28 0 -50 -22 -50 -50s22 -50 50 -50h550v-100h-550c-83 0 -150 67 -150 150v550l3 19c8 39 39 70 78 78z" />
+    <glyph glyph-name="22" unicode="&#xe022;" horiz-adv-x="400" 
+d="M0 800h400v-800l-200 200l-200 -200v800z" />
+    <glyph glyph-name="23" unicode="&#xe023;" 
+d="M0 800h800v-100h-800v100zM0 600h300v-103h203v103h297v-591c0 -6 -3 -9 -9 -9h-782c-6 0 -9 3 -9 9v591z" />
+    <glyph glyph-name="24" unicode="&#xe024;" 
+d="M300 800h200c55 0 100 -45 100 -100v-100h191c6 0 9 -3 9 -9v-241c0 -28 -22 -50 -50 -50h-700c-28 0 -50 22 -50 50v241c0 6 3 9 9 9h191v100c0 55 45 100 100 100zM300 700v-100h200v100h-200zM0 209c16 -6 32 -9 50 -9h700c18 0 34 3 50 9v-200c0 -6 -3 -9 -9 -9h-782
+c-6 0 -9 3 -9 9v200z" />
+    <glyph glyph-name="25" unicode="&#xe025;" horiz-adv-x="600" 
+d="M300 800c58 0 110 -16 147 -53s53 -89 53 -147h-100c0 39 -11 61 -25 75s-36 25 -75 25c-35 0 -55 -10 -72 -31s-28 -55 -28 -94c0 -51 20 -107 28 -175h172v-100h-178c-14 -60 -49 -127 -113 -200h491v-100h-600v122l16 12c69 69 95 121 106 166h-122v100h125
+c-8 50 -25 106 -25 175c0 58 16 114 50 156c34 43 88 69 150 69z" />
+    <glyph glyph-name="26" unicode="&#xe026;" 
+d="M34 700h4h3h4h5h700c28 0 50 -22 50 -50v-700c0 -28 -22 -50 -50 -50h-700c-28 0 -50 22 -50 50v700v2c0 20 15 42 34 48zM150 600c-28 0 -50 -22 -50 -50s22 -50 50 -50s50 22 50 50s-22 50 -50 50zM350 600c-28 0 -50 -22 -50 -50s22 -50 50 -50h300c28 0 50 22 50 50
+s-22 50 -50 50h-300zM100 400v-400h600v400h-600z" />
+    <glyph glyph-name="27" unicode="&#xe027;" 
+d="M744 797l6 -3l44 -44c4 -4 3 -8 0 -12l-266 -375l-15 -13l-25 -12c-23 72 -78 127 -150 150l12 25l13 15l375 266zM266 400c74 0 134 -60 134 -134c0 -147 -119 -266 -266 -266c-48 0 -95 12 -134 34c80 46 134 133 134 232c0 74 58 134 132 134z" />
+    <glyph glyph-name="28" unicode="&#xe028;" 
+d="M9 451c0 23 19 50 46 50c8 0 19 -3 26 -7l131 -66l29 22c-79 81 -1 250 118 250s197 -167 119 -250l28 -22l131 66c6 4 12 7 21 7c28 0 50 -22 50 -50c0 -17 -12 -37 -27 -45l-115 -56c9 -16 19 -33 25 -50h68c28 0 50 -22 50 -50s-22 -50 -50 -50h-50
+c0 -23 -2 -45 -6 -66l78 -40c21 -5 37 -28 37 -49c0 -28 -22 -50 -50 -50c-10 0 -23 5 -31 11l-65 35c-24 -46 -62 -86 -103 -110c-35 19 -60 45 -60 72v135v4v5v6v5v5v87c0 28 -22 50 -50 50c-24 0 -45 -17 -50 -40c1 -3 1 -8 1 -11s0 -8 -1 -11v-82v-4v-5v-144
+c0 -28 -24 -53 -59 -72c-41 25 -79 64 -103 110l-66 -35c-8 -6 -21 -11 -31 -11c-28 0 -50 22 -50 50c0 21 16 44 37 49l78 40c-4 21 -6 43 -6 66h-50h-5c-28 0 -50 22 -50 50c0 26 22 50 50 50h5h69c6 17 16 34 25 50l-116 56c-16 7 -28 27 -28 45z" />
+    <glyph glyph-name="29" unicode="&#xe029;" 
+d="M600 700h91c6 0 9 -3 9 -9v-582c0 -6 -3 -9 -9 -9h-91v600zM210 503l290 147v-500l-250 125v-3c-15 0 -25 -8 -28 -22l75 -178c11 -25 0 -58 -25 -69s-58 0 -69 25l-103 272h-91c-6 0 -9 3 -9 9v182c0 6 3 9 9 9h182z" />
+    <glyph glyph-name="2a" unicode="&#xe02a;" 
+d="M9 800h682c6 0 9 -3 9 -9v-782c0 -6 -3 -9 -9 -9h-682c-6 0 -9 3 -9 9v782c0 6 3 9 9 9zM100 700v-200h500v200h-500zM100 400v-100h100v100h-100zM300 400v-100h100v100h-100zM500 400v-300h100v300h-100zM100 200v-100h100v100h-100zM300 200v-100h100v100h-100z" />
+    <glyph glyph-name="2b" unicode="&#xe02b;" 
+d="M0 800h700v-200h-700v200zM0 500h700v-491c0 -6 -3 -9 -9 -9h-682c-6 0 -9 3 -9 9v491zM100 400v-100h100v100h-100zM300 400v-100h100v100h-100zM500 400v-100h100v100h-100zM100 200v-100h100v100h-100zM300 200v-100h100v100h-100z" />
+    <glyph glyph-name="2c" unicode="&#xe02c;" 
+d="M409 800h182c6 0 10 -4 12 -9l94 -182c2 -5 6 -9 12 -9h82c6 0 9 -3 9 -9v-582c0 -6 -3 -9 -9 -9h-782c-6 0 -9 3 -9 9v441c0 83 67 150 150 150h141c6 0 10 4 12 9l94 182c2 5 6 9 12 9zM150 500c-28 0 -50 -22 -50 -50s22 -50 50 -50s50 22 50 50s-22 50 -50 50z
+M500 500c-110 0 -200 -90 -200 -200s90 -200 200 -200s200 90 200 200s-90 200 -200 200zM500 400c55 0 100 -45 100 -100s-45 -100 -100 -100s-100 45 -100 100s45 100 100 100z" />
+    <glyph glyph-name="2d" unicode="&#xe02d;" 
+d="M0 600h800l-400 -400z" />
+    <glyph glyph-name="2e" unicode="&#xe02e;" horiz-adv-x="400" 
+d="M400 800v-800l-400 400z" />
+    <glyph glyph-name="2f" unicode="&#xe02f;" horiz-adv-x="400" 
+d="M0 800l400 -400l-400 -400v800z" />
+    <glyph glyph-name="30" unicode="&#xe030;" 
+d="M400 600l400 -400h-800z" />
+    <glyph glyph-name="31" unicode="&#xe031;" 
+d="M0 550c0 23 20 50 46 50h3h5h4h200c17 0 37 -13 44 -28l38 -72h444c14 0 19 -12 15 -25l-81 -250c-4 -13 -21 -25 -35 -25h-350c-14 0 -30 12 -34 25c-27 83 -54 167 -81 250l-10 25h-150c-2 0 -5 -1 -7 -1c-28 0 -51 23 -51 51zM358 100c28 0 50 -22 50 -50
+s-22 -50 -50 -50s-50 22 -50 50s22 50 50 50zM658 100c28 0 50 -22 50 -50s-22 -50 -50 -50s-50 22 -50 50s22 50 50 50z" />
+    <glyph glyph-name="32" unicode="&#xe032;" 
+d="M0 700h500v-100h-300v-300h-100l-100 -100v500zM300 500h500v-500l-100 100h-400v400z" />
+    <glyph glyph-name="33" unicode="&#xe033;" 
+d="M641 700l143 -141l-493 -493c-71 76 -146 148 -219 222l-72 71l141 141c50 -51 101 -101 153 -150c116 117 234 231 347 350z" />
+    <glyph glyph-name="34" unicode="&#xe034;" 
+d="M150 600l250 -250l250 250l150 -150l-400 -400l-400 400z" />
+    <glyph glyph-name="35" unicode="&#xe035;" horiz-adv-x="600" 
+d="M400 800l150 -150l-250 -250l250 -250l-150 -150l-400 400z" />
+    <glyph glyph-name="36" unicode="&#xe036;" horiz-adv-x="600" 
+d="M150 800l400 -400l-400 -400l-150 150l250 250l-250 250z" />
+    <glyph glyph-name="37" unicode="&#xe037;" 
+d="M400 600l400 -400l-150 -150l-250 250l-250 -250l-150 150z" />
+    <glyph glyph-name="38" unicode="&#xe038;" 
+d="M400 800c221 0 400 -179 400 -400s-179 -400 -400 -400s-400 179 -400 400s179 400 400 400zM600 622l-250 -250l-100 100l-72 -72l172 -172l322 322z" />
+    <glyph glyph-name="39" unicode="&#xe039;" 
+d="M400 800c221 0 400 -179 400 -400s-179 -400 -400 -400s-400 179 -400 400s179 400 400 400zM250 622l-72 -72l150 -150l-150 -150l72 -72l150 150l150 -150l72 72l-150 150l150 150l-72 72l-150 -150z" />
+    <glyph glyph-name="3a" unicode="&#xe03a;" 
+d="M350 800c28 0 50 -22 50 -50v-50h75c14 0 25 -11 25 -25v-75h-300v75c0 14 11 25 25 25h75v50c0 28 22 50 50 50zM25 700h75v-200h500v200h75c14 0 25 -11 25 -25v-650c0 -14 -11 -25 -25 -25h-650c-14 0 -25 11 -25 25v650c0 14 11 25 25 25z" />
+    <glyph glyph-name="3b" unicode="&#xe03b;" 
+d="M400 800c220 0 400 -180 400 -400s-180 -400 -400 -400s-400 180 -400 400s180 400 400 400zM400 700c-166 0 -300 -134 -300 -300s134 -300 300 -300s300 134 300 300s-134 300 -300 300zM350 600h100v-181c23 -24 47 -47 72 -69l-72 -72c-27 30 -55 59 -84 88l-16 12
+v222z" />
+    <glyph glyph-name="3c" unicode="&#xe03c;" 
+d="M450 800c138 0 250 -112 250 -250v-50c58 -21 100 -85 100 -150c0 -18 -3 -34 -9 -50h-191v50c0 83 -67 150 -150 150s-150 -67 -150 -150v-50h-272c-17 30 -28 63 -28 100c0 110 90 200 200 200c23 114 129 200 250 200zM434 400h3h4c3 0 6 1 9 1c28 0 50 -22 50 -50v-1
+v-150h150l-200 -200l-200 200h150v150v2c0 20 15 42 34 48z" />
+    <glyph glyph-name="3d" unicode="&#xe03d;" 
+d="M450 800c138 0 250 -112 250 -250v-50c58 -21 100 -85 100 -150c0 -18 -3 -34 -9 -50h-141l-200 200l-200 -200h-222c-17 30 -28 63 -28 100c0 110 90 200 200 200c23 114 129 200 250 200zM450 350l250 -250h-200v-50c0 -28 -22 -50 -50 -50s-50 22 -50 50v50h-200z" />
+    <glyph glyph-name="3e" unicode="&#xe03e;" 
+d="M450 700c138 0 250 -112 250 -250v-50c58 -21 100 -85 100 -150c0 -83 -67 -150 -150 -150h-450c-110 0 -200 90 -200 200s90 200 200 200c23 114 129 200 250 200z" />
+    <glyph glyph-name="3f" unicode="&#xe03f;" 
+d="M250 800c82 0 154 -40 200 -100c-143 0 -270 -85 -325 -209c-36 -10 -70 -25 -100 -47c-16 33 -25 67 -25 106c0 138 112 250 250 250zM450 600c138 0 250 -112 250 -250v-50c58 -21 100 -85 100 -150c0 -83 -67 -150 -150 -150h-450c-110 0 -200 90 -200 200
+s90 200 200 200c23 114 129 200 250 200z" />
+    <glyph glyph-name="40" unicode="&#xe040;" 
+d="M500 700h100l-300 -600h-100zM100 600h100l-100 -200l100 -200h-100l-100 200zM600 600h100l100 -200l-100 -200h-100l100 200z" />
+    <glyph glyph-name="41" unicode="&#xe041;" 
+d="M350 800h100l50 -119l28 -12l119 50l72 -72l-50 -119l12 -28l119 -50v-100l-119 -50l-12 -28l50 -119l-72 -72l-119 50l-28 -12l-50 -119h-100l-50 119l-28 12l-119 -50l-72 72l50 119l-12 28l-119 50v100l119 50l12 28l-50 119l72 72l119 -50l28 12zM400 550
+c-83 0 -150 -67 -150 -150s67 -150 150 -150s150 67 150 150s-67 150 -150 150z" />
+    <glyph glyph-name="42" unicode="&#xe042;" 
+d="M0 800h800v-200h-800v200zM200 500h400l-200 -200zM0 100h800v-100h-800v100z" />
+    <glyph glyph-name="43" unicode="&#xe043;" 
+d="M0 800h100v-800h-100v800zM600 800h200v-800h-200v800zM500 600v-400l-200 200z" />
+    <glyph glyph-name="44" unicode="&#xe044;" 
+d="M0 800h200v-800h-200v800zM700 800h100v-800h-100v800zM300 600l200 -200l-200 -200v400z" />
+    <glyph glyph-name="45" unicode="&#xe045;" 
+d="M0 800h800v-100h-800v100zM400 500l200 -200h-400zM0 200h800v-200h-800v200z" />
+    <glyph glyph-name="46" unicode="&#xe046;" 
+d="M150 700c83 0 150 -67 150 -150v-50h100v50c0 83 67 150 150 150s150 -67 150 -150s-67 -150 -150 -150h-50v-100h50c83 0 150 -67 150 -150s-67 -150 -150 -150s-150 67 -150 150v50h-100v-50c0 -83 -67 -150 -150 -150s-150 67 -150 150s67 150 150 150h50v100h-50
+c-83 0 -150 67 -150 150s67 150 150 150zM150 600c-28 0 -50 -22 -50 -50s22 -50 50 -50h50v50c0 28 -22 50 -50 50zM550 600c-28 0 -50 -22 -50 -50v-50h50c28 0 50 22 50 50s-22 50 -50 50zM300 400v-100h100v100h-100zM150 200c-28 0 -50 -22 -50 -50s22 -50 50 -50
+s50 22 50 50v50h-50zM500 200v-50c0 -28 22 -50 50 -50s50 22 50 50s-22 50 -50 50h-50z" />
+    <glyph glyph-name="47" unicode="&#xe047;" 
+d="M0 791c0 5 4 9 9 9h782c6 0 9 -4 9 -10v-790l-200 200h-591c-6 0 -9 3 -9 9v582z" />
+    <glyph glyph-name="48" unicode="&#xe048;" 
+d="M400 800c220 0 400 -180 400 -400s-180 -400 -400 -400s-400 180 -400 400s180 400 400 400zM400 700c-166 0 -300 -134 -300 -300s134 -300 300 -300s300 134 300 300s-134 300 -300 300zM600 600l-100 -300l-300 -100l100 300zM400 450c-28 0 -50 -22 -50 -50
+s22 -50 50 -50s50 22 50 50s-22 50 -50 50z" />
+    <glyph glyph-name="49" unicode="&#xe049;" 
+d="M400 800c220 0 400 -180 400 -400s-180 -400 -400 -400s-400 180 -400 400s180 400 400 400zM400 700v-600c166 0 300 134 300 300s-134 300 -300 300z" />
+    <glyph glyph-name="4a" unicode="&#xe04a;" 
+d="M0 800h800v-100h-800v100zM0 600h500v-100h-500v100zM0 300h800v-100h-800v100zM0 100h600v-100h-600v100zM750 100c28 0 50 -22 50 -50s-22 -50 -50 -50s-50 22 -50 50s22 50 50 50z" />
+    <glyph glyph-name="4b" unicode="&#xe04b;" 
+d="M25 700h750c14 0 25 -11 25 -25v-75h-800v75c0 14 11 25 25 25zM0 500h800v-375c0 -14 -11 -25 -25 -25h-750c-14 0 -25 11 -25 25v375zM100 300v-100h100v100h-100zM300 300v-100h100v100h-100z" />
+    <glyph glyph-name="4c" unicode="&#xe04c;" 
+d="M100 800h100v-100h450l100 100l50 -50l-100 -100v-450h100v-100h-100v-100h-100v100h-500v500h-100v100h100v100zM200 600v-350l350 350h-350zM600 550l-350 -350h350v350z" />
+    <glyph glyph-name="4d" unicode="&#xe04d;" 
+d="M400 800c220 0 400 -180 400 -400s-180 -400 -400 -400s-400 180 -400 400s180 400 400 400zM400 700c-166 0 -300 -134 -300 -300s134 -300 300 -300s300 134 300 300s-134 300 -300 300zM400 600c28 0 50 -22 50 -50s-22 -50 -50 -50s-50 22 -50 50s22 50 50 50z
+M200 452c0 20 15 42 34 48h3h3h8c12 0 28 -7 36 -16l91 -90l25 6c55 0 100 -45 100 -100s-45 -100 -100 -100s-100 45 -100 100l6 25l-90 91c-9 8 -16 24 -16 36zM550 500c28 0 50 -22 50 -50s-22 -50 -50 -50s-50 22 -50 50s22 50 50 50z" />
+    <glyph glyph-name="4e" unicode="&#xe04e;" 
+d="M300 800h200v-300h200l-300 -300l-300 300h200v300zM0 100h800v-100h-800v100z" />
+    <glyph glyph-name="4f" unicode="&#xe04f;" 
+d="M0 800h800v-100h-800v100zM400 600l300 -300h-200v-300h-200v300h-200z" />
+    <glyph glyph-name="50" unicode="&#xe050;" 
+d="M200 700h600v-600h-600l-200 300zM350 622l-72 -72l150 -150l-150 -150l72 -72l150 150l150 -150l72 72l-150 150l150 150l-72 72l-150 -150z" />
+    <glyph glyph-name="51" unicode="&#xe051;" 
+d="M400 700c220 0 400 -180 400 -400h-100c0 166 -134 300 -300 300s-300 -134 -300 -300h-100c0 220 180 400 400 400zM341 491l59 -88l59 88c81 -25 141 -101 141 -191c0 -110 -90 -200 -200 -200s-200 90 -200 200c0 90 60 166 141 191z" />
+    <glyph glyph-name="52" unicode="&#xe052;" 
+d="M0 800h300v-400h400v-400h-700v800zM400 800l300 -300h-300v300zM100 600v-100h100v100h-100zM100 400v-100h100v100h-100zM100 200v-100h400v100h-400z" />
+    <glyph glyph-name="53" unicode="&#xe053;" horiz-adv-x="600" 
+d="M200 700h100v-100h75c30 0 58 -6 81 -22s44 -44 44 -78v-100h-100v94c-4 3 -13 6 -25 6h-250c-14 0 -25 -11 -25 -25v-50c0 -15 20 -40 34 -44l257 -65c66 -16 109 -73 109 -141v-50c0 -68 -57 -125 -125 -125h-75v-100h-100v100h-75c-30 0 -58 6 -81 22s-44 44 -44 78
+v100h100v-94c4 -3 13 -6 25 -6h250c14 0 25 11 25 25v50c0 15 -20 40 -34 44l-257 65c-66 16 -109 73 -109 141v50c0 68 57 125 125 125h75v100z" />
+    <glyph glyph-name="54" unicode="&#xe054;" 
+d="M0 700h300v-300l-300 -300v600zM500 700h300v-300l-300 -300v600z" />
+    <glyph glyph-name="55" unicode="&#xe055;" 
+d="M300 700v-600h-300v300zM800 700v-600h-300v300z" />
+    <glyph glyph-name="56" unicode="&#xe056;" 
+d="M300 700v-100c-111 0 -200 -89 -200 -200h200v-300h-300v300c0 165 135 300 300 300zM800 700v-100c-111 0 -200 -89 -200 -200h200v-300h-300v300c0 165 135 300 300 300z" />
+    <glyph glyph-name="57" unicode="&#xe057;" 
+d="M0 700h300v-300c0 -165 -135 -300 -300 -300v100c111 0 200 89 200 200h-200v300zM500 700h300v-300c0 -165 -135 -300 -300 -300v100c111 0 200 89 200 200h-200v300z" />
+    <glyph glyph-name="58" unicode="&#xe058;" horiz-adv-x="600" 
+d="M300 800l34 -34c11 -11 266 -270 266 -488c0 -165 -135 -300 -300 -300s-300 135 -300 300c0 218 255 477 266 488zM150 328c-28 0 -50 -22 -50 -50c0 -110 90 -200 200 -200c28 0 50 22 50 50s-22 50 -50 50c-55 0 -100 45 -100 100c0 28 -22 50 -50 50z" />
+    <glyph glyph-name="59" unicode="&#xe059;" 
+d="M400 800l400 -500h-800zM0 200h800v-200h-800v200z" />
+    <glyph glyph-name="5a" unicode="&#xe05a;" horiz-adv-x="600" 
+d="M300 800l300 -300h-600zM0 300h600l-300 -300z" />
+    <glyph glyph-name="5b" unicode="&#xe05b;" 
+d="M0 500h200v-200h-200v200zM300 500h200v-200h-200v200zM600 500h200v-200h-200v200z" />
+    <glyph glyph-name="5c" unicode="&#xe05c;" 
+d="M0 700h800v-100l-400 -200l-400 200v100zM0 500l400 -200l400 200v-400h-800v400z" />
+    <glyph glyph-name="5d" unicode="&#xe05d;" 
+d="M400 800l400 -200v-600h-800v600zM400 688l-300 -150v-188l300 -150l300 150v188zM200 500h400v-100l-200 -100l-200 100v100z" />
+    <glyph glyph-name="5e" unicode="&#xe05e;" 
+d="M600 700c69 0 134 -19 191 -50l-16 -106c-49 35 -109 56 -175 56c-131 0 -240 -84 -281 -200h331l-16 -100h-334c0 -36 8 -68 19 -100h297l-16 -100h-222c55 -61 133 -100 222 -100c78 0 147 30 200 78v-122c-59 -35 -127 -56 -200 -56c-147 0 -274 82 -344 200h-256
+l19 100h197c-8 32 -16 66 -16 100h-200l25 100h191c45 172 198 300 384 300z" />
+    <glyph glyph-name="5f" unicode="&#xe05f;" 
+d="M0 700h700v-100h-700v100zM0 500h500v-100h-500v100zM0 300h800v-100h-800v100zM0 100h100v-100h-100v100zM200 100h100v-100h-100v100zM400 100h100v-100h-100v100z" />
+    <glyph glyph-name="60" unicode="&#xe060;" 
+d="M0 800h800v-100h-800v100zM200 600h400l-200 -200zM0 200h800v-200h-800v200z" />
+    <glyph glyph-name="61" unicode="&#xe061;" 
+d="M0 800h100v-800h-100v800zM600 800h200v-800h-200v800zM200 600l200 -200l-200 -200v400z" />
+    <glyph glyph-name="62" unicode="&#xe062;" 
+d="M0 800h200v-800h-200v800zM700 800h100v-800h-100v800zM600 600v-400l-200 200z" />
+    <glyph glyph-name="63" unicode="&#xe063;" 
+d="M0 800h800v-200h-800v200zM400 400l200 -200h-400zM0 100h800v-100h-800v100z" />
+    <glyph glyph-name="64" unicode="&#xe064;" 
+d="M0 800h200v-100h-100v-600h600v100h100v-200h-800v800zM400 800h400v-400l-150 150l-250 -250l-100 100l250 250z" />
+    <glyph glyph-name="65" unicode="&#xe065;" 
+d="M403 700c247 0 397 -300 397 -300s-150 -300 -397 -300c-253 0 -403 300 -403 300s150 300 403 300zM400 600c-110 0 -200 -90 -200 -200s90 -200 200 -200s200 90 200 200s-90 200 -200 200zM400 500c10 0 19 -3 28 -6c-16 -8 -28 -24 -28 -44c0 -28 22 -50 50 -50
+c20 0 36 12 44 28c3 -9 6 -18 6 -28c0 -55 -45 -100 -100 -100s-100 45 -100 100s45 100 100 100z" />
+    <glyph glyph-name="66" unicode="&#xe066;" horiz-adv-x="900" 
+d="M331 700h3h3c3 1 7 1 10 1c12 0 29 -8 37 -17l94 -93l66 65c57 57 155 57 212 0c58 -58 58 -154 0 -212l-65 -66l93 -94c10 -8 18 -25 18 -38c0 -28 -22 -50 -50 -50c-13 0 -32 9 -40 20l-62 65l-381 -381h-269v272l375 381l-63 63c-9 8 -16 24 -16 36c0 20 16 42 35 48z
+M447 481l-313 -315l128 -132l316 316z" />
+    <glyph glyph-name="67" unicode="&#xe067;" 
+d="M0 800h300v-400h400v-400h-700v800zM400 800l300 -300h-300v300z" />
+    <glyph glyph-name="68" unicode="&#xe068;" 
+d="M200 800c0 0 200 -100 200 -300s-298 -302 -200 -500c0 0 -200 100 -200 300s300 300 200 500zM500 500c0 0 200 -100 200 -300c0 -150 -60 -200 -100 -200h-300c0 200 300 300 200 500z" />
+    <glyph glyph-name="69" unicode="&#xe069;" 
+d="M0 800h100v-800h-100v800zM200 800h300v-100h300l-200 -203l200 -197h-400v100h-200v400z" />
+    <glyph glyph-name="6a" unicode="&#xe06a;" horiz-adv-x="400" 
+d="M150 800h150l-100 -200h200l-150 -300h150l-300 -300l-100 300h134l66 200h-200z" />
+    <glyph glyph-name="6b" unicode="&#xe06b;" 
+d="M0 800h300v-100h500v-100h-800v200zM0 500h800v-450c0 -28 -22 -50 -50 -50h-700c-28 0 -50 22 -50 50v450z" />
+    <glyph glyph-name="6c" unicode="&#xe06c;" 
+d="M150 800c83 0 150 -67 150 -150c0 -66 -41 -121 -100 -141v-118c15 5 33 9 50 9h200c28 0 50 22 50 50v59c-59 20 -100 75 -100 141c0 83 67 150 150 150s150 -67 150 -150c0 -66 -41 -121 -100 -141v-59c0 -82 -68 -150 -150 -150h-200c-14 0 -25 -7 -34 -16
+c50 -24 84 -74 84 -134c0 -83 -67 -150 -150 -150s-150 67 -150 150c0 66 41 121 100 141v218c-59 20 -100 75 -100 141c0 83 67 150 150 150z" />
+    <glyph glyph-name="6d" unicode="&#xe06d;" 
+d="M0 800h400l-150 -150l150 -150l-100 -100l-150 150l-150 -150v400zM500 400l150 -150l150 150v-400h-400l150 150l-150 150z" />
+    <glyph glyph-name="6e" unicode="&#xe06e;" 
+d="M100 800l150 -150l150 150v-400h-400l150 150l-150 150zM400 400h400l-150 -150l150 -150l-100 -100l-150 150l-150 -150v400z" />
+    <glyph glyph-name="6f" unicode="&#xe06f;" 
+d="M400 800c221 0 400 -179 400 -400s-179 -400 -400 -400s-400 179 -400 400s179 400 400 400zM400 700c-56 0 -108 -17 -153 -44l22 -19c33 -18 13 -48 -13 -59c-30 -13 -77 10 -65 -41c13 -55 -27 -3 -47 -15c-42 -26 49 -152 31 -156l-59 34c-8 0 -13 -5 -16 -10
+c1 -30 10 -57 19 -84c28 -11 77 -2 100 -25c47 -28 97 -115 75 -159c34 -13 68 -22 106 -22c101 0 193 48 247 125c3 24 -8 44 -50 44c-69 0 -156 13 -153 97c2 46 101 108 66 143c-30 30 12 39 12 66c0 37 -65 32 -69 50s20 36 41 56c-30 10 -60 19 -94 19zM631 591
+c-38 -11 -94 -35 -87 -53c6 -15 52 -1 65 -13c11 -10 16 -59 44 -31l22 22v3c-11 26 -26 50 -44 72z" />
+    <glyph glyph-name="70" unicode="&#xe070;" 
+d="M703 800l97 -100l-400 -400l-100 100l-200 -203l-100 100l300 303l100 -100zM0 100h800v-100h-800v100z" />
+    <glyph glyph-name="71" unicode="&#xe071;" 
+d="M0 700h100v-100h-100v100zM200 700h100v-100h-100v100zM400 700h100v-100h-100v100zM600 700h100v-100h-100v100zM0 500h100v-100h-100v100zM200 500h100v-100h-100v100zM400 500h100v-100h-100v100zM600 500h100v-100h-100v100zM0 300h100v-100h-100v100zM200 300h100
+v-100h-100v100zM400 300h100v-100h-100v100zM600 300h100v-100h-100v100zM0 100h100v-100h-100v100zM200 100h100v-100h-100v100zM400 100h100v-100h-100v100zM600 100h100v-100h-100v100z" />
+    <glyph glyph-name="72" unicode="&#xe072;" 
+d="M0 800h200v-200h-200v200zM300 800h200v-200h-200v200zM600 800h200v-200h-200v200zM0 500h200v-200h-200v200zM300 500h200v-200h-200v200zM600 500h200v-200h-200v200zM0 200h200v-200h-200v200zM300 200h200v-200h-200v200zM600 200h200v-200h-200v200z" />
+    <glyph glyph-name="73" unicode="&#xe073;" 
+d="M0 800h300v-300h-300v300zM500 800h300v-300h-300v300zM0 300h300v-300h-300v300zM500 300h300v-300h-300v300z" />
+    <glyph glyph-name="74" unicode="&#xe074;" 
+d="M19 800h662c11 0 19 -8 19 -19v-331c0 -28 -22 -50 -50 -50h-600c-28 0 -50 22 -50 50v331c0 11 8 19 19 19zM0 309c16 -6 32 -9 50 -9h600c18 0 34 3 50 9v-290c0 -11 -8 -19 -19 -19h-662c-11 0 -19 8 -19 19v290zM550 200c-28 0 -50 -22 -50 -50s22 -50 50 -50
+s50 22 50 50s-22 50 -50 50z" />
+    <glyph glyph-name="75" unicode="&#xe075;" 
+d="M0 700h300v-100h-50c-28 0 -50 -22 -50 -50v-150h300v150c0 28 -22 50 -50 50h-50v100h300v-100h-50c-28 0 -50 -22 -50 -50v-400c0 -28 22 -50 50 -50h50v-100h-300v100h50c28 0 50 22 50 50v150h-300v-150c0 -28 22 -50 50 -50h50v-100h-300v100h50c28 0 50 22 50 50
+v400c0 28 -22 50 -50 50h-50v100z" />
+    <glyph glyph-name="76" unicode="&#xe076;" 
+d="M400 700c165 0 300 -135 300 -300v-100h50c28 0 50 -22 50 -50v-200c0 -28 -22 -50 -50 -50h-100c-28 0 -50 22 -50 50v350c0 111 -89 200 -200 200s-200 -89 -200 -200v-350c0 -28 -22 -50 -50 -50h-100c-28 0 -50 22 -50 50v200c0 28 22 50 50 50h50v100
+c0 165 135 300 300 300z" />
+    <glyph glyph-name="77" unicode="&#xe077;" 
+d="M0 500c0 109 91 200 200 200s200 -91 200 -200c0 109 91 200 200 200s200 -91 200 -200c0 -55 -23 -105 -59 -141l-341 -340l-341 340c-36 36 -59 86 -59 141z" />
+    <glyph glyph-name="78" unicode="&#xe078;" 
+d="M400 700l400 -300l-100 3v-403h-200v200h-200v-200h-200v400h-100z" />
+    <glyph glyph-name="79" unicode="&#xe079;" 
+d="M0 800h800v-800h-800v800zM100 700v-300l100 100l400 -400h100v100l-200 200l100 100l100 -100v300h-600z" />
+    <glyph glyph-name="7a" unicode="&#xe07a;" 
+d="M19 800h762c11 0 19 -8 19 -19v-762c0 -11 -8 -19 -19 -19h-762c-11 0 -19 8 -19 19v762c0 11 8 19 19 19zM100 600v-300h100l100 -100h200l100 100h100v300h-600z" />
+    <glyph glyph-name="7b" unicode="&#xe07b;" 
+d="M200 600c80 0 142 -56 200 -122c58 66 119 122 200 122c131 0 200 -101 200 -200s-69 -200 -200 -200c-81 0 -142 56 -200 122c-58 -66 -121 -122 -200 -122c-131 0 -200 101 -200 200s69 200 200 200zM200 500c-74 0 -100 -54 -100 -100s26 -100 100 -100
+c42 0 88 47 134 100c-46 53 -92 100 -134 100zM600 500c-43 0 -88 -47 -134 -100c46 -53 91 -100 134 -100c74 0 100 54 100 100s-26 100 -100 100z" />
+    <glyph glyph-name="7c" unicode="&#xe07c;" horiz-adv-x="400" 
+d="M300 800c55 0 100 -45 100 -100s-45 -100 -100 -100s-100 45 -100 100s45 100 100 100zM150 550c83 0 150 -69 150 -150c0 -66 -100 -214 -100 -250c0 -28 22 -50 50 -50s50 22 50 50h100c0 -83 -67 -150 -150 -150s-150 64 -150 150s100 222 100 250s-22 50 -50 50
+s-50 -22 -50 -50h-100c0 83 67 150 150 150z" />
+    <glyph glyph-name="7d" unicode="&#xe07d;" 
+d="M200 800h500v-100h-122c-77 -197 -156 -392 -234 -588l-6 -12h162v-100h-500v100h122c77 197 156 392 234 588l7 12h-163v100z" />
+    <glyph glyph-name="7e" unicode="&#xe07e;" 
+d="M0 700h800v-100h-800v100zM0 500h800v-100h-800v100zM0 300h800v-100h-800v100zM100 100h600v-100h-600v100z" />
+    <glyph glyph-name="7f" unicode="&#xe07f;" 
+d="M0 700h800v-100h-800v100zM0 500h800v-100h-800v100zM0 300h800v-100h-800v100zM0 100h600v-100h-600v100z" />
+    <glyph glyph-name="80" unicode="&#xe080;" 
+d="M0 700h800v-100h-800v100zM0 500h800v-100h-800v100zM0 300h800v-100h-800v100zM200 100h600v-100h-600v100z" />
+    <glyph glyph-name="81" unicode="&#xe081;" 
+d="M550 800c138 0 250 -112 250 -250s-112 -250 -250 -250c-16 0 -32 0 -47 3l-3 -3v-100h-200v-200h-300v200l303 303c-3 15 -3 31 -3 47c0 138 112 250 250 250zM600 700c-55 0 -100 -45 -100 -100s45 -100 100 -100s100 45 100 100s-45 100 -100 100z" />
+    <glyph glyph-name="82" unicode="&#xe082;" 
+d="M134 600h3h4h4h5h500c28 0 50 -22 50 -50v-350h100v-150c0 -28 -22 -50 -50 -50h-700c-28 0 -50 22 -50 50v150h100v350v2c0 20 15 42 34 48zM200 500v-300h100v-100h200v100h100v300h-400z" />
+    <glyph glyph-name="83" unicode="&#xe083;" 
+d="M0 800h400v-400h-400v400zM500 600h100v-400h-400v100h300v300zM700 400h100v-400h-400v100h300v300z" />
+    <glyph glyph-name="84" unicode="&#xe084;" horiz-adv-x="600" 
+d="M337 694c6 4 12 7 21 7c28 0 50 -22 50 -50c0 -17 -12 -37 -27 -45l-300 -150c-8 -6 -21 -11 -31 -11c-28 0 -50 22 -50 50c0 21 16 44 37 49zM437 544c6 4 12 7 21 7c28 0 50 -22 50 -50c0 -17 -12 -37 -27 -45l-400 -200c-8 -6 -21 -11 -31 -11c-28 0 -50 22 -50 50
+c0 21 16 44 37 49zM437 344c6 4 12 7 21 7c28 0 50 -22 50 -50c0 -17 -12 -37 -27 -45l-106 -56c24 -4 43 -26 43 -50c0 -28 -23 -51 -51 -51c-2 0 -6 1 -8 1h-200c-26 1 -48 24 -48 50c0 16 12 36 26 44zM151 -50c0 23 20 50 46 50h3h4h5h100c28 0 50 -22 50 -50
+s-22 -50 -50 -50h-100c-2 0 -6 -1 -8 -1c-28 0 -50 23 -50 51z" />
+    <glyph glyph-name="85" unicode="&#xe085;" 
+d="M199 800h100v-200h-200v100h100v100zM586 797h1c18 1 38 1 56 -3c36 -8 69 -26 97 -54c78 -78 78 -203 0 -281l-150 -150c-8 -13 -28 -24 -43 -24c-28 0 -50 22 -50 50c0 15 11 35 24 43l150 150c40 40 39 105 0 144c-41 41 -110 34 -144 0l-44 -44
+c-8 -13 -27 -24 -42 -24c-28 0 -50 22 -50 50c0 15 11 35 24 43l43 44c32 33 72 53 128 56zM208 490c4 5 14 16 22 16h3c2 0 6 1 8 1c28 0 50 -22 50 -50c0 -11 -6 -27 -14 -35l-150 -150c-40 -40 -39 -105 0 -144c41 -41 110 -34 144 0l44 44c8 13 27 24 42 24
+c28 0 50 -22 50 -50c0 -15 -11 -35 -24 -43l-43 -44c-22 -22 -48 -37 -75 -47c-70 -25 -151 -9 -207 47c-78 78 -78 203 0 281zM499 200h200v-100h-100v-100h-100v200z" />
+    <glyph glyph-name="86" unicode="&#xe086;" 
+d="M586 797c18 1 39 1 57 -3c36 -8 69 -26 97 -54c78 -78 78 -203 0 -281l-150 -150c-62 -62 -132 -81 -182 -78s-69 17 -84 25s-26 27 -26 44c0 28 22 51 50 51c8 0 19 -3 26 -7c0 0 15 -11 41 -13s62 3 106 47l150 150c40 40 39 105 0 144c-41 41 -110 34 -144 0
+c-8 -13 -28 -24 -43 -24c-28 0 -50 22 -50 50c0 15 11 35 24 43c32 33 72 53 128 56zM386 566c50 -2 64 -17 85 -22s37 -28 37 -49c0 -28 -22 -50 -50 -50c-10 0 -23 5 -31 11c0 0 -19 9 -47 10s-63 -4 -103 -44l-150 -150c-40 -40 -39 -105 0 -144c41 -41 110 -34 144 0
+c8 13 27 24 42 24c28 0 50 -22 50 -50c0 -15 -10 -35 -23 -43c-22 -22 -48 -37 -75 -47c-70 -25 -151 -9 -207 47c-78 78 -78 203 0 281l150 150c60 60 128 78 178 76z" />
+    <glyph glyph-name="87" unicode="&#xe087;" 
+d="M0 700h300v-300h-300v300zM400 700h400v-100h-400v100zM400 500h300v-100h-300v100zM0 300h300v-300h-300v300zM400 300h400v-100h-400v100zM400 100h300v-100h-300v100z" />
+    <glyph glyph-name="88" unicode="&#xe088;" 
+d="M50 700c28 0 50 -22 50 -50s-22 -50 -50 -50s-50 22 -50 50s22 50 50 50zM200 700h600v-100h-600v100zM50 500c28 0 50 -22 50 -50s-22 -50 -50 -50s-50 22 -50 50s22 50 50 50zM200 500h600v-100h-600v100zM50 300c28 0 50 -22 50 -50s-22 -50 -50 -50s-50 22 -50 50
+s22 50 50 50zM200 300h600v-100h-600v100zM50 100c28 0 50 -22 50 -50s-22 -50 -50 -50s-50 22 -50 50s22 50 50 50zM200 100h600v-100h-600v100z" />
+    <glyph glyph-name="89" unicode="&#xe089;" 
+d="M800 800l-400 -800l-100 300l-300 100z" />
+    <glyph glyph-name="8a" unicode="&#xe08a;" horiz-adv-x="600" 
+d="M300 700c110 0 200 -90 200 -200v-100h100v-400h-600v400h100v100c0 110 90 200 200 200zM300 600c-56 0 -100 -44 -100 -100v-100h200v100c0 56 -44 100 -100 100z" />
+    <glyph glyph-name="8b" unicode="&#xe08b;" horiz-adv-x="600" 
+d="M300 800c110 0 200 -90 200 -200v-200h100v-400h-600v400h400v200c0 56 -44 100 -100 100s-100 -44 -100 -100h-100c0 110 90 200 200 200z" />
+    <glyph glyph-name="8c" unicode="&#xe08c;" 
+d="M400 700v-100c-111 0 -200 -89 -200 -200h100l-150 -200l-150 200h100c0 165 135 300 300 300zM650 600l150 -200h-100c0 -165 -135 -300 -300 -300v100c111 0 200 89 200 200h-100z" />
+    <glyph glyph-name="8d" unicode="&#xe08d;" 
+d="M100 800h600v-300h100l-150 -250l-150 250h100v200h-400v-100h-100v200zM150 550l150 -250h-100v-200h400v100h100v-200h-600v300h-100z" />
+    <glyph glyph-name="8e" unicode="&#xe08e;" 
+d="M600 700l200 -150l-200 -150v100h-500v-100h-100v100c0 55 45 100 100 100h500v100zM200 300v-100h500v100h100v-100c0 -55 -45 -100 -100 -100h-500v-100l-200 150z" />
+    <glyph glyph-name="8f" unicode="&#xe08f;" horiz-adv-x="900" 
+d="M350 800c193 0 350 -157 350 -350c0 -60 -17 -117 -44 -166c5 -3 12 -8 16 -12l100 -100c16 -16 30 -49 30 -72c0 -56 -46 -102 -102 -102c-23 0 -56 14 -72 30l-100 100c-4 3 -9 9 -12 13c-49 -26 -107 -41 -166 -41c-193 0 -350 157 -350 350s157 350 350 350zM350 200
+c142 0 250 108 250 250c0 139 -111 250 -250 250s-250 -111 -250 -250s111 -250 250 -250z" />
+    <glyph glyph-name="90" unicode="&#xe090;" horiz-adv-x="600" 
+d="M300 800c166 0 300 -134 300 -300c0 -200 -300 -500 -300 -500s-300 300 -300 500c0 166 134 300 300 300zM300 700c-110 0 -200 -90 -200 -200s90 -200 200 -200s200 90 200 200s-90 200 -200 200z" />
+    <glyph glyph-name="91" unicode="&#xe091;" horiz-adv-x="900" 
+d="M0 800h800v-541c1 -3 1 -8 1 -11s0 -7 -1 -10v-238h-800v800zM495 250c0 26 22 50 50 50h5h150v400h-600v-600h600v100h-150h-5c-28 0 -50 22 -50 50zM350 600c83 0 150 -67 150 -150c0 -100 -150 -250 -150 -250s-150 150 -150 250c0 83 67 150 150 150zM350 500
+c-28 0 -50 -22 -50 -50s22 -50 50 -50s50 22 50 50s-22 50 -50 50z" />
+    <glyph glyph-name="92" unicode="&#xe092;" horiz-adv-x="600" 
+d="M0 700h200v-600h-200v600zM400 700h200v-600h-200v600z" />
+    <glyph glyph-name="93" unicode="&#xe093;" horiz-adv-x="600" 
+d="M0 700l600 -300l-600 -300v600z" />
+    <glyph glyph-name="94" unicode="&#xe094;" horiz-adv-x="600" 
+d="M300 700c166 0 300 -134 300 -300s-134 -300 -300 -300s-300 134 -300 300s134 300 300 300z" />
+    <glyph glyph-name="95" unicode="&#xe095;" 
+d="M400 700v-600l-400 300zM400 400l400 300v-600z" />
+    <glyph glyph-name="96" unicode="&#xe096;" 
+d="M0 700l400 -300l-400 -300v600zM400 100v600l400 -300z" />
+    <glyph glyph-name="97" unicode="&#xe097;" 
+d="M0 700h200v-600h-200v600zM200 400l500 300v-600z" />
+    <glyph glyph-name="98" unicode="&#xe098;" 
+d="M0 700l500 -300l-500 -300v600zM500 100v600h200v-600h-200z" />
+    <glyph glyph-name="99" unicode="&#xe099;" horiz-adv-x="600" 
+d="M0 700h600v-600h-600v600z" />
+    <glyph glyph-name="9a" unicode="&#xe09a;" 
+d="M200 800h400v-200h200v-400h-200v-200h-400v200h-200v400h200v200z" />
+    <glyph glyph-name="9b" unicode="&#xe09b;" 
+d="M0 700h800v-100h-800v100zM0 403h800v-100h-800v100zM0 103h800v-100h-800v100z" />
+    <glyph glyph-name="9c" unicode="&#xe09c;" horiz-adv-x="600" 
+d="M278 700c7 2 13 4 22 4c55 0 100 -45 100 -100v-4v-200c0 -55 -45 -100 -100 -100s-100 45 -100 100v200v2c0 44 35 88 78 98zM34 500h4h3c3 0 6 1 9 1c28 0 50 -22 50 -50v-1v-50c0 -111 89 -200 200 -200s200 89 200 200v50c0 28 22 50 50 50s50 -22 50 -50v-50
+c0 -148 -109 -270 -250 -294v-106h50c55 0 100 -45 100 -100h-400c0 55 45 100 100 100h50v106c-141 24 -250 146 -250 294v50v2c0 20 15 42 34 48z" />
+    <glyph glyph-name="9d" unicode="&#xe09d;" 
+d="M0 500h800v-200h-800v200z" />
+    <glyph glyph-name="9e" unicode="&#xe09e;" 
+d="M34 700h4h3h4h5h700c28 0 50 -22 50 -50v-500c0 -28 -22 -50 -50 -50h-250v-100h100c55 0 100 -45 100 -100h-600c0 55 45 100 100 100h100v100h-250c-28 0 -50 22 -50 50v500v2c0 20 15 42 34 48zM100 600v-400h600v400h-600z" />
+    <glyph glyph-name="9f" unicode="&#xe09f;" 
+d="M272 700c-14 -40 -22 -83 -22 -128c0 -221 179 -400 400 -400c45 0 88 8 128 22c-53 -158 -202 -272 -378 -272c-221 0 -400 179 -400 400c0 176 114 325 272 378z" />
+    <glyph glyph-name="a0" unicode="&#xe0a0;" 
+d="M350 700l150 -150h-100v-150h150v100l150 -150l-150 -150v100h-150v-150h100l-150 -150l-150 150h100v150h-150v-100l-150 150l150 150v-100h150v150h-100z" />
+    <glyph glyph-name="a1" unicode="&#xe0a1;" 
+d="M800 800v-550c0 -83 -67 -150 -150 -150s-150 67 -150 150s67 150 150 150c17 0 35 -4 50 -9v206c-201 -6 -327 -27 -400 -50v-397c0 -83 -67 -150 -150 -150s-150 67 -150 150s67 150 150 150c17 0 35 -4 50 -9v409s100 100 600 100z" />
+    <glyph glyph-name="a2" unicode="&#xe0a2;" horiz-adv-x="700" 
+d="M499 700c51 0 102 -20 141 -59c78 -78 78 -203 0 -281l-250 -244c-48 -48 -127 -48 -175 0s-48 127 0 175l96 97l69 -69l-90 -94l-7 -3c-10 -10 -10 -28 0 -38s28 -10 38 0l250 247c37 40 39 102 0 141s-104 40 -144 0l-278 -275c-66 -69 -68 -179 0 -247
+c69 -69 181 -69 250 0l9 12l116 113l69 -69l-125 -125c-107 -107 -281 -107 -388 0s-107 281 0 388l278 272c39 39 90 59 141 59z" />
+    <glyph glyph-name="a3" unicode="&#xe0a3;" 
+d="M600 800l200 -200l-100 -100l-200 200zM400 600l200 -200l-400 -400h-200v200z" />
+    <glyph glyph-name="a4" unicode="&#xe0a4;" 
+d="M550 800c83 0 150 -90 150 -200s-67 -200 -150 -200c-22 0 -40 8 -59 19c6 26 9 52 9 81c0 84 -27 158 -72 212c27 52 71 88 122 88zM250 700c83 0 150 -90 150 -200s-67 -200 -150 -200s-150 90 -150 200s67 200 150 200zM725 384c44 -22 75 -66 75 -118v-166h-200v66
+c0 50 -17 96 -44 134c66 2 126 33 169 84zM75 284c45 -53 106 -84 175 -84s130 31 175 84c44 -22 75 -66 75 -118v-166h-500v166c0 52 31 96 75 118z" />
+    <glyph glyph-name="a5" unicode="&#xe0a5;" 
+d="M400 800c110 0 200 -112 200 -250s-90 -250 -200 -250s-200 112 -200 250s90 250 200 250zM191 300c54 -61 128 -100 209 -100s155 39 209 100c106 -5 191 -92 191 -200v-100h-800v100c0 108 85 195 191 200z" />
+    <glyph glyph-name="a6" unicode="&#xe0a6;" horiz-adv-x="600" 
+d="M19 800h462c11 0 19 -8 19 -19v-762c0 -11 -8 -19 -19 -19h-462c-11 0 -19 8 -19 19v762c0 11 8 19 19 19zM100 700v-500h300v500h-300zM250 150c-28 0 -50 -22 -50 -50s22 -50 50 -50s50 22 50 50s-22 50 -50 50z" />
+    <glyph glyph-name="a7" unicode="&#xe0a7;" 
+d="M350 800c17 0 34 -1 50 -3v-397l-297 297c63 64 150 103 247 103zM500 694c169 -25 300 -168 300 -344c0 -193 -157 -350 -350 -350c-85 0 -161 31 -222 81l272 272v341zM91 562l237 -234l-212 -212c-70 55 -116 138 -116 234c0 84 35 158 91 212z" />
+    <glyph glyph-name="a8" unicode="&#xe0a8;" 
+d="M92 650c0 23 20 50 46 50h3h4h5h400c28 0 50 -22 50 -50s-22 -50 -50 -50h-50v-200h100c55 0 100 -45 100 -100h-300v-300l-56 -100l-44 100v300h-300c0 55 45 100 100 100h100v200h-50c-2 0 -6 -1 -8 -1c-28 0 -50 23 -50 51z" />
+    <glyph glyph-name="a9" unicode="&#xe0a9;" 
+d="M400 800c221 0 400 -179 400 -400s-179 -400 -400 -400s-400 179 -400 400s179 400 400 400zM300 600v-400l300 200z" />
+    <glyph glyph-name="aa" unicode="&#xe0aa;" 
+d="M300 800h200v-300h300v-200h-300v-300h-200v300h-300v200h300v300z" />
+    <glyph glyph-name="ab" unicode="&#xe0ab;" 
+d="M300 800h100v-400h-100v400zM172 656l62 -78l-40 -31c-58 -46 -94 -117 -94 -197c0 -139 111 -250 250 -250s250 111 250 250c0 80 -39 151 -97 197l-37 31l62 78l38 -31c82 -64 134 -164 134 -275c0 -193 -157 -350 -350 -350s-350 157 -350 350c0 111 53 211 134 275z
+" />
+    <glyph glyph-name="ac" unicode="&#xe0ac;" 
+d="M200 800h400v-200h-400v200zM9 500h782c6 0 9 -3 9 -9v-282c0 -6 -3 -9 -9 -9h-91v200h-600v-200h-91c-6 0 -9 3 -9 9v282c0 6 3 9 9 9zM200 300h400v-300h-400v300z" />
+    <glyph glyph-name="ad" unicode="&#xe0ad;" 
+d="M0 700h100v-700h-100v700zM700 700h100v-700h-100v700zM200 600h200v-100h-200v100zM300 400h200v-100h-200v100zM400 200h200v-100h-200v100z" />
+    <glyph glyph-name="ae" unicode="&#xe0ae;" 
+d="M325 700c42 -141 87 -280 131 -419c29 74 59 148 88 222c30 -57 58 -114 87 -172h169v-100h-231l-13 28c-37 -92 -74 -184 -112 -275c-38 129 -79 257 -119 385c-42 -133 -83 -267 -125 -400c-28 88 -56 175 -84 262h-116v100h188l9 -34l3 -6c42 137 83 273 125 409z" />
+    <glyph glyph-name="af" unicode="&#xe0af;" 
+d="M200 600c0 57 43 100 100 100s100 -43 100 -100c0 -28 -18 -48 -28 -72c-3 -6 -3 -16 -3 -28h231v-231c12 0 22 0 28 3c24 10 44 28 72 28c57 0 100 -43 100 -100s-43 -100 -100 -100c-28 0 -48 18 -72 28c-6 3 -16 3 -28 3v-231h-231c0 12 0 22 3 28c10 24 28 44 28 72
+c0 57 -43 100 -100 100s-100 -43 -100 -100c0 -28 18 -48 28 -72c3 -6 3 -16 3 -28h-231v600h231c0 12 0 22 -3 28c-10 24 -28 44 -28 72z" />
+    <glyph glyph-name="b0" unicode="&#xe0b0;" horiz-adv-x="500" 
+d="M247 700c84 0 148 -20 191 -59s59 -93 59 -141c0 -117 -69 -181 -119 -225s-81 -67 -81 -150v-25h-100v25c0 117 65 181 115 225s85 67 85 150c0 25 -8 48 -28 66s-56 34 -122 34s-97 -18 -116 -37s-27 -43 -31 -69l-100 12c5 38 19 88 59 128s103 66 188 66zM197 0h100
+v-100h-100v100z" />
+    <glyph glyph-name="b1" unicode="&#xe0b1;" 
+d="M450 800c138 0 250 -112 250 -250v-50c58 -21 100 -85 100 -150c0 -69 -48 -127 -112 -144c-22 55 -75 94 -138 94c-20 0 -39 -5 -56 -12c-17 64 -75 112 -144 112s-127 -48 -144 -112c-17 7 -36 12 -56 12c-37 0 -71 -12 -97 -34c-33 36 -53 82 -53 134
+c0 110 90 200 200 200c23 114 129 200 250 200zM334 300h4h3c3 0 6 1 9 1c28 0 50 -22 50 -50v-1v-200c0 -28 -22 -50 -50 -50s-50 22 -50 50v200v2c0 20 15 42 34 48zM134 200h4h3c3 0 6 1 9 1c28 0 50 -22 50 -50v-1v-100c0 -28 -22 -50 -50 -50s-50 22 -50 50v100v2
+c0 20 15 42 34 48zM534 200h3h4c3 0 6 1 9 1c28 0 50 -22 50 -50v-1v-100c0 -28 -22 -50 -50 -50s-50 22 -50 50v100v2c0 20 15 42 34 48z" />
+    <glyph glyph-name="b2" unicode="&#xe0b2;" 
+d="M600 800l200 -150l-200 -150v100h-50l-153 -191l175 -206l6 -3h22v100l200 -150l-200 -150v100h-25c-35 0 -56 12 -78 38l-166 190l-153 -190c-22 -27 -43 -38 -78 -38h-100v100h100l166 206l-163 191l-3 3h-100v100h100c34 0 56 -12 78 -38l153 -178l141 178
+c22 27 43 38 78 38h50v100z" />
+    <glyph glyph-name="b3" unicode="&#xe0b3;" 
+d="M400 800c110 0 209 -47 281 -119l119 119v-300h-300l109 109c-54 55 -126 91 -209 91c-166 0 -300 -134 -300 -300s134 -300 300 -300c83 0 158 34 212 88l72 -72c-72 -72 -174 -116 -284 -116c-220 0 -400 180 -400 400s180 400 400 400z" />
+    <glyph glyph-name="b4" unicode="&#xe0b4;" 
+d="M400 800h400v-400l-166 166l-400 -400l166 -166h-400v400l166 -166l400 400z" />
+    <glyph glyph-name="b5" unicode="&#xe0b5;" horiz-adv-x="600" 
+d="M250 800l250 -300h-200v-200h200l-250 -300l-250 300h200v200h-200z" />
+    <glyph glyph-name="b6" unicode="&#xe0b6;" 
+d="M300 600v-200h200v200l300 -250l-300 -250v200h-200v-200l-300 250z" />
+    <glyph glyph-name="b7" unicode="&#xe0b7;" 
+d="M0 800c441 0 800 -359 800 -800h-200c0 333 -267 600 -600 600v200zM0 500c275 0 500 -225 500 -500h-200c0 167 -133 300 -300 300v200zM0 200c110 0 200 -90 200 -200h-200v200z" />
+    <glyph glyph-name="b8" unicode="&#xe0b8;" 
+d="M100 800c386 0 700 -314 700 -700h-100c0 332 -268 600 -600 600v100zM100 600c276 0 500 -224 500 -500h-100c0 222 -178 400 -400 400v100zM100 400c165 0 300 -135 300 -300h-100c0 111 -89 200 -200 200v100zM100 200c55 0 100 -45 100 -100s-45 -100 -100 -100
+s-100 45 -100 100s45 100 100 100z" />
+    <glyph glyph-name="b9" unicode="&#xe0b9;" 
+d="M300 800h400c55 0 100 -45 100 -100v-200h-400v150c0 28 -22 50 -50 50s-50 -22 -50 -50v-250h400v-300c0 -55 -45 -100 -100 -100h-500c-55 0 -100 45 -100 100v200h100v-150c0 -28 22 -50 50 -50s50 22 50 50v550c0 55 45 100 100 100z" />
+    <glyph glyph-name="ba" unicode="&#xe0ba;" 
+d="M75 700h225v-100h-200v-500h400v100h100v-125c0 -41 -34 -75 -75 -75h-450c-41 0 -75 34 -75 75v550c0 41 34 75 75 75zM600 700l200 -200l-200 -200v100h-200c-94 0 -173 -65 -194 -153c23 199 189 353 394 353v100z" />
+    <glyph glyph-name="bb" unicode="&#xe0bb;" 
+d="M500 700l300 -284l-300 -316v200h-100c-200 0 -348 -102 -400 -300c0 295 100 500 500 500v200z" />
+    <glyph glyph-name="bc" unicode="&#xe0bc;" 
+d="M381 791l19 9l19 -9c127 -53 253 -108 381 -160v-31c0 -166 -67 -313 -147 -419c-40 -53 -83 -97 -125 -128s-82 -53 -128 -53s-86 22 -128 53s-85 75 -125 128c-80 107 -147 253 -147 419v31c128 52 254 107 381 160zM400 100v591l-294 -122c8 -126 58 -243 122 -328
+c35 -46 73 -86 106 -110s62 -31 66 -31z" />
+    <glyph glyph-name="bd" unicode="&#xe0bd;" 
+d="M600 800h100v-800h-100v800zM400 700h100v-700h-100v700zM200 500h100v-500h-100v500zM0 300h100v-300h-100v300z" />
+    <glyph glyph-name="be" unicode="&#xe0be;" 
+d="M300 800h100v-200h200l100 -100l-100 -100h-200v-400h-100v500h-200l-100 100l100 100h200v100z" />
+    <glyph glyph-name="bf" unicode="&#xe0bf;" 
+d="M200 800h100v-600h200l-250 -200l-250 200h200v600zM400 800h200v-100h-200v100zM400 600h300v-100h-300v100zM400 400h400v-100h-400v100z" />
+    <glyph glyph-name="c0" unicode="&#xe0c0;" 
+d="M200 800h100v-600h200l-250 -200l-250 200h200v600zM400 800h400v-100h-400v100zM400 600h300v-100h-300v100zM400 400h200v-100h-200v100z" />
+    <glyph glyph-name="c1" unicode="&#xe0c1;" 
+d="M75 700h650c41 0 75 -34 75 -75v-550c0 -41 -34 -75 -75 -75h-650c-41 0 -75 34 -75 75v550c0 41 34 75 75 75zM100 600v-100h100v100h-100zM300 600v-100h400v100h-400zM100 400v-100h100v100h-100zM300 400v-100h400v100h-400zM100 200v-100h100v100h-100zM300 200
+v-100h400v100h-400z" />
+    <glyph glyph-name="c2" unicode="&#xe0c2;" 
+d="M400 800l100 -300h300l-250 -200l100 -300l-250 200l-250 -200l100 300l-250 200h300z" />
+    <glyph glyph-name="c3" unicode="&#xe0c3;" 
+d="M400 800c28 0 50 -22 50 -50s-22 -50 -50 -50s-50 22 -50 50s22 50 50 50zM150 700c28 0 50 -22 50 -50s-22 -50 -50 -50s-50 22 -50 50s22 50 50 50zM650 700c28 0 50 -22 50 -50s-22 -50 -50 -50s-50 22 -50 50s22 50 50 50zM400 600c110 0 200 -90 200 -200
+s-90 -200 -200 -200s-200 90 -200 200s90 200 200 200zM50 450c28 0 50 -22 50 -50s-22 -50 -50 -50s-50 22 -50 50s22 50 50 50zM750 450c28 0 50 -22 50 -50s-22 -50 -50 -50s-50 22 -50 50s22 50 50 50zM150 200c28 0 50 -22 50 -50s-22 -50 -50 -50s-50 22 -50 50
+s22 50 50 50zM650 200c28 0 50 -22 50 -50s-22 -50 -50 -50s-50 22 -50 50s22 50 50 50zM400 100c28 0 50 -22 50 -50s-22 -50 -50 -50s-50 22 -50 50s22 50 50 50z" />
+    <glyph glyph-name="c4" unicode="&#xe0c4;" 
+d="M34 800h632c18 0 34 -16 34 -34v-732c0 -18 -16 -34 -34 -34h-632c-18 0 -34 16 -34 34v732c0 18 16 34 34 34zM100 700v-500h500v500h-500zM350 150c-38 0 -63 -42 -44 -75s69 -33 88 0s-6 75 -44 75z" />
+    <glyph glyph-name="c5" unicode="&#xe0c5;" 
+d="M0 800h300l500 -500l-300 -300l-500 500v300zM200 700c-55 0 -100 -45 -100 -100s45 -100 100 -100s100 45 100 100s-45 100 -100 100z" />
+    <glyph glyph-name="c6" unicode="&#xe0c6;" 
+d="M0 600h200l300 -300l-200 -200l-300 300v200zM340 600h160l300 -300l-200 -200l-78 78l119 122zM150 500c-28 0 -50 -22 -50 -50s22 -50 50 -50s50 22 50 50s-22 50 -50 50z" />
+    <glyph glyph-name="c7" unicode="&#xe0c7;" 
+d="M400 800c220 0 400 -180 400 -400s-180 -400 -400 -400s-400 180 -400 400s180 400 400 400zM400 700c-166 0 -300 -134 -300 -300s134 -300 300 -300s300 134 300 300s-134 300 -300 300zM400 600c110 0 200 -90 200 -200s-90 -200 -200 -200s-200 90 -200 200
+s90 200 200 200zM400 500c-56 0 -100 -44 -100 -100s44 -100 100 -100s100 44 100 100s-44 100 -100 100z" />
+    <glyph glyph-name="c8" unicode="&#xe0c8;" 
+d="M0 700h559l-100 -100h-359v-500h500v159l100 100v-359h-700v700zM700 700l100 -100l-400 -400l-200 200l100 100l100 -100z" />
+    <glyph glyph-name="c9" unicode="&#xe0c9;" 
+d="M9 800h782c6 0 9 -3 9 -9v-782c0 -6 -3 -9 -9 -9h-782c-6 0 -9 3 -9 9v782c0 6 3 9 9 9zM150 722l-72 -72l100 -100l-100 -100l72 -72l172 172zM400 500v-100h300v100h-300z" />
+    <glyph glyph-name="ca" unicode="&#xe0ca;" 
+d="M0 800h800v-200h-50c0 55 -45 100 -100 100h-150v-550c0 -28 22 -50 50 -50h50v-100h-400v100h50c28 0 50 22 50 50v550h-150c-55 0 -100 -45 -100 -100h-50v200z" />
+    <glyph glyph-name="cb" unicode="&#xe0cb;" 
+d="M0 700h100v-400h-100v400zM200 700h350c21 0 39 -13 47 -31c0 0 103 -291 103 -319s-22 -50 -50 -50h-150c-28 0 -50 -25 -50 -50s39 -158 47 -184s-5 -55 -31 -63s-52 5 -66 31s-109 219 -128 238s-44 28 -72 28v400z" />
+    <glyph glyph-name="cc" unicode="&#xe0cc;" 
+d="M400 666c10 19 28 32 47 34l19 -3c26 -8 39 -37 31 -63s-47 -159 -47 -184s22 -50 50 -50h150c28 0 50 -22 50 -50s-103 -319 -103 -319c-8 -18 -26 -31 -47 -31h-350v400c28 0 53 9 72 28s114 212 128 238zM0 400h100v-400h-100v400z" />
+    <glyph glyph-name="cd" unicode="&#xe0cd;" 
+d="M200 700h300v-100h-100v-6c25 -4 50 -8 72 -16l-34 -94c-28 11 -58 16 -88 16c-139 0 -250 -111 -250 -250s111 -250 250 -250s250 111 250 250c0 31 -5 60 -16 88l91 37c14 -38 25 -81 25 -125c0 -193 -157 -350 -350 -350s-350 157 -350 350c0 176 130 323 300 347v3
+h-100v100zM700 584c0 0 -296 -348 -316 -368s-48 -20 -68 0s-20 48 0 68s384 300 384 300z" />
+    <glyph glyph-name="ce" unicode="&#xe0ce;" 
+d="M600 700l200 -150l-200 -150v100h-600v100h600v100zM200 300v-100h600v-100h-600v-100l-200 150z" />
+    <glyph glyph-name="cf" unicode="&#xe0cf;" 
+d="M300 800h100c55 0 100 -45 100 -100h100c55 0 100 -45 100 -100h-700c0 55 45 100 100 100h100c0 55 45 100 100 100zM100 500h100v-350c0 -28 22 -50 50 -50s50 22 50 50v350h100v-350c0 -28 22 -50 50 -50s50 22 50 50v350h100v-481c0 -11 -8 -19 -19 -19h-462
+c-11 0 -19 8 -19 19v481z" />
+    <glyph glyph-name="d0" unicode="&#xe0d0;" 
+d="M100 800h200v-400c0 -55 45 -100 100 -100s100 45 100 100v400h100v-400c0 -110 -90 -200 -200 -200h-50c-138 0 -250 90 -250 200v400zM0 100h700v-100h-700v100z" />
+    <glyph glyph-name="d1" unicode="&#xe0d1;" 
+d="M9 700h182c6 0 9 -3 9 -9v-482c0 -6 -3 -9 -9 -9h-182c-6 0 -9 3 -9 9v482c0 6 3 9 9 9zM609 700h182c6 0 9 -3 9 -9v-482c0 -6 -3 -9 -9 -9h-182c-6 0 -9 3 -9 9v482c0 6 3 9 9 9zM309 500h182c6 0 9 -3 9 -9v-282c0 -6 -3 -9 -9 -9h-182c-6 0 -9 3 -9 9v282
+c0 6 3 9 9 9zM0 100h800v-100h-800v100z" />
+    <glyph glyph-name="d2" unicode="&#xe0d2;" 
+d="M10 700h181c6 0 9 -3 9 -9v-191h-200v191c0 6 4 9 10 9zM610 700h181c6 0 9 -3 9 -9v-191h-200v191c0 6 5 9 10 9zM310 600h181c6 0 9 -3 9 -9v-91h-200v91c0 6 4 9 10 9zM0 400h800v-100h-800v100zM0 200h200v-191c0 -6 -3 -9 -9 -9h-182c-6 0 -9 3 -9 9v191zM300 200
+h200v-91c0 -6 -3 -9 -9 -9h-181c-6 0 -10 3 -10 9v91zM600 200h200v-191c0 -6 -3 -9 -9 -9h-181c-6 0 -10 3 -10 9v191z" />
+    <glyph glyph-name="d3" unicode="&#xe0d3;" 
+d="M0 700h800v-100h-800v100zM9 500h182c6 0 9 -3 9 -9v-482c0 -6 -3 -9 -9 -9h-182c-6 0 -9 3 -9 9v482c0 6 3 9 9 9zM309 500h182c6 0 9 -3 9 -9v-282c0 -6 -3 -9 -9 -9h-182c-6 0 -9 3 -9 9v282c0 6 3 9 9 9zM609 500h182c6 0 9 -3 9 -9v-482c0 -6 -3 -9 -9 -9h-182
+c-6 0 -9 3 -9 9v482c0 6 3 9 9 9z" />
+    <glyph glyph-name="d4" unicode="&#xe0d4;" 
+d="M50 600h500c28 0 50 -22 50 -50v-150l100 100h100v-300h-100l-100 100v-150c0 -28 -22 -50 -50 -50h-500c-28 0 -50 22 -50 50v400c0 28 22 50 50 50z" />
+    <glyph glyph-name="d5" unicode="&#xe0d5;" 
+d="M334 800h66v-800h-66l-134 200h-200v400h200zM500 600v100c26 0 52 -4 75 -10c130 -33 225 -150 225 -290s-95 -258 -225 -291h-3c-23 -6 -47 -9 -72 -9v100c17 0 34 2 50 6c86 22 150 100 150 194s-64 172 -150 194c-16 4 -33 6 -50 6zM500 500l25 -3
+c44 -11 75 -51 75 -97s-32 -86 -75 -97l-25 -3v200z" />
+    <glyph glyph-name="d6" unicode="&#xe0d6;" horiz-adv-x="600" 
+d="M334 800h66v-800h-66l-134 200h-200v400h200zM500 500l25 -3c44 -11 75 -51 75 -97s-32 -86 -75 -97l-25 -3v200z" />
+    <glyph glyph-name="d7" unicode="&#xe0d7;" horiz-adv-x="400" 
+d="M334 800h66v-800h-66l-134 200h-200v400h200z" />
+    <glyph glyph-name="d8" unicode="&#xe0d8;" 
+d="M309 800h82c6 0 10 -4 12 -9l294 -682l3 -19v-81c0 -6 -3 -9 -9 -9h-682c-6 0 -9 3 -9 9v81l3 19l294 682c2 5 6 9 12 9zM300 500v-200h100v200h-100zM300 200v-100h100v100h-100z" />
+    <glyph glyph-name="d9" unicode="&#xe0d9;" 
+d="M375 800c138 0 269 -39 378 -109l-53 -82c-93 60 -205 91 -325 91c-119 0 -229 -32 -322 -91l-53 82c109 70 237 109 375 109zM375 500c78 0 154 -23 216 -62l-53 -85c-46 30 -104 47 -163 47c-60 0 -112 -17 -159 -47l-54 85c62 40 134 62 213 62zM375 200
+c55 0 100 -45 100 -100s-45 -100 -100 -100s-100 45 -100 100s45 100 100 100z" />
+    <glyph glyph-name="da" unicode="&#xe0da;" horiz-adv-x="900" 
+d="M551 800c16 0 32 0 47 -3l-97 -97v-200h200l97 97c3 -15 3 -31 3 -47c0 -138 -112 -250 -250 -250c-32 0 -62 8 -90 19l-288 -291c-20 -20 -46 -28 -72 -28s-52 8 -72 28c-39 39 -39 105 0 144l291 287c-11 28 -19 59 -19 91c0 138 112 250 250 250zM101 150
+c-28 0 -50 -22 -50 -50s22 -50 50 -50s50 22 50 50s-22 50 -50 50z" />
+    <glyph glyph-name="db" unicode="&#xe0db;" 
+d="M141 700c84 -84 169 -167 253 -250c82 83 167 165 247 250l143 -141l-253 -253c84 -82 167 -166 253 -247l-143 -143c-81 86 -165 169 -247 253l-253 -253l-141 143c85 80 167 164 250 247c-83 84 -166 169 -250 253z" />
+    <glyph glyph-name="dc" unicode="&#xe0dc;" 
+d="M0 800h100l231 -300h38l231 300h100l-225 -300h225v-100h-300v-100h300v-100h-300v-200h-100v200h-300v100h300v100h-300v100h225z" />
+    <glyph glyph-name="dd" unicode="&#xe0dd;" horiz-adv-x="900" 
+d="M350 800c193 0 350 -157 350 -350c0 -61 -17 -119 -44 -169c4 -2 10 -6 13 -9l103 -100c16 -16 30 -49 30 -72c0 -56 -46 -102 -102 -102c-23 0 -56 14 -72 30l-100 103c-3 3 -7 9 -9 13c-50 -28 -108 -44 -169 -44c-193 0 -350 157 -350 350s157 350 350 350zM350 700
+c-139 0 -250 -111 -250 -250s111 -250 250 -250c62 0 119 23 163 60c7 11 19 25 31 31l3 3c34 43 53 97 53 156c0 139 -111 250 -250 250zM300 600h100v-100h100v-100h-100v-100h-100v100h-100v100h100v100z" />
+    <glyph glyph-name="de" unicode="&#xe0de;" horiz-adv-x="900" 
+d="M350 800c193 0 350 -157 350 -350c0 -61 -17 -119 -44 -169c4 -2 10 -6 13 -9l103 -100c16 -16 30 -49 30 -72c0 -56 -46 -102 -102 -102c-23 0 -56 14 -72 30l-100 103c-3 3 -7 9 -9 13c-50 -28 -108 -44 -169 -44c-193 0 -350 157 -350 350s157 350 350 350zM350 700
+c-139 0 -250 -111 -250 -250s111 -250 250 -250c62 0 119 23 163 60c7 11 19 25 31 31l3 3c34 43 53 97 53 156c0 139 -111 250 -250 250zM200 500h300v-100h-300v100z" />
+  </font>
+</defs></svg>