first commit

.flaskenv

@@ -0,0 +1,2 @@
+FLASK_APP=phshare
+FLASK_ENV=production

.gitignore

@@ -0,0 +1,115 @@
+# Byte-compiled / optimized / DLL files
+__pycache__/
+*.py[cod]
+*$py.class
+
+# C extensions
+*.so
+
+# Distribution / packaging
+.Python
+build/
+develop-eggs/
+dist/
+downloads/
+eggs/
+.eggs/
+lib/
+lib64/
+parts/
+sdist/
+var/
+wheels/
+*.egg-info/
+.installed.cfg
+*.egg
+MANIFEST
+
+# PyInstaller
+#  Usually these files are written by a python script from a template
+#  before PyInstaller builds the exe, so as to inject date/other infos into it.
+*.manifest
+*.spec
+
+# Installer logs
+pip-log.txt
+pip-delete-this-directory.txt
+
+# Unit test / coverage reports
+htmlcov/
+.tox/
+.coverage
+.coverage.*
+.cache
+nosetests.xml
+coverage.xml
+*.cover
+.hypothesis/
+.pytest_cache/
+
+# Translations
+*.mo
+*.pot
+
+# Django stuff:
+*.log
+local_settings.py
+db.sqlite3
+
+# Flask stuff:
+instance/
+.webassets-cache
+
+# Scrapy stuff:
+.scrapy
+
+# Sphinx documentation
+docs/_build/
+
+# PyBuilder
+target/
+
+# Jupyter Notebook
+.ipynb_checkpoints
+
+# pyenv
+.python-version
+
+# celery beat schedule file
+celerybeat-schedule
+
+# SageMath parsed files
+*.sage.py
+
+# Environments
+.env
+.venv
+env/
+venv/
+ENV/
+env.bak/
+venv.bak/
+
+# Spyder project settings
+.spyderproject
+.spyproject
+
+# Rope project settings
+.ropeproject
+
+# mkdocs documentation
+/site
+
+# mypy
+.mypy_cache/
+
+# Development
+*.db
+.idea
+uploads/*
+!uploads/.gitkeep
+!uploads/avatars
+uploads/avatars/*
+!uploads/avatars/.gitkeep
+
+whooshee

Pipfile

@@ -0,0 +1,22 @@
+[[source]]
+url = "https://pypi.python.org/simple"
+verify_ssl = true
+name = "pypi"
+
+[dev-packages]
+faker = "*"
+watchdog = "*"
+
+[packages]
+flask-sqlalchemy = "*"
+flask-login = "*"
+flask-dropzone = "*"
+flask-mail = "*"
+flask-moment = "*"
+flask-wtf = "*"
+python-dotenv = "*"
+pillow = "*"
+bootstrap-flask = "*"
+flask = "*"
+flask-whooshee = "*"
+flask-avatars = "*"

Pipfile.lock

@@ -0,0 +1,269 @@
+{
+    "_meta": {
+        "hash": {
+            "sha256": "8f77fa130f0a03afa0d2967bb6b7811e356ad34aef7a0aa88199fc29de15e1b5"
+        },
+        "pipfile-spec": 6,
+        "requires": {},
+        "sources": [
+            {
+                "name": "pypi",
+                "url": "https://pypi.python.org/simple",
+                "verify_ssl": true
+            }
+        ]
+    },
+    "default": {
+        "blinker": {
+            "hashes": [
+                "sha256:471aee25f3992bd325afa3772f1063dbdbbca947a041b8b89466dc00d606f8b6"
+            ],
+            "version": "==1.4"
+        },
+        "bootstrap-flask": {
+            "hashes": [
+                "sha256:d03c738f5377dbe7ecce010e28afcc0fb8373c4c9d01f8590af7657b53342c1d",
+                "sha256:ed817e82acadac4c8b3fc2d1a310325b6ed395d13b0f6ca9d14e1742f880e685"
+            ],
+            "index": "pypi",
+            "version": "==1.2.0"
+        },
+        "click": {
+            "hashes": [
+                "sha256:8a18b4ea89d8820c5d0c7da8a64b2c324b4dabb695804dbfea19b9be9d88c0cc",
+                "sha256:e345d143d80bf5ee7534056164e5e112ea5e22716bbb1ce727941f4c8b471b9a"
+            ],
+            "version": "==7.1.1"
+        },
+        "flask": {
+            "hashes": [
+                "sha256:4efa1ae2d7c9865af48986de8aeb8504bf32c7f3d6fdc9353d34b21f4b127060",
+                "sha256:8a4fdd8936eba2512e9c85df320a37e694c93945b33ef33c89946a340a238557"
+            ],
+            "index": "pypi",
+            "version": "==1.1.2"
+        },
+        "flask-avatars": {
+            "hashes": [
+                "sha256:c83081641ee834063416d9437be7d947cdebac51125c5f561d75e7e60f14b21b",
+                "sha256:e49e9a333b76fb131f4b66c1221b505ab9b3dd0e47a27d6a23e5d24dd2fcb7b2"
+            ],
+            "index": "pypi",
+            "version": "==0.2.2"
+        },
+        "flask-dropzone": {
+            "hashes": [
+                "sha256:e5e3d4740d407807aa99d7b6438aad812a1ce01e1b07b0f409462ff078386709",
+                "sha256:fddeb963aef31da81e7bc39cad740e8778a8c59d96ef76c7d5ed362fc626a73a"
+            ],
+            "index": "pypi",
+            "version": "==1.5.4"
+        },
+        "flask-login": {
+            "hashes": [
+                "sha256:6d33aef15b5bcead780acc339464aae8a6e28f13c90d8b1cf9de8b549d1c0b4b",
+                "sha256:7451b5001e17837ba58945aead261ba425fdf7b4f0448777e597ddab39f4fba0"
+            ],
+            "index": "pypi",
+            "version": "==0.5.0"
+        },
+        "flask-mail": {
+            "hashes": [
+                "sha256:22e5eb9a940bf407bcf30410ecc3708f3c56cc44b29c34e1726fe85006935f41"
+            ],
+            "index": "pypi",
+            "version": "==0.9.1"
+        },
+        "flask-moment": {
+            "hashes": [
+                "sha256:3c509afa25fd77459c9d799f292dcea384b1cd588ed1fd68f97f6fda6131299e",
+                "sha256:3e8b88f99af7cf75f2f29ef9d8c158eb92ca6f3c1ba6456ad70f715efa6eb7f7"
+            ],
+            "index": "pypi",
+            "version": "==0.9.0"
+        },
+        "flask-sqlalchemy": {
+            "hashes": [
+                "sha256:0078d8663330dc05a74bc72b3b6ddc441b9a744e2f56fe60af1a5bfc81334327",
+                "sha256:6974785d913666587949f7c2946f7001e4fa2cb2d19f4e69ead02e4b8f50b33d"
+            ],
+            "index": "pypi",
+            "version": "==2.4.1"
+        },
+        "flask-whooshee": {
+            "hashes": [
+                "sha256:9ee837503eaead2a81554f0e01c2647f0240f247b0b5b01b431c8cb67617ff31"
+            ],
+            "index": "pypi",
+            "version": "==0.7.0"
+        },
+        "flask-wtf": {
+            "hashes": [
+                "sha256:57b3faf6fe5d6168bda0c36b0df1d05770f8e205e18332d0376ddb954d17aef2",
+                "sha256:d417e3a0008b5ba583da1763e4db0f55a1269d9dd91dcc3eb3c026d3c5dbd720"
+            ],
+            "index": "pypi",
+            "version": "==0.14.3"
+        },
+        "itsdangerous": {
+            "hashes": [
+                "sha256:321b033d07f2a4136d3ec762eac9f16a10ccd60f53c0c91af90217ace7ba1f19",
+                "sha256:b12271b2047cb23eeb98c8b5622e2e5c5e9abd9784a153e9d8ef9cb4dd09d749"
+            ],
+            "version": "==1.1.0"
+        },
+        "jinja2": {
+            "hashes": [
+                "sha256:93187ffbc7808079673ef52771baa950426fd664d3aad1d0fa3e95644360e250",
+                "sha256:b0eaf100007721b5c16c1fc1eecb87409464edc10469ddc9a22a27a99123be49"
+            ],
+            "version": "==2.11.1"
+        },
+        "markupsafe": {
+            "hashes": [
+                "sha256:00bc623926325b26bb9605ae9eae8a215691f33cae5df11ca5424f06f2d1f473",
+                "sha256:09027a7803a62ca78792ad89403b1b7a73a01c8cb65909cd876f7fcebd79b161",
+                "sha256:09c4b7f37d6c648cb13f9230d847adf22f8171b1ccc4d5682398e77f40309235",
+                "sha256:1027c282dad077d0bae18be6794e6b6b8c91d58ed8a8d89a89d59693b9131db5",
+                "sha256:13d3144e1e340870b25e7b10b98d779608c02016d5184cfb9927a9f10c689f42",
+                "sha256:24982cc2533820871eba85ba648cd53d8623687ff11cbb805be4ff7b4c971aff",
+                "sha256:29872e92839765e546828bb7754a68c418d927cd064fd4708fab9fe9c8bb116b",
+                "sha256:43a55c2930bbc139570ac2452adf3d70cdbb3cfe5912c71cdce1c2c6bbd9c5d1",
+                "sha256:46c99d2de99945ec5cb54f23c8cd5689f6d7177305ebff350a58ce5f8de1669e",
+                "sha256:500d4957e52ddc3351cabf489e79c91c17f6e0899158447047588650b5e69183",
+                "sha256:535f6fc4d397c1563d08b88e485c3496cf5784e927af890fb3c3aac7f933ec66",
+                "sha256:596510de112c685489095da617b5bcbbac7dd6384aeebeda4df6025d0256a81b",
+                "sha256:62fe6c95e3ec8a7fad637b7f3d372c15ec1caa01ab47926cfdf7a75b40e0eac1",
+                "sha256:6788b695d50a51edb699cb55e35487e430fa21f1ed838122d722e0ff0ac5ba15",
+                "sha256:6dd73240d2af64df90aa7c4e7481e23825ea70af4b4922f8ede5b9e35f78a3b1",
+                "sha256:717ba8fe3ae9cc0006d7c451f0bb265ee07739daf76355d06366154ee68d221e",
+                "sha256:79855e1c5b8da654cf486b830bd42c06e8780cea587384cf6545b7d9ac013a0b",
+                "sha256:7c1699dfe0cf8ff607dbdcc1e9b9af1755371f92a68f706051cc8c37d447c905",
+                "sha256:88e5fcfb52ee7b911e8bb6d6aa2fd21fbecc674eadd44118a9cc3863f938e735",
+                "sha256:8defac2f2ccd6805ebf65f5eeb132adcf2ab57aa11fdf4c0dd5169a004710e7d",
+                "sha256:98c7086708b163d425c67c7a91bad6e466bb99d797aa64f965e9d25c12111a5e",
+                "sha256:9add70b36c5666a2ed02b43b335fe19002ee5235efd4b8a89bfcf9005bebac0d",
+                "sha256:9bf40443012702a1d2070043cb6291650a0841ece432556f784f004937f0f32c",
+                "sha256:ade5e387d2ad0d7ebf59146cc00c8044acbd863725f887353a10df825fc8ae21",
+                "sha256:b00c1de48212e4cc9603895652c5c410df699856a2853135b3967591e4beebc2",
+                "sha256:b1282f8c00509d99fef04d8ba936b156d419be841854fe901d8ae224c59f0be5",
+                "sha256:b2051432115498d3562c084a49bba65d97cf251f5a331c64a12ee7e04dacc51b",
+                "sha256:ba59edeaa2fc6114428f1637ffff42da1e311e29382d81b339c1817d37ec93c6",
+                "sha256:c8716a48d94b06bb3b2524c2b77e055fb313aeb4ea620c8dd03a105574ba704f",
+                "sha256:cd5df75523866410809ca100dc9681e301e3c27567cf498077e8551b6d20e42f",
+                "sha256:cdb132fc825c38e1aeec2c8aa9338310d29d337bebbd7baa06889d09a60a1fa2",
+                "sha256:e249096428b3ae81b08327a63a485ad0878de3fb939049038579ac0ef61e17e7",
+                "sha256:e8313f01ba26fbbe36c7be1966a7b7424942f670f38e666995b88d012765b9be"
+            ],
+            "version": "==1.1.1"
+        },
+        "pillow": {
+            "hashes": [
+                "sha256:04a10558320eba9137d6a78ca6fc8f4a5801f1b971152938851dc4629d903579",
+                "sha256:0f89ddc77cf421b8cd34ae852309501458942bf370831b4a9b406156b599a14e",
+                "sha256:251e5618125ec12ac800265d7048f5857a8f8f1979db9ea3e11382e159d17f68",
+                "sha256:291bad7097b06d648222b769bbfcd61e40d0abdfe10df686d20ede36eb8162b6",
+                "sha256:2f0b52a08d175f10c8ea36685115681a484c55d24d0933f9fd911e4111c04144",
+                "sha256:3713386d1e9e79cea1c5e6aaac042841d7eef838cc577a3ca153c8bedf570287",
+                "sha256:433bbc2469a2351bea53666d97bb1eb30f0d56461735be02ea6b27654569f80f",
+                "sha256:4510c6b33277970b1af83c987277f9a08ec2b02cc20ac0f9234e4026136bb137",
+                "sha256:50a10b048f4dd81c092adad99fa5f7ba941edaf2f9590510109ac2a15e706695",
+                "sha256:670e58d3643971f4afd79191abd21623761c2ebe61db1c2cb4797d817c4ba1a7",
+                "sha256:6c1924ed7dbc6ad0636907693bbbdd3fdae1d73072963e71f5644b864bb10b4d",
+                "sha256:721c04d3c77c38086f1f95d1cd8df87f2f9a505a780acf8575912b3206479da1",
+                "sha256:8d5799243050c2833c2662b824dfb16aa98e408d2092805edea4300a408490e7",
+                "sha256:90cd441a1638ae176eab4d8b6b94ab4ec24b212ed4c3fbee2a6e74672481d4f8",
+                "sha256:a5dc9f28c0239ec2742d4273bd85b2aa84655be2564db7ad1eb8f64b1efcdc4c",
+                "sha256:b2f3e8cc52ecd259b94ca880fea0d15f4ebc6da2cd3db515389bb878d800270f",
+                "sha256:b7453750cf911785009423789d2e4e5393aae9cbb8b3f471dab854b85a26cb89",
+                "sha256:b99b2607b6cd58396f363b448cbe71d3c35e28f03e442ab00806463439629c2c",
+                "sha256:cd47793f7bc9285a88c2b5551d3f16a2ddd005789614a34c5f4a598c2a162383",
+                "sha256:d6bf085f6f9ec6a1724c187083b37b58a8048f86036d42d21802ed5d1fae4853",
+                "sha256:da737ab273f4d60ae552f82ad83f7cbd0e173ca30ca20b160f708c92742ee212",
+                "sha256:eb84e7e5b07ff3725ab05977ac56d5eeb0c510795aeb48e8b691491be3c5745b"
+            ],
+            "index": "pypi",
+            "version": "==7.1.1"
+        },
+        "python-dotenv": {
+            "hashes": [
+                "sha256:81822227f771e0cab235a2939f0f265954ac4763cafd806d845801c863bf372f",
+                "sha256:92b3123fb2d58a284f76cc92bfe4ee6c502c32ded73e8b051c4f6afc8b6751ed"
+            ],
+            "index": "pypi",
+            "version": "==0.12.0"
+        },
+        "sqlalchemy": {
+            "hashes": [
+                "sha256:c4cca4aed606297afbe90d4306b49ad3a4cd36feb3f87e4bfd655c57fd9ef445"
+            ],
+            "version": "==1.3.15"
+        },
+        "werkzeug": {
+            "hashes": [
+                "sha256:2de2a5db0baeae7b2d2664949077c2ac63fbd16d98da0ff71837f7d1dea3fd43",
+                "sha256:6c80b1e5ad3665290ea39320b91e1be1e0d5f60652b964a3070216de83d2e47c"
+            ],
+            "version": "==1.0.1"
+        },
+        "whoosh": {
+            "hashes": [
+                "sha256:7ca5633dbfa9e0e0fa400d3151a8a0c4bec53bd2ecedc0a67705b17565c31a83",
+                "sha256:aa39c3c3426e3fd107dcb4bde64ca1e276a65a889d9085a6e4b54ba82420a852",
+                "sha256:e0857375f63e9041e03fedd5b7541f97cf78917ac1b6b06c1fcc9b45375dda69"
+            ],
+            "version": "==2.7.4"
+        },
+        "wtforms": {
+            "hashes": [
+                "sha256:0cdbac3e7f6878086c334aa25dc5a33869a3954e9d1e015130d65a69309b3b61",
+                "sha256:e3ee092c827582c50877cdbd49e9ce6d2c5c1f6561f849b3b068c1b8029626f1"
+            ],
+            "version": "==2.2.1"
+        }
+    },
+    "develop": {
+        "faker": {
+            "hashes": [
+                "sha256:2d3f866ef25e1a5af80e7b0ceeacc3c92dec5d0fdbad3e2cb6adf6e60b22188f",
+                "sha256:b89aa33837498498e15c709eb40c31386408a901a53c7a5e12a425737a767976"
+            ],
+            "index": "pypi",
+            "version": "==4.0.2"
+        },
+        "pathtools": {
+            "hashes": [
+                "sha256:7c35c5421a39bb82e58018febd90e3b6e5db34c5443aaaf742b3f33d4655f1c0"
+            ],
+            "version": "==0.1.2"
+        },
+        "python-dateutil": {
+            "hashes": [
+                "sha256:73ebfe9dbf22e832286dafa60473e4cd239f8592f699aa5adaf10050e6e1823c",
+                "sha256:75bb3f31ea686f1197762692a9ee6a7550b59fc6ca3a1f4b5d7e32fb98e2da2a"
+            ],
+            "version": "==2.8.1"
+        },
+        "six": {
+            "hashes": [
+                "sha256:236bdbdce46e6e6a3d61a337c0f8b763ca1e8717c03b369e87a7ec7ce1319c0a",
+                "sha256:8f3cd2e254d8f793e7f3d6d9df77b92252b52637291d0f0da013c76ea2724b6c"
+            ],
+            "version": "==1.14.0"
+        },
+        "text-unidecode": {
+            "hashes": [
+                "sha256:1311f10e8b895935241623731c2ba64f4c455287888b18189350b67134a822e8",
+                "sha256:bad6603bb14d279193107714b288be206cac565dfa49aa5b105294dd5c4aab93"
+            ],
+            "version": "==1.3"
+        },
+        "watchdog": {
+            "hashes": [
+                "sha256:c560efb643faed5ef28784b2245cf8874f939569717a4a12826a173ac644456b"
+            ],
+            "index": "pypi",
+            "version": "==0.10.2"
+        }
+    }
+}

manage.py

@@ -0,0 +1,16 @@
+from phshare import create_app
+# app = create_app()
+
+# if __name__ == "__main__":
+#     app.run("127.0.0.1",3389,debug=True)
+
+import os
+from dotenv import load_dotenv
+
+dotenv_path = os.path.join(os.path.dirname(__file__), '.env')
+if os.path.exists(dotenv_path):
+    load_dotenv(dotenv_path)
+
+app = create_app('production')
+if __name__ == "__main__":
+    app.run("127.0.0.1", 3389, debug=True)

phshare/__init__.py

@@ -0,0 +1,155 @@
+# -*- coding: utf-8 -*-
+import os
+
+import click
+from flask import Flask, render_template
+from flask_login import current_user
+from flask_wtf.csrf import CSRFError
+
+from phshare.blueprints.admin import admin_bp
+from phshare.blueprints.ajax import ajax_bp
+from phshare.blueprints.auth import auth_bp
+from phshare.blueprints.main import main_bp
+from phshare.blueprints.user import user_bp
+from phshare.extensions import bootstrap, db, login_manager, mail, dropzone, moment, whooshee, avatars, csrf
+from phshare.models import Role, User, Photo, Tag, Follow, Notification, Comment, Collect, Permission
+from phshare.settings import config
+
+
+def create_app(config_name=None):
+    if config_name is None:
+        config_name = os.getenv('FLASK_CONFIG', 'production')
+
+    app = Flask('phshare')
+    
+    app.config.from_object(config[config_name])
+
+    register_extensions(app)
+    register_blueprints(app)
+    register_commands(app)
+    register_errorhandlers(app)
+    register_shell_context(app)
+    register_template_context(app)
+
+    return app
+
+
+def register_extensions(app):
+    bootstrap.init_app(app)
+    db.init_app(app)
+    login_manager.init_app(app)
+    mail.init_app(app)
+    dropzone.init_app(app)
+    moment.init_app(app)
+    whooshee.init_app(app)
+    avatars.init_app(app)
+    csrf.init_app(app)
+
+
+def register_blueprints(app):
+    app.register_blueprint(main_bp)
+    app.register_blueprint(user_bp, url_prefix='/user')
+    app.register_blueprint(auth_bp, url_prefix='/auth')
+    app.register_blueprint(admin_bp, url_prefix='/admin')
+    app.register_blueprint(ajax_bp, url_prefix='/ajax')
+
+
+def register_shell_context(app):
+    @app.shell_context_processor
+    def make_shell_context():
+        return dict(db=db, User=User, Photo=Photo, Tag=Tag,
+                    Follow=Follow, Collect=Collect, Comment=Comment,
+                    Notification=Notification)
+
+
+def register_template_context(app):
+    @app.context_processor
+    def make_template_context():
+        if current_user.is_authenticated:
+            notification_count = Notification.query.with_parent(current_user).filter_by(is_read=False).count()
+        else:
+            notification_count = None
+        return dict(notification_count=notification_count)
+
+
+def register_errorhandlers(app):
+    @app.errorhandler(400)
+    def bad_request(e):
+        return render_template('errors/400.html'), 400
+
+    @app.errorhandler(403)
+    def forbidden(e):
+        return render_template('errors/403.html'), 403
+
+    @app.errorhandler(404)
+    def page_not_found(e):
+        return render_template('errors/404.html'), 404
+
+    @app.errorhandler(413)
+    def request_entity_too_large(e):
+        return render_template('errors/413.html'), 413
+
+    @app.errorhandler(500)
+    def internal_server_error(e):
+        return render_template('errors/500.html'), 500
+
+    @app.errorhandler(CSRFError)
+    def handle_csrf_error(e):
+        return render_template('errors/400.html', description=e.description), 500
+
+
+def register_commands(app):
+    @app.cli.command()
+    @click.option('--drop', is_flag=True, help='Create after drop.')
+    def initdb(drop):
+        """Initialize the database."""
+        if drop:
+            click.confirm('This operation will delete the database, do you want to continue?', abort=True)
+            db.drop_all()
+            click.echo('Drop tables.')
+        db.create_all()
+        click.echo('Initialized database.')
+
+    @app.cli.command()
+    def init():
+        """Initialize Phshare."""
+        click.echo('Initializing the database...')
+        db.create_all()
+
+        click.echo('Initializing the roles and permissions...')
+        Role.init_role()
+
+        click.echo('Done.')
+
+    @app.cli.command()
+    @click.option('--user', default=10, help='Quantity of users, default is 10.')
+    @click.option('--follow', default=30, help='Quantity of follows, default is 30.')
+    @click.option('--photo', default=30, help='Quantity of photos, default is 30.')
+    @click.option('--tag', default=20, help='Quantity of tags, default is 20.')
+    @click.option('--collect', default=50, help='Quantity of collects, default is 50.')
+    @click.option('--comment', default=100, help='Quantity of comments, default is 100.')
+    def forge(user, follow, photo, tag, collect, comment):
+        """Generate fake data."""
+
+        from phshare.fakes import fake_admin, fake_comment, fake_follow, fake_photo, fake_tag, fake_user, fake_collect
+
+        db.drop_all()
+        db.create_all()
+
+        click.echo('Initializing the roles and permissions...')
+        Role.init_role()
+        click.echo('Generating the administrator...')
+        fake_admin()
+        click.echo('Generating %d users...' % user)
+        fake_user(user)
+        click.echo('Generating %d follows...' % follow)
+        fake_follow(follow)
+        click.echo('Generating %d tags...' % tag)
+        fake_tag(tag)
+        click.echo('Generating %d photos...' % photo)
+        fake_photo(photo)
+        click.echo('Generating %d collects...' % photo)
+        fake_collect(collect)
+        click.echo('Generating %d comments...' % comment)
+        fake_comment(comment)
+        click.echo('Done.')

phshare/blueprints/admin.py

@@ -0,0 +1,191 @@
+# -*- coding: utf-8 -*-
+from flask import render_template, flash, Blueprint, request, current_app
+from flask_login import login_required
+
+from phshare.decorators import admin_required, permission_required
+from phshare.extensions import db
+from phshare.forms.admin import EditProfileAdminForm
+from phshare.models import Role, User, Tag, Photo, Comment
+from phshare.utils import redirect_back
+
+admin_bp = Blueprint('admin', __name__)
+
+
+@admin_bp.route('/')
+@login_required
+@permission_required('MODERATE')
+def index():
+    user_count = User.query.count()
+    locked_user_count = User.query.filter_by(locked=True).count()
+    blocked_user_count = User.query.filter_by(active=False).count()
+    photo_count = Photo.query.count()
+    reported_photos_count = Photo.query.filter(Photo.flag > 0).count()
+    tag_count = Tag.query.count()
+    comment_count = Comment.query.count()
+    reported_comments_count = Comment.query.filter(Comment.flag > 0).count()
+    return render_template('admin/index.html', user_count=user_count, photo_count=photo_count,
+                           tag_count=tag_count, comment_count=comment_count, locked_user_count=locked_user_count,
+                           blocked_user_count=blocked_user_count, reported_comments_count=reported_comments_count,
+                           reported_photos_count=reported_photos_count)
+
+
+@admin_bp.route('/profile/<int:user_id>', methods=['GET', 'POST'])
+@login_required
+@admin_required
+def edit_profile_admin(user_id):
+    user = User.query.get_or_404(user_id)
+    form = EditProfileAdminForm(user=user)
+    if form.validate_on_submit():
+        user.name = form.name.data
+        role = Role.query.get(form.role.data)
+        if role.name == 'Locked':
+            user.lock()
+        user.role = role
+        user.bio = form.bio.data
+        user.website = form.website.data
+        user.confirmed = form.confirmed.data
+        user.active = form.active.data
+        user.location = form.location.data
+        user.username = form.username.data
+        user.email = form.email.data
+        db.session.commit()
+        flash('Profile updated.', 'success')
+        return redirect_back()
+    form.name.data = user.name
+    form.role.data = user.role_id
+    form.bio.data = user.bio
+    form.website.data = user.website
+    form.location.data = user.location
+    form.username.data = user.username
+    form.email.data = user.email
+    form.confirmed.data = user.confirmed
+    form.active.data = user.active
+    return render_template('admin/edit_profile.html', form=form, user=user)
+
+
+@admin_bp.route('/block/user/<int:user_id>', methods=['POST'])
+@login_required
+@permission_required('MODERATE')
+def block_user(user_id):
+    user = User.query.get_or_404(user_id)
+    if user.role.name in ['Administrator', 'Moderator']:
+        flash('Permission denied.', 'warning')
+    else:
+        user.block()
+        flash('Account blocked.', 'info')
+    return redirect_back()
+
+
+@admin_bp.route('/unblock/user/<int:user_id>', methods=['POST'])
+@login_required
+@permission_required('MODERATE')
+def unblock_user(user_id):
+    user = User.query.get_or_404(user_id)
+    user.unblock()
+    flash('Block canceled.', 'info')
+    return redirect_back()
+
+
+@admin_bp.route('/lock/user/<int:user_id>', methods=['POST'])
+@login_required
+@permission_required('MODERATE')
+def lock_user(user_id):
+    user = User.query.get_or_404(user_id)
+    if user.role.name in ['Administrator', 'Moderator']:
+        flash('Permission denied.', 'warning')
+    else:
+        user.lock()
+        flash('Account locked.', 'info')
+    return redirect_back()
+
+
+@admin_bp.route('/unlock/user/<int:user_id>', methods=['POST'])
+@login_required
+@permission_required('MODERATE')
+def unlock_user(user_id):
+    user = User.query.get_or_404(user_id)
+    user.unlock()
+    flash('Lock canceled.', 'info')
+    return redirect_back()
+
+
+@admin_bp.route('/delete/tag/<int:tag_id>', methods=['GET', 'POST'])
+@login_required
+@permission_required('MODERATE')
+def delete_tag(tag_id):
+    tag = Tag.query.get_or_404(tag_id)
+    db.session.delete(tag)
+    db.session.commit()
+    flash('Tag deleted.', 'info')
+    return redirect_back()
+
+
+@admin_bp.route('/manage/user')
+@login_required
+@permission_required('MODERATE')
+def manage_user():
+    filter_rule = request.args.get('filter', 'all')  # 'all', 'locked', 'blocked', 'administrator', 'moderator'
+    page = request.args.get('page', 1, type=int)
+    per_page = current_app.config['PHSHARE_MANAGE_USER_PER_PAGE']
+    administrator = Role.query.filter_by(name='Administrator').first()
+    moderator = Role.query.filter_by(name='Moderator').first()
+
+    if filter_rule == 'locked':
+        filtered_users = User.query.filter_by(locked=True)
+    elif filter_rule == 'blocked':
+        filtered_users = User.query.filter_by(active=False)
+    elif filter_rule == 'administrator':
+        filtered_users = User.query.filter_by(role=administrator)
+    elif filter_rule == 'moderator':
+        filtered_users = User.query.filter_by(role=moderator)
+    else:
+        filtered_users = User.query
+
+    pagination = filtered_users.order_by(User.member_since.desc()).paginate(page, per_page)
+    users = pagination.items
+    return render_template('admin/manage_user.html', pagination=pagination, users=users)
+
+
+@admin_bp.route('/manage/photo', defaults={'order': 'by_flag'})
+@admin_bp.route('/manage/photo/<order>')
+@login_required
+@permission_required('MODERATE')
+def manage_photo(order):
+    page = request.args.get('page', 1, type=int)
+    per_page = current_app.config['PHSHARE_MANAGE_PHOTO_PER_PAGE']
+    order_rule = 'flag'
+    if order == 'by_time':
+        pagination = Photo.query.order_by(Photo.timestamp.desc()).paginate(page, per_page)
+        order_rule = 'time'
+    else:
+        pagination = Photo.query.order_by(Photo.flag.desc()).paginate(page, per_page)
+    photos = pagination.items
+    return render_template('admin/manage_photo.html', pagination=pagination, photos=photos, order_rule=order_rule)
+
+
+@admin_bp.route('/manage/tag')
+@login_required
+@permission_required('MODERATE')
+def manage_tag():
+    page = request.args.get('page', 1, type=int)
+    per_page = current_app.config['PHSHARE_MANAGE_TAG_PER_PAGE']
+    pagination = Tag.query.order_by(Tag.id.desc()).paginate(page, per_page)
+    tags = pagination.items
+    return render_template('admin/manage_tag.html', pagination=pagination, tags=tags)
+
+
+@admin_bp.route('/manage/comment', defaults={'order': 'by_flag'})
+@admin_bp.route('/manage/comment/<order>')
+@login_required
+@permission_required('MODERATE')
+def manage_comment(order):
+    page = request.args.get('page', 1, type=int)
+    per_page = current_app.config['PHSHARE_MANAGE_COMMENT_PER_PAGE']
+    order_rule = 'flag'
+    if order == 'by_time':
+        pagination = Comment.query.order_by(Comment.timestamp.desc()).paginate(page, per_page)
+        order_rule = 'time'
+    else:
+        pagination = Comment.query.order_by(Comment.flag.desc()).paginate(page, per_page)
+    comments = pagination.items
+    return render_template('admin/manage_comment.html', pagination=pagination, comments=comments, order_rule=order_rule)

phshare/blueprints/ajax.py

@@ -0,0 +1,101 @@
+# -*- coding: utf-8 -*-
+from flask import render_template, jsonify, Blueprint
+from flask_login import current_user
+
+from phshare.models import User, Photo, Notification
+from phshare.notifications import push_collect_notification, push_follow_notification
+
+ajax_bp = Blueprint('ajax', __name__)
+
+
+@ajax_bp.route('/notifications-count')
+def notifications_count():
+    if not current_user.is_authenticated:
+        return jsonify(message='Login required.'), 403
+
+    count = Notification.query.with_parent(current_user).filter_by(is_read=False).count()
+    return jsonify(count=count)
+
+
+@ajax_bp.route('/profile/<int:user_id>')
+def get_profile(user_id):
+    user = User.query.get_or_404(user_id)
+    return render_template('main/profile_popup.html', user=user)
+
+
+@ajax_bp.route('/followers-count/<int:user_id>')
+def followers_count(user_id):
+    user = User.query.get_or_404(user_id)
+    count = user.followers.count() - 1  # minus user self
+    return jsonify(count=count)
+
+
+@ajax_bp.route('/<int:photo_id>/followers-count')
+def collectors_count(photo_id):
+    photo = Photo.query.get_or_404(photo_id)
+    count = len(photo.collectors)
+    return jsonify(count=count)
+
+
+@ajax_bp.route('/collect/<int:photo_id>', methods=['POST'])
+def collect(photo_id):
+    if not current_user.is_authenticated:
+        return jsonify(message='Login required.'), 403
+    if not current_user.confirmed:
+        return jsonify(message='Confirm account required.'), 400
+    if not current_user.can('COLLECT'):
+        return jsonify(message='No permission.'), 403
+
+    photo = Photo.query.get_or_404(photo_id)
+    if current_user.is_collecting(photo):
+        return jsonify(message='Already collected.'), 400
+
+    current_user.collect(photo)
+    if current_user != photo.author and photo.author.receive_collect_notification:
+        push_collect_notification(collector=current_user, photo_id=photo_id, receiver=photo.author)
+    return jsonify(message='Photo collected.')
+
+
+@ajax_bp.route('/uncollect/<int:photo_id>', methods=['POST'])
+def uncollect(photo_id):
+    if not current_user.is_authenticated:
+        return jsonify(message='Login required.'), 403
+
+    photo = Photo.query.get_or_404(photo_id)
+    if not current_user.is_collecting(photo):
+        return jsonify(message='Not collect yet.'), 400
+
+    current_user.uncollect(photo)
+    return jsonify(message='Collect canceled.')
+
+
+@ajax_bp.route('/follow/<username>', methods=['POST'])
+def follow(username):
+    if not current_user.is_authenticated:
+        return jsonify(message='Login required.'), 403
+    if not current_user.confirmed:
+        return jsonify(message='Confirm account required.'), 400
+    if not current_user.can('FOLLOW'):
+        return jsonify(message='No permission.'), 403
+
+    user = User.query.filter_by(username=username).first_or_404()
+    if current_user.is_following(user):
+        return jsonify(message='Already followed.'), 400
+
+    current_user.follow(user)
+    if user.receive_collect_notification:
+        push_follow_notification(follower=current_user, receiver=user)
+    return jsonify(message='User followed.')
+
+
+@ajax_bp.route('/unfollow/<username>', methods=['POST'])
+def unfollow(username):
+    if not current_user.is_authenticated:
+        return jsonify(message='Login required.'), 403
+
+    user = User.query.filter_by(username=username).first_or_404()
+    if not current_user.is_following(user):
+        return jsonify(message='Not follow yet.'), 400
+
+    current_user.unfollow(user)
+    return jsonify(message='Follow canceled.')

phshare/blueprints/auth.py

@@ -0,0 +1,138 @@
+# -*- coding: utf-8 -*-
+from flask import render_template, flash, redirect, url_for, Blueprint
+from flask_login import login_user, logout_user, login_required, current_user, login_fresh, confirm_login
+
+from phshare.emails import send_confirm_email, send_reset_password_email
+from phshare.extensions import db
+from phshare.forms.auth import LoginForm, RegisterForm, ForgetPasswordForm, ResetPasswordForm
+from phshare.models import User
+from phshare.settings import Operations
+from phshare.utils import generate_token, validate_token, redirect_back
+
+auth_bp = Blueprint('auth', __name__)
+
+
+@auth_bp.route('/login', methods=['GET', 'POST'])
+def login():
+    if current_user.is_authenticated:
+        return redirect(url_for('main.index'))
+
+    form = LoginForm()
+    if form.validate_on_submit():
+        user = User.query.filter_by(email=form.email.data.lower()).first()
+        if user is not None and user.validate_password(form.password.data):
+            if login_user(user, form.remember_me.data):
+                flash('Login success.', 'info')
+                return redirect_back()
+            else:
+                flash('Your account is blocked.', 'warning')
+                return redirect(url_for('main.index'))
+        flash('Invalid email or password.', 'warning')
+    return render_template('auth/login.html', form=form)
+
+
+@auth_bp.route('/re-authenticate', methods=['GET', 'POST'])
+@login_required
+def re_authenticate():
+    if login_fresh():
+        return redirect(url_for('main.index'))
+
+    form = LoginForm()
+    if form.validate_on_submit() and current_user.validate_password(form.password.data):
+        confirm_login()
+        return redirect_back()
+    return render_template('auth/login.html', form=form)
+
+
+@auth_bp.route('/logout')
+@login_required
+def logout():
+    logout_user()
+    flash('Logout success.', 'info')
+    return redirect(url_for('main.index'))
+
+
+@auth_bp.route('/register', methods=['GET', 'POST'])
+def register():
+    if current_user.is_authenticated:
+        return redirect(url_for('main.index'))
+
+    form = RegisterForm()
+    if form.validate_on_submit():
+        name = form.name.data
+        email = form.email.data.lower()
+        username = form.username.data
+        password = form.password.data
+        user = User(name=name, email=email, username=username,confirmed=1)
+        user.set_password(password)
+        db.session.add(user)
+        db.session.commit()
+        token = generate_token(user=user, operation='confirm')
+        send_confirm_email(user=user, token=token)
+        flash('Confirm email sent, check your inbox.', 'info')
+        return redirect(url_for('.login'))
+    return render_template('auth/register.html', form=form)
+
+
+@auth_bp.route('/confirm/<token>')
+@login_required
+def confirm(token):
+    if current_user.confirmed:
+        return redirect(url_for('main.index'))
+
+    if validate_token(user=current_user, token=token, operation=Operations.CONFIRM):
+        flash('Account confirmed.', 'success')
+        return redirect(url_for('main.index'))
+    else:
+        flash('Invalid or expired token.', 'danger')
+        return redirect(url_for('.resend_confirm_email'))
+
+
+@auth_bp.route('/resend-confirm-email')
+@login_required
+def resend_confirm_email():
+    if current_user.confirmed:
+        return redirect(url_for('main.index'))
+
+    token = generate_token(user=current_user, operation=Operations.CONFIRM)
+    send_confirm_email(user=current_user, token=token)
+    flash('New email sent, check your inbox.', 'info')
+    return redirect(url_for('main.index'))
+
+
+@auth_bp.route('/forget-password', methods=['GET', 'POST'])
+def forget_password():
+    if current_user.is_authenticated:
+        return redirect(url_for('main.index'))
+
+    form = ForgetPasswordForm()
+    if form.validate_on_submit():
+        user = User.query.filter_by(email=form.email.data.lower()).first()
+        if user:
+            token = generate_token(user=user, operation=Operations.RESET_PASSWORD)
+            send_reset_password_email(user=user, token=token)
+            flash('Password reset email sent, check your inbox.', 'info')
+            return redirect(url_for('.login'))
+        flash('Invalid email.', 'warning')
+        return redirect(url_for('.forget_password'))
+    return render_template('auth/reset_password.html', form=form)
+
+
+@auth_bp.route('/reset-password/<token>', methods=['GET', 'POST'])
+def reset_password(token):
+    if current_user.is_authenticated:
+        return redirect(url_for('main.index'))
+
+    form = ResetPasswordForm()
+    if form.validate_on_submit():
+        user = User.query.filter_by(email=form.email.data.lower()).first()
+        if user is None:
+            return redirect(url_for('main.index'))
+        if validate_token(user=user, token=token, operation=Operations.RESET_PASSWORD,
+                          new_password=form.password.data):
+            flash('Password updated.', 'success')
+            return redirect(url_for('.login'))
+        else:
+            flash('Invalid or expired link.', 'danger')
+            return redirect(url_for('.forget_password'))
+    return render_template('auth/reset_password.html', form=form)

phshare/blueprints/main.py

@@ -0,0 +1,395 @@
+# -*- coding: utf-8 -*-
+import os
+
+from flask import render_template, flash, redirect, url_for, current_app, \
+    send_from_directory, request, abort, Blueprint
+from flask_login import login_required, current_user
+from sqlalchemy.sql.expression import func
+
+from phshare.decorators import confirm_required, permission_required
+from phshare.extensions import db
+from phshare.forms.main import DescriptionForm, TagForm, CommentForm
+from phshare.models import User, Photo, Tag, Follow, Collect, Comment, Notification
+from phshare.notifications import push_comment_notification, push_collect_notification
+from phshare.utils import rename_image, resize_image, redirect_back, flash_errors
+
+main_bp = Blueprint('main', __name__)
+
+
+@main_bp.route('/')
+def index():
+    if current_user.is_authenticated:
+        page = request.args.get('page', 1, type=int)
+        per_page = current_app.config['PHSHARE_PHOTO_PER_PAGE']
+        pagination = Photo.query \
+            .join(Follow, Follow.followed_id == Photo.author_id) \
+            .filter(Follow.follower_id == current_user.id) \
+            .order_by(Photo.timestamp.desc()) \
+            .paginate(page, per_page)
+        photos = pagination.items
+    else:
+        pagination = None
+        photos = None
+    tags = Tag.query.join(Tag.photos).group_by(Tag.id).order_by(func.count(Photo.id).desc()).limit(10)
+    return render_template('main/index.html', pagination=pagination, photos=photos, tags=tags, Collect=Collect)
+
+
+@main_bp.route('/explore')
+def explore():
+    photos = Photo.query.order_by(func.random()).limit(12)
+    return render_template('main/explore.html', photos=photos)
+
+
+@main_bp.route('/search')
+def search():
+    q = request.args.get('q', '').strip()
+    if q == '':
+        flash('Enter keyword about photo, user or tag.', 'warning')
+        return redirect_back()
+
+    category = request.args.get('category', 'photo')
+    page = request.args.get('page', 1, type=int)
+    per_page = current_app.config['PHSHARE_SEARCH_RESULT_PER_PAGE']
+    if category == 'user':
+        pagination = User.query.whooshee_search(q).paginate(page, per_page)
+    elif category == 'tag':
+        pagination = Tag.query.whooshee_search(q).paginate(page, per_page)
+    else:
+        pagination = Photo.query.whooshee_search(q).paginate(page, per_page)
+    results = pagination.items
+    return render_template('main/search.html', q=q, results=results, pagination=pagination, category=category)
+
+
+@main_bp.route('/notifications')
+@login_required
+def show_notifications():
+    page = request.args.get('page', 1, type=int)
+    per_page = current_app.config['PHSHARE_NOTIFICATION_PER_PAGE']
+    notifications = Notification.query.with_parent(current_user)
+    filter_rule = request.args.get('filter')
+    if filter_rule == 'unread':
+        notifications = notifications.filter_by(is_read=False)
+
+    pagination = notifications.order_by(Notification.timestamp.desc()).paginate(page, per_page)
+    notifications = pagination.items
+    return render_template('main/notifications.html', pagination=pagination, notifications=notifications)
+
+
+@main_bp.route('/notification/read/<int:notification_id>', methods=['POST'])
+@login_required
+def read_notification(notification_id):
+    notification = Notification.query.get_or_404(notification_id)
+    if current_user != notification.receiver:
+        abort(403)
+
+    notification.is_read = True
+    db.session.commit()
+    flash('Notification archived.', 'success')
+    return redirect(url_for('.show_notifications'))
+
+
+@main_bp.route('/notifications/read/all', methods=['POST'])
+@login_required
+def read_all_notification():
+    for notification in current_user.notifications:
+        notification.is_read = True
+    db.session.commit()
+    flash('All notifications archived.', 'success')
+    return redirect(url_for('.show_notifications'))
+
+
+@main_bp.route('/uploads/<path:filename>')
+def get_image(filename):
+    return send_from_directory(current_app.config['PHSHARE_UPLOAD_PATH'], filename)
+
+
+@main_bp.route('/avatars/<path:filename>')
+def get_avatar(filename):
+    return send_from_directory(current_app.config['AVATARS_SAVE_PATH'], filename)
+
+
+@main_bp.route('/upload', methods=['GET', 'POST'])
+@login_required
+@confirm_required
+@permission_required('UPLOAD')
+def upload():
+    if request.method == 'POST' and 'file' in request.files:
+        f = request.files.get('file')
+        filename = rename_image(f.filename)
+        f.save(os.path.join(current_app.config['PHSHARE_UPLOAD_PATH'], filename))
+        filename_s = resize_image(f, filename, current_app.config['PHSHARE_PHOTO_SIZE']['small'])
+        filename_m = resize_image(f, filename, current_app.config['PHSHARE_PHOTO_SIZE']['medium'])
+        photo = Photo(
+            filename=filename,
+            filename_s=filename_s,
+            filename_m=filename_m,
+            author=current_user._get_current_object()
+        )
+        db.session.add(photo)
+        db.session.commit()
+    return render_template('main/upload.html')
+
+
+@main_bp.route('/photo/<int:photo_id>')
+def show_photo(photo_id):
+    photo = Photo.query.get_or_404(photo_id)
+    page = request.args.get('page', 1, type=int)
+    per_page = current_app.config['PHSHARE_COMMENT_PER_PAGE']
+    pagination = Comment.query.with_parent(photo).order_by(Comment.timestamp.asc()).paginate(page, per_page)
+    comments = pagination.items
+
+    comment_form = CommentForm()
+    description_form = DescriptionForm()
+    tag_form = TagForm()
+
+    description_form.description.data = photo.description
+    return render_template('main/photo.html', photo=photo, comment_form=comment_form,
+                           description_form=description_form, tag_form=tag_form,
+                           pagination=pagination, comments=comments)
+
+
+@main_bp.route('/photo/n/<int:photo_id>')
+def photo_next(photo_id):
+    photo = Photo.query.get_or_404(photo_id)
+    photo_n = Photo.query.with_parent(photo.author).filter(Photo.id < photo_id).order_by(Photo.id.desc()).first()
+
+    if photo_n is None:
+        flash('This is already the last one.', 'info')
+        return redirect(url_for('.show_photo', photo_id=photo_id))
+    return redirect(url_for('.show_photo', photo_id=photo_n.id))
+
+
+@main_bp.route('/photo/p/<int:photo_id>')
+def photo_previous(photo_id):
+    photo = Photo.query.get_or_404(photo_id)
+    photo_p = Photo.query.with_parent(photo.author).filter(Photo.id > photo_id).order_by(Photo.id.asc()).first()
+
+    if photo_p is None:
+        flash('This is already the first one.', 'info')
+        return redirect(url_for('.show_photo', photo_id=photo_id))
+    return redirect(url_for('.show_photo', photo_id=photo_p.id))
+
+
+@main_bp.route('/collect/<int:photo_id>', methods=['POST'])
+@login_required
+@confirm_required
+@permission_required('COLLECT')
+def collect(photo_id):
+    photo = Photo.query.get_or_404(photo_id)
+    if current_user.is_collecting(photo):
+        flash('Already collected.', 'info')
+        return redirect(url_for('.show_photo', photo_id=photo_id))
+
+    current_user.collect(photo)
+    flash('Photo collected.', 'success')
+    if current_user != photo.author and photo.author.receive_collect_notification:
+        push_collect_notification(collector=current_user, photo_id=photo_id, receiver=photo.author)
+    return redirect(url_for('.show_photo', photo_id=photo_id))
+
+
+@main_bp.route('/uncollect/<int:photo_id>', methods=['POST'])
+@login_required
+def uncollect(photo_id):
+    photo = Photo.query.get_or_404(photo_id)
+    if not current_user.is_collecting(photo):
+        flash('Not collect yet.', 'info')
+        return redirect(url_for('.show_photo', photo_id=photo_id))
+
+    current_user.uncollect(photo)
+    flash('Photo uncollected.', 'info')
+    return redirect(url_for('.show_photo', photo_id=photo_id))
+
+
+@main_bp.route('/report/comment/<int:comment_id>', methods=['POST'])
+@login_required
+@confirm_required
+def report_comment(comment_id):
+    comment = Comment.query.get_or_404(comment_id)
+    comment.flag += 1
+    db.session.commit()
+    flash('Comment reported.', 'success')
+    return redirect(url_for('.show_photo', photo_id=comment.photo_id))
+
+
+@main_bp.route('/report/photo/<int:photo_id>', methods=['POST'])
+@login_required
+@confirm_required
+def report_photo(photo_id):
+    photo = Photo.query.get_or_404(photo_id)
+    photo.flag += 1
+    db.session.commit()
+    flash('Photo reported.', 'success')
+    return redirect(url_for('.show_photo', photo_id=photo.id))
+
+
+@main_bp.route('/photo/<int:photo_id>/collectors')
+def show_collectors(photo_id):
+    photo = Photo.query.get_or_404(photo_id)
+    page = request.args.get('page', 1, type=int)
+    per_page = current_app.config['PHSHARE_USER_PER_PAGE']
+    pagination = Collect.query.with_parent(photo).order_by(Collect.timestamp.asc()).paginate(page, per_page)
+    collects = pagination.items
+    return render_template('main/collectors.html', collects=collects, photo=photo, pagination=pagination)
+
+
+@main_bp.route('/photo/<int:photo_id>/description', methods=['POST'])
+@login_required
+def edit_description(photo_id):
+    photo = Photo.query.get_or_404(photo_id)
+    if current_user != photo.author and not current_user.can('MODERATE'):
+        abort(403)
+
+    form = DescriptionForm()
+    if form.validate_on_submit():
+        photo.description = form.description.data
+        db.session.commit()
+        flash('Description updated.', 'success')
+
+    flash_errors(form)
+    return redirect(url_for('.show_photo', photo_id=photo_id))
+
+
+@main_bp.route('/photo/<int:photo_id>/comment/new', methods=['POST'])
+@login_required
+@permission_required('COMMENT')
+def new_comment(photo_id):
+    photo = Photo.query.get_or_404(photo_id)
+    page = request.args.get('page', 1, type=int)
+    form = CommentForm()
+    if form.validate_on_submit():
+        body = form.body.data
+        author = current_user._get_current_object()
+        comment = Comment(body=body, author=author, photo=photo)
+
+        replied_id = request.args.get('reply')
+        if replied_id:
+            comment.replied = Comment.query.get_or_404(replied_id)
+            if comment.replied.author.receive_comment_notification:
+                push_comment_notification(photo_id=photo.id, receiver=comment.replied.author)
+        db.session.add(comment)
+        db.session.commit()
+        flash('Comment published.', 'success')
+
+        if current_user != photo.author and photo.author.receive_comment_notification:
+            push_comment_notification(photo_id, receiver=photo.author, page=page)
+
+    flash_errors(form)
+    return redirect(url_for('.show_photo', photo_id=photo_id, page=page))
+
+
+@main_bp.route('/photo/<int:photo_id>/tag/new', methods=['POST'])
+@login_required
+def new_tag(photo_id):
+    photo = Photo.query.get_or_404(photo_id)
+    if current_user != photo.author and not current_user.can('MODERATE'):
+        abort(403)
+
+    form = TagForm()
+    if form.validate_on_submit():
+        for name in form.tag.data.split():
+            tag = Tag.query.filter_by(name=name).first()
+            if tag is None:
+                tag = Tag(name=name)
+                db.session.add(tag)
+                db.session.commit()
+            if tag not in photo.tags:
+                photo.tags.append(tag)
+                db.session.commit()
+        flash('Tag added.', 'success')
+
+    flash_errors(form)
+    return redirect(url_for('.show_photo', photo_id=photo_id))
+
+
+@main_bp.route('/set-comment/<int:photo_id>', methods=['POST'])
+@login_required
+def set_comment(photo_id):
+    photo = Photo.query.get_or_404(photo_id)
+    if current_user != photo.author:
+        abort(403)
+
+    if photo.can_comment:
+        photo.can_comment = False
+        flash('Comment disabled', 'info')
+    else:
+        photo.can_comment = True
+        flash('Comment enabled.', 'info')
+    db.session.commit()
+    return redirect(url_for('.show_photo', photo_id=photo_id))
+
+
+@main_bp.route('/reply/comment/<int:comment_id>')
+@login_required
+@permission_required('COMMENT')
+def reply_comment(comment_id):
+    comment = Comment.query.get_or_404(comment_id)
+    return redirect(
+        url_for('.show_photo', photo_id=comment.photo_id, reply=comment_id,
+                author=comment.author.name) + '#comment-form')
+
+
+@main_bp.route('/delete/photo/<int:photo_id>', methods=['POST'])
+@login_required
+def delete_photo(photo_id):
+    photo = Photo.query.get_or_404(photo_id)
+    if current_user != photo.author and not current_user.can('MODERATE'):
+        abort(403)
+
+    db.session.delete(photo)
+    db.session.commit()
+    flash('Photo deleted.', 'info')
+
+    photo_n = Photo.query.with_parent(photo.author).filter(Photo.id < photo_id).order_by(Photo.id.desc()).first()
+    if photo_n is None:
+        photo_p = Photo.query.with_parent(photo.author).filter(Photo.id > photo_id).order_by(Photo.id.asc()).first()
+        if photo_p is None:
+            return redirect(url_for('user.index', username=photo.author.username))
+        return redirect(url_for('.show_photo', photo_id=photo_p.id))
+    return redirect(url_for('.show_photo', photo_id=photo_n.id))
+
+
+@main_bp.route('/delete/comment/<int:comment_id>', methods=['POST'])
+@login_required
+def delete_comment(comment_id):
+    comment = Comment.query.get_or_404(comment_id)
+    if current_user != comment.author and current_user != comment.photo.author \
+            and not current_user.can('MODERATE'):
+        abort(403)
+    db.session.delete(comment)
+    db.session.commit()
+    flash('Comment deleted.', 'info')
+    return redirect(url_for('.show_photo', photo_id=comment.photo_id))
+
+
+@main_bp.route('/tag/<int:tag_id>', defaults={'order': 'by_time'})
+@main_bp.route('/tag/<int:tag_id>/<order>')
+def show_tag(tag_id, order):
+    tag = Tag.query.get_or_404(tag_id)
+    page = request.args.get('page', 1, type=int)
+    per_page = current_app.config['PHSHARE_PHOTO_PER_PAGE']
+    order_rule = 'time'
+    pagination = Photo.query.with_parent(tag).order_by(Photo.timestamp.desc()).paginate(page, per_page)
+    photos = pagination.items
+
+    if order == 'by_collects':
+        photos.sort(key=lambda x: len(x.collectors), reverse=True)
+        order_rule = 'collects'
+    return render_template('main/tag.html', tag=tag, pagination=pagination, photos=photos, order_rule=order_rule)
+
+
+@main_bp.route('/delete/tag/<int:photo_id>/<int:tag_id>', methods=['POST'])
+@login_required
+def delete_tag(photo_id, tag_id):
+    tag = Tag.query.get_or_404(tag_id)
+    photo = Photo.query.get_or_404(photo_id)
+    if current_user != photo.author and not current_user.can('MODERATE'):
+        abort(403)
+    photo.tags.remove(tag)
+    db.session.commit()
+
+    if not tag.photos:
+        db.session.delete(tag)
+        db.session.commit()
+
+    flash('Tag deleted.', 'info')
+    return redirect(url_for('.show_photo', photo_id=photo_id))

phshare/blueprints/user.py

@@ -0,0 +1,236 @@
+# -*- coding: utf-8 -*-
+from flask import render_template, flash, redirect, url_for, current_app, request, Blueprint
+from flask_login import login_required, current_user, fresh_login_required, logout_user
+
+from phshare.decorators import confirm_required, permission_required
+from phshare.emails import send_change_email_email
+from phshare.extensions import db, avatars
+from phshare.forms.user import EditProfileForm, UploadAvatarForm, CropAvatarForm, ChangeEmailForm, \
+    ChangePasswordForm, NotificationSettingForm, PrivacySettingForm, DeleteAccountForm
+from phshare.models import User, Photo, Collect
+from phshare.notifications import push_follow_notification
+from phshare.settings import Operations
+from phshare.utils import generate_token, validate_token, redirect_back, flash_errors
+
+user_bp = Blueprint('user', __name__)
+
+
+@user_bp.route('/<username>')
+def index(username):
+    user = User.query.filter_by(username=username).first_or_404()
+    if user == current_user and user.locked:
+        flash('Your account is locked.', 'danger')
+
+    if user == current_user and not user.active:
+        logout_user()
+
+    page = request.args.get('page', 1, type=int)
+    per_page = current_app.config['PHSHARE_PHOTO_PER_PAGE']
+    pagination = Photo.query.with_parent(user).order_by(Photo.timestamp.desc()).paginate(page, per_page)
+    photos = pagination.items
+    return render_template('user/index.html', user=user, pagination=pagination, photos=photos)
+
+
+@user_bp.route('/<username>/collections')
+def show_collections(username):
+    user = User.query.filter_by(username=username).first_or_404()
+    page = request.args.get('page', 1, type=int)
+    per_page = current_app.config['PHSHARE_PHOTO_PER_PAGE']
+    pagination = Collect.query.with_parent(user).order_by(Collect.timestamp.desc()).paginate(page, per_page)
+    collects = pagination.items
+    return render_template('user/collections.html', user=user, pagination=pagination, collects=collects)
+
+
+@user_bp.route('/follow/<username>', methods=['POST'])
+@login_required
+@confirm_required
+@permission_required('FOLLOW')
+def follow(username):
+    user = User.query.filter_by(username=username).first_or_404()
+    if current_user.is_following(user):
+        flash('Already followed.', 'info')
+        return redirect(url_for('.index', username=username))
+
+    current_user.follow(user)
+    flash('User followed.', 'success')
+    if user.receive_follow_notification:
+        push_follow_notification(follower=current_user, receiver=user)
+    return redirect_back()
+
+
+@user_bp.route('/unfollow/<username>', methods=['POST'])
+@login_required
+def unfollow(username):
+    user = User.query.filter_by(username=username).first_or_404()
+    if not current_user.is_following(user):
+        flash('Not follow yet.', 'info')
+        return redirect(url_for('.index', username=username))
+
+    current_user.unfollow(user)
+    flash('User unfollowed.', 'info')
+    return redirect_back()
+
+
+@user_bp.route('/<username>/followers')
+def show_followers(username):
+    user = User.query.filter_by(username=username).first_or_404()
+    page = request.args.get('page', 1, type=int)
+    per_page = current_app.config['PHSHARE_USER_PER_PAGE']
+    pagination = user.followers.paginate(page, per_page)
+    follows = pagination.items
+    return render_template('user/followers.html', user=user, pagination=pagination, follows=follows)
+
+
+@user_bp.route('/<username>/following')
+def show_following(username):
+    user = User.query.filter_by(username=username).first_or_404()
+    page = request.args.get('page', 1, type=int)
+    per_page = current_app.config['PHSHARE_USER_PER_PAGE']
+    pagination = user.following.paginate(page, per_page)
+    follows = pagination.items
+    return render_template('user/following.html', user=user, pagination=pagination, follows=follows)
+
+
+@user_bp.route('/settings/profile', methods=['GET', 'POST'])
+@login_required
+def edit_profile():
+    form = EditProfileForm()
+    if form.validate_on_submit():
+        current_user.name = form.name.data
+        current_user.username = form.username.data
+        current_user.bio = form.bio.data
+        current_user.website = form.website.data
+        current_user.location = form.location.data
+        db.session.commit()
+        flash('Profile updated.', 'success')
+        return redirect(url_for('.index', username=current_user.username))
+    form.name.data = current_user.name
+    form.username.data = current_user.username
+    form.bio.data = current_user.bio
+    form.website.data = current_user.website
+    form.location.data = current_user.location
+    return render_template('user/settings/edit_profile.html', form=form)
+
+
+@user_bp.route('/settings/avatar')
+@login_required
+@confirm_required
+def change_avatar():
+    upload_form = UploadAvatarForm()
+    crop_form = CropAvatarForm()
+    return render_template('user/settings/change_avatar.html', upload_form=upload_form, crop_form=crop_form)
+
+
+@user_bp.route('/settings/avatar/upload', methods=['POST'])
+@login_required
+@confirm_required
+def upload_avatar():
+    form = UploadAvatarForm()
+    if form.validate_on_submit():
+        image = form.image.data
+        filename = avatars.save_avatar(image)
+        current_user.avatar_raw = filename
+        db.session.commit()
+        flash('Image uploaded, please crop.', 'success')
+    flash_errors(form)
+    return redirect(url_for('.change_avatar'))
+
+
+@user_bp.route('/settings/avatar/crop', methods=['POST'])
+@login_required
+@confirm_required
+def crop_avatar():
+    form = CropAvatarForm()
+    if form.validate_on_submit():
+        x = form.x.data
+        y = form.y.data
+        w = form.w.data
+        h = form.h.data
+        filenames = avatars.crop_avatar(current_user.avatar_raw, x, y, w, h)
+        current_user.avatar_s = filenames[0]
+        current_user.avatar_m = filenames[1]
+        current_user.avatar_l = filenames[2]
+        db.session.commit()
+        flash('Avatar updated.', 'success')
+    flash_errors(form)
+    return redirect(url_for('.change_avatar'))
+
+
+@user_bp.route('/settings/change-password', methods=['GET', 'POST'])
+@fresh_login_required
+def change_password():
+    form = ChangePasswordForm()
+    if form.validate_on_submit():
+        if current_user.validate_password(form.old_password.data):
+            current_user.set_password(form.password.data)
+            db.session.commit()
+            flash('Password updated.', 'success')
+            return redirect(url_for('.index', username=current_user.username))
+        else:
+            flash('Old password is incorrect.', 'warning')
+    return render_template('user/settings/change_password.html', form=form)
+
+
+@user_bp.route('/settings/change-email', methods=['GET', 'POST'])
+@fresh_login_required
+def change_email_request():
+    form = ChangeEmailForm()
+    if form.validate_on_submit():
+        token = generate_token(user=current_user, operation=Operations.CHANGE_EMAIL, new_email=form.email.data.lower())
+        send_change_email_email(to=form.email.data, user=current_user, token=token)
+        flash('Confirm email sent, check your inbox.', 'info')
+        return redirect(url_for('.index', username=current_user.username))
+    return render_template('user/settings/change_email.html', form=form)
+
+
+@user_bp.route('/change-email/<token>')
+@login_required
+def change_email(token):
+    if validate_token(user=current_user, token=token, operation=Operations.CHANGE_EMAIL):
+        flash('Email updated.', 'success')
+        return redirect(url_for('.index', username=current_user.username))
+    else:
+        flash('Invalid or expired token.', 'warning')
+        return redirect(url_for('.change_email_request'))
+
+
+@user_bp.route('/settings/notification', methods=['GET', 'POST'])
+@login_required
+def notification_setting():
+    form = NotificationSettingForm()
+    if form.validate_on_submit():
+        current_user.receive_collect_notification = form.receive_collect_notification.data
+        current_user.receive_comment_notification = form.receive_comment_notification.data
+        current_user.receive_follow_notification = form.receive_follow_notification.data
+        db.session.commit()
+        flash('Notification settings updated.', 'success')
+        return redirect(url_for('.index', username=current_user.username))
+    form.receive_collect_notification.data = current_user.receive_collect_notification
+    form.receive_comment_notification.data = current_user.receive_comment_notification
+    form.receive_follow_notification.data = current_user.receive_follow_notification
+    return render_template('user/settings/edit_notification.html', form=form)
+
+
+@user_bp.route('/settings/privacy', methods=['GET', 'POST'])
+@login_required
+def privacy_setting():
+    form = PrivacySettingForm()
+    if form.validate_on_submit():
+        current_user.public_collections = form.public_collections.data
+        db.session.commit()
+        flash('Privacy settings updated.', 'success')
+        return redirect(url_for('.index', username=current_user.username))
+    form.public_collections.data = current_user.public_collections
+    return render_template('user/settings/edit_privacy.html', form=form)
+
+
+@user_bp.route('/settings/account/delete', methods=['GET', 'POST'])
+@fresh_login_required
+def delete_account():
+    form = DeleteAccountForm()
+    if form.validate_on_submit():
+        db.session.delete(current_user._get_current_object())
+        db.session.commit()
+        flash('Your are free, goodbye!', 'success')
+        return redirect(url_for('main.index'))
+    return render_template('user/settings/delete_account.html', form=form)

phshare/decorators.py

@@ -0,0 +1,35 @@
+# -*- coding: utf-8 -*-
+from functools import wraps
+
+from flask import Markup, flash, url_for, redirect, abort
+from flask_login import current_user
+
+
+def confirm_required(func):
+    @wraps(func)
+    def decorated_function(*args, **kwargs):
+        if not current_user.confirmed:
+            message = Markup(
+                'Please confirm your account first.'
+                'Not receive the email?'
+                '<a class="alert-link" href="%s">Resend Confirm Email</a>' %
+                url_for('auth.resend_confirm_email'))
+            flash(message, 'warning')
+            return redirect(url_for('main.index'))
+        return func(*args, **kwargs)
+    return decorated_function
+
+
+def permission_required(permission_name):
+    def decorator(func):
+        @wraps(func)
+        def decorated_function(*args, **kwargs):
+            if not current_user.can(permission_name):
+                abort(403)
+            return func(*args, **kwargs)
+        return decorated_function
+    return decorator
+
+
+def admin_required(func):
+    return permission_required('ADMINISTER')(func)

phshare/emails.py

@@ -0,0 +1,34 @@
+# -*- coding: utf-8 -*-
+from threading import Thread
+
+from flask import current_app, render_template
+from flask_mail import Message
+
+from phshare.extensions import mail
+
+
+def _send_async_mail(app, message):
+    with app.app_context():
+        mail.send(message)
+
+
+def send_mail(to, subject, template, **kwargs):
+    message = Message(current_app.config['PHSHARE_MAIL_SUBJECT_PREFIX'] + subject, recipients=[to])
+    message.body = render_template(template + '.txt', **kwargs)
+    message.html = render_template(template + '.html', **kwargs)
+    app = current_app._get_current_object()
+    thr = Thread(target=_send_async_mail, args=[app, message])
+    thr.start()
+    return thr
+
+
+def send_confirm_email(user, token, to=None):
+    send_mail(subject='Email Confirm', to=to or user.email, template='emails/confirm', user=user, token=token)
+
+
+def send_reset_password_email(user, token):
+    send_mail(subject='Password Reset', to=user.email, template='emails/reset_password', user=user, token=token)
+
+
+def send_change_email_email(user, token, to=None):
+    send_mail(subject='Change Email Confirm', to=to or user.email, template='emails/change_email', user=user, token=token)

phshare/extensions.py

@@ -0,0 +1,49 @@
+# -*- coding: utf-8 -*-
+from flask_avatars import Avatars
+from flask_bootstrap import Bootstrap
+from flask_dropzone import Dropzone
+from flask_login import LoginManager, AnonymousUserMixin
+from flask_mail import Mail
+from flask_moment import Moment
+from flask_sqlalchemy import SQLAlchemy
+from flask_whooshee import Whooshee
+from flask_wtf import CSRFProtect
+
+bootstrap = Bootstrap()
+db = SQLAlchemy()
+login_manager = LoginManager()
+mail = Mail()
+dropzone = Dropzone()
+moment = Moment()
+whooshee = Whooshee()
+avatars = Avatars()
+csrf = CSRFProtect()
+
+
+@login_manager.user_loader
+def load_user(user_id):
+    from phshare.models import User
+    user = User.query.get(int(user_id))
+    return user
+
+
+login_manager.login_view = 'auth.login'
+# login_manager.login_message = 'Your custom message'
+login_manager.login_message_category = 'warning'
+
+login_manager.refresh_view = 'auth.re_authenticate'
+# login_manager.needs_refresh_message = 'Your custom message'
+login_manager.needs_refresh_message_category = 'warning'
+
+
+class Guest(AnonymousUserMixin):
+
+    def can(self, permission_name):
+        return False
+
+    @property
+    def is_admin(self):
+        return False
+
+
+login_manager.anonymous_user = Guest

phshare/fakes.py

@@ -0,0 +1,111 @@
+# -*- coding: utf-8 -*-
+import os
+import random
+
+from PIL import Image
+from faker import Faker
+from flask import current_app
+from sqlalchemy.exc import IntegrityError
+
+from phshare.extensions import db
+from phshare.models import User, Photo, Tag, Comment, Notification
+
+fake = Faker()
+
+
+def fake_admin():
+    admin = User(name='zsw',
+                 username='zsw',
+                 email='swzhangslg@163.com',
+                 bio=fake.sentence(),
+                 website='',
+                 confirmed=True)
+    admin.set_password('hellophoto')
+    notification = Notification(message='Hello, welcome to Phshare.', receiver=admin)
+    db.session.add(notification)
+    db.session.add(admin)
+    db.session.commit()
+
+
+def fake_user(count=10):
+    for i in range(count):
+        user = User(name=fake.name(),
+                    confirmed=True,
+                    username=fake.user_name(),
+                    bio=fake.sentence(),
+                    location=fake.city(),
+                    website=fake.url(),
+                    member_since=fake.date_this_decade(),
+                    email=fake.email())
+        user.set_password('123456')
+        db.session.add(user)
+        try:
+            db.session.commit()
+        except IntegrityError:
+            db.session.rollback()
+
+
+def fake_follow(count=30):
+    for i in range(count):
+        user = User.query.get(random.randint(1, User.query.count()))
+        user.follow(User.query.get(random.randint(1, User.query.count())))
+    db.session.commit()
+
+
+def fake_tag(count=20):
+    for i in range(count):
+        tag = Tag(name=fake.word())
+        db.session.add(tag)
+        try:
+            db.session.commit()
+        except IntegrityError:
+            db.session.rollback()
+
+
+def fake_photo(count=30):
+    # photos
+    upload_path = current_app.config['PHSHARE_UPLOAD_PATH']
+    for i in range(count):
+        print(i)
+
+        filename = 'random_%d.jpg' % i
+        r = lambda: random.randint(128, 255)
+        img = Image.new(mode='RGB', size=(800, 800), color=(r(), r(), r()))
+        img.save(os.path.join(upload_path, filename))
+
+        photo = Photo(
+            description=fake.text(),
+            filename=filename,
+            filename_m=filename,
+            filename_s=filename,
+            author=User.query.get(random.randint(1, User.query.count())),
+            timestamp=fake.date_time_this_year()
+        )
+
+        # tags
+        for j in range(random.randint(1, 5)):
+            tag = Tag.query.get(random.randint(1, Tag.query.count()))
+            if tag not in photo.tags:
+                photo.tags.append(tag)
+
+        db.session.add(photo)
+    db.session.commit()
+
+
+def fake_collect(count=50):
+    for i in range(count):
+        user = User.query.get(random.randint(1, User.query.count()))
+        user.collect(Photo.query.get(random.randint(1, Photo.query.count())))
+    db.session.commit()
+
+
+def fake_comment(count=100):
+    for i in range(count):
+        comment = Comment(
+            author=User.query.get(random.randint(1, User.query.count())),
+            body=fake.sentence(),
+            timestamp=fake.date_time_this_year(),
+            photo=Photo.query.get(random.randint(1, Photo.query.count()))
+        )
+        db.session.add(comment)
+    db.session.commit()

phshare/forms/admin.py

@@ -0,0 +1,29 @@
+# -*- coding: utf-8 -*-
+from wtforms import StringField, SelectField, BooleanField, SubmitField
+from wtforms import ValidationError
+from wtforms.validators import DataRequired, Length, Email
+
+from phshare.forms.user import EditProfileForm
+from phshare.models import User, Role
+
+
+class EditProfileAdminForm(EditProfileForm):
+    email = StringField('Email', validators=[DataRequired(), Length(1, 254), Email()])
+    role = SelectField('Role', coerce=int)
+    active = BooleanField('Active')
+    confirmed = BooleanField('Confirmed')
+    submit = SubmitField()
+
+    def __init__(self, user, *args, **kwargs):
+        super(EditProfileAdminForm, self).__init__(*args, **kwargs)
+        self.role.choices = [(role.id, role.name)
+                             for role in Role.query.order_by(Role.name).all()]
+        self.user = user
+
+    def validate_username(self, field):
+        if field.data != self.user.username and User.query.filter_by(username=field.data).first():
+            raise ValidationError('The username is already in use.')
+
+    def validate_email(self, field):
+        if field.data != self.user.email and User.query.filter_by(email=field.data.lower()).first():
+            raise ValidationError('The email is already in use.')

phshare/forms/auth.py

@@ -0,0 +1,47 @@
+# -*- coding: utf-8 -*-
+from flask_wtf import FlaskForm
+from wtforms import StringField, PasswordField, SubmitField, BooleanField
+from wtforms import ValidationError
+from wtforms.validators import DataRequired, Length, Email, EqualTo, Regexp
+
+from phshare.models import User
+
+
+class LoginForm(FlaskForm):
+    email = StringField('Email', validators=[DataRequired(), Length(1, 254), Email()])
+    password = PasswordField('Password', validators=[DataRequired()])
+    remember_me = BooleanField('Remember me')
+    submit = SubmitField('Log in')
+
+
+class RegisterForm(FlaskForm):
+    name = StringField('Name', validators=[DataRequired(), Length(1, 30)])
+    email = StringField('Email', validators=[DataRequired(), Length(1, 254), Email()])
+    username = StringField('Username', validators=[DataRequired(), Length(1, 20),
+                                                   Regexp('^[a-zA-Z0-9]*$',
+                                                          message='The username should contain only a-z, A-Z and 0-9.')])
+    password = PasswordField('Password', validators=[
+        DataRequired(), Length(8, 128), EqualTo('password2')])
+    password2 = PasswordField('Confirm password', validators=[DataRequired()])
+    submit = SubmitField()
+
+    def validate_email(self, field):
+        if User.query.filter_by(email=field.data.lower()).first():
+            raise ValidationError('The email is already in use.')
+
+    def validate_username(self, field):
+        if User.query.filter_by(username=field.data).first():
+            raise ValidationError('The username is already in use.')
+
+
+class ForgetPasswordForm(FlaskForm):
+    email = StringField('Email', validators=[DataRequired(), Length(1, 254), Email()])
+    submit = SubmitField()
+
+
+class ResetPasswordForm(FlaskForm):
+    email = StringField('Email', validators=[DataRequired(), Length(1, 254), Email()])
+    password = PasswordField('Password', validators=[
+        DataRequired(), Length(8, 128), EqualTo('password2')])
+    password2 = PasswordField('Confirm password', validators=[DataRequired()])
+    submit = SubmitField()

phshare/forms/main.py

@@ -0,0 +1,19 @@
+# -*- coding: utf-8 -*-
+from flask_wtf import FlaskForm
+from wtforms import StringField, SubmitField, TextAreaField
+from wtforms.validators import DataRequired, Optional, Length
+
+
+class DescriptionForm(FlaskForm):
+    description = TextAreaField('Description', validators=[Optional(), Length(0, 500)])
+    submit = SubmitField()
+
+
+class TagForm(FlaskForm):
+    tag = StringField('Add Tag (use space to separate)', validators=[Optional(), Length(0, 64)])
+    submit = SubmitField()
+
+
+class CommentForm(FlaskForm):
+    body = TextAreaField('', validators=[DataRequired()])
+    submit = SubmitField()

phshare/forms/user.py

@@ -0,0 +1,77 @@
+# -*- coding: utf-8 -*-
+from flask_login import current_user
+from flask_wtf import FlaskForm
+from flask_wtf.file import FileField, FileAllowed, FileRequired
+from wtforms import StringField, PasswordField, SubmitField, BooleanField, TextAreaField, HiddenField, ValidationError
+from wtforms.validators import DataRequired, Length, Email, EqualTo, Optional, Regexp
+
+from phshare.models import User
+
+
+class EditProfileForm(FlaskForm):
+    name = StringField('Name', validators=[DataRequired(), Length(1, 30)])
+    username = StringField('Username', validators=[DataRequired(), Length(1, 20),
+                                                   Regexp('^[a-zA-Z0-9]*$',
+                                                          message='The username should contain only a-z, A-Z and 0-9.')])
+    website = StringField('Website', validators=[Optional(), Length(0, 255)])
+    location = StringField('City', validators=[Optional(), Length(0, 50)])
+    bio = TextAreaField('Bio', validators=[Optional(), Length(0, 120)])
+    submit = SubmitField()
+
+    def validate_username(self, field):
+        if field.data != current_user.username and User.query.filter_by(username=field.data).first():
+            raise ValidationError('The username is already in use.')
+
+
+class UploadAvatarForm(FlaskForm):
+    image = FileField('Upload', validators=[
+        FileRequired(),
+        FileAllowed(['jpg', 'png'], 'The file format should be .jpg or .png.')
+    ])
+    submit = SubmitField()
+
+
+class CropAvatarForm(FlaskForm):
+    x = HiddenField()
+    y = HiddenField()
+    w = HiddenField()
+    h = HiddenField()
+    submit = SubmitField('Crop and Update')
+
+
+class ChangeEmailForm(FlaskForm):
+    email = StringField('New Email', validators=[DataRequired(), Length(1, 254), Email()])
+    submit = SubmitField()
+
+    def validate_email(self, field):
+        if User.query.filter_by(email=field.data.lower()).first():
+            raise ValidationError('The email is already in use.')
+
+
+class ChangePasswordForm(FlaskForm):
+    old_password = PasswordField('Old Password', validators=[DataRequired()])
+    password = PasswordField('New Password', validators=[
+        DataRequired(), Length(8, 128), EqualTo('password2')])
+    password2 = PasswordField('Confirm Password', validators=[DataRequired()])
+    submit = SubmitField()
+
+
+class NotificationSettingForm(FlaskForm):
+    receive_comment_notification = BooleanField('New comment')
+    receive_follow_notification = BooleanField('New follower')
+    receive_collect_notification = BooleanField('New collector')
+    submit = SubmitField()
+
+
+class PrivacySettingForm(FlaskForm):
+    public_collections = BooleanField('Public my collection')
+    submit = SubmitField()
+
+
+class DeleteAccountForm(FlaskForm):
+    username = StringField('Username', validators=[DataRequired(), Length(1, 20)])
+    submit = SubmitField()
+
+    def validate_username(self, field):
+        if field.data != current_user.username:
+            raise ValidationError('Wrong username.')

phshare/models.py

@@ -0,0 +1,289 @@
+# -*- coding: utf-8 -*-
+import os
+from datetime import datetime
+
+from flask import current_app
+from flask_avatars import Identicon
+from flask_login import UserMixin
+from werkzeug.security import generate_password_hash, check_password_hash
+
+from phshare.extensions import db, whooshee
+
+# relationship table
+roles_permissions = db.Table('roles_permissions',
+                             db.Column('role_id', db.Integer, db.ForeignKey('role.id')),
+                             db.Column('permission_id', db.Integer, db.ForeignKey('permission.id'))
+                             )
+
+
+class Permission(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    name = db.Column(db.String(30), unique=True)
+    roles = db.relationship('Role', secondary=roles_permissions, back_populates='permissions')
+
+
+class Role(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    name = db.Column(db.String(30), unique=True)
+    users = db.relationship('User', back_populates='role')
+    permissions = db.relationship('Permission', secondary=roles_permissions, back_populates='roles')
+
+    @staticmethod
+    def init_role():
+        roles_permissions_map = {
+            'Locked': ['FOLLOW', 'COLLECT'],
+            'User': ['FOLLOW', 'COLLECT', 'COMMENT', 'UPLOAD'],
+            'Moderator': ['FOLLOW', 'COLLECT', 'COMMENT', 'UPLOAD', 'MODERATE'],
+            'Administrator': ['FOLLOW', 'COLLECT', 'COMMENT', 'UPLOAD', 'MODERATE', 'ADMINISTER']
+        }
+
+        for role_name in roles_permissions_map:
+            role = Role.query.filter_by(name=role_name).first()
+            if role is None:
+                role = Role(name=role_name)
+                db.session.add(role)
+            role.permissions = []
+            for permission_name in roles_permissions_map[role_name]:
+                permission = Permission.query.filter_by(name=permission_name).first()
+                if permission is None:
+                    permission = Permission(name=permission_name)
+                    db.session.add(permission)
+                role.permissions.append(permission)
+        db.session.commit()
+
+
+# relationship object
+class Follow(db.Model):
+    follower_id = db.Column(db.Integer, db.ForeignKey('user.id'),
+                            primary_key=True)
+    followed_id = db.Column(db.Integer, db.ForeignKey('user.id'),
+                            primary_key=True)
+    timestamp = db.Column(db.DateTime, default=datetime.utcnow)
+
+    follower = db.relationship('User', foreign_keys=[follower_id], back_populates='following', lazy='joined')
+    followed = db.relationship('User', foreign_keys=[followed_id], back_populates='followers', lazy='joined')
+
+
+# relationship object
+class Collect(db.Model):
+    collector_id = db.Column(db.Integer, db.ForeignKey('user.id'),
+                             primary_key=True)
+    collected_id = db.Column(db.Integer, db.ForeignKey('photo.id'),
+                             primary_key=True)
+    timestamp = db.Column(db.DateTime, default=datetime.utcnow)
+
+    collector = db.relationship('User', back_populates='collections', lazy='joined')
+    collected = db.relationship('Photo', back_populates='collectors', lazy='joined')
+
+
+@whooshee.register_model('name', 'username')
+class User(db.Model, UserMixin):
+    id = db.Column(db.Integer, primary_key=True)
+    username = db.Column(db.String(20), unique=True, index=True)
+    email = db.Column(db.String(254), unique=True, index=True)
+    password_hash = db.Column(db.String(128))
+    name = db.Column(db.String(30))
+    website = db.Column(db.String(255))
+    bio = db.Column(db.String(120))
+    location = db.Column(db.String(50))
+    member_since = db.Column(db.DateTime, default=datetime.utcnow)
+    avatar_s = db.Column(db.String(64))
+    avatar_m = db.Column(db.String(64))
+    avatar_l = db.Column(db.String(64))
+    avatar_raw = db.Column(db.String(64))
+
+    confirmed = db.Column(db.Boolean, default=False)
+    locked = db.Column(db.Boolean, default=False)
+    active = db.Column(db.Boolean, default=True)
+
+    public_collections = db.Column(db.Boolean, default=True)
+    receive_comment_notification = db.Column(db.Boolean, default=True)
+    receive_follow_notification = db.Column(db.Boolean, default=True)
+    receive_collect_notification = db.Column(db.Boolean, default=True)
+
+    role_id = db.Column(db.Integer, db.ForeignKey('role.id'))
+
+    role = db.relationship('Role', back_populates='users')
+    photos = db.relationship('Photo', back_populates='author', cascade='all')
+    comments = db.relationship('Comment', back_populates='author', cascade='all')
+    notifications = db.relationship('Notification', back_populates='receiver', cascade='all')
+    collections = db.relationship('Collect', back_populates='collector', cascade='all')
+    following = db.relationship('Follow', foreign_keys=[Follow.follower_id], back_populates='follower',
+                                lazy='dynamic', cascade='all')
+    followers = db.relationship('Follow', foreign_keys=[Follow.followed_id], back_populates='followed',
+                                lazy='dynamic', cascade='all')
+
+    def __init__(self, **kwargs):
+        super(User, self).__init__(**kwargs)
+        self.generate_avatar()
+        self.follow(self)  # follow self
+        self.set_role()
+
+    def set_password(self, password):
+        self.password_hash = generate_password_hash(password)
+
+    def set_role(self):
+        if self.role is None:
+            if self.email == current_app.config['PHSHARE_ADMIN_EMAIL']:
+                self.role = Role.query.filter_by(name='Administrator').first()
+            else:
+                self.role = Role.query.filter_by(name='User').first()
+            db.session.commit()
+
+    def validate_password(self, password):
+        return check_password_hash(self.password_hash, password)
+
+    def follow(self, user):
+        if not self.is_following(user):
+            follow = Follow(follower=self, followed=user)
+            db.session.add(follow)
+            db.session.commit()
+
+    def unfollow(self, user):
+        follow = self.following.filter_by(followed_id=user.id).first()
+        if follow:
+            db.session.delete(follow)
+            db.session.commit()
+
+    def is_following(self, user):
+        if user.id is None:  # when follow self, user.id will be None
+            return False
+        return self.following.filter_by(followed_id=user.id).first() is not None
+
+    def is_followed_by(self, user):
+        return self.followers.filter_by(follower_id=user.id).first() is not None
+
+    @property
+    def followed_photos(self):
+        return Photo.query.join(Follow, Follow.followed_id == Photo.author_id).filter(Follow.follower_id == self.id)
+
+    def collect(self, photo):
+        if not self.is_collecting(photo):
+            collect = Collect(collector=self, collected=photo)
+            db.session.add(collect)
+            db.session.commit()
+
+    def uncollect(self, photo):
+        collect = Collect.query.with_parent(self).filter_by(collected_id=photo.id).first()
+        if collect:
+            db.session.delete(collect)
+            db.session.commit()
+
+    def is_collecting(self, photo):
+        return Collect.query.with_parent(self).filter_by(collected_id=photo.id).first() is not None
+
+    def lock(self):
+        self.locked = True
+        self.role = Role.query.filter_by(name='Locked').first()
+        db.session.commit()
+
+    def unlock(self):
+        self.locked = False
+        self.role = Role.query.filter_by(name='User').first()
+        db.session.commit()
+
+    def block(self):
+        self.active = False
+        db.session.commit()
+
+    def unblock(self):
+        self.active = True
+        db.session.commit()
+
+    def generate_avatar(self):
+        avatar = Identicon()
+        filenames = avatar.generate(text=self.username)
+        self.avatar_s = filenames[0]
+        self.avatar_m = filenames[1]
+        self.avatar_l = filenames[2]
+        db.session.commit()
+
+    @property
+    def is_admin(self):
+        return self.role.name == 'Administrator'
+
+    @property
+    def is_active(self):
+        return self.active
+
+    def can(self, permission_name):
+        permission = Permission.query.filter_by(name=permission_name).first()
+        return permission is not None and self.role is not None and permission in self.role.permissions
+
+
+tagging = db.Table('tagging',
+                   db.Column('photo_id', db.Integer, db.ForeignKey('photo.id')),
+                   db.Column('tag_id', db.Integer, db.ForeignKey('tag.id'))
+                   )
+
+
+@whooshee.register_model('description')
+class Photo(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    description = db.Column(db.String(500))
+    filename = db.Column(db.String(64))
+    filename_s = db.Column(db.String(64))
+    filename_m = db.Column(db.String(64))
+    timestamp = db.Column(db.DateTime, default=datetime.utcnow, index=True)
+    can_comment = db.Column(db.Boolean, default=True)
+    flag = db.Column(db.Integer, default=0)
+    author_id = db.Column(db.Integer, db.ForeignKey('user.id'))
+
+    author = db.relationship('User', back_populates='photos')
+    comments = db.relationship('Comment', back_populates='photo', cascade='all')
+    collectors = db.relationship('Collect', back_populates='collected', cascade='all')
+    tags = db.relationship('Tag', secondary=tagging, back_populates='photos')
+
+
+@whooshee.register_model('name')
+class Tag(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    name = db.Column(db.String(64), index=True, unique=True)
+
+    photos = db.relationship('Photo', secondary=tagging, back_populates='tags')
+
+
+class Comment(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    body = db.Column(db.Text)
+    timestamp = db.Column(db.DateTime, default=datetime.utcnow, index=True)
+    flag = db.Column(db.Integer, default=0)
+
+    replied_id = db.Column(db.Integer, db.ForeignKey('comment.id'))
+    author_id = db.Column(db.Integer, db.ForeignKey('user.id'))
+    photo_id = db.Column(db.Integer, db.ForeignKey('photo.id'))
+
+    photo = db.relationship('Photo', back_populates='comments')
+    author = db.relationship('User', back_populates='comments')
+    replies = db.relationship('Comment', back_populates='replied', cascade='all')
+    replied = db.relationship('Comment', back_populates='replies', remote_side=[id])
+
+
+class Notification(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    message = db.Column(db.Text, nullable=False)
+    is_read = db.Column(db.Boolean, default=False)
+    timestamp = db.Column(db.DateTime, default=datetime.utcnow, index=True)
+
+    receiver_id = db.Column(db.Integer, db.ForeignKey('user.id'))
+
+    receiver = db.relationship('User', back_populates='notifications')
+
+
+@db.event.listens_for(User, 'after_delete', named=True)
+def delete_avatars(**kwargs):
+    target = kwargs['target']
+    for filename in [target.avatar_s, target.avatar_m, target.avatar_l, target.avatar_raw]:
+        if filename is not None:  # avatar_raw may be None
+            path = os.path.join(current_app.config['AVATARS_SAVE_PATH'], filename)
+            if os.path.exists(path):  # not every filename map a unique file
+                os.remove(path)
+
+
+@db.event.listens_for(Photo, 'after_delete', named=True)
+def delete_photos(**kwargs):
+    target = kwargs['target']
+    for filename in [target.filename, target.filename_s, target.filename_m]:
+        path = os.path.join(current_app.config['PHSHARE_UPLOAD_PATH'], filename)
+        if os.path.exists(path):  # not every filename map a unique file
+            os.remove(path)

phshare/notifications.py

@@ -0,0 +1,31 @@
+# -*- coding: utf-8 -*-
+from flask import url_for
+
+from phshare.extensions import db
+from phshare.models import Notification
+
+
+def push_follow_notification(follower, receiver):
+    message = 'User <a href="%s">%s</a> followed you.' % \
+              (url_for('user.index', username=follower.username), follower.username)
+    notification = Notification(message=message, receiver=receiver)
+    db.session.add(notification)
+    db.session.commit()
+
+
+def push_comment_notification(photo_id, receiver, page=1):
+    message = '<a href="%s#comments">This photo</a> has new comment/reply.' % \
+              (url_for('main.show_photo', photo_id=photo_id, page=page))
+    notification = Notification(message=message, receiver=receiver)
+    db.session.add(notification)
+    db.session.commit()
+
+
+def push_collect_notification(collector, photo_id, receiver):
+    message = 'User <a href="%s">%s</a> collected your <a href="%s">photo</a>' % \
+              (url_for('user.index', username=collector.username),
+               collector.username,
+               url_for('main.show_photo', photo_id=photo_id))
+    notification = Notification(message=message, receiver=receiver)
+    db.session.add(notification)
+    db.session.commit()

phshare/settings.py

@@ -0,0 +1,76 @@
+# -*- coding: utf-8 -*-
+import os
+import sys
+
+basedir = os.path.abspath(os.path.dirname(os.path.dirname(__file__)))
+
+
+
+class Operations:
+    CONFIRM = 'confirm'
+    RESET_PASSWORD = 'reset-password'
+    CHANGE_EMAIL = 'change-email'
+
+
+class BaseConfig:
+    PHSHARE_ADMIN_EMAIL = os.getenv('PHSHARE_ADMIN', 'admin@helloflask.com')
+    PHSHARE_PHOTO_PER_PAGE = 12
+    PHSHARE_COMMENT_PER_PAGE = 15
+    PHSHARE_NOTIFICATION_PER_PAGE = 20
+    PHSHARE_USER_PER_PAGE = 20
+    PHSHARE_MANAGE_PHOTO_PER_PAGE = 20
+    PHSHARE_MANAGE_USER_PER_PAGE = 30
+    PHSHARE_MANAGE_TAG_PER_PAGE = 50
+    PHSHARE_MANAGE_COMMENT_PER_PAGE = 30
+    PHSHARE_SEARCH_RESULT_PER_PAGE = 20
+    PHSHARE_MAIL_SUBJECT_PREFIX = '[Phshare]'
+    PHSHARE_UPLOAD_PATH = os.path.join(basedir, 'uploads')
+    PHSHARE_PHOTO_SIZE = {'small': 400,
+                         'medium': 800}
+    PHSHARE_PHOTO_SUFFIX = {
+        PHSHARE_PHOTO_SIZE['small']: '_s',  # thumbnail
+        PHSHARE_PHOTO_SIZE['medium']: '_m',  # display
+    }
+
+    SECRET_KEY = os.getenv('SECRET_KEY', 'secret string')
+    MAX_CONTENT_LENGTH = 3 * 1024 * 1024  # file size exceed to 3 Mb will return a 413 error response.
+
+    BOOTSTRAP_SERVE_LOCAL = True
+
+    SQLALCHEMY_TRACK_MODIFICATIONS = False
+
+    AVATARS_SAVE_PATH = os.path.join(PHSHARE_UPLOAD_PATH, 'avatars')
+    AVATARS_SIZE_TUPLE = (30, 100, 200)
+
+    MAIL_SERVER = os.getenv('MAIL_SERVER')
+    MAIL_PORT = 465
+    MAIL_USE_SSL = True
+    MAIL_USERNAME = os.getenv('MAIL_USERNAME')
+    MAIL_PASSWORD = os.getenv('MAIL_PASSWORD')
+    MAIL_DEFAULT_SENDER = ('Phshare Admin', MAIL_USERNAME)
+
+    DROPZONE_ALLOWED_FILE_TYPE = 'image'
+    DROPZONE_MAX_FILE_SIZE = 3
+    DROPZONE_MAX_FILES = 30
+    DROPZONE_ENABLE_CSRF = True
+
+    WHOOSHEE_MIN_STRING_LEN = 1
+
+
+class DevelopmentConfig(BaseConfig):
+    SQLALCHEMY_DATABASE_URI = 'mysql+pymysql://root:zhangshuowen123@10.23.204.127:3306/phshare'
+    REDIS_URL = "redis://localhost"
+
+
+
+class ProductionConfig(BaseConfig):
+    SQLALCHEMY_DATABASE_URI = os.getenv('SQLALCHEMY_DATABASE_URI', 'mysql+pymysql://root:zhangshuowen123@10.23.204.127'
+                                                                   ':3306/phshare')
+
+
+config = {
+    'base': BaseConfig,
+    'development': DevelopmentConfig,
+    # 'testing': TestingConfig,
+    'production': ProductionConfig,
+}

phshare/static/css/bootstrap-reboot.css

@@ -0,0 +1,330 @@
+/*!
+ * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -ms-overflow-style: scrollbar;
+  -webkit-tap-highlight-color: transparent;
+}
+
+@-ms-viewport {
+  width: device-width;
+}
+
+article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
+  display: block;
+}
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #212529;
+  text-align: left;
+  background-color: #fff;
+}
+
+[tabindex="-1"]:focus {
+  outline: 0 !important;
+}
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-original-title] {
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  border-bottom: 0;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: .5rem;
+  margin-left: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+dfn {
+  font-style: italic;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 80%;
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -.25em;
+}
+
+sup {
+  top: -.5em;
+}
+
+a {
+  color: #007bff;
+  text-decoration: none;
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects;
+}
+
+a:hover {
+  color: #0056b3;
+  text-decoration: underline;
+}
+
+a:not([href]):not([tabindex]) {
+  color: inherit;
+  text-decoration: none;
+}
+
+a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
+  color: inherit;
+  text-decoration: none;
+}
+
+a:not([href]):not([tabindex]):focus {
+  outline: 0;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
+pre {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  -ms-overflow-style: scrollbar;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img {
+  vertical-align: middle;
+  border-style: none;
+}
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  color: #6c757d;
+  text-align: left;
+  caption-side: bottom;
+}
+
+th {
+  text-align: inherit;
+}
+
+label {
+  display: inline-block;
+  margin-bottom: .5rem;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+input {
+  overflow: visible;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+  -webkit-appearance: listbox;
+}
+
+textarea {
+  overflow: auto;
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+  margin-bottom: .5rem;
+  font-size: 1.5rem;
+  line-height: inherit;
+  color: inherit;
+  white-space: normal;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type="search"] {
+  outline-offset: -2px;
+  -webkit-appearance: none;
+}
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+template {
+  display: none;
+}
+
+[hidden] {
+  display: none !important;
+}
+/*# sourceMappingURL=bootstrap-reboot.css.map */

phshare/static/css/bootstrap-reboot.min.css

@@ -0,0 +1,8 @@
+/*!
+ * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
+/*# sourceMappingURL=bootstrap-reboot.min.css.map */

phshare/static/css/style.css

@@ -0,0 +1,295 @@
+/* global */
+
+.tip { /* from github.com */
+    position: relative;
+    padding: 40px;
+    text-align: center;
+    background-color: #fafbfc;
+    border: 1px solid #e1e4e8;
+    border-radius: 3px;
+    box-shadow: inset 0 0 10px rgba(27, 31, 35, 0.05);
+}
+
+.hide {
+    display: none;
+}
+
+.inline {
+    display: inline;
+}
+
+.user-nav {
+    margin: 30px 0 20px;
+}
+
+.dead-link {
+    text-decoration: none !important;
+    border-width: 0;
+}
+
+.badge-notification {
+    position: relative;
+    font-size: 12px;
+    text-align: center;
+    top: -15px;
+    left: -15px;
+    border-radius: 50%;
+}
+
+.page-header {
+    padding-top: 20px;
+    padding-bottom: 20px;
+}
+
+.page-footer {
+    padding-top: 40px;
+}
+
+.jumbotron {
+    margin-top: 20px;
+    padding-top: 38px;
+    padding-bottom: 38px;
+}
+
+nav {
+    margin-bottom: 30px;
+}
+
+footer {
+    margin: 30px 0;
+    padding: 20px 0;
+    border-top: 1px solid #e5e5e5;
+}
+
+/* for navbar */
+.avatar-xs {
+    width: 22px;
+    height: 22px;
+    border-radius: 2px;
+}
+
+/* for photo page */
+.avatar-s {
+    width: 50px;
+    height: 50px;
+}
+
+/* for user card */
+.avatar-m {
+    width: 100px;
+    height: 100px;
+}
+
+/* for user header */
+.avatar-l {
+    width: 180px;
+    height: 180px;
+}
+
+/* list item */
+.photo-card {
+    float: left;
+    width: 33.333%;
+    padding: 0.5rem 0.5rem 0 0.5rem;
+    border: 0;
+}
+
+.photo-card .card-body {
+    padding: 5px;
+}
+
+.user-card {
+    float: left;
+    width: 20%;
+    max-height: 180px;
+    padding: 1rem;
+    margin-bottom: 2rem;
+    border: 0;
+}
+
+.card-thumbnail {
+    position: relative;
+    width: auto;
+    height: 20em;
+    overflow: hidden;
+}
+
+.card-thumbnail:hover {
+    border: 5px solid transparent;
+}
+
+.card-thumbnail img {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    height: 100%;
+    width: auto;
+    -webkit-transform: translate(-50%, -50%);
+    -ms-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
+}
+
+.card-thumbnail img.portrait {
+    width: 100%;
+    height: auto;
+}
+
+@media (max-width: 1280px) {
+    .card-thumbnail {
+        height: 270px;
+    }
+}
+
+@media (max-width: 960px) {
+    .card-thumbnail {
+        height: 220px;
+    }
+}
+
+@media (max-width: 768px) {
+    .photo-card {
+        width: 50%;
+    }
+}
+
+@media (max-width: 640px) {
+    .photo-card {
+        width: 50%;
+    }
+}
+
+@media (max-width: 500px) {
+    .card-thumbnail {
+        height: 20rem;
+    }
+
+    .photo-card {
+        width: 100%;
+    }
+}
+
+@media (max-width: 360px) {
+    .card-thumbnail {
+        height: 20rem;
+    }
+
+    .photo-card {
+        width: 100%;
+    }
+}
+
+/* photo page */
+.photo {
+    padding: 10px 0;
+    text-align: center;
+}
+
+.sidebar-nav {
+    min-height: 150px;
+}
+
+.sidebar-nav-name {
+    padding-left: 75px;
+}
+
+.sidebar-card {
+    min-height: 150px;
+}
+
+.sidebar-profile {
+    padding-left: 120px;
+}
+
+.sidebar-avatar {
+    position: absolute;
+    margin-left: 10px;
+}
+
+.trend-card-avatar {
+    padding-left: 15px;
+}
+
+.popup-card {
+    padding: 10px 20px;
+}
+
+.popup-profile {
+    padding-left: 55px;
+}
+
+.popup-avatar {
+    position: absolute;
+}
+
+.photo img {
+    max-height: 800px;
+}
+
+.reply-banner {
+    color: #000000;
+    position: relative;
+    padding: 7px;
+    background-color: #B8D9EE;
+}
+
+.comments {
+    margin-top: 30px;
+}
+
+.comment-body {
+    margin-left: 60px;
+    min-height: 50px;
+}
+
+.comment-thumbnail {
+    position: absolute;
+}
+
+.comment-form-thumbnail {
+    position: absolute;
+    padding-top: 16px
+}
+
+.comment-form {
+    margin: 5px 0 16px 60px;
+}
+
+/* Jcrop widget */
+#preview-box {
+    display: block;
+    position: absolute;
+    top: 10px;
+    right: -280px;
+    padding: 6px;
+    border: 1px rgba(0, 0, 0, .4) solid;
+    background-color: white;
+
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+
+    -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
+    -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
+    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
+}
+
+/* Photo Page */
+#tag-form, #description-form {
+    display: none;
+    margin: 20px 0;
+}
+
+#toast { /* form w3school.com */
+    display: none;
+    min-width: 200px;
+    margin-left: -125px;
+    background-color: #333;
+    color: #fff;
+    text-align: center;
+    border-radius: 2px;
+    padding: 10px;
+    position: fixed;
+    z-index: 1;
+    left: 50%;
+    bottom: 30px;
+}

phshare/static/jcrop/MIT-LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2011 Tapmodo Interactive LLC,
+  http://github.com/tapmodo/Jcrop
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+

phshare/static/jcrop/README.md

@@ -0,0 +1,66 @@
+Jcrop Image Cropping Plugin
+===========================
+
+Jcrop is the quick and easy way to add image cropping functionality to
+your web application. It combines the ease-of-use of a typical jQuery
+plugin with a powerful cross-platform DHTML cropping engine that is
+faithful to familiar desktop graphics applications.
+
+Cross-platform Compatibility
+----------------------------
+
+* Firefox 2+
+* Safari 3+
+* Opera 9.5+
+* Google Chrome 0.2+
+* Internet Explorer 6+
+
+Feature Overview
+----------------
+
+* Attaches unobtrusively to any image
+* Supports aspect ratio locking
+* Supports minSize/maxSize setting
+* Callbacks for selection done, or while moving
+* Keyboard support for nudging selection
+* API features to create interactivity, including animation
+* Support for CSS styling
+* Experimental touch-screen support (iOS, Android, etc)
+
+Contributors
+============
+
+**Special thanks to the following contributors:**
+
+* [Bruno Agutoli](mailto:brunotla1@gmail.com)
+* dhorrigan
+* Phil-B
+* jaymecd
+* all others who have committed their time and effort to help improve Jcrop
+
+MIT License
+===========
+
+**Jcrop is free software under MIT License.**
+
+#### Copyright (c) 2008-2012 Tapmodo Interactive LLC,<br />http://github.com/tapmodo/Jcrop
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+

phshare/static/jcrop/css/jquery.Jcrop.css

@@ -0,0 +1,165 @@
+/* jquery.Jcrop.css v0.9.12 - MIT License */
+/*
+  The outer-most container in a typical Jcrop instance
+  If you are having difficulty with formatting related to styles
+  on a parent element, place any fixes here or in a like selector
+
+  You can also style this element if you want to add a border, etc
+  A better method for styling can be seen below with .jcrop-light
+  (Add a class to the holder and style elements for that extended class)
+*/
+.jcrop-holder {
+  direction: ltr;
+  text-align: left;
+}
+/* Selection Border */
+.jcrop-vline,
+.jcrop-hline {
+  background: #ffffff url("Jcrop.gif");
+  font-size: 0;
+  position: absolute;
+}
+.jcrop-vline {
+  height: 100%;
+  width: 1px !important;
+}
+.jcrop-vline.right {
+  right: 0;
+}
+.jcrop-hline {
+  height: 1px !important;
+  width: 100%;
+}
+.jcrop-hline.bottom {
+  bottom: 0;
+}
+/* Invisible click targets */
+.jcrop-tracker {
+  height: 100%;
+  width: 100%;
+  /* "turn off" link highlight */
+  -webkit-tap-highlight-color: transparent;
+  /* disable callout, image save panel */
+  -webkit-touch-callout: none;
+  /* disable cut copy paste */
+  -webkit-user-select: none;
+}
+/* Selection Handles */
+.jcrop-handle {
+  background-color: #333333;
+  border: 1px #eeeeee solid;
+  width: 7px;
+  height: 7px;
+  font-size: 1px;
+}
+.jcrop-handle.ord-n {
+  left: 50%;
+  margin-left: -4px;
+  margin-top: -4px;
+  top: 0;
+}
+.jcrop-handle.ord-s {
+  bottom: 0;
+  left: 50%;
+  margin-bottom: -4px;
+  margin-left: -4px;
+}
+.jcrop-handle.ord-e {
+  margin-right: -4px;
+  margin-top: -4px;
+  right: 0;
+  top: 50%;
+}
+.jcrop-handle.ord-w {
+  left: 0;
+  margin-left: -4px;
+  margin-top: -4px;
+  top: 50%;
+}
+.jcrop-handle.ord-nw {
+  left: 0;
+  margin-left: -4px;
+  margin-top: -4px;
+  top: 0;
+}
+.jcrop-handle.ord-ne {
+  margin-right: -4px;
+  margin-top: -4px;
+  right: 0;
+  top: 0;
+}
+.jcrop-handle.ord-se {
+  bottom: 0;
+  margin-bottom: -4px;
+  margin-right: -4px;
+  right: 0;
+}
+.jcrop-handle.ord-sw {
+  bottom: 0;
+  left: 0;
+  margin-bottom: -4px;
+  margin-left: -4px;
+}
+/* Dragbars */
+.jcrop-dragbar.ord-n,
+.jcrop-dragbar.ord-s {
+  height: 7px;
+  width: 100%;
+}
+.jcrop-dragbar.ord-e,
+.jcrop-dragbar.ord-w {
+  height: 100%;
+  width: 7px;
+}
+.jcrop-dragbar.ord-n {
+  margin-top: -4px;
+}
+.jcrop-dragbar.ord-s {
+  bottom: 0;
+  margin-bottom: -4px;
+}
+.jcrop-dragbar.ord-e {
+  margin-right: -4px;
+  right: 0;
+}
+.jcrop-dragbar.ord-w {
+  margin-left: -4px;
+}
+/* The "jcrop-light" class/extension */
+.jcrop-light .jcrop-vline,
+.jcrop-light .jcrop-hline {
+  background: #ffffff;
+  filter: alpha(opacity=70) !important;
+  opacity: .70!important;
+}
+.jcrop-light .jcrop-handle {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  background-color: #000000;
+  border-color: #ffffff;
+  border-radius: 3px;
+}
+/* The "jcrop-dark" class/extension */
+.jcrop-dark .jcrop-vline,
+.jcrop-dark .jcrop-hline {
+  background: #000000;
+  filter: alpha(opacity=70) !important;
+  opacity: 0.7 !important;
+}
+.jcrop-dark .jcrop-handle {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  background-color: #ffffff;
+  border-color: #000000;
+  border-radius: 3px;
+}
+/* Simple macro to turn off the antlines */
+.solid-line .jcrop-vline,
+.solid-line .jcrop-hline {
+  background: #ffffff;
+}
+/* Fix for twitter bootstrap et al. */
+.jcrop-holder img,
+img.jcrop-preview {
+  max-width: none;
+}

phshare/static/jcrop/css/jquery.Jcrop.min.css

@@ -0,0 +1,29 @@
+/* jquery.Jcrop.min.css v0.9.12 (build:20130126) */
+.jcrop-holder{direction:ltr;text-align:left;}
+.jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif);font-size:0;position:absolute;}
+.jcrop-vline{height:100%;width:1px!important;}
+.jcrop-vline.right{right:0;}
+.jcrop-hline{height:1px!important;width:100%;}
+.jcrop-hline.bottom{bottom:0;}
+.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
+.jcrop-handle{background-color:#333;border:1px #EEE solid;font-size:1px;height:7px;width:7px;}
+.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
+.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
+.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
+.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
+.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
+.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
+.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
+.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
+.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
+.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
+.jcrop-dragbar.ord-n{margin-top:-4px;}
+.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
+.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
+.jcrop-dragbar.ord-w{margin-left:-4px;}
+.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
+.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
+.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
+.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
+.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
+.jcrop-holder img,img.jcrop-preview{max-width:none;}

phshare/static/jcrop/js/jquery.Jcrop.min.js

@@ -0,0 +1,22 @@
+/**
+ * jquery.Jcrop.min.js v0.9.12 (build:20130202)
+ * jQuery Image Cropping Plugin - released under MIT License
+ * Copyright (c) 2008-2013 Tapmodo Interactive LLC
+ * https://github.com/tapmodo/Jcrop
+ */
+(function(a){a.Jcrop=function(b,c){function i(a){return Math.round(a)+"px"}function j(a){return d.baseClass+"-"+a}function k(){return a.fx.step.hasOwnProperty("backgroundColor")}function l(b){var c=a(b).offset();return[c.left,c.top]}function m(a){return[a.pageX-e[0],a.pageY-e[1]]}function n(b){typeof b!="object"&&(b={}),d=a.extend(d,b),a.each(["onChange","onSelect","onRelease","onDblClick"],function(a,b){typeof d[b]!="function"&&(d[b]=function(){})})}function o(a,b,c){e=l(D),bc.setCursor(a==="move"?a:a+"-resize");if(a==="move")return bc.activateHandlers(q(b),v,c);var d=_.getFixed(),f=r(a),g=_.getCorner(r(f));_.setPressed(_.getCorner(f)),_.setCurrent(g),bc.activateHandlers(p(a,d),v,c)}function p(a,b){return function(c){if(!d.aspectRatio)switch(a){case"e":c[1]=b.y2;break;case"w":c[1]=b.y2;break;case"n":c[0]=b.x2;break;case"s":c[0]=b.x2}else switch(a){case"e":c[1]=b.y+1;break;case"w":c[1]=b.y+1;break;case"n":c[0]=b.x+1;break;case"s":c[0]=b.x+1}_.setCurrent(c),bb.update()}}function q(a){var b=a;return bd.watchKeys
+(),function(a){_.moveOffset([a[0]-b[0],a[1]-b[1]]),b=a,bb.update()}}function r(a){switch(a){case"n":return"sw";case"s":return"nw";case"e":return"nw";case"w":return"ne";case"ne":return"sw";case"nw":return"se";case"se":return"nw";case"sw":return"ne"}}function s(a){return function(b){return d.disabled?!1:a==="move"&&!d.allowMove?!1:(e=l(D),W=!0,o(a,m(b)),b.stopPropagation(),b.preventDefault(),!1)}}function t(a,b,c){var d=a.width(),e=a.height();d>b&&b>0&&(d=b,e=b/a.width()*a.height()),e>c&&c>0&&(e=c,d=c/a.height()*a.width()),T=a.width()/d,U=a.height()/e,a.width(d).height(e)}function u(a){return{x:a.x*T,y:a.y*U,x2:a.x2*T,y2:a.y2*U,w:a.w*T,h:a.h*U}}function v(a){var b=_.getFixed();b.w>d.minSelect[0]&&b.h>d.minSelect[1]?(bb.enableHandles(),bb.done()):bb.release(),bc.setCursor(d.allowSelect?"crosshair":"default")}function w(a){if(d.disabled)return!1;if(!d.allowSelect)return!1;W=!0,e=l(D),bb.disableHandles(),bc.setCursor("crosshair");var b=m(a);return _.setPressed(b),bb.update(),bc.activateHandlers(x,v,a.type.substring
+(0,5)==="touch"),bd.watchKeys(),a.stopPropagation(),a.preventDefault(),!1}function x(a){_.setCurrent(a),bb.update()}function y(){var b=a("<div></div>").addClass(j("tracker"));return g&&b.css({opacity:0,backgroundColor:"white"}),b}function be(a){G.removeClass().addClass(j("holder")).addClass(a)}function bf(a,b){function t(){window.setTimeout(u,l)}var c=a[0]/T,e=a[1]/U,f=a[2]/T,g=a[3]/U;if(X)return;var h=_.flipCoords(c,e,f,g),i=_.getFixed(),j=[i.x,i.y,i.x2,i.y2],k=j,l=d.animationDelay,m=h[0]-j[0],n=h[1]-j[1],o=h[2]-j[2],p=h[3]-j[3],q=0,r=d.swingSpeed;c=k[0],e=k[1],f=k[2],g=k[3],bb.animMode(!0);var s,u=function(){return function(){q+=(100-q)/r,k[0]=Math.round(c+q/100*m),k[1]=Math.round(e+q/100*n),k[2]=Math.round(f+q/100*o),k[3]=Math.round(g+q/100*p),q>=99.8&&(q=100),q<100?(bh(k),t()):(bb.done(),bb.animMode(!1),typeof b=="function"&&b.call(bs))}}();t()}function bg(a){bh([a[0]/T,a[1]/U,a[2]/T,a[3]/U]),d.onSelect.call(bs,u(_.getFixed())),bb.enableHandles()}function bh(a){_.setPressed([a[0],a[1]]),_.setCurrent([a[2],
+a[3]]),bb.update()}function bi(){return u(_.getFixed())}function bj(){return _.getFixed()}function bk(a){n(a),br()}function bl(){d.disabled=!0,bb.disableHandles(),bb.setCursor("default"),bc.setCursor("default")}function bm(){d.disabled=!1,br()}function bn(){bb.done(),bc.activateHandlers(null,null)}function bo(){G.remove(),A.show(),A.css("visibility","visible"),a(b).removeData("Jcrop")}function bp(a,b){bb.release(),bl();var c=new Image;c.onload=function(){var e=c.width,f=c.height,g=d.boxWidth,h=d.boxHeight;D.width(e).height(f),D.attr("src",a),H.attr("src",a),t(D,g,h),E=D.width(),F=D.height(),H.width(E).height(F),M.width(E+L*2).height(F+L*2),G.width(E).height(F),ba.resize(E,F),bm(),typeof b=="function"&&b.call(bs)},c.src=a}function bq(a,b,c){var e=b||d.bgColor;d.bgFade&&k()&&d.fadeTime&&!c?a.animate({backgroundColor:e},{queue:!1,duration:d.fadeTime}):a.css("backgroundColor",e)}function br(a){d.allowResize?a?bb.enableOnly():bb.enableHandles():bb.disableHandles(),bc.setCursor(d.allowSelect?"crosshair":"default"),bb
+.setCursor(d.allowMove?"move":"default"),d.hasOwnProperty("trueSize")&&(T=d.trueSize[0]/E,U=d.trueSize[1]/F),d.hasOwnProperty("setSelect")&&(bg(d.setSelect),bb.done(),delete d.setSelect),ba.refresh(),d.bgColor!=N&&(bq(d.shade?ba.getShades():G,d.shade?d.shadeColor||d.bgColor:d.bgColor),N=d.bgColor),O!=d.bgOpacity&&(O=d.bgOpacity,d.shade?ba.refresh():bb.setBgOpacity(O)),P=d.maxSize[0]||0,Q=d.maxSize[1]||0,R=d.minSize[0]||0,S=d.minSize[1]||0,d.hasOwnProperty("outerImage")&&(D.attr("src",d.outerImage),delete d.outerImage),bb.refresh()}var d=a.extend({},a.Jcrop.defaults),e,f=navigator.userAgent.toLowerCase(),g=/msie/.test(f),h=/msie [1-6]\./.test(f);typeof b!="object"&&(b=a(b)[0]),typeof c!="object"&&(c={}),n(c);var z={border:"none",visibility:"visible",margin:0,padding:0,position:"absolute",top:0,left:0},A=a(b),B=!0;if(b.tagName=="IMG"){if(A[0].width!=0&&A[0].height!=0)A.width(A[0].width),A.height(A[0].height);else{var C=new Image;C.src=A[0].src,A.width(C.width),A.height(C.height)}var D=A.clone().removeAttr("id").
+css(z).show();D.width(A.width()),D.height(A.height()),A.after(D).hide()}else D=A.css(z).show(),B=!1,d.shade===null&&(d.shade=!0);t(D,d.boxWidth,d.boxHeight);var E=D.width(),F=D.height(),G=a("<div />").width(E).height(F).addClass(j("holder")).css({position:"relative",backgroundColor:d.bgColor}).insertAfter(A).append(D);d.addClass&&G.addClass(d.addClass);var H=a("<div />"),I=a("<div />").width("100%").height("100%").css({zIndex:310,position:"absolute",overflow:"hidden"}),J=a("<div />").width("100%").height("100%").css("zIndex",320),K=a("<div />").css({position:"absolute",zIndex:600}).dblclick(function(){var a=_.getFixed();d.onDblClick.call(bs,a)}).insertBefore(D).append(I,J);B&&(H=a("<img />").attr("src",D.attr("src")).css(z).width(E).height(F),I.append(H)),h&&K.css({overflowY:"hidden"});var L=d.boundary,M=y().width(E+L*2).height(F+L*2).css({position:"absolute",top:i(-L),left:i(-L),zIndex:290}).mousedown(w),N=d.bgColor,O=d.bgOpacity,P,Q,R,S,T,U,V=!0,W,X,Y;e=l(D);var Z=function(){function a(){var a={},b=["touchstart"
+,"touchmove","touchend"],c=document.createElement("div"),d;try{for(d=0;d<b.length;d++){var e=b[d];e="on"+e;var f=e in c;f||(c.setAttribute(e,"return;"),f=typeof c[e]=="function"),a[b[d]]=f}return a.touchstart&&a.touchend&&a.touchmove}catch(g){return!1}}function b(){return d.touchSupport===!0||d.touchSupport===!1?d.touchSupport:a()}return{createDragger:function(a){return function(b){return d.disabled?!1:a==="move"&&!d.allowMove?!1:(e=l(D),W=!0,o(a,m(Z.cfilter(b)),!0),b.stopPropagation(),b.preventDefault(),!1)}},newSelection:function(a){return w(Z.cfilter(a))},cfilter:function(a){return a.pageX=a.originalEvent.changedTouches[0].pageX,a.pageY=a.originalEvent.changedTouches[0].pageY,a},isSupported:a,support:b()}}(),_=function(){function h(d){d=n(d),c=a=d[0],e=b=d[1]}function i(a){a=n(a),f=a[0]-c,g=a[1]-e,c=a[0],e=a[1]}function j(){return[f,g]}function k(d){var f=d[0],g=d[1];0>a+f&&(f-=f+a),0>b+g&&(g-=g+b),F<e+g&&(g+=F-(e+g)),E<c+f&&(f+=E-(c+f)),a+=f,c+=f,b+=g,e+=g}function l(a){var b=m();switch(a){case"ne":return[
+b.x2,b.y];case"nw":return[b.x,b.y];case"se":return[b.x2,b.y2];case"sw":return[b.x,b.y2]}}function m(){if(!d.aspectRatio)return p();var f=d.aspectRatio,g=d.minSize[0]/T,h=d.maxSize[0]/T,i=d.maxSize[1]/U,j=c-a,k=e-b,l=Math.abs(j),m=Math.abs(k),n=l/m,r,s,t,u;return h===0&&(h=E*10),i===0&&(i=F*10),n<f?(s=e,t=m*f,r=j<0?a-t:t+a,r<0?(r=0,u=Math.abs((r-a)/f),s=k<0?b-u:u+b):r>E&&(r=E,u=Math.abs((r-a)/f),s=k<0?b-u:u+b)):(r=c,u=l/f,s=k<0?b-u:b+u,s<0?(s=0,t=Math.abs((s-b)*f),r=j<0?a-t:t+a):s>F&&(s=F,t=Math.abs(s-b)*f,r=j<0?a-t:t+a)),r>a?(r-a<g?r=a+g:r-a>h&&(r=a+h),s>b?s=b+(r-a)/f:s=b-(r-a)/f):r<a&&(a-r<g?r=a-g:a-r>h&&(r=a-h),s>b?s=b+(a-r)/f:s=b-(a-r)/f),r<0?(a-=r,r=0):r>E&&(a-=r-E,r=E),s<0?(b-=s,s=0):s>F&&(b-=s-F,s=F),q(o(a,b,r,s))}function n(a){return a[0]<0&&(a[0]=0),a[1]<0&&(a[1]=0),a[0]>E&&(a[0]=E),a[1]>F&&(a[1]=F),[Math.round(a[0]),Math.round(a[1])]}function o(a,b,c,d){var e=a,f=c,g=b,h=d;return c<a&&(e=c,f=a),d<b&&(g=d,h=b),[e,g,f,h]}function p(){var d=c-a,f=e-b,g;return P&&Math.abs(d)>P&&(c=d>0?a+P:a-P),Q&&Math.abs
+(f)>Q&&(e=f>0?b+Q:b-Q),S/U&&Math.abs(f)<S/U&&(e=f>0?b+S/U:b-S/U),R/T&&Math.abs(d)<R/T&&(c=d>0?a+R/T:a-R/T),a<0&&(c-=a,a-=a),b<0&&(e-=b,b-=b),c<0&&(a-=c,c-=c),e<0&&(b-=e,e-=e),c>E&&(g=c-E,a-=g,c-=g),e>F&&(g=e-F,b-=g,e-=g),a>E&&(g=a-F,e-=g,b-=g),b>F&&(g=b-F,e-=g,b-=g),q(o(a,b,c,e))}function q(a){return{x:a[0],y:a[1],x2:a[2],y2:a[3],w:a[2]-a[0],h:a[3]-a[1]}}var a=0,b=0,c=0,e=0,f,g;return{flipCoords:o,setPressed:h,setCurrent:i,getOffset:j,moveOffset:k,getCorner:l,getFixed:m}}(),ba=function(){function f(a,b){e.left.css({height:i(b)}),e.right.css({height:i(b)})}function g(){return h(_.getFixed())}function h(a){e.top.css({left:i(a.x),width:i(a.w),height:i(a.y)}),e.bottom.css({top:i(a.y2),left:i(a.x),width:i(a.w),height:i(F-a.y2)}),e.right.css({left:i(a.x2),width:i(E-a.x2)}),e.left.css({width:i(a.x)})}function j(){return a("<div />").css({position:"absolute",backgroundColor:d.shadeColor||d.bgColor}).appendTo(c)}function k(){b||(b=!0,c.insertBefore(D),g(),bb.setBgOpacity(1,0,1),H.hide(),l(d.shadeColor||d.bgColor,1),bb.
+isAwake()?n(d.bgOpacity,1):n(1,1))}function l(a,b){bq(p(),a,b)}function m(){b&&(c.remove(),H.show(),b=!1,bb.isAwake()?bb.setBgOpacity(d.bgOpacity,1,1):(bb.setBgOpacity(1,1,1),bb.disableHandles()),bq(G,0,1))}function n(a,e){b&&(d.bgFade&&!e?c.animate({opacity:1-a},{queue:!1,duration:d.fadeTime}):c.css({opacity:1-a}))}function o(){d.shade?k():m(),bb.isAwake()&&n(d.bgOpacity)}function p(){return c.children()}var b=!1,c=a("<div />").css({position:"absolute",zIndex:240,opacity:0}),e={top:j(),left:j().height(F),right:j().height(F),bottom:j()};return{update:g,updateRaw:h,getShades:p,setBgColor:l,enable:k,disable:m,resize:f,refresh:o,opacity:n}}(),bb=function(){function k(b){var c=a("<div />").css({position:"absolute",opacity:d.borderOpacity}).addClass(j(b));return I.append(c),c}function l(b,c){var d=a("<div />").mousedown(s(b)).css({cursor:b+"-resize",position:"absolute",zIndex:c}).addClass("ord-"+b);return Z.support&&d.bind("touchstart.jcrop",Z.createDragger(b)),J.append(d),d}function m(a){var b=d.handleSize,e=l(a,c++
+).css({opacity:d.handleOpacity}).addClass(j("handle"));return b&&e.width(b).height(b),e}function n(a){return l(a,c++).addClass("jcrop-dragbar")}function o(a){var b;for(b=0;b<a.length;b++)g[a[b]]=n(a[b])}function p(a){var b,c;for(c=0;c<a.length;c++){switch(a[c]){case"n":b="hline";break;case"s":b="hline bottom";break;case"e":b="vline right";break;case"w":b="vline"}e[a[c]]=k(b)}}function q(a){var b;for(b=0;b<a.length;b++)f[a[b]]=m(a[b])}function r(a,b){d.shade||H.css({top:i(-b),left:i(-a)}),K.css({top:i(b),left:i(a)})}function t(a,b){K.width(Math.round(a)).height(Math.round(b))}function v(){var a=_.getFixed();_.setPressed([a.x,a.y]),_.setCurrent([a.x2,a.y2]),w()}function w(a){if(b)return x(a)}function x(a){var c=_.getFixed();t(c.w,c.h),r(c.x,c.y),d.shade&&ba.updateRaw(c),b||A(),a?d.onSelect.call(bs,u(c)):d.onChange.call(bs,u(c))}function z(a,c,e){if(!b&&!c)return;d.bgFade&&!e?D.animate({opacity:a},{queue:!1,duration:d.fadeTime}):D.css("opacity",a)}function A(){K.show(),d.shade?ba.opacity(O):z(O,!0),b=!0}function B
+(){F(),K.hide(),d.shade?ba.opacity(1):z(1),b=!1,d.onRelease.call(bs)}function C(){h&&J.show()}function E(){h=!0;if(d.allowResize)return J.show(),!0}function F(){h=!1,J.hide()}function G(a){a?(X=!0,F()):(X=!1,E())}function L(){G(!1),v()}var b,c=370,e={},f={},g={},h=!1;d.dragEdges&&a.isArray(d.createDragbars)&&o(d.createDragbars),a.isArray(d.createHandles)&&q(d.createHandles),d.drawBorders&&a.isArray(d.createBorders)&&p(d.createBorders),a(document).bind("touchstart.jcrop-ios",function(b){a(b.currentTarget).hasClass("jcrop-tracker")&&b.stopPropagation()});var M=y().mousedown(s("move")).css({cursor:"move",position:"absolute",zIndex:360});return Z.support&&M.bind("touchstart.jcrop",Z.createDragger("move")),I.append(M),F(),{updateVisible:w,update:x,release:B,refresh:v,isAwake:function(){return b},setCursor:function(a){M.css("cursor",a)},enableHandles:E,enableOnly:function(){h=!0},showHandles:C,disableHandles:F,animMode:G,setBgOpacity:z,done:L}}(),bc=function(){function f(b){M.css({zIndex:450}),b?a(document).bind("touchmove.jcrop"
+,k).bind("touchend.jcrop",l):e&&a(document).bind("mousemove.jcrop",h).bind("mouseup.jcrop",i)}function g(){M.css({zIndex:290}),a(document).unbind(".jcrop")}function h(a){return b(m(a)),!1}function i(a){return a.preventDefault(),a.stopPropagation(),W&&(W=!1,c(m(a)),bb.isAwake()&&d.onSelect.call(bs,u(_.getFixed())),g(),b=function(){},c=function(){}),!1}function j(a,d,e){return W=!0,b=a,c=d,f(e),!1}function k(a){return b(m(Z.cfilter(a))),!1}function l(a){return i(Z.cfilter(a))}function n(a){M.css("cursor",a)}var b=function(){},c=function(){},e=d.trackDocument;return e||M.mousemove(h).mouseup(i).mouseout(i),D.before(M),{activateHandlers:j,setCursor:n}}(),bd=function(){function e(){d.keySupport&&(b.show(),b.focus())}function f(a){b.hide()}function g(a,b,c){d.allowMove&&(_.moveOffset([b,c]),bb.updateVisible(!0)),a.preventDefault(),a.stopPropagation()}function i(a){if(a.ctrlKey||a.metaKey)return!0;Y=a.shiftKey?!0:!1;var b=Y?10:1;switch(a.keyCode){case 37:g(a,-b,0);break;case 39:g(a,b,0);break;case 38:g(a,0,-b);break;
+case 40:g(a,0,b);break;case 27:d.allowSelect&&bb.release();break;case 9:return!0}return!1}var b=a('<input type="radio" />').css({position:"fixed",left:"-120px",width:"12px"}).addClass("jcrop-keymgr"),c=a("<div />").css({position:"absolute",overflow:"hidden"}).append(b);return d.keySupport&&(b.keydown(i).blur(f),h||!d.fixedSupport?(b.css({position:"absolute",left:"-20px"}),c.append(b).insertBefore(D)):b.insertBefore(D)),{watchKeys:e}}();Z.support&&M.bind("touchstart.jcrop",Z.newSelection),J.hide(),br(!0);var bs={setImage:bp,animateTo:bf,setSelect:bg,setOptions:bk,tellSelect:bi,tellScaled:bj,setClass:be,disable:bl,enable:bm,cancel:bn,release:bb.release,destroy:bo,focus:bd.watchKeys,getBounds:function(){return[E*T,F*U]},getWidgetSize:function(){return[E,F]},getScaleFactor:function(){return[T,U]},getOptions:function(){return d},ui:{holder:G,selection:K}};return g&&G.bind("selectstart",function(){return!1}),A.data("Jcrop",bs),bs},a.fn.Jcrop=function(b,c){var d;return this.each(function(){if(a(this).data("Jcrop")){if(
+b==="api")return a(this).data("Jcrop");a(this).data("Jcrop").setOptions(b)}else this.tagName=="IMG"?a.Jcrop.Loader(this,function(){a(this).css({display:"block",visibility:"hidden"}),d=a.Jcrop(this,b),a.isFunction(c)&&c.call(d)}):(a(this).css({display:"block",visibility:"hidden"}),d=a.Jcrop(this,b),a.isFunction(c)&&c.call(d))}),this},a.Jcrop.Loader=function(b,c,d){function g(){f.complete?(e.unbind(".jcloader"),a.isFunction(c)&&c.call(f)):window.setTimeout(g,50)}var e=a(b),f=e[0];e.bind("load.jcloader",g).bind("error.jcloader",function(b){e.unbind(".jcloader"),a.isFunction(d)&&d.call(f)}),f.complete&&a.isFunction(c)&&(e.unbind(".jcloader"),c.call(f))},a.Jcrop.defaults={allowSelect:!0,allowMove:!0,allowResize:!0,trackDocument:!0,baseClass:"jcrop",addClass:null,bgColor:"black",bgOpacity:.6,bgFade:!1,borderOpacity:.4,handleOpacity:.5,handleSize:null,aspectRatio:0,keySupport:!0,createHandles:["n","s","e","w","nw","ne","se","sw"],createDragbars:["n","s","e","w"],createBorders:["n","s","e","w"],drawBorders:!0,dragEdges
+:!0,fixedSupport:!0,touchSupport:null,shade:null,boxWidth:0,boxHeight:0,boundary:2,fadeTime:400,animationDelay:20,swingSpeed:3,minSelect:[0,0],maxSize:[0,0],minSize:[0,0],onChange:function(){},onSelect:function(){},onDblClick:function(){},onRelease:function(){}}})(jQuery);

phshare/static/jcrop/js/jquery.color.js

@@ -0,0 +1,661 @@
+/*!
+ * jQuery Color Animations v2.0pre
+ * http://jquery.org/
+ *
+ * Copyright 2011 John Resig
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ */
+
+(function( jQuery, undefined ){
+	var stepHooks = "backgroundColor borderBottomColor borderLeftColor borderRightColor borderTopColor color outlineColor".split(" "),
+
+		// plusequals test for += 100 -= 100
+		rplusequals = /^([\-+])=\s*(\d+\.?\d*)/,
+		// a set of RE's that can match strings and generate color tuples.
+		stringParsers = [{
+				re: /rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,
+				parse: function( execResult ) {
+					return [
+						execResult[ 1 ],
+						execResult[ 2 ],
+						execResult[ 3 ],
+						execResult[ 4 ]
+					];
+				}
+			}, {
+				re: /rgba?\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,
+				parse: function( execResult ) {
+					return [
+						2.55 * execResult[1],
+						2.55 * execResult[2],
+						2.55 * execResult[3],
+						execResult[ 4 ]
+					];
+				}
+			}, {
+				re: /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/,
+				parse: function( execResult ) {
+					return [
+						parseInt( execResult[ 1 ], 16 ),
+						parseInt( execResult[ 2 ], 16 ),
+						parseInt( execResult[ 3 ], 16 )
+					];
+				}
+			}, {
+				re: /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/,
+				parse: function( execResult ) {
+					return [
+						parseInt( execResult[ 1 ] + execResult[ 1 ], 16 ),
+						parseInt( execResult[ 2 ] + execResult[ 2 ], 16 ),
+						parseInt( execResult[ 3 ] + execResult[ 3 ], 16 )
+					];
+				}
+			}, {
+				re: /hsla?\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,
+				space: "hsla",
+				parse: function( execResult ) {
+					return [
+						execResult[1],
+						execResult[2] / 100,
+						execResult[3] / 100,
+						execResult[4]
+					];
+				}
+			}],
+
+		// jQuery.Color( )
+		color = jQuery.Color = function( color, green, blue, alpha ) {
+			return new jQuery.Color.fn.parse( color, green, blue, alpha );
+		},
+		spaces = {
+			rgba: {
+				cache: "_rgba",
+				props: {
+					red: {
+						idx: 0,
+						type: "byte",
+						empty: true
+					},
+					green: {
+						idx: 1,
+						type: "byte",
+						empty: true
+					},
+					blue: {
+						idx: 2,
+						type: "byte",
+						empty: true
+					},
+					alpha: {
+						idx: 3,
+						type: "percent",
+						def: 1
+					}
+				}
+			},
+			hsla: {
+				cache: "_hsla",
+				props: {
+					hue: {
+						idx: 0,
+						type: "degrees",
+						empty: true
+					},
+					saturation: {
+						idx: 1,
+						type: "percent",
+						empty: true
+					},
+					lightness: {
+						idx: 2,
+						type: "percent",
+						empty: true
+					}
+				}
+			}
+		},
+		propTypes = {
+			"byte": {
+				floor: true,
+				min: 0,
+				max: 255
+			},
+			"percent": {
+				min: 0,
+				max: 1
+			},
+			"degrees": {
+				mod: 360,
+				floor: true
+			}
+		},
+		rgbaspace = spaces.rgba.props,
+		support = color.support = {},
+
+		// colors = jQuery.Color.names
+		colors,
+
+		// local aliases of functions called often
+		each = jQuery.each;
+
+	spaces.hsla.props.alpha = rgbaspace.alpha;
+
+	function clamp( value, prop, alwaysAllowEmpty ) {
+		var type = propTypes[ prop.type ] || {},
+			allowEmpty = prop.empty || alwaysAllowEmpty;
+
+		if ( allowEmpty && value == null ) {
+			return null;
+		}
+		if ( prop.def && value == null ) {
+			return prop.def;
+		}
+		if ( type.floor ) {
+			value = ~~value;
+		} else {
+			value = parseFloat( value );
+		}
+		if ( value == null || isNaN( value ) ) {
+			return prop.def;
+		}
+		if ( type.mod ) {
+			value = value % type.mod;
+			// -10 -> 350
+			return value < 0 ? type.mod + value : value;
+		}
+
+		// for now all property types without mod have min and max
+		return type.min > value ? type.min : type.max < value ? type.max : value;
+	}
+
+	function stringParse( string ) {
+		var inst = color(),
+			rgba = inst._rgba = [];
+
+		string = string.toLowerCase();
+
+		each( stringParsers, function( i, parser ) {
+			var match = parser.re.exec( string ),
+				values = match && parser.parse( match ),
+				parsed,
+				spaceName = parser.space || "rgba",
+				cache = spaces[ spaceName ].cache;
+
+
+			if ( values ) {
+				parsed = inst[ spaceName ]( values );
+
+				// if this was an rgba parse the assignment might happen twice
+				// oh well....
+				inst[ cache ] = parsed[ cache ];
+				rgba = inst._rgba = parsed._rgba;
+
+				// exit each( stringParsers ) here because we matched
+				return false;
+			}
+		});
+
+		// Found a stringParser that handled it
+		if ( rgba.length !== 0 ) {
+
+			// if this came from a parsed string, force "transparent" when alpha is 0
+			// chrome, (and maybe others) return "transparent" as rgba(0,0,0,0)
+			if ( Math.max.apply( Math, rgba ) === 0 ) {
+				jQuery.extend( rgba, colors.transparent );
+			}
+			return inst;
+		}
+
+		// named colors / default - filter back through parse function
+		if ( string = colors[ string ] ) {
+			return string;
+		}
+	}
+
+	color.fn = color.prototype = {
+		constructor: color,
+		parse: function( red, green, blue, alpha ) {
+			if ( red === undefined ) {
+				this._rgba = [ null, null, null, null ];
+				return this;
+			}
+			if ( red instanceof jQuery || red.nodeType ) {
+				red = red instanceof jQuery ? red.css( green ) : jQuery( red ).css( green );
+				green = undefined;
+			}
+
+			var inst = this,
+				type = jQuery.type( red ),
+				rgba = this._rgba = [],
+				source;
+
+			// more than 1 argument specified - assume ( red, green, blue, alpha )
+			if ( green !== undefined ) {
+				red = [ red, green, blue, alpha ];
+				type = "array";
+			}
+
+			if ( type === "string" ) {
+				return this.parse( stringParse( red ) || colors._default );
+			}
+
+			if ( type === "array" ) {
+				each( rgbaspace, function( key, prop ) {
+					rgba[ prop.idx ] = clamp( red[ prop.idx ], prop );
+				});
+				return this;
+			}
+
+			if ( type === "object" ) {
+				if ( red instanceof color ) {
+					each( spaces, function( spaceName, space ) {
+						if ( red[ space.cache ] ) {
+							inst[ space.cache ] = red[ space.cache ].slice();
+						}
+					});
+				} else {
+					each( spaces, function( spaceName, space ) {
+						each( space.props, function( key, prop ) {
+							var cache = space.cache;
+
+							// if the cache doesn't exist, and we know how to convert
+							if ( !inst[ cache ] && space.to ) {
+
+								// if the value was null, we don't need to copy it
+								// if the key was alpha, we don't need to copy it either
+								if ( red[ key ] == null || key === "alpha") {
+									return;
+								}
+								inst[ cache ] = space.to( inst._rgba );
+							}
+
+							// this is the only case where we allow nulls for ALL properties.
+							// call clamp with alwaysAllowEmpty
+							inst[ cache ][ prop.idx ] = clamp( red[ key ], prop, true );
+						});
+					});
+				}
+				return this;
+			}
+		},
+		is: function( compare ) {
+			var is = color( compare ),
+				same = true,
+				myself = this;
+
+			each( spaces, function( _, space ) {
+				var isCache = is[ space.cache ],
+					localCache;
+				if (isCache) {
+					localCache = myself[ space.cache ] || space.to && space.to( myself._rgba ) || [];
+					each( space.props, function( _, prop ) {
+						if ( isCache[ prop.idx ] != null ) {
+							same = ( isCache[ prop.idx ] === localCache[ prop.idx ] );
+							return same;
+						}
+					});
+				}
+				return same;
+			});
+			return same;
+		},
+		_space: function() {
+			var used = [],
+				inst = this;
+			each( spaces, function( spaceName, space ) {
+				if ( inst[ space.cache ] ) {
+					used.push( spaceName );
+				}
+			});
+			return used.pop();
+		},
+		transition: function( other, distance ) {
+			var end = color( other ),
+				spaceName = end._space(),
+				space = spaces[ spaceName ],
+				start = this[ space.cache ] || space.to( this._rgba ),
+				result = start.slice();
+
+			end = end[ space.cache ];
+			each( space.props, function( key, prop ) {
+				var index = prop.idx,
+					startValue = start[ index ],
+					endValue = end[ index ],
+					type = propTypes[ prop.type ] || {};
+
+				// if null, don't override start value
+				if ( endValue === null ) {
+					return;
+				}
+				// if null - use end
+				if ( startValue === null ) {
+					result[ index ] = endValue;
+				} else {
+					if ( type.mod ) {
+						if ( endValue - startValue > type.mod / 2 ) {
+							startValue += type.mod;
+						} else if ( startValue - endValue > type.mod / 2 ) {
+							startValue -= type.mod;
+						}
+					}
+					result[ prop.idx ] = clamp( ( endValue - startValue ) * distance + startValue, prop );
+				}
+			});
+			return this[ spaceName ]( result );
+		},
+		blend: function( opaque ) {
+			// if we are already opaque - return ourself
+			if ( this._rgba[ 3 ] === 1 ) {
+				return this;
+			}
+
+			var rgb = this._rgba.slice(),
+				a = rgb.pop(),
+				blend = color( opaque )._rgba;
+
+			return color( jQuery.map( rgb, function( v, i ) {
+				return ( 1 - a ) * blend[ i ] + a * v;
+			}));
+		},
+		toRgbaString: function() {
+			var prefix = "rgba(",
+				rgba = jQuery.map( this._rgba, function( v, i ) {
+					return v == null ? ( i > 2 ? 1 : 0 ) : v;
+				});
+
+			if ( rgba[ 3 ] === 1 ) {
+				rgba.pop();
+				prefix = "rgb(";
+			}
+
+			return prefix + rgba.join(",") + ")";
+		},
+		toHslaString: function() {
+			var prefix = "hsla(",
+				hsla = jQuery.map( this.hsla(), function( v, i ) {
+					if ( v == null ) {
+						v = i > 2 ? 1 : 0;
+					}
+
+					// catch 1 and 2
+					if ( i && i < 3 ) {
+						v = Math.round( v * 100 ) + "%";
+					}
+					return v;
+				});
+
+			if ( hsla[ 3 ] === 1 ) {
+				hsla.pop();
+				prefix = "hsl(";
+			}
+			return prefix + hsla.join(",") + ")";
+		},
+		toHexString: function( includeAlpha ) {
+			var rgba = this._rgba.slice(),
+				alpha = rgba.pop();
+
+			if ( includeAlpha ) {
+				rgba.push( ~~( alpha * 255 ) );
+			}
+
+			return "#" + jQuery.map( rgba, function( v, i ) {
+
+				// default to 0 when nulls exist
+				v = ( v || 0 ).toString( 16 );
+				return v.length === 1 ? "0" + v : v;
+			}).join("");
+		},
+		toString: function() {
+			return this._rgba[ 3 ] === 0 ? "transparent" : this.toRgbaString();
+		}
+	};
+	color.fn.parse.prototype = color.fn;
+
+	// hsla conversions adapted from:
+	// http://www.google.com/codesearch/p#OAMlx_jo-ck/src/third_party/WebKit/Source/WebCore/inspector/front-end/Color.js&d=7&l=193
+
+	function hue2rgb( p, q, h ) {
+		h = ( h + 1 ) % 1;
+		if ( h * 6 < 1 ) {
+			return p + (q - p) * 6 * h;
+		}
+		if ( h * 2 < 1) {
+			return q;
+		}
+		if ( h * 3 < 2 ) {
+			return p + (q - p) * ((2/3) - h) * 6;
+		}
+		return p;
+	}
+
+	spaces.hsla.to = function ( rgba ) {
+		if ( rgba[ 0 ] == null || rgba[ 1 ] == null || rgba[ 2 ] == null ) {
+			return [ null, null, null, rgba[ 3 ] ];
+		}
+		var r = rgba[ 0 ] / 255,
+			g = rgba[ 1 ] / 255,
+			b = rgba[ 2 ] / 255,
+			a = rgba[ 3 ],
+			max = Math.max( r, g, b ),
+			min = Math.min( r, g, b ),
+			diff = max - min,
+			add = max + min,
+			l = add * 0.5,
+			h, s;
+
+		if ( min === max ) {
+			h = 0;
+		} else if ( r === max ) {
+			h = ( 60 * ( g - b ) / diff ) + 360;
+		} else if ( g === max ) {
+			h = ( 60 * ( b - r ) / diff ) + 120;
+		} else {
+			h = ( 60 * ( r - g ) / diff ) + 240;
+		}
+
+		if ( l === 0 || l === 1 ) {
+			s = l;
+		} else if ( l <= 0.5 ) {
+			s = diff / add;
+		} else {
+			s = diff / ( 2 - add );
+		}
+		return [ Math.round(h) % 360, s, l, a == null ? 1 : a ];
+	};
+
+	spaces.hsla.from = function ( hsla ) {
+		if ( hsla[ 0 ] == null || hsla[ 1 ] == null || hsla[ 2 ] == null ) {
+			return [ null, null, null, hsla[ 3 ] ];
+		}
+		var h = hsla[ 0 ] / 360,
+			s = hsla[ 1 ],
+			l = hsla[ 2 ],
+			a = hsla[ 3 ],
+			q = l <= 0.5 ? l * ( 1 + s ) : l + s - l * s,
+			p = 2 * l - q,
+			r, g, b;
+
+		return [
+			Math.round( hue2rgb( p, q, h + ( 1 / 3 ) ) * 255 ),
+			Math.round( hue2rgb( p, q, h ) * 255 ),
+			Math.round( hue2rgb( p, q, h - ( 1 / 3 ) ) * 255 ),
+			a
+		];
+	};
+
+
+	each( spaces, function( spaceName, space ) {
+		var props = space.props,
+			cache = space.cache,
+			to = space.to,
+			from = space.from;
+
+		// makes rgba() and hsla()
+		color.fn[ spaceName ] = function( value ) {
+
+			// generate a cache for this space if it doesn't exist
+			if ( to && !this[ cache ] ) {
+				this[ cache ] = to( this._rgba );
+			}
+			if ( value === undefined ) {
+				return this[ cache ].slice();
+			}
+
+			var type = jQuery.type( value ),
+				arr = ( type === "array" || type === "object" ) ? value : arguments,
+				local = this[ cache ].slice(),
+				ret;
+
+			each( props, function( key, prop ) {
+				var val = arr[ type === "object" ? key : prop.idx ];
+				if ( val == null ) {
+					val = local[ prop.idx ];
+				}
+				local[ prop.idx ] = clamp( val, prop );
+			});
+
+			if ( from ) {
+				ret = color( from( local ) );
+				ret[ cache ] = local;
+				return ret;
+			} else {
+				return color( local );
+			}
+		};
+
+		// makes red() green() blue() alpha() hue() saturation() lightness()
+		each( props, function( key, prop ) {
+			// alpha is included in more than one space
+			if ( color.fn[ key ] ) {
+				return;
+			}
+			color.fn[ key ] = function( value ) {
+				var vtype = jQuery.type( value ),
+					fn = ( key === 'alpha' ? ( this._hsla ? 'hsla' : 'rgba' ) : spaceName ),
+					local = this[ fn ](),
+					cur = local[ prop.idx ],
+					match;
+
+				if ( vtype === "undefined" ) {
+					return cur;
+				}
+
+				if ( vtype === "function" ) {
+					value = value.call( this, cur );
+					vtype = jQuery.type( value );
+				}
+				if ( value == null && prop.empty ) {
+					return this;
+				}
+				if ( vtype === "string" ) {
+					match = rplusequals.exec( value );
+					if ( match ) {
+						value = cur + parseFloat( match[ 2 ] ) * ( match[ 1 ] === "+" ? 1 : -1 );
+					}
+				}
+				local[ prop.idx ] = value;
+				return this[ fn ]( local );
+			};
+		});
+	});
+
+	// add .fx.step functions
+	each( stepHooks, function( i, hook ) {
+		jQuery.cssHooks[ hook ] = {
+			set: function( elem, value ) {
+				var parsed, backgroundColor, curElem;
+
+				if ( jQuery.type( value ) !== 'string' || ( parsed = stringParse( value ) ) )
+				{
+					value = color( parsed || value );
+					if ( !support.rgba && value._rgba[ 3 ] !== 1 ) {
+						curElem = hook === "backgroundColor" ? elem.parentNode : elem;
+						do {
+							backgroundColor = jQuery.curCSS( curElem, "backgroundColor" );
+						} while (
+							( backgroundColor === "" || backgroundColor === "transparent" ) &&
+							( curElem = curElem.parentNode ) &&
+							curElem.style
+						);
+
+						value = value.blend( backgroundColor && backgroundColor !== "transparent" ?
+							backgroundColor :
+							"_default" );
+					}
+
+					value = value.toRgbaString();
+				}
+				elem.style[ hook ] = value;
+			}
+		};
+		jQuery.fx.step[ hook ] = function( fx ) {
+			if ( !fx.colorInit ) {
+				fx.start = color( fx.elem, hook );
+				fx.end = color( fx.end );
+				fx.colorInit = true;
+			}
+			jQuery.cssHooks[ hook ].set( fx.elem, fx.start.transition( fx.end, fx.pos ) );
+		};
+	});
+
+	// detect rgba support
+	jQuery(function() {
+		var div = document.createElement( "div" ),
+			div_style = div.style;
+
+		div_style.cssText = "background-color:rgba(1,1,1,.5)";
+		support.rgba = div_style.backgroundColor.indexOf( "rgba" ) > -1;
+	});
+
+	// Some named colors to work with
+	// From Interface by Stefan Petre
+	// http://interface.eyecon.ro/
+	colors = jQuery.Color.names = {
+		aqua: "#00ffff",
+		azure: "#f0ffff",
+		beige: "#f5f5dc",
+		black: "#000000",
+		blue: "#0000ff",
+		brown: "#a52a2a",
+		cyan: "#00ffff",
+		darkblue: "#00008b",
+		darkcyan: "#008b8b",
+		darkgrey: "#a9a9a9",
+		darkgreen: "#006400",
+		darkkhaki: "#bdb76b",
+		darkmagenta: "#8b008b",
+		darkolivegreen: "#556b2f",
+		darkorange: "#ff8c00",
+		darkorchid: "#9932cc",
+		darkred: "#8b0000",
+		darksalmon: "#e9967a",
+		darkviolet: "#9400d3",
+		fuchsia: "#ff00ff",
+		gold: "#ffd700",
+		green: "#008000",
+		indigo: "#4b0082",
+		khaki: "#f0e68c",
+		lightblue: "#add8e6",
+		lightcyan: "#e0ffff",
+		lightgreen: "#90ee90",
+		lightgrey: "#d3d3d3",
+		lightpink: "#ffb6c1",
+		lightyellow: "#ffffe0",
+		lime: "#00ff00",
+		magenta: "#ff00ff",
+		maroon: "#800000",
+		navy: "#000080",
+		olive: "#808000",
+		orange: "#ffa500",
+		pink: "#ffc0cb",
+		purple: "#800080",
+		violet: "#800080",
+		red: "#ff0000",
+		silver: "#c0c0c0",
+		white: "#ffffff",
+		yellow: "#ffff00",
+		transparent: [ null, null, null, 0 ],
+		_default: "#ffffff"
+	};
+})( jQuery );

phshare/static/js/script.js

@@ -0,0 +1,230 @@
+$(function () {
+    var default_error_message = 'Server error, please try again later.';
+
+    $.ajaxSetup({
+        beforeSend: function (xhr, settings) {
+            if (!/^(GET|HEAD|OPTIONS|TRACE)$/i.test(settings.type) && !this.crossDomain) {
+                xhr.setRequestHeader('X-CSRFToken', csrf_token);
+            }
+        }
+    });
+
+    $(document).ajaxError(function (event, request, settings) {
+        var message = null;
+        if (request.responseJSON && request.responseJSON.hasOwnProperty('message')) {
+            message = request.responseJSON.message;
+        } else if (request.responseText) {
+            var IS_JSON = true;
+            try {
+                var data = JSON.parse(request.responseText);
+            }
+            catch (err) {
+                IS_JSON = false;
+            }
+            if (IS_JSON && data !== undefined && data.hasOwnProperty('message')) {
+                message = JSON.parse(request.responseText).message;
+            } else {
+                message = default_error_message;
+            }
+        } else {
+            message = default_error_message;
+        }
+        toast(message, 'error');
+    });
+
+    var flash = null;
+
+    function toast(body, category) {
+        clearTimeout(flash);
+        var $toast = $('#toast');
+        if (category === 'error') {
+            $toast.css('background-color', 'red')
+        } else {
+            $toast.css('background-color', '#333')
+        }
+        $toast.text(body).fadeIn();
+        flash = setTimeout(function () {
+            $toast.fadeOut();
+        }, 3000);
+    }
+
+    var hover_timer = null;
+
+    function show_profile_popover(e) {
+        var $el = $(e.target);
+
+        hover_timer = setTimeout(function () {
+            hover_timer = null;
+            $.ajax({
+                type: 'GET',
+                url: $el.data('href'),
+                success: function (data) {
+                    $el.popover({
+                        html: true,
+                        content: data,
+                        trigger: 'manual',
+                        animation: false
+                    });
+                    $el.popover('show');
+                    $('.popover').on('mouseleave', function () {
+                        setTimeout(function () {
+                            $el.popover('hide');
+                        }, 200);
+                    });
+                }
+            });
+        }, 500);
+    }
+
+    function hide_profile_popover(e) {
+        var $el = $(e.target);
+
+        if (hover_timer) {
+            clearTimeout(hover_timer);
+            hover_timer = null;
+        } else {
+            setTimeout(function () {
+                if (!$('.popover:hover').length) {
+                    $el.popover('hide');
+                }
+            }, 200);
+        }
+    }
+
+    function update_followers_count(id) {
+        var $el = $('#followers-count-' + id);
+        $.ajax({
+            type: 'GET',
+            url: $el.data('href'),
+            success: function (data) {
+                $el.text(data.count);
+            }
+        });
+    }
+
+    function update_collectors_count(id) {
+        $.ajax({
+            type: 'GET',
+            url: $('#collectors-count-' + id).data('href'),
+            success: function (data) {
+                console.log(data);
+                $('#collectors-count-' + id).text(data.count);
+            }
+        });
+    }
+
+    function update_notifications_count() {
+        var $el = $('#notification-badge');
+        $.ajax({
+            type: 'GET',
+            url: $el.data('href'),
+            success: function (data) {
+                if (data.count === 0) {
+                    $('#notification-badge').hide();
+                } else {
+                    $el.show();
+                    $el.text(data.count)
+                }
+            }
+        });
+    }
+
+    function follow(e) {
+        var $el = $(e.target);
+        var id = $el.data('id');
+
+        $.ajax({
+            type: 'POST',
+            url: $el.data('href'),
+            success: function (data) {
+                $el.prev().show();
+                $el.hide();
+                update_followers_count(id);
+                toast(data.message);
+            }
+        });
+    }
+
+    function unfollow(e) {
+        var $el = $(e.target);
+        var id = $el.data('id');
+
+        $.ajax({
+            type: 'POST',
+            url: $el.data('href'),
+            success: function (data) {
+                $el.next().show();
+                $el.hide();
+                update_followers_count(id);
+                toast(data.message);
+            }
+        });
+    }
+
+    function collect(e) {
+        var $el = $(e.target).data('href') ? $(e.target) : $(e.target).parent('.collect-btn');
+        var id = $el.data('id');
+
+        $.ajax({
+            type: 'POST',
+            url: $el.data('href'),
+            success: function (data) {
+                $el.prev().show();
+                $el.hide();
+                update_collectors_count(id);
+                toast(data.message);
+            }
+        });
+    }
+
+    function uncollect(e) {
+        var $el = $(e.target).data('href') ? $(e.target) : $(e.target).parent('.uncollect-btn');
+        var id = $el.data('id');
+        $.ajax({
+            type: 'POST',
+            url: $el.data('href'),
+            success: function (data) {
+                $el.next().show();
+                $el.hide();
+                update_collectors_count(id);
+                toast(data.message);
+            }
+        });
+    }
+
+    $('.profile-popover').hover(show_profile_popover.bind(this), hide_profile_popover.bind(this));
+    $(document).on('click', '.follow-btn', follow.bind(this));
+    $(document).on('click', '.unfollow-btn', unfollow.bind(this));
+    $(document).on('click', '.collect-btn', collect.bind(this));
+    $(document).on('click', '.uncollect-btn', uncollect.bind(this));
+
+    // hide or show tag edit form
+    $('#tag-btn').click(function () {
+        $('#tags').hide();
+        $('#tag-form').show();
+    });
+    $('#cancel-tag').click(function () {
+        $('#tag-form').hide();
+        $('#tags').show();
+    });
+    // hide or show description edit form
+    $('#description-btn').click(function () {
+        $('#description').hide();
+        $('#description-form').show();
+    });
+    $('#cancel-description').click(function () {
+        $('#description-form').hide();
+        $('#description').show();
+    });
+    // delete confirm modal
+    $('#confirm-delete').on('show.bs.modal', function (e) {
+        $('.delete-form').attr('action', $(e.relatedTarget).data('href'));
+    });
+
+    if (is_authenticated) {
+        setInterval(update_notifications_count, 30000);
+    }
+
+    $("[data-toggle='tooltip']").tooltip({title: moment($(this).data('timestamp')).format('lll')})
+
+});

phshare/static/open-iconic/.gitignore

@@ -0,0 +1 @@
+.DS_Store

phshare/static/open-iconic/FONT-LICENSE

@@ -0,0 +1,86 @@
+SIL OPEN FONT LICENSE Version 1.1
+
+Copyright (c) 2014 Waybury
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

phshare/static/open-iconic/ICON-LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 Waybury
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

phshare/static/open-iconic/README.md

@@ -0,0 +1,114 @@
+[Open Iconic v1.1.1](http://useiconic.com/open)
+===========
+
+### Open Iconic is the open source sibling of [Iconic](http://useiconic.com). It is a hyper-legible collection of 223 icons with a tiny footprint—ready to use with Bootstrap and Foundation. [View the collection](http://useiconic.com/open#icons)
+
+
+
+## What's in Open Iconic?
+
+* 223 icons designed to be legible down to 8 pixels
+* Super-light SVG files - 61.8 for the entire set 
+* SVG sprite—the modern replacement for icon fonts
+* Webfont (EOT, OTF, SVG, TTF, WOFF), PNG and WebP formats
+* Webfont stylesheets (including versions for Bootstrap and Foundation) in CSS, LESS, SCSS and Stylus formats
+* PNG and WebP raster images in 8px, 16px, 24px, 32px, 48px and 64px.
+
+
+## Getting Started
+
+#### For code samples and everything else you need to get started with Open Iconic, check out our [Icons](http://useiconic.com/open#icons) and [Reference](http://useiconic.com/open#reference) sections.
+
+### General Usage
+
+#### Using Open Iconic's SVGs
+
+We like SVGs and we think they're the way to display icons on the web. Since Open Iconic are just basic SVGs, we suggest you display them like you would any other image (don't forget the `alt` attribute).
+
+```
+<img src="/open-iconic/svg/icon-name.svg" alt="icon name">
+```
+
+#### Using Open Iconic's SVG Sprite
+
+Open Iconic also comes in a SVG sprite which allows you to display all the icons in the set with a single request. It's like an icon font, without being a hack.
+
+Adding an icon from an SVG sprite is a little different than what you're used to, but it's still a piece of cake. *Tip: To make your icons easily style able, we suggest adding a general class to the* `<svg>` *tag and a unique class name for each different icon in the* `<use>` *tag.*  
+
+```
+<svg class="icon">
+  <use xlink:href="open-iconic.svg#account-login" class="icon-account-login"></use>
+</svg>
+```
+
+Sizing icons only needs basic CSS. All the icons are in a square format, so just set the `<svg>` tag with equal width and height dimensions.
+
+```
+.icon {
+  width: 16px;
+  height: 16px;
+}
+```
+
+Coloring icons is even easier. All you need to do is set the `fill` rule on the `<use>` tag.
+
+```
+.icon-account-login {
+  fill: #f00;
+}
+```
+
+To learn more about SVG Sprites, read [Chris Coyier's guide](http://css-tricks.com/svg-sprites-use-better-icon-fonts/).
+
+#### Using Open Iconic's Icon Font...
+
+
+##### …with Bootstrap
+
+You can find our Bootstrap stylesheets in `font/css/open-iconic-bootstrap.{css, less, scss, styl}`
+
+
+```
+<link href="/open-iconic/font/css/open-iconic-bootstrap.css" rel="stylesheet">
+```
+
+
+```
+<span class="oi oi-icon-name" title="icon name" aria-hidden="true"></span>
+```
+
+##### …with Foundation
+
+You can find our Foundation stylesheets in `font/css/open-iconic-foundation.{css, less, scss, styl}`
+
+```
+<link href="/open-iconic/font/css/open-iconic-foundation.css" rel="stylesheet">
+```
+
+
+```
+<span class="fi-icon-name" title="icon name" aria-hidden="true"></span>
+```
+
+##### …on its own
+
+You can find our default stylesheets in `font/css/open-iconic.{css, less, scss, styl}`
+
+```
+<link href="/open-iconic/font/css/open-iconic.css" rel="stylesheet">
+```
+
+```
+<span class="oi" data-glyph="icon-name" title="icon name" aria-hidden="true"></span>
+```
+
+
+## License
+
+### Icons
+
+All code (including SVG markup) is under the [MIT License](http://opensource.org/licenses/MIT).
+
+### Fonts
+
+All fonts are under the [SIL Licensed](http://scripts.sil.org/cms/scripts/page.php?item_id=OFL_web).

phshare/static/open-iconic/bower.json

@@ -0,0 +1,21 @@
+{
+  "name": "open-iconic",
+  "description": "An open source icon set in SVG, webfont and raster formats",
+  "version": "1.1.1",
+  "license": [
+    "MIT",
+    "OFL-1.1"
+  ],
+  "homepage": "https://useiconic.com/open",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/iconic/open-iconic.git"
+  },
+  "main": [
+    "./sprite/open-iconic.min.svg"
+  ],
+  "ignore": [
+    "*.json",
+    "*.md"
+  ]
+}

phshare/static/open-iconic/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';
+}

phshare/static/open-iconic/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";
+}
+

phshare/static/open-iconic/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';
+}
+

phshare/static/open-iconic/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'
+}
+

phshare/static/open-iconic/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'; }

phshare/static/open-iconic/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';
+}

phshare/static/open-iconic/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';
+}
+

phshare/static/open-iconic/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'

phshare/static/open-iconic/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>

phshare/static/open-iconic/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "open-iconic",
+  "description": "An open source icon set with marks in SVG, sprite, webfont and raster format",
+  "version": "1.1.1",
+  "keywords": ["icon", "iconic", "open-iconic", "svg", "sprite", "font", "png", "webp"],
+  "homepage": "http://useiconic.com/open-iconic/",
+  "author": {
+    "name": "Iconic",
+    "email": "yourfriends@useiconic.com",
+    "web": "http://useiconic.com/"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/iconic/open-iconic.git"
+  },
+  "contributors": [
+    {
+      "name": "P.J. Onori",
+      "web": "http://twitter.com/somerandomdude"
+    },
+    {
+      "name": "Dave Johnson",
+      "web": "http://twitter.com/protodave"
+    }
+  ],
+  "licenses": [
+    {
+      "type": "MIT License",
+      "url": "http://opensource.org/licenses/mit-license.html"
+    },
+    {
+      "type": "SIL OFL 1.1",
+      "url": "http://scripts.sil.org/OFL"
+    }
+  ]
+}

phshare/templates/admin/edit_profile.html

@@ -0,0 +1,27 @@
+{% extends 'admin/index.html' %}
+{% from 'bootstrap/form.html' import render_form %}
+{% from 'bootstrap/nav.html' import render_breadcrumb_item %}
+
+{% block title %}Edit profile{% endblock %}
+
+{% block content %}
+    <nav aria-label="breadcrumb">
+        <ol class="breadcrumb">
+            {{ render_breadcrumb_item('admin.index', 'Dashboard Home') }}
+            {{ render_breadcrumb_item('admin.manage_user', 'Manage User') }}
+            {{ render_breadcrumb_item('admin.edit_profile_admin', 'Edit Profile') }}
+        </ol>
+    </nav>
+    <div class="page-header">
+        <h1>Edit profile
+            <a class="float-right btn btn-light" href="{{ url_for('user.index', username=user.username) }}">Return
+                {{ user.username }}'s homepage</a>
+        </h1>
+    </div>
+    <div class="card w-100 bg-light">
+        <h3 class="card-header">Edit Profile</h3>
+        <div class="card-body">
+            {{ render_form(form) }}
+        </div>
+    </div>
+{% endblock %}

phshare/templates/admin/index.html

@@ -0,0 +1,113 @@
+{% extends 'base.html' %}
+{% from 'bootstrap/nav.html' import render_breadcrumb_item %}
+
+{% block title %}Dashboard{% endblock %}
+
+{% block navbar %}
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <div class="container">
+            <a class="navbar-brand" href="{{ url_for('admin.index') }}">
+                <img src="{{ url_for('static', filename='favicon.ico') }}" alt="Phshare"> Phshare Dashboard
+            </a>
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01"
+                    aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse" id="navbarColor01">
+                <div class="navbar-nav ml-auto">
+                    {{ render_nav_item('main.index', 'Return Phshare') }}
+                    <div class="dropdown nav-item">
+                        <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button"
+                           aria-expanded="false">Manage<span class="caret"></span>
+                        </a>
+                        <div class="dropdown-menu dropdown-menu-right" role="menu">
+                            <a class="dropdown-item" href="{{ url_for('admin.manage_photo') }}">Photos</a>
+                            <a class="dropdown-item" href="{{ url_for('admin.manage_user') }}">Users</a>
+                            <a class="dropdown-item" href="{{ url_for('admin.manage_tag') }}">Tags</a>
+                            <a class="dropdown-item" href="{{ url_for('admin.manage_comment') }}">Comments</a>
+                        </div>
+                    </div>
+                    <div class="dropdown nav-item">
+                        <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button"
+                           aria-expanded="false">
+                            <img class="avatar-xs"
+                                 src="{{ url_for('main.get_avatar', filename=current_user.avatar_s) }}">
+                            <span class="caret"></span>
+                        </a>
+                        <div class="dropdown-menu dropdown-menu-right" role="menu">
+                            <h6 class="dropdown-header">Logged in as {{ current_user.username }}</h6>
+                            <a class="dropdown-item" href="{{ url_for('user.index', username=current_user.username) }}">
+                                <span class="oi oi-person"></span> My Home
+                            </a>
+                            <div class="dropdown-divider"></div>
+                            <a class="dropdown-item" href="{{ url_for('user.edit_profile') }}">
+                                <span class="oi oi-cog"></span> Settings
+                            </a>
+                            <a class="dropdown-item" href="{{ url_for('auth.logout') }}">
+                                <span class="oi oi-power-standby"></span> Logout
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </nav>
+{% endblock %}
+
+{% block content %}
+    <nav aria-label="breadcrumb">
+        <ol class="breadcrumb">
+            {{ render_breadcrumb_item('admin.index', 'Dashboard Home') }}
+        </ol>
+    </nav>
+    <div class="row">
+        <div class="col-md-6">
+            <div class="card border-primary mb-3">
+                <div class="card-header"><span class="oi oi-image"></span> Photos</div>
+                <div class="card-body">
+                    <h4 class="card-title">Total: {{ photo_count|default('0') }}</h4>
+                    <p class="card-text">Reported: {{ reported_photos_count|default('0') }}</p>
+                    <a class="btn btn-primary text-white" href="{{ url_for('.manage_photo') }}">Manage</a>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-6">
+            <div class="card border-secondary mb-3">
+                <div class="card-header"><span class="oi oi-people"></span> Users</div>
+                <div class="card-body">
+                    <h4 class="card-title">Total: {{ user_count|default('0') }}</h4>
+                    <p class="card-text">Locked: {{ locked_user_count|default('0') }}
+                        Blocked: {{ blocked_user_count|default('0') }}</p>
+                    <a class="btn btn-primary text-white" href="{{ url_for('.manage_user') }}">Manage</a>
+                    <a class="btn btn-secondary text-white" href="{{ url_for('.manage_user', filter='locked') }}">View
+                        Locked</a>
+                    <a class="btn btn-secondary text-white" href="{{ url_for('.manage_user', filter='blocked') }}">View
+                        Blocked</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-md-6">
+            <div class="card border-danger mb-3">
+                <div class="card-header"><span class="oi oi-comment-square"></span> Comments</div>
+                <div class="card-body">
+                    <h4 class="card-title">Total: {{ comment_count|default('0') }}</h4>
+                    <p class="card-text">Reported: {{ reported_comments_count|default('0') }}</p>
+                    <a class="btn btn-primary text-white" href="{{ url_for('.manage_comment') }}">Manage</a>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-6">
+            <div class="card border-success mb-3">
+                <div class="card-header"><span class="oi oi-tag"></span> Tags</div>
+                <div class="card-body">
+                    <h4 class="card-title">Total: {{ tag_count|default('0') }}</h4>
+                    <p class="card-text">&nbsp;</p>
+                    <a class="btn btn-primary text-white" href="{{ url_for('.manage_tag') }}">Manage</a>
+                </div>
+            </div>
+        </div>
+    </div>
+{% endblock %}

phshare/templates/admin/manage_comment.html

@@ -0,0 +1,72 @@
+{% extends 'admin/index.html' %}
+{% from 'bootstrap/pagination.html' import render_pagination %}
+
+{% block title %}Manage Comments{% endblock %}
+
+{% block content %}
+    <nav aria-label="breadcrumb">
+        <ol class="breadcrumb">
+            {{ render_breadcrumb_item('admin.index', 'Dashboard Home') }}
+            {{ render_breadcrumb_item('admin.manage_comment', 'Manage Comment') }}
+        </ol>
+    </nav>
+    <div class="page-header">
+        <h1>Comments
+            <small class="text-muted">{{ pagination.total }}</small>
+            <span class="dropdown">
+            <button class="btn btn-secondary btn-sm" type="button" id="dropdownMenuButton" data-toggle="dropdown"
+                    aria-haspopup="true" aria-expanded="false">
+                Order by {{ order_rule }} <span class="oi oi-elevator"></span>
+            </button>
+            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                {% if order_rule == 'flag' %}
+                    <a class="dropdown-item" href="{{ url_for('.manage_comment', order='by_time') }}">Order by
+                    Time</a>
+                {% else %}
+                    <a class="dropdown-item" href="{{ url_for('.manage_comment', order='by_flag') }}">Order by
+                    Flag</a>
+                {% endif %}
+            </div>
+        </span>
+        </h1>
+    </div>
+    {% if comments %}
+        <table class="table table-striped">
+            <thead>
+            <tr>
+                <th>Body</th>
+                <th>Author</th>
+                <th>Image</th>
+                <th>Reported</th>
+                <th>Date</th>
+                <th>Actions</th>
+            </tr>
+            </thead>
+            {% for comment in comments %}
+                <tr>
+                    <td>{{ comment.body }}</td>
+                    <td>
+                        <a href="{{ url_for('user.index', username=comment.author.username) }}">{{ comment.author.name }}</a>
+                    </td>
+                    <td>
+                        <a href="{{ url_for('main.show_photo', photo_id=comment.photo.id) }}">Photo {{ comment.photo.id }}</a>
+                    </td>
+                    <td>{{ comment.flag }}</td>
+                    <td>{{ moment(comment.timestamp).format('LL') }}</td>
+                    <td>
+                        <form class="inline" method="post"
+                              action="{{ url_for('main.delete_comment', comment_id=comment.id, next=request.full_path) }}">
+                            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
+                            <button type="submit" class="btn btn-danger btn-sm"
+                                    onclick="return confirm('Are you sure?');">Delete
+                            </button>
+                        </form>
+                    </td>
+                </tr>
+            {% endfor %}
+        </table>
+        <div class="page-footer">{{ render_pagination(pagination) }}</div>
+    {% else %}
+        <div class="tip"><h5>No comments.</h5></div>
+    {% endif %}
+{% endblock %}

phshare/templates/admin/manage_photo.html

@@ -0,0 +1,90 @@
+{% extends 'admin/index.html' %}
+{% from 'bootstrap/pagination.html' import render_pagination %}
+
+{% block title %}Manage Photos{% endblock %}
+
+{% block content %}
+    <nav aria-label="breadcrumb">
+        <ol class="breadcrumb">
+            {{ render_breadcrumb_item('admin.index', 'Dashboard Home') }}
+            {{ render_breadcrumb_item('admin.manage_photo', 'Manage Photo') }}
+        </ol>
+    </nav>
+    <div class="page-header">
+        <h1>Photos
+            <small class="text-muted">{{ pagination.total }}</small>
+            <span class="dropdown">
+            <button class="btn btn-secondary btn-sm" type="button" id="dropdownMenuButton" data-toggle="dropdown"
+                    aria-haspopup="true" aria-expanded="false">
+                Order by {{ order_rule }} <span class="oi oi-elevator"></span>
+            </button>
+            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
+                {% if order_rule == 'flag' %}
+                    <a class="dropdown-item" href="{{ url_for('.manage_photo', order='by_time') }}">Order by
+                    Time</a>
+                {% else %}
+                    <a class="dropdown-item" href="{{ url_for('.manage_photo', order='by_flag') }}">Order by
+                    Flag</a>
+                {% endif %}
+            </div>
+        </span>
+        </h1>
+    </div>
+    {% if photos %}
+        <table class="table table-striped">
+            <thead>
+            <tr>
+                <th>Image</th>
+                <th>Description</th>
+                <th>Tag</th>
+                <th>Author</th>
+                <th>Reported</th>
+                <th>Date</th>
+                <th>Actions</th>
+            </tr>
+            </thead>
+            {% for photo in photos %}
+                <tr>
+                    <td>
+                        <a href="{{ url_for('main.show_photo', photo_id=photo.id) }}">
+                            <img src="{{ url_for('main.get_image', filename=photo.filename_s) }}" width="250">
+                        </a>
+                    </td>
+                    <td>{{ photo.description }}</td>
+                    <td>
+                        {% if photo.tags %}
+                            {% for tag in photo.tags %}
+                                <form class="inline" method="post"
+                                      action="{{ url_for('admin.delete_tag', tag_id=tag.id, next=request.full_path) }}">
+                                    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
+                                    <button type="submit" class="btn badge badge-danger mb-1"
+                                            onclick="return confirm('Are you sure?');">
+                                        {{ tag.name }} <span class="oi oi-trash" aria-hidden="true">
+                                </span>
+                                    </button>
+                                </form>
+                            {% endfor %}
+                        {% endif %}
+                    </td>
+                    <td>
+                        <a href="{{ url_for('user.index', username=photo.author.username) }}">{{ photo.author.name }}</a>
+                    </td>
+                    <td>{{ photo.flag }}</td>
+                    <td>{{ moment(photo.timestamp).format('LL') }}</td>
+                    <td>
+                        <form class="inline" method="post"
+                              action="{{ url_for('main.delete_photo', photo_id=photo.id, next=request.full_path) }}">
+                            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
+                            <button type="submit" class="btn btn-danger btn-sm"
+                                    onclick="return confirm('Are you sure?');">Delete
+                            </button>
+                        </form>
+                    </td>
+                </tr>
+            {% endfor %}
+        </table>
+        <div class="page-footer">{{ render_pagination(pagination) }}</div>
+    {% else %}
+        <div class="tip"><h5>No photos.</h5></div>
+    {% endif %}
+{% endblock %}

phshare/templates/admin/manage_tag.html

@@ -0,0 +1,47 @@
+{% extends 'admin/index.html' %}
+{% from 'bootstrap/pagination.html' import render_pagination %}
+
+{% block title %}Manage Tags{% endblock %}
+
+{% block content %}
+    <nav aria-label="breadcrumb">
+        <ol class="breadcrumb">
+            {{ render_breadcrumb_item('admin.index', 'Dashboard Home') }}
+            {{ render_breadcrumb_item('admin.manage_tag', 'Manage Tag') }}
+        </ol>
+    </nav>
+    <div class="page-header">
+        <h1>Tags
+            <small class="text-muted">{{ pagination.total }}</small>
+        </h1>
+    </div>
+    {% if tags %}
+        <table class="table table-striped">
+            <thead>
+            <tr>
+                <th>No.</th>
+                <th>Name</th>
+                <th>Photos</th>
+                <th>Actions</th>
+            </tr>
+            </thead>
+            {% for tag in tags %}
+                <tr>
+                    <td>{{ tag.id }}</td>
+                    <td>{{ tag.name }}</td>
+                    <td><a href="{{ url_for('main.show_tag', tag_id=tag.id) }}">{{ tag.photos|length }}</a></td>
+                    <td>
+                        <form class="inline" action="{{ url_for('admin.delete_tag', tag_id=tag.id) }}" method="post">
+                            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+                            <input type="submit" onclick="return confirm('Are you sure?');"
+                                   class="btn btn-danger btn-sm" value="Delete">
+                        </form>
+                    </td>
+                </tr>
+            {% endfor %}
+        </table>
+        <div class="page-footer">{{ render_pagination(pagination) }}</div>
+    {% else %}
+        <div class="tip"><h5>No tags.</h5></div>
+    {% endif %}
+{% endblock %}

phshare/templates/admin/manage_user.html

@@ -0,0 +1,115 @@
+{% extends 'admin/index.html' %}
+{% from 'bootstrap/pagination.html' import render_pagination %}
+
+{% block title %}Manage Users{% endblock %}
+
+{% block content %}
+    <nav aria-label="breadcrumb">
+        <ol class="breadcrumb">
+            {{ render_breadcrumb_item('admin.index', 'Dashboard Home') }}
+            {{ render_breadcrumb_item('admin.manage_user', 'Manage User') }}
+        </ol>
+    </nav>
+    <div class="page-header">
+        <h1>Users
+            <small class="text-muted">{{ pagination.total }}</small>
+        </h1>
+        <ul class="nav nav-pills">
+            <li class="nav-item">
+                <a class="nav-link disabled" href="#">Filter </a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link {% if request.args.get('filter', 'all') == 'all' %}active{% endif %}"
+                   href="{{ url_for('admin.manage_user', filter='all') }}">All</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link {% if request.args.get('filter') == 'locked' %}active{% endif %}"
+                   href="{{ url_for('admin.manage_user', filter='locked') }}">Locked</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link {% if request.args.get('filter') == 'blocked' %}active{% endif %}"
+                   href="{{ url_for('admin.manage_user', filter='blocked') }}">Blocked</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link {% if request.args.get('filter') == 'administrator' %}active{% endif %}"
+                   href="{{ url_for('admin.manage_user', filter='administrator') }}">Administrator</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link {% if request.args.get('filter') == 'moderator' %}active{% endif %}"
+                   href="{{ url_for('admin.manage_user', filter='moderator') }}">Moderator</a>
+            </li>
+        </ul>
+    </div>
+    {% if users %}
+        <table class="table table-striped">
+            <thead>
+            <tr>
+                <th>Avatars</th>
+                <th>Name/username</th>
+                <th>Role</th>
+                <th>Bio</th>
+                <th>City</th>
+                <th>Date</th>
+                <th>Photos</th>
+                <th>Actions</th>
+            </tr>
+            </thead>
+            {% for user in users %}
+                <tr>
+                    <td><img src="{{ url_for('main.get_avatar', filename=user.avatar_s) }}"></td>
+                    <td>{{ user.name }}<br>{{ user.username }}</td>
+                    <td>{{ user.role.name }}</td>
+                    <td>{{ user.bio }}</td>
+                    <td>{{ user.location }}</td>
+                    <td>{{ moment(user.member_since).format('LL') }}</td>
+                    <td>
+                        <a href="{{ url_for('user.index', username=user.username) }}">{{ user.photos|length }}</a>
+                    </td>
+                    <td>
+                    {% if user.role.name not in ['Administrator', 'Moderator'] %}
+                        {% if user.locked %}
+                            <form class="inline" action="{{ url_for('admin.unlock_user', user_id=user.id) }}"
+                                  method="post">
+                                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+                                <input type="submit" onclick="return confirm('Are you sure?');"
+                                       class="btn btn-secondary btn-sm" value="Unlock">
+                            </form>
+                        {% else %}
+                            <form class="inline" action="{{ url_for('admin.lock_user', user_id=user.id) }}"
+                                  method="post">
+                                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+                                <input type="submit" onclick="return confirm('Are you sure?');"
+                                       class="btn btn-warning btn-sm" value="Lock">
+                            </form>
+                        {% endif %}
+                        {% if user.active %}
+                            <form class="inline" action="{{ url_for('admin.block_user', user_id=user.id) }}"
+                                  method="post">
+                                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+                                <input type="submit" onclick="return confirm('Are you sure?');"
+                                       class="btn btn-warning btn-sm" value="Block">
+                            </form>
+                        {% else %}
+                            <form class="inline" action="{{ url_for('admin.unblock_user', user_id=user.id) }}"
+                                  method="post">
+                                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+                                <input type="submit" onclick="return confirm('Are you sure?');"
+                                       class="btn btn-secondary btn-sm" value="Unblock">
+                            </form>
+                        {% endif %}
+                    {% endif %}
+                        <a class="btn btn-light btn-sm" href="mailto:{{ user.email }}">Email</a>
+                        {% if current_user.is_admin %}
+                            <a class="btn btn-warning btn-sm"
+                               href="{{ url_for('admin.edit_profile_admin', user_id=user.id) }}">Edit
+                                profile</a>
+                        {% endif %}
+                    </td>
+                </tr>
+            {% endfor %}
+        </table>
+        <div class="page-footer">{{ render_pagination(pagination) }}</div>
+    {% else %}
+        <div class="tip"><h5>No users.</h5></div>
+    {% endif %}
+{% endblock %}

phshare/templates/auth/login.html

@@ -0,0 +1,25 @@
+{% extends 'base.html' %}
+{% from 'bootstrap/form.html' import render_form %}
+
+{% block title %}Login{% endblock %}
+
+{% block content %}
+    <div class="jumbotron">
+        <div class="row">
+            <div class="col-md-8">
+                <img src="{{ url_for('static', filename='images/index.jpg') }}" class="rounded img-fluid">
+            </div>
+            <div class="col-md-4">
+                <div class="card mb-3 w-100 bg-light">
+                    <div class="card-header"><h4>Log in to Phshare</h4></div>
+                    <div class="card-body">
+                        {{ render_form(form) }}
+                        <hr>
+                        <p class="small"><a href="{{ url_for('.register') }}">Register new account</a></p>
+                        <p class="small"><a href="{{ url_for('.forget_password') }}">Forget password</a></p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+{% endblock %}

phshare/templates/auth/register.html

@@ -0,0 +1,25 @@
+{% extends 'base.html' %}
+{% from 'bootstrap/form.html' import render_form %}
+
+{% block title %}Register{% endblock %}
+
+{% block content %}
+    <div class="jumbotron">
+        <div class="row">
+            <div class="col-md-8">
+                <img src="{{ url_for('static', filename='images/index.jpg') }}" class="rounded img-fluid">
+            </div>
+            <div class="col-md-4">
+                <div class="card mb-3 w-100 bg-light">
+                    <div class="card-header"><h4>Welcome to Phshare!</h4></div>
+                    <div class="card-body">
+                        {{ render_form(form) }}
+                        <hr>
+                        <small>Already have an account? <a href="{{ url_for('.login') }}">Click here to log in.</a>
+                        </small>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+{% endblock %}

phshare/templates/auth/reset_password.html

@@ -0,0 +1,19 @@
+{% extends 'base.html' %}
+{% from 'bootstrap/form.html' import render_form %}
+
+{% block title %}Password Reset{% endblock %}
+
+{% block content %}
+    <div class="page-header">
+        <h1>Password Reset</h1>
+    </div>
+    <div class="row">
+        <div class="col-sm-4">
+            <div class="card mb-3 w-100 bg-light">
+                <div class="card-body">
+                    {{ render_form(form) }}
+                </div>
+            </div>
+        </div>
+    </div>
+{% endblock %}

phshare/templates/base.html

@@ -0,0 +1,128 @@
+{% from 'bootstrap/nav.html' import render_nav_item %}
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    {% block head %}
+        <title>{% block title %}{% endblock %} - Phshare</title>
+        <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
+        {% block styles %}
+            <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}">
+            <link rel="stylesheet" href="{{ url_for('static', filename='open-iconic/font/css/open-iconic-bootstrap.css') }}">
+            <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+        {% endblock styles %}
+    {% endblock head %}
+</head>
+
+<body>
+{% block navbar %}
+    <nav class="navbar navbar-expand-lg navbar-light bg-light">
+        <div class="container">
+            <a class="navbar-brand" href="{{ url_for('main.index') }}">
+                <img src="{{ url_for('static', filename='favicon.ico') }}" alt="Phshare">
+            </a>
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01"
+                    aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse" id="navbarColor01">
+                <div class="navbar-nav mr-auto">
+                    {{ render_nav_item('main.index', 'Home') }}
+                    {{ render_nav_item('main.explore', 'Explore') }}
+                    <form class="form-inline my-2 my-lg-0" action="{{ url_for('main.search') }}">
+                        <input type="text" name="q" class="form-control mr-sm-1" placeholder="Photo, tag or user"
+                               required>
+                        <button class="btn btn-light my-2 my-sm-0" type="submit">
+                            <span class="oi oi-magnifying-glass"></span>
+                        </button>
+                    </form>
+                </div>
+                <div class="navbar-nav ml-auto">
+                {% if current_user.is_authenticated %}
+                    <a class="nav-item nav-link" href="{{ url_for('main.show_notifications', filter='unread') }}">
+                        <span class="oi oi-bell"></span>
+                        <span id="notification-badge"
+                              class="{% if notification_count == 0 %}hide{% endif %} badge badge-danger badge-notification"
+                              data-href="{{ url_for('ajax.notifications_count') }}">{{ notification_count }}</span>
+                    </a>
+                    <a class="nav-item nav-link" href="{{ url_for('main.upload') }}" title="Upload">
+                        <span class="oi oi-cloud-upload"></span>&nbsp;&nbsp;
+                    </a>
+                    <div class="dropdown nav-item">
+                        <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button"
+                           aria-expanded="false">
+                            <img class="avatar-xs"
+                                 src="{{ url_for('main.get_avatar', filename=current_user.avatar_s) }}">
+                            <span class="caret"></span>
+                        </a>
+                        <div class="dropdown-menu dropdown-menu-right" role="menu">
+                            <h6 class="dropdown-header">Logged in as {{ current_user.username }}</h6>
+                            <a class="dropdown-item" href="{{ url_for('user.index', username=current_user.username) }}">
+                                <span class="oi oi-person"></span> My Home
+                            </a>
+                            <div class="dropdown-divider"></div>
+                            <a class="dropdown-item" href="{{ url_for('user.edit_profile') }}">
+                                <span class="oi oi-cog"></span> Settings
+                            </a>
+                            {% if current_user.can('MODERATE') %}
+                                <a class="dropdown-item" href="{{ url_for('admin.index') }}">
+                                    <span class="oi oi-dashboard"></span> Dashboard
+                                </a>
+                            {% endif %}
+                            <a class="dropdown-item" href="{{ url_for('auth.logout') }}">
+                                <span class="oi oi-power-standby"></span> Logout
+                            </a>
+                        </div>
+                    </div>
+                {% else %}
+                    <a class="btn btn-outline-primary" href="{{ url_for('auth.login') }}">Login</a>&nbsp;&nbsp;
+                    <a class="btn btn-primary" href="{{ url_for('auth.register') }}">Join Phshare</a>
+                {% endif %}
+                </div>
+            </div>
+        </div>
+    </nav>
+{% endblock %}
+
+<main>
+    <div class="container">
+        {% for message in get_flashed_messages(with_categories=True) %}
+            <div class="alert alert-{{ message[0] }}">
+                <button type="button" class="close" data-dismiss="alert">&times;</button>
+                {{ message[1] }}
+            </div>
+        {% endfor %}
+        {% block content %}{% endblock %}
+        {% block footer %}
+            <footer>
+                <p class="float-left">
+                </p>
+                <p class="float-right">
+                    <small></small>
+                </p>
+            </footer>
+        {% endblock %}
+    </div>
+</main>
+<div id="toast"></div>
+
+{% block scripts %}
+    <script src="{{ url_for('static', filename='js/jquery.min.js') }}"></script>
+    <script src="{{ url_for('static', filename='js/popper.min.js') }}"></script>
+    <script src="{{ url_for('static', filename='js/bootstrap.min.js') }}"></script>
+    {{ moment.include_moment(local_js=url_for('static', filename='js/moment-with-locales.min.js')) }}
+    <script src="{{ url_for('static', filename='js/script.js') }}"></script>
+    <script type="text/javascript">
+        var csrf_token = "{{ csrf_token() }}";
+        {% if current_user.is_authenticated %}
+            var is_authenticated = true;
+        {% else %}
+            var is_authenticated = false;
+        {% endif %}
+    </script>
+{% endblock %}
+</body>
+</html>

phshare/templates/emails/change_email.html

@@ -0,0 +1,5 @@
+<p>Hello {{ user.username }},</p>
+<p>Please visit the link below to verify your new email address:<br>
+    <a href="{{ url_for('user.change_email', token=token, _external=True) }}">{{ url_for('user.change_email', token=token, _external=True) }}</a>
+</p>
+<small>(Please do not reply to this notification, this inbox is not monitored.)</small>