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

.coveragerc

@@ -1,3 +0,0 @@
-[run]
-source = ordr
-omit = ordr/test*

.editorconfig

@@ -0,0 +1,21 @@
+# http://editorconfig.org
+
+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+trim_trailing_whitespace = true
+insert_final_newline = true
+charset = utf-8
+end_of_line = lf
+
+[*.bat]
+indent_style = tab
+end_of_line = crlf
+
+[LICENSE]
+insert_final_newline = false
+
+[Makefile]
+indent_style = tab

.github/ISSUE_TEMPLATE.md

@@ -0,0 +1,15 @@
+* Ordr2 version:
+* Python version:
+* Operating System:
+
+### Description
+
+Describe what you were trying to get done.
+Tell us what happened, what went wrong, and what you expected to happen.
+
+### What I Did
+
+```
+Paste the command(s) you ran and the output.
+If there was a crash, please include the traceback here.
+```

.gitignore

@@ -1,10 +1,13 @@
-# database
-ordr.sqlite
+# ignore sqlite database
+ordr2.sqlite
+ordr2_development.sqlite
 
-# helper directories
-ordr/templates/deform_origs/
+# ignore test mails
 mail/
 
+# ignore deform templates, only copied to have them available
+ordr2/templates/original_deform_templates/
+
 # Byte-compiled / optimized / DLL files
 __pycache__/
 *.py[cod]
@@ -42,7 +45,6 @@ pip-log.txt
 pip-delete-this-directory.txt
 
 # Unit test / coverage reports
-.pytest_cache
 htmlcov/
 .tox/
 .coverage
@@ -68,4 +70,4 @@ target/
 
 # pyenv python configuration file
 .python-version
-.venv
+venv-*

AUTHORS.rst

@@ -0,0 +1,13 @@
+=======
+Credits
+=======
+
+Development Lead
+----------------
+
+* Holger Frey <frey@imtek.de>
+
+Contributors
+------------
+
+None yet. Why not be the first?

CHANGES.txt

@@ -1,4 +0,0 @@
-0.0
----
-
-- Initial version.

CONTRIBUTING.rst

@@ -0,0 +1,119 @@
+.. highlight:: shell
+
+============
+Contributing
+============
+
+Contributions are welcome, and they are greatly appreciated! Every
+little bit helps, and credit will always be given.
+
+You can contribute in many ways:
+
+
+Types of Contributions
+----------------------
+
+Report Bugs
+~~~~~~~~~~~
+
+Report bugs at https://git.cpi.imtek.uni-freiburg.de/holgi/ordr2/issues.
+
+If you are reporting a bug, please include:
+
+* Your operating system name and version.
+* 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
+~~~~~~~~~~~~~~~~~~~
+
+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://git.cpi.imtek.uni-freiburg.de/holgi/ordr2/issues.
+
+If you are proposing a feature:
+
+* Explain in detail how it would work.
+* Keep the scope as narrow as possible, to make it easier to implement.
+* Remember that this is a volunteer-driven project, and that contributions
+  are welcome :)
+
+
+Get Started!
+------------
+
+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 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::
+
+    $ mkvirtualenv ordr2
+    $ cd ordr2/
+    $ python setup.py develop
+
+4. Create a branch for local development::
+
+    $ git checkout -b name-of-your-bugfix-or-feature
+
+   Now you can make your changes locally.
+
+5. When you're done making changes, check that your changes pass flake8 and the tests, including testing other Python versions with tox::
+
+    $ flake8 ordr2 tests
+    $ python setup.py test or py.test
+    $ tox
+
+   To get flake8 and tox, just pip install them into your virtualenv.
+
+6. Commit your changes and push your branch to GitHub::
+
+    $ git add .
+    $ git commit -m "Your detailed description of your changes."
+    $ git push origin name-of-your-bugfix-or-feature
+
+7. Submit a pull request through the GitHub website.
+
+
+Pull Request Guidelines
+-----------------------
+
+Before you submit a pull request, check that it meets these guidelines:
+
+1. The pull request should include tests.
+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.
+
+
+Tips
+----
+
+To run a subset of tests::
+
+$ py.test tests.test_ordr2
+

HISTORY.rst

@@ -0,0 +1,35 @@
+=======
+History
+=======
+
+
+
+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

LICENSE

@@ -0,0 +1,31 @@
+
+BSD License
+
+Copyright (c) 2017, Holger Frey
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+* Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
+
+* Redistributions in binary form must reproduce the above copyright notice, this
+  list of conditions and the following disclaimer in the documentation and/or
+  other materials provided with the distribution.
+
+* Neither the name of the copyright holder nor the names of its
+  contributors may be used to endorse or promote products derived from this
+  software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED.
+IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT,
+INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING,
+BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
+OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE
+OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
+OF THE POSSIBILITY OF SUCH DAMAGE.
+

MANIFEST.in

@@ -1,2 +1,13 @@
-include *.txt *.ini *.cfg *.rst
-recursive-include ordr *.ico *.png *.css *.gif *.jpg *.pt *.txt *.mak *.mako *.js *.html *.xml *.jinja2
+include AUTHORS.rst
+include CONTRIBUTING.rst
+include HISTORY.rst
+include LICENSE
+include README.rst
+include *.ini *.cfg
+
+recursive-include tests *
+recursive-exclude * __pycache__
+recursive-exclude * *.py[co]
+
+recursive-include docs *.rst conf.py Makefile make.bat
+recursive-include ordr2 *.ico *.png *.css *.gif *.jpg *.pt *.txt *.mak *.mako *.js *.html *.xml *.jinja2

Makefile

@@ -1,9 +1,7 @@
-.PHONY: clean clean-test clean-pyc clean-build help
+.PHONY: clean clean-test clean-pyc clean-build docs help
 .DEFAULT_GOAL := help
-
 define BROWSER_PYSCRIPT
 import os, webbrowser, sys
-
 try:
 	from urllib import pathname2url
 except:
@@ -23,7 +21,6 @@ for line in sys.stdin:
 		print("%-20s %s" % (target, help))
 endef
 export PRINT_HELP_PYSCRIPT
-
 BROWSER := python -c "$$BROWSER_PYSCRIPT"
 
 help:
@@ -31,6 +28,7 @@ help:
 
 clean: clean-build clean-pyc clean-test ## remove all build, test, coverage and Python artifacts
 
+
 clean-build: ## remove build artifacts
 	rm -fr build/
 	rm -fr dist/
@@ -45,28 +43,32 @@ 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/
 
 lint: ## check style with flake8
-	flake8 ordr tests
+	flake8 ordr2 tests
 
-test: ## run tests quickly with the default Python, ignoring functional tests
-	py.test -x
+test: ## run tests quickly with the default Python
+	py.test --lf
 
 coverage: ## check code coverage quickly with the default Python
-	coverage run --source ordr -m pytest --ignore tests/_functional/
-	coverage report -m --omit=ordr/scripts/*
-	coverage html --omit=ordr/scripts/*
-	$(BROWSER) htmlcov/index.html
-
-fcoverage: ## check code coverage with the default Python and functional tests
-	coverage run --source ordr -m pytest
+	coverage run --source ordr2 -m pytest
 	coverage report -m
 	coverage html
 	$(BROWSER) htmlcov/index.html
 
+docs: ## generate Sphinx HTML documentation, including API docs
+	rm -f docs/ordr2.rst
+	rm -f docs/modules.rst
+	sphinx-apidoc -o docs/ ordr2
+	$(MAKE) -C docs clean
+	$(MAKE) -C docs html
+	$(BROWSER) docs/_build/html/index.html
+
+servedocs: docs ## compile the docs watching for changes
+	watchmedo shell-command -p '*.rst' -c '$(MAKE) -C docs html' -R -D .
+
 release: clean ## package and upload a release
 	python setup.py sdist upload
 	python setup.py bdist_wheel upload

Pipfile

@@ -1,13 +0,0 @@
-[[source]]
-
-url = "https://pypi.python.org/simple"
-verify_ssl = true
-name = "pypi"
-
-
-[packages]
-
-
-
-[dev-packages]
-

README.rst

@@ -0,0 +1,68 @@
+OLD: Ordr2 - CPI Ordering System
+================================
+
+CAUTION: 
+THIS REPO EXISTS FOR HISTORIC REASONS
+THE PROJECT WAS REPLACED BY Ordr3
+
+
+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

README.txt

@@ -1,36 +0,0 @@
-Ordr
-====
-
-This is a complete redo of the Ordr project.
-
-
-Getting Started
----------------
-
-- Change directory into your newly created project.
-
-    cd ordr
-
-- Create a Python virtual environment.
-
-    python3 -m venv env
-
-- Upgrade packaging tools.
-
-    env/bin/pip install --upgrade pip setuptools
-
-- Install the project in editable mode with its testing requirements.
-
-    env/bin/pip install -e ".[testing]"
-
-- Configure the database.
-
-    env/bin/initialize_ordr_db development.ini
-
-- Run your project's tests.
-
-    env/bin/pytest
-
-- Run your project.
-
-    env/bin/pserve development.ini

development.ini

@@ -1,10 +1,10 @@
 ###
 # app configuration
-# https://docs.pylonsproject.org/projects/pyramid/en/latest/narr/environment.html
+# http://docs.pylonsproject.org/projects/pyramid/en/latest/narr/environment.html
 ###
 
 [app:main]
-use = egg:ordr
+use = egg:ordr2
 
 pyramid.reload_templates = true
 pyramid.debug_authorization = false
@@ -14,30 +14,26 @@ pyramid.default_locale_name = en
 pyramid.includes =
     pyramid_mailer.debug
     pyramid_debugtoolbar
-    pyramid_listing
+    pyramid_jinja2
 
-sqlalchemy.url = sqlite:///%(here)s/ordr.sqlite
+sqlalchemy.url = sqlite:///%(here)s/ordr2_development.sqlite
+passlib.config = %(here)s/passlib.ini
 
-retry.attempts = 3
-
-auth.secret = 'Change Me 1'
-session.secret = 'Change Me 2'
+# 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
 
-# passlib settings
-# setup the context to support only argon2 for the moment
-passlib.schemes = argon2 bcrypt
-# default encryption scheme is argon2
-passlib.default = argon2
-# flag every encryption method as deprecated except the first one
-passlib.deprecated = auto
+# 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.registration = 120
 token_expiry.reset_password = 120
-
+token_expiry.user_registration = 120
 
 # email delivery
 mail.host = localhost
@@ -54,15 +50,15 @@ mail.default_sender = ordr@example.com
 
 [server:main]
 use = egg:waitress#main
-listen = localhost:6543
+listen = 127.0.0.1:6543 [::1]:6543
 
 ###
 # logging configuration
-# https://docs.pylonsproject.org/projects/pyramid/en/latest/narr/logging.html
+# http://docs.pylonsproject.org/projects/pyramid/en/latest/narr/logging.html
 ###
 
 [loggers]
-keys = root, ordr, sqlalchemy
+keys = root, ordr2, sqlalchemy
 
 [handlers]
 keys = console
@@ -74,10 +70,10 @@ keys = generic
 level = INFO
 handlers = console
 
-[logger_ordr]
+[logger_ordr2]
 level = DEBUG
 handlers =
-qualname = ordr
+qualname = ordr2
 
 [logger_sqlalchemy]
 level = INFO

docs/.gitignore

@@ -0,0 +1,3 @@
+/ordr2.rst
+/ordr2.*.rst
+/modules.rst

docs/Makefile

@@ -0,0 +1,177 @@
+# Makefile for Sphinx documentation
+#
+
+# You can set these variables from the command line.
+SPHINXOPTS    =
+SPHINXBUILD   = sphinx-build
+PAPER         =
+BUILDDIR      = _build
+
+# User-friendly check for sphinx-build
+ifeq ($(shell which $(SPHINXBUILD) >/dev/null 2>&1; echo $$?), 1)
+$(error The '$(SPHINXBUILD)' command was not found. Make sure you have Sphinx installed, then set the SPHINXBUILD environment variable to point to the full path of the '$(SPHINXBUILD)' executable. Alternatively you can add the directory with the executable to your PATH. If you don't have Sphinx installed, grab it from http://sphinx-doc.org/)
+endif
+
+# Internal variables.
+PAPEROPT_a4     = -D latex_paper_size=a4
+PAPEROPT_letter = -D latex_paper_size=letter
+ALLSPHINXOPTS   = -d $(BUILDDIR)/doctrees $(PAPEROPT_$(PAPER)) $(SPHINXOPTS) .
+# the i18n builder cannot share the environment and doctrees with the others
+I18NSPHINXOPTS  = $(PAPEROPT_$(PAPER)) $(SPHINXOPTS) .
+
+.PHONY: help clean html dirhtml singlehtml pickle json htmlhelp qthelp devhelp epub latex latexpdf text man changes linkcheck doctest gettext
+
+help:
+	@echo "Please use \`make <target>' where <target> is one of"
+	@echo "  html       to make standalone HTML files"
+	@echo "  dirhtml    to make HTML files named index.html in directories"
+	@echo "  singlehtml to make a single large HTML file"
+	@echo "  pickle     to make pickle files"
+	@echo "  json       to make JSON files"
+	@echo "  htmlhelp   to make HTML files and a HTML help project"
+	@echo "  qthelp     to make HTML files and a qthelp project"
+	@echo "  devhelp    to make HTML files and a Devhelp project"
+	@echo "  epub       to make an epub"
+	@echo "  latex      to make LaTeX files, you can set PAPER=a4 or PAPER=letter"
+	@echo "  latexpdf   to make LaTeX files and run them through pdflatex"
+	@echo "  latexpdfja to make LaTeX files and run them through platex/dvipdfmx"
+	@echo "  text       to make text files"
+	@echo "  man        to make manual pages"
+	@echo "  texinfo    to make Texinfo files"
+	@echo "  info       to make Texinfo files and run them through makeinfo"
+	@echo "  gettext    to make PO message catalogs"
+	@echo "  changes    to make an overview of all changed/added/deprecated items"
+	@echo "  xml        to make Docutils-native XML files"
+	@echo "  pseudoxml  to make pseudoxml-XML files for display purposes"
+	@echo "  linkcheck  to check all external links for integrity"
+	@echo "  doctest    to run all doctests embedded in the documentation (if enabled)"
+
+clean:
+	rm -rf $(BUILDDIR)/*
+
+html:
+	$(SPHINXBUILD) -b html $(ALLSPHINXOPTS) $(BUILDDIR)/html
+	@echo
+	@echo "Build finished. The HTML pages are in $(BUILDDIR)/html."
+
+dirhtml:
+	$(SPHINXBUILD) -b dirhtml $(ALLSPHINXOPTS) $(BUILDDIR)/dirhtml
+	@echo
+	@echo "Build finished. The HTML pages are in $(BUILDDIR)/dirhtml."
+
+singlehtml:
+	$(SPHINXBUILD) -b singlehtml $(ALLSPHINXOPTS) $(BUILDDIR)/singlehtml
+	@echo
+	@echo "Build finished. The HTML page is in $(BUILDDIR)/singlehtml."
+
+pickle:
+	$(SPHINXBUILD) -b pickle $(ALLSPHINXOPTS) $(BUILDDIR)/pickle
+	@echo
+	@echo "Build finished; now you can process the pickle files."
+
+json:
+	$(SPHINXBUILD) -b json $(ALLSPHINXOPTS) $(BUILDDIR)/json
+	@echo
+	@echo "Build finished; now you can process the JSON files."
+
+htmlhelp:
+	$(SPHINXBUILD) -b htmlhelp $(ALLSPHINXOPTS) $(BUILDDIR)/htmlhelp
+	@echo
+	@echo "Build finished; now you can run HTML Help Workshop with the" \
+	      ".hhp project file in $(BUILDDIR)/htmlhelp."
+
+qthelp:
+	$(SPHINXBUILD) -b qthelp $(ALLSPHINXOPTS) $(BUILDDIR)/qthelp
+	@echo
+	@echo "Build finished; now you can run "qcollectiongenerator" with the" \
+	      ".qhcp project file in $(BUILDDIR)/qthelp, like this:"
+	@echo "# qcollectiongenerator $(BUILDDIR)/qthelp/ordr2.qhcp"
+	@echo "To view the help file:"
+	@echo "# assistant -collectionFile $(BUILDDIR)/qthelp/ordr2.qhc"
+
+devhelp:
+	$(SPHINXBUILD) -b devhelp $(ALLSPHINXOPTS) $(BUILDDIR)/devhelp
+	@echo
+	@echo "Build finished."
+	@echo "To view the help file:"
+	@echo "# mkdir -p $$HOME/.local/share/devhelp/ordr2"
+	@echo "# ln -s $(BUILDDIR)/devhelp $$HOME/.local/share/devhelp/ordr2"
+	@echo "# devhelp"
+
+epub:
+	$(SPHINXBUILD) -b epub $(ALLSPHINXOPTS) $(BUILDDIR)/epub
+	@echo
+	@echo "Build finished. The epub file is in $(BUILDDIR)/epub."
+
+latex:
+	$(SPHINXBUILD) -b latex $(ALLSPHINXOPTS) $(BUILDDIR)/latex
+	@echo
+	@echo "Build finished; the LaTeX files are in $(BUILDDIR)/latex."
+	@echo "Run \`make' in that directory to run these through (pdf)latex" \
+	      "(use \`make latexpdf' here to do that automatically)."
+
+latexpdf:
+	$(SPHINXBUILD) -b latex $(ALLSPHINXOPTS) $(BUILDDIR)/latex
+	@echo "Running LaTeX files through pdflatex..."
+	$(MAKE) -C $(BUILDDIR)/latex all-pdf
+	@echo "pdflatex finished; the PDF files are in $(BUILDDIR)/latex."
+
+latexpdfja:
+	$(SPHINXBUILD) -b latex $(ALLSPHINXOPTS) $(BUILDDIR)/latex
+	@echo "Running LaTeX files through platex and dvipdfmx..."
+	$(MAKE) -C $(BUILDDIR)/latex all-pdf-ja
+	@echo "pdflatex finished; the PDF files are in $(BUILDDIR)/latex."
+
+text:
+	$(SPHINXBUILD) -b text $(ALLSPHINXOPTS) $(BUILDDIR)/text
+	@echo
+	@echo "Build finished. The text files are in $(BUILDDIR)/text."
+
+man:
+	$(SPHINXBUILD) -b man $(ALLSPHINXOPTS) $(BUILDDIR)/man
+	@echo
+	@echo "Build finished. The manual pages are in $(BUILDDIR)/man."
+
+texinfo:
+	$(SPHINXBUILD) -b texinfo $(ALLSPHINXOPTS) $(BUILDDIR)/texinfo
+	@echo
+	@echo "Build finished. The Texinfo files are in $(BUILDDIR)/texinfo."
+	@echo "Run \`make' in that directory to run these through makeinfo" \
+	      "(use \`make info' here to do that automatically)."
+
+info:
+	$(SPHINXBUILD) -b texinfo $(ALLSPHINXOPTS) $(BUILDDIR)/texinfo
+	@echo "Running Texinfo files through makeinfo..."
+	make -C $(BUILDDIR)/texinfo info
+	@echo "makeinfo finished; the Info files are in $(BUILDDIR)/texinfo."
+
+gettext:
+	$(SPHINXBUILD) -b gettext $(I18NSPHINXOPTS) $(BUILDDIR)/locale
+	@echo
+	@echo "Build finished. The message catalogs are in $(BUILDDIR)/locale."
+
+changes:
+	$(SPHINXBUILD) -b changes $(ALLSPHINXOPTS) $(BUILDDIR)/changes
+	@echo
+	@echo "The overview file is in $(BUILDDIR)/changes."
+
+linkcheck:
+	$(SPHINXBUILD) -b linkcheck $(ALLSPHINXOPTS) $(BUILDDIR)/linkcheck
+	@echo
+	@echo "Link check complete; look for any errors in the above output " \
+	      "or in $(BUILDDIR)/linkcheck/output.txt."
+
+doctest:
+	$(SPHINXBUILD) -b doctest $(ALLSPHINXOPTS) $(BUILDDIR)/doctest
+	@echo "Testing of doctests in the sources finished, look at the " \
+	      "results in $(BUILDDIR)/doctest/output.txt."
+
+xml:
+	$(SPHINXBUILD) -b xml $(ALLSPHINXOPTS) $(BUILDDIR)/xml
+	@echo
+	@echo "Build finished. The XML files are in $(BUILDDIR)/xml."
+
+pseudoxml:
+	$(SPHINXBUILD) -b pseudoxml $(ALLSPHINXOPTS) $(BUILDDIR)/pseudoxml
+	@echo
+	@echo "Build finished. The pseudo-XML files are in $(BUILDDIR)/pseudoxml."

docs/authors.rst

@@ -0,0 +1 @@
+.. include:: ../AUTHORS.rst

docs/conf.py

@@ -0,0 +1,275 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+#
+# ordr2 documentation build configuration file, created by
+# sphinx-quickstart on Tue Jul  9 22:26:36 2013.
+#
+# This file is execfile()d with the current directory set to its
+# containing dir.
+#
+# Note that not all possible configuration values are present in this
+# autogenerated file.
+#
+# All configuration values have a default; values that are commented out
+# serve to show the default.
+
+import sys
+import os
+
+# If extensions (or modules to document with autodoc) are in another
+# directory, add these directories to sys.path here. If the directory is
+# relative to the documentation root, use os.path.abspath to make it
+# absolute, like shown here.
+#sys.path.insert(0, os.path.abspath('.'))
+
+# Get the project root dir, which is the parent dir of this
+cwd = os.getcwd()
+project_root = os.path.dirname(cwd)
+
+# Insert the project root dir as the first element in the PYTHONPATH.
+# This lets us ensure that the source package is imported, and that its
+# version is used.
+sys.path.insert(0, project_root)
+
+import ordr2
+
+# -- General configuration ---------------------------------------------
+
+# If your documentation needs a minimal Sphinx version, state it here.
+#needs_sphinx = '1.0'
+
+# Add any Sphinx extension module names here, as strings. They can be
+# extensions coming with Sphinx (named 'sphinx.ext.*') or your custom ones.
+extensions = ['sphinx.ext.autodoc', 'sphinx.ext.viewcode']
+
+# Add any paths that contain templates here, relative to this directory.
+templates_path = ['_templates']
+
+# The suffix of source filenames.
+source_suffix = '.rst'
+
+# The encoding of source files.
+#source_encoding = 'utf-8-sig'
+
+# The master toctree document.
+master_doc = 'index'
+
+# General information about the project.
+project = u'Ordr2'
+copyright = u"2017, Holger Frey"
+
+# The version info for the project you're documenting, acts as replacement
+# for |version| and |release|, also used in various other places throughout
+# the built documents.
+#
+# The short X.Y version.
+version = ordr2.__version__
+# The full version, including alpha/beta/rc tags.
+release = ordr2.__version__
+
+# The language for content autogenerated by Sphinx. Refer to documentation
+# for a list of supported languages.
+#language = None
+
+# There are two options for replacing |today|: either, you set today to
+# some non-false value, then it is used:
+#today = ''
+# Else, today_fmt is used as the format for a strftime call.
+#today_fmt = '%B %d, %Y'
+
+# List of patterns, relative to source directory, that match files and
+# directories to ignore when looking for source files.
+exclude_patterns = ['_build']
+
+# The reST default role (used for this markup: `text`) to use for all
+# documents.
+#default_role = None
+
+# If true, '()' will be appended to :func: etc. cross-reference text.
+#add_function_parentheses = True
+
+# If true, the current module name will be prepended to all description
+# unit titles (such as .. function::).
+#add_module_names = True
+
+# If true, sectionauthor and moduleauthor directives will be shown in the
+# output. They are ignored by default.
+#show_authors = False
+
+# The name of the Pygments (syntax highlighting) style to use.
+pygments_style = 'sphinx'
+
+# A list of ignored prefixes for module index sorting.
+#modindex_common_prefix = []
+
+# If true, keep warnings as "system message" paragraphs in the built
+# documents.
+#keep_warnings = False
+
+
+# -- Options for HTML output -------------------------------------------
+
+# The theme to use for HTML and HTML Help pages.  See the documentation for
+# a list of builtin themes.
+html_theme = 'default'
+
+# Theme options are theme-specific and customize the look and feel of a
+# theme further.  For a list of options available for each theme, see the
+# documentation.
+#html_theme_options = {}
+
+# Add any paths that contain custom themes here, relative to this directory.
+#html_theme_path = []
+
+# The name for this set of Sphinx documents.  If None, it defaults to
+# "<project> v<release> documentation".
+#html_title = None
+
+# A shorter title for the navigation bar.  Default is the same as
+# html_title.
+#html_short_title = None
+
+# The name of an image file (relative to this directory) to place at the
+# top of the sidebar.
+#html_logo = None
+
+# The name of an image file (within the static path) to use as favicon
+# of the docs.  This file should be a Windows icon file (.ico) being
+# 16x16 or 32x32 pixels large.
+#html_favicon = None
+
+# Add any paths that contain custom static files (such as style sheets)
+# here, relative to this directory. They are copied after the builtin
+# static files, so a file named "default.css" will overwrite the builtin
+# "default.css".
+html_static_path = ['_static']
+
+# If not '', a 'Last updated on:' timestamp is inserted at every page
+# bottom, using the given strftime format.
+#html_last_updated_fmt = '%b %d, %Y'
+
+# If true, SmartyPants will be used to convert quotes and dashes to
+# typographically correct entities.
+#html_use_smartypants = True
+
+# Custom sidebar templates, maps document names to template names.
+#html_sidebars = {}
+
+# Additional templates that should be rendered to pages, maps page names
+# to template names.
+#html_additional_pages = {}
+
+# If false, no module index is generated.
+#html_domain_indices = True
+
+# If false, no index is generated.
+#html_use_index = True
+
+# If true, the index is split into individual pages for each letter.
+#html_split_index = False
+
+# If true, links to the reST sources are added to the pages.
+#html_show_sourcelink = True
+
+# If true, "Created using Sphinx" is shown in the HTML footer.
+# Default is True.
+#html_show_sphinx = True
+
+# If true, "(C) Copyright ..." is shown in the HTML footer.
+# Default is True.
+#html_show_copyright = True
+
+# If true, an OpenSearch description file will be output, and all pages
+# will contain a <link> tag referring to it.  The value of this option
+# must be the base URL from which the finished HTML is served.
+#html_use_opensearch = ''
+
+# This is the file name suffix for HTML files (e.g. ".xhtml").
+#html_file_suffix = None
+
+# Output file base name for HTML help builder.
+htmlhelp_basename = 'ordr2doc'
+
+
+# -- Options for LaTeX output ------------------------------------------
+
+latex_elements = {
+    # The paper size ('letterpaper' or 'a4paper').
+    #'papersize': 'letterpaper',
+
+    # The font size ('10pt', '11pt' or '12pt').
+    #'pointsize': '10pt',
+
+    # Additional stuff for the LaTeX preamble.
+    #'preamble': '',
+}
+
+# Grouping the document tree into LaTeX files. List of tuples
+# (source start file, target name, title, author, documentclass
+# [howto/manual]).
+latex_documents = [
+    ('index', 'ordr2.tex',
+     u'Ordr2 Documentation',
+     u'Holger Frey', 'manual'),
+]
+
+# The name of an image file (relative to this directory) to place at
+# the top of the title page.
+#latex_logo = None
+
+# For "manual" documents, if this is true, then toplevel headings
+# are parts, not chapters.
+#latex_use_parts = False
+
+# If true, show page references after internal links.
+#latex_show_pagerefs = False
+
+# If true, show URL addresses after external links.
+#latex_show_urls = False
+
+# Documents to append as an appendix to all manuals.
+#latex_appendices = []
+
+# If false, no module index is generated.
+#latex_domain_indices = True
+
+
+# -- Options for manual page output ------------------------------------
+
+# One entry per manual page. List of tuples
+# (source start file, name, description, authors, manual section).
+man_pages = [
+    ('index', 'ordr2',
+     u'Ordr2 Documentation',
+     [u'Holger Frey'], 1)
+]
+
+# If true, show URL addresses after external links.
+#man_show_urls = False
+
+
+# -- Options for Texinfo output ----------------------------------------
+
+# Grouping the document tree into Texinfo files. List of tuples
+# (source start file, target name, title, author,
+#  dir menu entry, description, category)
+texinfo_documents = [
+    ('index', 'ordr2',
+     u'Ordr2 Documentation',
+     u'Holger Frey',
+     'ordr2',
+     'One line description of project.',
+     'Miscellaneous'),
+]
+
+# Documents to append as an appendix to all manuals.
+#texinfo_appendices = []
+
+# If false, no module index is generated.
+#texinfo_domain_indices = True
+
+# How to display URL addresses: 'footnote', 'no', or 'inline'.
+#texinfo_show_urls = 'footnote'
+
+# If true, do not generate a @detailmenu in the "Top" node's menu.
+#texinfo_no_detailmenu = False

docs/contributing.rst

@@ -0,0 +1 @@
+.. include:: ../CONTRIBUTING.rst

docs/history.rst

@@ -0,0 +1 @@
+.. include:: ../HISTORY.rst

docs/index.rst

@@ -0,0 +1,22 @@
+Welcome to Ordr2's documentation!
+======================================
+
+Contents:
+
+.. toctree::
+   :maxdepth: 2
+
+   readme
+   installation
+   usage
+   modules
+   contributing
+   authors
+   history
+
+Indices and tables
+==================
+
+* :ref:`genindex`
+* :ref:`modindex`
+* :ref:`search`

docs/installation.rst

@@ -0,0 +1,110 @@
+.. highlight:: shell
+
+============
+Installation
+============
+
+
+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:
+
+.. code-block:: console
+
+    $ pip install ordr2
+
+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.
+
+.. _pip: https://pip.pypa.io
+.. _Python installation guide: http://docs.python-guide.org/en/latest/starting/installation/
+
+
+Dependencies
+------------
+
+These are the top-level packages that are needed by the webapp and why. They
+rely propably on other packages as well.
+
+deform
+    form rendering and validation library
+
+passlib[argon2, bcrypt]
+    password hashing library with argon2 and bcrypt support
+
+pyramid
+    the framework for the web applicatoin
+
+pyramid_debugtoolbar
+    debugging the web application in the browser
+
+pyramid_jinja2
+    Jina2 templating engine for the pyramid web framework
+
+pyramid_mailer
+    send emails, uses the transaction manager
+
+pyramid_nacl_session
+    Session object with encryption
+
+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
+
+pytest-cov
+    test coverage report for pytest
+
+pytest-runner
+    required for `test` command in setup.py
+
+WebTest
+    run functional or integration tests on the web application

docs/make.bat

@@ -0,0 +1,242 @@
+@ECHO OFF
+
+REM Command file for Sphinx documentation
+
+if "%SPHINXBUILD%" == "" (
+	set SPHINXBUILD=sphinx-build
+)
+set BUILDDIR=_build
+set ALLSPHINXOPTS=-d %BUILDDIR%/doctrees %SPHINXOPTS% .
+set I18NSPHINXOPTS=%SPHINXOPTS% .
+if NOT "%PAPER%" == "" (
+	set ALLSPHINXOPTS=-D latex_paper_size=%PAPER% %ALLSPHINXOPTS%
+	set I18NSPHINXOPTS=-D latex_paper_size=%PAPER% %I18NSPHINXOPTS%
+)
+
+if "%1" == "" goto help
+
+if "%1" == "help" (
+	:help
+	echo.Please use `make ^<target^>` where ^<target^> is one of
+	echo.  html       to make standalone HTML files
+	echo.  dirhtml    to make HTML files named index.html in directories
+	echo.  singlehtml to make a single large HTML file
+	echo.  pickle     to make pickle files
+	echo.  json       to make JSON files
+	echo.  htmlhelp   to make HTML files and a HTML help project
+	echo.  qthelp     to make HTML files and a qthelp project
+	echo.  devhelp    to make HTML files and a Devhelp project
+	echo.  epub       to make an epub
+	echo.  latex      to make LaTeX files, you can set PAPER=a4 or PAPER=letter
+	echo.  text       to make text files
+	echo.  man        to make manual pages
+	echo.  texinfo    to make Texinfo files
+	echo.  gettext    to make PO message catalogs
+	echo.  changes    to make an overview over all changed/added/deprecated items
+	echo.  xml        to make Docutils-native XML files
+	echo.  pseudoxml  to make pseudoxml-XML files for display purposes
+	echo.  linkcheck  to check all external links for integrity
+	echo.  doctest    to run all doctests embedded in the documentation if enabled
+	goto end
+)
+
+if "%1" == "clean" (
+	for /d %%i in (%BUILDDIR%\*) do rmdir /q /s %%i
+	del /q /s %BUILDDIR%\*
+	goto end
+)
+
+
+%SPHINXBUILD% 2> nul
+if errorlevel 9009 (
+	echo.
+	echo.The 'sphinx-build' command was not found. Make sure you have Sphinx
+	echo.installed, then set the SPHINXBUILD environment variable to point
+	echo.to the full path of the 'sphinx-build' executable. Alternatively you
+	echo.may add the Sphinx directory to PATH.
+	echo.
+	echo.If you don't have Sphinx installed, grab it from
+	echo.http://sphinx-doc.org/
+	exit /b 1
+)
+
+if "%1" == "html" (
+	%SPHINXBUILD% -b html %ALLSPHINXOPTS% %BUILDDIR%/html
+	if errorlevel 1 exit /b 1
+	echo.
+	echo.Build finished. The HTML pages are in %BUILDDIR%/html.
+	goto end
+)
+
+if "%1" == "dirhtml" (
+	%SPHINXBUILD% -b dirhtml %ALLSPHINXOPTS% %BUILDDIR%/dirhtml
+	if errorlevel 1 exit /b 1
+	echo.
+	echo.Build finished. The HTML pages are in %BUILDDIR%/dirhtml.
+	goto end
+)
+
+if "%1" == "singlehtml" (
+	%SPHINXBUILD% -b singlehtml %ALLSPHINXOPTS% %BUILDDIR%/singlehtml
+	if errorlevel 1 exit /b 1
+	echo.
+	echo.Build finished. The HTML pages are in %BUILDDIR%/singlehtml.
+	goto end
+)
+
+if "%1" == "pickle" (
+	%SPHINXBUILD% -b pickle %ALLSPHINXOPTS% %BUILDDIR%/pickle
+	if errorlevel 1 exit /b 1
+	echo.
+	echo.Build finished; now you can process the pickle files.
+	goto end
+)
+
+if "%1" == "json" (
+	%SPHINXBUILD% -b json %ALLSPHINXOPTS% %BUILDDIR%/json
+	if errorlevel 1 exit /b 1
+	echo.
+	echo.Build finished; now you can process the JSON files.
+	goto end
+)
+
+if "%1" == "htmlhelp" (
+	%SPHINXBUILD% -b htmlhelp %ALLSPHINXOPTS% %BUILDDIR%/htmlhelp
+	if errorlevel 1 exit /b 1
+	echo.
+	echo.Build finished; now you can run HTML Help Workshop with the ^
+.hhp project file in %BUILDDIR%/htmlhelp.
+	goto end
+)
+
+if "%1" == "qthelp" (
+	%SPHINXBUILD% -b qthelp %ALLSPHINXOPTS% %BUILDDIR%/qthelp
+	if errorlevel 1 exit /b 1
+	echo.
+	echo.Build finished; now you can run "qcollectiongenerator" with the ^
+.qhcp project file in %BUILDDIR%/qthelp, like this:
+	echo.^> qcollectiongenerator %BUILDDIR%\qthelp\ordr2.qhcp
+	echo.To view the help file:
+	echo.^> assistant -collectionFile %BUILDDIR%\qthelp\ordr2.ghc
+	goto end
+)
+
+if "%1" == "devhelp" (
+	%SPHINXBUILD% -b devhelp %ALLSPHINXOPTS% %BUILDDIR%/devhelp
+	if errorlevel 1 exit /b 1
+	echo.
+	echo.Build finished.
+	goto end
+)
+
+if "%1" == "epub" (
+	%SPHINXBUILD% -b epub %ALLSPHINXOPTS% %BUILDDIR%/epub
+	if errorlevel 1 exit /b 1
+	echo.
+	echo.Build finished. The epub file is in %BUILDDIR%/epub.
+	goto end
+)
+
+if "%1" == "latex" (
+	%SPHINXBUILD% -b latex %ALLSPHINXOPTS% %BUILDDIR%/latex
+	if errorlevel 1 exit /b 1
+	echo.
+	echo.Build finished; the LaTeX files are in %BUILDDIR%/latex.
+	goto end
+)
+
+if "%1" == "latexpdf" (
+	%SPHINXBUILD% -b latex %ALLSPHINXOPTS% %BUILDDIR%/latex
+	cd %BUILDDIR%/latex
+	make all-pdf
+	cd %BUILDDIR%/..
+	echo.
+	echo.Build finished; the PDF files are in %BUILDDIR%/latex.
+	goto end
+)
+
+if "%1" == "latexpdfja" (
+	%SPHINXBUILD% -b latex %ALLSPHINXOPTS% %BUILDDIR%/latex
+	cd %BUILDDIR%/latex
+	make all-pdf-ja
+	cd %BUILDDIR%/..
+	echo.
+	echo.Build finished; the PDF files are in %BUILDDIR%/latex.
+	goto end
+)
+
+if "%1" == "text" (
+	%SPHINXBUILD% -b text %ALLSPHINXOPTS% %BUILDDIR%/text
+	if errorlevel 1 exit /b 1
+	echo.
+	echo.Build finished. The text files are in %BUILDDIR%/text.
+	goto end
+)
+
+if "%1" == "man" (
+	%SPHINXBUILD% -b man %ALLSPHINXOPTS% %BUILDDIR%/man
+	if errorlevel 1 exit /b 1
+	echo.
+	echo.Build finished. The manual pages are in %BUILDDIR%/man.
+	goto end
+)
+
+if "%1" == "texinfo" (
+	%SPHINXBUILD% -b texinfo %ALLSPHINXOPTS% %BUILDDIR%/texinfo
+	if errorlevel 1 exit /b 1
+	echo.
+	echo.Build finished. The Texinfo files are in %BUILDDIR%/texinfo.
+	goto end
+)
+
+if "%1" == "gettext" (
+	%SPHINXBUILD% -b gettext %I18NSPHINXOPTS% %BUILDDIR%/locale
+	if errorlevel 1 exit /b 1
+	echo.
+	echo.Build finished. The message catalogs are in %BUILDDIR%/locale.
+	goto end
+)
+
+if "%1" == "changes" (
+	%SPHINXBUILD% -b changes %ALLSPHINXOPTS% %BUILDDIR%/changes
+	if errorlevel 1 exit /b 1
+	echo.
+	echo.The overview file is in %BUILDDIR%/changes.
+	goto end
+)
+
+if "%1" == "linkcheck" (
+	%SPHINXBUILD% -b linkcheck %ALLSPHINXOPTS% %BUILDDIR%/linkcheck
+	if errorlevel 1 exit /b 1
+	echo.
+	echo.Link check complete; look for any errors in the above output ^
+or in %BUILDDIR%/linkcheck/output.txt.
+	goto end
+)
+
+if "%1" == "doctest" (
+	%SPHINXBUILD% -b doctest %ALLSPHINXOPTS% %BUILDDIR%/doctest
+	if errorlevel 1 exit /b 1
+	echo.
+	echo.Testing of doctests in the sources finished, look at the ^
+results in %BUILDDIR%/doctest/output.txt.
+	goto end
+)
+
+if "%1" == "xml" (
+	%SPHINXBUILD% -b xml %ALLSPHINXOPTS% %BUILDDIR%/xml
+	if errorlevel 1 exit /b 1
+	echo.
+	echo.Build finished. The XML files are in %BUILDDIR%/xml.
+	goto end
+)
+
+if "%1" == "pseudoxml" (
+	%SPHINXBUILD% -b pseudoxml %ALLSPHINXOPTS% %BUILDDIR%/pseudoxml
+	if errorlevel 1 exit /b 1
+	echo.
+	echo.Build finished. The pseudo-XML files are in %BUILDDIR%/pseudoxml.
+	goto end
+)
+
+:end

docs/readme.rst

@@ -0,0 +1 @@
+.. include:: ../README.rst

docs/usage.rst

@@ -0,0 +1,7 @@
+=====
+Usage
+=====
+
+To use Ordr2 in a project::
+
+    import ordr2

ordr/resources/account.py

@@ -1,206 +0,0 @@
-''' Resources (sub) package, used to connect URLs to views '''
-
-import deform
-
-from pyramid.security import Allow, Authenticated, Everyone, DENY_ALL
-
-from ordr.models.account import Token, TokenSubject
-from ordr.schemas.account import (
-    ChangePasswordSchema,
-    RegistrationSchema,
-    ResetPasswordSchema,
-    SettingsSchema
-    )
-
-
-from .helpers import BaseChildResource
-
-
-class RegistrationTokenResource(BaseChildResource):
-    ''' Resource for vaildating a new registered user's email
-
-    :param pyramid.request.Request request: the current request object
-    :param str name: the name of the resource
-    :param parent: the parent resouce
-    '''
-
-    nav_active = 'registration'
-
-    def __acl__(self):
-        ''' access controll list for the resource '''
-        return [(Allow, Everyone, 'register'), DENY_ALL]
-
-
-class RegistrationResource(BaseChildResource):
-    ''' The resource for new user registration
-
-    :param pyramid.request.Request request: the current request object
-    :param str name: the name of the resource
-    :param parent: the parent resouce
-    '''
-
-    nav_active = 'registration'
-
-    def __acl__(self):
-        ''' access controll list for the resource '''
-        return [(Allow, Everyone, 'register'), DENY_ALL]
-
-    def __getitem__(self, key):
-        ''' returns a resource for a valid registration token '''
-        token = Token.retrieve(self.request, key, TokenSubject.REGISTRATION)
-        if token is None:
-            raise KeyError(f'Token {key} not found')
-        return RegistrationTokenResource(name=key, parent=self, model=token)
-
-    def get_registration_form(self, **kwargs):
-        ''' returns the registration form'''
-        settings = {
-            'buttons': (
-                deform.Button(name='create', title='Create Account'),
-                deform.Button(
-                    title='Cancel',
-                    type='link',
-                    value=self.request.resource_url(self.request.root),
-                    css_class='btn btn-outline-secondary'
-                    )
-                ),
-            }
-        settings.update(kwargs)
-        return self._prepare_form(RegistrationSchema, **settings)
-
-
-class PasswordResetTokenResource(BaseChildResource):
-    ''' Resource for the reset password link
-
-    :param pyramid.request.Request request: the current request object
-    :param str name: the name of the resource
-    :param parent: the parent resouce
-    '''
-
-    nav_active = None
-
-    def __acl__(self):
-        ''' access controll list for the resource '''
-        return [(Allow, Everyone, 'reset'), DENY_ALL]
-
-    def get_reset_form(self, **kwargs):
-        ''' returns password reset form '''
-        settings = {
-            'buttons': (
-                deform.Button(name='change', title='Set New Password'),
-                deform.Button(name='cancel', title='Cancel'),
-                )
-            }
-        settings.update(kwargs)
-        return self._prepare_form(ResetPasswordSchema, **settings)
-
-
-class PasswordResetResource(BaseChildResource):
-    ''' The resource for resetting a forgotten password
-
-    :param pyramid.request.Request request: the current request object
-    :param str name: the name of the resource
-    :param parent: the parent resouce
-    '''
-
-    nav_active = None
-
-    def __acl__(self):
-        ''' access controll list for the resource '''
-        return [(Allow, Everyone, 'reset'), DENY_ALL]
-
-    def __getitem__(self, key):
-        ''' returns a resource for a valid reset password token '''
-        token = Token.retrieve(self.request, key, TokenSubject.RESET_PASSWORD)
-        if token is None:
-            raise KeyError(f'Token {key} not found')
-        return PasswordResetTokenResource(name=key, parent=self, model=token)
-
-
-class ChangeEmailTokenResource(BaseChildResource):
-    ''' Resource for changing the email address
-
-    :param pyramid.request.Request request: the current request object
-    :param str name: the name of the resource
-    :param parent: the parent resouce
-    '''
-
-    nav_active = None
-
-    def __acl__(self):
-        ''' access controll list for the resource '''
-        return [(Allow, self.model.owner.principal, 'edit'), DENY_ALL]
-
-
-class AccountResource(BaseChildResource):
-    ''' The resource for changing account settings and passwords
-
-    :param pyramid.request.Request request: the current request object
-    :param str name: the name of the resource
-    :param parent: the parent resouce
-    '''
-
-    nav_active = None
-
-    def __init__(self, name, parent, model=None):
-        ''' Create the resource
-
-        :param str name: the name of the resource
-        :param parent: the parent resouce
-        :param model: optional data model for the resource
-
-        If model is not set, the current user will be used
-        '''
-        super().__init__(name, parent, model)
-        self.model = model or getattr(self.request, 'user', None)
-
-    def __acl__(self):
-        ''' access controll list for the resource '''
-        return [
-            (Allow, Everyone, 'view'),
-            (Allow, Everyone, 'login'),
-            (Allow, Everyone, 'logout'),
-            (Allow, Everyone, 'register'),
-            (Allow, Everyone, 'reset'),
-            (Allow, Authenticated, 'edit'),
-            DENY_ALL
-            ]
-
-    def __getitem__(self, key):
-        ''' returns a resource for child resource '''
-        # static child resources
-        map = {
-            'register': RegistrationResource,
-            'forgot': PasswordResetResource,
-            }
-        if key in map:
-            child_class = map[key]
-            return child_class(name=key, parent=self)
-
-        # change email verification
-        token = Token.retrieve(self.request, key, TokenSubject.CHANGE_EMAIL)
-        if token is None:
-            raise KeyError(f'Token {key} not found')
-        return ChangeEmailTokenResource(name=key, parent=self, model=token)
-
-    def get_settings_form(self, **kwargs):
-        ''' returns the account settings form '''
-        settings = {
-            'buttons': (
-                deform.Button(name='change', title='Change Settings'),
-                deform.Button(name='cancel', title='Cancel'),
-                )
-            }
-        settings.update(kwargs)
-        return self._prepare_form(SettingsSchema, **settings)
-
-    def get_password_form(self, **kwargs):
-        ''' returns the change password form '''
-        settings = {
-            'buttons': (
-                deform.Button(name='change', title='Change Password'),
-                deform.Button(name='cancel', title='Cancel'),
-                )
-            }
-        settings.update(kwargs)
-        return self._prepare_form(ChangePasswordSchema, **settings)

ordr/resources/helpers.py

@@ -1,27 +0,0 @@
-''' Resources (sub) package, used to connect URLs to views '''
-
-
-class BaseChildResource:
-
-    def __init__(self, name, parent, model=None):
-        ''' Create a child resource
-
-        :param str name: the name of the resource
-        :param parent: the parent resouce
-        :param model: optional data model for the resource
-        '''
-        self.__name__ = name
-        self.__parent__ = parent
-        self.request = parent.request
-        self.model = model
-        
-    def __acl__(self):
-        ''' access controll list for the resource '''
-        raise NotImplementedError()
-    
-    def _prepare_form(self, schema, prefill=None, **settings):
-        ''' prepares a deform form for the resource'''
-        form = schema.as_form(self.request, **settings)
-        if prefill is not None:
-            form.set_appstruct(prefill)
-        return form

ordr/schemas/account.py

@@ -1,101 +0,0 @@
-import colander
-import deform
-
-from . import CSRFSchema
-
-from .validators 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,
-        oid='registration_username'
-        )
-        
-    first_name = colander.SchemaNode(
-        colander.String(),
-        oid='registration_first_name'
-        )
-        
-    last_name = colander.SchemaNode(
-        colander.String(),
-        oid='registration_last_name'
-        )
-        
-    email = colander.SchemaNode(
-        colander.String(),
-        validator=deferred_unique_email_validator
-        )
-        
-    password = colander.SchemaNode(
-        colander.String(),
-        widget=deform.widget.CheckedPasswordWidget(),
-        validator=colander.Length(min=8)
-        )
-
-
-class ResetPasswordSchema(CSRFSchema):
-    ''' reset a forgotten password  '''
-    
-    password = colander.SchemaNode(
-        colander.String(),
-        widget=deform.widget.CheckedPasswordWidget(),
-        validator=colander.Length(min=8)
-        )
-
-
-class SettingsSchema(CSRFSchema):
-    ''' new user registration '''
-
-    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
-        )
-        
-    confirmation = colander.SchemaNode(
-        colander.String(),
-        widget=deform.widget.PasswordWidget(),
-        validator=deferred_password_validator
-        )
-
-
-class ChangePasswordSchema(CSRFSchema):
-    ''' change the password  '''
-    
-    password = colander.SchemaNode(
-        colander.String(),
-        widget=deform.widget.CheckedPasswordWidget(),
-        validator=colander.Length(min=8)
-        )
-    
-    confirmation = colander.SchemaNode(
-        colander.String(),
-        widget=deform.widget.PasswordWidget(),
-        validator=deferred_password_validator
-        )

ordr/security.py

@@ -1,97 +0,0 @@
-''' User Authentication and Authorization '''
-
-from passlib.context import CryptContext
-from pyramid.authentication import AuthTktAuthenticationPolicy
-from pyramid.authorization import ACLAuthorizationPolicy
-from pyramid.security import Authenticated, Everyone
-from pyramid.settings import aslist
-
-from ordr.models.account import User
-
-#:  passlib context for hashing passwords
-# at least one scheme must be set in advance, will be overridden by the
-# settings in the .ini file.
-password_context = CryptContext(schemes=['argon2'])
-
-
-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.extend(user.principals)
-        return principals
-
-
-def get_user(request):
-    ''' retrieves the user object by the unauthenticated user id
-
-    :param pyramid.request.Request request:
-        the current request object
-    :rtype: :class:`ordr.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 crypt_context_settings_to_string(settings, prefix='passlib.'):
-    ''' returns a passlib context setting as a INI-formatted content
-    
-    :param dict settings: settings for the crypt context
-    :param str prefix: prefix of the settings keys
-    :rtype: (str) config string in INI format for CryptContext.load()
-    
-    This looks at first like a dump hack, but the parsing of all possible
-    context settings is quite a task. Since passlib has a context parser
-    included, this seems the most reliable way to do it.
-    '''
-    config_lines = ['[passlib]']
-    for ini_key, value in settings.items():
-        if ini_key.startswith(prefix):
-            context_key = ini_key.replace(prefix, '')
-            # the pyramid .ini format is different on lists
-            # than the .ini format used by passlib.
-            if context_key in {'schemes', 'deprecated'} and ',' not in value:
-                value = ','.join(aslist(value))
-            config_lines.append(f'{context_key} = {value}')
-    return '\n'.join(config_lines)
-    
-
-def includeme(config):  # pragma: no cover
-    ''' initializing authentication, authorization and password hash settings
-
-    Activate this setup using ``config.include('ordr.security')``.
-    '''
-    settings = config.get_settings()
-
-    # configure the passlib context manager for hashing user passwords
-    config_str = crypt_context_settings_to_string(settings, prefix='passlib.')
-    password_context.load(config_str)
-
-    # config for authentication and authorization
-    authn_policy = AuthenticationPolicy(
-        settings.get('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)

ordr/static/scripts.js

@@ -1,21 +0,0 @@
-$(function() {
-
-    function capitalize(s){
-        return s.replace( /\b./g, function(a){ return a.toUpperCase(); } );
-    };
-
-    function generate_user_name() {
-        var first_name = $('#registration_first_name').val();
-        var last_name = $('#registration_last_name').val();
-        var user_name = capitalize(first_name) + capitalize(last_name);
-        return user_name.replace( /[\s-]/g, '')
-    };
-
-  	// autocomplete of the username (registration form)
-    $('#registration_first_name').keyup(function () {
-        $('#registration_username').val( generate_user_name() );
-    });
-    $('#registration_last_name').keyup(function() {
-        $('#registration_username').val( generate_user_name() );
-    });
-});

ordr/templates/account/forgotten_password_completed.jinja2

@@ -1,33 +0,0 @@
-{% extends "ordr:templates/layout.jinja2" %}
-
-{% block content %}
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-6">
-            <h1>Forgot Your Password?</h1>
-        </div>
-    </div>
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-2">
-            <p class="text-secondary">
-                Step 1: Validate Account
-            </p>                            
-        </div>
-        <div class="col-2">
-            <p class="text-secondary">
-                Step 2: Change Password
-            </p>                            
-        </div>
-        <div class="col-2">
-            <p class="text-primary">
-                Step 3: Finished
-            </p>                            
-        </div>
-    </div>
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-6">
-            <h3>Password Reset Succesfull</h3>
-            <p class="mt-3">Your password has been changed.</p>
-            <p>You can now <a href="{{ request.resource_url(request.root) }}">log in</a> again.</p>
-        </div>
-    </div>
-{% endblock content %}

ordr/templates/account/forgotten_password_form.jinja2

@@ -1,49 +0,0 @@
-{% extends "ordr:templates/layout.jinja2" %}
-
-{% block content %}
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-6">
-            <h1>Forgot Your Password?</h1>
-        </div>
-    </div>
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-2">
-            <p class="text-primary">
-                Step 1: Validate Account
-            </p>                            
-        </div>
-        <div class="col-2">
-            <p class="text-secondary">
-                Step 2: Change Password
-            </p>                            
-        </div>
-        <div class="col-2">
-            <p class="text-secondary">
-                Step 3: Finished
-            </p>                            
-        </div>
-    </div>
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-6 mt-3">
-            <p>Please enter your mail address or your username to reset your password.</p>
-        </div>
-    </div>
-    <div class="row justify-content-md-center">
-        <div class="col-6">
-            <form action="{{request.resource_url(context)}}" method="POST">
-            <div class="form-group form-row mt-3">
-                <input type="hidden" name="csrf_token" value="{{get_csrf_token()}}">
-                <input type="text" class="form-control {% if formerror %}is-invalid{% endif %}" id="input-username" placeholder="Mail Address or Username" name="identifier" autofocus="autofocus">
-                {% if formerror %}
-                    <div class="invalid-feedback">
-                        Username or email address unknown, or account is not activated.
-                    </div>
-                {% endif %}
-            </div>
-            <div class="form-group form-row mt-5">
-                <button type="submit" name="send_mail" class="btn btn-primary mr-1">Send Reset Link</button>
-                <button type="submit" name="cancel" class="btn btn-outline-secondary">Cancel</button>
-            </div>
-        </div>
-    </div>
-{% endblock content %}

ordr/templates/account/forgotten_password_reset.jinja2

@@ -1,32 +0,0 @@
-{% extends "ordr:templates/layout.jinja2" %}
-
-{% block content %}
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-6">
-            <h1>Forgot Your Password?</h1>
-        </div>
-    </div>
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-2">
-            <p class="text-secondary">
-                Step 1: Validate Account
-            </p>                            
-        </div>
-        <div class="col-2">
-            <p class="text-primary">
-                Step 2: Change Password
-            </p>                            
-        </div>
-        <div class="col-2">
-            <p class="text-secondary">
-                Step 3: Finished
-            </p>                            
-        </div>
-    </div>
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-6">
-            <h3>Change your password</h3>
-            <p class="mt-3">{{ form.render()|safe }}</p>
-        </div>
-    </div>
-{% endblock content %}

ordr/templates/account/forgotten_password_verify.jinja2

@@ -1,33 +0,0 @@
-{% extends "ordr:templates/layout.jinja2" %}
-
-{% block content %}
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-6">
-            <h1>Forgot Your Password?</h1>
-        </div>
-    </div>
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-2">
-            <p class="text-primary">
-                Step 1: Validate Account
-            </p>                            
-        </div>
-        <div class="col-2">
-            <p class="text-secondary">
-                Step 2: Change Password
-            </p>                            
-        </div>
-        <div class="col-2">
-            <p class="text-secondary">
-                Step 3: Finished
-            </p>                            
-        </div>
-    </div>
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-6">
-            <h3>Verify Your Email Address</h3>
-            <p class="mt-3">To continue the process, an email has been sent to you.</p>
-            <p>Please follow the link in the email to verify your account.</p>
-        </div>
-    </div>
-{% endblock content %}

ordr/templates/account/login.jinja2

@@ -1,41 +0,0 @@
-{% extends "ordr:templates/layout.jinja2" %}
-
-{% block content %}
-<div class="row mt-5">
-    <div class="col-8 offset-2">
-        <div class="jumbotron">
-            <h1 class="display-4">Welcome to <span class="text-primary">ordr</span>!</h1>
-            <p class="lead">An order management system to simplify your shopping for laborartory supplies.</p>
-        </div>
-    </div>
-</div>
-<div class="row">
-    <div class="col-4 offset-2">
-        <h4 class="mb-4">Login</h4>
-        <form action="{{ request.resource_url(context, 'login') }}" method="POST">
-            <div class="form-group">
-                <input type="hidden" name="csrf_token" value="{{get_csrf_token()}}">
-                <input type="text" class="form-control {% if loginerror %}is-invalid{% endif %}" id="input-username" placeholder="Username" name="username" autofocus="autofocus">
-            </div>
-            <div class="form-group">
-                <input type="password" class="form-control {% if loginerror %}is-invalid{% endif %}" id="input-password" placeholder="Password" name="password">
-                {% if loginerror %}
-                    <div class="invalid-feedback">
-                        Username and password do not match, or account is not activated.
-                    </div>
-                {% endif %}
-            </div>
-            <button type="submit" class="btn btn-primary">Login</button>
-            <small class="float-right mt-2"><a href="/forgot">Forgot your password?</a></small>
-        </form>
-    </div>
-    <div class="col-4">
-        <h4 class="mb-4">Register</h4>
-        <p>
-            Registration is easy as 1-2-3.
-            Just fill out the <a href="/register">form</a> and as soon as your
-            account has been activated you can start shopping.
-        </p>
-    </div>
-</div>
-{% endblock content %}

ordr/templates/account/password_changed.jinja2

@@ -1,16 +0,0 @@
-{% extends "ordr:templates/layout.jinja2" %}
-
-{% block content %}
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-6">
-            <h1>Change Your Password</h1>
-        </div>
-    </div>
-    <div class="row justify-content-md-center">
-        <div class="col-6">
-            <h3>Your password was changed successfully</h3>
-            <p class="mt-3">You can now log in with your new password.</p>
-            <p>Happy <a href="{{ request.resource_url(request.root) }}">ordering</a>
-        </div>
-    </div>
-{% endblock content %}

ordr/templates/account/password_form.jinja2

@@ -1,14 +0,0 @@
-{% extends "ordr:templates/layout.jinja2" %}
-
-{% block content %}
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-6">
-            <h1>Change Your Password</h1>
-        </div>
-    </div>
-    <div class="row justify-content-md-center">
-        <div class="col-6 mt-3">
-            {{ form.render()|safe }}
-        </div>
-    </div>
-{% endblock content %}

ordr/templates/account/registration_completed.jinja2

@@ -1,36 +0,0 @@
-{% extends "ordr:templates/layout.jinja2" %}
-
-{% block title %} Ordr | Registration {% endblock title %}
-
-{% block content %}
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-6">
-            <h1>Registration</h1>
-        </div>
-    </div>
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-2">
-            <p class="text-secondary">
-                Step 1: Registration
-            </p>                            
-        </div>
-        <div class="col-2">
-            <p class="text-secondary">
-                Step 2: Validate Email
-            </p>                            
-        </div>
-        <div class="col-2">
-            <p class="text-primary">
-                Step 3: Finished
-            </p>                            
-        </div>
-    </div>
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-6">
-            <h3>Registration Completed</h3>
-            <p class="mt-3">Thank you for verifying your email address.</p>
-            <p>Before you can start ordering, an administrator must activate your account</p>
-            <p>You'll receive an email when your account is activated</p>
-        </div>
-    </div>
-{% endblock content %}

ordr/templates/account/registration_form.jinja2

@@ -1,33 +0,0 @@
-{% extends "ordr:templates/layout.jinja2" %}
-
-{% block title %} Ordr | Registration {% endblock title %}
-
-{% block content %}
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-6">
-            <h1>Registration</h1>
-        </div>
-    </div>
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-2">
-            <p class="text-primary">
-                Step 1: Registration
-            </p>                            
-        </div>
-        <div class="col-2">
-            <p class="text-secondary">
-                Step 2: Validate Email
-            </p>                            
-        </div>
-        <div class="col-2">
-            <p class="text-secondary">
-                Step 3: Finished
-            </p>                            
-        </div>
-    </div>
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-6">
-            {{ form.render()|safe }}
-        </div>
-    </div>
-{% endblock content %}

ordr/templates/account/registration_verify.jinja2

@@ -1,35 +0,0 @@
-{% extends "ordr:templates/layout.jinja2" %}
-
-{% block title %} Ordr | Registration {% endblock title %}
-
-{% block content %}
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-6">
-            <h1>Registration</h1>
-        </div>
-    </div>
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-2">
-            <p class="text-secondary">
-                Step 1: Registration
-            </p>                            
-        </div>
-        <div class="col-2">
-            <p class="text-primary">
-                Step 2: Validate Email
-            </p>                            
-        </div>
-        <div class="col-2">
-            <p class="text-secondary">
-                Step 3: Finished
-            </p>                            
-        </div>
-    </div>
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-6">
-            <h3>Verify Your Email Address</h3>
-            <p class="mt-3">To complete the registration process an email has been sent to you.</p>
-            <p>Please follow the link in the email to verify your address and complete the registration process.</p>
-        </div>
-    </div>
-{% endblock content %}

ordr/templates/account/settings_form.jinja2

@@ -1,14 +0,0 @@
-{% extends "ordr:templates/layout.jinja2" %}
-
-{% block content %}
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-6">
-            <h1>Change Settings</h1>
-        </div>
-    </div>
-    <div class="row justify-content-md-center">
-        <div class="col-6 mt-3">
-            {{ form.render()|safe }}
-        </div>
-    </div>
-{% endblock content %}

ordr/templates/account/settings_mail_changed.jinja2

@@ -1,16 +0,0 @@
-{% extends "ordr:templates/layout.jinja2" %}
-
-{% block content %}
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-6">
-            <h1>Change Settings</h1>
-        </div>
-    </div>
-    <div class="row justify-content-md-center">
-        <div class="col-6">
-            <h3>Your email was changed successfully</h3>
-            <p class="mt-3">New notifications will be sent to {{request.user.email}}.</p>
-            <p>Happy <a href="{{ request.resource_url(request.root) }}">ordering</a>
-        </div>
-    </div>
-{% endblock content %}

ordr/templates/deform/checked_password.pt

@@ -1,46 +0,0 @@
-<div i18n:domain="deform" tal:omit-tag=""
-      tal:define="oid oid|field.oid;
-                  name name|field.name;
-                  css_class css_class|field.widget.css_class;
-                  style style|field.widget.style;
-                  required required|'required' if field.required else None;
-                  was_validated True if field.get_root().error else False;
-                  is_invalid is_invalid|field.error and not field.widget.hidden and not field.typ.__class__.__name__=='Mapping';
-                  is_valid was_validated and not is_invalid;
-                  ">
-${field.start_mapping()}
-<div>
-  <input type="password"
-         name="${name}"
-         value="${field.widget.redisplay and cstruct or ''}"
-         tal:attributes="class string: form-control ${css_class or ''} ${'is-invalid' if is_invalid else ''} ${'is-valid' if is_valid else ''};
-                         style style;
-                         required required;"
-         id="${oid}"
-         i18n:attributes="placeholder"
-         placeholder="Password"/>
-</div>
-<div class="mt-2">
-      <input type="password"
-             name="${name}-confirm"
-             value="${field.widget.redisplay and confirm or ''}"
-             tal:attributes="class string: form-control ${css_class or ''} ${'is-invalid' if is_invalid else ''} ${'is-valid' if is_valid else ''};
-                             style style;
-                             required required;"
-             id="${oid}-confirm"
-             i18n:attributes="placeholder"
-             placeholder="Confirm Password"/>
-
-      <!--! error message must directly follow input field for bootstrap 4 -->
-      <div class="invalid-feedback"
-         tal:define="errstr 'error-%s' % field.oid"
-         tal:repeat="msg field.error.messages()"
-         i18n:translate=""
-         tal:attributes="id repeat.msg.index==0 and errstr or
-         ('%s-%s' % (errstr, repeat.msg.index))"
-         tal:condition="is_invalid">
-        ${msg}
-      </div>
-</div>
-${field.end_mapping()}
-</div>

ordr/templates/deform/form.pt

@@ -1,110 +0,0 @@
-<form
-  tal:define="style style|field.widget.style;
-              css_class css_class|string:${field.widget.css_class or field.css_class or ''};
-              item_template item_template|field.widget.item_template;
-              autocomplete autocomplete|field.autocomplete;
-              title title|field.title;
-              errormsg errormsg|field.errormsg;
-              description description|field.description;
-              buttons buttons|field.buttons;
-              use_ajax use_ajax|field.use_ajax;
-              ajax_options ajax_options|field.ajax_options;
-              formid formid|field.formid;
-              action action|field.action or None;
-              method method|field.method;
-              col_label col_label|field.col_label;
-              col_input col_input|field.col_input;
-              was_validated True if field.get_root().error else False;"
-
-  tal:attributes="autocomplete autocomplete;
-                  style style;
-                  class css_class;
-                  action action;"
-  id="${formid}"
-  method="${method}"
-  enctype="multipart/form-data"
-  accept-charset="utf-8"
-  i18n:domain="deform"
-  >
-
-  <fieldset class="deform-form-fieldset">
-
-    <legend tal:condition="title">${title}}</legend>
-
-    <input type="hidden" name="_charset_" />
-    <input type="hidden" name="__formid__" value="${formid}"/>
-
-    <p class="section first" tal:condition="description">
-      ${description}
-    </p>
-
-    <div tal:repeat="child field"
-         tal:replace="structure child.render_template(item_template)"/>
-
-    <div class="form-row deform-form-buttons">
-        <div class="col-${col_label}"></div>
-        <div class="form-group col-{$col_input} mt-4">
-          <tal:loop tal:repeat="button buttons">
-            <button
-                  tal:define="btn_disposition repeat.button.start and 'btn-primary' or 'btn-default';"
-                  tal:attributes="disabled button.disabled if button.disabled else None"
-                  id="${formid+button.name}"
-                  name="${button.name}"
-                  type="${button.type}"
-                  class="btn ${button.css_class or btn_disposition}"
-                  value="${button.value}"
-                  tal:condition="button.type != 'link'">
-              <span tal:condition="button.icon" class="glyphicon glyphicon-${button.icon}"></span>
-              ${button.title}
-            </button>
-            <a
-                  tal:define="btn_disposition repeat.button.start and 'btn-primary' or 'btn-default';
-                  btn_href button.value|''"
-                  class="btn ${button.css_class or btn_disposition}"
-                  id="${field.formid + button.name}"
-                  href="${btn_href}"
-                  tal:condition="button.type == 'link'">
-              <span tal:condition="button.icon" class="glyphicon glyphicon-${button.icon}"></span>
-              ${button.title}
-            </a>
-          </tal:loop>
-        </div>
-    </div>
-
-  </fieldset>
-
-  <script type="text/javascript" tal:condition="use_ajax">
-    $(function() {
-        // jquery handler for .ready() called
-        
-       deform.addCallback(
-         '${formid}',
-         function(oid) {
-           var target = '#' + oid;
-           var options = {
-             target: target,
-             replaceTarget: true,
-             success: function() {
-               deform.processCallbacks();
-               deform.focusFirstInput(target);
-             },
-             beforeSerialize: function() { 
-               // See http://bit.ly/1agBs9Z (hack to fix tinymce-related ajax bug)
-               if ('tinymce' in window) {
-                 $(tinymce.get()).each(
-                   function(i, el) {
-                     var content = el.getContent();
-                     var editor_input = document.getElementById(el.id);
-                     editor_input.value = content;
-                 });
-               }
-             }
-           };
-           var extra_options = ${ajax_options} || {};
-           $('#' + oid).ajaxForm($.extend(options, extra_options));
-         }
-       );
-    });
-  </script>
-
-</form>

ordr/templates/deform/mapping_item.pt

@@ -1,55 +0,0 @@
-<div tal:define="error_class error_class|field.widget.error_class;
-                 description description|field.description;
-                 title title|field.title;
-                 oid oid|field.oid;
-                 hidden hidden|field.widget.hidden;
-                 category category|field.widget.category;
-                 structural hidden or category == 'structural';
-                 required required|'required' if field.required else None;
-                 was_validated True if field.get_root().error else False;
-                 is_invalid is_invalid|field.error and not field.widget.hidden and not field.typ.__class__.__name__=='Mapping';
-                 col_label col_label|field.col_label;
-                 col_input col_input|field.col_input;"
-     class="form-group form-row ${field.error and 'has-error' or ''} ${field.widget.item_css_class or ''} ${field.default_item_css_class()}"
-     title="${description}"
-     id="item-${oid}"
-     tal:omit-tag="structural"
-     i18n:domain="deform">
-
-    <label for="${oid}"
-           class="control-label col-${col_label} col-form-label ${required and 'required' or ''}"
-           tal:condition="not structural"
-           id="req-${oid}"
-           >
-      ${title}
-    </label>
-    <div class="col-${col_input}">
-        <div tal:define="input_prepend field.widget.input_prepend | None;
-                       input_append field.widget.input_append  | None"
-              tal:omit-tag="not (input_prepend or input_append)"
-              class="input-group">
-            <div class="input-group-prepend" tal:condition="input_prepend">
-                <div class="input-group-text">${input_prepend}</div>
-            </div>
-            <span tal:replace="structure field.serialize(cstruct).strip()"></span>
-            <div class="input-group-append" tal:condition="input_append">
-                <div class="input-group-text">${input_append}</div>
-            </div>
-        </div>
-
-      <div class="invalid-feedback"
-         tal:define="errstr 'error-%s' % field.oid"
-         tal:repeat="msg field.error.messages()"
-         i18n:translate=""
-         tal:attributes="id repeat.msg.index==0 and errstr or
-         ('%s-%s' % (errstr, repeat.msg.index))"
-         tal:condition="is_invalid">
-        ${msg}
-      </div>
-
-      <small tal:condition="field.description and not field.widget.hidden"
-         class="form-text text-muted" >
-        ${field.description}
-      </small>
-    </div>
-</div>

ordr/templates/deform/password.pt

@@ -1,18 +0,0 @@
-<span tal:define="name name|field.name;
-                  css_class css_class|field.widget.css_class;
-                  oid oid|field.oid;
-                  required required|'required' if field.required else None;
-                  mask mask|field.widget.mask;
-                  mask_placeholder mask_placeholder|field.widget.mask_placeholder;
-                  style style|field.widget.style;
-                  was_validated True if field.get_root().error else False;
-                  is_invalid is_invalid|field.error and not field.widget.hidden and not field.typ.__class__.__name__=='Mapping';
-                  is_valid was_validated and not is_invalid;
-                  "
-      tal:omit-tag="">
-    <input type="password" name="${name}" value="${cstruct}" 
-           tal:attributes="class string: form-control ${css_class or ''} ${'is-invalid' if is_invalid else ''} ${'is-valid' if is_valid else ''};
-                           style style;
-                           required required"
-           id="${oid}"/>
-</span>

ordr/templates/deform/textinput.pt

@@ -1,18 +0,0 @@
-<span tal:define="name name|field.name;
-                  css_class css_class|field.widget.css_class;
-                  oid oid|field.oid;
-                  required required|'required' if field.required else None;
-                  mask mask|field.widget.mask;
-                  mask_placeholder mask_placeholder|field.widget.mask_placeholder;
-                  style style|field.widget.style;
-                  was_validated True if field.get_root().error else False;
-                  is_invalid is_invalid|field.error and not field.widget.hidden and not field.typ.__class__.__name__=='Mapping';
-                  is_valid was_validated and not is_invalid;
-                  "
-      tal:omit-tag="">
-    <input type="text" name="${name}" value="${cstruct}" 
-           tal:attributes="class string: form-control ${css_class or ''} ${'is-invalid' if is_invalid else ''} ${'is-valid' if is_valid else ''};
-                           style style;
-                           required required"
-           id="${oid}"/>
-</span>

ordr/templates/errors/404_file_not_found.jinja2

@@ -1,14 +0,0 @@
-{% extends "ordr:templates/layout.jinja2" %}
-
-{% block title %} Ordr | Error {% endblock title %}
-
-{% block content %}
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-8">
-            <h1 class="mt-3">An Error has occured</h1>
-            <p class="mt-4">The page you are looking for could not be found</p>
-            <small class="text-secondary">404 - Page not found</small>
-        </div>
-    </div>
-{% endblock content %}
-

ordr/templates/errors/410_token_expiry.jinja2

@@ -1,14 +0,0 @@
-{% extends "ordr:templates/layout.jinja2" %}
-
-{% block title %} Ordr | Error {% endblock title %}
-
-{% block content %}
-    <div class="row justify-content-md-center mt-3">
-        <div class="col-8">
-            <h1 class="mt-3">An Error has occured</h1>
-            <p class="mt-4">The link you've clicked has expired.</p>
-            <small class="text-secondary">410 - Gone</small>
-        </div>
-    </div>
-{% endblock content %}
-

ordr/templates/layout.jinja2

@@ -1,82 +0,0 @@
-<!DOCTYPE html>
-<html lang="{{request.locale_name}}">
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <meta name="description" content="ordr">
-    <meta name="author" content="IMTEk / CPI / Holger Frey">
-    <link rel="shortcut icon" href="{{request.static_url('ordr:static/pyramid-16x16.png')}}">
-
-    <title>{% block title %} Ordr {% endblock title %}</title>
-
-    <!-- Bootstrap core CSS -->
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
-
-    <!-- Deform form renderin gcss -->
-    {# <link rel="stylesheet" href="{{request.static_url('deform:static/css/form.css')}}" type="text/css" media="screen" /> #}
-
-    <!-- Custom styles for this scaffold -->
-    <link href="{{request.static_url('ordr:static/style.css')}}" rel="stylesheet">
-</head>
-
-<body>
-    <nav class="navbar navbar-dark bg-dark navbar-expand-sm">
-        <a class="navbar-brand text-primary" href="{{ request.resource_url(request.root) }}"><strong>ordr</strong></a>
-        {% if not request.user %}
-            <ul class="navbar-nav mr-auto">        
-                <li class="nav-item {% if context.nav_active=='welcome' and request.view_name=='login' %}active{% endif %}">
-                    <a href="{{ request.resource_url(request.root) }}" class="nav-link">Welcome</a>
-                </li>
-                <li class="nav-item {% if context.nav_active=='welcome' and request.view_name=='faq' %}active{% endif %}">
-                    <a href="{{ request.resource_url(request.root, 'faq') }}" class="nav-link">FAQs</a>
-                </li>
-                <li class="nav-item {% if context.nav_active=='registration' %}active{% endif %}">
-                    <a href="{{ request.resource_url(request.root, 'account', 'register') }}" class="nav-link">Register</a>
-                </li>
-            </ul>
-        {% else %}
-            <ul class="navbar-nav mr-auto">
-                <li class="nav-item {% if context.nav_active=='orders' %}active{% endif %}">
-                    <a href="{{ request.resource_url(request.root, 'orders') }}" class="nav-link">Orders</a>
-                </li>
-                <li class="nav-item {% if context.nav_active=='welcome' and request.view_name=='faq' %}active{% endif %}">
-                    <a href="{{ request.resource_url(request.root, 'faq') }}" class="nav-link">FAQs</a>
-                </li>
-                {% if 'role:admin' in request.user.principals %}
-                    <li class="nav-item {% if context.nav_active=='admin' %}active{% endif %}">
-                        <a href="{{ request.resource_url(request.root, 'admin') }}" class="nav-link">Admin</a>
-                    </li>
-                {% endif %}
-            </ul>
-            <ul class="navbar-nav">
-                <li class="nav-item dropdown">
-                    <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >
-                        {{ request.user }}
-                    </a>
-                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
-                        <a class="dropdown-item" href="{{ request.resource_url(request.root, 'account', 'logout') }}">Logout</a>
-                        <div class="dropdown-divider"></div>
-                        <a class="dropdown-item small" href="{{ request.resource_url(request.root, 'account', 'settings') }}">Settings</a>
-                        <a class="dropdown-item small" href="{{ request.resource_url(request.root, 'account', 'password') }}">Change Password</a>
-                    </div>
-                </li>
-            </ul>
-        {% endif %}
-    </nav>
-    <div class="container-fluid content">
-        {% block content %}
-            <p>No content</p>
-        {% endblock content %}
-    </div>
-
-    <!-- Bootstrap core JavaScript
-    ================================================== -->
-    <!-- Placed at the end of the document so the pages load faster -->
-    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
-    <script src="{{request.static_url('ordr:static/scripts.js')}}"></script>
-</body>
-
-</html>

ordr/templates/pages/faq.jinja2

@@ -1,8 +0,0 @@
-{% extends "ordr:templates/layout.jinja2" %}
-
-{% block content %}
-<div class="content">
-  <h1>FAQ</h1>
-  <p class="lead">Welcome to <span class="font-normal">Ordr</span>, a&nbsp;Pyramid application generated&nbsp;by<br><span class="font-normal">Cookiecutter</span>.</p>
-</div>
-{% endblock content %}

ordr/views/account.py

@@ -1,402 +0,0 @@
-''' views for user accounts
-
-This includes login, logout, registration, forgotten passwords, changing
-settings and passwords
-'''
-
-import deform
-
-from pyramid.httpexceptions import HTTPFound
-from pyramid.security import remember, forget
-from pyramid.view import view_config
-from sqlalchemy import func, or_
-
-
-from ordr.events import (
-    ChangeEmailNotification,
-    PasswordResetNotification,
-    RegistrationNotification
-    )
-from ordr.models.account import Role, TokenSubject, User
-
-
-# account resource root
-
-@view_config(
-    context='ordr.resources.account.AccountResource',
-    permission='view'
-    )
-def account(context, request):
-    ''' redirect if '/account' was requested directly '''
-    return HTTPFound(request.resource_url(request.root))
-
-
-# login and logout
-
-@view_config(
-    context='ordr.resources.account.AccountResource',
-    name='login',
-    request_method='GET',
-    permission='login',
-    renderer='ordr:templates/account/login.jinja2',
-    )
-def login(context, request):
-    ''' shows the login page '''
-    context.nav_active = 'welcome'
-    return {'loginerror': False}
-
-
-@view_config(
-    context='ordr.resources.account.AccountResource',
-    name='login',
-    request_method='POST',
-    permission='login',
-    renderer='ordr:templates/account/login.jinja2',
-    )
-def check_login(context, request):
-    ''' check user credentials '''
-    username = request.POST.get('username')
-    password = request.POST.get('password')
-    user = (
-        request.dbsession
-        .query(User)
-        .filter_by(username=username)
-        .first()
-        )
-
-    if user and user.is_active and user.check_password(password):
-        headers = remember(request, user.id)
-        return HTTPFound(request.resource_url(request.root), headers=headers)
-
-    context.nav_active = 'welcome'
-    return {'loginerror': True}
-
-
-@view_config(
-    context='ordr.resources.account.AccountResource',
-    name='logout',
-    permission='logout'
-    )
-def logout(context, request):
-    ''' log out of an user '''
-    headers = forget(request)
-    return HTTPFound(request.resource_url(request.root), headers=headers)
-
-
-# registration process
-
-@view_config(
-    context='ordr.resources.account.RegistrationResource',
-    permission='register',
-    request_method='GET',
-    renderer='ordr:templates/account/registration_form.jinja2'
-    )
-def registration_form(context, request):
-    ''' show registration form '''
-    form = context.get_registration_form()
-    return {'form': form}
-
-
-@view_config(
-    context='ordr.resources.account.RegistrationResource',
-    permission='register',
-    request_method='POST',
-    renderer='ordr:templates/account/registration_form.jinja2'
-    )
-def registration_form_processing(context, request):
-    ''' process registration form '''
-    if 'create' not in request.POST:
-        return HTTPFound(request.resource_url(request.root))
-
-    form = context.get_registration_form()
-    data = request.POST.items()
-    try:
-        appstruct = form.validate(data)
-    except deform.ValidationFailure as e:
-        return {'form': form}
-
-    # form validation successfull, create user
-    account = User(
-        username=appstruct['username'],
-        first_name=appstruct['first_name'],
-        last_name=appstruct['last_name'],
-        email=appstruct['email'],
-        role=Role.UNVALIDATED
-        )
-    account.set_password(appstruct['password'])
-    request.dbsession.add(account)
-
-    # create a verify-new-account token and send email
-    token = account.issue_token(request, TokenSubject.REGISTRATION)
-    notification = RegistrationNotification(request, account, {'token': token})
-    request.registry.notify(notification)
-
-    return HTTPFound(request.resource_url(context, 'verify'))
-
-
-@view_config(
-    context='ordr.resources.account.RegistrationResource',
-    name='verify',
-    permission='register',
-    request_method='GET',
-    renderer='ordr:templates/account/registration_verify.jinja2'
-    )
-def registration_verify_email(context, request):
-    ''' show email verification text '''
-    return {}
-
-
-@view_config(
-    context='ordr.resources.account.RegistrationTokenResource',
-    permission='register',
-    request_method='GET',
-    renderer='ordr:templates/account/registration_completed.jinja2'
-    )
-def registration_completed(context, request):
-    ''' registration is completed, awaiting activation by admin '''
-    token = context.model
-    account = token.owner
-    account.role = Role.NEW
-    request.dbsession.delete(token)
-    return {}
-
-
-#  forgotten password process
-
-@view_config(
-    context='ordr.resources.account.PasswordResetResource',
-    permission='reset',
-    request_method='GET',
-    renderer='ordr:templates/account/forgotten_password_form.jinja2'
-    )
-def forgotten_password_form(context, request):
-    ''' show forgotten password form '''
-    return {'formerror': False}
-
-
-@view_config(
-    context='ordr.resources.account.PasswordResetResource',
-    permission='reset',
-    request_method='POST',
-    renderer='ordr:templates/account/forgotten_password_form.jinja2'
-    )
-def forgotten_password_form_processing(context, request):
-    ''' process forgotten password form '''
-    if 'cancel' in request.POST:
-        return HTTPFound(request.resource_url(request.root))
-    identifier = request.POST.get('identifier', '')
-    account = (
-        request.dbsession
-        .query(User)
-        .filter(or_(
-            func.lower(User.username) == identifier.lower(),
-            func.lower(User.email) == identifier.lower()
-            ))
-        .first()
-        )
-    if account is None or not account.is_active:
-        return {'formerror': True}
-
-    # create a verify-new-account token and send email
-    token = account.issue_token(request, TokenSubject.RESET_PASSWORD)
-    notification = PasswordResetNotification(
-        request,
-        account,
-        {'token': token}
-        )
-    request.registry.notify(notification)
-
-    return HTTPFound(request.resource_url(context, 'verify'))
-
-
-@view_config(
-    context='ordr.resources.account.PasswordResetResource',
-    name='verify',
-    permission='reset',
-    request_method='GET',
-    renderer='ordr:templates/account/forgotten_password_verify.jinja2'
-    )
-def forgotten_password_verify_email(context, request):
-    ''' show email verification text '''
-    return {}
-
-
-@view_config(
-    context='ordr.resources.account.PasswordResetResource',
-    name='completed',
-    permission='reset',
-    request_method='GET',
-    renderer='ordr:templates/account/forgotten_password_completed.jinja2'
-    )
-def forgotten_password_completed(context, request):
-    ''' user is verified, process reset password form '''
-    return {}
-
-
-@view_config(
-    context='ordr.resources.account.PasswordResetTokenResource',
-    permission='reset',
-    request_method='GET',
-    renderer='ordr:templates/account/forgotten_password_reset.jinja2'
-    )
-def reset_password_form(context, request):
-    ''' user is verified, show reset password form '''
-    form = context.get_reset_form()
-    return {'form': form}
-
-
-@view_config(
-    context='ordr.resources.account.PasswordResetTokenResource',
-    permission='reset',
-    request_method='POST',
-    renderer='ordr:templates/account/forgotten_password_reset.jinja2'
-    )
-def reset_password_form_processing(context, request):
-    ''' process the password reset form '''
-    if 'change' not in request.POST:
-        return HTTPFound(request.resource_url(request.root))
-
-    form = context.get_reset_form()
-    data = request.POST.items()
-    try:
-        appstruct = form.validate(data)
-    except deform.ValidationFailure as e:
-        return {'form': form}
-
-    # set new password
-    token = context.model
-    account = token.owner
-    account.set_password(appstruct['password'])
-    request.dbsession.delete(token)
-
-    return HTTPFound(request.resource_url(context.__parent__, 'completed'))
-
-
-# account settings
-
-@view_config(
-    context='ordr.resources.account.AccountResource',
-    permission='edit',
-    name='settings',
-    request_method='GET',
-    renderer='ordr:templates/account/settings_form.jinja2'
-    )
-def settings_form(context, request):
-    ''' show the settings form '''
-    prefill = {
-        'username': request.user.username,
-        'first_name': request.user.first_name,
-        'last_name': request.user.last_name,
-        'email': request.user.email,
-        }
-    form = context.get_settings_form(prefill=prefill)
-    return {'form': form}
-
-
-@view_config(
-    context='ordr.resources.account.AccountResource',
-    permission='edit',
-    name='settings',
-    request_method='POST',
-    renderer='ordr:templates/account/settings_form.jinja2'
-    )
-def settings_form_processing(context, request):
-    ''' process the settings form '''
-    if 'change' not in request.POST:
-        return HTTPFound(request.resource_url(request.root))
-
-    form = context.get_settings_form()
-    data = request.POST.items()
-    try:
-        appstruct = form.validate(data)
-    except deform.ValidationFailure as e:
-        return {'form': form}
-
-    # form validation successfull, change user
-    request.user.first_name = appstruct['first_name']
-    request.user.last_name = appstruct['last_name']
-
-    if appstruct['email'] == request.user.email:
-        # email was not changed
-        return HTTPFound(request.resource_url(request.root))
-
-    # create a verify-new-email token and send email
-    token = request.user.issue_token(
-        request,
-        TokenSubject.CHANGE_EMAIL,
-        payload={'email': appstruct['email']}
-        )
-    notification = ChangeEmailNotification(
-        request,
-        account,
-        {'token': token},
-        send_to=appstruct['email']
-        )
-    request.registry.notify(notification)
-
-    return HTTPFound(request.resource_url(context, 'verify'))
-
-
-@view_config(
-    context='ordr.resources.account.ChangeEmailTokenResource',
-    permission='edit',
-    request_method='GET',
-    renderer='ordr:templates/account/settings_mail_changed.jinja2'
-    )
-def verify_email_change(context, request):
-    ''' show email verification text '''
-    payload = context.model.payload
-    request.user.email = payload['email']
-    request.dbsession.delete(context.model)
-    return {}
-
-
-# change password
-
-@view_config(
-    context='ordr.resources.account.AccountResource',
-    permission='edit',
-    name='password',
-    request_method='GET',
-    renderer='ordr:templates/account/password_form.jinja2'
-    )
-def password_form(context, request):
-    ''' show the change password form '''
-    form = context.get_password_form()
-    return {'form': form}
-
-
-@view_config(
-    context='ordr.resources.account.AccountResource',
-    permission='edit',
-    name='password',
-    request_method='POST',
-    renderer='ordr:templates/account/password_form.jinja2'
-    )
-def password_form_processing(context, request):
-    ''' process the change password form '''
-    if 'change' not in request.POST:
-        return HTTPFound(request.resource_url(request.root))
-
-    form = context.get_password_form()
-    data = request.POST.items()
-    try:
-        appstruct = form.validate(data)
-    except deform.ValidationFailure as e:
-        return {'form': form}
-
-    # form validation successfull, change the password
-    request.user.set_password(appstruct['password'])
-    return HTTPFound(request.resource_url(context, 'changed'))
-
-
-@view_config(
-    context='ordr.resources.account.AccountResource',
-    permission='edit',
-    name='changed',
-    request_method='GET',
-    renderer='ordr:templates/account/password_changed.jinja2'
-    )
-def password_changed(context, request):
-    ''' the password changed message '''
-    return {}

ordr/views/errors.py

@@ -1,22 +0,0 @@
-from pyramid.view import notfound_view_config, view_config
-
-from ordr.models.account import TokenExpired
-
-
-@notfound_view_config(
-    renderer='ordr:templates/errors/404_file_not_found.jinja2'
-    )
-def notfound_view(context, request):
-    ''' display a file not found page '''
-    request.response.status = 404
-    return {}
-
-
-@view_config(
-    context=TokenExpired,
-    renderer='ordr:templates/errors/410_token_expiry.jinja2'
-    )
-def token_expired(context, request):
-    ''' display page describing expired token '''
-    request.response.status = 410
-    return {}

ordr/views/pages.py

@@ -1,26 +0,0 @@
-from pyramid.httpexceptions import HTTPFound
-from pyramid.view import view_config
-
-
-@view_config(
-    context='ordr.resources.RootResource',
-    permission='view',
-    )
-def welcome(context, request):
-    ''' web root redirects '''
-    if request.user:
-        redirect_to = request.resource_url(context, 'orders')
-    else:
-        redirect_to = request.resource_url(context, 'account', 'login')
-    return HTTPFound(redirect_to)
-
-
-@view_config(
-    context='ordr.resources.RootResource',
-    name='faq',
-    permission='view',
-    renderer='ordr:templates/pages/faq.jinja2'
-    )
-def faq(context, request):
-    ''' displays the FAQ page '''
-    return {}

ordr2/__init__.py

@@ -1,25 +1,27 @@
-from pyramid.config import Configurator
-from pyramid.session import SignedCookieSessionFactory
-
+''' Top-level package for Ordr2. '''
 
+__author__ = 'Holger Frey'
+__email__ = 'frey@imtek.de'
 __version__ = '0.0.1'
 
 
-def main(global_config, **settings):  # pragma: no cover
+from pyramid.config import Configurator
+
+
+def main(global_config, **settings):
     ''' This function returns a Pyramid WSGI application. '''
     config = Configurator(settings=settings)
 
-    session_factory = SignedCookieSessionFactory(settings['session.secret'])
-    config.set_session_factory(session_factory)
-    config.set_default_csrf_options(require_csrf=settings['session.auto_csrf'])
-
-    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

@@ -11,10 +11,16 @@ from pyramid_mailer.message import Message
 class UserNotification(object):
     ''' base class for user notification emails
 
-    :param pyramid.request.Request request: current request object
-    :param ordr.models.account.Users account: send notification to this user
-    :param dict data: additional data to pass to the mail template
-    :param str send_to: optional email address overriding user's email address
+    :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
@@ -30,39 +36,34 @@ class UserNotification(object):
         self.send_to = send_to or account.email
 
 
-class ActivationNotification(UserNotification):
+class AccountActivation(UserNotification):
     ''' user notification for account activation '''
-    
     subject = '[ordr] Your account was activated'
-    template = 'ordr:templates/emails/activation.jinja2'
+    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 ChangeEmailNotification(UserNotification):
-    ''' user notification for verifying a change of the mail address '''
 
-    subject = '[ordr] Verify New Email Address'
-    template = 'ordr:templates/emails/email_change.jinja2'
+class CompleteRegistration(UserNotification):
+    ''' user notification for account activation '''
+    subject = '[ordr] Please verify your email address'
+    template = 'ordr2:templates/emails/registration.jinja2'
 
 
-class OrderStatusNotification(UserNotification):
+class OrderStatusChange(UserNotification):
     ''' user notification for order status change '''
-    
     subject = '[ordr] Order Status Change'
-    template = 'ordr:templates/emails/order.jinja2'
+    template = 'ordr2:templates/emails/order.jinja2'
 
 
-class PasswordResetNotification(UserNotification):
+class PasswordReset(UserNotification):
     ''' user notification for password reset link '''
-    
     subject = '[ordr] Password Reset'
-    template = 'ordr:templates/emails/password_reset.jinja2'
-
-
-class RegistrationNotification(UserNotification):
-    ''' user notification for account activation '''
-    
-    subject = '[ordr] Please verify your email address'
-    template = 'ordr:templates/emails/registration.jinja2'
+    template = 'ordr2:templates/emails/password_reset.jinja2'
 
 
 # subsribers for events

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 .account import Role, Token, TokenSubject, User  # 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
@@ -41,28 +47,28 @@ def get_tm_session(session_factory, transaction_manager):
           session_factory = get_session_factory(engine)
           with transaction.manager:
               dbsession = 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
 
 
-def includeme(config):  # pragma: no cover
+def includeme(config):
     '''
     Initialize the model for a Pyramid app.
 
-    Activate this setup using ``config.include('ordr.models')``.
+    Activate this setup using ``config.include('ordr2.models')``.
+
     '''
     settings = config.get_settings()
-    settings['tm.manager_hook'] = 'pyramid_tm.explicit_manager'
 
     # use pyramid_tm to hook the transaction lifecycle to the request
     config.include('pyramid_tm')
 
-    # use pyramid_retry to retry a request when transient exceptions occur
-    config.include('pyramid_retry')
-
     session_factory = get_session_factory(get_engine(settings))
     config.registry['dbsession_factory'] = session_factory
 
@@ -72,4 +78,4 @@ def includeme(config):  # pragma: no cover
         lambda r: get_tm_session(session_factory, r.tm),
         'dbsession',
         reify=True
-    )
+        )

ordr2/models/account.py

@@ -1,10 +1,10 @@
-''' Models for User Accounts and Roles '''
+''' User Account and Roles Models '''
 
 import enum
 import uuid
 
 from datetime import datetime, timedelta
-from pyramid import httpexceptions
+from passlib.context import CryptContext
 from sqlalchemy import (
     Column,
     Date,
@@ -20,40 +20,56 @@ from sqlalchemy.orm import relationship
 from .meta import Base, JsonEncoder
 
 
-# custom exceptions
+#: 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()
 
-class TokenExpired(httpexceptions.HTTPGone):
-    pass
 
-
-# enumerations
+# non-database models
 
 class Role(enum.Enum):
     ''' roles of user accounts '''
 
-    UNVALIDATED = 'unvalidated'  #: new user, email not validated
-    NEW = 'new'                  #: new user, email validated, not active
-    USER = 'user'                #: standard user, may place and view orders
-    PURCHASER = 'purchaser'      #: privileged user, may edit orders
-    ADMIN = 'admin'              #: fully privileged user
-    INACTIVE = 'inactive'        #: user that is no longer active ("deleted")
+    #: 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.name.lower()
+        return 'role:' + self.value.lower()
 
     def __str__(self):
         ''' string representation '''
-        return self.name.capitalize()
+        return self.value.capitalize()
 
 
 class TokenSubject(enum.Enum):
-    ''' Email Token Subjects for user accounts '''
+    ''' 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'
 
-    REGISTRATION = 'registration'      #: validate email for new user
-    RESET_PASSWORD = 'reset_password'  #: reset a forgotten password
-    CHANGE_EMAIL = 'change_email'      #: validate an email change
+    #: reset a forgotten password
+    RESET_PASSWORD = 'reset_password'
 
 
 # database driven models
@@ -65,14 +81,11 @@ class User(Base):
 
     #: primary key
     id = Column(Integer, primary_key=True)
-    
     #: unique user name
     username = Column(Text, nullable=False, unique=True)
-    
-    #: hashed password, see :mod:`ordr.security`
+    #: hashed password, see :mod:`ordr2.security`
     password_hash = Column(Text, nullable=False)
-    
-    #: role of the user, see :class:`ordr.models.account.Role`
+    #: role of the user, see :class:`ordr2.models.account.Role`
     role = Column(Enum(Role), nullable=False)
 
     first_name = Column(Text, nullable=False)
@@ -80,7 +93,7 @@ class User(Base):
     email = Column(Text, nullable=False, unique=True)
     date_created = Column(Date, nullable=False, default=datetime.utcnow)
 
-    #: tokens for new user registration and forgotten passwords
+    #: tokens for new user registration, email change and forgotten passwords
     tokens = relationship(
         'Token',
         back_populates='owner',
@@ -93,9 +106,9 @@ class User(Base):
         return 'user:{}'.format(self.id)
 
     @property
-    def principals(self):
-        ''' returns all principal identifiers for the user including roles '''
-        principals = [self.principal, self.role.principal]
+    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)
@@ -108,12 +121,11 @@ class User(Base):
     @property
     def is_active(self):
         ''' is true if the user has an active role '''
-        return self.role in {Role.USER, Role.PURCHASER, Role.ADMIN}
+        return self.role in (Role.USER, Role.PURCHASER, Role.ADMIN)
 
     def set_password(self, password):
-        ''' hashes a password using :mod:`ordr.security.passlib_context` '''
-        from ordr.security import password_context
-        self.password_hash = password_context.hash(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
@@ -121,8 +133,7 @@ class User(Base):
         if the password algorithm is considered deprecated, the stored hash
         will be updated using the current algorithm
         '''
-        from ordr.security import password_context
-        ok, new_hash = password_context.verify_and_update(
+        ok, new_hash = passlib_context.verify_and_update(
             password,
             self.password_hash
             )
@@ -140,10 +151,18 @@ class User(Base):
     def issue_token(self, request, subject, payload=None):
         ''' issues a token for mail change, password reset or user verification
 
-        :param pyramid.request.Request request: the current request object
-        :param ordr.models.account.TokenSubject subject: kind of token
-        :param payload: extra data to store with the token, JSON serializable
-        :rtype: (str) unique hash to access the token
+        :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)
 
@@ -160,7 +179,7 @@ class Token(Base):
     #: hash identifyer of the token
     hash = Column(Unicode, primary_key=True)
 
-    #: :class:`ordr.models.account.TokenSubject`
+    #: :class:`ordr2.models.account.TokenSubject`
     subject = Column(Enum(TokenSubject), nullable=False)
 
     #: token expires at this date and time
@@ -177,23 +196,34 @@ class Token(Base):
 
     @classmethod
     def issue(cls, request, owner, subject, payload=None):
-        ''' issues a token for password reset or user verification
+        ''' 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 lowercase name of the token subject and a time in minutes. For
-        example, to give an active user two hours time to verify a registration
-        use `token_expiry.registration = 120`
-
-        :param pyramid.request.Request request: the current request object
-        :param ordr2.models.account.TokenSubject subject: kind of token
-        :param ordr2.models.account.User owner: account the token is issued for
-        :param payload: extra data to store with the token, JSON serializable
-        :rtype: ordr2.models.account.Token
+        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.name.lower()
+        settings_key = 'token_expiry.' + subject.value
         minutes = request.registry.settings.get(settings_key, 5)
         expires = datetime.utcnow() + timedelta(minutes=int(minutes))
         return cls(
@@ -201,34 +231,4 @@ class Token(Base):
             subject=subject,
             payload=payload,
             owner=owner,
-            expires=expires
-            )
-
-    @classmethod
-    def retrieve(cls, request, hash, subject=None):
-        ''' returns a token from the database
-
-        The database is queried for a token with the given hash. If an
-        optional subject is given, the query will search only for tokens of
-        this kind.
-        
-        The method will return None if a token could not be found or the
-        token has already expired. If the token has expired, it will be deleted
-        from the database
-
-        :param pyramid.request.Request request: the current request object
-        :param str hash: token hash
-        :param ordr2.models.account.TokenSubject subject: kind of token
-        :rtype: ordr2.models.account.Token or None
-        '''
-        query = request.dbsession.query(cls).filter_by(hash=hash)
-        if subject:
-            query = query.filter_by(subject=subject)
-        token = query.first()
-        
-        if token is None:
-            return None
-        elif token.expires < datetime.utcnow():
-            request.dbsession.delete(token)
-            raise TokenExpired('Token has expired')
-        return token
+            expires=expires)

ordr2/models/meta.py

@@ -10,19 +10,20 @@ from sqlalchemy.types import TypeDecorator, Unicode
 # providers will autogenerate vastly different names making migrations more
 # difficult. See: http://alembic.zzzcomputing.com/en/latest/naming.html
 NAMING_CONVENTION = {
-    "ix": "ix_%(column_0_label)s",
-    "uq": "uq_%(table_name)s_%(column_0_name)s",
-    "ck": "ck_%(table_name)s_%(constraint_name)s",
-    "fk": "fk_%(table_name)s_%(column_0_name)s_%(referred_table_name)s",
-    "pk": "pk_%(table_name)s"
-    }
-
+    'ix': 'ix_%(column_0_label)s',
+    'uq': 'uq_%(table_name)s_%(column_0_name)s',
+    'ck': 'ck_%(table_name)s_%(constraint_name)s',
+    'fk': 'fk_%(table_name)s_%(column_0_name)s_%(referred_table_name)s',
+    '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):
-    ''' Custom type for storing data structures as json-encoded string. '''
+    ''' Represents an a data structure as a json-encoded string. '''
 
     impl = Unicode
 

ordr2/resources/__init__.py

@@ -2,22 +2,29 @@
 
 from pyramid.security import Allow, Everyone, DENY_ALL
 
+from .base import BaseResource
 from .account import AccountResource
 
 
-class RootResource:
+class RootResource(BaseResource):
     ''' The root resource for the application
 
-    :param pyramid.request.Request request: the current request object
+    :param request:
+        the current request object
+    :type request:
+        pyramid.request.Request
     '''
 
-    nav_active = 'welcome'
+    #: name of the main navigation section for template highlighting
+    nav_section = 'root'
 
-    def __init__(self, request):
-        ''' Create the root resource
+    #: dict to match the next url path segment
+    nodes = {
+        'account': AccountResource
+        }
 
-        :param pyramid.request.Request request: the current request object
-        '''
+    def __init__(self, request):
+        ''' Create the root resource '''
         self.__name__ = None
         self.__parent__ = None
         self.request = request
@@ -26,24 +33,12 @@ class RootResource:
         ''' access controll list for the resource '''
         return [(Allow, Everyone, 'view'), DENY_ALL]
 
-    def __getitem__(self, key):
-        ''' retruns a child resource
-
-        :param str key: name of the child resource
-        :returns: child resource
-        :raises: KeyError if child resource is not found
-        '''
-        map = {
-            'account': AccountResource,
-            }
-        child_class = map[key]
-        return child_class(name=key, parent=self)
 
-
-def includeme(config):  # pragma: no cover
+def includeme(config):
     '''
     Initialize the resources for traversal in a Pyramid app.
 
     Activate this setup using ``config.include('ordr2.resources')``.
+
     '''
     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

@@ -5,7 +5,7 @@ import deform
 
 from deform.renderer import configure_zpt_renderer
 
-from .validators import (
+from .helpers import (
     deferred_csrf_default,
     deferred_csrf_validator
     )
@@ -24,30 +24,32 @@ class CSRFSchema(colander.Schema):
         )
 
     @classmethod
-    def as_form(cls, request, action=None, **kwargs):
+    def as_form(cls, request, **kwargs):
         ''' returns the schema as a form
 
-        :param pyramid.request.Request request: the current request
-        :param str url:
-            form action url,
-            url is not set, the current context and view name will be used to
-            constuct a url for the 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)
-        if action is None:
-            action = request.resource_url(request.context, request.view_name)
-        settings = {'col_label': 3, 'col_input': 9, 'action': action}
-        settings.update(kwargs)
-        return deform.Form(schema, **settings)
+        form = deform.Form(schema, action=url, **kwargs)
+        return form
 
 
-def includeme(config):  # pragma: no cover
+def includeme(config):
     '''
     Initialize the form schemas
 
-    Activate this setup using ``config.include('ordr.schemas')``.
+    Activate this setup using ``config.include('ordr2.schemas')``.
+
     '''
     # Make Deform widgets aware of our widget template paths
-    configure_zpt_renderer(['ordr:templates/deform'])
+    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

@@ -4,7 +4,7 @@ import colander
 
 from pyramid.csrf import get_csrf_token, check_csrf_token
 
-from ordr.models import User
+from ordr2.models import User
 
 
 @colander.deferred
@@ -45,11 +45,10 @@ def deferred_unique_email_validator(node, kw):
         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 is not None:
-            if user != getattr(request.context, 'model', None):
-                # allow existing email addresses if
-                # it belongs to the user that is currently edited
-                raise colander.Invalid(node, 'Email address in use')
+        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
 
 

ordr2/scripts/initializedb.py

@@ -1,3 +1,5 @@
+''' initialize the database '''
+
 import os
 import sys
 import transaction
@@ -9,15 +11,13 @@ from pyramid.paster import (
 
 from pyramid.scripts.common import parse_vars
 
-from urllib.parse import urlparse
-
 from ..models.meta import Base
 from ..models import (
     get_engine,
     get_session_factory,
     get_tm_session,
     )
-from ..models import Role, User
+from ..models.account import User, Role, passlib_context
 
 
 def usage(argv):
@@ -35,26 +35,22 @@ def main(argv=sys.argv):
     setup_logging(config_uri)
     settings = get_appsettings(config_uri, options=options)
 
-    # remove an existing database
-    sqlalchemy_url = urlparse(settings['sqlalchemy.url'])
-    path = os.path.abspath(sqlalchemy_url.path)
-    if os.path.exists(path):
-        os.remove(path)
-    
     engine = get_engine(settings)
     Base.metadata.create_all(engine)
 
     session_factory = get_session_factory(engine)
 
+    passlib_context.load_path(settings['passlib.config'])
+
     with transaction.manager:
         dbsession = get_tm_session(session_factory, transaction.manager)
 
-        account = User(
-            username='Holgi',
+        user = User(
+            username='HolgerFrey',
             first_name='Holger',
             last_name='Frey',
             email='frey@imtek.de',
             role=Role.ADMIN
             )
-        account.set_password('test')
-        dbsession.add(account)
+        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>