Initial Commit

README.md

@@ -0,0 +1,30 @@
+# Stashr
+Extensible Comic Book file manager and Reader with RESTful API access and control.
+---
+
+##  USER Roles
+- admin
+- librarian
+- patron
+- reader
+
+## Plugin TEP Emits
+- base.html
+  - base_page_header_script_files
+  - base_page_footer_script_files
+  - base_page_script
+  - base_page_main_menu
+  - base_page_modals
+- read_issue_page.html
+  - read_comic_page_modal_extension
+- settings_page
+  - settings_menu
+-single_volume_page
+  - single_volume_page_modal_have
+  - single_volume_page_modal_missing
+  - single_volume_page_badge_row
+  - single_volume_page_button_row
+  - single_volume_page_action_dropdown
+  - single_volume_page_top_overlay_have
+  - single_volume_page_top_overlay_missing
+  - single_volume_page_script

requirements.txt

@@ -0,0 +1 @@
+

start.py

@@ -0,0 +1,61 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
+"""
+Stashr - Start File
+"""
+
+"""
+MIT License
+
+Copyright (c) 2020 Andrew Vanderbye
+
+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.
+"""
+
+"""-------------------------------------------------------------------------------------------
+-- IMPORTS
+-------------------------------------------------------------------------------------------"""
+
+""" --- PYTHON IMPORTS --- """
+import os, sys
+
+""" --- INSERT LOCAL DIRECTORIES --- """
+
+base_path = os.path.dirname(os.path.abspath(__file__))
+
+sys.path.append(os.path.join(base_path, 'stashr'))
+sys.path.append(os.path.join(base_path, 'plugins'))
+
+""" --- STASHR CORE IMPORTS --- """
+from stashr.server import server
+
+debug = True
+
+"""-------------------------------------------------------------------------------------------
+-- START THE SERVER
+-------------------------------------------------------------------------------------------"""
+
+if __name__ == '__main__':
+    if debug:
+        from stashr.stashr import app
+        app.run(host='0.0.0.0', port='5002', debug=True)
+    else:
+        print('STARTING GEVENT ENVIRONMENT')
+        server.start_server()

stashr/comicvine.py

@@ -0,0 +1,510 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
+"""
+Stashr - Comicvine Data Retrieval
+"""
+
+"""
+MIT License
+
+Copyright (c) 2020 Andrew Vanderbye
+
+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.
+"""
+
+"""-------------------------------------------------------------------------------------------
+-- IMPORTS
+-------------------------------------------------------------------------------------------"""
+
+""" --- PYTHON IMPORTS --- """
+import requests
+import requests_cache
+import datetime
+
+""" --- STASHR CORE IMPORTS --- """
+from stashr import log
+from stashr.config import stashrconfig
+
+""" --- CREATE LOGGER --- """
+logger = log.stashr_logger(__name__)
+
+"""-------------------------------------------------------------------------------------------
+-- COMICVINE CLIENT
+-------------------------------------------------------------------------------------------"""
+
+
+class ComicVineApiError(Exception):
+    pass
+
+
+class ComicVineUnauthorizedError(Exception):
+    pass
+
+
+class ComicVineForbiddenError(Exception):
+    pass
+
+
+class ComicVineClient(object):
+
+    API_BASE_URL = 'https://www.comicvine.com/api/'
+
+    HEADERS = {'User-Agent': 'Mozilla/5.0 (X11; Linux x86_64; rv:7.0) '
+                             'Gecko/20130825 Firefox/36.0'}
+
+    SEARCH_RESOURCE_TYPES = {
+        'character', 'concept', 'origin', 'object', 'location', 'issue', 'story_arc',
+        'volume', 'publisher', 'person', 'team', 'video'
+    }
+
+    TYPES = {
+        'ISSUE': 4000,
+        'CHARACTER': 4005,
+        'PUBLISHER': 4010,
+        'CONCEPT': 4015,
+        'LOCATION': 4020,
+        'PERSON': 4040,
+        'STORY_ARC': 4045,
+        'VOLUME': 4050,
+        'TEAM': 4060,
+    }
+
+    ISSUE_FIELDS = {
+        'aliases', 'api_detail_url', 'character_credits', 'characters_died_in', 'concept_credits', 'cover_date',
+        'date_added', 'date_last_updated', 'deck', 'description', 'disbanded_teams', 'first_appearance_characters',
+        'first_appearance_concepts', 'first_appearance_locations', 'first_appearance_objects', 'first_appearance_teams',
+        'has_staff_review', 'id', 'image', 'issue_number', 'location_credits', 'name', 'object_credits',
+        'person_credits', 'site_detail_url', 'store_date', 'story_arc_credits', 'team_credits', 'teams_disbanded_in',
+        'volume'
+    }
+
+    ISSUES_FIELDS = {
+        'aliases', 'api_detail_url', 'cover_date', 'date_added', 'date_last_updated', 'deck', 'description',
+        'has_staff_review', 'id', 'image', 'issue_number', 'name', 'site_detail_url', 'store_date', 'volume'
+    }
+
+    CHARACTER_FIELDS = {
+        'aliases', 'api_detail_url', 'birth', 'character_enemies', 'character_friends', 'count_of_issue_appearances',
+        'creators', 'date_added', 'date_last_updated', 'deck', 'description', 'first_appeared_in_issue', 'gender', 'id',
+        'image', 'issue_credits', 'issues_dies_in', 'movies', 'name', 'origin', 'powers', 'publisher', 'real_name',
+        'site_detail_url', 'story_arc_credits', 'team_enemies', 'team_friends', 'teams', 'volume_credits'
+    }
+
+    PUBLISHER_FIELDS = {
+        'aliases', 'api_detail_url', 'characters', 'date_added', 'date_last_updated', 'deck', 'description', 'id',
+        'image', 'location_address', 'location_city', 'location_state', 'name', 'site_detail_url', 'story_arcs',
+        'teams', 'volumes'
+    }
+
+    CONCEPT_FIELDS = {
+        'aliases', 'api_detail_url', 'count_of_issue_appearances', 'date_added', 'date_last_updated', 'deck',
+        'description', 'first_appeared_in_issue', 'id', 'image', 'issue_credits', 'movies', 'name', 'site_detail_url',
+        'start_year', 'volume_credits'
+    }
+
+    LOCATION_FIELDS = {
+        'aliases', 'api_detail_url', 'count_of_issue_appearances', 'date_added', 'date_last_updated', 'deck',
+        'description', 'first_appeared_in_issue', 'id', 'image', 'issue_credits', 'movies', 'name', 'site_detail_url',
+        'start_year', 'story_arc_credits', 'volume_credits'
+    }
+
+    PERSON_FIELDS = {
+        'aliases', 'api_detail_url', 'birth', 'count_of_issue_appearances', 'country', 'created_characters',
+        'date_added', 'date_last_updated', 'death', 'deck', 'description', 'email', 'gender', 'hometown', 'id', 'image',
+        'issue_credits', 'name', 'site_detail_url', 'story_arc_credits', 'volume_credits', 'website'
+    }
+
+    STORY_ARC_FIELDS = {
+        'aliases', 'api_detail_url', 'count_of_issue_appearances', 'date_added', 'date_last_updated', 'deck',
+        'description', 'first_appeared_in_issue', 'id', 'image', 'issues', 'movies', 'name', 'publisher',
+        'site_detail_url'
+    }
+
+    VOLUME_FIELDS = {
+        'aliases', 'api_detail_url', 'character_credits', 'concept_credits', 'count_of_issues', 'date_added',
+        'date_last_updated', 'deck',  'description', 'first_issue', 'id', 'image', 'last_issue', 'location_credits',
+        'name', 'object_credits', 'person_credits', 'publisher', 'site_detail_url', 'start_year', 'team_credits'
+    }
+
+    TEAM_FIELDS = {
+        'aliases', 'api_detail_url', 'character_enemies', 'character_friends', 'characters',
+        'count_of_issue_appearances', 'count_of_Team_members', 'date_added', 'date_lat_updated', 'deck', 'description',
+        'disbanded_in_issues', 'first_appeared_in_issues', 'id', 'image', 'issue_credits', 'issues_disbanded_in',
+        'movies', 'name', 'publisher', 'site_detail_url', 'story_arc_credits', 'volume_credits'
+    }
+
+    def __init__(self, api_key, expire_after=300):
+        self.api_key = api_key
+        self._install_requests_cache(expire_after)
+
+    def _install_requests_cache(self, expire_after):
+
+        requests_cache.install_cache(
+            __name__,
+            backend='memory',
+            expire_after=expire_after
+        )
+
+    def update_api_key(self, api_key):
+        self.api_key = api_key
+
+    def search(self, query, offset=0, limit=10, resources=None, use_cache=True):
+        url = f'{self.API_BASE_URL}search/'
+        params = self._get_search_params(query, offset, limit, resources)
+        json = self._get_from_api(url, params, use_cache)
+        return Response(json)
+
+    def get_issue(self, id, offset=0, limit=1, fields=None, use_cache=True):
+        url = f'{self.API_BASE_URL}issue/{self.TYPES["ISSUE"]}-{id}/'
+        params = self._get_issue_params(offset, limit, fields)
+        json = self._get_from_api(url, params, use_cache)
+        return Response(json)
+
+    def get_character(self, id, offset=0, limit=1, fields=None, use_cache=True):
+        url = f'{self.API_BASE_URL}character/{self.TYPES["CHARACTER"]}-{id}/'
+        params = self._get_character_params(offset, limit, fields)
+        json = self._get_from_api(url, params, use_cache)
+        return Response(json)
+
+    def get_publisher(self, id, offset=0, limit=1, fields=None, use_cache=True):
+        url = f'{self.API_BASE_URL}publisher/{self.TYPES["PUBLISHER"]}-{id}/'
+        params = self._get_publisher_params(offset, limit, fields)
+        json = self._get_from_api(url, params, use_cache)
+        return Response(json)
+
+    def get_concept(self, id, offset=0, limit=1, fields=None, use_cache=True):
+        url = f'{self.API_BASE_URL}concept/{self.TYPES["CONCEPT"]}-{id}/'
+        params = self._get_concept_params(offset, limit, fields)
+        json = self._get_from_api(url, params, use_cache)
+        return Response(json)
+
+    def get_location(self, id, offset=0, limit=1, fields=None, use_cache=True):
+        url = f'{self.API_BASE_URL}location/{self.TYPES["LOCATION"]}-{id}/'
+        params = self._get_location_params(offset, limit, fields)
+        json = self._get_from_api(url, params, use_cache)
+        return Response(json)
+
+    def get_person(self, id, offset=0, limit=1, fields=None, use_cache=True):
+        url = f'{self.API_BASE_URL}person/{self.TYPES["PERSON"]}-{id}/'
+        params = self._get_person_params(offset, limit, fields)
+        json = self._get_from_api(url, params, use_cache)
+        return Response(json)
+
+    def get_story_arc(self, id, offset=0, limit=1, fields=None, use_cache=True):
+        url = f'{self.API_BASE_URL}story_arc/{self.TYPES["STORY_ARC"]}-{id}/'
+        params = self._get_story_arc_params(offset, limit, fields)
+        json = self._get_from_api(url, params, use_cache)
+        return Response(json)
+
+    def get_volume(self, id, offset=0, limit=1, fields=None, use_cache=True):
+        url = f'{self.API_BASE_URL}volume/{self.TYPES["VOLUME"]}-{id}/'
+        params = self._get_volume_params(offset, limit, fields)
+        json = self._get_from_api(url, params, use_cache)
+        return Response(json)
+
+    def get_team(self, id, offset=0, limit=1, fields=None, use_cache=True):
+        url = f'{self.API_BASE_URL}team/{self.TYPES["TEAM"]}-{id}/'
+        params = self._get_team_params(offset, limit, fields)
+        json = self._get_from_api(url, params, use_cache)
+        return Response(json)
+
+    def get_new_releases(self, weekday=2, offset=0, limit=100, resources=None, use_cache=True):
+        url = f'{self.API_BASE_URL}issues/'
+        params = self._get_new_releases_params(weekday, offset, limit, resources)
+        json = self._get_from_api(url, params, use_cache)
+        return Response(json)
+
+    """ --- GET MULTIPLES OF EACH --- """
+
+    # FILTERS: format, field_list, limit, offset, sort, filter
+
+    def get_issues(self, sort=None, filters=None, resources=None, offset=0, limit=100, use_cache=True):
+        url = f'{self.API_BASE_URL}issues/'
+        params = self._get_issues_params(sort, filters, resources, offset, limit, use_cache)
+        json = self._get_from_api(url, params, use_cache)
+        return Response(json)
+
+    def _get_issues_params(self, sort, filters, resources, offset, limit, use_cache):
+
+        return {
+            'api_key': self.api_key,
+            'format': 'json',
+            'limit': limit,
+            'offset': offset,
+            'sort': sort,
+            'filter': self._validate_issues_filters(filters),
+            'field_list': self._validate_issues_resources(resources)
+        }
+
+    def _validate_issues_resources(self, resources):
+        if not resources:
+            return None
+        valid_resources = self.ISSUES_FIELDS & set(resources)
+        return ','.join(valid_resources) if valid_resources else None
+
+    def _validate_issues_filters(self, filters):
+        if not filters:
+            return None
+        return_filters = {}
+        valid_filters = self.ISSUES_FIELDS & set(filters)
+        for valid_filter in valid_filters:
+            return_filters[valid_filter] = filters[valid_filter]
+        return ','.join(f'{k}:{v}' for k, v in return_filters.items()) if len(return_filters) > 0 else None
+
+    """ --- DONE --- """
+
+    def _get_search_params(self, query, offset, limit, resources):
+
+        return {
+            'api_key': self.api_key,
+            'format': 'json',
+            'limit': limit,
+            'offset': offset,
+            'query': query,
+            'resources': self._validate_search_resources(resources)
+        }
+
+    def _get_issue_params(self, offset, limit, fields):
+
+        return {
+            'api_key': self.api_key,
+            'format': 'json',
+            'limit': limit,
+            'offset': offset,
+            'field_list': self._validate_issue_fields(fields)
+        }
+
+    def _get_character_params(self, offset, limit, fields):
+
+        return {
+            'api_key': self.api_key,
+            'format': 'json',
+            'limit': limit,
+            'offset': offset,
+            'field_list': self._validate_character_fields(fields)
+        }
+
+    def _get_publisher_params(self, offset, limit, fields):
+
+        return {
+            'api_key': self.api_key,
+            'format': 'json',
+            'limit': limit,
+            'offset': offset,
+            'field_list': self._validate_publisher_fields(fields)
+        }
+
+    def _get_concept_params(self, offset, limit, fields):
+
+        return {
+            'api_key': self.api_key,
+            'format': 'json',
+            'limit': limit,
+            'offset': offset,
+            'field_list': self._validate_concept_fields(fields)
+        }
+
+    def _get_location_params(self, offset, limit, fields):
+
+        return {
+            'api_key': self.api_key,
+            'format': 'json',
+            'limit': limit,
+            'offset': offset,
+            'field_list': self._validate_location_fields(fields)
+        }
+
+    def _get_person_params(self, offset, limit, fields):
+
+        return {
+            'api_key': self.api_key,
+            'format': 'json',
+            'limit': limit,
+            'offset': offset,
+            'field_list': self._validate_person_fields(fields)
+        }
+
+    def _get_story_arc_params(self, offset, limit, fields):
+
+        return {
+            'api_key': self.api_key,
+            'format': 'json',
+            'limit': limit,
+            'offset': offset,
+            'field_list': self._validate_story_arc_fields(fields)
+        }
+
+    def _get_volume_params(self, offset, limit, fields):
+
+        return {
+            'api_key': self.api_key,
+            'format': 'json',
+            'limit': limit,
+            'offset': offset,
+            'field_list': self._validate_volume_fields(fields)
+        }
+
+    def _get_team_params(self, offset, limit, fields):
+
+        return {
+            'api_key': self.api_key,
+            'format': 'json',
+            'limit': limit,
+            'offset': offset,
+            'field_list': self._validate_team_fields(fields)
+        }
+
+    def _get_new_releases_params(self, weekday, offset, limit, resources):
+
+        today_date = datetime.date.today()
+
+        delta_days = today_date.weekday() - weekday
+
+        if delta_days == 0:
+            start_date = today_date
+        else:
+            start_date = today_date - datetime.timedelta(delta_days)
+
+        end_date = start_date + datetime.timedelta(7)
+
+        return {
+            'api_key': self.api_key,
+            'format': 'json',
+            'limit': limit,
+            'offset': offset,
+            'filter': f'store_date:{start_date}|{end_date}'
+        }
+
+    def _validate_search_resources(self, resources):
+        if not resources:
+            return None
+        valid_resources = self.SEARCH_RESOURCE_TYPES & set(resources)
+        return ','.join(valid_resources) if valid_resources else None
+
+    def _validate_issue_fields(self, fields):
+        if not fields:
+            return None
+        valid_fields = self.ISSUE_FIELDS & set(fields)
+        return ','.join(valid_fields) if valid_fields else None
+
+    def _validate_character_fields(self, fields):
+        if not fields:
+            return None
+        valid_fields = self.CHARACTER_FIELDS & set(fields)
+        return ','.join(valid_fields) if valid_fields else None
+
+    def _validate_publisher_fields(self, fields):
+        if not fields:
+            return None
+        valid_fields = self.PUBLISHER_FIELDS & set(fields)
+        return ','.join(valid_fields) if valid_fields else None
+
+    def _validate_concept_fields(self, fields):
+        if not fields:
+            return None
+        valid_fields = self.CONCEPT_FIELDS & set(fields)
+        return ','.join(valid_fields) if valid_fields else None
+
+    def _validate_location_fields(self, fields):
+        if not fields:
+            return None
+        valid_fields = self.LOCATION_FIELDS & set(fields)
+        return ','.join(valid_fields) if valid_fields else None
+
+    def _validate_person_fields(self, fields):
+        if not fields:
+            return None
+        valid_fields = self.PERSON_FIELDS & set(fields)
+        return ','.join(valid_fields) if valid_fields else None
+
+    def _validate_story_arc_fields(self, fields):
+        if not fields:
+            return None
+        valid_fields = self.STORY_ARC_FIELDS & set(fields)
+        return ','.join(valid_fields) if valid_fields else None
+
+    def _validate_volume_fields(self, fields):
+        if not fields:
+            return None
+        valid_fields = self.VOLUME_FIELDS & set(fields)
+        return ','.join(valid_fields) if valid_fields else None
+
+    def _validate_team_fields(self, fields):
+        if not fields:
+            return None
+        valid_fields = self.TEAM_FIELDS & set(fields)
+        return ','.join(valid_fields) if valid_fields else None
+
+    def _get_from_api(self, url, params, use_cache):
+
+        def _httpget():
+            response = requests.get(
+                url, headers=self.HEADERS, params=params
+            )
+
+            if not response.ok:
+                self._handle_http_error(response)
+
+            return response.json()
+
+        if not use_cache:
+            with requests_cache.disabled():
+                return _httpget()
+
+        return _httpget()
+
+    def _handle_http_error(self, response):
+
+        exception = {
+            401: ComicVineUnauthorizedError,
+            403: ComicVineForbiddenError
+        }.get(response.status_code, ComicVineApiError)
+        message = f'{response.status_code} {response.reason}'
+
+        raise exception(message)
+
+
+class Response(object):
+
+    def __init__(self, json):
+
+        self.status_code = json.get('status_code', 0)
+        self.error = json.get('error', '')
+        self.number_of_total_results = json.get('number_of_total_results', 0)
+        self.number_of_page_results = json.get('number_of_page_results', 0)
+        self.limit = json.get('limit', 0)
+        self.offset = json.get('offset', 0)
+        self.results = json.get('results', 0)
+        self.timestamp = datetime.datetime.utcnow()
+
+    @property
+    def has_error(self):
+        return self.status_code != 1
+
+    def __repr__(self):
+        return f'<comicvine_client.response.Response(' \
+               f'status_code={self.status_code!r}) ' \
+               f'object at {hex(id(self))}>'
+
+"""-------------------------------------------------------------------------------------------
+-- COMICVINE CLIENT DEFINITION
+-------------------------------------------------------------------------------------------"""
+
+cv = ComicVineClient(stashrconfig['APP']['comicvine_api_key'])

stashr/config.py

@@ -0,0 +1,114 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
+"""
+Stashr - [description]
+"""
+
+"""
+MIT License
+
+Copyright (c) 2020 Andrew Vanderbye
+
+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.
+"""
+
+"""-------------------------------------------------------------------------------------------
+-- IMPORTS
+-------------------------------------------------------------------------------------------"""
+
+""" --- PYTHON IMPORTS --- """
+import os, io, shutil, uuid, base64
+
+from configobj import ConfigObj
+from validate import Validator
+
+""" --- STASHR DEPENDENCY IMPORTS --- """
+""" --- STASHR CORE IMPORTS --- """
+# from stashr import log
+
+""" --- CREATE LOGGER --- """
+# logger = log.stashr_logger(__name__)
+
+"""-------------------------------------------------------------------------------------------
+-- CONFIGURATION
+-------------------------------------------------------------------------------------------"""
+
+
+class StashrConfig(ConfigObj):
+
+    configspec = u"""
+[APP]
+server_port = integer(default=5002)
+log_level = option('CRITICAL', 'ERROR', 'WARNING', 'INFO', 'DEBUG', default='INFO')
+open_registration = boolean(default=False)
+page_length = integer(default=30)
+first_run = boolean(default=True)
+comicvine_api_key = string(default='')
+[DIRECTORY]
+temp = string(default='temp')
+comics = string(default='comics')
+log = string(default='log')
+backup = string(default='backup')
+plugins = string(default='plugins')
+images = string(default='images')
+[API]
+comicvine_api_key = string(default='')
+[SECURITY]
+cookie_secret = string(default='')
+[MAIL]
+mail_username = string(default="")
+mail_password = string(default="")
+mail_default_sender = string(default="")
+mail_server = string(default="")
+mail_port = integer(default=0)
+mail_use_ssl = boolean(default=False)
+[NAMING]
+file = string(default="{volume_name} - {issue_number:0>3}")
+folder = string(default="{volume_name} ({volume_year}) [{volume_id}]")
+        """
+
+    def __init__(self):
+        super(StashrConfig, self).__init__()
+
+        if not os.path.exists('configspec.ini'):
+            with open('configspec.ini', 'w') as fd:
+                shutil.copyfileobj(io.StringIO(StashrConfig.configspec), fd)
+
+        self.filename = os.path.join('config.ini')
+        self.configspec = os.path.join('configspec.ini')
+        self.encoding = "UTF8"
+
+        tmp = ConfigObj(self.filename, configspec=self.configspec, encoding=self.encoding)
+        validator = Validator()
+        tmp.validate(validator, copy=True)
+
+        if tmp['SECURITY']['cookie_secret'] == '':
+            tmp['SECURITY']['cookie_secret'] = base64.b64encode(uuid.uuid4().bytes + uuid.uuid4().bytes);
+
+        self.merge(tmp)
+
+        if not os.path.exists(self.filename):
+            self.write()
+
+"""-------------------------------------------------------------------------------------------
+-- CONFIGURATION DEFINITION
+-------------------------------------------------------------------------------------------"""
+
+stashrconfig = StashrConfig()

stashr/database.py

@@ -0,0 +1,678 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
+"""
+Stashr - Database Definition
+"""
+
+"""
+MIT License
+
+Copyright (c) 2020 Andrew Vanderbye
+
+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.
+"""
+
+"""-------------------------------------------------------------------------------------------
+-- IMPORTS
+-------------------------------------------------------------------------------------------"""
+
+""" --- HUEY IMPORT --- """
+""" --- PYTHON IMPORTS --- """
+import os
+from datetime import datetime
+
+""" --- STASHR DEPENDENCY IMPORTS --- """
+""" --- STASHR CORE IMPORTS --- """
+from stashr import log, paths, folders
+# from folders import StashrPaths
+
+""" --- FLASK EXTENSION IMPORTS --- """
+from flask_login import UserMixin
+from flask_bcrypt import generate_password_hash
+
+""" --- SQLALCHEMY IMPORTS --- """
+from sqlalchemy import *
+from sqlalchemy.ext.declarative import declarative_base
+from sqlalchemy.orm import *
+
+""" --- CREATE LOGGER --- """
+logger = log.stashr_logger(__name__)
+
+""" --- CREATE SQLITE ENGINE --- """
+engine = create_engine('sqlite:///{0}'.format(paths.db_path),
+                       connect_args={'check_same_thread': False, 'timeout': 15},
+                       echo=False)
+
+Base = declarative_base()
+
+from marshmallow_sqlalchemy import ModelSchema, SQLAlchemyAutoSchema, SQLAlchemySchema, auto_field
+from marshmallow import fields
+from marshmallow_sqlalchemy.fields import Nested
+
+"""-------------------------------------------------------------------------------------------
+-- DATABASE
+-------------------------------------------------------------------------------------------"""
+
+""" --- RATINGS --- """
+
+RATING_A = 0
+RATING_T = 1
+RATING_T_PLUS = 2
+RATING_PA = 3
+RATING_EX = 4
+RATING_UR = 5
+
+ratings_dict = [
+    "E",
+    "T",
+    "T+",
+    "PA",
+    "Ex",
+    "UR",
+]
+
+ratings_dict_words = {
+    0: 'Everyone',
+    1: 'Teen',
+    2: 'Teen+',
+    3: 'Parental Advisory',
+    4: 'Explicit',
+    5: 'Unrated',
+}
+
+reverse_ratings_dict = {
+    'Everyone': 0,
+    'Teen': 1,
+    'Teen+': 2,
+    'Parental Advisory': 3,
+    'Explicit': 4,
+    'Unrated': 5,
+}
+
+
+""" --- DATABASE TABLES --- """
+
+
+class Users(Base, UserMixin):
+    __tablename__ = 'users'
+
+    id = Column(Integer, primary_key=True)
+
+    # AUTHENTICATION INFORMATION
+    username = Column(String(50), nullable=False, unique=true, server_default='')
+    password = Column(String(50), nullable=False, server_default='')
+
+    # USER PERMISSIONS
+    role = Column(String(100), nullable=False, server_default='reader')
+    rating_allowed = Column(Integer, ForeignKey('age_ratings.rating_value'), nullable=False, server_default='0')
+
+    # USER EMAIL INFORMATION
+    email = Column(String(255), nullable=False, unique=True, server_default='')
+    confirmed_at = Column(DateTime()) # REMOVE?
+
+    # USER INFORMATION
+    is_active = Column(Boolean(), nullable=False, server_default='0') # REMOVE?
+
+    # USER API KEY
+    api_key = Column(String, server_default='')
+
+    # USER LISTS
+    user_reading_list = relationship('ReadingLists', backref='user', lazy='dynamic')
+
+    # JOINS
+    age_rating_title = relationship('AgeRatings', 
+                                    primaryjoin='Users.rating_allowed == AgeRatings.rating_value',
+                                    backref='users',
+                                    lazy='joined')
+
+class Volumes(Base):
+    __tablename__ = 'volumes'
+
+    volume_id = Column(Integer, ForeignKey('directory_link.directory_volume_id'), primary_key=True)
+
+    # VOLUME INFORMATION
+    volume_name = Column(String)
+    volume_description = Column(String)
+    volume_year = Column(String(4))
+    volume_publisher_id = Column(Integer, ForeignKey('publishers.publisher_id'))
+    volume_url = Column(String)
+
+    # VOLUME IMAGE URL
+    volume_image = Column(String)
+
+    # VOLUME DETAILS
+    volume_latest = Column(String)
+    volume_have = Column(String)
+    volume_total = Column(String)
+    volume_status = Column(Boolean, server_default='0')
+    volume_last_update = Column(Date)
+
+    # VOLUME STASHR INFO
+    volume_path = Column(String)
+    volume_age_rating = Column(Integer, server_default=str(RATING_UR))
+    volume_slug = Column(String, unique=True)
+    volume_sort_title = Column(String)
+
+    # JOINS
+    publisher = relationship('Publishers',
+                             primaryjoin='Volumes.volume_publisher_id == Publishers.publisher_id',
+                             backref='volumes',
+                             lazy='joined')
+    
+    age_rating = relationship('AgeRatings',
+                              primaryjoin='Volumes.volume_age_rating == AgeRatings.rating_value',
+                              backref='volumes',
+                              lazy='joined')
+
+    directory = relationship('Directories',
+                             primaryjoin='Volumes.volume_id == Directories.directory_volume_id', 
+                             backref='volumes',
+                             lazy='joined')
+
+
+class Issues(Base):
+    __tablename__ = 'issues'
+
+    issue_id = Column(Integer, primary_key=True)
+
+    # FOREIGN KEY RELATION
+    issue_volume_id = Column(Integer, ForeignKey('volumes.volume_id'))
+
+    # ISSUE INFORMATION
+    issue_name = Column(String)
+    issue_number = Column(String)
+    issue_release_date = Column(String)
+    issue_description = Column(String)
+
+    # ISSUE IMAGE URL
+    issue_cover_url = Column(String)
+
+    # ISSUE STASHR DETAILS
+    issue_file_status = Column(Boolean, server_default='0')
+    issue_file_date = Column(Date)
+    issue_file_path = Column(String)
+
+    # ADDITIONAL ISSUE INFO
+    issue_character_credits = Column(String)
+    issue_person_credits = Column(String)
+    issue_story_arc_credits = Column(String)
+    issue_team_credits = Column(String)
+
+    issue_json = Column(String)
+
+    # JOINS
+    volume = relationship('Volumes',
+                          primaryjoin='Issues.issue_volume_id == Volumes.volume_id',
+                          backref='issues',
+                          lazy='joined')
+    
+    read_status = relationship('ReadIssues',
+                               primaryjoin='Issues.issue_id == ReadIssues.read_issue_id',
+                               backref='issues')
+
+    owned_status = relationship('OwnedIssues',
+                                primaryjoin='Issues.issue_id == OwnedIssues.owned_issue_id',
+                                backref='issues')
+    
+    
+    collections = relationship('CollectionLinks',
+                                primaryjoin='Issues.issue_id == CollectionLinks.collection_link_issue_id',
+                                backref='issues')
+
+    readinglist = relationship('ReadingLists',
+                                primaryjoin='Issues.issue_id == ReadingLists.reading_list_issue_id',
+                                backref='issues')
+
+
+class NewReleases(Base):
+    __tablename__ = 'new_releases'
+
+    new_release_id = Column(Integer, primary_key=True)
+
+    new_release_issue_id = Column(Integer, ForeignKey('issues.issue_id'))
+    new_release_volume_id = Column(Integer, ForeignKey('volumes.volume_id'))
+
+    new_release_comic_name = Column(String)
+    new_release_issue_number = Column(String)
+    new_release_publisher_id = Column(Integer)
+    new_release_publish_date = Column(String)
+
+    new_release_item_url = Column(String)
+    new_release_image_url = Column(String)
+
+    # JOINS
+    status = relationship('Volumes',
+                          primaryjoin='NewReleases.new_release_volume_id == Volumes.volume_id',
+                          backref='new_releases',
+                          lazy='select')
+
+    publisher = relationship('Publishers',
+                             primaryjoin='NewReleases.new_release_publisher_id == Publishers.publisher_id',
+                             backref='new_releases',
+                             viewonly=True,
+                             sync_backref=False,
+                             lazy='joined')
+
+
+class ReadIssues(Base):
+    __tablename__ = 'issues_read_link'
+
+    read_id = Column(Integer, primary_key=True)
+
+    read_user_id = Column(Integer, ForeignKey('users.id'))
+    read_issue_id = Column(Integer, ForeignKey('issues.issue_id'))
+    read_volume_id = Column(Integer, ForeignKey('volumes.volume_id'))
+
+    read_status = Column(Boolean, unique=False)
+
+
+class OwnedIssues(Base):
+    __tablename__ = 'issues_owned_link'
+
+    def as_dict(self):
+        return {c.name: getattr(self, c.name) for c in self.__table__.columns}
+
+    owned_id = Column(Integer, primary_key=True)
+
+    owned_user_id = Column(Integer, ForeignKey('users.id'))
+    owned_issue_id = Column(Integer, ForeignKey('issues.issue_id'))
+    owned_volume_id = Column(Integer, ForeignKey('volumes.volume_id'))
+
+    owned_status = Column(Boolean, unique=False)
+
+
+class Collections(Base):
+    __tablename__ = 'collections'
+
+    collection_id = Column(Integer, primary_key=True)
+
+    collection_user_id = Column(Integer, ForeignKey('users.id'))
+
+    collection_name = Column(String)
+    collection_slug = Column(String)
+    collection_sort_title = Column(String)
+    collection_public = Column(Boolean, server_default='0')
+
+    collection_age_rating = Column(Integer, server_default=str(RATING_UR))
+
+    collection_description = Column(String)
+    collection_cover_image = Column(Integer)
+
+    user = relationship('Users',
+                        primaryjoin='Collections.collection_user_id == Users.id',
+                        backref='collections',
+                        lazy='joined')
+
+
+class CollectionLinks(Base):
+    __tablename__ = 'collection_issues'
+
+    collection_link_id = Column(Integer, primary_key=True)
+
+    collection_link_collection_id = Column(Integer, ForeignKey('collections.collection_id'))
+    collection_link_issue_id = Column(Integer, ForeignKey('issues.issue_id'))
+    collection_link_issue_position = Column(Integer)
+
+    issue = relationship('Issues',
+                         primaryjoin='CollectionLinks.collection_link_issue_id == Issues.issue_id',
+                         backref='collection_issues',
+                         lazy='joined')
+
+    collection = relationship('Collections',
+                              primaryjoin='CollectionLinks.collection_link_collection_id == Collections.collection_id',
+                              backref='collection_issues',
+                              lazy='joined')
+
+class ReadingLists(Base):
+    __tablename__ = 'reading_lists'
+
+    reading_list_id = Column(Integer, primary_key=True)
+
+    reading_list_user_id = Column(Integer, ForeignKey('users.id'))
+    reading_list_volume_id = Column(Integer)
+    reading_list_issue_id = Column(Integer, ForeignKey('issues.issue_id'))
+    reading_list_position = Column(Integer, unique=False)
+
+    issue = relationship('Issues',
+                         primaryjoin='ReadingLists.reading_list_issue_id == Issues.issue_id',
+                         backref='reading_lists',
+                         lazy='joined')
+
+
+class Characters(Base):
+    __tablename__ = 'characters'
+
+    character_id = Column(Integer, primary_key=True)
+
+    character_name = Column(String)
+    character_description = Column(String)
+    character_image = Column(String)
+    character_issue_credits = Column(String)
+    character_volume_credits = Column(String)
+
+
+class People(Base):
+    __tablename__ = 'people'
+
+    person_id = Column(Integer, primary_key=True)
+
+    person_name = Column(String)
+    person_image = Column(String)
+    person_website = Column(String)
+    person_description = Column(String)
+
+
+class Publishers(Base):
+    __tablename__ = 'publishers'
+
+    publisher_id = Column(Integer, ForeignKey('new_releases.new_release_publisher_id'), primary_key=True)
+
+    publisher_image = Column(String)
+    publisher_name = Column(String)
+    publisher_description = Column(String)
+
+
+class StoryArcs(Base):
+    __tablename__ = 'story_arcs'
+
+    story_arc_id = Column(Integer, primary_key=True)
+
+    story_arc_description = Column(String)
+    story_arc_image = Column(String)
+    story_arc_count_of_issues = Column(Integer)
+    story_arc_issues = Column(String)
+
+
+class AgeRatings(Base):
+    __tablename__ = 'age_ratings'
+
+    rating_id = Column(Integer, primary_key=True)
+
+    rating_value = Column(Integer, ForeignKey('volumes.volume_age_rating'))
+    rating_short = Column(String)
+    rating_long = Column(String)
+
+
+class Libraries(Base):
+    __tablename__ = 'libraries'
+
+    library_id = Column(Integer, primary_key=True)
+
+    library_default = Column(Boolean, server_default='0')
+    library_path = Column(String)
+
+class Directories(Base):
+    __tablename__ = 'directory_link'
+
+    directory_id = Column(Integer, primary_key=True)
+
+    directory_volume_id = Column(Integer, ForeignKey('volumes.volume_id'), unique=True)
+    directory_path= Column(String)
+    directory_in_library = Column(Boolean, server_default='0')
+    
+
+class ScrapeItems(Base):
+    __tablename__ = 'scrape_items'
+
+    scrape_id = Column(Integer, primary_key=True)
+
+    scrape_directory_id = Column(Integer, ForeignKey('directory_link.directory_id'))
+    scrape_directory = Column(String, unique=True)
+
+    scrape_match = Column(Boolean, server_default='0')
+    scrape_add = Column(Boolean, server_default='0')
+    scrape_candidate = Column(Integer)
+    scrape_json = Column(String)
+
+    directory = relationship('Directories', 
+                             primaryjoin='ScrapeItems.scrape_directory_id == Directories.directory_id',
+                             backref='scrape_items',
+                             lazy='joined')
+
+
+"""-------------------------------------------------------------------------------------------
+-- DATABASE SCHEMAS
+-------------------------------------------------------------------------------------------"""
+
+class PublishersSchema(SQLAlchemyAutoSchema):
+    class Meta:
+        include_fk = True
+        model = Publishers
+
+
+class AgeRatingsSchema(SQLAlchemyAutoSchema):
+    class Meta:
+        include_fk = True
+        model = AgeRatings
+
+
+class UsersSchema(SQLAlchemySchema):
+    class Meta:
+        include_fk = True
+        model = Users
+
+    id = auto_field()
+    username = auto_field()
+    role = auto_field()
+    rating_allowed = auto_field()
+    email = auto_field()
+    
+    age_rating_title = Nested(AgeRatingsSchema)
+
+
+class DirectoriesSchema(SQLAlchemyAutoSchema):
+    class Meta:
+        model = Directories
+
+
+class VolumesSchema(SQLAlchemyAutoSchema):
+    class Meta:
+        include_fk = True
+        model = Volumes
+
+    publisher = Nested(PublishersSchema)
+    age_rating = Nested(AgeRatingsSchema, many=True)
+    directory = Nested(DirectoriesSchema)
+
+
+class NewReleasesSchema(SQLAlchemyAutoSchema):
+    class Meta:
+        include_fk = True
+        model = NewReleases
+
+    status = Nested(VolumesSchema)
+    publisher = Nested(PublishersSchema)
+
+
+class ReadIssuesSchema(SQLAlchemyAutoSchema):
+    class Meta:
+        model = ReadIssues
+        include_fk = True
+
+
+class OwnedIssuesSchema(SQLAlchemyAutoSchema):
+    class Meta:
+        model = OwnedIssues
+
+
+class CollectionsSchema(SQLAlchemyAutoSchema):
+    class Meta:
+        model = Collections
+
+    user = Nested(UsersSchema)
+
+
+class IssuesSchema(SQLAlchemyAutoSchema):
+    class Meta:
+        model = Issues
+       
+    volume = Nested(VolumesSchema)
+    read_status = Nested(ReadIssuesSchema, many=True)
+    owned_status = Nested(OwnedIssuesSchema, many=True)
+
+
+class CollectionLinksSchema(SQLAlchemyAutoSchema):
+    class Meta:
+        model = CollectionLinks
+
+    issue = Nested(IssuesSchema)
+    collection = Nested(CollectionsSchema)
+
+
+class ReadingListsSchema(SQLAlchemyAutoSchema):
+    class Meta:
+        model = ReadingLists
+
+    issue = Nested(IssuesSchema)
+
+
+class CharactersSchema(SQLAlchemyAutoSchema):
+    class Meta:
+        model = Characters
+
+
+class PeopleSchema(SQLAlchemyAutoSchema):
+    class Meta:
+        model = People
+
+
+class StoryArcsSchema(SQLAlchemyAutoSchema):
+    class Meta:
+        model = StoryArcs
+
+
+class ScrapeItemsSchema(SQLAlchemyAutoSchema):
+    class Meta:
+        model = ScrapeItems
+
+    directory = Nested(DirectoriesSchema)
+
+"""-------------------------------------------------------------------------------------------
+-- DATABASE DEFINITION
+-------------------------------------------------------------------------------------------"""
+
+Session = sessionmaker(bind=engine)
+session = Session()
+
+"""-------------------------------------------------------------------------------------------
+-- DATABASE FUNCTIONS
+-------------------------------------------------------------------------------------------"""
+
+
+# Create Default Admin Account
+def create_default_admin():
+
+    user = Users()
+
+    user.username = 'admin'
+    user.password = generate_password_hash('admin123').decode('utf-8')
+    user.role = 'admin'
+    user.email = 'no@email.com'
+    user.confirmed_at = datetime.now()
+    user.is_active = True
+    user.rating_allowed = RATING_UR
+
+    session.add(user)
+    session.commit()
+
+
+def create_default_age_ratings():
+
+    json = []
+
+    rating_e = {
+        "rating_value": 0,
+        "rating_short": 'E',
+        "rating_long": 'Everyone'
+    }
+    rating_t = {
+        "rating_value": 1,
+        "rating_short": 'T',
+        "rating_long": 'Teen'
+    }
+    rating_t_plus = {
+        "rating_value":2,
+        "rating_short": 'T+',
+        "rating_long": 'Teen+'
+    }
+    rating_pa = {
+        "rating_value": 3,
+        "rating_short": 'PA',
+        "rating_long": 'Parental Advisory'
+    }
+    rating_ex = {
+        "rating_value": 4,
+        "rating_short": 'Ex',
+        "rating_long": 'Explicit'
+    }
+    rating_ur = {
+        "rating_value": 5,
+        "rating_short": 'UR',
+        "rating_long": 'Unrated'
+    }
+
+    json.append(rating_e)
+    json.append(rating_t)
+    json.append(rating_t_plus)
+    json.append(rating_pa)
+    json.append(rating_ex)
+    json.append(rating_ur)
+
+    print(json)
+
+    for rating in json:
+        new_rating = AgeRatings()
+        new_rating.rating_value = rating['rating_value']
+        new_rating.rating_short = rating['rating_short']
+        new_rating.rating_long = rating['rating_long']
+
+        session.add(new_rating)
+
+    session.commit()
+
+
+# Migrate Database
+def migrate_database():
+    # CHECK FOR NEW DATABASE TABLES
+    if not engine.dialect.has_table(engine.connect(), "directory_link"):
+        Directories.__table__.create(bind=engine)
+    # CHECK FOR NEW TABLE COLUMNS
+
+
+# Create Database
+if not os.path.exists(folders.StashrPaths().db_path()):
+    print(f'PATH: {folders.StashrPaths().db_path()}')
+    try:
+        logger.debug('Creating Database')
+        Base.metadata.create_all(engine)
+        create_default_admin()
+        create_default_age_ratings()
+    except Exception as e:
+        logger.error('Problem Creating Database')
+        logger.error(e)
+        raise e
+else:
+    logger.debug('Database Exists')
+    try:
+        Base.metadata.create_all(engine)
+        migrate_database()
+    except Exception as e:
+        logger.error('Problem Accessing Database')
+        logger.error(e)

stashr/folders.py

@@ -0,0 +1,173 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
+"""
+Stashr - [description]
+"""
+
+"""
+MIT License
+
+Copyright (c) 2020 Andrew Vanderbye
+
+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.
+"""
+
+"""-------------------------------------------------------------------------------------------
+-- IMPORTS
+-------------------------------------------------------------------------------------------"""
+
+""" --- HUEY IMPORT --- """
+""" --- PYTHON IMPORTS --- """
+import os
+""" --- STASHR DEPENDENCY IMPORTS --- """
+""" --- STASHR CORE IMPORTS --- """
+from stashr import log
+
+""" --- CREATE LOGGER --- """
+logger = log.stashr_logger(__name__)
+
+from stashr.config import stashrconfig
+
+"""-------------------------------------------------------------------------------------------
+-- PATHS
+-------------------------------------------------------------------------------------------"""
+
+class StashrPaths:
+
+
+    def base_path(self):
+        return os.path.normpath(os.path.dirname(os.path.realpath(__file__)) + os.sep + '..' + os.sep)
+
+
+    def db_path(self):
+        return os.path.join(
+            self.base_path(),
+            'database.db'
+        )
+
+# base_path = os.path.normpath(os.path.dirname(os.path.realpath(__file__)) + os.sep + '..' + os.sep)
+# db_path = os.path.join(base_path, 'database.db')
+
+"""-------------------------------------------------------------------------------------------
+-- FOLDERS
+-------------------------------------------------------------------------------------------"""
+
+
+class StashrFolders:
+
+
+    def temp_folder(self):
+
+        folder = os.path.join(
+            StashrPaths().base_path(),
+            stashrconfig['DIRECTORY']['temp']
+        )
+
+        if not os.path.isdir(folder):
+            logger.debug('Creating Temp Folder')
+            os.mkdir(folder)
+
+        return folder
+
+
+    def comic_folder(self):
+
+        folder = os.path.join(
+            StashrPaths().base_path(),
+            stashrconfig['DIRECTORY']['comics']
+        )
+
+        logger.debug(folder)
+
+        if not os.path.isdir(folder):
+            logger.info('Creating Volumes Folder')
+            os.mkdir(folder)
+
+        return folder
+
+
+    def log_folder(self):
+
+        folder = os.path.join(
+            StashrPaths().base_path(),
+            stashrconfig['DIRECTORY']['log']
+        )
+
+        if not os.path.isdir(folder):
+            logger.info('Creating Log Folder')
+            os.mkdir(folder)
+
+        return folder
+
+
+    def backup_folder(self):
+
+        folder = os.path.join(
+            StashrPaths().base_path(),
+            stashrconfig['DIRECTORY']['backup']
+        )
+
+        if not os.path.isdir(folder):
+            logger.info('Creating Backup Folder')
+            os.mkdir(folder)
+
+        return folder
+
+
+    def plugins_folder(self):
+
+        folder = os.path.join(
+            StashrPaths().base_path(),
+            stashrconfig['DIRECTORY']['plugins']
+        )
+
+        if not os.path.isdir(folder):
+            logger.info('Creating Plugins Folder')
+            os.mkdir(folder)
+
+        return folder
+
+
+    def images_folder(self):
+
+        folder = os.path.join(
+            StashrPaths().base_path(),
+            stashrconfig['DIRECTORY']['images']
+        )
+
+        if not os.path.isdir(folder):
+            logger.info('Creating Images Folder')
+            os.mkdir(folder)
+        
+        return folder
+
+
+    def covers_folder(self):
+
+        folder = os.path.join(
+            StashrPaths().base_path(),
+            stashrconfig['DIRECTORY']['covers']
+        )
+
+        if not os.path.isdir(folder):
+            logger.info('Creating Covers Folder')
+            os.mkdir(folder)
+
+        return folder

stashr/forms.py

@@ -0,0 +1,603 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
+"""
+Stashr - Forms
+"""
+
+"""
+MIT License
+
+Copyright (c) 2020 Andrew Vanderbye
+
+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.
+"""
+
+"""-------------------------------------------------------------------------------------------
+-- IMPORTS
+-------------------------------------------------------------------------------------------"""
+
+""" --- HUEY IMPORT --- """
+""" --- PYTHON IMPORTS --- """
+""" --- STASHR DEPENDENCY IMPORTS --- """
+""" --- STASHR CORE IMPORTS --- """
+from stashr import log, database
+
+""" --- FLASK EXTENSION IMPORTS --- """
+from flask_wtf import FlaskForm
+from flask_wtf.file import FileField, FileRequired, FileAllowed
+
+from wtforms import StringField, BooleanField, SelectField, IntegerField, HiddenField, TextAreaField, SubmitField
+from wtforms.validators import DataRequired, Length, Email, EqualTo, ValidationError
+
+from flask_bcrypt import check_password_hash, generate_password_hash
+
+""" --- CREATE LOGGER --- """
+logger = log.stashr_logger(__name__)
+
+"""-------------------------------------------------------------------------------------------
+-- FORM VALIDATIONS
+-------------------------------------------------------------------------------------------"""
+
+VALID_ROLES = [ 'admin',
+                'librarian',
+                'patron',
+                'reader'
+    ]
+
+VALID_RATINGS = [ 'Everyone',
+                  'Teen',
+                  'Teen+',
+                  'Parental Advisory',
+                  'Explicit',
+                  'Unrated'
+]
+
+VALID_LOGGING_LEVELS = [ 'CRITICAL',
+                         'ERROR',
+                         'WARNING',
+                         'INFO',
+                         'DEBUG']
+
+def check_user_email(form, field):
+    if database.session.query(database.Users).filter( (database.Users.username==field.data) | (database.Users.email==field.data) ).first() is None:
+        raise ValidationError('Username/Email not found')
+
+
+def dup_username_check(form, field):
+    if database.session.query(database.Users).filter_by(username=field.data).first() is not None:
+        raise ValidationError('Username already exists')
+
+
+def dup_email_check(form, field):
+    if database.session.query(database.Users).filter_by(email=field.data).first() is not None:
+        raise ValidationError('Email already has an account')
+
+
+def check_existing_email(form, field):
+    if database.session.query(database.Users).filter_by(email=field.data).first() is None:
+        raise ValidationError('Email not associated with account')
+
+
+def update_email_check(form, field):
+    # print(database.session.query(database.Users).filter_by(email=field.data).first().id)
+    if int(database.session.query(database.Users).filter_by(email=field.data).first().id) != int(form.user_id.data):
+        raise ValidationError('Email associated with a different account')
+
+
+"""-------------------------------------------------------------------------------------------
+-- FORMS
+-------------------------------------------------------------------------------------------"""
+
+""" --- USER FORMS --- """
+
+
+# LOGIN FORM
+class login_form(FlaskForm):
+    username = StringField(
+        'Username/Email',
+        validators = [
+            DataRequired(message='Please enter a Username'),
+            check_user_email
+        ]
+    )
+    password = StringField(
+        'Password',
+        validators = [
+            DataRequired(message='Please enter a password')
+        ]
+    )
+    remember_me = BooleanField(
+        'Remember Me',
+        validators = [
+        ]
+    )
+    login_button = SubmitField(
+        'Login'
+    )
+
+
+# REGISTRATION FORM
+class registration_form(FlaskForm):
+    username  = StringField(
+        'Username',
+        validators = [
+            DataRequired(message='Please enter a Username'),
+            Length(min=5, message='Username must be at least 5 characters'),
+            dup_username_check
+        ]
+    )
+    email = StringField(
+        'Email',
+        validators = [
+            DataRequired(message='Please enter your email address'),
+            Email(message='Please enter a valid email address'),
+            dup_email_check
+        ]
+    )
+    reg_password = StringField(
+        'Password',
+        validators = [
+            DataRequired(message='Please enter a password'),
+            Length(min=8, message='Password must be at least 8 characters')
+        ]
+    )
+    confirm_reg_password = StringField(
+        'Confirm Password',
+        validators = [
+            DataRequired(message='Please confirm your password'),
+            Length(min=8),
+            EqualTo('reg_password', message='Passwords must match')
+        ]
+    )
+
+    register_button = SubmitField(
+        'Register'
+    )
+
+
+# FORGOT PASSWORD FORM
+class forgot_password_form(FlaskForm):
+    email = StringField(
+        'Email Address',
+            validators = [
+                DataRequired(message='Please enter your email address'),
+                Email(message='Please enter a valid email address'),
+                check_existing_email
+            ]
+        )
+    forgot_button = SubmitField(
+        'Send Email'
+    )
+
+
+class new_user_form(FlaskForm):
+    
+    username  = StringField(
+        'Username',
+        validators = [
+            DataRequired(message='Please enter a Username'),
+            Length(min=5, message='Username must be at least 5 characters'),
+            dup_username_check
+        ]
+    )
+    email = StringField(
+        'Email',
+        validators = [
+            DataRequired(message='Please enter an email address'),
+            Email(message='Please enter a valid email address'),
+            dup_email_check
+        ]
+    )
+    password = StringField(
+        'Password',
+        validators = [
+            DataRequired(message='Please enter a password'),
+            Length(min=8, message='Password must be at least 8 characters')
+        ]
+    )
+    confirm_password = StringField(
+        'Confirm Password',
+        validators = [
+            DataRequired(message='Please confirm your password'),
+            Length(min=8),
+            EqualTo('password', message='Passwords must match')
+        ]
+    )
+    role = SelectField(
+        'Role',
+        choices = [
+            (role, role) for role in VALID_ROLES
+        ]
+    )
+    age_rating = SelectField(
+        'Age Rating',
+        choices = [
+            (rating[0], rating[1]) for rating in database.ratings_dict_words.items()
+        ]
+    )
+
+    new_user_button = SubmitField(
+        'Create User'
+    )
+
+
+""" --- SETTINGS FORMS --- """
+
+
+# UPDATE APP SETTINGS
+class update_app_settings_form(FlaskForm):
+    # open_registration - boolean
+    open_registration = BooleanField(
+        'Open Registration',
+        validators = [
+        ]
+    )
+
+    # server_port - int
+    server_port = IntegerField(
+        'Server Port',
+        validators = [
+        ]
+    )
+
+    # api_comicvine - string
+    comicvine_api_key = StringField(
+        'Comicvine API Key',
+        validators=[
+        ]
+    )
+
+    # debug level
+    log_level = SelectField(
+        'Logging Level',
+        choices = [
+            (level, level) for level in VALID_LOGGING_LEVELS
+        ]
+    )
+
+    update_app_button = SubmitField(
+        'Update'
+    )
+
+
+# UPDATE DIRECTORY SETTINGS
+class update_directory_settings_form(FlaskForm):
+    # temp
+    temp_directory = StringField(
+        'Temp Directory',
+        validators=[
+        ]
+    )
+    # comics
+    comics_directory = StringField(
+        'Comics Directory',
+        validators=[
+        ]
+    )
+    # log
+    log_directory = StringField(
+        'Log Directory',
+        validators=[
+        ]
+    )
+    # backup
+    backup_directory = StringField(
+        'Backup Directory',
+        validators=[
+        ]
+    )
+    # plugins
+    plugins_directory = StringField(
+        'Plugins Directory',
+        validators=[
+        ]
+    )
+    # images
+    images_directory = StringField(
+        'Images Directory',
+        validators=[
+        ]
+    )
+
+    update_directory_button = SubmitField(
+        'Update'
+    )
+
+
+
+# UPDATE MAIL SETTINGS
+class update_mail_settings_form(FlaskForm):
+
+    mail_use = BooleanField(
+        'Use Mail',
+        validators = [
+        ]
+    )
+
+    # mail_username - string
+    mail_username = StringField(
+        'Username',
+        validators = [
+        ]
+    )
+    # mail_password - string
+    mail_password = StringField(
+        'Password',
+        validators = [
+        ]
+    )
+    # mail_default_sender - string
+    mail_default_sender = StringField(
+        'Default Sender',
+        validators = [
+        ]
+    )
+    # mail_server - string
+    mail_server = StringField(
+        'Mail Server',
+        validators = [
+        ]
+    )
+    # mail_port - integer
+    mail_port = IntegerField(
+        'Port',
+        validators = [
+        ]
+    )
+    # mail_use_ssl - boolean
+    mail_use_ssl = BooleanField(
+        'Use SSL',
+        validators = [
+        ]
+    )
+    update_mail_button = SubmitField(
+        'Update'
+    )
+
+
+# APP FIRST RUN FORM
+class app_first_run_form(FlaskForm):
+
+    username = StringField(
+        'Admin Username',
+        validators = [
+            DataRequired(message='Administrative Username Required')
+        ]
+    )
+
+    email = StringField(
+        'E-Mail',
+        validators = [
+            DataRequired(message='Administrative E-Mail Required'),
+            Email(message='Please enter a valid email address'),
+        ]
+    )
+
+    password = StringField(
+        'Password',
+        validators = [
+            DataRequired(message='Please enter a password'),
+            Length(min=8, message='Password must be at least 8 characters')
+        ]
+    )
+
+    confirm_password = StringField(
+        'Confirm Password',
+        validators = [
+            DataRequired(message='Please enter a password'),
+            Length(min=8, message='Password must be at least 8 characters'),
+            EqualTo('password', message='Passwords must match')
+        ]
+    )
+
+    comicvine_api_key = StringField(
+        'Comivine API Key',
+        validators = [
+            DataRequired(message='Please enter your Comicvine API Key')
+        ]
+    )
+
+    open_registration = BooleanField(
+        'Enable Open Registration',
+        validators = []
+    )
+
+    logging_level = SelectField(
+        'Logging Level',
+        choices=[
+            (level, level) for level in VALID_LOGGING_LEVELS
+        ]
+    )
+
+    first_run_button = SubmitField(
+        'Save Settings'
+    )
+
+    """
+    # App Logging
+    app_logging = BooleanField(
+        'Enable App Logging',
+        validators = [
+        ]
+    )
+    # App Open Registration
+    app_open_registration = BooleanField(
+        'Enable Open Registration',
+        validators = [
+        ]
+    )
+    # api_comicvine - string
+    api_comicvine = StringField(
+        'Comicvine API',
+        validators = [
+            DataRequired(message='Please enter your Comicvine API Key')
+        ]
+    )
+    email = StringField(
+        'Admin Email',
+        validators = [
+            DataRequired(message='Please enter your email address'),
+            Email(message='Please enter a valid email address'),
+            dup_email_check
+        ]
+    )
+    app_logging_level = SelectField(
+        'Logging Level',
+        choices=[
+            (level, level) for level in VALID_LOGGING_LEVELS
+        ]
+    )
+    admin_fr_password = StringField(
+        'Admin Password',
+        validators = [
+            DataRequired(message='Please enter a password'),
+            Length(min=8, message='Password must be at least 8 characters')
+        ]
+    )
+    confirm_admin_fr_password = StringField(
+        'Confirm Admin Password',
+        validators = [
+            DataRequired(message='Please confirm your password'),
+            Length(min=8),
+            EqualTo('admin_fr_password', message='Passwords must match')
+        ]
+    )
+    submit_first_button = SubmitField(
+        'Save'
+    )
+    """
+
+# Change Password Form
+class change_password_form(FlaskForm):
+
+    def __init__(self, user, *args, **kwargs):
+        super(change_password_form, self).__init__(*args, **kwargs)
+        self.user = user
+
+    old_password = StringField(
+        'Old Password',
+        validators = [
+            DataRequired(message='Please enter your password'),
+            Length(min=8, message='Password must be at least 8 characters')
+        ]
+    )
+
+    new_password = StringField(
+        'New Password',
+        validators = [
+            DataRequired(message='Please enter a new password'),
+            Length(min=8, message='Password must be at least 8 characters')
+        ]
+    )
+    confirm_password = StringField(
+        'Confirm New Password',
+        validators = [
+            DataRequired(message='Please confirm your new password'),
+            Length(min=8, message='Password must be at least 8 characters'),
+            EqualTo('new_password', message='Passwords must match')
+        ]
+    )
+
+    update_password_button = SubmitField(
+        'Update Password'
+    )
+    
+    def validate_old_password(self, field):
+
+        if not check_password_hash(self.user.password, field.data):
+            raise ValidationError('Old Password Not Correct')
+    
+
+# Reset Password Form
+class reset_password_form(FlaskForm):
+
+    def __init__(self, user, *args, **kwargs):
+        super(reset_password_form, self).__init__(*args, **kwargs)
+        self.user = user
+
+    password = StringField(
+        'Reset Password',
+        validators = [
+            DataRequired(message='Please enter a new password'),
+            Length(min=8, message='Password must be at least 8 characters')
+        ]
+    )
+
+    reset_password_button = SubmitField(
+        'Reset Password'
+    )
+
+class delete_user_form(FlaskForm):
+
+    def __init__(self, user, *args, **kwargs):
+        super(delete_user_form, self).__init__(*args, **kwargs)
+        self.user = user
+    
+    delete_user_button = SubmitField(
+        'Delete User'
+    )
+
+class edit_user_form(FlaskForm):
+
+    def __init__(self, user, *args, **kwargs):
+        super(edit_user_form, self).__init__(*args, **kwargs)
+        self.user = user
+
+    email = StringField(
+        'User Email',
+        validators = [
+            DataRequired(message='Please enter your email address'),
+            Email(message='Please enter a valid email address'),
+        ]
+    )
+
+    role = SelectField(
+        'Role',
+        choices = [
+            (role, role) for role in VALID_ROLES
+        ]
+    )
+    age_rating = SelectField(
+        'Age Rating',
+        choices = [
+            (rating[0], rating[1]) for rating in database.ratings_dict_words.items()
+        ]
+    )
+
+    edit_user_button = SubmitField(
+        'Edit User'
+    )
+
+    def validate_email(self, field):
+        if field.data != self.user.email and database.session.query(database.Users).filter_by(email=field.data).first() is not None:
+            raise ValidationError('Email already has an account')
+
+""" --- UPLOAD FORMS --- """
+
+# UPLOAD PLUGIN FORM
+class upload_plugin_form(FlaskForm):
+    plugin = FileField(
+        'Upload Plugin Zip',
+        validators=[FileRequired(),
+                    FileAllowed(['zip'], 'ZIP File Format Required')]
+    )
+    upload_plugin_button = SubmitField(
+        'Upload Plugin'
+    )

stashr/log.py

@@ -0,0 +1,80 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
+"""
+Stashr - Custom Log Handling
+"""
+
+"""
+MIT License
+
+Copyright (c) 2020 Andrew Vanderbye
+
+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.
+"""
+
+"""-------------------------------------------------------------------------------------------
+-- IMPORTS
+-------------------------------------------------------------------------------------------"""
+
+""" --- HUEY IMPORT --- """
+""" --- PYTHON IMPORTS --- """
+import os, datetime, logging
+
+""" --- STASHR DEPENDENCY IMPORTS --- """
+""" --- STASHR CORE IMPORTS --- """
+from stashr import paths
+
+""" --- CONFIG IMPORTS --- """
+from stashr.config import stashrconfig
+
+"""-------------------------------------------------------------------------------------------
+-- CUSTOM LOGGERS
+-------------------------------------------------------------------------------------------"""
+
+def stashr_logger(name):
+
+    log_location = os.path.join(paths.base_path, 'log')
+    log_file = os.path.join(log_location, 'log-{0}.txt'.format(datetime.date.today()))
+
+    if not os.path.exists(log_location):
+        os.mkdir(log_location)
+
+    if not os.path.exists(log_file):
+        file = open(log_file, 'w')
+        file.close
+
+    formatter = logging.Formatter(fmt='%(asctime)s - %(levelname)s - %(module)s - %(message)s')
+
+    handler = logging.StreamHandler()
+    handler.setFormatter(formatter)
+
+    logger = logging.getLogger(name)
+    logger.setLevel(stashrconfig['APP']['log_level'])
+    logger.addHandler(handler)
+
+    logging.basicConfig(filename=log_file, format='%(asctime)s - %(levelname)s - %(module)s - %(message)s')
+
+    return logger
+
+def disable_huey_logger():
+    huey_logger = logging.getLogger("huey")
+    huey_logger.setLevel(logging.CRITICAL)
+    if huey_logger.handlers:
+        huey_logger.handlers.pop()

stashr/naming.py

@@ -0,0 +1,132 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
+"""
+Stashr - File Naming
+"""
+
+"""
+MIT License
+
+Copyright (c) 2020 Andrew Vanderbye
+
+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.
+"""
+
+"""-------------------------------------------------------------------------------------------
+-- IMPORTS
+-------------------------------------------------------------------------------------------"""
+
+""" --- HUEY IMPORT --- """
+""" --- PYTHON IMPORTS --- """
+""" --- STASHR DEPENDENCY IMPORTS --- """
+from pathvalidate import sanitize_filename
+
+""" --- STASHR CORE IMPORTS --- """
+from stashr import log, database
+from stashr.config import stashrconfig
+
+""" --- CREATE LOGGER --- """
+logger = log.stashr_logger(__name__)
+
+"""-------------------------------------------------------------------------------------------
+-- FILE AND FOLDER NAMING
+-------------------------------------------------------------------------------------------"""
+
+
+def volume_folder_name_from_cv_item(volume):
+
+    # name_scheme = "{volume_name} ({volume_year}) [{volume_id}]"
+    name_scheme = stashrconfig['NAMING']['folder']
+
+    print(volume.results['name'])
+
+    return sanitize_filename(
+            name_scheme.format(
+                volume_id = volume.results['id'],
+                volume_name = volume.results['name'],
+                volume_year = volume.results['start_year'],
+                volume_publisher_id = volume.results['publisher']['id'],
+                publisher_name = volume.results['publisher']['name'],
+            ))
+
+
+def folder_name(volume_id):
+
+    # name_scheme = "{volume_name} ({volume_year}) [{volume_id}]"
+    name_scheme = stashrconfig['NAMING']['folder']
+
+    volume = database.session \
+        .query(database.Volumes) \
+        .filter(database.Volumes.volume_id == volume_id) \
+        .first()
+
+    return name_scheme.format(
+        volume_id = volume.volume_id,
+        volume_name = volume.volume_name,
+        volume_year = volume.volume_year,
+        volume_publisher_id = volume.volume_publisher_id,
+        volume_url = volume.volume_url,
+        volume_slug = volume.volume_slug,
+        volume_sort_title = volume.volume_sort_title,
+        publisher_name = volume.publisher.publisher_name,
+    )
+
+
+def file_name_by_id(issue_id):
+
+    # name_scheme = "{volume_name} - {issue_number:0>3}"
+    name_scheme = stashrconfig['NAMING']['file']
+    
+    issue = database.session \
+        .query(database.Issues) \
+        .filter(database.Issues.issue_id == issue_id) \
+        .first()
+
+    return name_scheme.format(
+        issue_id = issue.issue_id,
+        volume_name = issue.volume.volume_name,
+        issue_number = issue.issue_number,
+        volume_id = issue.volume.volume_id,
+        issue_name = issue.issue_name,
+        release_date = issue.issue_release_date,
+        description = issue.issue_description,
+        volume_description = issue.volume.volume_description,
+        volume_slug = issue.volume.volume_slug
+    )
+
+
+def file_name_by_db(issue):
+
+    # name_scheme = "{volume_name} - {issue_number:0>3}"
+    name_scheme = stashrconfig['NAMING']['file']
+
+    return sanitize_filename(
+        name_scheme.format(
+            issue_id = issue.issue_id,
+            volume_name = issue.volume.volume_name,
+            issue_number = issue.issue_number,
+            volume_id = issue.volume.volume_id,
+            issue_name = issue.issue_name,
+            release_date = issue.issue_release_date,
+            description = issue.issue_description,
+            volume_description = issue.volume.volume_description,
+            volume_slug = issue.volume.volume_slug
+        )
+    )

stashr/parsefilename.py

@@ -0,0 +1,114 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
+"""
+Stashr - Filename Parsing Functions
+"""
+
+"""
+MIT License
+
+Copyright (c) 2020 Andrew Vanderbye
+
+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.
+"""
+
+"""-------------------------------------------------------------------------------------------
+-- IMPORTS
+-------------------------------------------------------------------------------------------"""
+
+""" --- HUEY IMPORT --- """
+""" --- PYTHON IMPORTS --- """
+import datetime, time, pathlib, os, re
+
+""" --- STASHR DEPENDENCY IMPORTS --- """
+
+""" --- STASHR CORE IMPORTS --- """
+from stashr import log, database
+from stashr.comicvine import cv
+from stashr.config import stashrconfig
+
+""" --- CREATE LOGGER --- """
+logger = log.stashr_logger(__name__)
+
+"""-------------------------------------------------------------------------------------------
+-- FILENAME PARSER FUNCTIONS
+-------------------------------------------------------------------------------------------"""
+
+def repl(filename):
+    return ' ' * len(filename.group())
+
+
+def fixSpaces( string, remove_dashes=True ):
+    if remove_dashes:
+        placeholders = ['[-_]','  +']
+    else:
+        placeholders = ['[_]','  +']
+    for ph in placeholders:
+        string = re.sub(ph, repl, string )
+    return string #.strip()
+
+
+def getIssueNumber(filename):
+
+    found = False
+    issue = ''
+
+    filename = pathlib.Path(filename).stem
+
+    filename = filename.replace("+", " ")
+    filename = filename.replace("-", " ")
+
+    filename = re.sub( "\(.*?\)", repl, filename)
+    filename = re.sub( "\[.*?\]", repl, filename)
+
+    filename = fixSpaces(filename)
+
+    filename = re.sub( "of [\d]+", repl, filename)
+
+    word_list = []
+
+    for m in re.finditer("\S+", filename):
+        word_list.append(m.group(0))
+
+    if len(word_list) == 1:
+        return issue
+
+    for w in reversed(word_list):
+        if re.match("\#\d*", w[0]):
+            found = True
+            break
+
+    if not found:
+        w = word_list[-1]
+        if re.match('\d*', w[0]):
+            found = True
+    
+    if not found:
+        for w in reversed(word_list):
+            if re.match("\#\S+", w[0]):
+                found = True
+                break
+    if found:
+        issue = w
+        if issue[0] == '#':
+            issue = issue[1:]
+        issue = issue.lstrip('0') or 0
+
+    return issue

stashr/paths.py

@@ -0,0 +1,44 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
+"""
+Stashr - Path Definitions
+"""
+
+"""
+MIT License
+
+Copyright (c) 2020 Andrew Vanderbye
+
+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.
+"""
+
+"""-------------------------------------------------------------------------------------------
+-- IMPORTS
+-------------------------------------------------------------------------------------------"""
+
+""" --- PYTHON IMPORTS --- """
+import os
+
+"""-------------------------------------------------------------------------------------------
+-- PATHS
+-------------------------------------------------------------------------------------------"""
+
+base_path = os.path.normpath(os.path.dirname(os.path.realpath(__file__)) + os.sep + '..' + os.sep)
+db_path = os.path.join(base_path, 'database.db')

stashr/routes.py

@@ -0,0 +1,715 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
+"""
+Stashr - Flask Routing Definitions
+"""
+
+"""
+MIT License
+
+Copyright (c) 2020 Andrew Vanderbye
+
+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.
+"""
+
+"""-------------------------------------------------------------------------------------------
+-- IMPORTS
+-------------------------------------------------------------------------------------------"""
+
+""" --- HUEY IMPORT --- """
+""" --- PYTHON IMPORTS --- """
+import math, os, json
+from natsort import natsorted
+
+""" --- STASHR DEPENDENCY IMPORTS --- """
+""" --- STASHR CORE IMPORTS --- """
+from stashr import log, database, forms, config, utils, folders, stashr
+from stashr.stashr import app, pm
+# from stashr.stashr import permission_admin, permission_reader
+from stashr.config import stashrconfig
+
+""" --- FLASK IMPORTS --- """
+from flask import flash, redirect, url_for, render_template, current_app, send_from_directory, request, send_file, jsonify
+
+""" --- FLASK EXTENSION IMPORTS --- """
+from flask_login import login_user, current_user, login_required, logout_user
+from flask_bcrypt import check_password_hash, generate_password_hash
+# from flask_principal import RoleNeed, Identity, AnonymousIdentity, identity_changed, identity_loaded
+from sqlalchemy import or_
+
+""" --- CREATE LOGGER --- """
+logger = log.stashr_logger(__name__)
+
+"""-------------------------------------------------------------------------------------------
+-- FLASK-PRINCIPAL IDENTITY LOADING
+-------------------------------------------------------------------------------------------"""
+
+"""
+@identity_loaded.connect_via(app)
+def on_identity_loaded(sender, identity):
+
+    try:
+        if identity.id is not None:
+            user = f'user_{identity.id}'
+            identity.provides.add(RoleNeed(database.session.query(database.Users).get(int(identity.id)).role))
+    except:
+        logout_user()
+        identity_changed.send(current_app._get_current_object(), identity=AnonymousIdentity())
+"""
+
+"""-------------------------------------------------------------------------------------------
+-- USERS AND AUTHENTICATION
+-------------------------------------------------------------------------------------------"""
+
+
+@app.login_manager.user_loader
+def load_user(user_id):
+    return database.session.query(database.Users).filter(database.Users.id == int(user_id)).first()
+
+
+def verify_password(username, password):
+    if check_password_hash(database.session.query(database.Users).filter(
+            (database.Users.username == username) | (database.Users.email == username)).first().password, password):
+        return True
+    return False
+
+
+"""-------------------------------------------------------------------------------------------
+-- ROUTES
+-------------------------------------------------------------------------------------------"""
+
+""" --- PUBLIC PAGES --- """
+
+"""
+@app.route('/samplepost', methods=['POST'])
+def test_post():
+    print('new post')
+    data = request.json['data']
+    print(type(data))
+    for item in data:
+        print('itemm')
+    return 'POST PAGE'
+"""
+
+# INDEX
+@app.route('/', methods=['GET'])
+def index_page():
+
+    if stashrconfig['APP']['first_run']:
+        flash('First Run')
+        return redirect(url_for('first_run_page'))
+
+    return render_template(
+        'index_page.html',
+        title='Home',
+        open_registration=stashrconfig['APP']['open_registration']
+    )
+
+
+# LOGIN
+@app.route('/login', methods=['GET', 'POST'])
+def login_page():
+
+    if current_user.is_authenticated:
+        flash('User Logged In', 'Info')
+        return redirect(url_for('index_page'))
+
+    login_form = forms.login_form()
+
+    if login_form.validate_on_submit() and login_form.login_button.data:
+        if verify_password(login_form.username.data, login_form.password.data):
+            user = database.session \
+                .query(database.Users) \
+                .filter((database.Users.username == login_form.username.data)|
+                        (database.Users.email == login_form.username.data)) \
+                .first()
+            login_user(user, remember=login_form.remember_me.data)
+            # identity_changed.send(current_app._get_current_object(), identity=Identity(user.id))
+            flash('Logged In', 'success')
+            return redirect(url_for('index_page'))
+        else:
+            flash('Incorrect Username or Password', 'error')
+            return redirect(url_for('login_page'))
+
+    return render_template(
+        'login_page.html',
+        login_form=login_form,
+        title='Login',
+        open_registration=stashrconfig['APP']['open_registration']
+    )
+
+
+# REGISTER
+@app.route('/register', methods=['GET', 'POST'])
+def register_page():
+
+    if not stashrconfig['APP']['open_registration']:
+        flash('Registration Closed', 'error')
+        return redirect(url_for('login_page'))
+
+    registration_form = forms.registration_form()
+
+    if registration_form.validate_on_submit() and registration_form.register_button.data:
+        utils.register_new_user(registration_form)
+        return redirect(url_for('login_page'))
+
+    return render_template(
+        'register_page.html',
+        registration_form=registration_form,
+        title='Register',
+        open_registration=stashrconfig['APP']['open_registration']
+    )
+
+
+# FORGOT PASSWORD
+@app.route('/forgot', methods=['GET', 'POST'])
+def forgot_page():
+
+    if current_user.is_authenticated:
+        flash('User Logged In', 'error')
+        return redirect(url_for('index_page'))
+
+    forgot_password_form = forms.forgot_password_form()
+
+    if forgot_password_form.validate_on_submit() and forgot_password_form.forgot_button.data:
+        # utils.send_password_change_request(forgot_password_form)
+        flash('Email Reminder Sent', 'info')
+        return redirect(url_for('index_page'))
+
+    return render_template(
+        'forgot_password_page.html',
+        forgot_password_form=forgot_password_form,
+        title='Forgot Password',
+        open_registration=stashrconfig['APP']['open_registration']
+    )
+
+
+""" --- LOGOUT --- """
+
+
+# LOGOUT
+@app.route('/logout')
+@login_required
+def logout_page():
+    logout_user()
+    # identity_changed.send(current_app._get_current_object(), identity=AnonymousIdentity())
+    flash('Logged Out', 'info')
+    return redirect(url_for('index_page'))
+
+
+""" --- SETTINGS --- """
+
+
+# SETTINGS
+@app.route('/settings')
+@login_required
+def settings_page(section=None, user_id=None, user_function=None):
+
+    # if not permission_admin.require().can():
+    if current_user.role != 'admin':
+        flash('Permission Denied', 'error')
+        return redirect(url_for('index_page'))
+
+    return redirect(url_for('settings_app_page'))
+
+
+# SETTINGS - APP
+@app.route('/settings/app', methods=['GET', 'POST'])
+def settings_app_page():
+
+    # if not permission_admin.require().can():
+    if current_user.role != 'admin':
+        flash('Permission Denied', 'error')
+        return redirect(url_for('index_page'))
+
+    settings_form = forms.update_app_settings_form()
+
+    if request.method == 'POST':
+        if settings_form.validate():
+            utils.update_app_settings(settings_form)
+            flash('App Settings Updated', 'success')
+        else:
+            print(settings_form.errors.items())
+            for error in settings_form.errors.items():
+                flash(f'{error[0]}: {error[1]}', 'error')
+
+    return render_template(
+        'settings_page_app.html',
+        title='App Settings',
+        settings_form=settings_form
+    )
+
+
+# SETTINGS - DIRECTORIES
+@app.route('/settings/directories', methods=['GET', 'POST'])
+def settings_directories_page():
+
+    directories_form = forms.update_directory_settings_form()
+
+    if request.method == 'POST':
+        if directories_form.validate():
+            utils.update_directory_settings(directories_form)
+            flash('Directory Settings Updated', 'success')
+        else:
+            print(directories_form.errors.items())
+            for error in directories_form.errors.items():
+                flash(f'{error[0]}: {error[1]}', 'error')
+
+    return render_template(
+        'settings_page_directories.html',
+        title='Directory Settings',
+        directories_form=directories_form
+    )
+
+
+# SETTINGS - MAIL
+@app.route('/settings/mail', methods=['GET', 'POST'])
+def settings_mail_page():
+
+    # if not permission_admin.require().can():
+    if current_user.role != 'admin':
+        flash('Permission Denied', 'error')
+        return redirect(url_for('index_page'))
+
+    mail_form = forms.update_mail_settings_form()
+
+    if request.method == 'POST':
+        if mail_form.validate():
+            utils.update_mail_settings(mail_form)
+            flash('Mail Settings Updated', 'success')
+        else:
+            for error in mail_form.errors.items():
+                flash(f'{error[0]}: {error[1]}', 'error')
+
+    return render_template(
+        'settings_page_mail.html',
+        title='Mail Settings',
+        mail_form=mail_form
+    )
+
+
+# SETTINGS - TASKS
+@app.route('/settings/tasks', methods=['GET', 'POST'])
+def settings_tasks_page():
+
+    # if not permission_admin.require().can():
+    if current_user.role != 'admin':
+        flash('Permission Denied', 'error')
+        return redirect(url_for('index_page'))
+
+    return render_template(
+        'settings_page_tasks.html',
+        title='Task Settings',
+    )
+
+
+# SETTINGS - ALL USERS
+@app.route('/settings/users', methods=['GET', 'POST'])
+def settings_all_users_page():
+
+    # if not permission_admin.require().can():
+    if current_user.role != 'admin':
+        flash('Permission Denied', 'error')
+        return redirect(url_for('index_page'))
+
+    users = database.session.query(database.Users).all()
+
+    return render_template(
+        'settings_page_all_users.html',
+        title='Users',
+        ratings_dict=database.ratings_dict,
+        users=users,
+    )
+
+
+# SETTINGS - SINGLE USER
+@app.route('/settings/users/<user_id>', methods=['GET', 'POST'])
+def settings_single_user_page(user_id):
+    """
+    if not permission_admin.require().can():
+        flash('Permission Denied', 'error')
+        return redirect(url_for('index_page'))
+    """
+
+    """
+    if current_user.id != user_id:
+        return redirect(url_for('settings_all_users_page'))
+    """
+
+    user = database.session.query(database.Users).get(int(user_id))
+
+    change_password_form = forms.change_password_form(user)
+    reset_password_form = forms.reset_password_form(user)
+    delete_user_form = forms.delete_user_form(user)
+    edit_user_form = forms.edit_user_form(user)
+
+    if request.method == 'POST':
+        if change_password_form.update_password_button.data:
+            if change_password_form.validate():
+                utils.change_user_password(change_password_form)
+                flash('Password Updated','success')
+            else:
+                for error in change_password_form.errors.items():
+                    flash(f'{error[0]}: {error[1]}', 'error')
+        if reset_password_form.reset_password_button.data:
+            if reset_password_form.validate() and current_user.role == 'admin':
+                utils.reset_user_password(reset_password_form)
+                flash('Password Reset', 'success')
+            else:
+                for error in reset_password_form.errors.items():
+                    flash(f'{error[0]}: {error[1]}', 'error')
+        if delete_user_form.delete_user_button.data:
+            if delete_user_form.validate() and current_user.role == 'admin':
+                utils.delete_user_account(delete_user_form)
+                flash('User Deleted', 'success')
+                return redirect(url_for('settings_all_users_page'))
+            else:
+                flash(current_user.role,'error')
+        if edit_user_form.edit_user_button.data:
+            if edit_user_form.validate():
+                utils.edit_user_account(edit_user_form)
+                flash('User Account Edited', 'success')
+            else:
+                for error in edit_user_form.errors.items():
+                    flash(f'{error[0]}: {error[1]}', 'error')
+
+    return render_template(
+        'settings_page_single_user.html',
+        user=user,
+        change_password_form=change_password_form,
+        reset_password_form = reset_password_form,
+        delete_user_form = delete_user_form,
+        edit_user_form = edit_user_form,
+        title='User Information',
+        user_id=user_id
+    )
+
+
+# SETTINGS - NEW USER
+@app.route('/settings/newuser', methods=['GET', 'POST'])
+def settings_new_user_page():
+
+    # if not permission_admin.require().can():
+    if current_user.role != 'admin':
+        flash('Permission Denied', 'error')
+        return redirect(url_for('index_page'))
+
+    new_user_form = forms.new_user_form()
+
+    if request.method == 'POST':
+        if new_user_form.validate():
+            utils.create_new_user(new_user_form)
+            flash('User Created', 'success')
+            return redirect(url_for('settings_all_users_page'))
+        else:
+            for error in new_user_form.errors.items():
+                flash(f'{error[0]}: {error[1]}', 'error')
+
+    return render_template(
+        'settings_page_new_user.html',
+        title='New User',
+        new_user_form=new_user_form
+    )
+
+
+# SETTINGS - STATS
+@app.route('/settings/stats', methods=['GET', 'POST'])
+def settings_stats_page():
+
+    # if not permission_admin.require().can():
+    if current_user.role != 'admin':
+        flash('Permission Denied', 'error')
+        return redirect(url_for('index_page'))
+
+    return 'STATS SETTINGS PAGE'
+
+
+# SETTINGS - LOG
+@app.route('/settings/log', methods=['GET', 'POST'])
+def settings_log_page():
+
+    # if not permission_admin.require().can():
+    if current_user.role != 'admin':
+        flash('Permission Denied', 'error')
+        return redirect(url_for('index_page'))
+
+    return 'LOG SETTINGS PAGE'
+
+
+# SETTINGS - PLUGINS
+@app.route('/settings/plugins', methods=['GET', 'POST'])
+def settings_plugins_page():
+
+    # if not permission_admin.require().can():
+    if current_user.role != 'admin':
+        flash('Permission Denied', 'error')
+        return redirect(url_for('index_page'))
+
+    plugins = pm.get_all_plugins
+
+    return render_template(
+        'settings_page_plugins.html',
+        title='Plugins',
+        plugins=plugins
+    )
+
+
+""" --- FIRST RUN --- """
+
+
+# FIRST RUN
+@app.route('/firstrun', methods=['GET', 'POST'])
+def first_run_page():
+
+    if current_user.is_authenticated:
+        flash('App Configured', 'info')
+        return redirect(url_for('index_page'))
+
+    if not stashrconfig['APP']['first_run']:
+        flash('App Configured', 'info')
+        return redirect(url_for('index_page'))
+
+    first_run_form = forms.app_first_run_form()
+
+    if request.method == 'POST' and first_run_form.first_run_button.data:
+        utils.complete_first_run(first_run_form)
+        flash('Setup Complete', 'success')
+        return redirect(url_for('index_page'))
+
+    return render_template(
+        'first_run_page.html',
+        title='Configuration',
+        first_run_form=first_run_form,
+    )
+
+
+""" --- COMIC PAGES --- """
+
+
+# ALL VOLUMES
+@app.route('/volumes', methods=['GET'])
+@login_required
+def all_volumes_page():
+
+    return render_template(
+        'all_volumes_page.html',
+        title='All Volumes',
+    )
+
+
+# SINGLE VOLUME
+@app.route('/volumes/<volume_id>', methods=['GET'])
+@login_required
+def single_volume_page(volume_id):
+
+    volume = database.session \
+        .query(database.Volumes) \
+        .filter(or_(database.Volumes.volume_id == volume_id,
+                    database.Volumes.volume_slug == volume_id)) \
+        .filter(database.Volumes.volume_age_rating <= current_user.rating_allowed) \
+        .first()
+
+    if volume is None:
+        flash('Volume Not Found', 'error')
+        return redirect(url_for('all_volumes_page'))
+
+    return render_template(
+        'single_volume_page.html',
+        title=volume.volume_name,
+        volume_id=volume.volume_id,
+        volume_slug=volume.volume_slug
+    )
+
+# ALL PUBLISHERS PAGE
+@app.route('/publishers')
+@login_required
+def all_publishers_page():
+
+    return render_template(
+        'all_publishers_page.html',
+        title='All Publishers',
+    )
+
+
+# SINGLE PUBLISHERS PAGE
+@app.route('/publishers/<publisher_id>')
+@login_required
+def single_publisher_page(publisher_id):
+    
+    publisher = database.session \
+        .query(database.Publishers) \
+        .filter(database.Publishers.publisher_id == publisher_id) \
+        .first()
+
+    if publisher is None:
+        flash('Publisher Not Found', 'error')
+        return redirect(url_for('all_publishers_page'))
+
+    return render_template(
+        'single_publisher_page.html',
+        title=publisher.publisher_name,
+        publisher_id=publisher_id,
+    )
+
+
+""" --- READING COMIC PAGES --- """
+
+
+# READ ISSUE PAGE
+@app.route('/read/<issue_id>')
+@login_required
+def read_issue_page(issue_id):
+
+    issue = database.session \
+        .query(database.Issues) \
+        .filter(database.Issues.issue_id == issue_id) \
+        .first()
+
+    print(issue.__dict__)
+
+    if issue.volume.volume_age_rating > current_user.rating_allowed:
+        flash('Access Denied', 'error')
+        return redirect(url_for('all_volumes_page'))
+
+    return render_template(
+        'read_issue_page.html',
+        title='Read Issue',
+        issue_id=issue_id,
+        comic_name=f'{issue.volume.volume_name} - #{issue.issue_number}'
+    )
+
+
+""" --- NEW RELEASES --- """
+
+
+# NEW RELEASES
+@app.route('/releases')
+@login_required
+def new_releases_page():
+
+    return render_template(
+        'new_releases_page.html',
+        title='New Releases',
+    )
+
+
+""" --- READING LIST --- """
+
+
+# READING LIST
+@app.route('/readinglist')
+@login_required
+def reading_list_page():
+
+    return render_template(
+        'reading_list_page.html',
+        title='Reading List',
+    )
+
+
+""" --- FOLDERS --- """
+@app.route('/scrape')
+@login_required
+def scrape_folders_page():
+    
+    return render_template(
+        'scrape_page.html',
+        title="Scrape"
+    )
+
+
+""" --- COLLECTIONS --- """
+
+
+# ALL COLLECTIONS
+@app.route('/collections')
+@login_required
+def all_collections_page():
+
+    return render_template(
+        'all_collections_page.html',
+        title='Collections',
+    )
+
+
+# SINGLE COLLECTIONS
+@app.route('/collections/<collection_slug>', methods=['GET'])
+@login_required
+def single_collection_page(collection_slug):
+
+    collection = database.session \
+        .query(database.Collections) \
+        .filter(database.Collections.collection_slug == collection_slug) \
+        .first()
+
+    if collection is None:
+        flash('Collection Not Found', 'error')
+        return redirect(url_for('all_collections_page'))
+
+    return render_template(
+        'single_collection_page.html',
+        title=collection.collection_name,
+        collection_slug = collection_slug,
+        collection=collection,
+    )
+
+
+""" --- SEARCH --- """
+
+
+# SEARCH PAGE
+@app.route('/search', methods=['GET'])
+@login_required
+def search_page():
+
+    return render_template(
+        'search_page.html',
+        title='Search',
+    )
+
+
+""" --- CUSTOM ROUTING --- """
+
+
+# CUSTOM STATIC COVER
+@app.route('/images/<foldername>/<path:filename>')
+@login_required
+def custom_image_static(foldername, filename):
+
+    path = stashrconfig['DIRECTORY']['images']
+
+    return send_from_directory(
+        os.path.join(
+            # folders.base_path,
+            folders.StashrPaths().base_path(),
+            path,
+            foldername
+        ),
+        filename
+    )
+
+
+"""-------------------------------------------------------------------------------------------
+-- DEVELOPMENT
+-------------------------------------------------------------------------------------------"""
+
+if __name__=='__main__':
+    logger.warning('Starting Development Server')
+    app.run(host='0.0.0.0', port=5002, debug=True)

stashr/server.py

@@ -0,0 +1,105 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
+"""
+Stashr - Server Start
+"""
+
+"""
+MIT License
+
+Copyright (c) 2020 Andrew Vanderbye
+
+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.
+"""
+
+"""-------------------------------------------------------------------------------------------
+-- IMPORTS
+-------------------------------------------------------------------------------------------"""
+
+""" --- PYTHON IMPORTS --- """
+import os, signal
+from socket import error as SocketError
+
+""" --- STASHR DEPENDENCY IMPORTS --- """
+""" --- STASHR CORE IMPORTS --- """
+from stashr.stashr import app
+from stashr import log
+from stashr import database, routes
+from stashr.config import stashrconfig
+
+""" --- GEVENT IMPORT --- """
+from gevent.pywsgi import WSGIServer
+from gevent.pool import Pool
+
+""" --- CREATE LOGGER --- """
+logger = log.stashr_logger(__name__)
+
+"""-------------------------------------------------------------------------------------------
+-- SERVER
+-------------------------------------------------------------------------------------------"""
+
+
+class Server:
+
+    wsgiserver = None
+    restart = False
+
+    def __init__(self):
+        try:
+            signal.signal(signal.SIGHUP, self.restart_server)
+        except:
+            signal.signal(signal.SIGINT, self.restart_server)
+            pass
+
+    def define_wsgi(self):
+        try:
+            ssl_args = dict()
+            if os.name == 'nt':
+                app.logger.debug('NT')
+                app.logger.debug('PORT: {0}'.format(stashrconfig['APP']['server_port']))
+                self.wsgiserver = WSGIServer(('0.0.0.0', int(stashrconfig['APP']['server_port'])), app, spawn=Pool(), **ssl_args)
+            else:
+                app.logger.debug('NOT NT')
+                app.logger.debug('PORT: {0}'.format(stashrconfig['APP']['server_port']))
+                self.wsgiserver = WSGIServer(('', int(stashrconfig['APP']['server_port'])), app, spawn=Pool(), **ssl_args)
+        except SocketError:
+            app.logger.debug('PORT: {0}'.format(stashrconfig['APP']['server_port']))
+            self.wsgiserver = WSGIServer(('0.0.0.0', int(stashrconfig['APP']['server_port'])), app, spawn=Pool(), **ssl_args)
+        except Exception:
+            app.logger.debug('Unknown Error while starting gevent')
+
+    def start_server(self):
+        app.logger.debug('STARTING SERVER')
+        self.define_wsgi()
+        self.wsgiserver.serve_forever()
+
+    def stop_server(self):
+        app.logger.debug('STOPPING SERVER')
+        self.wsgiserver.stop()
+
+    def restart_server(self, ignored_signum, ignored_frame):
+        app.logger.debug('Restarting Server')
+        print('restatr')
+        self.wsgiserver.close()
+        # self.define_wsgi()
+        self.wsgiserver.start()
+
+
+server = Server()

stashr/stashr.py

@@ -0,0 +1,170 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
+"""
+Stashr - App Definitions
+"""
+
+"""
+MIT License
+
+Copyright (c) 2020 Andrew Vanderbye
+
+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.
+"""
+
+"""-------------------------------------------------------------------------------------------
+-- IMPORTS
+-------------------------------------------------------------------------------------------"""
+
+""" --- HUEY IMPORT --- """
+from huey import SqliteHuey
+huey = SqliteHuey()
+
+""" --- PYTHON IMPORTS --- """
+import os
+
+""" --- STASHR DEPENDENCY IMPORTS --- """
+""" --- STASHR CORE IMPORTS --- """
+from stashr import paths, log, comicvine, config, api
+from stashr import tasks
+
+""" --- FLASK IMPORT --- """
+from flask import Flask
+
+""" --- FLASK EXTENSION IMPORTS --- """
+from itsdangerous import URLSafeTimedSerializer
+
+from flask_login import LoginManager
+# from flask_principal import Principal, Permission, RoleNeed
+from flask_mail import Mail
+from flask_pluginkit import PluginManager
+from flask.signals import Namespace
+from flask_cors import CORS
+
+from flasgger import Swagger, APISpec
+# from apispec.ext.marshmallow import MarshmallowPlugin
+
+""" --- CONFIG IMPORTS --- """
+from stashr.config import stashrconfig
+
+"""-------------------------------------------------------------------------------------------
+-- SETUP
+-------------------------------------------------------------------------------------------"""
+
+""" --- CREATE LOGGER --- """
+logger = log.stashr_logger(__name__)
+
+""" --- CREATE SIGNALS --- """
+namespace = Namespace()
+stashr_notification = namespace.signal('stashr_notification')
+stashr_new_releases_update = namespace.signal('stashr_new_releases_update')
+
+""" --- CREATE READING LIST --- """
+# reading_image_list = []
+
+""" --- GET CONFIGURATION --- """
+
+"""-------------------------------------------------------------------------------------------
+-- CONFIGURATION
+-------------------------------------------------------------------------------------------"""
+
+
+class FlaskConfig(object):
+
+    # FLASK SETTINGS
+    DEBUG = False
+    SECRET_KEY = stashrconfig['SECURITY']['cookie_secret']
+    CSRF_ENABLED = True
+
+    JSON_SORT_KEYS = False
+
+    # FLASK MAIL SETTINGS
+    MAIL_SERVER = stashrconfig['MAIL']['mail_server']
+    MAIL_PORT = stashrconfig['MAIL']['mail_port']
+    MAIL_USE_SSL = stashrconfig['MAIL']['mail_use_ssl']
+    MAIL_USE_TLS = False
+    MAIL_USERNAME = stashrconfig['MAIL']['mail_username']
+    MAIL_PASSWORD = stashrconfig['MAIL']['mail_password']
+    MAIL_DEFAULT_SENDER = 'Stashr Admin'
+
+    # FLASK PRINCIPAL
+    # SKIP_STATIC = True
+
+
+"""-------------------------------------------------------------------------------------------
+-- CONFIGURATION
+-------------------------------------------------------------------------------------------"""
+
+""" --- CREATE FLASK APP --- """
+app = Flask(__name__)
+
+""" --- REGISTER API BLUEPRINT --- """
+app.register_blueprint(api.api, url_prefix='/api')
+
+""" --- CONFIGURE FLASK --- """
+app.config.from_object(__name__+'.FlaskConfig')
+
+template = {
+  "swagger": "2.0",
+  "info": {
+    "title": "Stashr",
+    "description": "API to access Stashr Installations",
+    "version": "0.0.1"
+  },
+  "basePath": "/api",  # base bash for blueprint registration
+  "schemes": [
+    "http",
+    "https"
+  ],
+  "operationId": "getmyData"
+}
+
+swagger = Swagger(app, template=template)
+
+""" --- INITIALIZE FLASK EXTENSIONS --- """
+
+
+# ITSDANGEROUS
+ts = URLSafeTimedSerializer(app.config["SECRET_KEY"])
+EMAIL_CONFIRM_KEY = stashrconfig['SECURITY']['cookie_secret']
+
+# FLASK_LOGIN
+login_manager = LoginManager()
+login_manager.init_app(app)
+login_manager.login_view = "login_page"
+
+# INITIALIZE FLASK PRINCIPAL
+# principals = Principal(app, skip_static=True)
+# permission_admin = Permission(RoleNeed('admin'))
+# permission_reader = Permission(RoleNeed('reader'))
+
+# FLASK MAIL
+mail = Mail(app)
+
+# FLASK CORS
+cors = CORS(app, resources={r"/api/*": {"origins": "*"}})
+
+# PLUGIN MANAGER
+plugin_folder = os.path.join(
+    paths.base_path,
+    stashrconfig['DIRECTORY']['plugins']
+)
+
+pm = PluginManager(app, plugins_base=paths.base_path, plugins_folder=stashrconfig['DIRECTORY']['plugins'])

stashr/static/assets/book.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448 360V24c0-13.3-10.7-24-24-24H96C43 0 0 43 0 96v320c0 53 43 96 96 96h328c13.3 0 24-10.7 24-24v-16c0-7.5-3.5-14.3-8.9-18.7-4.2-15.4-4.2-59.3 0-74.7 5.4-4.3 8.9-11.1 8.9-18.6zM128 134c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm0 64c0-3.3 2.7-6 6-6h212c3.3 0 6 2.7 6 6v20c0 3.3-2.7 6-6 6H134c-3.3 0-6-2.7-6-6v-20zm253.4 250H96c-17.7 0-32-14.3-32-32 0-17.6 14.4-32 32-32h285.4c-1.9 17.1-1.9 46.9 0 64z"/></svg>
+<!--
+Font Awesome Free 5.2.0 by @fontawesome - https://fontawesome.com
+License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+-->

stashr/static/assets/folder.svg

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="400px" height="604px" viewBox="0 0 400 604" enable-background="new 0 0 400 604" xml:space="preserve">
+<g id="Layer_1_1_">
+	<rect fill="#666766" width="400" height="604"/>
+</g>
+<g id="Layer_2" display="none">
+	<circle display="inline" fill="none" stroke="#000000" stroke-miterlimit="10" cx="200" cy="224" r="105"/>
+	<line display="inline" fill="none" stroke="#000000" stroke-miterlimit="10" x1="-67" y1="302" x2="549" y2="107"/>
+	<line display="inline" fill="none" stroke="#000000" stroke-miterlimit="10" x1="20" y1="0" x2="20" y2="604"/>
+	<line display="inline" fill="none" stroke="#000000" stroke-miterlimit="10" x1="380" y1="0" x2="380" y2="604"/>
+	<line display="inline" fill="none" stroke="#000000" stroke-miterlimit="10" x1="0" y1="20" x2="400" y2="20"/>
+	<line display="inline" fill="none" stroke="#000000" stroke-miterlimit="10" x1="190" y1="-87" x2="190" y2="657"/>
+	<line display="inline" fill="none" stroke="#000000" stroke-miterlimit="10" x1="210" y1="-87" x2="210" y2="657"/>
+	<circle display="inline" fill="none" stroke="#000000" stroke-miterlimit="10" cx="200" cy="224" r="126"/>
+	<line display="inline" fill="none" stroke="#000000" stroke-miterlimit="10" x1="-43" y1="371" x2="478" y2="466"/>
+	<line display="inline" fill="none" stroke="#000000" stroke-miterlimit="10" x1="-43" y1="391" x2="478" y2="486"/>
+	<line display="inline" fill="none" stroke="#000000" stroke-miterlimit="10" x1="0" y1="584" x2="400" y2="584"/>
+</g>
+<g id="Layer_3" display="none">
+	<circle display="inline" opacity="0.6" fill="#445BA9" enable-background="new    " cx="200" cy="224" r="105"/>
+	
+		<line display="inline" opacity="0.6" fill="none" stroke="#000000" stroke-miterlimit="10" enable-background="new    " x1="190" y1="349.609" x2="190" y2="413.485"/>
+	<path display="inline" opacity="0.6" fill="#F47C20" enable-background="new    " d="M78.117,256.067
+		C75.431,245.829,74,235.082,74,224c0-66.222,51.087-120.512,116-125.609V20H20c0,0,0,254.459,0.001,254.459l58.117-18.397"/>
+	<path display="inline" opacity="0.6" fill="#E9194A" enable-background="new    " d="M318.137,180.088
+		C301.42,135.131,259.773,102.299,210,98.391c0,0,0-78.392,0-78.391h170c0,0,0,140.499,0,140.498l-61.871,19.586"/>
+	<polyline display="inline" opacity="0.6" fill="#871719" enable-background="new    " points="380,468.131 380,584 210,584 
+		210,437.133 380.002,468.131 	"/>
+	<polygon display="inline" opacity="0.6" fill="#8F3F98" enable-background="new    " points="190,433.485 190,584 20,584 
+		20,402.487 	"/>
+	<path display="inline" opacity="0.6" fill="#1FB24E" enable-background="new    " d="M323.398,198.417L380,180.499v267.632
+		l0.002-0.001c0,0-170.002-30.998-170.002-30.997v-67.523c64.913-5.097,116-59.386,116-125.608c0-8.766-0.896-17.323-2.6-25.585"/>
+	<path display="inline" opacity="0.6" fill="#5090CC" enable-background="new    " d="M190.002,413.485L19.999,382.486H20v-88.027
+		l64.353-20.372l-0.001,0.007c18.113,41.76,58.185,71.788,105.648,75.514"/>
+</g>
+<g>
+	<path fill="#FFFFFF" d="M316.458,129.333h-107.5l-30.587-30.587c-3.359-3.359-7.917-5.246-12.671-5.246H83.542
+		c-14.843,0-26.875,12.032-26.875,26.875v161.25c0,14.843,12.032,26.875,26.875,26.875h232.917
+		c14.843,0,26.875-12.032,26.875-26.875V156.208C343.333,141.366,331.301,129.333,316.458,129.333z M316.458,281.625H83.542v-161.25
+		h78.453l30.587,30.587c3.359,3.359,7.917,5.247,12.671,5.247h111.206V281.625z"/>
+</g>
+</svg>

stashr/static/assets/stashr.svg

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px"
+	 height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">
+<g id="Layer_2">
+	<circle fill="#652C8F" cx="32" cy="32" r="32"/>
+</g>
+<g id="Layer_1">
+	<g>
+		<path fill="#FFFFFF" d="M30.187,57.868c-1.469,0-2.689-0.164-3.661-0.491c-0.972-0.328-1.741-0.695-2.305-1.103
+			c-0.565-0.406-0.961-0.796-1.187-1.169c-0.227-0.373-0.339-0.616-0.339-0.729c0-0.406,0.09-0.842,0.271-1.305
+			c0.181-0.463,0.407-0.893,0.678-1.288c0.271-0.396,0.565-0.729,0.881-1.001c0.316-0.271,0.599-0.406,0.848-0.406
+			c0.316,0,0.577,0.203,0.78,0.61c0.045,0.045,0.158,0.158,0.339,0.339c0.181,0.181,0.435,0.367,0.763,0.56
+			c0.327,0.192,0.734,0.367,1.22,0.525c0.486,0.158,1.056,0.237,1.712,0.237c1.424,0,2.588-0.436,3.493-1.306
+			c0.903-0.869,1.355-2.051,1.355-3.543c0-1.039-0.243-1.966-0.729-2.779c-0.485-0.813-1.124-1.571-1.915-2.271
+			s-1.695-1.385-2.712-2.051c-1.017-0.667-2.057-1.362-3.119-2.085c-1.063-0.724-2.102-1.503-3.119-2.34
+			c-1.017-0.836-1.921-1.797-2.712-2.882c-0.792-1.085-1.43-2.311-1.916-3.678c-0.486-1.367-0.729-2.933-0.729-4.696
+			c0-1.514,0.259-3.04,0.779-4.577c0.52-1.537,1.238-3,2.153-4.39c0.916-1.39,1.995-2.689,3.238-3.899
+			c1.243-1.209,2.588-2.26,4.034-3.153c1.446-0.893,2.955-1.593,4.526-2.102c1.57-0.508,3.147-0.763,4.729-0.763
+			c1.355,0,2.576,0.215,3.661,0.644c1.085,0.43,2,1.034,2.746,1.814c0.745,0.78,1.322,1.718,1.729,2.814
+			c0.407,1.096,0.61,2.322,0.61,3.678c0,1.288-0.227,2.554-0.678,3.797c-0.452,1.243-1.051,2.419-1.797,3.526
+			c-0.746,1.107-1.588,2.13-2.525,3.068c-0.938,0.938-1.898,1.751-2.882,2.441s-1.938,1.227-2.864,1.61
+			c-0.928,0.385-1.741,0.576-2.44,0.576c-0.611,0-1.159-0.141-1.645-0.424c-0.486-0.282-0.893-0.633-1.22-1.051
+			c-0.328-0.418-0.583-0.858-0.763-1.322c-0.181-0.463-0.271-0.875-0.271-1.237c0-0.293,0.039-0.486,0.119-0.577
+			c0.079-0.09,0.192-0.13,0.339-0.119c0.147,0.012,0.333,0.046,0.56,0.102c0.226,0.057,0.486,0.084,0.78,0.084
+			c0.949,0,2-0.327,3.152-0.983c1.153-0.655,2.237-1.492,3.255-2.509c1.017-1.017,1.87-2.136,2.56-3.356
+			c0.689-1.22,1.034-2.407,1.034-3.56c0-1.175-0.288-2.102-0.865-2.78c-0.576-0.678-1.554-1.017-2.932-1.017
+			c-0.859,0-1.792,0.165-2.797,0.492c-1.006,0.328-2.018,0.786-3.034,1.373c-1.017,0.588-2,1.3-2.95,2.136
+			c-0.949,0.836-1.786,1.758-2.509,2.763c-0.724,1.006-1.305,2.091-1.746,3.254c-0.44,1.165-0.661,2.379-0.661,3.645
+			c0,1.334,0.242,2.526,0.729,3.577c0.486,1.051,1.13,2.006,1.933,2.865c0.802,0.858,1.712,1.649,2.729,2.373
+			s2.057,1.44,3.119,2.152c1.063,0.712,2.102,1.446,3.119,2.204c1.017,0.757,1.927,1.593,2.729,2.509
+			c0.802,0.915,1.445,1.932,1.932,3.051s0.729,2.401,0.729,3.848c0,1.401-0.267,2.729-0.797,3.983
+			c-0.531,1.255-1.261,2.346-2.187,3.271c-0.928,0.927-2.023,1.661-3.289,2.204C32.989,57.597,31.633,57.868,30.187,57.868z"/>
+	</g>
+</g>
+</svg>

stashr/static/css/bootstrap-reboot.css

@@ -0,0 +1,428 @@
+/*!
+ * Bootstrap Reboot v5.0.0-beta2 (https://getbootstrap.com/)
+ * Copyright 2011-2021 The Bootstrap Authors
+ * Copyright 2011-2021 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth;
+  }
+}
+
+body {
+  margin: 0;
+  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #212529;
+  background-color: #fff;
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+[tabindex="-1"]:focus:not(:focus-visible) {
+  outline: 0 !important;
+}
+
+hr {
+  margin: 1rem 0;
+  color: inherit;
+  background-color: currentColor;
+  border: 0;
+  opacity: 0.25;
+}
+
+hr:not([size]) {
+  height: 1px;
+}
+
+h6, h5, h4, h3, h2, h1 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
+}
+
+h1 {
+  font-size: calc(1.375rem + 1.5vw);
+}
+@media (min-width: 1200px) {
+  h1 {
+    font-size: 2.5rem;
+  }
+}
+
+h2 {
+  font-size: calc(1.325rem + 0.9vw);
+}
+@media (min-width: 1200px) {
+  h2 {
+    font-size: 2rem;
+  }
+}
+
+h3 {
+  font-size: calc(1.3rem + 0.6vw);
+}
+@media (min-width: 1200px) {
+  h3 {
+    font-size: 1.75rem;
+  }
+}
+
+h4 {
+  font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+  h4 {
+    font-size: 1.5rem;
+  }
+}
+
+h5 {
+  font-size: 1.25rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-bs-original-title] {
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul {
+  padding-left: 2rem;
+}
+
+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: 0.5rem;
+  margin-left: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 0.875em;
+}
+
+mark {
+  padding: 0.2em;
+  background-color: #fcf8e3;
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 0.75em;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: #0d6efd;
+  text-decoration: underline;
+}
+a:hover {
+  color: #0a58ca;
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size: 1em;
+  direction: ltr /* rtl:ignore */;
+  unicode-bidi: bidi-override;
+}
+
+pre {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  font-size: 0.875em;
+}
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+code {
+  font-size: 0.875em;
+  color: #d63384;
+  word-wrap: break-word;
+}
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.2rem 0.4rem;
+  font-size: 0.875em;
+  color: #fff;
+  background-color: #212529;
+  border-radius: 0.2rem;
+}
+kbd kbd {
+  padding: 0;
+  font-size: 1em;
+  font-weight: 700;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img,
+svg {
+  vertical-align: middle;
+}
+
+table {
+  caption-side: bottom;
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: #6c757d;
+  text-align: left;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+}
+
+label {
+  display: inline-block;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role=button] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+
+[list]::-webkit-calendar-picker-indicator {
+  display: none;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+  cursor: pointer;
+}
+
+::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  float: left;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: calc(1.275rem + 0.3vw);
+  line-height: inherit;
+}
+@media (min-width: 1200px) {
+  legend {
+    font-size: 1.5rem;
+  }
+}
+legend + * {
+  clear: left;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+  padding: 0;
+}
+
+::-webkit-inner-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  outline-offset: -2px;
+  -webkit-appearance: textfield;
+}
+
+/* rtl:raw:
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+  direction: ltr;
+}
+*/
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+::file-selector-button {
+  font: inherit;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+iframe {
+  border: 0;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[hidden] {
+  display: none !important;
+}
+
+/*# sourceMappingURL=bootstrap-reboot.css.map */

stashr/static/css/bootstrap-reboot.rtl.css

@@ -0,0 +1,425 @@
+/*!
+ * Bootstrap Reboot v5.0.0-beta2 (https://getbootstrap.com/)
+ * Copyright 2011-2021 The Bootstrap Authors
+ * Copyright 2011-2021 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth;
+  }
+}
+
+body {
+  margin: 0;
+  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #212529;
+  background-color: #fff;
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+[tabindex="-1"]:focus:not(:focus-visible) {
+  outline: 0 !important;
+}
+
+hr {
+  margin: 1rem 0;
+  color: inherit;
+  background-color: currentColor;
+  border: 0;
+  opacity: 0.25;
+}
+
+hr:not([size]) {
+  height: 1px;
+}
+
+h6, h5, h4, h3, h2, h1 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
+}
+
+h1 {
+  font-size: calc(1.375rem + 1.5vw);
+}
+@media (min-width: 1200px) {
+  h1 {
+    font-size: 2.5rem;
+  }
+}
+
+h2 {
+  font-size: calc(1.325rem + 0.9vw);
+}
+@media (min-width: 1200px) {
+  h2 {
+    font-size: 2rem;
+  }
+}
+
+h3 {
+  font-size: calc(1.3rem + 0.6vw);
+}
+@media (min-width: 1200px) {
+  h3 {
+    font-size: 1.75rem;
+  }
+}
+
+h4 {
+  font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+  h4 {
+    font-size: 1.5rem;
+  }
+}
+
+h5 {
+  font-size: 1.25rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-bs-original-title] {
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul {
+  padding-right: 2rem;
+}
+
+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: 0.5rem;
+  margin-right: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 0.875em;
+}
+
+mark {
+  padding: 0.2em;
+  background-color: #fcf8e3;
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 0.75em;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: #0d6efd;
+  text-decoration: underline;
+}
+a:hover {
+  color: #0a58ca;
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size: 1em;
+  direction: ltr ;
+  unicode-bidi: bidi-override;
+}
+
+pre {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  font-size: 0.875em;
+}
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+code {
+  font-size: 0.875em;
+  color: #d63384;
+  word-wrap: break-word;
+}
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.2rem 0.4rem;
+  font-size: 0.875em;
+  color: #fff;
+  background-color: #212529;
+  border-radius: 0.2rem;
+}
+kbd kbd {
+  padding: 0;
+  font-size: 1em;
+  font-weight: 700;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img,
+svg {
+  vertical-align: middle;
+}
+
+table {
+  caption-side: bottom;
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: #6c757d;
+  text-align: right;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+}
+
+label {
+  display: inline-block;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role=button] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+
+[list]::-webkit-calendar-picker-indicator {
+  display: none;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+  cursor: pointer;
+}
+
+::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  float: right;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: calc(1.275rem + 0.3vw);
+  line-height: inherit;
+}
+@media (min-width: 1200px) {
+  legend {
+    font-size: 1.5rem;
+  }
+}
+legend + * {
+  clear: right;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+  padding: 0;
+}
+
+::-webkit-inner-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  outline-offset: -2px;
+  -webkit-appearance: textfield;
+}
+
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+  direction: ltr;
+}
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+::file-selector-button {
+  font: inherit;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+iframe {
+  border: 0;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[hidden] {
+  display: none !important;
+}
+/*# sourceMappingURL=bootstrap-reboot.rtl.css.map */

stashr/static/css/brands.css

@@ -0,0 +1,15 @@
+/*!
+ * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@font-face {
+  font-family: 'Font Awesome 5 Brands';
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/fa-brands-400.eot");
+  src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
+
+.fab {
+  font-family: 'Font Awesome 5 Brands';
+  font-weight: 400; }

stashr/static/css/regular.css

@@ -0,0 +1,15 @@
+/*!
+ * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@font-face {
+  font-family: 'Font Awesome 5 Free';
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../webfonts/fa-regular-400.eot");
+  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
+
+.far {
+  font-family: 'Font Awesome 5 Free';
+  font-weight: 400; }

stashr/static/css/solid.css

@@ -0,0 +1,16 @@
+/*!
+ * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+@font-face {
+  font-family: 'Font Awesome 5 Free';
+  font-style: normal;
+  font-weight: 900;
+  font-display: block;
+  src: url("../webfonts/fa-solid-900.eot");
+  src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
+
+.fa,
+.fas {
+  font-family: 'Font Awesome 5 Free';
+  font-weight: 900; }

stashr/static/css/stashr-read.css

@@ -0,0 +1,3 @@
+body { margin:0;background-color:black; }
+
+.stashr-button_container {position:fixed;bottom:0;right:0;opacity:.5;z-index:999;}

stashr/static/css/stashr.css

@@ -0,0 +1,72 @@
+/* START NEW STASHR CLASSES */
+
+body { background:#444444; }
+ul { list-style-type: none; }
+.center { text-align:center; }
+
+@media screen and (max-width: 800px) {
+    .stashr-cover_size {max-width:100px;min-width:20px;min-height:150px;}
+}
+@media screen and (min-width: 800px) {
+    .stashr-cover_size {max-width:160px;min-width:100px;min-height:150px;}
+}
+
+#app {margin:0;padding:0;}
+
+body .stashrRead { margin:0;background-color:black; }
+
+.stashr-project_title { font-family: 'Grand Hotel', cursive;font-size:xx-large;line-height:40px;vertical-align: middle; }
+.stashr-series_title { font-family: 'Oswald', sans-serif;font-weight:bold; }
+
+.stashr-series_info {min-width:30%;max-width:60%;}
+
+.stashr-poster_wrapper {position:relative;background-color:pink;z-index:5;}
+.stashr-badge_tl {position:absolute;top:-5;left:-5;z-index:4;}
+.stashr-badge_tr {position:absolute;top:-5;right:-5;z-index:4;}
+.stashr-badge_bl {position:absolute;bottom:-5;left:-5;z-index:4;}
+.stashr-badge_br {position:absolute;bottom:-5;right:-5;z-index:4;}
+.stashr-poster_container {position:relative;overflow:hidden;}
+.stashr-overlay_top {position:absolute;top:0;background-color:rgba(220,220,220,.9);z-index:5;}
+.stashr-overlay_bottom {position:absolute;bottom:0;background-color:rgba(220,220,220,.9);z-index:5;}
+.stashr-poster_background {z-index:0;}
+.stashr-poster_link {position:absolute;top:0;left:0;width:100%;height:100%;}
+.stashr-poster_image {margin: 0 auto;display: block;vertical-align: middle;}
+
+.stashr-test_display {position:relative;display:inline-block;vertical-align:middle;}
+.stashr-test-image {margin:0 auto;display:block;vertical-align:middle;width:100%;}
+
+.swiper-container { width:100%;height:100%;padding:0px;margin:0px; }
+.swiper-wrapper { padding:0px;margin:0px; }
+.swiper-slide { width:100%;height:100%;background: black; }
+.swiper-slide img { height:100%; }
+
+.stashr-button_container {position:fixed;bottom:10;right:10;opacity:.7;z-index:999;}
+.stashr-button_container_reader {position:fixed;bottom:0;right:0;opacity:.7;z-index:999;}
+.stashr-button { display:table-cell;vertical-align:middle;width:60px;height:60px; }
+
+.stashr-check_box {position:absolute;top:0;right:0;z-index:5;}
+
+.btn-circle.btn-sm { 
+    width: 30px; 
+    height: 30px; 
+    padding: 6px 0px; 
+    border-radius: 15px; 
+    font-size: 8px; 
+    text-align: center; 
+} 
+.btn-circle.btn-md { 
+    width: 50px; 
+    height: 50px; 
+    padding: 7px 10px; 
+    border-radius: 25px; 
+    font-size: 10px; 
+    text-align: center; 
+} 
+.btn-circle.btn-xl { 
+    width: 70px; 
+    height: 70px; 
+    padding: 10px 16px; 
+    border-radius: 35px; 
+    font-size: 12px; 
+    text-align: center; 
+} 

stashr/static/css/svg-with-js.css

@@ -0,0 +1,371 @@
+/*!
+ * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+svg:not(:root).svg-inline--fa {
+  overflow: visible; }
+
+.svg-inline--fa {
+  display: inline-block;
+  font-size: inherit;
+  height: 1em;
+  overflow: visible;
+  vertical-align: -.125em; }
+  .svg-inline--fa.fa-lg {
+    vertical-align: -.225em; }
+  .svg-inline--fa.fa-w-1 {
+    width: 0.0625em; }
+  .svg-inline--fa.fa-w-2 {
+    width: 0.125em; }
+  .svg-inline--fa.fa-w-3 {
+    width: 0.1875em; }
+  .svg-inline--fa.fa-w-4 {
+    width: 0.25em; }
+  .svg-inline--fa.fa-w-5 {
+    width: 0.3125em; }
+  .svg-inline--fa.fa-w-6 {
+    width: 0.375em; }
+  .svg-inline--fa.fa-w-7 {
+    width: 0.4375em; }
+  .svg-inline--fa.fa-w-8 {
+    width: 0.5em; }
+  .svg-inline--fa.fa-w-9 {
+    width: 0.5625em; }
+  .svg-inline--fa.fa-w-10 {
+    width: 0.625em; }
+  .svg-inline--fa.fa-w-11 {
+    width: 0.6875em; }
+  .svg-inline--fa.fa-w-12 {
+    width: 0.75em; }
+  .svg-inline--fa.fa-w-13 {
+    width: 0.8125em; }
+  .svg-inline--fa.fa-w-14 {
+    width: 0.875em; }
+  .svg-inline--fa.fa-w-15 {
+    width: 0.9375em; }
+  .svg-inline--fa.fa-w-16 {
+    width: 1em; }
+  .svg-inline--fa.fa-w-17 {
+    width: 1.0625em; }
+  .svg-inline--fa.fa-w-18 {
+    width: 1.125em; }
+  .svg-inline--fa.fa-w-19 {
+    width: 1.1875em; }
+  .svg-inline--fa.fa-w-20 {
+    width: 1.25em; }
+  .svg-inline--fa.fa-pull-left {
+    margin-right: .3em;
+    width: auto; }
+  .svg-inline--fa.fa-pull-right {
+    margin-left: .3em;
+    width: auto; }
+  .svg-inline--fa.fa-border {
+    height: 1.5em; }
+  .svg-inline--fa.fa-li {
+    width: 2em; }
+  .svg-inline--fa.fa-fw {
+    width: 1.25em; }
+
+.fa-layers svg.svg-inline--fa {
+  bottom: 0;
+  left: 0;
+  margin: auto;
+  position: absolute;
+  right: 0;
+  top: 0; }
+
+.fa-layers {
+  display: inline-block;
+  height: 1em;
+  position: relative;
+  text-align: center;
+  vertical-align: -.125em;
+  width: 1em; }
+  .fa-layers svg.svg-inline--fa {
+    -webkit-transform-origin: center center;
+            transform-origin: center center; }
+
+.fa-layers-text, .fa-layers-counter {
+  display: inline-block;
+  position: absolute;
+  text-align: center; }
+
+.fa-layers-text {
+  left: 50%;
+  top: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  -webkit-transform-origin: center center;
+          transform-origin: center center; }
+
+.fa-layers-counter {
+  background-color: #ff253a;
+  border-radius: 1em;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  color: #fff;
+  height: 1.5em;
+  line-height: 1;
+  max-width: 5em;
+  min-width: 1.5em;
+  overflow: hidden;
+  padding: .25em;
+  right: 0;
+  text-overflow: ellipsis;
+  top: 0;
+  -webkit-transform: scale(0.25);
+          transform: scale(0.25);
+  -webkit-transform-origin: top right;
+          transform-origin: top right; }
+
+.fa-layers-bottom-right {
+  bottom: 0;
+  right: 0;
+  top: auto;
+  -webkit-transform: scale(0.25);
+          transform: scale(0.25);
+  -webkit-transform-origin: bottom right;
+          transform-origin: bottom right; }
+
+.fa-layers-bottom-left {
+  bottom: 0;
+  left: 0;
+  right: auto;
+  top: auto;
+  -webkit-transform: scale(0.25);
+          transform: scale(0.25);
+  -webkit-transform-origin: bottom left;
+          transform-origin: bottom left; }
+
+.fa-layers-top-right {
+  right: 0;
+  top: 0;
+  -webkit-transform: scale(0.25);
+          transform: scale(0.25);
+  -webkit-transform-origin: top right;
+          transform-origin: top right; }
+
+.fa-layers-top-left {
+  left: 0;
+  right: auto;
+  top: 0;
+  -webkit-transform: scale(0.25);
+          transform: scale(0.25);
+  -webkit-transform-origin: top left;
+          transform-origin: top left; }
+
+.fa-lg {
+  font-size: 1.33333em;
+  line-height: 0.75em;
+  vertical-align: -.0667em; }
+
+.fa-xs {
+  font-size: .75em; }
+
+.fa-sm {
+  font-size: .875em; }
+
+.fa-1x {
+  font-size: 1em; }
+
+.fa-2x {
+  font-size: 2em; }
+
+.fa-3x {
+  font-size: 3em; }
+
+.fa-4x {
+  font-size: 4em; }
+
+.fa-5x {
+  font-size: 5em; }
+
+.fa-6x {
+  font-size: 6em; }
+
+.fa-7x {
+  font-size: 7em; }
+
+.fa-8x {
+  font-size: 8em; }
+
+.fa-9x {
+  font-size: 9em; }
+
+.fa-10x {
+  font-size: 10em; }
+
+.fa-fw {
+  text-align: center;
+  width: 1.25em; }
+
+.fa-ul {
+  list-style-type: none;
+  margin-left: 2.5em;
+  padding-left: 0; }
+  .fa-ul > li {
+    position: relative; }
+
+.fa-li {
+  left: -2em;
+  position: absolute;
+  text-align: center;
+  width: 2em;
+  line-height: inherit; }
+
+.fa-border {
+  border: solid 0.08em #eee;
+  border-radius: .1em;
+  padding: .2em .25em .15em; }
+
+.fa-pull-left {
+  float: left; }
+
+.fa-pull-right {
+  float: right; }
+
+.fa.fa-pull-left,
+.fas.fa-pull-left,
+.far.fa-pull-left,
+.fal.fa-pull-left,
+.fab.fa-pull-left {
+  margin-right: .3em; }
+
+.fa.fa-pull-right,
+.fas.fa-pull-right,
+.far.fa-pull-right,
+.fal.fa-pull-right,
+.fab.fa-pull-right {
+  margin-left: .3em; }
+
+.fa-spin {
+  -webkit-animation: fa-spin 2s infinite linear;
+          animation: fa-spin 2s infinite linear; }
+
+.fa-pulse {
+  -webkit-animation: fa-spin 1s infinite steps(8);
+          animation: fa-spin 1s infinite steps(8); }
+
+@-webkit-keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg); } }
+
+@keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg); } }
+
+.fa-rotate-90 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg); }
+
+.fa-rotate-180 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg); }
+
+.fa-rotate-270 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
+  -webkit-transform: rotate(270deg);
+          transform: rotate(270deg); }
+
+.fa-flip-horizontal {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
+  -webkit-transform: scale(-1, 1);
+          transform: scale(-1, 1); }
+
+.fa-flip-vertical {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
+  -webkit-transform: scale(1, -1);
+          transform: scale(1, -1); }
+
+.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
+  -webkit-transform: scale(-1, -1);
+          transform: scale(-1, -1); }
+
+:root .fa-rotate-90,
+:root .fa-rotate-180,
+:root .fa-rotate-270,
+:root .fa-flip-horizontal,
+:root .fa-flip-vertical,
+:root .fa-flip-both {
+  -webkit-filter: none;
+          filter: none; }
+
+.fa-stack {
+  display: inline-block;
+  height: 2em;
+  position: relative;
+  width: 2.5em; }
+
+.fa-stack-1x,
+.fa-stack-2x {
+  bottom: 0;
+  left: 0;
+  margin: auto;
+  position: absolute;
+  right: 0;
+  top: 0; }
+
+.svg-inline--fa.fa-stack-1x {
+  height: 1em;
+  width: 1.25em; }
+
+.svg-inline--fa.fa-stack-2x {
+  height: 2em;
+  width: 2.5em; }
+
+.fa-inverse {
+  color: #fff; }
+
+.sr-only {
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px; }
+
+.sr-only-focusable:active, .sr-only-focusable:focus {
+  clip: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  position: static;
+  width: auto; }
+
+.svg-inline--fa .fa-primary {
+  fill: var(--fa-primary-color, currentColor);
+  opacity: 1;
+  opacity: var(--fa-primary-opacity, 1); }
+
+.svg-inline--fa .fa-secondary {
+  fill: var(--fa-secondary-color, currentColor);
+  opacity: 0.4;
+  opacity: var(--fa-secondary-opacity, 0.4); }
+
+.svg-inline--fa.fa-swap-opacity .fa-primary {
+  opacity: 0.4;
+  opacity: var(--fa-secondary-opacity, 0.4); }
+
+.svg-inline--fa.fa-swap-opacity .fa-secondary {
+  opacity: 1;
+  opacity: var(--fa-primary-opacity, 1); }
+
+.svg-inline--fa mask .fa-primary,
+.svg-inline--fa mask .fa-secondary {
+  fill: black; }
+
+.fad.fa-inverse {
+  color: #fff; }

stashr/static/js/stashr.js

@@ -0,0 +1,8 @@
+function stashrToast(message, type) {
+    Vue.$toast.open({
+        message: message,
+        type: type,
+        position: 'bottom-left',
+        dismissable: true
+    });
+}

stashr/static/manifest/manifest.json

@@ -0,0 +1,21 @@
+{
+  "short_name": "Stashr",
+  "name": "Stashr Comics",
+  "icons": [
+    {
+      "src": "/static/assets/stashr-192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "/static/assets/stashr-512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": "/",
+  "background_color": "#3367D6",
+  "display": "fullscreen",
+  "scope": "/",
+  "theme_color": "#3367D6"
+}

stashr/static/webfonts/fa-regular-400.svg

@@ -0,0 +1,801 @@
+<?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" >
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
+<metadata>
+Created by FontForge 20200314 at Wed Jan 13 11:57:54 2021
+ By Robert Madole
+Copyright (c) Font Awesome
+</metadata>
+<!-- Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) --><defs>
+<font id="FontAwesome5Free-Regular" horiz-adv-x="512" >
+  <font-face 
+    font-family="Font Awesome 5 Free Regular"
+    font-weight="400"
+    font-stretch="normal"
+    units-per-em="512"
+    panose-1="2 0 5 3 0 0 0 0 0 0"
+    ascent="448"
+    descent="-64"
+    bbox="-0.0663408 -64.0662 640.004 448.1"
+    underline-thickness="25"
+    underline-position="-50"
+    unicode-range="U+0020-F5C8"
+  />
+    <missing-glyph />
+    <glyph glyph-name="heart" unicode="&#xf004;" 
+d="M458.4 383.7c75.2998 -63.4004 64.0996 -166.601 10.5996 -221.3l-175.4 -178.7c-10 -10.2002 -23.2998 -15.7998 -37.5996 -15.7998c-14.2002 0 -27.5996 5.69922 -37.5996 15.8994l-175.4 178.7c-53.5996 54.7002 -64.5996 157.9 10.5996 221.2
+c57.8008 48.7002 147.101 41.2998 202.4 -15c55.2998 56.2998 144.6 63.5996 202.4 15zM434.8 196.2c36.2002 36.8994 43.7998 107.7 -7.2998 150.8c-38.7002 32.5996 -98.7002 27.9004 -136.5 -10.5996l-35 -35.7002l-35 35.7002
+c-37.5996 38.2998 -97.5996 43.1992 -136.5 10.5c-51.2002 -43.1006 -43.7998 -113.5 -7.2998 -150.7l175.399 -178.7c2.40039 -2.40039 4.40039 -2.40039 6.80078 0z" />
+    <glyph glyph-name="star" unicode="&#xf005;" horiz-adv-x="576" 
+d="M528.1 276.5c26.2002 -3.7998 36.7002 -36.0996 17.7002 -54.5996l-105.7 -103l25 -145.5c4.5 -26.3008 -23.1992 -45.9004 -46.3994 -33.7002l-130.7 68.7002l-130.7 -68.7002c-23.2002 -12.2998 -50.8994 7.39941 -46.3994 33.7002l25 145.5l-105.7 103
+c-19 18.5 -8.5 50.7998 17.7002 54.5996l146.1 21.2998l65.2998 132.4c11.7998 23.8994 45.7002 23.5996 57.4004 0l65.2998 -132.4zM388.6 135.7l100.601 98l-139 20.2002l-62.2002 126l-62.2002 -126l-139 -20.2002l100.601 -98l-23.7002 -138.4l124.3 65.2998
+l124.3 -65.2998z" />
+    <glyph glyph-name="user" unicode="&#xf007;" horiz-adv-x="448" 
+d="M313.6 144c74.2002 0 134.4 -60.2002 134.4 -134.4v-25.5996c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v25.5996c0 74.2002 60.2002 134.4 134.4 134.4c28.7998 0 42.5 -16 89.5996 -16s60.9004 16 89.5996 16zM400 -16v25.5996
+c0 47.6006 -38.7998 86.4004 -86.4004 86.4004c-14.6992 0 -37.8994 -16 -89.5996 -16c-51.2998 0 -75 16 -89.5996 16c-47.6006 0 -86.4004 -38.7998 -86.4004 -86.4004v-25.5996h352zM224 160c-79.5 0 -144 64.5 -144 144s64.5 144 144 144s144 -64.5 144 -144
+s-64.5 -144 -144 -144zM224 400c-52.9004 0 -96 -43.0996 -96 -96s43.0996 -96 96 -96s96 43.0996 96 96s-43.0996 96 -96 96z" />
+    <glyph glyph-name="clock" unicode="&#xf017;" 
+d="M256 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM256 -8c110.5 0 200 89.5 200 200s-89.5 200 -200 200s-200 -89.5 -200 -200s89.5 -200 200 -200zM317.8 96.4004l-84.8994 61.6992
+c-3.10059 2.30078 -4.90039 5.90039 -4.90039 9.7002v164.2c0 6.59961 5.40039 12 12 12h32c6.59961 0 12 -5.40039 12 -12v-141.7l66.7998 -48.5996c5.40039 -3.90039 6.5 -11.4004 2.60059 -16.7998l-18.8008 -25.9004c-3.89941 -5.2998 -11.3994 -6.5 -16.7998 -2.59961z
+" />
+    <glyph glyph-name="list-alt" unicode="&#xf022;" 
+d="M464 416c26.5098 0 48 -21.4902 48 -48v-352c0 -26.5098 -21.4902 -48 -48 -48h-416c-26.5098 0 -48 21.4902 -48 48v352c0 26.5098 21.4902 48 48 48h416zM458 16c3.31152 0 6 2.68848 6 6v340c0 3.31152 -2.68848 6 -6 6h-404c-3.31152 0 -6 -2.68848 -6 -6v-340
+c0 -3.31152 2.68848 -6 6 -6h404zM416 108v-24c0 -6.62695 -5.37305 -12 -12 -12h-200c-6.62695 0 -12 5.37305 -12 12v24c0 6.62695 5.37305 12 12 12h200c6.62695 0 12 -5.37305 12 -12zM416 204v-24c0 -6.62695 -5.37305 -12 -12 -12h-200c-6.62695 0 -12 5.37305 -12 12
+v24c0 6.62695 5.37305 12 12 12h200c6.62695 0 12 -5.37305 12 -12zM416 300v-24c0 -6.62695 -5.37305 -12 -12 -12h-200c-6.62695 0 -12 5.37305 -12 12v24c0 6.62695 5.37305 12 12 12h200c6.62695 0 12 -5.37305 12 -12zM164 288c0 -19.8818 -16.1182 -36 -36 -36
+s-36 16.1182 -36 36s16.1182 36 36 36s36 -16.1182 36 -36zM164 192c0 -19.8818 -16.1182 -36 -36 -36s-36 16.1182 -36 36s16.1182 36 36 36s36 -16.1182 36 -36zM164 96c0 -19.8818 -16.1182 -36 -36 -36s-36 16.1182 -36 36s16.1182 36 36 36s36 -16.1182 36 -36z" />
+    <glyph glyph-name="flag" unicode="&#xf024;" 
+d="M336.174 368c35.4668 0 73.0195 12.6914 108.922 28.1797c31.6406 13.6514 66.9043 -9.65723 66.9043 -44.1162v-239.919c0 -16.1953 -8.1543 -31.3057 -21.7129 -40.1631c-26.5762 -17.3643 -70.0693 -39.9814 -128.548 -39.9814c-68.6084 0 -112.781 32 -161.913 32
+c-56.5674 0 -89.957 -11.2803 -127.826 -28.5566v-83.4434c0 -8.83691 -7.16309 -16 -16 -16h-16c-8.83691 0 -16 7.16309 -16 16v406.438c-14.3428 8.2998 -24 23.7979 -24 41.5615c0 27.5693 23.2422 49.71 51.2012 47.8965
+c22.9658 -1.49023 41.8662 -19.4717 44.4805 -42.3379c0.213867 -1.83398 0.308594 -3.65918 0.308594 -5.5498c0 -5.30273 -0.860352 -10.4053 -2.4502 -15.1768c22.418 8.68555 49.4199 15.168 80.7207 15.168c68.6084 0 112.781 -32 161.913 -32zM464 112v240
+c-31.5059 -14.6338 -84.5547 -32 -127.826 -32c-59.9111 0 -101.968 32 -161.913 32c-41.4365 0 -80.4766 -16.5879 -102.261 -32v-232c31.4473 14.5967 84.4648 24 127.826 24c59.9111 0 101.968 -32 161.913 -32c41.4365 0 80.4775 16.5879 102.261 32z" />
+    <glyph glyph-name="bookmark" unicode="&#xf02e;" horiz-adv-x="384" 
+d="M336 448c26.5098 0 48 -21.4902 48 -48v-464l-192 112l-192 -112v464c0 26.5098 21.4902 48 48 48h288zM336 19.5703v374.434c0 3.31348 -2.68555 5.99609 -6 5.99609h-276c-3.31152 0 -6 -2.68848 -6 -6v-374.43l144 84z" />
+    <glyph glyph-name="image" unicode="&#xf03e;" 
+d="M464 384c26.5098 0 48 -21.4902 48 -48v-288c0 -26.5098 -21.4902 -48 -48 -48h-416c-26.5098 0 -48 21.4902 -48 48v288c0 26.5098 21.4902 48 48 48h416zM458 48c3.31152 0 6 2.68848 6 6v276c0 3.31152 -2.68848 6 -6 6h-404c-3.31152 0 -6 -2.68848 -6 -6v-276
+c0 -3.31152 2.68848 -6 6 -6h404zM128 296c22.0908 0 40 -17.9092 40 -40s-17.9092 -40 -40 -40s-40 17.9092 -40 40s17.9092 40 40 40zM96 96v48l39.5137 39.5146c4.6875 4.68652 12.2852 4.68652 16.9717 0l39.5146 -39.5146l119.514 119.515
+c4.6875 4.68652 12.2852 4.68652 16.9717 0l87.5146 -87.5146v-80h-320z" />
+    <glyph glyph-name="edit" unicode="&#xf044;" horiz-adv-x="576" 
+d="M402.3 103.1l32 32c5 5 13.7002 1.5 13.7002 -5.69922v-145.4c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h273.5c7.09961 0 10.7002 -8.59961 5.7002 -13.7002l-32 -32c-1.5 -1.5 -3.5 -2.2998 -5.7002 -2.2998h-241.5v-352h352
+v113.5c0 2.09961 0.799805 4.09961 2.2998 5.59961zM558.9 304.9l-262.601 -262.601l-90.3994 -10c-26.2002 -2.89941 -48.5 19.2002 -45.6006 45.6006l10 90.3994l262.601 262.601c22.8994 22.8994 59.8994 22.8994 82.6992 0l43.2002 -43.2002
+c22.9004 -22.9004 22.9004 -60 0.100586 -82.7998zM460.1 274l-58.0996 58.0996l-185.8 -185.899l-7.2998 -65.2998l65.2998 7.2998zM524.9 353.7l-43.2002 43.2002c-4.10059 4.09961 -10.7998 4.09961 -14.7998 0l-30.9004 -30.9004l58.0996 -58.0996l30.9004 30.8994
+c4 4.2002 4 10.7998 -0.0996094 14.9004z" />
+    <glyph glyph-name="times-circle" unicode="&#xf057;" 
+d="M256 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM256 -8c110.5 0 200 89.5 200 200s-89.5 200 -200 200s-200 -89.5 -200 -200s89.5 -200 200 -200zM357.8 254.2l-62.2002 -62.2002l62.2002 -62.2002
+c4.7002 -4.7002 4.7002 -12.2998 0 -17l-22.5996 -22.5996c-4.7002 -4.7002 -12.2998 -4.7002 -17 0l-62.2002 62.2002l-62.2002 -62.2002c-4.7002 -4.7002 -12.2998 -4.7002 -17 0l-22.5996 22.5996c-4.7002 4.7002 -4.7002 12.2998 0 17l62.2002 62.2002l-62.2002 62.2002
+c-4.7002 4.7002 -4.7002 12.2998 0 17l22.5996 22.5996c4.7002 4.7002 12.2998 4.7002 17 0l62.2002 -62.2002l62.2002 62.2002c4.7002 4.7002 12.2998 4.7002 17 0l22.5996 -22.5996c4.7002 -4.7002 4.7002 -12.2998 0 -17z" />
+    <glyph glyph-name="check-circle" unicode="&#xf058;" 
+d="M256 440c136.967 0 248 -111.033 248 -248s-111.033 -248 -248 -248s-248 111.033 -248 248s111.033 248 248 248zM256 392c-110.549 0 -200 -89.4678 -200 -200c0 -110.549 89.4678 -200 200 -200c110.549 0 200 89.4678 200 200c0 110.549 -89.4678 200 -200 200z
+M396.204 261.733c4.66699 -4.70508 4.63672 -12.3037 -0.0673828 -16.9717l-172.589 -171.204c-4.70508 -4.66797 -12.3027 -4.63672 -16.9697 0.0683594l-90.7812 91.5156c-4.66797 4.70605 -4.63672 12.3047 0.0683594 16.9717l22.7188 22.5361
+c4.70508 4.66699 12.3027 4.63574 16.9697 -0.0693359l59.792 -60.2773l141.353 140.216c4.70508 4.66797 12.3027 4.6377 16.9697 -0.0673828z" />
+    <glyph glyph-name="question-circle" unicode="&#xf059;" 
+d="M256 440c136.957 0 248 -111.083 248 -248c0 -136.997 -111.043 -248 -248 -248s-248 111.003 -248 248c0 136.917 111.043 248 248 248zM256 -8c110.569 0 200 89.4697 200 200c0 110.529 -89.5088 200 -200 200c-110.528 0 -200 -89.5049 -200 -200
+c0 -110.569 89.4678 -200 200 -200zM363.244 247.2c0 -67.0518 -72.4209 -68.084 -72.4209 -92.8633v-6.33691c0 -6.62695 -5.37305 -12 -12 -12h-45.6475c-6.62695 0 -12 5.37305 -12 12v8.65918c0 35.7451 27.1006 50.0342 47.5791 61.5156
+c17.5615 9.84473 28.3242 16.541 28.3242 29.5791c0 17.2461 -21.999 28.6934 -39.7842 28.6934c-23.1885 0 -33.8936 -10.9775 -48.9424 -29.9697c-4.05664 -5.11914 -11.46 -6.07031 -16.666 -2.12402l-27.8232 21.0986
+c-5.10742 3.87207 -6.25098 11.0654 -2.64453 16.3633c23.627 34.6934 53.7217 54.1846 100.575 54.1846c49.0713 0 101.45 -38.3037 101.45 -88.7998zM298 80c0 -23.1592 -18.8408 -42 -42 -42s-42 18.8408 -42 42s18.8408 42 42 42s42 -18.8408 42 -42z" />
+    <glyph glyph-name="eye" unicode="&#xf06e;" horiz-adv-x="576" 
+d="M288 304c0.114258 0 0.240234 -0.0175781 0.354492 -0.0175781c61.6543 0 111.71 -50.0557 111.71 -111.71s-50.0557 -111.71 -111.71 -111.71s-111.71 50.0557 -111.71 111.71c0 10.7422 1.51953 21.1328 4.35547 30.9678
+c7.95898 -4.52637 17.2129 -7.17188 27 -7.24023c30.9072 0 56 25.0928 56 56c-0.0683594 9.78711 -2.71387 19.041 -7.24023 27c9.88379 3.07617 20.3896 4.83008 31.2402 5zM572.52 206.6c2.21387 -4.37793 3.46094 -9.38965 3.46094 -14.626
+c0 -5.2373 -1.24707 -10.1855 -3.46094 -14.5635c-54.1992 -105.771 -161.59 -177.41 -284.52 -177.41s-230.29 71.5898 -284.52 177.4c-2.21387 4.37793 -3.46094 9.38965 -3.46094 14.626c0 5.2373 1.24707 10.1855 3.46094 14.5635
+c54.1992 105.771 161.59 177.41 284.52 177.41s230.29 -71.5898 284.52 -177.4zM288 48c98.6602 0 189.1 55 237.93 144c-48.8398 89 -139.27 144 -237.93 144s-189.09 -55 -237.93 -144c48.8398 -89 139.279 -144 237.93 -144z" />
+    <glyph glyph-name="eye-slash" unicode="&#xf070;" horiz-adv-x="640" 
+d="M634 -23c3.66895 -2.93262 6.00391 -7.45117 6.00391 -12.5088c0 -3.7832 -1.31543 -7.26074 -3.51367 -10.001l-10 -12.4902c-2.93359 -3.66309 -7.44824 -5.99414 -12.502 -5.99414c-3.77637 0 -7.25 1.31152 -9.98828 3.50391l-598 467.49
+c-3.66895 2.93262 -6.00391 7.45117 -6.00391 12.5088c0 3.7832 1.31543 7.26074 3.51367 10.001l10 12.4902c2.93359 3.66309 7.44824 5.99414 12.502 5.99414c3.77637 0 7.25 -1.31152 9.98828 -3.50391zM296.79 301.53c7.51172 1.60254 15.2266 2.45508 23.21 2.46973
+c60.4805 0 109.36 -47.9102 111.58 -107.85zM343.21 82.46c-7.51367 -1.59375 -15.2285 -2.44336 -23.21 -2.45996c-60.4697 0 -109.35 47.9102 -111.58 107.84zM320 336c-19.8799 0 -39.2803 -2.7998 -58.2197 -7.09961l-46.4102 36.29
+c32.9199 11.8096 67.9297 18.8096 104.63 18.8096c122.93 0 230.29 -71.5898 284.57 -177.4c2.21289 -4.37793 3.45996 -9.38965 3.45996 -14.626c0 -5.2373 -1.24707 -10.1855 -3.45996 -14.5635c-14.1924 -27.5625 -31.9229 -52.6689 -52.9004 -75.1104l-37.7402 29.5
+c17.2305 18.0527 31.9385 38.1318 44 60.2002c-48.8398 89 -139.279 144 -237.93 144zM320 48c19.8896 0 39.2803 2.7998 58.2197 7.08984l46.4102 -36.2803c-32.9199 -11.7598 -67.9297 -18.8096 -104.63 -18.8096c-122.92 0 -230.28 71.5898 -284.51 177.4
+c-2.21387 4.37793 -3.46094 9.38965 -3.46094 14.626c0 5.2373 1.24707 10.1855 3.46094 14.5635c14.1885 27.5586 31.916 52.6621 52.8896 75.1006l37.7402 -29.5c-17.249 -18.0469 -31.9727 -38.1221 -44.0498 -60.1904c48.8496 -89 139.279 -144 237.93 -144z" />
+    <glyph glyph-name="calendar-alt" unicode="&#xf073;" horiz-adv-x="448" 
+d="M148 160h-40c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40c0 -6.59961 -5.40039 -12 -12 -12zM256 172c0 -6.59961 -5.40039 -12 -12 -12h-40c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40
+c6.59961 0 12 -5.40039 12 -12v-40zM352 172c0 -6.59961 -5.40039 -12 -12 -12h-40c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40zM256 76c0 -6.59961 -5.40039 -12 -12 -12h-40c-6.59961 0 -12 5.40039 -12 12v40
+c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40zM160 76c0 -6.59961 -5.40039 -12 -12 -12h-40c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40zM352 76c0 -6.59961 -5.40039 -12 -12 -12h-40
+c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40zM448 336v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h48v52c0 6.59961 5.40039 12 12 12h40
+c6.59961 0 12 -5.40039 12 -12v-52h128v52c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-52h48c26.5 0 48 -21.5 48 -48zM400 -10v298h-352v-298c0 -3.2998 2.7002 -6 6 -6h340c3.2998 0 6 2.7002 6 6z" />
+    <glyph glyph-name="comment" unicode="&#xf075;" 
+d="M256 416c141.4 0 256 -93.0996 256 -208s-114.6 -208 -256 -208c-32.7998 0 -64 5.2002 -92.9004 14.2998c-29.0996 -20.5996 -77.5996 -46.2998 -139.1 -46.2998c-9.59961 0 -18.2998 5.7002 -22.0996 14.5c-3.80078 8.7998 -2 19 4.59961 26
+c0.5 0.400391 31.5 33.7998 46.4004 73.2002c-33 35.0996 -52.9004 78.7002 -52.9004 126.3c0 114.9 114.6 208 256 208zM256 48c114.7 0 208 71.7998 208 160s-93.2998 160 -208 160s-208 -71.7998 -208 -160c0 -42.2002 21.7002 -74.0996 39.7998 -93.4004
+l20.6006 -21.7998l-10.6006 -28.0996c-5.5 -14.5 -12.5996 -28.1006 -19.8994 -40.2002c23.5996 7.59961 43.1992 18.9004 57.5 29l19.5 13.7998l22.6992 -7.2002c25.3008 -8 51.7002 -12.0996 78.4004 -12.0996z" />
+    <glyph glyph-name="folder" unicode="&#xf07b;" 
+d="M464 320c26.5098 0 48 -21.4902 48 -48v-224c0 -26.5098 -21.4902 -48 -48 -48h-416c-26.5098 0 -48 21.4902 -48 48v288c0 26.5098 21.4902 48 48 48h146.74c8.49023 0 16.6299 -3.37012 22.6299 -9.37012l54.6299 -54.6299h192zM464 48v224h-198.62
+c-8.49023 0 -16.6299 3.37012 -22.6299 9.37012l-54.6299 54.6299h-140.12v-288h416z" />
+    <glyph glyph-name="folder-open" unicode="&#xf07c;" horiz-adv-x="576" 
+d="M527.9 224c37.6992 0 60.6992 -41.5 40.6992 -73.4004l-79.8994 -128c-8.7998 -14.0996 -24.2002 -22.5996 -40.7002 -22.5996h-400c-26.5 0 -48 21.5 -48 48v288c0 26.5 21.5 48 48 48h160l64 -64h160c26.5 0 48 -21.5 48 -48v-48h47.9004zM48 330v-233.4l62.9004 104.2
+c8.69922 14.4004 24.2998 23.2002 41.0996 23.2002h280v42c0 3.2998 -2.7002 6 -6 6h-173.9l-64 64h-134.1c-3.2998 0 -6 -2.7002 -6 -6zM448 48l80 128h-378.8l-77.2002 -128h376z" />
+    <glyph glyph-name="chart-bar" unicode="&#xf080;" 
+d="M396.8 96c-6.39941 0 -12.7998 6.40039 -12.7998 12.7998v230.4c0 6.39941 6.40039 12.7998 12.7998 12.7998h22.4004c6.39941 0 12.7998 -6.40039 12.7998 -12.7998v-230.4c0 -6.39941 -6.40039 -12.7998 -12.7998 -12.7998h-22.4004zM204.8 96
+c-6.39941 0 -12.7998 6.40039 -12.7998 12.7998v198.4c0 6.39941 6.40039 12.7998 12.7998 12.7998h22.4004c6.39941 0 12.7998 -6.40039 12.7998 -12.7998v-198.4c0 -6.39941 -6.40039 -12.7998 -12.7998 -12.7998h-22.4004zM300.8 96
+c-6.39941 0 -12.7998 6.40039 -12.7998 12.7998v134.4c0 6.39941 6.40039 12.7998 12.7998 12.7998h22.4004c6.39941 0 12.7998 -6.40039 12.7998 -12.7998v-134.4c0 -6.39941 -6.40039 -12.7998 -12.7998 -12.7998h-22.4004zM496 48c8.83984 0 16 -7.16016 16 -16v-16
+c0 -8.83984 -7.16016 -16 -16 -16h-464c-17.6699 0 -32 14.3301 -32 32v336c0 8.83984 7.16016 16 16 16h16c8.83984 0 16 -7.16016 16 -16v-320h448zM108.8 96c-6.39941 0 -12.7998 6.40039 -12.7998 12.7998v70.4004c0 6.39941 6.40039 12.7998 12.7998 12.7998h22.4004
+c6.39941 0 12.7998 -6.40039 12.7998 -12.7998v-70.4004c0 -6.39941 -6.40039 -12.7998 -12.7998 -12.7998h-22.4004z" />
+    <glyph glyph-name="comments" unicode="&#xf086;" horiz-adv-x="576" 
+d="M532 61.7998c15.2998 -30.7002 37.4004 -54.5 37.7998 -54.7998c6.2998 -6.7002 8 -16.5 4.40039 -25c-3.7002 -8.5 -12 -14 -21.2002 -14c-53.5996 0 -96.7002 20.2998 -125.2 38.7998c-19 -4.39941 -39 -6.7998 -59.7998 -6.7998
+c-86.2002 0 -159.9 40.4004 -191.3 97.7998c-9.7002 1.2002 -19.2002 2.7998 -28.4004 4.90039c-28.5 -18.6006 -71.7002 -38.7998 -125.2 -38.7998c-9.19922 0 -17.5996 5.5 -21.1992 14c-3.7002 8.5 -1.90039 18.2998 4.39941 25
+c0.400391 0.399414 22.4004 24.1992 37.7002 54.8994c-27.5 27.2002 -44 61.2002 -44 98.2002c0 88.4004 93.0996 160 208 160c86.2998 0 160.3 -40.5 191.8 -98.0996c99.7002 -11.8008 176.2 -77.9004 176.2 -157.9c0 -37.0996 -16.5 -71.0996 -44 -98.2002zM139.2 154.1
+l19.7998 -4.5c16 -3.69922 32.5 -5.59961 49 -5.59961c86.7002 0 160 51.2998 160 112s-73.2998 112 -160 112s-160 -51.2998 -160 -112c0 -28.7002 16.2002 -50.5996 29.7002 -64l24.7998 -24.5l-15.5 -31.0996c-2.59961 -5.10059 -5.2998 -10.1006 -8 -14.8008
+c14.5996 5.10059 29 12.3008 43.0996 21.4004zM498.3 96c13.5 13.4004 29.7002 35.2998 29.7002 64c0 49.2002 -48.2998 91.5 -112.7 106c0.299805 -3.2998 0.700195 -6.59961 0.700195 -10c0 -80.9004 -78 -147.5 -179.3 -158.3
+c29.0996 -29.6006 77.2998 -49.7002 131.3 -49.7002c16.5 0 33 1.90039 49 5.59961l19.9004 4.60059l17.0996 -11.1006c14.0996 -9.09961 28.5 -16.2998 43.0996 -21.3994c-2.69922 4.7002 -5.39941 9.7002 -8 14.7998l-15.5 31.0996z" />
+    <glyph glyph-name="star-half" unicode="&#xf089;" horiz-adv-x="576" 
+d="M288 62.7002v-54.2998l-130.7 -68.6006c-23.3994 -12.2998 -50.8994 7.60059 -46.3994 33.7002l25 145.5l-105.7 103c-19 18.5 -8.5 50.7998 17.7002 54.5996l146.1 21.2002l65.2998 132.4c5.90039 11.8994 17.2998 17.7998 28.7002 17.7998v-68.0996l-62.2002 -126
+l-139 -20.2002l100.601 -98l-23.7002 -138.4z" />
+    <glyph glyph-name="lemon" unicode="&#xf094;" 
+d="M484.112 420.111c28.1221 -28.123 35.9434 -68.0039 19.0215 -97.0547c-23.0576 -39.584 50.1436 -163.384 -82.3311 -295.86c-132.301 -132.298 -256.435 -59.3594 -295.857 -82.3291c-29.0459 -16.917 -68.9219 -9.11426 -97.0576 19.0205
+c-28.1221 28.1221 -35.9434 68.0029 -19.0215 97.0547c23.0566 39.5859 -50.1436 163.386 82.3301 295.86c132.308 132.309 256.407 59.3496 295.862 82.332c29.0498 16.9219 68.9307 9.09863 97.0537 -19.0234zM461.707 347.217
+c13.5166 23.2031 -27.7578 63.7314 -50.4883 50.4912c-66.6025 -38.7939 -165.646 45.5898 -286.081 -74.8457c-120.444 -120.445 -36.0449 -219.472 -74.8447 -286.08c-13.542 -23.2471 27.8145 -63.6953 50.4932 -50.4883
+c66.6006 38.7949 165.636 -45.5996 286.076 74.8428c120.444 120.445 36.0449 219.472 74.8447 286.08zM291.846 338.481c1.37012 -10.96 -6.40332 -20.957 -17.3643 -22.3271c-54.8467 -6.85547 -135.779 -87.7871 -142.636 -142.636
+c-1.37305 -10.9883 -11.3984 -18.7334 -22.3262 -17.3643c-10.9609 1.37012 -18.7344 11.3652 -17.3643 22.3262c9.16211 73.2852 104.167 168.215 177.364 177.364c10.9531 1.36816 20.9561 -6.40234 22.3262 -17.3633z" />
+    <glyph glyph-name="credit-card" unicode="&#xf09d;" horiz-adv-x="576" 
+d="M527.9 416c26.5996 0 48.0996 -21.5 48.0996 -48v-352c0 -26.5 -21.5 -48 -48.0996 -48h-479.801c-26.5996 0 -48.0996 21.5 -48.0996 48v352c0 26.5 21.5 48 48.0996 48h479.801zM54.0996 368c-3.2998 0 -6 -2.7002 -6 -6v-42h479.801v42c0 3.2998 -2.7002 6 -6 6
+h-467.801zM521.9 16c3.2998 0 6 2.7002 6 6v170h-479.801v-170c0 -3.2998 2.7002 -6 6 -6h467.801zM192 116v-40c0 -6.59961 -5.40039 -12 -12 -12h-72c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h72c6.59961 0 12 -5.40039 12 -12zM384 116v-40
+c0 -6.59961 -5.40039 -12 -12 -12h-136c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h136c6.59961 0 12 -5.40039 12 -12z" />
+    <glyph glyph-name="hdd" unicode="&#xf0a0;" horiz-adv-x="576" 
+d="M567.403 212.358c5.59668 -8.04688 8.59668 -17.6113 8.59668 -27.4121v-136.946c0 -26.5098 -21.4902 -48 -48 -48h-480c-26.5098 0 -48 21.4902 -48 48v136.946c0 10.167 3.19531 19.6465 8.59668 27.4121l105.08 151.053
+c8.67383 12.4678 23.0791 20.5889 39.4043 20.5889h269.838c16.3252 0 30.7305 -8.12109 39.4043 -20.5889zM153.081 336l-77.9131 -112h425.664l-77.9131 112h-269.838zM528 48v128h-480v-128h480zM496 112c0 -17.6729 -14.3271 -32 -32 -32s-32 14.3271 -32 32
+s14.3271 32 32 32s32 -14.3271 32 -32zM400 112c0 -17.6729 -14.3271 -32 -32 -32s-32 14.3271 -32 32s14.3271 32 32 32s32 -14.3271 32 -32z" />
+    <glyph glyph-name="hand-point-right" unicode="&#xf0a4;" 
+d="M428.8 310.4c45.0996 0 83.2002 -38.1016 83.2002 -83.2002c0 -45.6162 -37.7646 -83.2002 -83.2002 -83.2002h-35.6475c-1.71387 -7.70605 -4.43555 -15.2051 -7.92969 -22.0645c2.50586 -22.0059 -3.50293 -44.9775 -15.9844 -62.791
+c-1.14062 -52.4863 -37.3984 -91.1445 -99.9404 -91.1445h-21.2988c-60.0635 0 -98.5117 40 -127.2 40h-2.67871c-5.74707 -4.95215 -13.5361 -8 -22.1201 -8h-64c-17.6729 0 -32 12.8936 -32 28.7998v230.4c0 15.9062 14.3271 28.7998 32 28.7998h64.001
+c8.58398 0 16.373 -3.04785 22.1201 -8h2.67871c6.96387 0 14.8623 6.19336 30.1816 23.6689l0.128906 0.148438l0.130859 0.145508c8.85645 9.93652 18.1162 20.8398 25.8506 33.2529c18.7051 30.2471 30.3936 78.7842 75.707 78.7842c56.9277 0 92 -35.2861 92 -83.2002
+c0 -0.0283203 0 0.0361328 0 0.0078125c0 -7.66602 -0.748047 -15.1582 -2.17578 -22.4072h86.1768zM428.8 192c18.9756 0 35.2002 16.2246 35.2002 35.2002c0 18.7002 -16.7754 35.2002 -35.2002 35.2002h-158.399c0 17.3242 26.3994 35.1992 26.3994 70.3994
+c0 26.4004 -20.625 35.2002 -44 35.2002c-8.79395 0 -20.4443 -32.7119 -34.9258 -56.0996c-9.07422 -14.5752 -19.5244 -27.2256 -30.7988 -39.875c-16.1094 -18.374 -33.8359 -36.6328 -59.0752 -39.5967v-176.753c42.79 -3.7627 74.5088 -39.6758 120 -39.6758h21.2988
+c40.5244 0 57.124 22.1973 50.6006 61.3252c14.6113 8.00098 24.1514 33.9785 12.9248 53.625c19.3652 18.2246 17.7871 46.3809 4.9502 61.0498h91.0254zM88 64c0 13.2549 -10.7451 24 -24 24s-24 -10.7451 -24 -24s10.7451 -24 24 -24s24 10.7451 24 24z" />
+    <glyph glyph-name="hand-point-left" unicode="&#xf0a5;" 
+d="M0 227.2c0 45.0986 38.1006 83.2002 83.2002 83.2002h86.1758c-1.3623 6.91016 -2.17578 14.374 -2.17578 22.3994c0 47.9141 35.0723 83.2002 92 83.2002c45.3135 0 57.002 -48.5371 75.7061 -78.7852c7.73438 -12.4121 16.9951 -23.3154 25.8506 -33.2529
+l0.130859 -0.145508l0.128906 -0.148438c15.3213 -17.4746 23.2197 -23.668 30.1836 -23.668h2.67871c5.74707 4.95215 13.5361 8 22.1201 8h64c17.6729 0 32 -12.8936 32 -28.7998v-230.4c0 -15.9062 -14.3271 -28.7998 -32 -28.7998h-64
+c-8.58398 0 -16.373 3.04785 -22.1201 8h-2.67871c-28.6885 0 -67.1367 -40 -127.2 -40h-21.2988c-62.542 0 -98.8008 38.6582 -99.9404 91.1445c-12.4814 17.8135 -18.4922 40.7852 -15.9844 62.791c-3.49414 6.85938 -6.21582 14.3584 -7.92969 22.0645h-35.6465
+c-45.4355 0 -83.2002 37.584 -83.2002 83.2002zM48 227.2c0 -18.9756 16.2246 -35.2002 35.2002 -35.2002h91.0244c-12.8369 -14.6689 -14.415 -42.8252 4.9502 -61.0498c-11.2256 -19.6465 -1.68652 -45.624 12.9248 -53.625
+c-6.52246 -39.1279 10.0771 -61.3252 50.6016 -61.3252h21.2988c45.4912 0 77.21 35.9131 120 39.6768v176.752c-25.2393 2.96289 -42.9658 21.2227 -59.0752 39.5967c-11.2744 12.6494 -21.7246 25.2998 -30.7988 39.875
+c-14.4814 23.3877 -26.1318 56.0996 -34.9258 56.0996c-23.375 0 -44 -8.7998 -44 -35.2002c0 -35.2002 26.3994 -53.0752 26.3994 -70.3994h-158.399c-18.4248 0 -35.2002 -16.5 -35.2002 -35.2002zM448 88c-13.2549 0 -24 -10.7451 -24 -24s10.7451 -24 24 -24
+s24 10.7451 24 24s-10.7451 24 -24 24z" />
+    <glyph glyph-name="hand-point-up" unicode="&#xf0a6;" horiz-adv-x="448" 
+d="M105.6 364.8c0 45.0996 38.1016 83.2002 83.2002 83.2002c45.6162 0 83.2002 -37.7646 83.2002 -83.2002v-35.6465c7.70605 -1.71387 15.2051 -4.43555 22.0645 -7.92969c22.0059 2.50684 44.9775 -3.50293 62.791 -15.9844
+c52.4863 -1.14062 91.1445 -37.3984 91.1445 -99.9404v-21.2988c0 -60.0635 -40 -98.5117 -40 -127.2v-2.67871c4.95215 -5.74707 8 -13.5361 8 -22.1201v-64c0 -17.6729 -12.8936 -32 -28.7998 -32h-230.4c-15.9062 0 -28.7998 14.3271 -28.7998 32v64
+c0 8.58398 3.04785 16.373 8 22.1201v2.67871c0 6.96387 -6.19336 14.8623 -23.6689 30.1816l-0.148438 0.128906l-0.145508 0.130859c-9.93652 8.85645 -20.8398 18.1162 -33.2529 25.8506c-30.2471 18.7051 -78.7842 30.3936 -78.7842 75.707
+c0 56.9277 35.2861 92 83.2002 92c0.0283203 0 -0.0361328 0 -0.0078125 0c7.66602 0 15.1582 -0.748047 22.4072 -2.17578v86.1768zM224 364.8c0 18.9756 -16.2246 35.2002 -35.2002 35.2002c-18.7002 0 -35.2002 -16.7754 -35.2002 -35.2002v-158.399
+c-17.3242 0 -35.1992 26.3994 -70.3994 26.3994c-26.4004 0 -35.2002 -20.625 -35.2002 -44c0 -8.79395 32.7119 -20.4443 56.0996 -34.9258c14.5752 -9.07422 27.2256 -19.5244 39.875 -30.7988c18.374 -16.1094 36.6328 -33.8359 39.5967 -59.0752h176.753
+c3.7627 42.79 39.6758 74.5088 39.6758 120v21.2988c0 40.5244 -22.1973 57.124 -61.3252 50.6006c-8.00098 14.6113 -33.9785 24.1514 -53.625 12.9248c-18.2246 19.3652 -46.3809 17.7871 -61.0498 4.9502v91.0254zM352 24c-13.2549 0 -24 -10.7451 -24 -24
+s10.7451 -24 24 -24s24 10.7451 24 24s-10.7451 24 -24 24z" />
+    <glyph glyph-name="hand-point-down" unicode="&#xf0a7;" horiz-adv-x="448" 
+d="M188.8 -64c-45.0986 0 -83.2002 38.1006 -83.2002 83.2002v86.1758c-6.91016 -1.3623 -14.374 -2.17578 -22.3994 -2.17578c-47.9141 0 -83.2002 35.0723 -83.2002 92c0 45.3135 48.5371 57.002 78.7852 75.707c12.4121 7.73438 23.3154 16.9951 33.2529 25.8506
+l0.145508 0.130859l0.148438 0.128906c17.4746 15.3213 23.668 23.2197 23.668 30.1836v2.67871c-4.95215 5.74707 -8 13.5361 -8 22.1201v64c0 17.6729 12.8936 32 28.7998 32h230.4c15.9062 0 28.7998 -14.3271 28.7998 -32v-64.001
+c0 -8.58398 -3.04785 -16.373 -8 -22.1201v-2.67871c0 -28.6885 40 -67.1367 40 -127.2v-21.2988c0 -62.542 -38.6582 -98.8008 -91.1445 -99.9404c-17.8135 -12.4814 -40.7852 -18.4922 -62.791 -15.9844c-6.85938 -3.49414 -14.3584 -6.21582 -22.0645 -7.92969v-35.6465
+c0 -45.4355 -37.584 -83.2002 -83.2002 -83.2002zM188.8 -16c18.9756 0 35.2002 16.2246 35.2002 35.2002v91.0244c14.6689 -12.8369 42.8252 -14.415 61.0498 4.9502c19.6465 -11.2256 45.624 -1.68652 53.625 12.9248c39.1279 -6.52246 61.3252 10.0771 61.3252 50.6016
+v21.2988c0 45.4912 -35.9131 77.21 -39.6768 120h-176.752c-2.96289 -25.2393 -21.2227 -42.9658 -39.5967 -59.0752c-12.6494 -11.2744 -25.2998 -21.7246 -39.875 -30.7988c-23.3877 -14.4814 -56.0996 -26.1318 -56.0996 -34.9258c0 -23.375 8.7998 -44 35.2002 -44
+c35.2002 0 53.0752 26.3994 70.3994 26.3994v-158.399c0 -18.4248 16.5 -35.2002 35.2002 -35.2002zM328 384c0 -13.2549 10.7451 -24 24 -24s24 10.7451 24 24s-10.7451 24 -24 24s-24 -10.7451 -24 -24z" />
+    <glyph glyph-name="copy" unicode="&#xf0c5;" horiz-adv-x="448" 
+d="M433.941 382.059c8.68848 -8.68848 14.0586 -20.6943 14.0586 -33.9404v-268.118c0 -26.5098 -21.4902 -48 -48 -48h-80v-48c0 -26.5098 -21.4902 -48 -48 -48h-224c-26.5098 0 -48 21.4902 -48 48v320c0 26.5098 21.4902 48 48 48h80v48c0 26.5098 21.4902 48 48 48
+h172.118c13.2461 0 25.252 -5.37012 33.9404 -14.0586zM266 -16c3.31152 0 6 2.68848 6 6v42h-96c-26.5098 0 -48 21.4902 -48 48v224h-74c-3.31152 0 -6 -2.68848 -6 -6v-308c0 -3.31152 2.68848 -6 6 -6h212zM394 80c3.31152 0 6 2.68848 6 6v202h-88
+c-13.2549 0 -24 10.7451 -24 24v88h-106c-3.31152 0 -6 -2.68848 -6 -6v-308c0 -3.31152 2.68848 -6 6 -6h212zM400 336v9.63184c0 1.65527 -0.670898 3.15723 -1.75684 4.24316l-48.3682 48.3682c-1.12598 1.125 -2.65234 1.75684 -4.24316 1.75684h-9.63184v-64h64z" />
+    <glyph glyph-name="save" unicode="&#xf0c7;" horiz-adv-x="448" 
+d="M433.941 318.059c8.68848 -8.68848 14.0586 -20.6943 14.0586 -33.9404v-268.118c0 -26.5098 -21.4902 -48 -48 -48h-352c-26.5098 0 -48 21.4902 -48 48v352c0 26.5098 21.4902 48 48 48h268.118c13.2461 0 25.252 -5.37012 33.9404 -14.0586zM272 368h-128v-80h128v80z
+M394 16c3.31152 0 6 2.68848 6 6v259.632c0 1.65527 -0.670898 3.15723 -1.75684 4.24316l-78.2432 78.2432v-100.118c0 -13.2549 -10.7451 -24 -24 -24h-176c-13.2549 0 -24 10.7451 -24 24v104h-42c-3.31152 0 -6 -2.68848 -6 -6v-340c0 -3.31152 2.68848 -6 6 -6h340z
+M224 216c48.5234 0 88 -39.4766 88 -88s-39.4766 -88 -88 -88s-88 39.4766 -88 88s39.4766 88 88 88zM224 88c22.0557 0 40 17.9443 40 40s-17.9443 40 -40 40s-40 -17.9443 -40 -40s17.9443 -40 40 -40z" />
+    <glyph glyph-name="square" unicode="&#xf0c8;" horiz-adv-x="448" 
+d="M400 416c26.5 0 48 -21.5 48 -48v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h352zM394 16c3.2998 0 6 2.7002 6 6v340c0 3.2998 -2.7002 6 -6 6h-340c-3.2998 0 -6 -2.7002 -6 -6v-340c0 -3.2998 2.7002 -6 6 -6h340z" />
+    <glyph glyph-name="envelope" unicode="&#xf0e0;" 
+d="M464 384c26.5098 0 48 -21.4902 48 -48v-288c0 -26.5098 -21.4902 -48 -48 -48h-416c-26.5098 0 -48 21.4902 -48 48v288c0 26.5098 21.4902 48 48 48h416zM464 336h-416v-40.8047c22.4248 -18.2627 58.1797 -46.6602 134.587 -106.49
+c16.834 -13.2422 50.2051 -45.0762 73.4131 -44.7012c23.2119 -0.371094 56.5723 31.4541 73.4131 44.7012c76.4189 59.8389 112.165 88.2305 134.587 106.49v40.8047zM48 48h416v185.601c-22.915 -18.252 -55.4189 -43.8691 -104.947 -82.6523
+c-22.5439 -17.748 -60.3359 -55.1787 -103.053 -54.9473c-42.9277 -0.231445 -81.2051 37.75 -103.062 54.9551c-49.5293 38.7842 -82.0244 64.3945 -104.938 82.6455v-185.602z" />
+    <glyph glyph-name="lightbulb" unicode="&#xf0eb;" horiz-adv-x="352" 
+d="M176 368c8.83984 0 16 -7.16016 16 -16s-7.16016 -16 -16 -16c-35.2803 0 -64 -28.7002 -64 -64c0 -8.83984 -7.16016 -16 -16 -16s-16 7.16016 -16 16c0 52.9404 43.0596 96 96 96zM96.0596 -11.1699l-0.0400391 43.1797h159.961l-0.0507812 -43.1797
+c-0.00976562 -3.13965 -0.939453 -6.21973 -2.67969 -8.83984l-24.5098 -36.8398c-2.95996 -4.45996 -7.95996 -7.14062 -13.3203 -7.14062h-78.8496c-5.35059 0 -10.3506 2.68066 -13.3203 7.14062l-24.5098 36.8398c-1.75 2.62012 -2.68066 5.68945 -2.68066 8.83984z
+M176 448c97.2002 0 176 -78.7998 176 -176c0 -44.3701 -16.4502 -84.8496 -43.5498 -115.79c-16.6406 -18.9795 -42.7402 -58.79 -52.4199 -92.1602v-0.0498047h-48v0.0996094c0.00488281 4.98145 0.790039 9.78809 2.21973 14.3008
+c5.67969 17.9893 22.9902 64.8496 62.0996 109.46c20.4102 23.29 31.6504 53.1699 31.6504 84.1396c0 70.5801 -57.4199 128 -128 128c-68.2803 0 -128.15 -54.3604 -127.95 -128c0.0898438 -30.9902 11.0703 -60.71 31.6104 -84.1396
+c39.3496 -44.9004 56.5801 -91.8604 62.1699 -109.67c1.42969 -4.56055 2.13965 -9.30078 2.15039 -14.0703v-0.120117h-48v0.0595703c-9.68066 33.3604 -35.7803 73.1709 -52.4209 92.1602c-27.1094 30.9307 -43.5596 71.4102 -43.5596 115.78
+c0 93.0303 73.7197 176 176 176z" />
+    <glyph glyph-name="bell" unicode="&#xf0f3;" horiz-adv-x="448" 
+d="M439.39 85.71c6 -6.44043 8.66016 -14.1602 8.61035 -21.71c-0.0996094 -16.4004 -12.9805 -32 -32.0996 -32h-383.801c-19.1191 0 -31.9893 15.5996 -32.0996 32c-0.0498047 7.5498 2.61035 15.2598 8.61035 21.71c19.3193 20.7598 55.4697 51.9902 55.4697 154.29
+c0 77.7002 54.4795 139.9 127.939 155.16v20.8398c0 17.6699 14.3203 32 31.9805 32s31.9805 -14.3301 31.9805 -32v-20.8398c73.46 -15.2598 127.939 -77.46 127.939 -155.16c0 -102.3 36.1504 -133.53 55.4697 -154.29zM67.5303 80h312.939
+c-21.2197 27.96 -44.4199 74.3203 -44.5293 159.42c0 0.200195 0.0595703 0.379883 0.0595703 0.580078c0 61.8604 -50.1396 112 -112 112s-112 -50.1396 -112 -112c0 -0.200195 0.0595703 -0.379883 0.0595703 -0.580078
+c-0.109375 -85.0898 -23.3096 -131.45 -44.5293 -159.42zM224 -64c-35.3203 0 -63.9697 28.6504 -63.9697 64h127.939c0 -35.3496 -28.6494 -64 -63.9697 -64z" />
+    <glyph glyph-name="hospital" unicode="&#xf0f8;" horiz-adv-x="448" 
+d="M128 204v40c0 6.62695 5.37305 12 12 12h40c6.62695 0 12 -5.37305 12 -12v-40c0 -6.62695 -5.37305 -12 -12 -12h-40c-6.62695 0 -12 5.37305 -12 12zM268 192c-6.62695 0 -12 5.37305 -12 12v40c0 6.62695 5.37305 12 12 12h40c6.62695 0 12 -5.37305 12 -12v-40
+c0 -6.62695 -5.37305 -12 -12 -12h-40zM192 108c0 -6.62695 -5.37305 -12 -12 -12h-40c-6.62695 0 -12 5.37305 -12 12v40c0 6.62695 5.37305 12 12 12h40c6.62695 0 12 -5.37305 12 -12v-40zM268 96c-6.62695 0 -12 5.37305 -12 12v40c0 6.62695 5.37305 12 12 12h40
+c6.62695 0 12 -5.37305 12 -12v-40c0 -6.62695 -5.37305 -12 -12 -12h-40zM448 -28v-36h-448v36c0 6.62695 5.37305 12 12 12h19.5v378.965c0 11.6172 10.7451 21.0352 24 21.0352h88.5v40c0 13.2549 10.7451 24 24 24h112c13.2549 0 24 -10.7451 24 -24v-40h88.5
+c13.2549 0 24 -9.41797 24 -21.0352v-378.965h19.5c6.62695 0 12 -5.37305 12 -12zM79.5 -15h112.5v67c0 6.62695 5.37305 12 12 12h40c6.62695 0 12 -5.37305 12 -12v-67h112.5v351h-64.5v-24c0 -13.2549 -10.7451 -24 -24 -24h-112c-13.2549 0 -24 10.7451 -24 24v24
+h-64.5v-351zM266 384h-26v26c0 3.31152 -2.68848 6 -6 6h-20c-3.31152 0 -6 -2.68848 -6 -6v-26h-26c-3.31152 0 -6 -2.68848 -6 -6v-20c0 -3.31152 2.68848 -6 6 -6h26v-26c0 -3.31152 2.68848 -6 6 -6h20c3.31152 0 6 2.68848 6 6v26h26c3.31152 0 6 2.68848 6 6v20
+c0 3.31152 -2.68848 6 -6 6z" />
+    <glyph glyph-name="plus-square" unicode="&#xf0fe;" horiz-adv-x="448" 
+d="M352 208v-32c0 -6.59961 -5.40039 -12 -12 -12h-88v-88c0 -6.59961 -5.40039 -12 -12 -12h-32c-6.59961 0 -12 5.40039 -12 12v88h-88c-6.59961 0 -12 5.40039 -12 12v32c0 6.59961 5.40039 12 12 12h88v88c0 6.59961 5.40039 12 12 12h32c6.59961 0 12 -5.40039 12 -12
+v-88h88c6.59961 0 12 -5.40039 12 -12zM448 368v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h352c26.5 0 48 -21.5 48 -48zM400 22v340c0 3.2998 -2.7002 6 -6 6h-340c-3.2998 0 -6 -2.7002 -6 -6v-340
+c0 -3.2998 2.7002 -6 6 -6h340c3.2998 0 6 2.7002 6 6z" />
+    <glyph glyph-name="circle" unicode="&#xf111;" 
+d="M256 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM256 -8c110.5 0 200 89.5 200 200s-89.5 200 -200 200s-200 -89.5 -200 -200s89.5 -200 200 -200z" />
+    <glyph glyph-name="smile" unicode="&#xf118;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM168 208c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32
+s32 -14.2998 32 -32s-14.2998 -32 -32 -32zM328 208c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32s32 -14.2998 32 -32s-14.2998 -32 -32 -32zM332 135.4c8.5 10.1992 23.7002 11.5 33.7998 3.09961c10.2002 -8.5 11.6006 -23.5996 3.10059 -33.7998
+c-30 -36 -74.1006 -56.6006 -120.9 -56.6006s-90.9004 20.6006 -120.9 56.6006c-8.39941 10.2002 -7.09961 25.2998 3.10059 33.7998c10.0996 8.40039 25.2998 7.09961 33.7998 -3.09961c20.7998 -25.1006 51.5 -39.4004 84 -39.4004s63.2002 14.4004 84 39.4004z" />
+    <glyph glyph-name="frown" unicode="&#xf119;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM168 208c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32
+s32 -14.2998 32 -32s-14.2998 -32 -32 -32zM328 272c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32zM248 144c40.2002 0 78 -17.7002 103.8 -48.5996c8.40039 -10.2002 7.10059 -25.3008 -3.09961 -33.8008
+c-10.7002 -8.7998 -25.7002 -6.59961 -33.7998 3.10059c-16.6006 20 -41 31.3994 -66.9004 31.3994s-50.2998 -11.5 -66.9004 -31.3994c-8.5 -10.2002 -23.5996 -11.5 -33.7998 -3.10059c-10.2002 8.5 -11.5996 23.6006 -3.09961 33.8008
+c25.7998 30.8994 63.5996 48.5996 103.8 48.5996z" />
+    <glyph glyph-name="meh" unicode="&#xf11a;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM168 208c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32
+s32 -14.2998 32 -32s-14.2998 -32 -32 -32zM328 272c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32zM336 128c13.2002 0 24 -10.7998 24 -24s-10.7998 -24 -24 -24h-176c-13.2002 0 -24 10.7998 -24 24s10.7998 24 24 24h176z
+" />
+    <glyph glyph-name="keyboard" unicode="&#xf11c;" horiz-adv-x="576" 
+d="M528 384c26.5098 0 48 -21.4902 48 -48v-288c0 -26.5098 -21.4902 -48 -48 -48h-480c-26.5098 0 -48 21.4902 -48 48v288c0 26.5098 21.4902 48 48 48h480zM536 48v288c0 4.41113 -3.58887 8 -8 8h-480c-4.41113 0 -8 -3.58887 -8 -8v-288c0 -4.41113 3.58887 -8 8 -8
+h480c4.41113 0 8 3.58887 8 8zM170 178c0 -6.62695 -5.37305 -12 -12 -12h-28c-6.62695 0 -12 5.37305 -12 12v28c0 6.62695 5.37305 12 12 12h28c6.62695 0 12 -5.37305 12 -12v-28zM266 178c0 -6.62695 -5.37305 -12 -12 -12h-28c-6.62695 0 -12 5.37305 -12 12v28
+c0 6.62695 5.37305 12 12 12h28c6.62695 0 12 -5.37305 12 -12v-28zM362 178c0 -6.62695 -5.37305 -12 -12 -12h-28c-6.62695 0 -12 5.37305 -12 12v28c0 6.62695 5.37305 12 12 12h28c6.62695 0 12 -5.37305 12 -12v-28zM458 178c0 -6.62695 -5.37305 -12 -12 -12h-28
+c-6.62695 0 -12 5.37305 -12 12v28c0 6.62695 5.37305 12 12 12h28c6.62695 0 12 -5.37305 12 -12v-28zM122 96c0 -6.62695 -5.37305 -12 -12 -12h-28c-6.62695 0 -12 5.37305 -12 12v28c0 6.62695 5.37305 12 12 12h28c6.62695 0 12 -5.37305 12 -12v-28zM506 96
+c0 -6.62695 -5.37305 -12 -12 -12h-28c-6.62695 0 -12 5.37305 -12 12v28c0 6.62695 5.37305 12 12 12h28c6.62695 0 12 -5.37305 12 -12v-28zM122 260c0 -6.62695 -5.37305 -12 -12 -12h-28c-6.62695 0 -12 5.37305 -12 12v28c0 6.62695 5.37305 12 12 12h28
+c6.62695 0 12 -5.37305 12 -12v-28zM218 260c0 -6.62695 -5.37305 -12 -12 -12h-28c-6.62695 0 -12 5.37305 -12 12v28c0 6.62695 5.37305 12 12 12h28c6.62695 0 12 -5.37305 12 -12v-28zM314 260c0 -6.62695 -5.37305 -12 -12 -12h-28c-6.62695 0 -12 5.37305 -12 12v28
+c0 6.62695 5.37305 12 12 12h28c6.62695 0 12 -5.37305 12 -12v-28zM410 260c0 -6.62695 -5.37305 -12 -12 -12h-28c-6.62695 0 -12 5.37305 -12 12v28c0 6.62695 5.37305 12 12 12h28c6.62695 0 12 -5.37305 12 -12v-28zM506 260c0 -6.62695 -5.37305 -12 -12 -12h-28
+c-6.62695 0 -12 5.37305 -12 12v28c0 6.62695 5.37305 12 12 12h28c6.62695 0 12 -5.37305 12 -12v-28zM408 102c0 -6.62695 -5.37305 -12 -12 -12h-216c-6.62695 0 -12 5.37305 -12 12v16c0 6.62695 5.37305 12 12 12h216c6.62695 0 12 -5.37305 12 -12v-16z" />
+    <glyph glyph-name="calendar" unicode="&#xf133;" horiz-adv-x="448" 
+d="M400 384c26.5 0 48 -21.5 48 -48v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h48v52c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-52h128v52c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12
+v-52h48zM394 -16c3.2998 0 6 2.7002 6 6v298h-352v-298c0 -3.2998 2.7002 -6 6 -6h340z" />
+    <glyph glyph-name="play-circle" unicode="&#xf144;" 
+d="M371.7 210c16.3994 -9.2002 16.3994 -32.9004 0 -42l-176 -101c-15.9004 -8.7998 -35.7002 2.59961 -35.7002 21v208c0 18.5 19.9004 29.7998 35.7002 21zM504 192c0 -137 -111 -248 -248 -248s-248 111 -248 248s111 248 248 248s248 -111 248 -248zM56 192
+c0 -110.5 89.5 -200 200 -200s200 89.5 200 200s-89.5 200 -200 200s-200 -89.5 -200 -200z" />
+    <glyph glyph-name="minus-square" unicode="&#xf146;" horiz-adv-x="448" 
+d="M108 164c-6.59961 0 -12 5.40039 -12 12v32c0 6.59961 5.40039 12 12 12h232c6.59961 0 12 -5.40039 12 -12v-32c0 -6.59961 -5.40039 -12 -12 -12h-232zM448 368v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h352
+c26.5 0 48 -21.5 48 -48zM400 22v340c0 3.2998 -2.7002 6 -6 6h-340c-3.2998 0 -6 -2.7002 -6 -6v-340c0 -3.2998 2.7002 -6 6 -6h340c3.2998 0 6 2.7002 6 6z" />
+    <glyph glyph-name="check-square" unicode="&#xf14a;" horiz-adv-x="448" 
+d="M400 416c26.5098 0 48 -21.4902 48 -48v-352c0 -26.5098 -21.4902 -48 -48 -48h-352c-26.5098 0 -48 21.4902 -48 48v352c0 26.5098 21.4902 48 48 48h352zM400 16v352h-352v-352h352zM364.136 257.724l-172.589 -171.204
+c-4.70508 -4.66699 -12.3027 -4.63672 -16.9697 0.0683594l-90.7812 91.5156c-4.66699 4.70508 -4.63672 12.3037 0.0693359 16.9717l22.7188 22.5361c4.70508 4.66699 12.3027 4.63672 16.9697 -0.0693359l59.792 -60.2773l141.353 140.217
+c4.70508 4.66699 12.3027 4.63672 16.9697 -0.0683594l22.5361 -22.7178c4.66699 -4.70605 4.63672 -12.3047 -0.0683594 -16.9717z" />
+    <glyph glyph-name="share-square" unicode="&#xf14d;" horiz-adv-x="576" 
+d="M561.938 289.94c18.75 -18.7402 18.75 -49.1406 0 -67.8809l-143.998 -144c-29.9727 -29.9727 -81.9404 -9.05273 -81.9404 33.9404v53.7998c-101.266 -7.83691 -99.625 -31.6406 -84.1104 -78.7598c14.2285 -43.0889 -33.4736 -79.248 -71.0195 -55.7402
+c-51.6924 32.3057 -84.8701 83.0635 -84.8701 144.76c0 39.3408 12.2197 72.7402 36.3301 99.3008c19.8398 21.8398 47.7402 38.4697 82.9102 49.4199c36.7295 11.4395 78.3096 16.1094 120.76 17.9893v57.1982c0 42.9355 51.9258 63.9541 81.9404 33.9404zM384 112l144 144
+l-144 144v-104.09c-110.86 -0.90332 -240 -10.5166 -240 -119.851c0 -52.1396 32.79 -85.6094 62.3096 -104.06c-39.8174 120.65 48.999 141.918 177.69 143.84v-103.84zM408.74 27.5068c7.4375 2.125 14.5508 5.30566 20.9736 9.30273
+c7.97656 4.95215 18.2861 -0.825195 18.2861 -10.2139v-42.5957c0 -26.5098 -21.4902 -48 -48 -48h-352c-26.5098 0 -48 21.4902 -48 48v352c0 26.5098 21.4902 48 48 48h132c6.62695 0 12 -5.37305 12 -12v-4.48633c0 -4.91699 -2.9873 -9.36914 -7.56934 -11.1514
+c-13.7021 -5.33105 -26.3955 -11.5371 -38.0498 -18.585c-1.82715 -1.11523 -3.98633 -1.76953 -6.28027 -1.77734h-86.1006c-3.31152 0 -6 -2.68848 -6 -6v-340c0 -3.31152 2.68848 -6 6 -6h340c3.31152 0 6 2.68848 6 6v25.9658c0 5.37012 3.5791 10.0596 8.74023 11.541z
+" />
+    <glyph glyph-name="compass" unicode="&#xf14e;" horiz-adv-x="496" 
+d="M347.94 318.14c16.6592 7.61035 33.8096 -9.54004 26.1992 -26.1992l-65.9697 -144.341c-3.19238 -6.9834 -8.78613 -12.5771 -15.7695 -15.7695l-144.341 -65.9697c-16.6592 -7.61035 -33.8096 9.5498 -26.1992 26.1992l65.9697 144.341
+c3.19238 6.9834 8.78613 12.5771 15.7695 15.7695zM270.58 169.42c12.4697 12.4697 12.4697 32.6904 0 45.1602s-32.6904 12.4697 -45.1602 0s-12.4697 -32.6904 0 -45.1602s32.6904 -12.4697 45.1602 0zM248 440c136.97 0 248 -111.03 248 -248s-111.03 -248 -248 -248
+s-248 111.03 -248 248s111.03 248 248 248zM248 -8c110.28 0 200 89.7197 200 200s-89.7197 200 -200 200s-200 -89.7197 -200 -200s89.7197 -200 200 -200z" />
+    <glyph glyph-name="caret-square-down" unicode="&#xf150;" horiz-adv-x="448" 
+d="M125.1 240h197.801c10.6992 0 16.0996 -13 8.5 -20.5l-98.9004 -98.2998c-4.7002 -4.7002 -12.2002 -4.7002 -16.9004 0l-98.8994 98.2998c-7.7002 7.5 -2.2998 20.5 8.39941 20.5zM448 368v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352
+c0 26.5 21.5 48 48 48h352c26.5 0 48 -21.5 48 -48zM400 22v340c0 3.2998 -2.7002 6 -6 6h-340c-3.2998 0 -6 -2.7002 -6 -6v-340c0 -3.2998 2.7002 -6 6 -6h340c3.2998 0 6 2.7002 6 6z" />
+    <glyph glyph-name="caret-square-up" unicode="&#xf151;" horiz-adv-x="448" 
+d="M322.9 144h-197.801c-10.6992 0 -16.0996 13 -8.5 20.5l98.9004 98.2998c4.7002 4.7002 12.2002 4.7002 16.9004 0l98.8994 -98.2998c7.7002 -7.5 2.2998 -20.5 -8.39941 -20.5zM448 368v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352
+c0 26.5 21.5 48 48 48h352c26.5 0 48 -21.5 48 -48zM400 22v340c0 3.2998 -2.7002 6 -6 6h-340c-3.2998 0 -6 -2.7002 -6 -6v-340c0 -3.2998 2.7002 -6 6 -6h340c3.2998 0 6 2.7002 6 6z" />
+    <glyph glyph-name="caret-square-right" unicode="&#xf152;" horiz-adv-x="448" 
+d="M176 93.0996v197.801c0 10.6992 13 16.0996 20.5 8.5l98.2998 -98.9004c4.7002 -4.7002 4.7002 -12.2002 0 -16.9004l-98.2998 -98.8994c-7.5 -7.7002 -20.5 -2.2998 -20.5 8.39941zM448 368v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352
+c0 26.5 21.5 48 48 48h352c26.5 0 48 -21.5 48 -48zM400 22v340c0 3.2998 -2.7002 6 -6 6h-340c-3.2998 0 -6 -2.7002 -6 -6v-340c0 -3.2998 2.7002 -6 6 -6h340c3.2998 0 6 2.7002 6 6z" />
+    <glyph glyph-name="file" unicode="&#xf15b;" horiz-adv-x="384" 
+d="M369.9 350.1c9 -9 14.0996 -21.2998 14.0996 -34v-332.1c0 -26.5 -21.5 -48 -48 -48h-288c-26.5 0 -48 21.5 -48 48v416c0 26.5 21.5 48 48 48.0996h204.1c12.7002 0 24.9004 -5.09961 33.9004 -14.0996zM332.1 320l-76.0996 76.0996v-76.0996h76.0996zM48 -16h288v288
+h-104c-13.2998 0 -24 10.7002 -24 24v104h-160v-416z" />
+    <glyph glyph-name="file-alt" unicode="&#xf15c;" horiz-adv-x="384" 
+d="M288 200v-28c0 -6.59961 -5.40039 -12 -12 -12h-168c-6.59961 0 -12 5.40039 -12 12v28c0 6.59961 5.40039 12 12 12h168c6.59961 0 12 -5.40039 12 -12zM276 128c6.59961 0 12 -5.40039 12 -12v-28c0 -6.59961 -5.40039 -12 -12 -12h-168c-6.59961 0 -12 5.40039 -12 12
+v28c0 6.59961 5.40039 12 12 12h168zM384 316.1v-332.1c0 -26.5 -21.5 -48 -48 -48h-288c-26.5 0 -48 21.5 -48 48v416c0 26.5 21.5 48 48 48h204.1c12.7002 0 24.9004 -5.09961 33.9004 -14.0996l83.9004 -83.9004c9 -8.90039 14.0996 -21.2002 14.0996 -33.9004z
+M256 396.1v-76.0996h76.0996zM336 -16v288h-104c-13.2998 0 -24 10.7002 -24 24v104h-160v-416h288z" />
+    <glyph glyph-name="thumbs-up" unicode="&#xf164;" 
+d="M466.27 161.31c4.6748 -22.6465 0.864258 -44.5371 -8.98926 -62.9893c2.95898 -23.8682 -4.02148 -48.5654 -17.3398 -66.9902c-0.954102 -55.9072 -35.8232 -95.3301 -112.94 -95.3301c-7 0 -15 0.00976562 -22.2197 0.00976562
+c-102.742 0 -133.293 38.9395 -177.803 39.9404c-3.56934 -13.7764 -16.085 -23.9502 -30.9775 -23.9502h-64c-17.6729 0 -32 14.3271 -32 32v240c0 17.6729 14.3271 32 32 32h98.7598c19.1455 16.9531 46.0137 60.6533 68.7598 83.4004
+c13.667 13.667 10.1533 108.6 71.7607 108.6c57.5801 0 95.2695 -31.9355 95.2695 -104.73c0 -18.4092 -3.92969 -33.7295 -8.84961 -46.5391h36.4795c48.6025 0 85.8203 -41.5654 85.8203 -85.5801c0 -19.1504 -4.95996 -34.9902 -13.7305 -49.8408zM404.52 107.48
+c21.5811 20.3838 18.6992 51.0645 5.21094 65.6191c9.44922 0 22.3594 18.9102 22.2695 37.8105c-0.0898438 18.9102 -16.71 37.8203 -37.8203 37.8203h-103.989c0 37.8193 28.3594 55.3691 28.3594 94.5391c0 23.75 0 56.7305 -47.2695 56.7305
+c-18.9102 -18.9102 -9.45996 -66.1797 -37.8203 -94.54c-26.5596 -26.5703 -66.1797 -97.46 -94.54 -97.46h-10.9199v-186.17c53.6113 0 100.001 -37.8203 171.64 -37.8203h37.8203c35.5117 0 60.8203 17.1201 53.1201 65.9004
+c15.2002 8.16016 26.5 36.4395 13.9395 57.5703zM88 16c0 13.2549 -10.7451 24 -24 24s-24 -10.7451 -24 -24s10.7451 -24 24 -24s24 10.7451 24 24z" />
+    <glyph glyph-name="thumbs-down" unicode="&#xf165;" 
+d="M466.27 222.69c8.77051 -14.8506 13.7305 -30.6904 13.7305 -49.8408c0 -44.0146 -37.2178 -85.5801 -85.8203 -85.5801h-36.4795c4.91992 -12.8096 8.84961 -28.1299 8.84961 -46.5391c0 -72.7949 -37.6895 -104.73 -95.2695 -104.73
+c-61.6074 0 -58.0938 94.9326 -71.7607 108.6c-22.7461 22.7471 -49.6133 66.4473 -68.7598 83.4004h-7.05176c-5.5332 -9.56152 -15.8662 -16 -27.708 -16h-64c-17.6729 0 -32 14.3271 -32 32v240c0 17.6729 14.3271 32 32 32h64c8.11328 0 15.5146 -3.02539 21.1553 -8
+h10.8447c40.9971 0 73.1953 39.9902 176.78 39.9902c7.21973 0 15.2197 0.00976562 22.2197 0.00976562c77.1172 0 111.986 -39.4229 112.94 -95.3301c13.3184 -18.4248 20.2979 -43.1221 17.3398 -66.9902c9.85352 -18.4521 13.6641 -40.3428 8.98926 -62.9893zM64 152
+c13.2549 0 24 10.7451 24 24s-10.7451 24 -24 24s-24 -10.7451 -24 -24s10.7451 -24 24 -24zM394.18 135.27c21.1104 0 37.7305 18.9102 37.8203 37.8203c0.0898438 18.9004 -12.8203 37.8105 -22.2695 37.8105c13.4883 14.5547 16.3701 45.2354 -5.21094 65.6191
+c12.5605 21.1309 1.26074 49.4102 -13.9395 57.5703c7.7002 48.7803 -17.6084 65.9004 -53.1201 65.9004h-37.8203c-71.6387 0 -118.028 -37.8203 -171.64 -37.8203v-186.17h10.9199c28.3604 0 67.9805 -70.8896 94.54 -97.46
+c28.3604 -28.3604 18.9102 -75.6299 37.8203 -94.54c47.2695 0 47.2695 32.9805 47.2695 56.7305c0 39.1699 -28.3594 56.7197 -28.3594 94.5391h103.989z" />
+    <glyph glyph-name="sun" unicode="&#xf185;" 
+d="M494.2 226.1c11.2002 -7.59961 17.7998 -20.0996 17.8994 -33.6992c0 -13.4004 -6.69922 -26 -17.7998 -33.5l-59.7998 -40.5l13.7002 -71c2.5 -13.2002 -1.60059 -26.8008 -11.1006 -36.3008s-22.8994 -13.7998 -36.2998 -11.0996l-70.8994 13.7002l-40.4004 -59.9004
+c-7.5 -11.0996 -20.0996 -17.7998 -33.5 -17.7998s-26 6.7002 -33.5 17.9004l-40.4004 59.8994l-70.7998 -13.7002c-13.3994 -2.59961 -26.7998 1.60059 -36.2998 11.1006s-13.7002 23.0996 -11.0996 36.2998l13.6992 71l-59.7998 40.5
+c-11.0996 7.5 -17.7998 20 -17.7998 33.5s6.59961 26 17.7998 33.5996l59.7998 40.5l-13.6992 71c-2.60059 13.2002 1.59961 26.7002 11.0996 36.3008c9.5 9.59961 23 13.6992 36.2998 11.1992l70.7998 -13.6992l40.4004 59.8994c15.0996 22.2998 51.9004 22.2998 67 0
+l40.4004 -59.8994l70.8994 13.6992c13 2.60059 26.6006 -1.59961 36.2002 -11.0996c9.5 -9.59961 13.7002 -23.2002 11.0996 -36.4004l-13.6992 -71zM381.3 140.5l76.7998 52.0996l-76.7998 52l17.6006 91.1006l-91 -17.6006l-51.9004 76.9004l-51.7998 -76.7998
+l-91 17.5996l17.5996 -91.2002l-76.7998 -52l76.7998 -52l-17.5996 -91.1992l90.8994 17.5996l51.9004 -77l51.9004 76.9004l91 -17.6006zM256 296c57.2998 0 104 -46.7002 104 -104s-46.7002 -104 -104 -104s-104 46.7002 -104 104s46.7002 104 104 104zM256 136
+c30.9004 0 56 25.0996 56 56s-25.0996 56 -56 56s-56 -25.0996 -56 -56s25.0996 -56 56 -56z" />
+    <glyph glyph-name="moon" unicode="&#xf186;" 
+d="M279.135 -64c-141.424 0 -256 114.64 -256 256c0 141.425 114.641 256 256 256c16.0342 -0.00292969 31.5078 -1.46875 46.7354 -4.27734c44.0205 -8.13086 53.7666 -66.8691 15.0215 -88.9189c-41.374 -23.5439 -67.4336 -67.4121 -67.4336 -115.836
+c0 -83.5234 75.9238 -146.475 158.272 -130.792c43.6904 8.32129 74.5186 -42.5693 46.248 -77.4004c-47.8613 -58.9717 -120.088 -94.7754 -198.844 -94.7754zM279.135 400c-114.875 0 -208 -93.125 -208 -208s93.125 -208 208 -208
+c65.2314 0 123.439 30.0361 161.575 77.0244c-111.611 -21.2568 -215.252 64.0957 -215.252 177.943c0 67.5127 36.9326 126.392 91.6934 157.555c-12.3271 2.27637 -25.0312 3.47754 -38.0166 3.47754z" />
+    <glyph glyph-name="caret-square-left" unicode="&#xf191;" horiz-adv-x="448" 
+d="M272 290.9v-197.801c0 -10.6992 -13 -16.0996 -20.5 -8.5l-98.2998 98.9004c-4.7002 4.7002 -4.7002 12.2002 0 16.9004l98.2998 98.8994c7.5 7.7002 20.5 2.2998 20.5 -8.39941zM448 368v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352
+c0 26.5 21.5 48 48 48h352c26.5 0 48 -21.5 48 -48zM400 22v340c0 3.2998 -2.7002 6 -6 6h-340c-3.2998 0 -6 -2.7002 -6 -6v-340c0 -3.2998 2.7002 -6 6 -6h340c3.2998 0 6 2.7002 6 6z" />
+    <glyph glyph-name="dot-circle" unicode="&#xf192;" 
+d="M256 392c-110.549 0 -200 -89.4678 -200 -200c0 -110.549 89.4678 -200 200 -200c110.549 0 200 89.4678 200 200c0 110.549 -89.4678 200 -200 200zM256 440c136.967 0 248 -111.033 248 -248s-111.033 -248 -248 -248s-248 111.033 -248 248s111.033 248 248 248z
+M256 272c44.1826 0 80 -35.8174 80 -80s-35.8174 -80 -80 -80s-80 35.8174 -80 80s35.8174 80 80 80z" />
+    <glyph glyph-name="building" unicode="&#xf1ad;" horiz-adv-x="448" 
+d="M128 300v40c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40c0 -6.59961 -5.40039 -12 -12 -12h-40c-6.59961 0 -12 5.40039 -12 12zM268 288c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40
+c0 -6.59961 -5.40039 -12 -12 -12h-40zM140 192c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40c0 -6.59961 -5.40039 -12 -12 -12h-40zM268 192c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40
+c6.59961 0 12 -5.40039 12 -12v-40c0 -6.59961 -5.40039 -12 -12 -12h-40zM192 108c0 -6.59961 -5.40039 -12 -12 -12h-40c-6.59961 0 -12 5.40039 -12 12v40c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40zM268 96c-6.59961 0 -12 5.40039 -12 12v40
+c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-40c0 -6.59961 -5.40039 -12 -12 -12h-40zM448 -28v-36h-448v36c0 6.59961 5.40039 12 12 12h19.5v440c0 13.2998 10.7002 24 24 24h337c13.2998 0 24 -10.7002 24 -24v-440h19.5
+c6.59961 0 12 -5.40039 12 -12zM79.5 -15h112.5v67c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-67h112.5v414l-288.5 1z" />
+    <glyph glyph-name="file-pdf" unicode="&#xf1c1;" horiz-adv-x="384" 
+d="M369.9 350.1c9 -9 14.0996 -21.2998 14.0996 -34v-332.1c0 -26.5 -21.5 -48 -48 -48h-288c-26.5 0 -48 21.5 -48 48v416c0 26.5 21.5 48 48 48.0996h204.1c12.7002 0 24.9004 -5.09961 33.9004 -14.0996zM332.1 320l-76.0996 76.0996v-76.0996h76.0996zM48 -16h288v288
+h-104c-13.2998 0 -24 10.7002 -24 24v104h-160v-416zM298.2 127.7c10.5 -10.5 8 -38.7002 -17.5 -38.7002c-14.7998 0 -36.9004 6.7998 -55.7998 17c-21.6006 -3.59961 -46 -12.7002 -68.4004 -20.0996c-50.0996 -86.4004 -79.4004 -47 -76.0996 -31.2002
+c4 20 31 35.8994 51 46.2002c10.5 18.3994 25.3994 50.5 35.3994 74.3994c-7.39941 28.6006 -11.3994 51 -7 67.1006c4.7998 17.6992 38.4004 20.2998 42.6006 -5.90039c4.69922 -15.4004 -1.5 -39.9004 -5.40039 -56c8.09961 -21.2998 19.5996 -35.7998 36.7998 -46.2998
+c17.4004 2.2002 52.2002 5.5 64.4004 -6.5zM100.1 49.9004c0 -0.700195 11.4004 4.69922 30.4004 35c-5.90039 -5.5 -25.2998 -21.3008 -30.4004 -35zM181.7 240.5c-2.5 0 -2.60059 -26.9004 1.7998 -40.7998c4.90039 8.7002 5.59961 40.7998 -1.7998 40.7998zM157.3 103.9
+c15.9004 6.09961 34 14.8994 54.7998 19.1992c-11.1992 8.30078 -21.7998 20.4004 -30.0996 35.5c-6.7002 -17.6992 -15 -37.7998 -24.7002 -54.6992zM288.9 108.9c3.59961 2.39941 -2.2002 10.3994 -37.3008 7.7998c32.3008 -13.7998 37.3008 -7.7998 37.3008 -7.7998z" />
+    <glyph glyph-name="file-word" unicode="&#xf1c2;" horiz-adv-x="384" 
+d="M369.9 350.1c9 -9 14.0996 -21.2998 14.0996 -34v-332.1c0 -26.5 -21.5 -48 -48 -48h-288c-26.5 0 -48 21.5 -48 48v416c0 26.5 21.5 48 48 48.0996h204.1c12.7002 0 24.9004 -5.09961 33.9004 -14.0996zM332.1 320l-76.0996 76.0996v-76.0996h76.0996zM48 -16h288v288
+h-104c-13.2998 0 -24 10.7002 -24 24v104h-160v-416zM268.1 192v0.200195h15.8008c7.7998 0 13.5 -7.2998 11.5996 -14.9004c-4.2998 -17 -13.7002 -54.0996 -34.5 -136c-1.2998 -5.39941 -6.09961 -9.09961 -11.5996 -9.09961h-24.7002
+c-5.5 0 -10.2998 3.7998 -11.6006 9.09961c-5.2998 20.9004 -17.7998 71 -17.8994 71.4004l-2.90039 17.2998c-0.5 -5.2998 -1.5 -11.0996 -3 -17.2998l-17.8994 -71.4004c-1.30078 -5.39941 -6.10059 -9.09961 -11.6006 -9.09961h-25.2002
+c-5.59961 0 -10.3994 3.7002 -11.6992 9.09961c-6.5 26.5 -25.2002 103.4 -33.2002 136c-1.7998 7.5 3.89941 14.7998 11.7002 14.7998h16.7998c5.7998 0 10.7002 -4.09961 11.7998 -9.69922c5 -25.7002 18.4004 -93.8008 19.0996 -99
+c0.300781 -1.7002 0.400391 -3.10059 0.5 -4.2002c0.800781 7.5 0.400391 4.7002 24.8008 103.7c1.39941 5.2998 6.19922 9.09961 11.6992 9.09961h13.3008c5.59961 0 10.3994 -3.7998 11.6992 -9.2002c23.9004 -99.7002 22.8008 -94.3994 23.6006 -99.5
+c0.299805 -1.7002 0.5 -3.09961 0.700195 -4.2998c0.599609 8.09961 0.399414 5.7998 21 103.5c1.09961 5.5 6 9.5 11.6992 9.5z" />
+    <glyph glyph-name="file-excel" unicode="&#xf1c3;" horiz-adv-x="384" 
+d="M369.9 350.1c9 -9 14.0996 -21.2998 14.0996 -34v-332.1c0 -26.5 -21.5 -48 -48 -48h-288c-26.5 0 -48 21.5 -48 48v416c0 26.5 21.5 48 48 48.0996h204.1c12.7002 0 24.9004 -5.09961 33.9004 -14.0996zM332.1 320l-76.0996 76.0996v-76.0996h76.0996zM48 -16h288v288
+h-104c-13.2998 0 -24 10.7002 -24 24v104h-160v-416zM260 224c9.2002 0 15 -10 10.2998 -18c-16 -27.5 -45.5996 -76.9004 -46.2998 -78l46.4004 -78c4.59961 -8 -1.10059 -18 -10.4004 -18h-28.7998c-4.40039 0 -8.5 2.40039 -10.6006 6.2998
+c-22.6992 41.7998 -13.6992 27.5 -28.5996 57.7002c-5.59961 -12.7002 -6.90039 -17.7002 -28.5996 -57.7002c-2.10059 -3.89941 -6.10059 -6.2998 -10.5 -6.2998h-28.9004c-9.2998 0 -15.0996 10 -10.4004 18l46.3008 78l-46.3008 78c-4.59961 8 1.10059 18 10.4004 18
+h28.9004c4.39941 0 8.5 -2.40039 10.5996 -6.2998c21.7002 -40.4004 14.7002 -28.6006 28.5996 -57.7002c6.40039 15.2998 10.6006 24.5996 28.6006 57.7002c2.09961 3.89941 6.09961 6.2998 10.5 6.2998h28.7998z" />
+    <glyph glyph-name="file-powerpoint" unicode="&#xf1c4;" horiz-adv-x="384" 
+d="M369.9 350.1c9 -9 14.0996 -21.2998 14.0996 -34v-332.1c0 -26.5 -21.5 -48 -48 -48h-288c-26.5 0 -48 21.5 -48 48v416c0 26.5 21.5 48 48 48.0996h204.1c12.7002 0 24.9004 -5.09961 33.9004 -14.0996zM332.1 320l-76.0996 76.0996v-76.0996h76.0996zM48 -16h288v288
+h-104c-13.2998 0 -24 10.7002 -24 24v104h-160v-416zM120 44v168c0 6.59961 5.40039 12 12 12h69.2002c36.7002 0 62.7998 -27 62.7998 -66.2998c0 -74.2998 -68.7002 -66.5 -95.5 -66.5v-47.2002c0 -6.59961 -5.40039 -12 -12 -12h-24.5c-6.59961 0 -12 5.40039 -12 12z
+M168.5 131.4h23c7.90039 0 13.9004 2.39941 18.0996 7.19922c8.5 9.80078 8.40039 28.5 0.100586 37.8008c-4.10059 4.59961 -9.90039 7 -17.4004 7h-23.8994v-52h0.0996094z" />
+    <glyph glyph-name="file-image" unicode="&#xf1c5;" horiz-adv-x="384" 
+d="M369.9 350.1c9 -9 14.0996 -21.2998 14.0996 -34v-332.1c0 -26.5 -21.5 -48 -48 -48h-288c-26.5 0 -48 21.5 -48 48v416c0 26.5 21.5 48 48 48.0996h204.1c12.7002 0 24.9004 -5.09961 33.9004 -14.0996zM332.1 320l-76.0996 76.0996v-76.0996h76.0996zM48 -16h288v288
+h-104c-13.2998 0 -24 10.7002 -24 24v104h-160v-416zM80 32v64l39.5 39.5c4.7002 4.7002 12.2998 4.7002 17 0l39.5 -39.5l87.5 87.5c4.7002 4.7002 12.2998 4.7002 17 0l23.5 -23.5v-128h-224zM128 272c26.5 0 48 -21.5 48 -48s-21.5 -48 -48 -48s-48 21.5 -48 48
+s21.5 48 48 48z" />
+    <glyph glyph-name="file-archive" unicode="&#xf1c6;" horiz-adv-x="384" 
+d="M128.3 288h32v-32h-32v32zM192.3 384v-32h-32v32h32zM128.3 352h32v-32h-32v32zM192.3 320v-32h-32v32h32zM369.9 350.1c9 -9 14.0996 -21.2998 14.0996 -34v-332.1c0 -26.5 -21.5 -48 -48 -48h-288c-26.5 0 -48 21.5 -48 48v416c0 26.5 21.5 48 48 48.0996h204.1
+c12.7002 0 24.9004 -5.09961 33.9004 -14.0996zM256 396.1v-76.0996h76.0996zM336 -16v288h-104c-13.2998 0 -24 10.7002 -24 24v104h-48.2998v-16h-32v16h-79.7002v-416h288zM194.2 182.3l17.2998 -87.7002c6.40039 -32.3994 -18.4004 -62.5996 -51.5 -62.5996
+c-33.2002 0 -58 30.4004 -51.4004 62.9004l19.7002 97.0996v32h32v-32h22.1006c5.7998 0 10.6992 -4.09961 11.7998 -9.7002zM160.3 57.9004c17.9004 0 32.4004 12.0996 32.4004 27c0 14.8994 -14.5 27 -32.4004 27c-17.8994 0 -32.3994 -12.1006 -32.3994 -27
+c0 -14.9004 14.5 -27 32.3994 -27zM192.3 256v-32h-32v32h32z" />
+    <glyph glyph-name="file-audio" unicode="&#xf1c7;" horiz-adv-x="384" 
+d="M369.941 350.059c8.68848 -8.68848 14.0586 -20.6943 14.0586 -33.9404v-332.118c0 -26.5098 -21.4902 -48 -48 -48h-288c-26.5098 0 -48 21.4902 -48 48v416c0 26.5098 21.4902 48 48 48h204.118c13.2461 0 25.252 -5.37012 33.9404 -14.0586zM332.118 320
+l-76.1182 76.1182v-76.1182h76.1182zM48 -16h288v288h-104c-13.2549 0 -24 10.7451 -24 24v104h-160v-416zM192 60.0244c0 -10.6914 -12.9258 -16.0459 -20.4854 -8.48535l-35.5146 35.9746h-28c-6.62695 0 -12 5.37305 -12 12v56c0 6.62695 5.37305 12 12 12h28
+l35.5146 36.9473c7.56055 7.56055 20.4854 2.20605 20.4854 -8.48535v-135.951zM233.201 107.154c9.05078 9.29688 9.05957 24.1328 0.000976562 33.4385c-22.1494 22.752 12.2344 56.2461 34.3945 33.4814c27.1982 -27.9404 27.2119 -72.4443 0.000976562 -100.401
+c-21.793 -22.3857 -56.9463 10.3154 -34.3965 33.4814z" />
+    <glyph glyph-name="file-video" unicode="&#xf1c8;" horiz-adv-x="384" 
+d="M369.941 350.059c8.68848 -8.68848 14.0586 -20.6943 14.0586 -33.9404v-332.118c0 -26.5098 -21.4902 -48 -48 -48h-288c-26.5098 0 -48 21.4902 -48 48v416c0 26.5098 21.4902 48 48 48h204.118c13.2461 0 25.252 -5.37012 33.9404 -14.0586zM332.118 320
+l-76.1182 76.1182v-76.1182h76.1182zM48 -16h288v288h-104c-13.2549 0 -24 10.7451 -24 24v104h-160v-416zM276.687 195.303c10.0049 10.0049 27.3135 2.99707 27.3135 -11.3135v-111.976c0 -14.2939 -17.2959 -21.332 -27.3135 -11.3135l-52.6865 52.6738v-37.374
+c0 -11.0459 -8.9541 -20 -20 -20h-104c-11.0459 0 -20 8.9541 -20 20v104c0 11.0459 8.9541 20 20 20h104c11.0459 0 20 -8.9541 20 -20v-37.374z" />
+    <glyph glyph-name="file-code" unicode="&#xf1c9;" horiz-adv-x="384" 
+d="M149.9 98.9004c3.5 -3.30078 3.69922 -8.90039 0.399414 -12.4004l-17.3994 -18.5996c-1.60059 -1.80078 -4 -2.80078 -6.40039 -2.80078c-2.2002 0 -4.40039 0.900391 -6 2.40039l-57.7002 54.0996c-3.7002 3.40039 -3.7002 9.30078 0 12.8008l57.7002 54.0996
+c3.40039 3.2998 9 3.2002 12.4004 -0.400391l17.3994 -18.5996l0.200195 -0.200195c3.2002 -3.59961 2.7998 -9.2002 -0.799805 -12.3994l-32.7998 -28.9004l32.7998 -28.9004zM369.9 350.1c9 -9 14.0996 -21.2998 14.0996 -34v-332.1c0 -26.5 -21.5 -48 -48 -48h-288
+c-26.5 0 -48 21.5 -48 48v416c0 26.5 21.5 48 48 48.0996h204.1c12.7002 0 24.9004 -5.09961 33.9004 -14.0996zM256 396.1v-76.0996h76.0996zM336 -16v288h-104c-13.2998 0 -24 10.7002 -24 24v104h-160v-416h288zM209.6 234l24.4004 -7
+c4.7002 -1.2998 7.40039 -6.2002 6 -10.9004l-54.7002 -188.199c-1.2998 -4.60059 -6.2002 -7.40039 -10.8994 -6l-24.4004 7.09961c-4.7002 1.2998 -7.40039 6.2002 -6 10.9004l54.7002 188.1c1.39941 4.7002 6.2002 7.40039 10.8994 6zM234.1 157.1
+c-3.5 3.30078 -3.69922 8.90039 -0.399414 12.4004l17.3994 18.5996c3.30078 3.60059 8.90039 3.7002 12.4004 0.400391l57.7002 -54.0996c3.7002 -3.40039 3.7002 -9.30078 0 -12.8008l-57.7002 -54.0996c-3.5 -3.2998 -9.09961 -3.09961 -12.4004 0.400391
+l-17.3994 18.5996l-0.200195 0.200195c-3.2002 3.59961 -2.7998 9.2002 0.799805 12.3994l32.7998 28.9004l-32.7998 28.9004z" />
+    <glyph glyph-name="life-ring" unicode="&#xf1cd;" 
+d="M256 -56c-136.967 0 -248 111.033 -248 248s111.033 248 248 248s248 -111.033 248 -248s-111.033 -248 -248 -248zM152.602 20.7197c63.2178 -38.3184 143.579 -38.3184 206.797 0l-53.4111 53.4111c-31.8467 -13.5215 -68.168 -13.5059 -99.9746 0zM336 192
+c0 44.1123 -35.8877 80 -80 80s-80 -35.8877 -80 -80s35.8877 -80 80 -80s80 35.8877 80 80zM427.28 88.6016c38.3184 63.2178 38.3184 143.579 0 206.797l-53.4111 -53.4111c13.5215 -31.8467 13.5049 -68.168 0 -99.9746zM359.397 363.28
+c-63.2168 38.3184 -143.578 38.3184 -206.796 0l53.4111 -53.4111c31.8457 13.5215 68.167 13.5049 99.9736 0zM84.7197 295.398c-38.3184 -63.2178 -38.3184 -143.579 0 -206.797l53.4111 53.4111c-13.5215 31.8467 -13.5059 68.168 0 99.9746z" />
+    <glyph glyph-name="paper-plane" unicode="&#xf1d8;" 
+d="M440 441.5c34.5996 19.9004 77.5996 -8.7998 71.5 -48.9004l-59.4004 -387.199c-2.2998 -14.5 -11.0996 -27.3008 -23.8994 -34.5c-7.2998 -4.10059 -15.4004 -6.2002 -23.6006 -6.2002c-6.19922 0 -12.3994 1.2002 -18.2998 3.59961l-111.899 46.2002l-43.8008 -59.0996
+c-27.3994 -36.9004 -86.5996 -17.8008 -86.5996 28.5996v84.4004l-114.3 47.2998c-36.7998 15.0996 -40.1006 66 -5.7002 85.8994zM192 -16l36.5996 49.5l-36.5996 15.0996v-64.5996zM404.6 12.7002l59.4004 387.3l-416 -240l107.8 -44.5996l211.5 184.3
+c14.2002 12.2998 34.4004 -5.7002 23.7002 -21.2002l-140.2 -202.3z" />
+    <glyph glyph-name="futbol" unicode="&#xf1e3;" horiz-adv-x="496" 
+d="M483.8 268.6c42.2998 -130.199 -29 -270.1 -159.2 -312.399c-25.5 -8.2998 -51.2998 -12.2002 -76.6992 -12.2002c-104.5 0 -201.7 66.5996 -235.7 171.4c-42.2998 130.199 29 270.1 159.2 312.399c25.5 8.2998 51.2998 12.2002 76.6992 12.2002
+c104.5 0 201.7 -66.5996 235.7 -171.4zM409.3 74.9004c6.10059 8.39941 12.1006 16.8994 16.7998 26.1992c14.3008 28.1006 21.5 58.5 21.7002 89.2002l-38.8994 36.4004l-71.1006 -22.1006l-24.3994 -75.1992l43.6992 -60.9004zM409.3 310.3
+c-24.5 33.4004 -58.7002 58.4004 -97.8994 71.4004l-47.4004 -26.2002v-73.7998l64.2002 -46.5l70.7002 22zM184.9 381.6c-39.9004 -13.2998 -73.5 -38.5 -97.8008 -71.8994l10.1006 -52.5l70.5996 -22l64.2002 46.5v73.7998zM139 68.5l43.5 61.7002l-24.2998 74.2998
+l-71.1006 22.2002l-39 -36.4004c0.5 -55.7002 23.4004 -95.2002 37.8008 -115.3zM187.2 1.5c64.0996 -20.4004 115.5 -1.7998 121.7 0l22.3994 48.0996l-44.2998 61.7002h-78.5996l-43.6006 -61.7002z" />
+    <glyph glyph-name="newspaper" unicode="&#xf1ea;" horiz-adv-x="576" 
+d="M552 384c13.2549 0 24 -10.7451 24 -24v-336c0 -13.2549 -10.7451 -24 -24 -24h-496c-30.9277 0 -56 25.0723 -56 56v272c0 13.2549 10.7451 24 24 24h42.752c6.60547 18.623 24.3896 32 45.248 32h440zM48 56c0 -4.41113 3.58887 -8 8 -8s8 3.58887 8 8v248h-16v-248z
+M528 48v288h-416v-280c0 -2.7168 -0.204102 -5.38574 -0.578125 -8h416.578zM172 168c-6.62695 0 -12 5.37305 -12 12v96c0 6.62695 5.37305 12 12 12h136c6.62695 0 12 -5.37305 12 -12v-96c0 -6.62695 -5.37305 -12 -12 -12h-136zM200 248v-40h80v40h-80zM160 108v24
+c0 6.62695 5.37305 12 12 12h136c6.62695 0 12 -5.37305 12 -12v-24c0 -6.62695 -5.37305 -12 -12 -12h-136c-6.62695 0 -12 5.37305 -12 12zM352 108v24c0 6.62695 5.37305 12 12 12h104c6.62695 0 12 -5.37305 12 -12v-24c0 -6.62695 -5.37305 -12 -12 -12h-104
+c-6.62695 0 -12 5.37305 -12 12zM352 252v24c0 6.62695 5.37305 12 12 12h104c6.62695 0 12 -5.37305 12 -12v-24c0 -6.62695 -5.37305 -12 -12 -12h-104c-6.62695 0 -12 5.37305 -12 12zM352 180v24c0 6.62695 5.37305 12 12 12h104c6.62695 0 12 -5.37305 12 -12v-24
+c0 -6.62695 -5.37305 -12 -12 -12h-104c-6.62695 0 -12 5.37305 -12 12z" />
+    <glyph glyph-name="bell-slash" unicode="&#xf1f6;" horiz-adv-x="640" 
+d="M633.99 -23.0195c6.91016 -5.52051 8.01953 -15.5908 2.5 -22.4902l-10 -12.4902c-5.53027 -6.88965 -15.5898 -8.00977 -22.4902 -2.49023l-598 467.51c-6.90039 5.52051 -8.01953 15.5908 -2.49023 22.4902l10 12.4902
+c5.52051 6.90039 15.5898 8.00977 22.4902 2.49023zM163.53 80h182.84l61.3994 -48h-279.659c-19.1201 0 -31.9902 15.5996 -32.1006 32c-0.0498047 7.5498 2.61035 15.2598 8.61035 21.71c18.3701 19.7402 51.5703 49.6904 54.8398 140.42l45.4697 -35.5498
+c-6.91992 -54.7803 -24.6895 -88.5498 -41.3994 -110.58zM320 352c-23.3496 0 -45 -7.17969 -62.9404 -19.4004l-38.1699 29.8408c19.6807 15.7793 43.1104 27.3096 69.1299 32.7197v20.8398c0 17.6699 14.3203 32 31.9805 32s31.9805 -14.3301 31.9805 -32v-20.8398
+c73.46 -15.2598 127.939 -77.46 127.939 -155.16c0 -41.3604 6.03027 -70.7197 14.3398 -92.8496l-59.5293 46.54c-1.63086 13.96 -2.77051 28.8896 -2.79004 45.7295c0 0.200195 0.0595703 0.379883 0.0595703 0.580078c0 61.8604 -50.1396 112 -112 112zM320 -64
+c-35.3203 0 -63.9697 28.6504 -63.9697 64h127.939c0 -35.3496 -28.6494 -64 -63.9697 -64z" />
+    <glyph glyph-name="copyright" unicode="&#xf1f9;" 
+d="M256 440c136.967 0 248 -111.033 248 -248s-111.033 -248 -248 -248s-248 111.033 -248 248s111.033 248 248 248zM256 -8c110.549 0 200 89.4678 200 200c0 110.549 -89.4678 200 -200 200c-110.549 0 -200 -89.4688 -200 -200c0 -110.549 89.4678 -200 200 -200z
+M363.351 93.0645c-9.61328 -9.71289 -45.5293 -41.3965 -104.064 -41.3965c-82.4297 0 -140.484 61.4248 -140.484 141.567c0 79.1514 60.2754 139.4 139.763 139.4c55.5303 0 88.7373 -26.6201 97.5928 -34.7783c2.37793 -2.1875 3.86914 -5.3252 3.86914 -8.80762
+c0 -2.39746 -0.717773 -4.64258 -1.93359 -6.51465l-18.1543 -28.1133c-3.8418 -5.9502 -11.9668 -7.28223 -17.499 -2.9209c-8.5957 6.77637 -31.8145 22.5381 -61.708 22.5381c-48.3037 0 -77.916 -35.3301 -77.916 -80.082c0 -41.5889 26.8877 -83.6924 78.2764 -83.6924
+c32.6572 0 56.8428 19.0391 65.7266 27.2256c5.26953 4.85645 13.5957 4.03906 17.8193 -1.73828l19.8652 -27.1699c1.45996 -1.98145 2.32422 -4.42969 2.32422 -7.07715c0 -3.28809 -1.32422 -6.2793 -3.47656 -8.44043z" />
+    <glyph glyph-name="closed-captioning" unicode="&#xf20a;" 
+d="M464 384c26.5 0 48 -21.5 48 -48v-288c0 -26.5 -21.5 -48 -48 -48h-416c-26.5 0 -48 21.5 -48 48v288c0 26.5 21.5 48 48 48h416zM458 48c3.2998 0 6 2.7002 6 6v276c0 3.2998 -2.7002 6 -6 6h-404c-3.2998 0 -6 -2.7002 -6 -6v-276c0 -3.2998 2.7002 -6 6 -6h404z
+M246.9 133.7c1.69922 -2.40039 1.5 -5.60059 -0.5 -7.7002c-53.6006 -56.7998 -172.801 -32.0996 -172.801 67.9004c0 97.2998 121.7 119.5 172.5 70.0996c2.10059 -2 2.5 -3.2002 1 -5.7002l-17.5 -30.5c-1.89941 -3.09961 -6.19922 -4 -9.09961 -1.7002
+c-40.7998 32 -94.5996 14.9004 -94.5996 -31.1992c0 -48 51 -70.5 92.1992 -32.6006c2.80078 2.5 7.10059 2.10059 9.2002 -0.899414zM437.3 133.7c1.7002 -2.40039 1.5 -5.60059 -0.5 -7.7002c-53.5996 -56.9004 -172.8 -32.0996 -172.8 67.9004
+c0 97.2998 121.7 119.5 172.5 70.0996c2.09961 -2 2.5 -3.2002 1 -5.7002l-17.5 -30.5c-1.90039 -3.09961 -6.2002 -4 -9.09961 -1.7002c-40.8008 32 -94.6006 14.9004 -94.6006 -31.1992c0 -48 51 -70.5 92.2002 -32.6006c2.7998 2.5 7.09961 2.10059 9.2002 -0.899414z
+" />
+    <glyph glyph-name="object-group" unicode="&#xf247;" 
+d="M500 320h-12v-256h12c6.62695 0 12 -5.37305 12 -12v-72c0 -6.62695 -5.37305 -12 -12 -12h-72c-6.62695 0 -12 5.37305 -12 12v12h-320v-12c0 -6.62695 -5.37305 -12 -12 -12h-72c-6.62695 0 -12 5.37305 -12 12v72c0 6.62695 5.37305 12 12 12h12v256h-12
+c-6.62695 0 -12 5.37305 -12 12v72c0 6.62695 5.37305 12 12 12h72c6.62695 0 12 -5.37305 12 -12v-12h320v12c0 6.62695 5.37305 12 12 12h72c6.62695 0 12 -5.37305 12 -12v-72c0 -6.62695 -5.37305 -12 -12 -12zM448 384v-32h32v32h-32zM32 384v-32h32v32h-32zM64 0v32
+h-32v-32h32zM480 0v32h-32v-32h32zM440 64v256h-12c-6.62695 0 -12 5.37305 -12 12v12h-320v-12c0 -6.62695 -5.37305 -12 -12 -12h-12v-256h12c6.62695 0 12 -5.37305 12 -12v-12h320v12c0 6.62695 5.37305 12 12 12h12zM404 256c6.62695 0 12 -5.37207 12 -12v-168
+c0 -6.62793 -5.37305 -12 -12 -12h-200c-6.62695 0 -12 5.37207 -12 12v52h-84c-6.62695 0 -12 5.37207 -12 12v168c0 6.62793 5.37305 12 12 12h200c6.62695 0 12 -5.37207 12 -12v-52h84zM136 280v-112h144v112h-144zM376 104v112h-56v-76
+c0 -6.62793 -5.37305 -12 -12 -12h-76v-24h144z" />
+    <glyph glyph-name="object-ungroup" unicode="&#xf248;" horiz-adv-x="576" 
+d="M564 224h-12v-160h12c6.62695 0 12 -5.37305 12 -12v-72c0 -6.62695 -5.37305 -12 -12 -12h-72c-6.62695 0 -12 5.37305 -12 12v12h-224v-12c0 -6.62695 -5.37305 -12 -12 -12h-72c-6.62695 0 -12 5.37305 -12 12v72c0 6.62695 5.37305 12 12 12h12v24h-88v-12
+c0 -6.62695 -5.37305 -12 -12 -12h-72c-6.62695 0 -12 5.37305 -12 12v72c0 6.62695 5.37305 12 12 12h12v160h-12c-6.62695 0 -12 5.37305 -12 12v72c0 6.62695 5.37305 12 12 12h72c6.62695 0 12 -5.37305 12 -12v-12h224v12c0 6.62695 5.37305 12 12 12h72
+c6.62695 0 12 -5.37305 12 -12v-72c0 -6.62695 -5.37305 -12 -12 -12h-12v-24h88v12c0 6.62695 5.37305 12 12 12h72c6.62695 0 12 -5.37305 12 -12v-72c0 -6.62695 -5.37305 -12 -12 -12zM352 384v-32h32v32h-32zM352 128v-32h32v32h-32zM64 96v32h-32v-32h32zM64 352v32
+h-32v-32h32zM96 136h224v12c0 6.62695 5.37305 12 12 12h12v160h-12c-6.62695 0 -12 5.37305 -12 12v12h-224v-12c0 -6.62695 -5.37305 -12 -12 -12h-12v-160h12c6.62695 0 12 -5.37305 12 -12v-12zM224 0v32h-32v-32h32zM504 64v160h-12c-6.62695 0 -12 5.37305 -12 12v12
+h-88v-88h12c6.62695 0 12 -5.37305 12 -12v-72c0 -6.62695 -5.37305 -12 -12 -12h-72c-6.62695 0 -12 5.37305 -12 12v12h-88v-24h12c6.62695 0 12 -5.37305 12 -12v-12h224v12c0 6.62695 5.37305 12 12 12h12zM544 0v32h-32v-32h32zM544 256v32h-32v-32h32z" />
+    <glyph glyph-name="sticky-note" unicode="&#xf249;" horiz-adv-x="448" 
+d="M448 99.8936c0 -13.2451 -5.37012 -25.252 -14.0586 -33.9404l-83.8828 -83.8818c-8.68848 -8.68848 -20.6943 -14.0596 -33.9404 -14.0596h-268.118c-26.5098 0 -48 21.4902 -48 48v351.988c0 26.5098 21.4902 48 48 48h352c26.5098 0 48 -21.4902 48 -48v-268.106z
+M320 19.8936l76.1182 76.1182h-76.1182v-76.1182zM400 368h-352v-351.988h224v104c0 13.2549 10.7451 24 24 24h104v223.988z" />
+    <glyph glyph-name="clone" unicode="&#xf24d;" 
+d="M464 448c26.5098 0 48 -21.4902 48 -48v-320c0 -26.5098 -21.4902 -48 -48 -48h-48v-48c0 -26.5098 -21.4902 -48 -48 -48h-320c-26.5098 0 -48 21.4902 -48 48v320c0 26.5098 21.4902 48 48 48h48v48c0 26.5098 21.4902 48 48 48h320zM362 -16c3.31152 0 6 2.68848 6 6
+v42h-224c-26.5098 0 -48 21.4902 -48 48v224h-42c-3.31152 0 -6 -2.68848 -6 -6v-308c0 -3.31152 2.68848 -6 6 -6h308zM458 80c3.31152 0 6 2.68848 6 6v308c0 3.31152 -2.68848 6 -6 6h-308c-3.31152 0 -6 -2.68848 -6 -6v-308c0 -3.31152 2.68848 -6 6 -6h308z" />
+    <glyph glyph-name="hourglass" unicode="&#xf254;" horiz-adv-x="384" 
+d="M368 400c0 -80.0996 -31.8984 -165.619 -97.1797 -208c64.9912 -42.1934 97.1797 -127.436 97.1797 -208h4c6.62695 0 12 -5.37305 12 -12v-24c0 -6.62695 -5.37305 -12 -12 -12h-360c-6.62695 0 -12 5.37305 -12 12v24c0 6.62695 5.37305 12 12 12h4
+c0 80.0996 31.8994 165.619 97.1797 208c-64.9912 42.1934 -97.1797 127.436 -97.1797 208h-4c-6.62695 0 -12 5.37305 -12 12v24c0 6.62695 5.37305 12 12 12h360c6.62695 0 12 -5.37305 12 -12v-24c0 -6.62695 -5.37305 -12 -12 -12h-4zM64 400
+c0 -101.621 57.3066 -184 128 -184s128 82.3799 128 184h-256zM320 -16c0 101.62 -57.3076 184 -128 184s-128 -82.3799 -128 -184h256z" />
+    <glyph glyph-name="hand-rock" unicode="&#xf255;" 
+d="M408.864 368.948c48.8213 20.751 103.136 -15.0723 103.136 -67.9111v-114.443c0 -15.3955 -3.08887 -30.3906 -9.18262 -44.5674l-42.835 -99.6562c-4.99707 -11.625 -3.98242 -18.8574 -3.98242 -42.3701c0 -17.6729 -14.3271 -32 -32 -32h-252
+c-17.6729 0 -32 14.3271 -32 32c0 27.3301 1.1416 29.2012 -3.11035 32.9033l-97.71 85.0811c-24.8994 21.6797 -39.1797 52.8926 -39.1797 85.6338v56.9531c0 47.4277 44.8457 82.0215 91.0459 71.1807c1.96094 55.751 63.5107 87.8262 110.671 60.8057
+c29.1895 31.0713 78.8604 31.4473 108.334 -0.0214844c32.7051 18.6846 76.4121 10.3096 98.8135 -23.5879zM464 186.594v114.445c0 34.29 -52 33.8232 -52 0.676758c0 -8.83594 -7.16309 -16 -16 -16h-7c-8.83691 0 -16 7.16406 -16 16v26.751
+c0 34.457 -52 33.707 -52 0.676758v-27.4287c0 -8.83594 -7.16309 -16 -16 -16h-7c-8.83691 0 -16 7.16406 -16 16v40.4658c0 34.3525 -52 33.8115 -52 0.677734v-41.1436c0 -8.83594 -7.16406 -16 -16 -16h-7c-8.83594 0 -16 7.16406 -16 16v26.751
+c0 34.4023 -52 33.7744 -52 0.676758v-116.571c0 -8.83105 -7.17773 -15.9961 -16.0078 -15.9961c-4.0166 0 -7.68848 1.48242 -10.499 3.92969l-7 6.09473c-3.37012 2.93457 -5.49316 7.25293 -5.49316 12.0674v41.2275c0 34.2148 -52 33.8857 -52 0.677734v-56.9531
+c0 -18.8555 8.27441 -36.874 22.7002 -49.4365l97.71 -85.0801c12.4502 -10.8398 19.5898 -26.4463 19.5898 -42.8164v-10.2861h220v7.07617c0 13.21 2.65332 26.0791 7.88281 38.25l42.835 99.6553c3.37891 7.82715 5.28223 16.501 5.28223 25.5625v0.0498047z" />
+    <glyph glyph-name="hand-paper" unicode="&#xf256;" horiz-adv-x="448" 
+d="M372.57 335.359c39.9062 5.63281 75.4297 -25.7393 75.4297 -66.3594v-131.564c-0.00292969 -15.7393 -1.80566 -30.9482 -5.19531 -45.666l-30.1836 -130.958c-3.34668 -14.5234 -16.2783 -24.8125 -31.1816 -24.8125h-222.897
+c-10.7539 0 -20.2588 5.28613 -26.0615 13.4316l-119.97 168.415c-21.2441 29.8203 -14.8047 71.3574 14.5498 93.1533c18.7754 13.9395 42.1309 16.2979 62.083 8.87109v126.13c0 44.0547 41.125 75.5439 82.4053 64.9834c23.8926 48.1963 92.3535 50.2471 117.982 0.74707
+c42.5186 11.1445 83.0391 -21.9346 83.0391 -65.5469v-10.8242zM399.997 137.437l-0.00195312 131.563c0 24.9492 -36.5703 25.5508 -36.5703 -0.691406v-76.3086c0 -8.83691 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16309 -16 16v154.184
+c0 25.501 -36.5703 26.3633 -36.5703 0.691406v-154.875c0 -8.83691 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16309 -16 16v188.309c0 25.501 -36.5703 26.3545 -36.5703 0.691406v-189c0 -8.83691 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16309 -16 16
+v153.309c0 25.501 -36.5713 26.3359 -36.5713 0.691406v-206.494c0 -15.5703 -20.0352 -21.9092 -29.0303 -9.2832l-27.1279 38.0791c-14.3711 20.1709 -43.833 -2.33496 -29.3945 -22.6045l115.196 -161.697h201.92l27.3252 118.551
+c2.63086 11.417 3.96484 23.1553 3.96484 34.8857z" />
+    <glyph glyph-name="hand-scissors" unicode="&#xf257;" 
+d="M256 -32c-44.9561 0 -77.3428 43.2627 -64.0244 85.8535c-21.6484 13.71 -34.0156 38.7617 -30.3408 65.0068h-87.6348c-40.8037 0 -74 32.8105 -74 73.1406c0 40.3291 33.1963 73.1396 74 73.1396l94 -9.14062l-78.8496 18.6787
+c-38.3076 14.7422 -57.04 57.4707 -41.9424 95.1123c15.0303 37.4736 57.7549 55.7803 95.6416 41.2012l144.929 -55.7568c24.9551 30.5566 57.8086 43.9932 92.2178 24.7324l97.999 -54.8525c20.9746 -11.7393 34.0049 -33.8457 34.0049 -57.6904v-205.702
+c0 -30.7422 -21.4404 -57.5576 -51.7979 -64.5537l-118.999 -27.4268c-4.97168 -1.14648 -10.0889 -1.72949 -15.2031 -1.72949zM256 16.0127l70 -0.000976562c1.52441 0 2.99707 0.174805 4.42285 0.501953l119.001 27.4277
+c8.58203 1.97754 14.5762 9.29102 14.5762 17.7812v205.701c0 6.4873 -3.62109 12.542 -9.44922 15.8047l-98 54.8545c-8.13965 4.55566 -18.668 2.61914 -24.4873 -4.50781l-21.7646 -26.6475c-2.93457 -3.59375 -7.40332 -5.87305 -12.4004 -5.87305
+c-2.02246 0 -3.95703 0.375977 -5.73828 1.06152l-166.549 64.0908c-32.6543 12.5664 -50.7744 -34.5771 -19.2227 -46.7168l155.357 -59.7852c6 -2.30859 10.2539 -8.12402 10.2539 -14.9326v-11.6328c0 -8.83691 -7.16309 -16 -16 -16h-182
+c-34.375 0 -34.4297 -50.2803 0 -50.2803h182c8.83691 0 16 -7.16309 16 -16v-6.85645c0 -8.83691 -7.16309 -16 -16 -16h-28c-25.1221 0 -25.1592 -36.5674 0 -36.5674h28c8.83691 0 16 -7.16211 16 -16v-6.85547c0 -8.83691 -7.16309 -16 -16 -16
+c-25.1201 0 -25.1602 -36.5674 0 -36.5674z" />
+    <glyph glyph-name="hand-lizard" unicode="&#xf258;" horiz-adv-x="576" 
+d="M556.686 157.458c12.6357 -19.4863 19.3145 -42.0615 19.3145 -65.2871v-124.171h-224v71.582l-99.751 38.7871c-2.7832 1.08203 -5.70996 1.63086 -8.69727 1.63086h-131.552c-30.8789 0 -56 25.1211 -56 56c0 48.5234 39.4766 88 88 88h113.709l18.333 48h-196.042
+c-44.1123 0 -80 35.8877 -80 80v8c0 30.8779 25.1211 56 56 56h293.917c24.5 0 47.084 -12.2725 60.4111 -32.8291zM528 16v76.1709c0 0.0166016 -0.0439453 0.106445 -0.0439453 0.12207c0 14.3945 -4.24219 27.8057 -11.5439 39.0498l-146.358 225.715
+c-4.44336 6.85254 -11.9707 10.9424 -20.1367 10.9424h-293.917c-4.41113 0 -8 -3.58887 -8 -8v-8c0 -17.6445 14.3555 -32 32 -32h213.471c25.2021 0 42.626 -25.293 33.6299 -48.8457l-24.5518 -64.2812c-7.05371 -18.4658 -25.0732 -30.873 -44.8398 -30.873h-113.709
+c-22.0557 0 -40 -17.9443 -40 -40c0 -4.41113 3.58887 -8 8 -8h131.552c0.0175781 0 0.0712891 -0.0273438 0.0888672 -0.0273438c9.16992 0 17.9404 -1.72461 26.0039 -4.86621l99.752 -38.7881c18.5898 -7.22852 30.6035 -24.7881 30.6035 -44.7363v-23.582h128z" />
+    <glyph glyph-name="hand-spock" unicode="&#xf259;" 
+d="M501.03 331.824c6.92773 -11.1826 10.9697 -24.4053 10.9697 -38.5146c0 -5.92676 -0.706055 -11.6885 -2.03809 -17.208l-57.623 -241.963c-13.2236 -56.1904 -63.707 -98.1387 -123.908 -98.1387h-0.352539h-107.455
+c-0.0761719 0 -0.193359 0.00195312 -0.270508 0.00195312c-40.9248 0 -78.1475 15.9814 -105.761 42.0391l-91.3652 85.9766c-14.3076 13.4434 -23.2246 32.5547 -23.2246 53.7168c0 19.5254 7.61035 37.2861 20.0254 50.4766
+c5.31836 5.66406 29.875 29.3926 68.1152 21.8477l-24.3594 82.1973c-1.97363 6.64844 -2.97656 13.6836 -2.97656 20.9688c0 38.6953 29.8926 70.4639 67.8262 73.4531c-0.246094 2.45117 -0.34082 4.85547 -0.34082 7.37207c0 34.4199 23.585 63.376 55.4619 71.5752
+c43.248 10.9785 80.5645 -17.7012 89.6602 -53.0723l13.6836 -53.207l4.64648 22.6602c6.99023 33.5186 36.6826 58.8037 72.2373 58.916c8.73438 0 56.625 -3.26953 70.7383 -54.0801c15.0664 0.710938 46.9199 -3.50977 66.3105 -35.0176zM463.271 287.219
+c7.86914 32.9844 -42.1211 45.2695 -50.0859 11.9219l-24.8008 -104.146c-4.38867 -18.4141 -31.7783 -11.8926 -28.0557 6.2168l28.5479 139.166c7.39844 36.0703 -43.3076 45.0703 -50.1182 11.9629l-31.791 -154.971
+c-3.54883 -17.3086 -28.2832 -18.0469 -32.7109 -0.804688l-47.3262 184.035c-8.43359 32.8105 -58.3691 20.2676 -49.8652 -12.8359l42.4414 -165.039c4.81641 -18.7207 -23.3711 -26.9121 -28.9648 -8.00781l-31.3438 105.779
+c-9.6875 32.6465 -59.1191 18.2578 -49.3867 -14.625l36.0137 -121.539c6.59375 -22.2441 10.1777 -45.7803 10.1777 -70.1523c0 -6.54297 -8.05664 -10.9355 -13.4824 -5.82617l-51.123 48.1074c-24.7852 23.4082 -60.0527 -14.1875 -35.2793 -37.4902l91.3691 -85.9805
+c19.0469 -17.9736 44.75 -28.998 72.9795 -28.998h0.157227h107.455c0.0732422 0 0.138672 0.0429688 0.212891 0.0429688c37.5791 0 69.1016 26.1416 77.3564 61.2168z" />
+    <glyph glyph-name="hand-pointer" unicode="&#xf25a;" horiz-adv-x="448" 
+d="M358.182 268.639c43.1934 16.6348 89.8184 -15.7949 89.8184 -62.6387v-84c-0.000976562 -5.24023 -0.600586 -10.3037 -1.72754 -15.2041l-27.4297 -118.999c-6.98242 -30.2969 -33.7549 -51.7969 -64.5566 -51.7969h-178.286
+c-21.2588 0 -41.3682 10.4102 -53.791 27.8457l-109.699 154.001c-21.2432 29.8193 -14.8047 71.3574 14.5498 93.1523c18.8115 13.9658 42.1748 16.2822 62.083 8.87207v161.129c0 36.9443 29.7363 67 66.2861 67s66.2861 -30.0557 66.2861 -67v-73.6338
+c20.4131 2.85742 41.4678 -3.94238 56.5947 -19.6289c27.1934 12.8467 60.3799 5.66992 79.8721 -19.0986zM80.9854 168.303c-14.4004 20.2119 -43.8008 -2.38281 -29.3945 -22.6055l109.712 -154c3.43457 -4.81934 8.92871 -7.69727 14.6973 -7.69727h178.285
+c8.49219 0 15.8037 5.99414 17.7822 14.5762l27.4297 119.001c0.333008 1.44629 0.501953 2.93457 0.501953 4.42285v84c0 25.1602 -36.5713 25.1211 -36.5713 0c0 -8.83594 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16406 -16 16v21
+c0 25.1602 -36.5713 25.1201 -36.5713 0v-21c0 -8.83594 -7.16309 -16 -16 -16h-6.85938c-8.83691 0 -16 7.16406 -16 16v35c0 25.1602 -36.5703 25.1201 -36.5703 0v-35c0 -8.83594 -7.16309 -16 -16 -16h-6.85742c-8.83691 0 -16 7.16406 -16 16v175
+c0 25.1602 -36.5713 25.1201 -36.5713 0v-241.493c0 -15.5703 -20.0352 -21.9092 -29.0303 -9.2832zM176.143 48v96c0 8.83691 6.26855 16 14 16h6c7.73242 0 14 -7.16309 14 -16v-96c0 -8.83691 -6.26758 -16 -14 -16h-6c-7.73242 0 -14 7.16309 -14 16zM251.571 48v96
+c0 8.83691 6.26758 16 14 16h6c7.73145 0 14 -7.16309 14 -16v-96c0 -8.83691 -6.26855 -16 -14 -16h-6c-7.73242 0 -14 7.16309 -14 16zM327 48v96c0 8.83691 6.26758 16 14 16h6c7.73242 0 14 -7.16309 14 -16v-96c0 -8.83691 -6.26758 -16 -14 -16h-6
+c-7.73242 0 -14 7.16309 -14 16z" />
+    <glyph glyph-name="hand-peace" unicode="&#xf25b;" horiz-adv-x="448" 
+d="M362.146 256.024c42.5908 13.3184 85.8535 -19.0684 85.8535 -64.0244l-0.0117188 -70.001c-0.000976562 -5.24023 -0.600586 -10.3027 -1.72949 -15.2031l-27.4268 -118.999c-6.99707 -30.3564 -33.8105 -51.7969 -64.5547 -51.7969h-205.702
+c-23.8447 0 -45.9502 13.0303 -57.6904 34.0059l-54.8525 97.999c-19.2607 34.4092 -5.82422 67.2617 24.7324 92.2178l-55.7568 144.928c-14.5791 37.8867 3.72754 80.6113 41.2012 95.6416c37.6406 15.0977 80.3691 -3.63477 95.1123 -41.9424l18.6787 -78.8496
+l-9.14062 94c0 40.8037 32.8096 74 73.1396 74s73.1406 -33.1963 73.1406 -74v-87.6348c26.2451 3.6748 51.2959 -8.69238 65.0068 -30.3408zM399.987 122l-0.000976562 70c0 25.1602 -36.5674 25.1201 -36.5674 0c0 -8.83691 -7.16309 -16 -16 -16h-6.85547
+c-8.83789 0 -16 7.16309 -16 16v28c0 25.1592 -36.5674 25.1221 -36.5674 0v-28c0 -8.83691 -7.16309 -16 -16 -16h-6.85645c-8.83691 0 -16 7.16309 -16 16v182c0 34.4297 -50.2803 34.375 -50.2803 0v-182c0 -8.83691 -7.16309 -16 -16 -16h-11.6328
+c-6.80859 0 -12.624 4.25391 -14.9326 10.2539l-59.7842 155.357c-12.1396 31.5518 -59.2842 13.4326 -46.7168 -19.2227l64.0898 -166.549c0.685547 -1.78125 1.07812 -3.71875 1.07812 -5.74121c0 -4.99707 -2.2959 -9.46289 -5.88965 -12.3975l-26.6475 -21.7646
+c-7.12695 -5.81934 -9.06445 -16.3467 -4.50781 -24.4873l54.8535 -98c3.26367 -5.82812 9.31934 -9.44922 15.8057 -9.44922h205.701c8.49121 0 15.8037 5.99414 17.7812 14.5762l27.4277 119.001c0.333008 1.44629 0.501953 2.93457 0.501953 4.42285z" />
+    <glyph glyph-name="registered" unicode="&#xf25d;" 
+d="M256 440c136.967 0 248 -111.033 248 -248s-111.033 -248 -248 -248s-248 111.033 -248 248s111.033 248 248 248zM256 -8c110.549 0 200 89.4678 200 200c0 110.549 -89.4678 200 -200 200c-110.549 0 -200 -89.4688 -200 -200c0 -110.549 89.4678 -200 200 -200z
+M366.442 73.791c4.40332 -7.99219 -1.37012 -17.791 -10.5107 -17.791h-42.8096c-0.00488281 0 -0.000976562 -0.0126953 -0.00585938 -0.0126953c-4.58594 0 -8.57422 2.58301 -10.5869 6.37305l-47.5156 89.3027h-31.958v-83.6631c0 -6.61719 -5.38281 -12 -12 -12
+h-38.5674c-6.61719 0 -12 5.38281 -12 12v248.304c0 6.61719 5.38281 12 12 12h78.667c71.251 0 101.498 -32.749 101.498 -85.252c0 -31.6123 -15.2148 -59.2969 -39.4824 -73.1758c3.02148 -4.61719 0.225586 0.199219 53.2715 -96.085zM256.933 208.094
+c20.9131 0 32.4307 11.5186 32.4316 32.4316c0 19.5752 -6.5127 31.709 -38.9297 31.709h-27.377v-64.1406h33.875z" />
+    <glyph glyph-name="calendar-plus" unicode="&#xf271;" horiz-adv-x="448" 
+d="M336 156v-24c0 -6.59961 -5.40039 -12 -12 -12h-76v-76c0 -6.59961 -5.40039 -12 -12 -12h-24c-6.59961 0 -12 5.40039 -12 12v76h-76c-6.59961 0 -12 5.40039 -12 12v24c0 6.59961 5.40039 12 12 12h76v76c0 6.59961 5.40039 12 12 12h24c6.59961 0 12 -5.40039 12 -12
+v-76h76c6.59961 0 12 -5.40039 12 -12zM448 336v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h48v52c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-52h128v52c0 6.59961 5.40039 12 12 12h40
+c6.59961 0 12 -5.40039 12 -12v-52h48c26.5 0 48 -21.5 48 -48zM400 -10v298h-352v-298c0 -3.2998 2.7002 -6 6 -6h340c3.2998 0 6 2.7002 6 6z" />
+    <glyph glyph-name="calendar-minus" unicode="&#xf272;" horiz-adv-x="448" 
+d="M124 120c-6.59961 0 -12 5.40039 -12 12v24c0 6.59961 5.40039 12 12 12h200c6.59961 0 12 -5.40039 12 -12v-24c0 -6.59961 -5.40039 -12 -12 -12h-200zM448 336v-352c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h48v52
+c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-52h128v52c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-52h48c26.5 0 48 -21.5 48 -48zM400 -10v298h-352v-298c0 -3.2998 2.7002 -6 6 -6h340c3.2998 0 6 2.7002 6 6z" />
+    <glyph glyph-name="calendar-times" unicode="&#xf273;" horiz-adv-x="448" 
+d="M311.7 73.2998l-17 -17c-4.7002 -4.7002 -12.2998 -4.7002 -17 0l-53.7002 53.7998l-53.7002 -53.6992c-4.7002 -4.7002 -12.2998 -4.7002 -17 0l-17 17c-4.7002 4.69922 -4.7002 12.2998 0 17l53.7002 53.6992l-53.7002 53.7002c-4.7002 4.7002 -4.7002 12.2998 0 17
+l17 17c4.7002 4.7002 12.2998 4.7002 17 0l53.7002 -53.7002l53.7002 53.7002c4.7002 4.7002 12.2998 4.7002 17 0l17 -17c4.7002 -4.7002 4.7002 -12.2998 0 -17l-53.7998 -53.7998l53.6992 -53.7002c4.80078 -4.7002 4.80078 -12.2998 0.100586 -17zM448 336v-352
+c0 -26.5 -21.5 -48 -48 -48h-352c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h48v52c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-52h128v52c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-52h48c26.5 0 48 -21.5 48 -48zM400 -10
+v298h-352v-298c0 -3.2998 2.7002 -6 6 -6h340c3.2998 0 6 2.7002 6 6z" />
+    <glyph glyph-name="calendar-check" unicode="&#xf274;" horiz-adv-x="448" 
+d="M400 384c26.5098 0 48 -21.4902 48 -48v-352c0 -26.5098 -21.4902 -48 -48 -48h-352c-26.5098 0 -48 21.4902 -48 48v352c0 26.5098 21.4902 48 48 48h48v52c0 6.62695 5.37305 12 12 12h40c6.62695 0 12 -5.37305 12 -12v-52h128v52c0 6.62695 5.37305 12 12 12h40
+c6.62695 0 12 -5.37305 12 -12v-52h48zM394 -16c3.31152 0 6 2.68848 6 6v298h-352v-298c0 -3.31152 2.68848 -6 6 -6h340zM341.151 184.65l-142.31 -141.169c-4.70508 -4.66699 -12.3027 -4.6377 -16.9707 0.0673828l-75.0908 75.6992
+c-4.66699 4.70508 -4.6377 12.3027 0.0673828 16.9707l22.7197 22.5361c4.70508 4.66699 12.3027 4.63672 16.9697 -0.0693359l44.1035 -44.4609l111.072 110.182c4.70508 4.66699 12.3027 4.63672 16.9707 -0.0683594l22.5361 -22.7178
+c4.66699 -4.70508 4.63672 -12.3027 -0.0683594 -16.9697z" />
+    <glyph glyph-name="map" unicode="&#xf279;" horiz-adv-x="576" 
+d="M560.02 416c8.4502 0 15.9805 -6.83008 15.9805 -16.0195v-346.32c0 -13.4707 -8.32422 -24.9951 -20.1201 -29.71l-151.83 -52.8105c-6.23242 -2.02832 -12.9023 -3.12305 -19.8076 -3.12305c-7.07324 0 -13.8799 1.15039 -20.2422 3.27344l-172 60.71l-170.05 -62.8398
+c-1.99023 -0.790039 -4 -1.16016 -5.95996 -1.16016c-8.45996 0 -15.9902 6.83008 -15.9902 16.0195v346.32c0.00292969 13.4697 8.32617 24.9932 20.1201 29.71l151.83 52.8105c6.43945 2.08984 13.1201 3.13965 19.8096 3.13965
+c7.06641 -0.00292969 13.8789 -1.16602 20.2402 -3.28027l172 -60.7197h0.00976562l170.05 62.8398c1.98047 0.790039 4 1.16016 5.95996 1.16016zM224 357.58v-285.97l128 -45.1904v285.97zM48 29.9502l127.36 47.0801l0.639648 0.229492v286.2l-128 -44.5303v-288.979z
+M528 65.0801v288.97l-127.36 -47.0693l-0.639648 -0.240234v-286.19z" />
+    <glyph glyph-name="comment-alt" unicode="&#xf27a;" 
+d="M448 448c35.2998 0 64 -28.7002 64 -64v-288c0 -35.2998 -28.7002 -64 -64 -64h-144l-124.9 -93.5996c-2.19922 -1.7002 -4.69922 -2.40039 -7.09961 -2.40039c-6.2002 0 -12 4.90039 -12 12v84h-96c-35.2998 0 -64 28.7002 -64 64v288c0 35.2998 28.7002 64 64 64h384z
+M464 96v288c0 8.7998 -7.2002 16 -16 16h-384c-8.7998 0 -16 -7.2002 -16 -16v-288c0 -8.7998 7.2002 -16 16 -16h144v-60l67.2002 50.4004l12.7998 9.59961h160c8.7998 0 16 7.2002 16 16z" />
+    <glyph glyph-name="pause-circle" unicode="&#xf28b;" 
+d="M256 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM256 -8c110.5 0 200 89.5 200 200s-89.5 200 -200 200s-200 -89.5 -200 -200s89.5 -200 200 -200zM352 272v-160c0 -8.7998 -7.2002 -16 -16 -16h-48
+c-8.7998 0 -16 7.2002 -16 16v160c0 8.7998 7.2002 16 16 16h48c8.7998 0 16 -7.2002 16 -16zM240 272v-160c0 -8.7998 -7.2002 -16 -16 -16h-48c-8.7998 0 -16 7.2002 -16 16v160c0 8.7998 7.2002 16 16 16h48c8.7998 0 16 -7.2002 16 -16z" />
+    <glyph glyph-name="stop-circle" unicode="&#xf28d;" 
+d="M504 192c0 -137 -111 -248 -248 -248s-248 111 -248 248s111 248 248 248s248 -111 248 -248zM56 192c0 -110.5 89.5 -200 200 -200s200 89.5 200 200s-89.5 200 -200 200s-200 -89.5 -200 -200zM352 272v-160c0 -8.7998 -7.2002 -16 -16 -16h-160
+c-8.7998 0 -16 7.2002 -16 16v160c0 8.7998 7.2002 16 16 16h160c8.7998 0 16 -7.2002 16 -16z" />
+    <glyph glyph-name="handshake" unicode="&#xf2b5;" horiz-adv-x="640" 
+d="M519.2 320.1h120.8v-255.699h-64c-17.5 0 -31.7998 14.1992 -31.9004 31.6992h-57.8994c-1.7998 -8.19922 -5.2998 -16.0996 -10.9004 -23l-26.2002 -32.2998c-15.7998 -19.3994 -41.8994 -25.5 -64 -16.7998c-13.5 -16.5996 -30.5996 -24 -48.7998 -24
+c-15.0996 0 -28.5996 5.09961 -41.0996 15.9004c-31.7998 -21.9004 -74.7002 -21.3008 -105.601 3.7998l-84.5996 76.3994h-9.09961c-0.100586 -17.5 -14.3008 -31.6992 -31.9004 -31.6992h-64v255.699h118l47.5996 47.6006c10.5 10.3994 24.8008 16.2998 39.6006 16.2998
+h226.8c15.4326 0 29.4326 -6.22168 39.5996 -16.2998zM48 96.4004c8.7998 0 16 7.09961 16 16c0 8.7998 -7.2002 16 -16 16s-16 -7.2002 -16 -16c0 -8.80078 7.2002 -16 16 -16zM438 103.3c2.7002 3.40039 2.2002 8.5 -1.2002 11.2998l-108.2 87.8008l-8.19922 -7.5
+c-40.3008 -36.8008 -86.7002 -11.8008 -101.5 4.39941c-26.7002 29 -25 74.4004 4.39941 101.3l38.7002 35.5h-56.7002c-2 -0.799805 -3.7002 -1.5 -5.7002 -2.2998l-61.6992 -61.5996h-41.9004v-128.101h27.7002l97.2998 -88
+c16.0996 -13.0996 41.4004 -10.5 55.2998 6.60059l15.6006 19.2002l36.7998 -31.5c3 -2.40039 12 -4.90039 18 2.39941l30 36.5l23.8994 -19.3994c3.5 -2.80078 8.5 -2.2002 11.3008 1.19922zM544 144.1v128h-44.7002l-61.7002 61.6006
+c-1.39941 1.5 -3.39941 2.2998 -5.5 2.2998l-83.6992 -0.200195c-10 0 -19.6006 -3.7002 -27 -10.5l-65.6006 -60.0996c-9.7002 -8.7998 -10.5 -24 -1.2002 -33.9004c8.90039 -9.39941 25.1006 -8.7002 34.6006 0l55.2002 50.6006c6.5 5.89941 16.5996 5.5 22.5996 -1
+l10.9004 -11.7002c6 -6.5 5.5 -16.6006 -1 -22.6006l-12.5 -11.3994l102.699 -83.4004c2.80078 -2.2998 5.40039 -4.89941 7.7002 -7.7002h69.2002zM592 96.4004c8.7998 0 16 7.09961 16 16c0 8.7998 -7.2002 16 -16 16s-16 -7.2002 -16 -16c0 -8.80078 7.2002 -16 16 -16z
+" />
+    <glyph glyph-name="envelope-open" unicode="&#xf2b6;" 
+d="M494.586 283.484c10.6523 -8.80762 17.4141 -22.1064 17.4141 -36.9932v-262.491c0 -26.5098 -21.4902 -48 -48 -48h-416c-26.5098 0 -48 21.4902 -48 48v262.515c0 14.9355 6.80469 28.2705 17.5146 37.0771c4.08008 3.35449 110.688 89.0996 135.15 108.549
+c22.6992 18.1426 60.1299 55.8594 103.335 55.8594c43.4365 0 81.2314 -38.1914 103.335 -55.8594c23.5283 -18.707 130.554 -104.773 135.251 -108.656zM464 -10v253.632c0 0.00195312 0.00390625 0.000976562 0.00390625 0.00292969
+c0 1.88184 -0.869141 3.56152 -2.22754 4.66016c-15.8633 12.8232 -108.793 87.5752 -132.366 106.316c-17.5527 14.0195 -49.7168 45.3887 -73.4102 45.3887c-23.6016 0 -55.2451 -30.8799 -73.4102 -45.3887c-23.5713 -18.7393 -116.494 -93.4795 -132.364 -106.293
+c-1.40918 -1.13965 -2.22559 -2.85254 -2.22559 -4.66504v-253.653c0 -3.31152 2.68848 -6 6 -6h404c3.31152 0 6 2.68848 6 6zM432.009 177.704c4.24902 -5.15918 3.46484 -12.7949 -1.74512 -16.9814c-28.9746 -23.2822 -59.2734 -47.5967 -70.9287 -56.8623
+c-22.6992 -18.1436 -60.1299 -55.8604 -103.335 -55.8604c-43.4521 0 -81.2871 38.2373 -103.335 55.8604c-11.2793 8.9668 -41.7441 33.4131 -70.9268 56.8643c-5.20996 4.1875 -5.99316 11.8223 -1.74512 16.9814l15.2578 18.5283
+c4.17773 5.07227 11.6572 5.84277 16.7793 1.72559c28.6182 -23.001 58.5654 -47.0352 70.5596 -56.5713c17.5527 -14.0195 49.7168 -45.3887 73.4102 -45.3887c23.6016 0 55.2461 30.8799 73.4102 45.3887c11.9941 9.53516 41.9434 33.5703 70.5625 56.5684
+c5.12207 4.11621 12.6016 3.3457 16.7783 -1.72656z" />
+    <glyph glyph-name="address-book" unicode="&#xf2b9;" horiz-adv-x="448" 
+d="M436 288h-20v-64h20c6.59961 0 12 -5.40039 12 -12v-40c0 -6.59961 -5.40039 -12 -12 -12h-20v-64h20c6.59961 0 12 -5.40039 12 -12v-40c0 -6.59961 -5.40039 -12 -12 -12h-20v-48c0 -26.5 -21.5 -48 -48 -48h-320c-26.5 0 -48 21.5 -48 48v416c0 26.5 21.5 48 48 48
+h320c26.5 0 48 -21.5 48 -48v-48h20c6.59961 0 12 -5.40039 12 -12v-40c0 -6.59961 -5.40039 -12 -12 -12zM368 -16v416h-320v-416h320zM208 192c-35.2998 0 -64 28.7002 -64 64s28.7002 64 64 64s64 -28.7002 64 -64s-28.7002 -64 -64 -64zM118.4 64
+c-12.4004 0 -22.4004 8.59961 -22.4004 19.2002v19.2002c0 31.7998 30.0996 57.5996 67.2002 57.5996c11.3994 0 17.8994 -8 44.7998 -8c26.0996 0 34 8 44.7998 8c37.1006 0 67.2002 -25.7998 67.2002 -57.5996v-19.2002c0 -10.6006 -10 -19.2002 -22.4004 -19.2002
+h-179.199z" />
+    <glyph glyph-name="address-card" unicode="&#xf2bb;" horiz-adv-x="576" 
+d="M528 416c26.5 0 48 -21.5 48 -48v-352c0 -26.5 -21.5 -48 -48 -48h-480c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h480zM528 16v352h-480v-352h480zM208 192c-35.2998 0 -64 28.7002 -64 64s28.7002 64 64 64s64 -28.7002 64 -64s-28.7002 -64 -64 -64z
+M118.4 64c-12.4004 0 -22.4004 8.59961 -22.4004 19.2002v19.2002c0 31.7998 30.0996 57.5996 67.2002 57.5996c11.3994 0 17.8994 -8 44.7998 -8c26.0996 0 34 8 44.7998 8c37.1006 0 67.2002 -25.7998 67.2002 -57.5996v-19.2002
+c0 -10.6006 -10 -19.2002 -22.4004 -19.2002h-179.199zM360 128c-4.40039 0 -8 3.59961 -8 8v16c0 4.40039 3.59961 8 8 8h112c4.40039 0 8 -3.59961 8 -8v-16c0 -4.40039 -3.59961 -8 -8 -8h-112zM360 192c-4.40039 0 -8 3.59961 -8 8v16c0 4.40039 3.59961 8 8 8h112
+c4.40039 0 8 -3.59961 8 -8v-16c0 -4.40039 -3.59961 -8 -8 -8h-112zM360 256c-4.40039 0 -8 3.59961 -8 8v16c0 4.40039 3.59961 8 8 8h112c4.40039 0 8 -3.59961 8 -8v-16c0 -4.40039 -3.59961 -8 -8 -8h-112z" />
+    <glyph glyph-name="user-circle" unicode="&#xf2bd;" horiz-adv-x="496" 
+d="M248 344c53 0 96 -43 96 -96s-43 -96 -96 -96s-96 43 -96 96s43 96 96 96zM248 200c26.5 0 48 21.5 48 48s-21.5 48 -48 48s-48 -21.5 -48 -48s21.5 -48 48 -48zM248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8
+c49.7002 0 95.0996 18.2998 130.1 48.4004c-14.8994 23 -40.3994 38.5 -69.5996 39.5c-20.7998 -6.5 -40.5996 -9.60059 -60.5 -9.60059s-39.7002 3.2002 -60.5 9.60059c-29.2002 -0.900391 -54.7002 -16.5 -69.5996 -39.5c35 -30.1006 80.3994 -48.4004 130.1 -48.4004z
+M410.7 76.0996c23.3994 32.7002 37.2998 72.7002 37.2998 115.9c0 110.3 -89.7002 200 -200 200s-200 -89.7002 -200 -200c0 -43.2002 13.9004 -83.2002 37.2998 -115.9c24.5 31.4004 62.2002 51.9004 105.101 51.9004c10.1992 0 26.0996 -9.59961 57.5996 -9.59961
+c31.5996 0 47.4004 9.59961 57.5996 9.59961c43 0 80.7002 -20.5 105.101 -51.9004z" />
+    <glyph glyph-name="id-badge" unicode="&#xf2c1;" horiz-adv-x="384" 
+d="M336 448c26.5 0 48 -21.5 48 -48v-416c0 -26.5 -21.5 -48 -48 -48h-288c-26.5 0 -48 21.5 -48 48v416c0 26.5 21.5 48 48 48h288zM336 -16v416h-288v-416h288zM144 336c-8.7998 0 -16 7.2002 -16 16s7.2002 16 16 16h96c8.7998 0 16 -7.2002 16 -16s-7.2002 -16 -16 -16
+h-96zM192 160c-35.2998 0 -64 28.7002 -64 64s28.7002 64 64 64s64 -28.7002 64 -64s-28.7002 -64 -64 -64zM102.4 32c-12.4004 0 -22.4004 8.59961 -22.4004 19.2002v19.2002c0 31.7998 30.0996 57.5996 67.2002 57.5996c11.3994 0 17.8994 -8 44.7998 -8
+c26.0996 0 34 8 44.7998 8c37.1006 0 67.2002 -25.7998 67.2002 -57.5996v-19.2002c0 -10.6006 -10 -19.2002 -22.4004 -19.2002h-179.199z" />
+    <glyph glyph-name="id-card" unicode="&#xf2c2;" horiz-adv-x="576" 
+d="M528 416c26.5 0 48 -21.5 48 -48v-352c0 -26.5 -21.5 -48 -48 -48h-480c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h480zM528 16v288h-480v-288h32.7998c-1 4.5 -0.799805 -3.59961 -0.799805 22.4004c0 31.7998 30.0996 57.5996 67.2002 57.5996
+c11.3994 0 17.8994 -8 44.7998 -8c26.0996 0 34 8 44.7998 8c37.1006 0 67.2002 -25.7998 67.2002 -57.5996c0 -26 0.0996094 -17.9004 -0.799805 -22.4004h224.8zM360 96c-4.40039 0 -8 3.59961 -8 8v16c0 4.40039 3.59961 8 8 8h112c4.40039 0 8 -3.59961 8 -8v-16
+c0 -4.40039 -3.59961 -8 -8 -8h-112zM360 160c-4.40039 0 -8 3.59961 -8 8v16c0 4.40039 3.59961 8 8 8h112c4.40039 0 8 -3.59961 8 -8v-16c0 -4.40039 -3.59961 -8 -8 -8h-112zM360 224c-4.40039 0 -8 3.59961 -8 8v16c0 4.40039 3.59961 8 8 8h112
+c4.40039 0 8 -3.59961 8 -8v-16c0 -4.40039 -3.59961 -8 -8 -8h-112zM192 128c-35.2998 0 -64 28.7002 -64 64s28.7002 64 64 64s64 -28.7002 64 -64s-28.7002 -64 -64 -64z" />
+    <glyph glyph-name="window-maximize" unicode="&#xf2d0;" 
+d="M464 416c26.5 0 48 -21.5 48 -48v-352c0 -26.5 -21.5 -48 -48 -48h-416c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h416zM464 22v234h-416v-234c0 -3.2998 2.7002 -6 6 -6h404c3.2998 0 6 2.7002 6 6z" />
+    <glyph glyph-name="window-minimize" unicode="&#xf2d1;" 
+d="M480 -32h-448c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32h448c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32z" />
+    <glyph glyph-name="window-restore" unicode="&#xf2d2;" 
+d="M464 448c26.5 0 48 -21.5 48 -48v-320c0 -26.5 -21.5 -48 -48 -48h-48v-48c0 -26.5 -21.5 -48 -48 -48h-320c-26.5 0 -48 21.5 -48 48v320c0 26.5 21.5 48 48 48h48v48c0 26.5 21.5 48 48 48h320zM368 -16v208h-320v-208h320zM464 80v320h-320v-48h224
+c26.5 0 48 -21.5 48 -48v-224h48z" />
+    <glyph glyph-name="snowflake" unicode="&#xf2dc;" horiz-adv-x="448" 
+d="M440.1 92.7998c7.60059 -4.39941 10.1006 -14.2002 5.5 -21.7002l-7.89941 -13.8994c-4.40039 -7.7002 -14 -10.2998 -21.5 -5.90039l-39.2002 23l9.09961 -34.7002c2.30078 -8.5 -2.69922 -17.2998 -11.0996 -19.5996l-15.2002 -4.09961
+c-8.39941 -2.30078 -17.0996 2.7998 -19.2998 11.2998l-21.2998 81l-71.9004 42.2002v-84.5l58.2998 -59.3008c6.10059 -6.19922 6.10059 -16.3994 0 -22.5996l-11.0996 -11.2998c-6.09961 -6.2002 -16.0996 -6.2002 -22.2002 0l-24.8994 25.3994v-46.0996
+c0 -8.7998 -7 -16 -15.7002 -16h-15.7002c-8.7002 0 -15.7002 7.2002 -15.7002 16v45.9004l-24.8994 -25.4004c-6.10059 -6.2002 -16.1006 -6.2002 -22.2002 0l-11.1006 11.2998c-6.09961 6.2002 -6.09961 16.4004 0 22.6006l58.3008 59.2998v84.5l-71.9004 -42.2002
+l-21.2998 -81c-2.2998 -8.5 -10.9004 -13.5996 -19.2998 -11.2998l-15.2002 4.09961c-8.40039 2.2998 -13.2998 11.1006 -11.1006 19.6006l9.10059 34.6992l-39.2002 -23c-7.5 -4.39941 -17.2002 -1.7998 -21.5 5.90039l-7.90039 13.9004
+c-4.2998 7.69922 -1.69922 17.5 5.80078 21.8994l39.1992 23l-34.0996 9.2998c-8.40039 2.30078 -13.2998 11.1006 -11.0996 19.6006l4.09961 15.5c2.2998 8.5 10.9004 13.5996 19.2998 11.2998l79.7002 -21.7002l71.9004 42.2002l-71.9004 42.2002l-79.7002 -21.7002
+c-8.39941 -2.2998 -17.0996 2.7998 -19.2998 11.2998l-4.09961 15.5c-2.30078 8.5 2.69922 17.2998 11.0996 19.6006l34.0996 9.09961l-39.1992 23c-7.60059 4.5 -10.1006 14.2002 -5.80078 21.9004l7.90039 13.8994c4.40039 7.7002 14 10.2998 21.5 5.90039l39.2002 -23
+l-9.10059 34.7002c-2.2998 8.5 2.7002 17.2998 11.1006 19.5996l15.2002 4.09961c8.39941 2.30078 17.0996 -2.7998 19.2998 -11.2998l21.2998 -81l71.9004 -42.2002v84.5l-58.3008 59.3008c-6.09961 6.19922 -6.09961 16.3994 0 22.5996l11.5 11.2998
+c6.10059 6.2002 16.1006 6.2002 22.2002 0l24.9004 -25.3994v46.0996c0 8.7998 7 16 15.7002 16h15.6992c8.7002 0 15.7002 -7.2002 15.7002 -16v-45.9004l24.9004 25.4004c6.09961 6.2002 16.0996 6.2002 22.2002 0l11.0996 -11.2998
+c6.09961 -6.2002 6.09961 -16.4004 0 -22.6006l-58.2998 -59.2998v-84.5l71.8994 42.2002l21.3008 81c2.2998 8.5 10.8994 13.5996 19.2998 11.2998l15.2002 -4.09961c8.39941 -2.2998 13.2998 -11.1006 11.0996 -19.6006l-9.09961 -34.6992l39.1992 23
+c7.5 4.39941 17.2002 1.7998 21.5 -5.90039l7.90039 -13.9004c4.2998 -7.69922 1.7002 -17.5 -5.7998 -21.8994l-39.2002 -23l34.0996 -9.2998c8.40039 -2.30078 13.3008 -11.1006 11.1006 -19.6006l-4.10059 -15.5c-2.2998 -8.5 -10.8994 -13.5996 -19.2998 -11.2998
+l-79.7002 21.7002l-71.8994 -42.2002l71.7998 -42.2002l79.7002 21.7002c8.39941 2.2998 17.0996 -2.7998 19.2998 -11.2998l4.09961 -15.5c2.30078 -8.5 -2.69922 -17.2998 -11.0996 -19.6006l-34.0996 -9.2998z" />
+    <glyph glyph-name="trash-alt" unicode="&#xf2ed;" horiz-adv-x="448" 
+d="M268 32c-6.62305 0 -12 5.37695 -12 12v216c0 6.62305 5.37695 12 12 12h24c6.62305 0 12 -5.37695 12 -12v-216c0 -6.62305 -5.37695 -12 -12 -12h-24zM432 368c8.83105 0 16 -7.16895 16 -16v-16c0 -8.83105 -7.16895 -16 -16 -16h-16v-336
+c0 -26.4922 -21.5078 -48 -48 -48h-288c-26.4922 0 -48 21.5078 -48 48v336h-16c-8.83105 0 -16 7.16895 -16 16v16c0 8.83105 7.16895 16 16 16h82.4102l34.0195 56.7002c8.39258 13.9844 23.6777 23.2998 41.1602 23.2998h100.82
+c0.0078125 0 -0.015625 0.0517578 -0.0078125 0.0517578c17.4824 0 32.7949 -9.36719 41.1875 -23.3516l34 -56.7002h82.4102zM171.84 397.09l-17.4502 -29.0898h139.221l-17.46 29.0898c-1.0498 1.74707 -2.95898 2.91016 -5.14355 2.91016h-0.00683594h-94
+c-0.00585938 0 -0.00683594 0.00683594 -0.0126953 0.00683594c-2.18457 0 -4.09766 -1.16992 -5.14746 -2.91699zM368 -16v336h-288v-336h288zM156 32c-6.62305 0 -12 5.37695 -12 12v216c0 6.62305 5.37695 12 12 12h24c6.62305 0 12 -5.37695 12 -12v-216
+c0 -6.62305 -5.37695 -12 -12 -12h-24z" />
+    <glyph glyph-name="images" unicode="&#xf302;" horiz-adv-x="576" 
+d="M480 32v-16c0 -26.5098 -21.4902 -48 -48 -48h-384c-26.5098 0 -48 21.4902 -48 48v256c0 26.5098 21.4902 48 48 48h16v-48h-10c-3.31152 0 -6 -2.68848 -6 -6v-244c0 -3.31152 2.68848 -6 6 -6h372c3.31152 0 6 2.68848 6 6v10h48zM522 368h-372
+c-3.31152 0 -6 -2.68848 -6 -6v-244c0 -3.31152 2.68848 -6 6 -6h372c3.31152 0 6 2.68848 6 6v244c0 3.31152 -2.68848 6 -6 6zM528 416c26.5098 0 48 -21.4902 48 -48v-256c0 -26.5098 -21.4902 -48 -48 -48h-384c-26.5098 0 -48 21.4902 -48 48v256
+c0 26.5098 21.4902 48 48 48h384zM264 304c0 -22.0908 -17.9092 -40 -40 -40s-40 17.9092 -40 40s17.9092 40 40 40s40 -17.9092 40 -40zM192 208l39.5146 39.5146c4.68652 4.68652 12.2842 4.68652 16.9717 0l39.5137 -39.5146l103.515 103.515
+c4.68652 4.68652 12.2842 4.68652 16.9717 0l71.5137 -71.5146v-80h-288v48z" />
+    <glyph glyph-name="clipboard" unicode="&#xf328;" horiz-adv-x="384" 
+d="M336 384c26.5 0 48 -21.5 48 -48v-352c0 -26.5 -21.5 -48 -48 -48h-288c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h80c0 35.2998 28.7002 64 64 64s64 -28.7002 64 -64h80zM192 408c-13.2998 0 -24 -10.7002 -24 -24s10.7002 -24 24 -24s24 10.7002 24 24
+s-10.7002 24 -24 24zM336 -10v340c0 3.2998 -2.7002 6 -6 6h-42v-36c0 -6.59961 -5.40039 -12 -12 -12h-168c-6.59961 0 -12 5.40039 -12 12v36h-42c-3.2998 0 -6 -2.7002 -6 -6v-340c0 -3.2998 2.7002 -6 6 -6h276c3.2998 0 6 2.7002 6 6z" />
+    <glyph glyph-name="arrow-alt-circle-down" unicode="&#xf358;" 
+d="M256 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM256 -8c110.5 0 200 89.5 200 200s-89.5 200 -200 200s-200 -89.5 -200 -200s89.5 -200 200 -200zM224 308c0 6.59961 5.40039 12 12 12h40c6.59961 0 12 -5.40039 12 -12v-116
+h67c10.7002 0 16.0996 -12.9004 8.5 -20.5l-99 -99c-4.7002 -4.7002 -12.2998 -4.7002 -17 0l-99 99c-7.5 7.59961 -2.2002 20.5 8.5 20.5h67v116z" />
+    <glyph glyph-name="arrow-alt-circle-left" unicode="&#xf359;" 
+d="M8 192c0 137 111 248 248 248s248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248zM456 192c0 110.5 -89.5 200 -200 200s-200 -89.5 -200 -200s89.5 -200 200 -200s200 89.5 200 200zM384 212v-40c0 -6.59961 -5.40039 -12 -12 -12h-116v-67
+c0 -10.7002 -12.9004 -16 -20.5 -8.5l-99 99c-4.7002 4.7002 -4.7002 12.2998 0 17l99 99c7.59961 7.59961 20.5 2.2002 20.5 -8.5v-67h116c6.59961 0 12 -5.40039 12 -12z" />
+    <glyph glyph-name="arrow-alt-circle-right" unicode="&#xf35a;" 
+d="M504 192c0 -137 -111 -248 -248 -248s-248 111 -248 248s111 248 248 248s248 -111 248 -248zM56 192c0 -110.5 89.5 -200 200 -200s200 89.5 200 200s-89.5 200 -200 200s-200 -89.5 -200 -200zM128 172v40c0 6.59961 5.40039 12 12 12h116v67
+c0 10.7002 12.9004 16 20.5 8.5l99 -99c4.7002 -4.7002 4.7002 -12.2998 0 -17l-99 -99c-7.59961 -7.59961 -20.5 -2.2002 -20.5 8.5v67h-116c-6.59961 0 -12 5.40039 -12 12z" />
+    <glyph glyph-name="arrow-alt-circle-up" unicode="&#xf35b;" 
+d="M256 -56c-137 0 -248 111 -248 248s111 248 248 248s248 -111 248 -248s-111 -248 -248 -248zM256 392c-110.5 0 -200 -89.5 -200 -200s89.5 -200 200 -200s200 89.5 200 200s-89.5 200 -200 200zM276 64h-40c-6.59961 0 -12 5.40039 -12 12v116h-67
+c-10.7002 0 -16 12.9004 -8.5 20.5l99 99c4.7002 4.7002 12.2998 4.7002 17 0l99 -99c7.59961 -7.59961 2.2002 -20.5 -8.5 -20.5h-67v-116c0 -6.59961 -5.40039 -12 -12 -12z" />
+    <glyph glyph-name="gem" unicode="&#xf3a5;" horiz-adv-x="576" 
+d="M464 448c4.09961 0 7.7998 -2 10.0996 -5.40039l99.9004 -147.199c2.90039 -4.40039 2.59961 -10.1006 -0.700195 -14.2002l-276 -340.8c-4.7998 -5.90039 -13.7998 -5.90039 -18.5996 0l-276 340.8c-3.2998 4 -3.60059 9.7998 -0.700195 14.2002l100 147.199
+c2.2002 3.40039 6 5.40039 10 5.40039h352zM444.7 400h-56.7998l51.6992 -96h68.4004zM242.6 400l-51.5996 -96h194l-51.7002 96h-90.7002zM131.3 400l-63.2998 -96h68.4004l51.6992 96h-56.7998zM88.2998 256l119.7 -160l-68.2998 160h-51.4004zM191.2 256l96.7998 -243.3
+l96.7998 243.3h-193.6zM368 96l119.6 160h-51.3994z" />
+    <glyph glyph-name="money-bill-alt" unicode="&#xf3d1;" horiz-adv-x="640" 
+d="M320 304c53.0195 0 96 -50.1396 96 -112c0 -61.8701 -43 -112 -96 -112c-53.0195 0 -96 50.1504 -96 112c0 61.8604 42.9805 112 96 112zM360 136v16c0 4.41992 -3.58008 8 -8 8h-16v88c0 4.41992 -3.58008 8 -8 8h-13.5801
+c-4.91113 0 -9.50586 -1.49316 -13.3096 -4.03027l-15.3301 -10.2197c-2.15332 -1.43262 -3.55957 -3.88379 -3.55957 -6.66113c0 -1.6377 0.493164 -3.16113 1.33887 -4.42871l8.88086 -13.3105c1.43164 -2.15234 3.88379 -3.55957 6.66113 -3.55957
+c1.6377 0 3.16016 0.494141 4.42871 1.33984l0.469727 0.310547v-55.4404h-16c-4.41992 0 -8 -3.58008 -8 -8v-16c0 -4.41992 3.58008 -8 8 -8h64c4.41992 0 8 3.58008 8 8zM608 384c17.6699 0 32 -14.3301 32 -32v-320c0 -17.6699 -14.3301 -32 -32 -32h-576
+c-17.6699 0 -32 14.3301 -32 32v320c0 17.6699 14.3301 32 32 32h576zM592 112v160c-35.3496 0 -64 28.6504 -64 64h-416c0 -35.3496 -28.6504 -64 -64 -64v-160c35.3496 0 64 -28.6504 64 -64h416c0 35.3496 28.6504 64 64 64z" />
+    <glyph glyph-name="window-close" unicode="&#xf410;" 
+d="M464 416c26.5 0 48 -21.5 48 -48v-352c0 -26.5 -21.5 -48 -48 -48h-416c-26.5 0 -48 21.5 -48 48v352c0 26.5 21.5 48 48 48h416zM464 22v340c0 3.2998 -2.7002 6 -6 6h-404c-3.2998 0 -6 -2.7002 -6 -6v-340c0 -3.2998 2.7002 -6 6 -6h404c3.2998 0 6 2.7002 6 6z
+M356.5 253.4l-61.4004 -61.4004l61.4004 -61.4004c4.59961 -4.59961 4.59961 -12.0996 0 -16.7998l-22.2998 -22.2998c-4.60059 -4.59961 -12.1006 -4.59961 -16.7998 0l-61.4004 61.4004l-61.4004 -61.4004c-4.59961 -4.59961 -12.0996 -4.59961 -16.7998 0
+l-22.2998 22.2998c-4.59961 4.60059 -4.59961 12.1006 0 16.7998l61.4004 61.4004l-61.4004 61.4004c-4.59961 4.59961 -4.59961 12.0996 0 16.7998l22.2998 22.2998c4.60059 4.59961 12.1006 4.59961 16.7998 0l61.4004 -61.4004l61.4004 61.4004
+c4.59961 4.59961 12.0996 4.59961 16.7998 0l22.2998 -22.2998c4.7002 -4.60059 4.7002 -12.1006 0 -16.7998z" />
+    <glyph glyph-name="comment-dots" unicode="&#xf4ad;" 
+d="M144 240c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32zM256 240c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32zM368 240c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32
+s-32 14.2998 -32 32s14.2998 32 32 32zM256 416c141.4 0 256 -93.0996 256 -208s-114.6 -208 -256 -208c-32.7998 0 -64 5.2002 -92.9004 14.2998c-29.0996 -20.5996 -77.5996 -46.2998 -139.1 -46.2998c-9.59961 0 -18.2998 5.7002 -22.0996 14.5
+c-3.80078 8.7998 -2 19 4.59961 26c0.5 0.400391 31.5 33.7998 46.4004 73.2002c-33 35.0996 -52.9004 78.7002 -52.9004 126.3c0 114.9 114.6 208 256 208zM256 48c114.7 0 208 71.7998 208 160s-93.2998 160 -208 160s-208 -71.7998 -208 -160
+c0 -42.2002 21.7002 -74.0996 39.7998 -93.4004l20.6006 -21.7998l-10.6006 -28.0996c-5.5 -14.5 -12.5996 -28.1006 -19.8994 -40.2002c23.5996 7.59961 43.1992 18.9004 57.5 29l19.5 13.7998l22.6992 -7.2002c25.3008 -8 51.7002 -12.0996 78.4004 -12.0996z" />
+    <glyph glyph-name="smile-wink" unicode="&#xf4da;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM365.8 138.4c10.2002 -8.5 11.6006 -23.6006 3.10059 -33.8008
+c-30 -36 -74.1006 -56.5996 -120.9 -56.5996s-90.9004 20.5996 -120.9 56.5996c-8.39941 10.2002 -7.09961 25.3008 3.10059 33.8008c10.0996 8.39941 25.2998 7.09961 33.7998 -3.10059c20.7998 -25.0996 51.5 -39.3994 84 -39.3994s63.2002 14.3994 84 39.3994
+c8.5 10.2002 23.5996 11.6006 33.7998 3.10059zM168 208c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32s32 -14.2998 32 -32s-14.2998 -32 -32 -32zM328 268c25.7002 0 55.9004 -16.9004 59.7002 -42.0996c1.7998 -11.1006 -11.2998 -18.2002 -19.7998 -10.8008l-9.5 8.5
+c-14.8008 13.2002 -46.2002 13.2002 -61 0l-9.5 -8.5c-8.30078 -7.39941 -21.5 -0.399414 -19.8008 10.8008c4 25.1992 34.2002 42.0996 59.9004 42.0996z" />
+    <glyph glyph-name="angry" unicode="&#xf556;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM248 136c33.5996 0 65.2002 -14.7998 86.7998 -40.5996
+c8.40039 -10.2002 7.10059 -25.3008 -3.09961 -33.8008c-10.6006 -8.89941 -25.7002 -6.69922 -33.7998 3c-24.8008 29.7002 -75 29.7002 -99.8008 0c-8.5 -10.1992 -23.5996 -11.5 -33.7998 -3s-11.5996 23.6006 -3.09961 33.8008
+c21.5996 25.7998 53.2002 40.5996 86.7998 40.5996zM200 208c0 -17.7002 -14.2998 -32.0996 -32 -32.0996s-32 14.2998 -32 32c0 6.19922 2.2002 11.6992 5.2998 16.5996l-28.2002 8.5c-12.6992 3.7998 -19.8994 17.2002 -16.0996 29.9004
+c3.7998 12.6992 17.0996 20 29.9004 16.0996l80 -24c12.6992 -3.7998 19.8994 -17.2002 16.0996 -29.9004c-3.09961 -10.3994 -12.7002 -17.0996 -23 -17.0996zM399 262.9c3.7998 -12.7002 -3.40039 -26.1006 -16.0996 -29.8008l-28.2002 -8.5
+c3.09961 -4.89941 5.2998 -10.3994 5.2998 -16.5996c0 -17.7002 -14.2998 -32 -32 -32s-32 14.2998 -32 32c-10.2998 0 -19.9004 6.7002 -23 17.0996c-3.7998 12.7002 3.40039 26.1006 16.0996 29.9004l80 24c12.8008 3.7998 26.1006 -3.40039 29.9004 -16.0996z" />
+    <glyph glyph-name="dizzy" unicode="&#xf567;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM214.2 209.9
+c-7.90039 -7.90039 -20.5 -7.90039 -28.4004 -0.200195l-17.7998 17.7998l-17.7998 -17.7998c-7.7998 -7.7998 -20.5 -7.7998 -28.2998 0c-7.80078 7.7998 -7.80078 20.5 0 28.2998l17.8994 17.9004l-17.8994 17.8994c-7.80078 7.7998 -7.80078 20.5 0 28.2998
+c7.7998 7.80078 20.5 7.80078 28.2998 0l17.7998 -17.7998l17.9004 17.9004c7.7998 7.7998 20.5 7.7998 28.2998 0s7.7998 -20.5 0 -28.2998l-17.9004 -17.9004l17.9004 -17.7998c7.7998 -7.7998 7.7998 -20.5 0 -28.2998zM374.2 302.1
+c7.7002 -7.7998 7.7002 -20.3994 0 -28.1992l-17.9004 -17.9004l17.7998 -18c7.80078 -7.7998 7.80078 -20.5 0 -28.2998c-7.7998 -7.7998 -20.5 -7.7998 -28.2998 0l-17.7998 17.7998l-17.7998 -17.7998c-7.7998 -7.7998 -20.5 -7.7998 -28.2998 0
+c-7.80078 7.7998 -7.80078 20.5 0 28.2998l17.8994 17.9004l-17.8994 17.8994c-7.80078 7.7998 -7.80078 20.5 0 28.2998c7.7998 7.80078 20.5 7.80078 28.2998 0l17.7998 -17.7998l17.9004 17.7998c7.7998 7.80078 20.5 7.80078 28.2998 0zM248 176
+c35.2998 0 64 -28.7002 64 -64s-28.7002 -64 -64 -64s-64 28.7002 -64 64s28.7002 64 64 64z" />
+    <glyph glyph-name="flushed" unicode="&#xf579;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM344 304c44.2002 0 80 -35.7998 80 -80s-35.7998 -80 -80 -80
+s-80 35.7998 -80 80s35.7998 80 80 80zM344 176c26.5 0 48 21.5 48 48s-21.5 48 -48 48s-48 -21.5 -48 -48s21.5 -48 48 -48zM344 248c13.2998 0 24 -10.7002 24 -24s-10.7002 -24 -24 -24s-24 10.7002 -24 24s10.7002 24 24 24zM232 224c0 -44.2002 -35.7998 -80 -80 -80
+s-80 35.7998 -80 80s35.7998 80 80 80s80 -35.7998 80 -80zM152 176c26.5 0 48 21.5 48 48s-21.5 48 -48 48s-48 -21.5 -48 -48s21.5 -48 48 -48zM152 248c13.2998 0 24 -10.7002 24 -24s-10.7002 -24 -24 -24s-24 10.7002 -24 24s10.7002 24 24 24zM312 104
+c13.2002 0 24 -10.7998 24 -24s-10.7998 -24 -24 -24h-128c-13.2002 0 -24 10.7998 -24 24s10.7998 24 24 24h128z" />
+    <glyph glyph-name="frown-open" unicode="&#xf57a;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM200 240c0 -17.7002 -14.2998 -32 -32 -32s-32 14.2998 -32 32
+s14.2998 32 32 32s32 -14.2998 32 -32zM328 272c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32zM248 160c35.5996 0 88.7998 -21.2998 95.7998 -61.2002c2 -11.7998 -9.09961 -21.5996 -20.5 -18.0996
+c-31.2002 9.59961 -59.3994 15.2998 -75.2998 15.2998s-44.0996 -5.7002 -75.2998 -15.2998c-11.5 -3.40039 -22.5 6.2998 -20.5 18.0996c7 39.9004 60.2002 61.2002 95.7998 61.2002z" />
+    <glyph glyph-name="grimace" unicode="&#xf57f;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM168 208c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32
+s32 -14.2998 32 -32s-14.2998 -32 -32 -32zM328 208c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32s32 -14.2998 32 -32s-14.2998 -32 -32 -32zM344 192c26.5 0 48 -21.5 48 -48v-32c0 -26.5 -21.5 -48 -48 -48h-192c-26.5 0 -48 21.5 -48 48v32c0 26.5 21.5 48 48 48
+h192zM176 96v24h-40v-8c0 -8.7998 7.2002 -16 16 -16h24zM176 136v24h-24c-8.7998 0 -16 -7.2002 -16 -16v-8h40zM240 96v24h-48v-24h48zM240 136v24h-48v-24h48zM304 96v24h-48v-24h48zM304 136v24h-48v-24h48zM360 112v8h-40v-24h24c8.7998 0 16 7.2002 16 16zM360 136v8
+c0 8.7998 -7.2002 16 -16 16h-24v-24h40z" />
+    <glyph glyph-name="grin" unicode="&#xf580;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM353.6 143.4c10 3.09961 19.3008 -5.5 17.7002 -15.3008
+c-8 -47.0996 -71.2998 -80 -123.3 -80s-115.4 32.9004 -123.3 80c-1.7002 9.90039 7.7998 18.4004 17.7002 15.3008c26 -8.30078 64.3994 -13.1006 105.6 -13.1006s79.7002 4.7998 105.6 13.1006zM168 208c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32
+s32 -14.2998 32 -32s-14.2998 -32 -32 -32zM328 208c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32s32 -14.2998 32 -32s-14.2998 -32 -32 -32z" />
+    <glyph glyph-name="grin-alt" unicode="&#xf581;" horiz-adv-x="496" 
+d="M200.3 200c-7.5 -11.4004 -24.5996 -12 -32.7002 0c-12.3994 18.7002 -15.1992 37.2998 -15.6992 56c0.599609 18.7002 3.2998 37.2998 15.6992 56c7.60059 11.4004 24.7002 12 32.7002 0c12.4004 -18.7002 15.2002 -37.2998 15.7002 -56
+c-0.599609 -18.7002 -3.2998 -37.2998 -15.7002 -56zM328.3 200c-7.5 -11.4004 -24.5996 -12 -32.7002 0c-12.3994 18.7002 -15.1992 37.2998 -15.6992 56c0.599609 18.7002 3.2998 37.2998 15.6992 56c7.60059 11.4004 24.7002 12 32.7002 0
+c12.4004 -18.7002 15.2002 -37.2998 15.7002 -56c-0.599609 -18.7002 -3.2998 -37.2998 -15.7002 -56zM248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200
+s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM353.6 143.4c10 3.09961 19.3008 -5.5 17.7002 -15.3008c-8 -47.0996 -71.2998 -80 -123.3 -80s-115.4 32.8008 -123.3 80c-1.7002 10 7.7998 18.4004 17.7002 15.3008c26 -8.30078 64.3994 -13.1006 105.6 -13.1006
+s79.7002 4.7998 105.6 13.1006z" />
+    <glyph glyph-name="grin-beam" unicode="&#xf582;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM353.6 143.4c10 3.09961 19.3008 -5.5 17.7002 -15.3008
+c-8 -47.0996 -71.2998 -80 -123.3 -80s-115.4 32.9004 -123.3 80c-1.7002 10 7.89941 18.4004 17.7002 15.3008c26 -8.30078 64.3994 -13.1006 105.6 -13.1006s79.7002 4.7998 105.6 13.1006zM117.7 216.3c-3.60059 1.10059 -6 4.60059 -5.7002 8.2998
+c3.2998 42.1006 32.2002 71.4004 56 71.4004s52.7002 -29.2998 56 -71.4004c0.299805 -3.7998 -2.09961 -7.19922 -5.7002 -8.2998c-3.09961 -1 -7.2002 0 -9.2998 3.7002l-9.5 17c-7.7002 13.7002 -19.2002 21.5996 -31.5 21.5996s-23.7998 -7.89941 -31.5 -21.5996
+l-9.5 -17c-1.90039 -3.2002 -5.7998 -4.7998 -9.2998 -3.7002zM277.7 216.3c-3.60059 1.10059 -6 4.60059 -5.7002 8.2998c3.2998 42.1006 32.2002 71.4004 56 71.4004s52.7002 -29.2998 56 -71.4004c0.299805 -3.7998 -2.09961 -7.19922 -5.7002 -8.2998
+c-3.09961 -1 -7.2002 0 -9.2998 3.7002l-9.5 17c-7.7002 13.7002 -19.2002 21.5996 -31.5 21.5996s-23.7998 -7.89941 -31.5 -21.5996l-9.5 -17c-1.90039 -3.2002 -5.7998 -4.7998 -9.2998 -3.7002z" />
+    <glyph glyph-name="grin-beam-sweat" unicode="&#xf583;" horiz-adv-x="496" 
+d="M440 288c-29.5 0 -53.2998 26.2998 -53.2998 58.7002c0 25 31.7002 75.5 46.2002 97.2998c3.5 5.2998 10.5996 5.2998 14.1992 0c14.5 -21.7998 46.2002 -72.2998 46.2002 -97.2998c0 -32.4004 -23.7998 -58.7002 -53.2998 -58.7002zM248 48
+c-51.9004 0 -115.3 32.9004 -123.3 80c-1.7002 10 7.89941 18.4004 17.7002 15.2998c26 -8.2998 64.3994 -13.0996 105.6 -13.0996s79.7002 4.7998 105.6 13.0996c10 3.2002 19.4004 -5.39941 17.7002 -15.2998c-8 -47.0996 -71.3994 -80 -123.3 -80zM378.3 216.3
+c-3.09961 -0.899414 -7.2002 0.100586 -9.2998 3.7002l-9.5 17c-7.7002 13.7002 -19.2002 21.5996 -31.5 21.5996s-23.7998 -7.89941 -31.5 -21.5996l-9.5 -17c-1.90039 -3.2002 -5.7998 -4.7998 -9.2998 -3.7002c-3.60059 1.10059 -6 4.60059 -5.7002 8.2998
+c3.2998 42.1006 32.2002 71.4004 56 71.4004s52.7002 -29.2998 56 -71.4004c0.299805 -3.7998 -2.09961 -7.19922 -5.7002 -8.2998zM483.6 269.2c8 -24.2998 12.4004 -50.2002 12.4004 -77.2002c0 -137 -111 -248 -248 -248s-248 111 -248 248s111 248 248 248
+c45.7002 0 88.4004 -12.5996 125.2 -34.2002c-10.9004 -21.5996 -15.5 -36.2002 -17.2002 -45.7002c-31.2002 20.1006 -68.2002 31.9004 -108 31.9004c-110.3 0 -200 -89.7002 -200 -200s89.7002 -200 200 -200s200 89.7002 200 200
+c0 22.5 -3.90039 44.0996 -10.7998 64.2998c0.399414 0 21.7998 -2.7998 46.3994 12.9004zM168 258.6c-12.2998 0 -23.7998 -7.7998 -31.5 -21.5996l-9.5 -17c-1.90039 -3.2002 -5.7998 -4.7998 -9.2998 -3.7002c-3.60059 1.10059 -6 4.60059 -5.7002 8.2998
+c3.2998 42.1006 32.2002 71.4004 56 71.4004s52.7002 -29.2998 56 -71.4004c0.299805 -3.7998 -2.09961 -7.19922 -5.7002 -8.2998c-3.09961 -1 -7.2002 0 -9.2998 3.7002l-9.5 17c-7.7002 13.7002 -19.2002 21.5996 -31.5 21.5996z" />
+    <glyph glyph-name="grin-hearts" unicode="&#xf584;" horiz-adv-x="496" 
+d="M353.6 143.4c10 3.09961 19.3008 -5.5 17.7002 -15.3008c-8 -47.0996 -71.2998 -80 -123.3 -80s-115.4 32.8008 -123.3 80c-1.7002 10 7.89941 18.4004 17.7002 15.3008c26 -8.30078 64.3994 -13.1006 105.6 -13.1006s79.7002 4.7998 105.6 13.1006zM200.8 192.3
+l-70.2002 18.1006c-20.3994 5.2998 -31.8994 27 -24.1992 47.1992c6.69922 17.7002 26.6992 26.7002 44.8994 22l7.10059 -1.89941l2 7.09961c5.09961 18.1006 22.8994 30.9004 41.5 27.9004c21.3994 -3.40039 34.3994 -24.2002 28.7998 -44.5l-19.4004 -69.9004
+c-1.2998 -4.5 -6 -7.2002 -10.5 -6zM389.6 257.6c7.7002 -20.1992 -3.7998 -41.7998 -24.1992 -47.0996l-70.2002 -18.2002c-4.60059 -1.2002 -9.2998 1.5 -10.5 6l-19.4004 69.9004c-5.59961 20.2998 7.40039 41.0996 28.7998 44.5c18.7002 3 36.5 -9.7998 41.5 -27.9004
+l2 -7.09961l7.10059 1.89941c18.2002 4.7002 38.2002 -4.39941 44.8994 -22zM248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200
+s89.7002 -200 200 -200z" />
+    <glyph glyph-name="grin-squint" unicode="&#xf585;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM353.6 143.4c10 3.09961 19.3008 -5.5 17.7002 -15.3008
+c-8 -47.0996 -71.2998 -80 -123.3 -80s-115.4 32.9004 -123.3 80c-1.7002 9.90039 7.7998 18.4004 17.7002 15.3008c26 -8.30078 64.3994 -13.1006 105.6 -13.1006s79.7002 4.7998 105.6 13.1006zM118.9 184.2c-3.80078 4.39941 -3.90039 11 -0.100586 15.5l33.6006 40.2998
+l-33.6006 40.2998c-3.7002 4.5 -3.7002 11 0.100586 15.5c3.89941 4.40039 10.1992 5.5 15.2998 2.5l80 -48c3.59961 -2.2002 5.7998 -6.09961 5.7998 -10.2998s-2.2002 -8.09961 -5.7998 -10.2998l-80 -48c-5.40039 -3.2002 -11.7002 -1.7002 -15.2998 2.5zM361.8 181.7
+l-80 48c-3.59961 2.2002 -5.7998 6.09961 -5.7998 10.2998s2.2002 8.09961 5.7998 10.2998l80 48c5.10059 2.90039 11.5 1.90039 15.2998 -2.5c3.80078 -4.5 3.90039 -11 0.100586 -15.5l-33.6006 -40.2998l33.6006 -40.2998c3.7002 -4.5 3.7002 -11 -0.100586 -15.5
+c-3.59961 -4.2002 -9.89941 -5.7002 -15.2998 -2.5z" />
+    <glyph glyph-name="grin-squint-tears" unicode="&#xf586;" 
+d="M117.1 63.9004c6.30078 0.899414 11.7002 -4.5 10.9004 -10.9004c-3.7002 -25.7998 -13.7002 -84 -30.5996 -100.9c-22 -21.8994 -57.9004 -21.5 -80.3008 0.900391c-22.3994 22.4004 -22.7998 58.4004 -0.899414 80.2998
+c16.8994 16.9004 75.0996 26.9004 100.899 30.6006zM75.9004 105.6c-19.6006 -3.89941 -35.1006 -8.09961 -47.3008 -12.1992c-39.2998 90.5996 -22.0996 199.899 52 274c48.5 48.3994 111.9 72.5996 175.4 72.5996c38.9004 0 77.7998 -9.2002 113.2 -27.4004
+c-4 -12.1992 -8.2002 -28 -12 -48.2998c-30.4004 17.9004 -65 27.7002 -101.2 27.7002c-53.4004 0 -103.6 -20.7998 -141.4 -58.5996c-61.5996 -61.5 -74.2998 -153.4 -38.6992 -227.801zM428.2 293.2c20.2998 3.89941 36.2002 8 48.5 12
+c47.8994 -93.2002 32.8994 -210.5 -45.2002 -288.601c-48.5 -48.3994 -111.9 -72.5996 -175.4 -72.5996c-33.6992 0 -67.2998 7 -98.6992 20.5996c4.19922 12.2002 8.2998 27.7002 12.1992 47.2002c26.6006 -12.7998 55.9004 -19.7998 86.4004 -19.7998
+c53.4004 0 103.6 20.7998 141.4 58.5996c65.6992 65.7002 75.7998 166 30.7998 242.601zM394.9 320.1c-6.30078 -0.899414 -11.7002 4.5 -10.9004 10.9004c3.7002 25.7998 13.7002 84 30.5996 100.9c22 21.8994 57.9004 21.5 80.3008 -0.900391
+c22.3994 -22.4004 22.7998 -58.4004 0.899414 -80.2998c-16.8994 -16.9004 -75.0996 -26.9004 -100.899 -30.6006zM207.9 211.8c3 -3 4.19922 -7.2998 3.19922 -11.5l-22.5996 -90.5c-1.40039 -5.39941 -6.2002 -9.09961 -11.7002 -9.09961h-0.899414
+c-5.80078 0.5 -10.5 5.09961 -11 10.8994l-4.80078 52.3008l-52.2998 4.7998c-5.7998 0.5 -10.3994 5.2002 -10.8994 11c-0.400391 5.89941 3.39941 11.2002 9.09961 12.5996l90.5 22.7002c4.2002 1 8.40039 -0.200195 11.4004 -3.2002zM247.6 236.9
+c-0.0996094 0 -6.39941 -1.80078 -11.3994 3.19922c-3 3 -4.2002 7.30078 -3.2002 11.4004l22.5996 90.5c1.40039 5.7002 7 9.2002 12.6006 9.09961c5.7998 -0.5 10.5 -5.09961 11 -10.8994l4.7998 -52.2998l52.2998 -4.80078c5.7998 -0.5 10.4004 -5.19922 10.9004 -11
+c0.399414 -5.89941 -3.40039 -11.1992 -9.10059 -12.5996zM299.6 148.4c29.1006 29.0996 53 59.5996 65.3008 83.7998c4.89941 9.2998 17.5996 9.89941 23.3994 1.7002c27.7002 -38.9004 6.10059 -106.9 -30.5996 -143.7s-104.8 -58.2998 -143.7 -30.6006
+c-8.2998 5.90039 -7.5 18.6006 1.7002 23.4004c24.2002 12.5 54.7998 36.2998 83.8994 65.4004z" />
+    <glyph glyph-name="grin-stars" unicode="&#xf587;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM353.6 143.4c10 3.09961 19.3008 -5.5 17.7002 -15.3008
+c-8 -47.0996 -71.2998 -80 -123.3 -80s-115.4 32.8008 -123.3 80c-1.7002 10 7.89941 18.4004 17.7002 15.3008c26 -8.30078 64.3994 -13.1006 105.6 -13.1006s79.7002 4.7998 105.6 13.1006zM125.7 200.9l6.09961 34.8994l-25.3994 24.6006
+c-4.60059 4.59961 -1.90039 12.2998 4.2998 13.1992l34.8994 5l15.5 31.6006c2.90039 5.7998 11 5.7998 13.9004 0l15.5 -31.6006l34.9004 -5c6.19922 -1 8.7998 -8.69922 4.2998 -13.1992l-25.4004 -24.6006l6 -34.8994c1 -6.2002 -5.39941 -11 -11 -7.90039
+l-31.2998 16.2998l-31.2998 -16.2998c-5.60059 -3.09961 -12 1.7002 -11 7.90039zM385.4 273.6c6.19922 -1 8.89941 -8.59961 4.39941 -13.1992l-25.3994 -24.6006l6 -34.8994c1 -6.2002 -5.40039 -11 -11 -7.90039l-31.3008 16.2998l-31.2998 -16.2998
+c-5.59961 -3.09961 -12 1.7002 -11 7.90039l6 34.8994l-25.3994 24.6006c-4.60059 4.59961 -1.90039 12.2998 4.2998 13.1992l34.8994 5l15.5 31.6006c2.90039 5.7998 11 5.7998 13.9004 0l15.5 -31.6006z" />
+    <glyph glyph-name="grin-tears" unicode="&#xf588;" horiz-adv-x="640" 
+d="M117.1 191.9c6.30078 0.899414 11.7002 -4.5 10.9004 -10.9004c-3.7002 -25.7998 -13.7002 -84 -30.5996 -100.9c-22 -21.8994 -57.9004 -21.5 -80.3008 0.900391c-22.3994 22.4004 -22.7998 58.4004 -0.899414 80.2998c16.8994 16.9004 75.0996 26.9004 100.899 30.6006
+zM623.8 161.3c21.9004 -21.8994 21.5 -57.8994 -0.799805 -80.2002c-22.4004 -22.3994 -58.4004 -22.7998 -80.2998 -0.899414c-16.9004 16.8994 -26.9004 75.0996 -30.6006 100.899c-0.899414 6.30078 4.5 11.7002 10.8008 10.8008
+c25.7998 -3.7002 84 -13.7002 100.899 -30.6006zM497.2 99.5996c12.3994 -37.2998 25.0996 -43.7998 28.2998 -46.5c-44.5996 -65.7998 -120 -109.1 -205.5 -109.1s-160.9 43.2998 -205.5 109.1c3.09961 2.60059 15.7998 9.10059 28.2998 46.5
+c33.4004 -63.8994 100.3 -107.6 177.2 -107.6s143.8 43.7002 177.2 107.6zM122.7 223.5c-2.40039 0.299805 -5 2.5 -49.5 -6.90039c12.3994 125.4 118.1 223.4 246.8 223.4s234.4 -98 246.8 -223.5c-44.2998 9.40039 -47.3994 7.2002 -49.5 7
+c-15.2002 95.2998 -97.7998 168.5 -197.3 168.5s-182.1 -73.2002 -197.3 -168.5zM320 48c-51.9004 0 -115.3 32.9004 -123.3 80c-1.7002 10 7.89941 18.4004 17.7002 15.2998c26 -8.2998 64.3994 -13.0996 105.6 -13.0996s79.7002 4.7998 105.6 13.0996
+c10 3.2002 19.4004 -5.39941 17.7002 -15.2998c-8 -47.0996 -71.3994 -80 -123.3 -80zM450.3 216.3c-3.09961 -0.899414 -7.2002 0.100586 -9.2998 3.7002l-9.5 17c-7.7002 13.7002 -19.2002 21.5996 -31.5 21.5996s-23.7998 -7.89941 -31.5 -21.5996l-9.5 -17
+c-1.90039 -3.2002 -5.7998 -4.7998 -9.2998 -3.7002c-3.60059 1.10059 -6 4.60059 -5.7002 8.2998c3.2998 42.1006 32.2002 71.4004 56 71.4004s52.7002 -29.2998 56 -71.4004c0.299805 -3.7998 -2.09961 -7.19922 -5.7002 -8.2998zM240 258.6
+c-12.2998 0 -23.7998 -7.7998 -31.5 -21.5996l-9.5 -17c-1.90039 -3.2002 -5.7998 -4.7998 -9.2998 -3.7002c-3.60059 1.10059 -6 4.60059 -5.7002 8.2998c3.2998 42.1006 32.2002 71.4004 56 71.4004s52.7002 -29.2998 56 -71.4004
+c0.299805 -3.7998 -2.09961 -7.19922 -5.7002 -8.2998c-3.09961 -1 -7.2002 0 -9.2998 3.7002l-9.5 17c-7.7002 13.7002 -19.2002 21.5996 -31.5 21.5996z" />
+    <glyph glyph-name="grin-tongue" unicode="&#xf589;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM312 40h0.0996094v43.7998l-17.6992 8.7998c-15.1006 7.60059 -31.5 -1.69922 -34.9004 -16.5l-2.7998 -12.0996c-2.10059 -9.2002 -15.2002 -9.2002 -17.2998 0
+l-2.80078 12.0996c-3.39941 14.8008 -19.8994 24 -34.8994 16.5l-17.7002 -8.7998v-42.7998c0 -35.2002 28 -64.5 63.0996 -65c35.8008 -0.5 64.9004 28.4004 64.9004 64zM340.2 14.7002c64 33.3994 107.8 100.3 107.8 177.3c0 110.3 -89.7002 200 -200 200
+s-200 -89.7002 -200 -200c0 -77 43.7998 -143.9 107.8 -177.3c-2.2002 8.09961 -3.7998 16.5 -3.7998 25.2998v43.5c-14.2002 12.4004 -24.4004 27.5 -27.2998 44.5c-1.7002 10 7.7998 18.4004 17.7002 15.2998c26 -8.2998 64.3994 -13.0996 105.6 -13.0996
+s79.7002 4.7998 105.6 13.0996c10 3.2002 19.4004 -5.39941 17.7002 -15.2998c-2.89941 -17 -13.0996 -32.0996 -27.2998 -44.5v-43.5c0 -8.7998 -1.59961 -17.2002 -3.7998 -25.2998zM168 272c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32
+s14.2998 32 32 32zM328 272c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32z" />
+    <glyph glyph-name="grin-tongue-squint" unicode="&#xf58a;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM312 40h0.0996094v43.7998l-17.6992 8.7998c-15.1006 7.60059 -31.5 -1.69922 -34.9004 -16.5l-2.7998 -12.0996c-2.10059 -9.2002 -15.2002 -9.2002 -17.2998 0
+l-2.80078 12.0996c-3.39941 14.8008 -19.8994 24 -34.8994 16.5l-17.7002 -8.7998v-42.7998c0 -35.2002 28 -64.5 63.0996 -65c35.8008 -0.5 64.9004 28.4004 64.9004 64zM340.2 14.7002c64 33.3994 107.8 100.3 107.8 177.3c0 110.3 -89.7002 200 -200 200
+s-200 -89.7002 -200 -200c0 -77 43.7998 -143.9 107.8 -177.3c-2.2002 8.09961 -3.7998 16.5 -3.7998 25.2998v43.5c-14.2002 12.4004 -24.4004 27.5 -27.2998 44.5c-1.7002 10 7.7998 18.4004 17.7002 15.2998c26 -8.2998 64.3994 -13.0996 105.6 -13.0996
+s79.7002 4.7998 105.6 13.0996c10 3.2002 19.4004 -5.39941 17.7002 -15.2998c-2.89941 -17 -13.0996 -32.0996 -27.2998 -44.5v-43.5c0 -8.7998 -1.59961 -17.2002 -3.7998 -25.2998zM377.1 295.8c3.80078 -4.39941 3.90039 -11 0.100586 -15.5l-33.6006 -40.2998
+l33.6006 -40.2998c3.7002 -4.5 3.7002 -11 -0.100586 -15.5c-3.59961 -4.2002 -9.89941 -5.7002 -15.2998 -2.5l-80 48c-3.59961 2.2002 -5.7998 6.09961 -5.7998 10.2998s2.2002 8.09961 5.7998 10.2998l80 48c5 3 11.5 1.90039 15.2998 -2.5zM214.2 250.3
+c3.59961 -2.2002 5.7998 -6.09961 5.7998 -10.2998s-2.2002 -8.09961 -5.7998 -10.2998l-80 -48c-5.40039 -3.2002 -11.7002 -1.7002 -15.2998 2.5c-3.80078 4.5 -3.90039 11 -0.100586 15.5l33.6006 40.2998l-33.6006 40.2998c-3.7002 4.5 -3.7002 11 0.100586 15.5
+c3.89941 4.5 10.2998 5.5 15.2998 2.5z" />
+    <glyph glyph-name="grin-tongue-wink" unicode="&#xf58b;" horiz-adv-x="496" 
+d="M152 268c25.7002 0 55.9004 -16.9004 59.7998 -42.0996c0.799805 -5 -1.7002 -10 -6.09961 -12.4004c-5.7002 -3.09961 -11.2002 -0.599609 -13.7002 1.59961l-9.5 8.5c-14.7998 13.2002 -46.2002 13.2002 -61 0l-9.5 -8.5
+c-3.7998 -3.39941 -9.2998 -4 -13.7002 -1.59961c-4.39941 2.40039 -6.89941 7.40039 -6.09961 12.4004c3.89941 25.1992 34.0996 42.0996 59.7998 42.0996zM328 320c44.2002 0 80 -35.7998 80 -80s-35.7998 -80 -80 -80s-80 35.7998 -80 80s35.7998 80 80 80zM328 192
+c26.5 0 48 21.5 48 48s-21.5 48 -48 48s-48 -21.5 -48 -48s21.5 -48 48 -48zM328 264c13.2998 0 24 -10.7002 24 -24s-10.7002 -24 -24 -24s-24 10.7002 -24 24s10.7002 24 24 24zM248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248z
+M312 40h0.0996094v43.7998l-17.6992 8.7998c-15.1006 7.60059 -31.5 -1.69922 -34.9004 -16.5l-2.7998 -12.0996c-2.10059 -9.2002 -15.2002 -9.2002 -17.2998 0l-2.80078 12.0996c-3.39941 14.8008 -19.8994 24 -34.8994 16.5l-17.7002 -8.7998v-42.7998
+c0 -35.2002 28 -64.5 63.0996 -65c35.8008 -0.5 64.9004 28.4004 64.9004 64zM340.2 14.7002c64 33.3994 107.8 100.3 107.8 177.3c0 110.3 -89.7002 200 -200 200s-200 -89.7002 -200 -200c0 -77 43.7998 -143.9 107.8 -177.3
+c-2.2002 8.09961 -3.7998 16.5 -3.7998 25.2998v43.5c-14.2002 12.4004 -24.4004 27.5 -27.2998 44.5c-1.7002 10 7.7998 18.4004 17.7002 15.2998c26 -8.2998 64.3994 -13.0996 105.6 -13.0996s79.7002 4.7998 105.6 13.0996c10 3.2002 19.4004 -5.39941 17.7002 -15.2998
+c-2.89941 -17 -13.0996 -32.0996 -27.2998 -44.5v-43.5c0 -8.7998 -1.59961 -17.2002 -3.7998 -25.2998z" />
+    <glyph glyph-name="grin-wink" unicode="&#xf58c;" horiz-adv-x="496" 
+d="M328 268c25.6904 0 55.8799 -16.9199 59.8701 -42.1201c1.72949 -11.0898 -11.3506 -18.2695 -19.8301 -10.8398l-9.5498 8.47949c-14.8105 13.1904 -46.1602 13.1904 -60.9707 0l-9.5498 -8.47949c-8.33008 -7.40039 -21.5801 -0.379883 -19.8301 10.8398
+c3.98047 25.2002 34.1699 42.1201 59.8604 42.1201zM168 208c-17.6699 0 -32 14.3301 -32 32s14.3301 32 32 32s32 -14.3301 32 -32s-14.3301 -32 -32 -32zM353.55 143.36c10.04 3.13965 19.3906 -5.4502 17.71 -15.3408
+c-7.92969 -47.1494 -71.3193 -80.0195 -123.26 -80.0195s-115.33 32.8701 -123.26 80.0195c-1.69043 9.9707 7.76953 18.4707 17.71 15.3408c25.9297 -8.31055 64.3994 -13.0605 105.55 -13.0605s79.6201 4.75977 105.55 13.0605zM248 440c136.97 0 248 -111.03 248 -248
+s-111.03 -248 -248 -248s-248 111.03 -248 248s111.03 248 248 248zM248 -8c110.28 0 200 89.7197 200 200s-89.7197 200 -200 200s-200 -89.7197 -200 -200s89.7197 -200 200 -200z" />
+    <glyph glyph-name="kiss" unicode="&#xf596;" horiz-adv-x="496" 
+d="M168 272c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32zM304 140c0 -13 -13.4004 -27.2998 -35.0996 -36.4004c21.7998 -8.69922 35.1992 -23 35.1992 -36c0 -19.1992 -28.6992 -41.5 -71.5 -44h-0.5
+c-3.69922 0 -7 2.60059 -7.7998 6.2002c-0.899414 3.7998 1.10059 7.7002 4.7002 9.2002l17 7.2002c12.9004 5.5 20.7002 13.5 20.7002 21.5s-7.7998 16 -20.7998 21.5l-16.9004 7.2002c-6 2.59961 -5.7002 12.3994 0 14.7998l17 7.2002
+c12.9004 5.5 20.7002 13.5 20.7002 21.5s-7.7998 16 -20.7998 21.5l-16.9004 7.19922c-3.59961 1.5 -5.59961 5.40039 -4.7002 9.2002c0.799805 3.7998 4.40039 6.60059 8.2002 6.2002c42.7002 -2.5 71.5 -24.7998 71.5 -44zM248 440c137 0 248 -111 248 -248
+s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM328 272c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32z
+" />
+    <glyph glyph-name="kiss-beam" unicode="&#xf597;" horiz-adv-x="496" 
+d="M168 296c23.7998 0 52.7002 -29.2998 55.7998 -71.4004c0.299805 -3.7998 -2 -7.19922 -5.59961 -8.2998c-3.10059 -1 -7.2002 0 -9.2998 3.7002l-9.5 17c-7.7002 13.7002 -19.2002 21.5996 -31.5 21.5996c-12.3008 0 -23.8008 -7.89941 -31.5 -21.5996l-9.5 -17
+c-1.80078 -3.2002 -5.80078 -4.7002 -9.30078 -3.7002c-3.59961 1.10059 -5.89941 4.60059 -5.59961 8.2998c3.2998 42.1006 32.2002 71.4004 56 71.4004zM248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8
+c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM304 140c0 -13 -13.4004 -27.2998 -35.0996 -36.4004c21.7998 -8.69922 35.1992 -23 35.1992 -36c0 -19.1992 -28.6992 -41.5 -71.5 -44h-0.5
+c-3.69922 0 -7 2.60059 -7.7998 6.2002c-0.899414 3.7998 1.10059 7.7002 4.7002 9.2002l17 7.2002c12.9004 5.5 20.7002 13.5 20.7002 21.5s-7.7998 16 -20.7998 21.5l-16.9004 7.2002c-6 2.59961 -5.7002 12.3994 0 14.7998l17 7.2002
+c12.9004 5.5 20.7002 13.5 20.7002 21.5s-7.7998 16 -20.7998 21.5l-16.9004 7.19922c-3.59961 1.5 -5.59961 5.40039 -4.7002 9.2002c0.799805 3.7998 4.40039 6.60059 8.2002 6.2002c42.7002 -2.5 71.5 -24.7998 71.5 -44zM328 296
+c23.7998 0 52.7002 -29.2998 55.7998 -71.4004c0.299805 -3.7998 -2 -7.19922 -5.59961 -8.2998c-3.10059 -1 -7.2002 0 -9.2998 3.7002l-9.5 17c-7.7002 13.7002 -19.2002 21.5996 -31.5 21.5996c-12.3008 0 -23.8008 -7.89941 -31.5 -21.5996l-9.5 -17
+c-1.80078 -3.2002 -5.80078 -4.7002 -9.30078 -3.7002c-3.59961 1.10059 -5.89941 4.60059 -5.59961 8.2998c3.2998 42.1006 32.2002 71.4004 56 71.4004z" />
+    <glyph glyph-name="kiss-wink-heart" unicode="&#xf598;" horiz-adv-x="504" 
+d="M304 139.5c0 -13 -13.4004 -27.2998 -35.0996 -36.4004c21.7998 -8.69922 35.1992 -23 35.1992 -36c0 -19.1992 -28.6992 -41.5 -71.5 -44h-0.5c-3.69922 0 -7 2.60059 -7.7998 6.2002c-0.899414 3.7998 1.10059 7.7002 4.7002 9.2002l17 7.2002
+c12.9004 5.5 20.7002 13.5 20.7002 21.5s-7.7998 16 -20.7998 21.5l-16.9004 7.2002c-6 2.59961 -5.7002 12.3994 0 14.7998l17 7.2002c12.9004 5.5 20.7002 13.5 20.7002 21.5s-7.7998 16 -20.7998 21.5l-16.9004 7.19922c-3.59961 1.5 -5.59961 5.40039 -4.7002 9.2002
+c0.799805 3.7998 4.40039 6.60059 8.2002 6.2002c42.7002 -2.5 71.5 -24.7998 71.5 -44zM374.5 223c-14.7998 13.2002 -46.2002 13.2002 -61 0l-9.5 -8.5c-2.5 -2.2998 -7.90039 -4.7002 -13.7002 -1.59961c-4.39941 2.39941 -6.89941 7.39941 -6.09961 12.3994
+c3.89941 25.2002 34.2002 42.1006 59.7998 42.1006s55.7998 -16.9004 59.7998 -42.1006c0.799805 -5 -1.7002 -10 -6.09961 -12.3994c-4.40039 -2.40039 -9.90039 -1.7002 -13.7002 1.59961zM136 239.5c0 17.7002 14.2998 32 32 32s32 -14.2998 32 -32s-14.2998 -32 -32 -32
+s-32 14.2998 -32 32zM501.1 45.5c9.2002 -23.9004 -4.39941 -49.4004 -28.5 -55.7002l-83 -21.5c-5.39941 -1.39941 -10.8994 1.7998 -12.3994 7.10059l-22.9004 82.5996c-6.59961 24 8.7998 48.5996 34 52.5996c22 3.5 43.1006 -11.5996 49 -33l2.2998 -8.39941
+l8.40039 2.2002c21.5996 5.59961 45.0996 -5.10059 53.0996 -25.9004zM334 11.7002c17.7002 -64 10.9004 -39.5 13.4004 -46.7998c-30.5 -13.4004 -64 -20.9004 -99.4004 -20.9004c-137 0 -248 111 -248 248s111 248 248 248s248 -111 247.9 -248
+c0 -31.7998 -6.2002 -62.0996 -17.1006 -90c-6 1.5 -12.2002 2.7998 -18.5996 2.90039c-5.60059 9.69922 -13.6006 17.5 -22.6006 23.8994c6.7002 19.9004 10.4004 41.1006 10.4004 63.2002c0 110.3 -89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200
+c30.7998 0 59.9004 7.2002 86 19.7002z" />
+    <glyph glyph-name="laugh" unicode="&#xf599;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM389.4 50.5996c37.7998 37.8008 58.5996 88 58.5996 141.4s-20.7998 103.6 -58.5996 141.4c-37.8008 37.7998 -88 58.5996 -141.4 58.5996s-103.6 -20.7998 -141.4 -58.5996
+c-37.7998 -37.8008 -58.5996 -88 -58.5996 -141.4s20.7998 -103.6 58.5996 -141.4c37.8008 -37.7998 88 -58.5996 141.4 -58.5996s103.6 20.7998 141.4 58.5996zM328 224c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32s32 -14.2998 32 -32s-14.2998 -32 -32 -32zM168 224
+c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32s32 -14.2998 32 -32s-14.2998 -32 -32 -32zM362.4 160c8.19922 0 14.5 -7 13.5 -15c-7.5 -59.2002 -58.9004 -105 -121.101 -105h-13.5996c-62.2002 0 -113.601 45.7998 -121.101 105c-1 8 5.30078 15 13.5 15h228.801z" />
+    <glyph glyph-name="laugh-beam" unicode="&#xf59a;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM389.4 50.5996c37.7998 37.8008 58.5996 88 58.5996 141.4s-20.7998 103.6 -58.5996 141.4c-37.8008 37.7998 -88 58.5996 -141.4 58.5996s-103.6 -20.7998 -141.4 -58.5996
+c-37.7998 -37.8008 -58.5996 -88 -58.5996 -141.4s20.7998 -103.6 58.5996 -141.4c37.8008 -37.7998 88 -58.5996 141.4 -58.5996s103.6 20.7998 141.4 58.5996zM328 296c23.7998 0 52.7002 -29.2998 55.7998 -71.4004c0.700195 -8.5 -10.7998 -11.8994 -14.8994 -4.5
+l-9.5 17c-7.7002 13.7002 -19.2002 21.6006 -31.5 21.6006c-12.3008 0 -23.8008 -7.90039 -31.5 -21.6006l-9.5 -17c-4.10059 -7.39941 -15.6006 -4.09961 -14.9004 4.5c3.2998 42.1006 32.2002 71.4004 56 71.4004zM127 220.1c-4.2002 -7.39941 -15.7002 -4 -15.0996 4.5
+c3.2998 42.1006 32.1992 71.4004 56 71.4004c23.7998 0 52.6992 -29.2998 56 -71.4004c0.699219 -8.5 -10.8008 -11.8994 -14.9004 -4.5l-9.5 17c-7.7002 13.7002 -19.2002 21.6006 -31.5 21.6006s-23.7998 -7.90039 -31.5 -21.6006zM362.4 160c8.19922 0 14.5 -7 13.5 -15
+c-7.5 -59.2002 -58.9004 -105 -121.101 -105h-13.5996c-62.2002 0 -113.601 45.7998 -121.101 105c-1 8 5.30078 15 13.5 15h228.801z" />
+    <glyph glyph-name="laugh-squint" unicode="&#xf59b;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM389.4 50.5996c37.7998 37.8008 58.5996 88 58.5996 141.4s-20.7998 103.6 -58.5996 141.4c-37.8008 37.7998 -88 58.5996 -141.4 58.5996s-103.6 -20.7998 -141.4 -58.5996
+c-37.7998 -37.8008 -58.5996 -88 -58.5996 -141.4s20.7998 -103.6 58.5996 -141.4c37.8008 -37.7998 88 -58.5996 141.4 -58.5996s103.6 20.7998 141.4 58.5996zM343.6 252l33.6006 -40.2998c8.59961 -10.4004 -3.90039 -24.7998 -15.4004 -18l-80 48
+c-7.7998 4.7002 -7.7998 15.8994 0 20.5996l80 48c11.6006 6.7998 24 -7.7002 15.4004 -18zM134.2 193.7c-11.6006 -6.7998 -24.1006 7.59961 -15.4004 18l33.6006 40.2998l-33.6006 40.2998c-8.59961 10.2998 3.7998 24.9004 15.4004 18l80 -48
+c7.7998 -4.7002 7.7998 -15.8994 0 -20.5996zM362.4 160c8.19922 0 14.5 -7 13.5 -15c-7.5 -59.2002 -58.9004 -105 -121.101 -105h-13.5996c-62.2002 0 -113.601 45.7998 -121.101 105c-1 8 5.30078 15 13.5 15h228.801z" />
+    <glyph glyph-name="laugh-wink" unicode="&#xf59c;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM389.4 50.5996c37.7998 37.8008 58.5996 88 58.5996 141.4s-20.7998 103.6 -58.5996 141.4c-37.8008 37.7998 -88 58.5996 -141.4 58.5996s-103.6 -20.7998 -141.4 -58.5996
+c-37.7998 -37.8008 -58.5996 -88 -58.5996 -141.4s20.7998 -103.6 58.5996 -141.4c37.8008 -37.7998 88 -58.5996 141.4 -58.5996s103.6 20.7998 141.4 58.5996zM328 284c25.7002 0 55.9004 -16.9004 59.7002 -42.0996c1.7998 -11.1006 -11.2998 -18.2002 -19.7998 -10.8008
+l-9.5 8.5c-14.8008 13.2002 -46.2002 13.2002 -61 0l-9.5 -8.5c-8.30078 -7.39941 -21.5 -0.399414 -19.8008 10.8008c4 25.1992 34.2002 42.0996 59.9004 42.0996zM168 224c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32s32 -14.2998 32 -32s-14.2998 -32 -32 -32z
+M362.4 160c8.19922 0 14.5 -7 13.5 -15c-7.5 -59.2002 -58.9004 -105 -121.101 -105h-13.5996c-62.2002 0 -113.601 45.7998 -121.101 105c-1 8 5.30078 15 13.5 15h228.801z" />
+    <glyph glyph-name="meh-blank" unicode="&#xf5a4;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM168 272c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32
+s-32 14.2998 -32 32s14.2998 32 32 32zM328 272c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32z" />
+    <glyph glyph-name="meh-rolling-eyes" unicode="&#xf5a5;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM336 296c39.7998 0 72 -32.2002 72 -72s-32.2002 -72 -72 -72
+s-72 32.2002 -72 72s32.2002 72 72 72zM336 184c22.0996 0 40 17.9004 40 40c0 13.5996 -7.2998 25.0996 -17.7002 32.2998c1 -2.59961 1.7002 -5.39941 1.7002 -8.2998c0 -13.2998 -10.7002 -24 -24 -24s-24 10.7002 -24 24c0 3 0.700195 5.7002 1.7002 8.2998
+c-10.4004 -7.2002 -17.7002 -18.7002 -17.7002 -32.2998c0 -22.0996 17.9004 -40 40 -40zM232 224c0 -39.7998 -32.2002 -72 -72 -72s-72 32.2002 -72 72s32.2002 72 72 72s72 -32.2002 72 -72zM120 224c0 -22.0996 17.9004 -40 40 -40s40 17.9004 40 40
+c0 13.5996 -7.2998 25.0996 -17.7002 32.2998c1 -2.59961 1.7002 -5.39941 1.7002 -8.2998c0 -13.2998 -10.7002 -24 -24 -24s-24 10.7002 -24 24c0 3 0.700195 5.7002 1.7002 8.2998c-10.4004 -7.2002 -17.7002 -18.7002 -17.7002 -32.2998zM312 96
+c13.2002 0 24 -10.7998 24 -24s-10.7998 -24 -24 -24h-128c-13.2002 0 -24 10.7998 -24 24s10.7998 24 24 24h128z" />
+    <glyph glyph-name="sad-cry" unicode="&#xf5b3;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM392 53.5996c34.5996 35.9004 56 84.7002 56 138.4c0 110.3 -89.7002 200 -200 200s-200 -89.7002 -200 -200c0 -53.7002 21.4004 -102.4 56 -138.4v114.4
+c0 13.2002 10.7998 24 24 24s24 -10.7998 24 -24v-151.4c28.5 -15.5996 61.2002 -24.5996 96 -24.5996s67.5 9 96 24.5996v151.4c0 13.2002 10.7998 24 24 24s24 -10.7998 24 -24v-114.4zM205.8 213.5c-5.7998 -3.2002 -11.2002 -0.700195 -13.7002 1.59961l-9.5 8.5
+c-14.7998 13.2002 -46.1992 13.2002 -61 0l-9.5 -8.5c-3.7998 -3.39941 -9.2998 -4 -13.6992 -1.59961c-4.40039 2.40039 -6.90039 7.40039 -6.10059 12.4004c3.90039 25.1992 34.2002 42.0996 59.7998 42.0996c25.6006 0 55.8008 -16.9004 59.8008 -42.0996
+c0.799805 -5 -1.7002 -10 -6.10059 -12.4004zM344 268c25.7002 0 55.9004 -16.9004 59.7998 -42.0996c0.799805 -5 -1.7002 -10 -6.09961 -12.4004c-5.7002 -3.09961 -11.2002 -0.599609 -13.7002 1.59961l-9.5 8.5c-14.7998 13.2002 -46.2002 13.2002 -61 0l-9.5 -8.5
+c-3.7998 -3.39941 -9.2002 -4 -13.7002 -1.59961c-4.39941 2.40039 -6.89941 7.40039 -6.09961 12.4004c3.89941 25.1992 34.0996 42.0996 59.7998 42.0996zM248 176c30.9004 0 56 -28.7002 56 -64s-25.0996 -64 -56 -64s-56 28.7002 -56 64s25.0996 64 56 64z" />
+    <glyph glyph-name="sad-tear" unicode="&#xf5b4;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM256 144c38.0996 0 74 -16.7998 98.5 -46.0996
+c8.5 -10.2002 7.09961 -25.3008 -3.09961 -33.8008c-10.6006 -8.7998 -25.7002 -6.69922 -33.8008 3.10059c-15.2998 18.2998 -37.7998 28.7998 -61.5996 28.7998c-13.2002 0 -24 10.7998 -24 24s10.7998 24 24 24zM168 208c-17.7002 0 -32 14.2998 -32 32s14.2998 32 32 32
+s32 -14.2998 32 -32s-14.2998 -32 -32 -32zM328 272c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32zM162.4 173.2c2.7998 3.7002 8.39941 3.7002 11.1992 0c11.4004 -15.2998 36.4004 -50.6006 36.4004 -68.1006
+c0 -22.6992 -18.7998 -41.0996 -42 -41.0996s-42 18.4004 -42 41.0996c0 17.5 25 52.8008 36.4004 68.1006z" />
+    <glyph glyph-name="smile-beam" unicode="&#xf5b8;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM332 135.4c8.5 10.1992 23.5996 11.5 33.7998 3.09961
+c10.2002 -8.5 11.6006 -23.5996 3.10059 -33.7998c-30 -36 -74.1006 -56.6006 -120.9 -56.6006s-90.9004 20.6006 -120.9 56.6006c-8.39941 10.2002 -7.09961 25.2998 3.10059 33.7998c10.2002 8.40039 25.2998 7.09961 33.7998 -3.09961
+c20.7998 -25.1006 51.5 -39.4004 84 -39.4004s63.2002 14.4004 84 39.4004zM136.5 237l-9.5 -17c-1.90039 -3.2002 -5.90039 -4.7998 -9.2998 -3.7002c-3.60059 1.10059 -6 4.60059 -5.7002 8.2998c3.2998 42.1006 32.2002 71.4004 56 71.4004s52.7002 -29.2998 56 -71.4004
+c0.299805 -3.7998 -2.09961 -7.19922 -5.7002 -8.2998c-3.09961 -1 -7.2002 0 -9.2998 3.7002l-9.5 17c-7.7002 13.7002 -19.2002 21.5996 -31.5 21.5996s-23.7998 -7.89941 -31.5 -21.5996zM328 296c23.7998 0 52.7002 -29.2998 56 -71.4004
+c0.299805 -3.7998 -2.09961 -7.19922 -5.7002 -8.2998c-3.09961 -1 -7.2002 0 -9.2998 3.7002l-9.5 17c-7.7002 13.7002 -19.2002 21.5996 -31.5 21.5996s-23.7998 -7.89941 -31.5 -21.5996l-9.5 -17c-1.90039 -3.2002 -5.7998 -4.7998 -9.2998 -3.7002
+c-3.60059 1.10059 -6 4.60059 -5.7002 8.2998c3.2998 42.1006 32.2002 71.4004 56 71.4004z" />
+    <glyph glyph-name="surprise" unicode="&#xf5c2;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM248 168c35.2998 0 64 -28.7002 64 -64s-28.7002 -64 -64 -64
+s-64 28.7002 -64 64s28.7002 64 64 64zM200 240c0 -17.7002 -14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32s32 -14.2998 32 -32zM328 272c17.7002 0 32 -14.2998 32 -32s-14.2998 -32 -32 -32s-32 14.2998 -32 32s14.2998 32 32 32z" />
+    <glyph glyph-name="tired" unicode="&#xf5c8;" horiz-adv-x="496" 
+d="M248 440c137 0 248 -111 248 -248s-111 -248 -248 -248s-248 111 -248 248s111 248 248 248zM248 -8c110.3 0 200 89.7002 200 200s-89.7002 200 -200 200s-200 -89.7002 -200 -200s89.7002 -200 200 -200zM377.1 295.8c3.80078 -4.39941 3.90039 -11 0.100586 -15.5
+l-33.6006 -40.2998l33.6006 -40.2998c3.7998 -4.5 3.7002 -11 -0.100586 -15.5c-3.5 -4.10059 -9.89941 -5.7002 -15.2998 -2.5l-80 48c-3.59961 2.2002 -5.7998 6.09961 -5.7998 10.2998s2.2002 8.09961 5.7998 10.2998l80 48c5 2.90039 11.5 1.90039 15.2998 -2.5z
+M220 240c0 -4.2002 -2.2002 -8.09961 -5.7998 -10.2998l-80 -48c-5.40039 -3.2002 -11.7998 -1.60059 -15.2998 2.5c-3.80078 4.5 -3.90039 11 -0.100586 15.5l33.6006 40.2998l-33.6006 40.2998c-3.7998 4.5 -3.7002 11 0.100586 15.5
+c3.7998 4.40039 10.2998 5.5 15.2998 2.5l80 -48c3.59961 -2.2002 5.7998 -6.09961 5.7998 -10.2998zM248 176c45.4004 0 100.9 -38.2998 107.8 -93.2998c1.5 -11.9004 -7 -21.6006 -15.5 -17.9004c-22.7002 9.7002 -56.2998 15.2002 -92.2998 15.2002
+s-69.5996 -5.5 -92.2998 -15.2002c-8.60059 -3.7002 -17 6.10059 -15.5 17.9004c6.89941 55 62.3994 93.2998 107.8 93.2998z" />
+  </font>
+</defs></svg>

stashr/tasks.py

@@ -0,0 +1,115 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
+"""
+Stashr - Task Calls
+"""
+
+"""
+MIT License
+
+Copyright (c) 2020 Andrew Vanderbye
+
+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.
+"""
+
+"""-------------------------------------------------------------------------------------------
+-- IMPORTS
+-------------------------------------------------------------------------------------------"""
+
+""" --- HUEY IMPORT --- """
+from stashr.stashr import huey
+from huey import crontab
+
+""" --- PYTHON IMPORTS --- """
+
+""" --- STASHR DEPENDENCY IMPORTS --- """
+
+""" --- STASHR CORE IMPORTS --- """
+from stashr import log, utils
+
+""" --- CREATE LOGGER --- """
+logger = log.stashr_logger(__name__)
+
+"""-------------------------------------------------------------------------------------------
+-- TASKS
+-------------------------------------------------------------------------------------------"""
+
+""" --- SUBSCRIPTION TASKS --- """
+
+""" --- SERIES TASKS --- """
+
+""" --- RELEASE LIST TASKS --- """
+
+
+# UPDATE RELEASE LIST
+@huey.periodic_task(crontab(minute='*/120'))
+def update_release_list_task():
+    logger.debug('Update New Release Task')
+    utils.update_release_list()
+
+
+""" --- COMIC STATUS TASKS --- """
+
+""" --- READING LIST TASKS --- """
+
+""" --- COLLECTION TASKS --- """
+
+""" --- SERVER TASKS --- """
+
+""" --- PLUGIN TASKS --- """
+
+"""" --- FILE TASKS --- """
+
+""" --- DATABASE TASKS --- """
+
+""" --- NEW TASKS --- """
+
+
+@huey.task()
+def scan_directories():
+    utils.new_scan_directories()
+    utils.new_create_scrape_entries()
+    pass
+
+
+@huey.task()
+def add_scraped_directories():
+    utils.new_add_scraped_matches()
+    pass
+
+
+""" --- HUEY CONFIGURE --- """
+
+
+@huey.on_startup()
+def huey_startup():
+    log.disable_huey_logger()
+
+
+"""-------------------------------------------------------------------------------------------
+-- SIGNALS
+-------------------------------------------------------------------------------------------"""
+
+
+@huey.signal()
+def task_signal(signal, task, exc=None):
+    logger.info('[{0}] {1}'.format(signal, task))
+    if signal == 'error':
+        logger.error('[{0}] {1} - {2}'.format(signal, task, exc))

stashr/templates/all_collections_page.html

@@ -0,0 +1,117 @@
+{% extends "base.html" %}
+
+{% block header_script_files %}
+<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+{% endblock %}
+
+{% block header %}
+{{ emit_tep('all_collections_page_header') }}
+{% endblock %}
+
+{% block content %}
+
+<div id="app">
+    <collections v-bind:collections='collections'></collections>
+</div>
+
+{% endblock %}
+
+{% block modals %}
+{{ emit_tep('all_collections_modals') }}
+{% endblock %}
+
+{% block button_container %}
+{{ emit_tep('all_collections_button_container') }}
+{% endblock %}
+
+{% block script %}
+
+Vue.component('collections', {
+    props: ['collections'],
+    template: `
+    <div>
+        <div class="mb-3 px-5">
+            <input type="text" v-model="search" class="form-control" placeholder="Search Collections..." />
+        </div>
+        <ul class="d-flex flex-wrap w-100 m-0 p-0 py-2 justify-content-center">
+            <collection
+                v-for="collection in filteredList"
+                v-bind:collection="collection"
+                v-bind:key="collection.collection_id"
+            ></collection>
+        </ul>
+    </div>
+    `,
+    data() { return { search: '', } },
+    computed: {
+        filteredList() {
+            return this.collections.filter(collection => {
+                return collection.collection_name.toLowerCase().includes(this.search.toLowerCase())
+            })
+        },
+    },
+    delimiters: ["[[","]]"],
+})
+
+Vue.component('collection', {
+    props: ['collection'],
+    template: `
+    <li class='stashr-cover_size m-2'
+        @mouseover="hover = true"
+        @mouseleave="hover = false"
+    >
+        <div class='stashr-poster_wrapper rounded'>
+            <div class="stashr-poster_container border rounded">
+                <div class="stashr-overlay_bottom w-100 center" v-if="hover">
+                    <a href="#">[[ collection.collection_name ]]</a>
+                </div>
+                <img class="stashr-poster_background w-100" loading="eager" src="/static/assets/cover.svg" />
+                <a class="stashr-poster_link" v-bind:href="'/collections/'+collection.collection_slug">
+                    <img class="w-100" loading="lazy" v-bind:src="'/images/issues/'+collection.collection_cover_image+'.jpg'" onerror="this.src='/static/assets/cover.svg'" />
+                </a>
+            </div>
+        </div>
+    </li>
+    `,
+    data() { return { hover: false, } },
+    delimiters: ["[[","]]"],
+})
+
+var app = new Vue({
+    el: '#app',
+    data: {
+        collections: [],
+    },
+    created() {
+        /*
+        axios.get('{{ url_for('api.api_get_all_collections') }}')
+            .then(res => this.collections = res.data.results)
+            .catch(err => console.log(err))
+        */
+        this.getCollections()
+    },
+    methods: {
+        getCollections() {
+            axios.get('{{ url_for('api.api_get_all_collections') }}', {
+                params: {
+                    offset: this.collections.length
+                }
+            })
+                .then(res => {
+                    if(res.data.number_of_page_results > 0) {
+                        res.data.results.forEach(result => {
+                            this.collections.push(result)
+                        })
+                        if(this.collections.length < res.data.number_of_total_results) {
+                            this.getCollections()
+                        }
+                    }
+                })
+        },
+    },
+    delimiters: ["[[","]]"]
+})
+
+{{ emit_tep('all_collections_page_script') }}
+
+{% endblock %}

stashr/templates/all_publishers_page.html

@@ -0,0 +1,137 @@
+{% extends "base.html" %}
+
+{% block header_script_files %}
+<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+{% endblock %}
+
+{% block header %}
+{{ emit_tep('all_publishers_page_header') }}
+{% endblock %}
+
+{% block content %}
+
+<div class="hidden">
+	<script type="text/javascript">
+		<!--//--><![CDATA[//><!--
+			var images = new Array()
+			function preload() {
+				for (i = 0; i < preload.arguments.length; i++) {
+					images[i] = new Image()
+					images[i].src = preload.arguments[i]
+				}
+			}
+			preload(
+				"{{ url_for('static', filename='/assets/cover.svg') }}"
+			)
+		//--><!]]>
+	</script>
+</div>
+
+<div id="app">
+    <publishers v-bind:publishers='publishers'></publishers>
+</div>
+
+{% endblock %}
+
+{% block modals %}
+{{ emit_tep('all_publishers_modals') }}
+{% endblock %}
+
+{% block button_container %}
+{{ emit_tep('all_publishers_button_container') }}
+{% endblock %}
+
+{% block script %}
+
+Vue.component('publishers', {
+    props: ['publishers'],
+    template: `
+    <div>
+        <div class="mb-3 px-5">
+            <input type="text" v-model="search" class="form-control" placeholder="Search Publishers..." />
+        </div>
+        <ul class="d-flex flex-wrap w-100 m-0 p-0 py-2 justify-content-center">
+            <publisher
+                v-for="publisher in filteredList"
+                v-bind:publisher="publisher"
+                v-bind:key="publisher.publisher_id"
+            ></publisher>
+        </ul>
+    </div>
+    `,
+    data() {
+        return {
+            search: '',
+        }
+    },
+    computed: {
+        filteredList() {
+            return this.publishers.filter(publisher => {
+                return publisher.publisher_name.toLowerCase().includes(this.search.toLowerCase())
+            })
+        }
+    },
+    delimiters: ["[[","]]"],
+})
+
+Vue.component('publisher',{
+    props: ['publisher'],
+    template: `
+    <li class='stashr-cover_size m-2'
+        @mouseover="hover = true"
+        @mouseleave="hover = false"
+    >
+        <div class='stashr-poster_wrapper rounded'>
+            <div class="stashr-poster_container border rounded">
+                <div class="stashr-overlay_bottom w-100 center" v-if="hover">
+                    <a href="#">[[ publisher.publisher_name ]]</a>
+                </div>
+                <img class="stashr-poster_background w-100" loading="eager" src="/static/assets/cover.svg" />
+                <a class="stashr-poster_link align-middle" :href="'{{ url_for('single_publisher_page', publisher_id='PUBLISHERID') }}'.replace('PUBLISHERID', publisher.publisher_id)">
+                    <img class="w-100" loading="lazy" v-bind:src=publisher.publisher_image />
+                </a>
+            </div>
+        </div>
+    </li>
+    `,
+    data() {
+        return {
+            hover: false,
+        }
+    },
+    delimiters: ["[[","]]"],
+})
+
+var app = new Vue({
+    el: '#app',
+    data: {
+        publishers: [],
+    },
+    created() {
+        this.getPublishers()
+    },
+    methods: {
+        getPublishers() {
+            axios.get('{{ url_for('api.api_get_all_publishers') }}', {
+                params: {
+                    offset: this.publishers.length
+                }
+            })
+                .then(res => {
+                    if(res.data.number_of_page_results > 0) {
+                        res.data.results.forEach(result => {
+                            this.publishers.push(result)
+                        })
+                        if(this.publishers.length < res.data.number_of_total_results) {
+                            this.getPublishers()
+                        }
+                    }
+                })
+        },
+    },
+    delimiters: ["[[","]]"]
+});
+
+{{ emit_tep('all_publishers_page_script') }}
+
+{% endblock %}

stashr/templates/all_volumes_page.html

@@ -0,0 +1,156 @@
+{% extends "base.html" %}
+
+{% block header_script_files %}
+<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+{% endblock %}
+
+{% block header %}
+{{ emit_tep('all_volumes_page_header') }}
+{% endblock %}
+
+{% block content %}
+
+<div class="hidden">
+	<script type="text/javascript">
+		<!--//--><![CDATA[//><!--
+			var images = new Array()
+			function preload() {
+				for (i = 0; i < preload.arguments.length; i++) {
+					images[i] = new Image()
+					images[i].src = preload.arguments[i]
+				}
+			}
+			preload(
+				"{{ url_for('static', filename='/assets/cover.svg') }}"
+			)
+		//--><!]]>
+	</script>
+</div>
+
+<div id="app">
+    <volumes v-bind:volumes='volumesList'></volumes>
+</div>
+
+{% endblock %}
+
+{% block modals %}
+{{ emit_tep('all_volumes_modals') }}
+{% endblock %}
+
+{% block button_container %}
+{% if current_user.role == 'admin' %}
+<button type="button" class="btn btn-outline-info btn-circle btn-md" data-bs-toggle="tooltip" data-bs-placement="top" title="Add Volume from Comicvine" onclick="location.href='{{ url_for('search_page') }}';">
+    <i class="text-white fas fa-2x fa-plus"></i>
+</button>
+{% endif %}
+{{ emit_tep('all_volumes_button_container') }}
+{% endblock %}
+
+{% block script %}
+
+Vue.component('volume-item', {
+    props: ['volume'],
+    template: `
+    <li class='stashr-cover_size m-2'
+        @mouseover="hover = true"
+        @mouseleave="hover = false"
+    >
+        <div class='stashr-poster_wrapper rounded'>
+            <div class="stashr-badge_tl badge rounded-pill bg-info border">[[ volume.age_rating[0].rating_short ]]</div>
+            <div class="stashr-badge_tr badge rounded-pill bg-primary border">[[ volume.volume_have ]]/[[ volume.volume_total ]]</div>
+            <div class="stashr-badge_br badge rounded-pill border" :class="statusClass">[[ statusWord ]]</div>
+            <div class="stashr-poster_container border rounded">
+                <div class="stashr-overlay_bottom w-100 center" v-if="hover">
+                    <a :href="'/volumes/'+volume.volume_slug">[[ volume.volume_name ]]</a>
+                </div>
+                <img class="stashr-poster_background w-100" loading="eager" src="/static/assets/cover.svg" />
+                <a class="stashr-poster_link" :href="'/volumes/'+volume.volume_slug">
+                    <img class="w-100" loading="lazy" v-bind:src="'/images/volumes/'+volume.volume_id+'.jpg'" @error="$event.target.src=volume.volume_image_med"/>
+                </a>
+            </div>
+        </div>
+    </li>
+    `,
+    computed: {
+        statusClass() {
+            let classname = 'bg-danger';
+            if(this.volume.volume_status) {
+                classname = 'bg-success';
+            };
+            return classname;
+        },
+        statusWord() {
+            let status = 'ENDED';
+            if(this.volume.volume_status) {
+                status = 'ONGOING';
+            };
+            return status;
+        }
+    },
+    data() { return { hover: false } },
+    delimiters: ["[[","]]"],
+})
+
+Vue.component('volumes', {
+    props: ['volumes'],
+    template: `
+    <div>
+        <div class="mb-3 px-5">
+            <input type="text" v-model="search" class="form-control" placeholder="Search Volumes..." />
+        </div>
+        <ul class="d-flex flex-wrap w-100 m-0 p-0 py-2 justify-content-center">
+            <volume-item
+                v-for="volume in filteredList"
+                v-bind:volume="volume"
+                v-bind:key="volume.volume_id"
+            ></volume-item>
+        </ul>
+        <!--
+        <i class="text-primary fas fa-spinner fa-spin fa-3x" v-if="loading"></i>
+        -->
+    </div>
+    `,
+    data() { return { loading: true, search: '', } },
+    computed: {
+        filteredList() {
+            return this.volumes.filter(volume => {
+                return volume.volume_name.toLowerCase().includes(this.search.toLowerCase())
+            })
+        },
+    },
+    delimiters: ["[[","]]"],
+})
+
+var app = new Vue({
+    el: '#app',
+    data: {
+        volumesList: [],
+    },
+    created() {
+        this.getVolumes()
+    },
+    methods:{
+        getVolumes() {
+            axios.get('{{ url_for('api.api_get_all_volumes') }}', {
+                params: {
+                    offset: this.volumesList.length
+                }
+            })
+                .then(res => {
+                    if(res.data.number_of_page_results > 0) {
+                        res.data.results.forEach(result => {
+                            this.volumesList.push(result)
+                        })
+                        if(this.volumesList.length < res.data.number_of_total_results) {
+                            this.getVolumes()
+                        }
+                    }
+                })
+        },
+    },
+    delimiters: ["[[","]]"]
+});
+
+{{ emit_tep('all_volumes_page_script') }}
+
+{% endblock %}

stashr/templates/base.html

@@ -0,0 +1,203 @@
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, shrink-to-fit=no">
+
+<title>Stashr - {{ title }}</title>
+
+<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/bootstrap.css') }}">
+<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/stashr.css') }}">
+
+<link href="https://cdn.jsdelivr.net/npm/vue-toast-notification/dist/theme-sugar.css" rel="stylesheet">
+
+<link rel="stylesheet" href="{{ url_for('static', filename='css/all.css') }}">
+
+<link href="https://fonts.googleapis.com/css?family=Grand+Hotel" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
+
+<link rel="manifest" href="{{ url_for('static', filename='manifest/manifest.json') }}">
+
+<link rel="apple-touch-icon" href="touch-icon-iphone.png">
+<link rel="apple-touch-icon" sizes="152x152" href="{{ url_for('static', filename='assets/stashr-152.png') }}">
+<link rel="apple-touch-icon" sizes="180x180" href="{{ url_for('static', filename='assets/stashr-180.png') }}">
+<link rel="apple-touch-icon" sizes="167x167" href="{{ url_for('static', filename='assets/stashr-167.png') }}">
+<meta name="apple-mobile-web-app-title" content="Stashr">
+<meta name="apple-mobile-web-app-capable" content="yes">
+<meta name="apple-mobile-web-app-status-bar-style" content="default">
+
+<script src="{{ url_for('static', filename='js/stashr.js') }}"></script>
+
+<!-- VueJS -->
+<script src="{{ url_for('static', filename='js/vue.dev.js') }}"></script>
+<!-- VueJS Toasts -->
+<script src="https://cdn.jsdelivr.net/npm/vue-toast-notification"></script>
+
+<!-- START HEADER SCRIPT INCLUDES -->
+{% block header_script_files %}{% endblock %}
+{{ emit_tep('base_page_header_script_files') }}
+<!-- END HEADER SCRIPT INCLUDES -->
+
+</head>
+<body>
+
+<!-- START NAVBAR -->
+
+<nav class="navbar navbar-expand-lg navbar-dark bg-primary sticky-top">
+    <div class="container-fluid">
+        <a class="navbar-brand" href="{{ url_for('index_page') }}">
+            <img class="border rounded-circle" src="{{ url_for('static', filename='assets/stashr.svg') }}" width="40" height="40" />
+            <span class="stashr-project_title">Stashr</span>
+        </a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarStashr" aria-cointrols="navbarStashr" aria-expanded="false" aria-label="Toggle Navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+
+        {% if not current_user.is_authenticated %}
+        {% if not request.endpoint == 'first_run_page' %}
+        <div class="collapse navbar-collapse" id="navbarStashr">
+            <ul class="navbar-nav ms-auto">
+                <li class="nav-item">
+                    <a class="nav-link" href="{{ url_for('login_page') }}">
+                        LOGIN
+                    </a>
+                </li>
+                {% if open_registration %}
+                <li class="nav-item">
+                    <a class="nav-link" href="{{ url_for('register_page') }}">
+                        REGISTER
+                    </a>
+                </li>
+                {% endif %}
+            </ul>
+        </div>
+        {% endif %}
+        {% endif %}
+
+        {% if current_user.is_authenticated %}
+        <div class="collapse navbar-collapse" id="navbarStashr">
+            <ul class="navbar-nav me-auto">
+                <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" href="#" id="libraryDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                        LIBRARY
+                    </a>
+                    <ul class="dropdown-menu" aria-labelledby="libraryDropdown">
+                        <li><a class="dropdown-item" href="{{ url_for('all_volumes_page') }}">VOLUMES</a></li>
+                        <li><a class="dropdown-item" href="{{ url_for('all_publishers_page') }}">PUBLISHERS</a></li>
+                        {% if current_user.role == 'admin' %}
+                        <li><a class="dropdown-item" href="{{ url_for('scrape_folders_page') }}">SCRAPE</a></li>
+                        {% endif %}
+                    </ul>
+                </li>
+                {% if current_user.role == 'admin' or current_user.role == 'librarian' %}
+                <li class="nav-item">
+                    <a class="nav-link{% if request.path == url_for('new_releases_page') %} active{% endif %}" href="{{ url_for('new_releases_page') }}">
+                        NEW RELEASES
+                    </a>
+                </li>
+                {% endif %}
+                {% if current_user.role == 'admin' or current_user.role == 'librarian' or current_user.role == 'reader' %}
+                <li class="nav-item">
+                    <a class="nav-link{% if request.path == url_for('reading_list_page') %} active{% endif %}" href="{{ url_for('reading_list_page') }}">
+                        READING LIST
+                    </a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link{% if request.path == url_for('all_collections_page') %} active{% endif %}" href="{{ url_for('all_collections_page') }}">
+                        COLLECTIONS
+                    </a>
+                </li>
+                {% endif %}
+                {{ emit_tep("base_page_main_menu") }}
+            </ul>
+            <ul class="navbar-nav ms-auto">
+                {% if current_user.role == 'admin' %}
+                <li class="nav-item">
+                    <a class="nav-link" href="{{ url_for('settings_page') }}">
+                        <i class="fa fa-cogs"></i>
+                        Settings
+                    </a>
+                </li>
+                {% endif %}
+                <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" href="#" id="libraryDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                        <i class="fa fa-user"></i>
+                        {{ current_user.username }}
+                    </a>
+                    <ul class="dropdown-menu" aria-labelledby="libraryDropdown">
+                        <li><a class="dropdown-item" href="{{ url_for('settings_single_user_page', user_id=current_user.id) }}">
+                            <i class="fa fa-user"></i>
+                            {{ current_user.username }}
+                        </a></li>
+                        <li><a class="dropdown-item" href="{{ url_for('logout_page') }}">
+                            <i class="fas fa-sign-out-alt"></i>
+                            Logout
+                        </a></li>
+                    </ul>
+                </li>
+            </ul>
+        </div>
+        {% endif %}
+
+    </div>
+</nav>
+
+<!-- END NAVBAR -->
+
+<!-- START HEADER -->
+<div class="py-2" id="stashr_header">
+{% block header %}{% endblock %}
+</div>
+<!-- END HEADER -->
+
+<!-- START CONTENT -->
+<div class="py-2" id="stashr_content">
+{% block content %}{% endblock %}
+</div>
+<!-- END CONTENT -->
+
+<!-- START MODALS -->
+{% block modals %}{% endblock %}
+{{ emit_tep('base_page_modals') }}
+<!-- END MODALS -->
+
+<!-- START BUTTON CONTAINER -->
+<div class="stashr-button_container p-2">
+{% block button_container %}{% endblock %}
+</div>
+<!-- END BUTTON CONTAINER -->
+
+<!-- START FOOTER SCRIPT INCLUDES -->
+<script src="{{ url_for('static', filename='js/bootstrap.bundle.js') }}"></script>
+{% block footer_script_files %}{% endblock %}
+{{ emit_tep('base_page_footer_script_files') }}
+<!-- END FOOTER SCRIPT INCLUDES -->
+
+<!-- START FOOTER SCRIPT -->
+<script type="text/javascript">
+
+/* ----- CODE FOR TOOLTIPS WHEN WORKING 
+var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
+var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+    return new bootstrap.Tooltip(tooltipTriggerEl)
+})
+*/
+
+Vue.use(VueToast);
+
+// Flashes
+{% with flashes = get_flashed_messages(with_categories=true) %}
+	{% if flashes %}
+    	{% for category, message in flashes %}
+            stashrToast('{{ message }}', '{{ category }}');
+		{% endfor %}
+	{% endif %}
+{% endwith %}
+
+{% block script %}{% endblock %}
+{{ emit_tep('base_page_script') }}
+
+</script>
+<!-- END FOOTER SCRIPT -->
+
+</body>
+</html>

stashr/templates/first_run_page.html

@@ -0,0 +1,52 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="d-flex justify-content-center flex-wrap w-80">
+    <div class='position-relative my-2'>
+		<img class="border rounded-circle my-3" src="{{ url_for('static', filename='assets/stashr.svg') }}" width="200" height="200" />
+	</div>
+    <div class="bg-light m-2 px-2 rounded stashr-series_info text-center text-lg-start py-3 px-5">
+        <h5 class="text-center">First Run</h5>
+        <hr />
+        <form method="POST">
+            
+            {{ first_run_form.csrf_token }}
+
+            <div class="mb-3">
+                {{ first_run_form.username.label }}
+                {{ first_run_form.username(class_='form-control', placeholder=first_run_form.username.label.text) }}
+            </div>
+            <div class="mb-3">
+                {{ first_run_form.email.label }}
+                {{ first_run_form.email(class_='form-control', placeholder=first_run_form.email.label.text) }}
+            </div>
+            <div class="mb-3">
+                {{ first_run_form.password.label }}
+                {{ first_run_form.password(type='password', class_='form-control', placeholder=first_run_form.password.label.text) }}
+            </div>
+            <div class="mb-3">
+                {{ first_run_form.confirm_password.label }}
+                {{ first_run_form.confirm_password(type='password', class_='form-control', placeholder=first_run_form.confirm_password.label.text) }}
+            </div>
+            <hr />
+            <div class="mb-3">
+                {{ first_run_form.comicvine_api_key.label }}
+                {{ first_run_form.comicvine_api_key(class_='form-control', placeholder=first_run_form.comicvine_api_key.label.text) }}
+            </div>
+            <hr />
+            <div class="mb-3">
+                {{ first_run_form.open_registration }}
+                {{ first_run_form.open_registration.label }}
+            </div>
+            <div class="mb-3">
+                {{ first_run_form.logging_level.label }}
+                {{ first_run_form.logging_level(class_='form-control') }}
+            </div>
+            <hr />
+            <div class="mb-3 text-end">
+                {{ first_run_form.first_run_button(class_='btn btn-success') }}
+            </div>
+        </form>
+    </div>
+</div>
+{% endblock %}

stashr/templates/forgot_password_page.html

@@ -0,0 +1,37 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+
+<div class="d-flex justify-content-center flex-wrap w-80">
+    <div class='position-relative my-2'>
+		<img class="border rounded-circle my-3" src="{{ url_for('static', filename='assets/stashr.svg') }}" width="200" height="200" />
+	</div>
+    <div class="bg-light m-2 px-2 rounded stashr-series_info text-center text-lg-start py-3 px-5">
+        <h5 class="text-center">Forgot Password</h5>
+        <hr />
+        <form action="{{ url_for('forgot_page') }}" method="post" id="forgot_password_form">
+            {% if forgot_password_form.errors %}
+            <div class="notification bg-danger rounded m-3 text-white" role="alert" id='error_container'>
+                {% for field_name, field_errors in forgot_password_form.errors|dictsort if field_errors %}
+                <ul>
+                    {% for error in field_errors %}
+					<li>{{ error }}</li>
+					{% endfor %}
+                </ul>
+                {% endfor %}
+            </div>
+            {% else %}
+            {% endif %}
+            {{ forgot_password_form.csrf_token }}
+            <div class="mb-3">
+                {{ forgot_password_form.email(class_='input form-control', placeholder='E-Mail') }}
+            </div>
+            <div class="mb-3">
+                {{ forgot_password_form.forgot_button(class_='btn btn-outline-success') }}
+            </div>
+        </form>
+    </div>
+</div>
+
+{% endblock %}

stashr/templates/index_page.html

@@ -0,0 +1,26 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<div class="d-flex justify-content-center flex-wrap w-80">
+    <div class='position-relative my-2'>
+		<img class="border rounded-circle my-3" src="{{ url_for('static', filename='assets/stashr.svg') }}" width="200" height="200" />
+	</div>
+    <div class="bg-light m-2 px-2 rounded stashr-series_info text-center text-lg-start py-3 px-5">
+        <h1 class="stashr-project_title">Stashr</h1>
+        <h5>Your Comic Book Collection</h5>
+        <h6>Manage and Read your Digital Collection</h6>
+        {% if not current_user.is_authenticated %}
+        <div class="row">
+            <div class="col-12">
+                <a href="{{ url_for('login_page') }}" class="btn btn-outline-primary">LOGIN</a>
+                {% if open_registration %}
+                <a href="{{ url_for('register_page') }}" class="btn btn-outline-primary">REGISTER</a>
+                {% endif %}
+            </div>
+        </div>
+        {% endif %}
+    </div>
+</div>
+
+{% endblock %}

stashr/templates/login_page.html

@@ -0,0 +1,43 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<div class="d-flex justify-content-center flex-wrap w-80">
+    <div class='position-relative my-2'>
+		<img class="border rounded-circle my-3" src="{{ url_for('static', filename='assets/stashr.svg') }}" width="200" height="200" />
+	</div>
+    <div class="bg-light m-2 px-2 rounded stashr-series_info text-center text-lg-start py-3 px-5">
+        <h5 class="text-center">Login</h5>
+        <hr />
+        <form action="{{ url_for('login_page') }}" method="post" id="registration_form">
+            {% if login_form.errors %}
+            <div class="notification bg-danger rounded m-3 text-white" role="alert" id='error_container'>
+                {% for field_name, field_errors in login_form.errors|dictsort if field_errors %}
+                <ul>
+                    {% for error in field_errors %}
+					<li>{{ error }}</li>
+					{% endfor %}
+                </ul>
+                {% endfor %}
+            </div>
+            {% else %}
+            {% endif %}
+            {{ login_form.csrf_token }}
+            <div class="mb-3">
+                {{ login_form.username(class_='input form-control', placeholder='Username') }}
+            </div>
+            <div class="mb-3">
+                {{ login_form.password(class_='input form-control', type='password', placeholder='Password') }}
+            </div>
+            <div class="mb-3">
+                {{ login_form.remember_me() }} Remember Me
+            </div>
+            <div class="mb-3">
+                {{ login_form.login_button(class_='btn btn-outline-success') }}
+                <a href="{{ url_for('forgot_page') }}" class="btn btn-outline-danger">Forgot Password</a>
+            </div>
+        </form>
+    </div>
+</div>
+
+{% endblock %}

stashr/templates/new_releases_page.html

@@ -0,0 +1,229 @@
+{% extends "base.html" %}
+
+{% block header_script_files %}
+<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+{% endblock %}
+
+{% block header %}
+{{ emit_tep('new_releases_page_header') }}
+{% endblock %}
+
+{% block content %}
+
+<div id="app">
+    <releases ref='releases' v-bind:releases='releaseList'></releases>
+    <modals v-bind:volume='volume'></modals>
+</div>
+
+{% endblock %}
+
+{% block button_container %}
+<button type="button" class="btn btn-outline-info btn-circle btn-md" data-bs-toggle="tooltip" data-bs-placement="top" title="Update New Releases" onclick="app.updateNewReleases()">
+    <i class="text-white fas fa-2x fa-sync-alt"></i>
+</button>
+{{ emit_tep('new_releases_page_button_container') }}
+{% endblock %}
+
+{% block script %}
+
+Vue.component('modals', {
+    props: [
+        'volume'
+    ],
+    template: `
+    <div>
+        <div class="modal" id="modalSubscription" tabindex="-1" role="dialog" aria-labelledby="subscriptionModal" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="notesModalTitle">
+                            [[ volume.new_release_comic_name ]] #[[ volume.new_release_issue_number ]]
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        <a id="comic-have-link" class="btn btn-outline-primary" :href="volume.new_release_item_url" role="button" target="new">ComicVine Link</a>
+                        <span id="subscribeSubscribed" v-if="volume.status">
+                            <!-- SUBSCRIBED -->
+                            <a id="comic-page" class="btn btn-outline-primary" :href="'{{ url_for('all_volumes_page') }}/' + volume.new_release_volume_id" role="button">Comic Page</a>
+                        </span>
+                        <span id="subscribeNotSubscribed" v-else>
+                            <!-- NOT SUBSCRIBED -->
+                            <button id="subscribeToVolume" class="btn btn-outline-primary" role="button" data-bs-dismiss="modal" @click='add_to_library'>Add to Library</button>
+                        </span>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Close</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+        {{ emit_tep('new_releases_page_modals') }}
+    </div>
+    `,
+    methods: {
+        add_to_library() {
+            console.log('adding to library')
+            app.$refs.releases.$children.find(child => { return child.$vnode.key == this.volume.new_release_id }).subscribe_to_volume()
+        },
+    },
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('release-item', {
+    props: ['release'],
+    template: `
+    <li class='stashr-cover_size m-2'
+        @mouseover="hover = true"
+        @mouseleave="hover = false"
+    >
+    <div class='stashr-poster_wrapper rounded'>
+
+        <div class="stashr-badge_tl badge rounded-pill bg-info border">#[[ release.new_release_issue_number ]]</div>
+        <div class="stashr-badge_br badge rounded-pill border px-2" :class="className" >[[ subText ]]</div>
+
+        <div class="stashr-poster_container border rounded">
+            <div class="stashr-overlay_bottom w-100 center" v-if="hover">
+                <a data-bs-toggle="modal" data-bs-target="#modalSubscription" v-on:click="this.changeModal">[[ release.new_release_comic_name ]]</a>
+            </div>
+            <img class="stashr-poster_background w-100" loading="eager" src="/static/assets/cover.svg" />
+            <a class="stashr-poster_link" data-bs-toggle="modal" data-bs-target="#modalSubscription" v-on:click="this.changeModal">
+                <img class="w-100" loading="lazy" :src="release.new_release_image_url" />
+            </a>
+        </div>
+    </div>
+    </li>
+    `,
+    computed: {
+        className() {
+            let classname = 'bg-danger';
+            try {
+                if (this.release.status) {
+                    classname = 'bg-success';
+                }
+            } finally {
+                return classname;
+            }
+        },
+        subText() {
+            let text = 'Not In Library';
+            try {
+                if (this.release.status) {
+                    text = 'In Library';
+                }
+            } finally {
+                return text;
+            }
+        },
+        subStatus() {
+            let status = false;
+            try {
+                if (this.release.status) {
+                    status = true;
+                }
+            } finally {
+                return status
+            }
+        },
+    },
+    methods: {
+        subscribe_to_volume() {
+            axios.post('{{ url_for('api.api_post_single_volume', volume_id='VOLUMESTRING') }}'.replace('VOLUMESTRING', this.release.new_release_volume_id))
+                .then(res => {
+                    console.log(res)
+                    if (res.data.status_code == 200) {
+                        this.release.status = {'volume_status': true};
+                        stashrToast('Added to Library', 'success')
+                    } else {
+                        stashrToast(res.data.message, 'error')
+                    }
+                })
+                .catch(err => console.log(err))
+        },
+        changeModal() {
+            app.changeModal(this.release)
+        },
+    },
+    data () { return { hover: false, subscribed: false, } },
+    delimiters: ["[[","]]"],
+})
+
+Vue.component('releases', {
+    props: ['releases'],
+    template: `
+    <div>
+        <div class="mb-3 px-5">
+            <input type="text" v-model="search" class="form-control" placeholder="Search New Releases..." />
+        </div>
+        <ul class="d-flex flex-wrap w-100 m-0 p-0 py-2 justify-content-center">
+            <release-item
+                v-for="release in filteredList"
+                v-bind:release="release"
+                v-bind:key="release.new_release_id"
+            ></release-item>
+        </ul>
+    </div>
+    `,
+    data() { return { search: '', } },
+    computed: {
+        filteredList() {
+            return this.releases.filter(release => {
+                return release.new_release_comic_name.toLowerCase().includes(this.search.toLowerCase())
+            })
+        },
+    },
+    delimiters: ["[[","]]"]
+})
+
+var app = new Vue({
+    el: '#app',
+    data: {
+        releaseList: [],
+        volume: [],
+    },
+    created() {
+        this.getNewReleases()
+    },
+    methods: {
+        getNewReleases(){
+            axios.get('{{ url_for('api.api_get_new_releases') }}', {
+                params: {
+                    offset: this.releaseList.length
+                }
+            })
+                .then(res => {
+                    if(res.data.number_of_page_results > 0) {
+                        res.data.results.forEach(result => {
+                            this.releaseList.push(result)
+                        });
+                        if(this.releaseList.length < res.data.number_of_total_results) {
+                            this.getNewReleases()
+                        }
+                        
+                    }
+                })
+        },
+        updateNewReleases() {
+            stashrToast('Updating New Releases', 'info')
+            axios.post('{{ url_for('api.api_post_new_releases') }}')
+                .then(res => {
+                    if(res.data.status_code == '200') {
+                        this.releaseList = [];
+                        this.getNewReleases();
+                    } else {
+                        stashrToast(res.data.message, 'error')
+                    }
+                })
+                .catch(err => console.log(err))
+        },
+        changeModal(volume) {
+            console.log('changing modal')
+            this.volume = volume
+        }
+    },
+    delimiters: ["[[","]]"]
+})
+
+{{ emit_tep('new_releases_page_script') }}
+
+{% endblock %}

stashr/templates/read_issue_page.html

@@ -0,0 +1,188 @@
+<html>
+<head>
+<title>Stashr - Reading - {{ comic_name }}</title>
+
+<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/bootstrap.css') }}">
+<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/stashr.css') }}">
+
+<link rel="stylesheet" href="{{ url_for('static', filename='css/all.css') }}">
+
+<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+<script src="https://unpkg.com/swiper/swiper-bundle.js"></script>
+
+<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css">
+
+<meta name="apple-mobile-web-app-capable" content="yes" />
+<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />
+
+</head>
+
+<body class="stashrRead">
+
+<div id="app">
+    <swiper v-bind:slides='slides' v-swiper='$options.swiperOptions'></swiper>
+    <modal></modal>
+</div>
+
+<div class="stashr-button_container_reader p-2">
+    <button type="button" class="btn btn-link" data-bs-toggle="modal" data-bs-target="#modalRead">
+        <i class="text-white fas fa-bars fa-2x"></i>
+    </button>
+</div>
+
+<script>
+
+Vue.directive('swiper', {
+    inserted (el, binding, vnode) {
+        console.log(binding.value)
+        const myswiper = new Swiper(el, binding.value)
+    },
+    componentUpdates() {
+        console.log('updated?')
+    }
+})
+
+Vue.component('modal', {
+    props: [],
+    template: `
+    <div class="modal" id="modalRead" tabindex="-1" role="dialog" aria-labelledby="modalRead" aria-hidden="true">
+        <div class="modal-dialog modal-dialog-centered" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="exampleModalLongTitle">Comic Settings</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                </div>
+                <div class="modal-body">
+                    Goto Page <input type="text" id="gotoPage" size="1" name="gotoPage" :value="this.$parent.active_page" />/[[ this.$parent.total_pages ]] <button type="button" class="btn btn-secondary" data-dismiss="modal" v-on:click="goto_slide">GO</button>
+                    {{ emit_tep("read_issue_page_modal_extension", issue_id=issue_id) }}
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal" v-on:click='mark_read'>Mark Read</button>
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal" v-on:click='go_back'>Go Back</button>
+                </div>
+            </div>
+        </div>
+    </div>
+    `,
+    methods: {
+        mark_read() {
+            console.log('mark read')
+            app.mark_read()
+        },
+        go_back() {
+            window.history.back();
+        },
+        goto_slide() {
+            app.goto_slide(document.getElementById("gotoPage").value)
+        },
+    },
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('slide', {
+    props: ['slide'],
+    template: `
+    <div class="swiper-slide">
+        <div class="swiper-zoom-container">
+            <img :data-src="'{{ url_for('api.api_get_single_issue', issue_id=issue_id) }}/' + slide.path" class="swiper-lazy">
+            <div class="swiper-lazy-preloader"></div>
+        </div>
+    </div>
+    `,
+    mounted() {
+        var mySwiper = document.querySelector('.swiper-container').swiper
+        mySwiper.update();
+        mySwiper.lazy.load(0);
+    },
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('swiper', {
+    props: ['slides'],
+    template: `
+    <div class="swiper-container">
+        <div class="swiper-wrapper">
+            <slide
+                v-for="(slide, index) in slides"
+                v-bind:slide="slide"
+                v-bind:key="slide.id"
+            ></slide>
+        </div>
+        <div class="swiper-pagination"></div>
+    </div>
+    `,
+    delimiters: ["[[","]]"]
+})
+
+var app = new Vue({
+    el: '#app',
+    data: {
+        slides: [],
+        active_page: 1,
+        total_pages: 0
+    },
+    created() {
+        axios.get('{{ url_for('api.api_get_single_issue', issue_id=issue_id) }}')
+            .then(res => {
+                this.slides = res.data.results;
+                this.total_pages = res.data.results.length;
+            })
+            .catch(err => console.log(err))
+    },
+    swiperOptions: {
+        slidesPerView: 1,
+        keyboard: {
+            enabled: true,
+        },
+        mousewheel: true,
+        touches: {
+            simulateTouch: false,
+        },
+        lazy: {
+            lazy: true,
+            loadPrevNext: true,
+            loadPrevNextAmount: 2,
+        },
+        zoom: true,
+        pagination: {
+            el: '.swiper-pagination',
+            type: 'progressbar',
+        },
+        on: {
+            slideChange: function() {
+                app.update_slide(this.activeIndex)
+            }
+        },
+    },
+    methods: {
+        update_slide(index) {
+            this.active_page = index + 1
+        },
+        goto_slide(page) {
+            var mySwiper = document.querySelector('.swiper-container').swiper
+            mySwiper.slideTo(page-1)
+        },
+        mark_read() {
+            axios.put('{{ url_for('api.api_put_single_issue', issue_id=issue_id) }}', {
+                data: {
+                    read_status: 1
+                }
+            })
+                .then(res=> {
+                    window.history.back();
+                }
+                )
+                .catch(err => console.log(err))
+        }
+    },
+    delimiters: ["[[","]]"]
+})
+        
+</script>
+
+<script src="{{ url_for('static', filename='js/bootstrap.bundle.js') }}"></script>
+
+</body>
+
+</html>

stashr/templates/reading_list_page.html

@@ -0,0 +1,269 @@
+{% extends "base.html" %}
+
+{% block header_script_files %}
+<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+<script src="//cdn.jsdelivr.net/npm/sortablejs@1.8.4/Sortable.min.js"></script>
+{% endblock %}
+
+{% block header %}
+{{ emit_tep('reading_list_page_header') }}
+{% endblock %}
+
+{% block content %}
+
+<div id="app">
+    <issues v-bind:issues='issues' ref="issues"></issues>
+    <modals v-bind:issue='issue'></modals>
+</div>
+
+{% endblock %}
+
+{% block modals %}
+{{ emit_tep('reading_list_page_modals') }}
+{% endblock %}
+
+{% block button_container %}
+<button type="button" class="btn btn-outline-danger btn-circle btn-md" data-bs-toggle="tooltip" data-bs-placement="top" title="Clear Reading List" onclick="app.clearList()">
+    <i class="text-white fas fa-2x fa-minus"></i>
+</button>
+{{ emit_tep('reading_list_page_button_container') }}
+{% endblock %}
+
+{% block script %}
+
+Vue.directive('sortable', {
+    inserted (el, binding, vnode) {
+        console.log(binding.value);
+        let options = binding.value;
+        options.onUpdate = (e) => vnode.data.on.sorted(e);
+        const sortable = Sortable.create(el, binding.value);
+    }
+})
+
+Vue.component('modals', {
+    props: ['issue'],
+    template: `
+    <div>
+        <div class="modal" id="modalRead" tabindex="-1" role="dialog" aria-labelledby="readModal" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="notesModalTitle">
+                            [[ issue.volume.volume_name ]] #[[ issue.issue_number ]]
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body center">
+                        <a :href="'/read/'+issue.issue_id" id="readRead" class="btn btn-success">
+                            <i class="fas fa-book-open"></i>
+                            Read
+                        </a>
+                        {% if (current_user.role.lower() == 'admin') or
+                              (current_user.role.lower() == 'librarian') or
+                              (current_user.role.lower() == 'patron') %}
+                        <a :href="'/api/downloads/'+issue.issue_id" id="readDownload" class="btn btn-success">
+                            <i class="fas fa-download"></i>
+                            Download
+                        </a>
+                        {% endif %}
+                        <hr />
+                        <button id="actionToggle" class="btn btn-info my-1" @click="toggleRead" data-bs-dismiss="modal">
+                            <i class="fas fa-check"></i>
+                            Toggle Read
+                        </button>
+                        <button id="readRemove" class="btn btn-danger" @click="removeIssue" data-bs-dismiss="modal">
+                            <i class="fas fa-minus"></i>
+                            Remove From Reading List
+                        </button>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    {{ emit_tep('reading_list_page_issue_modals') }}
+    `,
+    methods: {
+        toggleRead() {
+            app.$refs.issues.$children.find(child => { return child.$vnode.key == this.issue.issue_id }).toggleRead()
+        },
+        removeIssue() {
+            app.removeIssue(this.issue.issue_id)
+        },
+    },
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('issues', {
+    props: ['issues'],
+    template: `
+    <ul class="d-flex flex-wrap w-100 m-0 p-0 justify-content-center" v-sortable="$options.sortOptions" @sorted='handleSorted'>
+        <issue
+            v-for="issue in issues"
+            v-bind:issue="issue"
+            v-bind:key="issue.issue_id"
+        ></issue>
+    </ul>
+    `,
+    methods: {
+        handleSorted(event) {
+            app.handleSorted(event)
+        },
+    },
+    sortOptions: {
+        draggable: '.js-sortable-block',
+        handle: '.js-drag-handle',
+        delay: 300,
+        delayOnTouchOnly: true
+    },
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('issue', {
+    props: ['issue'],
+    template: `
+    <li class='stashr-cover_size m-2 js-sortable-block'
+        @mouseover="hover = true"
+        @mouseleave="hover = false"
+    >
+    <div class='stashr-poster_wrapper rounded'>
+        <div class="stashr-badge_tl badge rounded-pill bg-dark border js-drag-handle">
+            <i class="fas fa-arrows-alt"></i>
+        </div>
+        <div class="stashr-badge_br badge rounded-pill bg-dark border">
+            <i class="fas fa-eye" v-bind:class="statusRead" v-on:click="toggleRead"></i>
+        </div>
+        <!--
+        <div class="stashr-badge_tr badge badge-pill badge-info border">[[ issue.reading_list_position ]]</div>
+        -->
+        <div class="stashr-poster_container border rounded">
+            <div class="stashr-overlay_bottom w-100 center" v-if="hover">
+                <a href="#">[[ issue.volume.volume_name ]] #[[ issue.issue_number ]]</a>
+            </div>
+            <img class="stashr-poster_background w-100" loading="eager" src="/static/assets/cover.svg" />
+            <a class="stashr-poster_link" data-bs-toggle="modal" data-bs-target="#modalRead" v-on:click="this.changeModal">
+                <img class="w-100" loading="lazy" v-bind:src="'/images/issues/'+issue.issue_id+'.jpg'"/>
+            </a>
+        </div>
+    </div>
+    </li>
+    `,
+    computed: {
+        statusRead() {
+            let classname = 'text-danger';
+            try {
+                if (this.issue.read_status[0].read_status) {
+                    classname = 'text-success';
+                }
+            } finally {
+                return classname;
+            }
+        },
+    },
+    methods: {
+        toggleRead() {
+            axios.put('{{ url_for('api.api_put_single_issue', issue_id='ISSUEID') }}'.replace('ISSUEID', this.issue.issue_id), {
+                data: {
+                    read_status: !this.issue.read_status[0].read_status
+                }
+            })
+                .then(res => {
+                    if(res.data.status_code == '200') {
+                        stashrToast('Toggled Read Status', 'success');
+                        this.issue.read_status[0].read_status = !this.issue.read_status[0].read_status;
+                    } else {
+                        stashrToast(res.data.message, 'error')
+                    }
+                })
+                .catch(err => console.log(err))
+        },
+        changeModal() {
+            app.changeModal(this.issue)
+        },
+    },
+    data() { return { hover: false } },
+    delimiters: ["[[","]]"]
+})
+
+var app = new Vue({
+    el: '#app',
+    data: {
+        issues: [],
+        issue: [],
+    },
+    created() {
+        this.getIssues()
+    },
+    methods: {
+
+        getIssues() {
+            axios.get('{{ url_for('api.api_get_reading_list') }}', {
+                params: {
+                    offset: this.issues.length
+                }
+            })
+                .then( res => {
+                    if(res.data.number_of_page_results > 0) {
+                        res.data.results.forEach(result => {
+                            this.issues.push(result)
+                        })
+                        if(this.issues.length < res.data.number_of_total_results) {
+                            this.getIssues()
+                        }
+                    }
+                    this.issue = this.issues[0]
+                })
+                .catch()
+        },
+
+        removeIssue(id) {
+            axios.delete('{{ url_for('api.api_delete_reading_list_single', issue_id='ISSUEID') }}'.replace('ISSUEID', id))
+                .then(
+                    this.issues = this.issues.filter(issue => issue.issue_id !== id)
+                )
+                .catch(err => console.log(err)) 
+        },
+
+        handleSorted(event) {
+            axios.put('{{ url_for('api.api_put_reading_list') }}', {
+                data: {
+                    old_index: event.oldIndex,
+                    new_index: event.newIndex
+                }
+            })
+                .then(res => {
+                    if(res.data.status_code == '200') {
+                        stashrToast('Updated Order', 'success')
+                    } else {
+                        stashrToast(res.data.message, 'error')
+                    }
+                })
+                .catch(err => console.log(err))
+        },
+
+        clearList() {
+            axios.delete('{{ url_for('api.api_delete_reading_list') }}')
+                .then(res => {
+                    if(res.data.status_code == '200') {
+                        stashrToast('Cleared Reading List', 'success')
+                        this.issues = []
+                    } else {
+                        stashrToast(res.data.message, 'error')
+                    }
+                })
+                .catch(err => console.log(err))
+        },
+
+        changeModal(issue) {
+            this.issue = issue
+        },
+    
+    },
+    delimiters: ["[[","]]"]
+})
+
+{{ emit_tep('reading_list_page_script') }}
+
+{% endblock %}

stashr/templates/register_page.html

@@ -0,0 +1,45 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<div class="d-flex justify-content-center flex-wrap w-80">
+    <div class='position-relative my-2'>
+		<img class="border rounded-circle my-3" src="{{ url_for('static', filename='assets/stashr.svg') }}" width="200" height="200" />
+	</div>
+    <div class="bg-light m-2 px-2 rounded stashr-series_info text-center text-lg-start py-3 px-5">
+        <h5 class="text-center">Register</h5>
+        <hr />
+        <form action="{{ url_for('register_page') }}" method="post" id="registration_form">
+            {% if registration_form.errors %}
+            <div class="notification bg-danger rounded m-3 text-white" role="alert" id='error_container'>
+                {% for field_name, field_errors in registration_form.errors|dictsort if field_errors %}
+                <ul>
+                    {% for error in field_errors %}
+					<li>{{ error }}</li>
+					{% endfor %}
+                </ul>
+                {% endfor %}
+            </div>
+            {% else %}
+            {% endif %}
+            {{ registration_form.csrf_token }}
+            <div class="mb-3">
+                {{ registration_form.username(class_='input form-control', placeholder='Username') }}
+            </div>
+            <div class="mb-3">
+                {{ registration_form.email(class_='input form-control', placeholder='E-Mail') }}
+            </div>
+            <div class="mb-3">
+                {{ registration_form.reg_password(class_='input form-control', placeholder='Password', type='password') }}
+            </div>
+            <div class="mb-3">
+                {{ registration_form.confirm_reg_password(class_='input form-control', placeholder='Confirm Password', type='password') }}
+            </div>
+            <div class="mb-3">
+                {{ registration_form.register_button(class_='btn btn-outline-success') }}
+            </div>
+        </form>
+    </div>
+</div>
+
+{% endblock %}

stashr/templates/scrape_page.html

@@ -0,0 +1,290 @@
+{% extends "base.html" %}
+
+{% block header_script_files %}
+<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+{% endblock %}
+
+{% block header %}
+{{ emit_tep('scrape_page_header') }}
+{% endblock %}
+
+{% block content %}
+
+<div id="app">
+    <modal ref="modal" v-bind:individual="individual"></modal>
+    <directories v-bind:directories='directories'></directories>
+</div>
+
+{% endblock %}
+
+{% block modals %}
+{{ emit_tep('scrape_page_modals') }}
+{% endblock %}
+
+{% block button_container %}
+<button type="button" class="btn btn-outline-info btn-circle btn-md" data-bs-toggle="tooltip" data-bs-placement="top" title="Add Selected Directories" onclick="app.addDirectories()">
+    <i class="text-white fas fa-2x fa-plus"></i>
+</button>
+<button type="button" class="btn btn-outline-info btn-circle btn-md" data-bs-toggle="tooltip" data-bs-placement="top" title="Rescan New Directories" onclick="app.rescanDirectories()">
+    <i class="text-white fas fa-2x fa-sync-alt"></i>
+</button>
+{{ emit_tep('scrape_page_button_container') }}
+{% endblock %}
+
+{% block script %}
+
+Vue.component('candidate', {
+    props: ['candidate', 'individual'],
+    template: `
+    <option :value="[[ candidate.id ]]">
+        [[ candidate.name ]] - [[ candidate.id ]]
+    </option>
+    `,
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('modal', {
+    props: ['individual'],
+    template: `
+    <div>
+        <div class="modal" id="modalScrape" data-something="" tabindex="-1" role="dialog" aria-labelledby="subscriptionModal" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="notesModalTitle">
+                            <span id="subscriptionName">Folder - [[ individual.scrape_directory ]]</span>
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        <div class="row">
+                            <div class="col-3">
+                                <div class="stashr-poster_container border rounded">
+                                    <img class="stashr-poster_background w-100" loading="eager" src="/static/assets/folder.svg" />
+                                    <a class="stashr-poster_link">
+                                        <img class="w-100" :src="[[ match['image']['small_url'] ]]" loading="lazy"/>
+                                    </a>
+                                </div>
+                            </div>
+                            <div class="col-9">
+                                <select id="selectVolume" class="form-select" aria-label="Default select example" @change='doSomething($event)' v-if='!this.individual.scrape_add'>
+                                    <candidate
+                                        v-for="item in json"
+                                        v-bind:candidate="item"
+                                        v-bind:individual="this.individual"
+                                        v-bind:key="item['id']"
+                                    ></candidate>
+                                </select>
+                                <div class='py-2'>
+                                    <h5>[[ match['name'] ]] ([[ match['start_year'] ]])</h5>
+                                    <p v-html="match['description']"></p>
+                                </div>
+                            </div>
+                        </div>
+                        <!--
+                            <select class="form-select" aria-label="Default select example">
+                                <option selected>Open this select menu</option>
+                                <option value="1">One</option>
+                                <option value="2">Two</option>
+                                <option value="3">Three</option>
+                            </select>
+                        -->
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+        {{ emit_tep('scrape_page_directory_modals') }}
+    </div>
+    `,
+    updated() {
+        this.setTest();
+    },
+    computed: {
+        match() {
+            return JSON.parse(this.individual.scrape_json).filter(item => {
+                return item['id'] == this.individual.scrape_candidate
+            })[0]
+        },
+        json() {
+            return JSON.parse(this.individual.scrape_json)
+        },
+    },
+    methods: {
+        doSomething(something) {
+            console.log(something.target.value)
+            this.individual.scrape_candidate = something.target.value
+        },
+        setTest() {
+            console.log('in here')
+            this.test = JSON.parse(this.individual.scrape_json).filter(item => {
+                return item['id'] == this.individual.scrape_candidate
+            })[0]
+            document.getElementById('selectVolume').value = this.individual.scrape_candidate
+        }
+    },
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('directory', {
+    props: ['directory'],
+    template: `
+    <li class='stashr-cover_size m-2'
+        @mouseover="hover = true"
+        @mouseleave="hover = false"
+    >
+    <div class='stashr-poster_wrapper rounded' v-on:click="changeModal()">
+        <div class="stashr-badge_tl badge badge-pill badge-info border"></div>
+        <div class="stashr-badge_br badge badge-pill border"></div>
+        <div class="stashr-poster_container border rounded">
+            <div class="stashr-check_box p-1">
+                <a @click='changeChecked'>
+                    <i :class='checkedStatus'></i>
+                    <!--
+                    <i class="text-info fa-2x fas fa-circle"></i>
+                    <i class="text-success fa-2x fas fa-check-circle"></i>
+                    -->
+                </a>
+            </div>
+            <div class="stashr-overlay_bottom w-100 center">
+                <span>[[ directory.scrape_directory ]]</span>
+            </div>
+            <div data-bs-toggle="modal" data-bs-target="#modalScrape">
+                <img class="stashr-poster_background w-100" loading="eager" src="/static/assets/folder.svg" />
+                <a class="stashr-poster_link">
+                    <img class="w-100" :src="imageURL" loading="lazy"/>
+                </a>
+            </div>
+        </div>
+    </div>
+    </li>
+    `,
+    computed: {
+        imageURL() {
+            return JSON.parse(this.directory.scrape_json).filter(item => {
+                return item['id'] == this.directory.scrape_candidate
+            })[0]['image']['small_url']
+        },
+        checkedStatus() {
+            string = `text-info fa-2x fas fa-circle`
+            if(this.directory.scrape_add) {
+                string = `text-success fa-2x fas fa-check-circle`
+            }
+            return string
+        },
+    },
+    methods: {
+        changeModal() {
+            app.changeModal(this.directory)
+        },
+        changeChecked() {
+
+            axios.put('{{ url_for('api.api_put_directories_edit', scrape_id='SCRAPEID') }}'.replace('SCRAPEID', this.directory.scrape_id), {
+                data: {
+                    scrape_add: !this.directory.scrape_add,
+                    scrape_candidate: this.directory.scrape_candidate
+                }
+            })
+                .then(res => {
+                    console.log(res)
+                    if(res.data.status_code == 200) {
+                        this.directory.scrape_add = !this.directory.scrape_add
+                        // stashrToast('Updated Inforamtion', 'info')
+                    }
+                })
+        },
+    },
+    data() { return { hover: false, scraped: false, } },
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('directories', {
+    props: ['directories'],
+    template: `
+    <div>
+        <div class="mb-3 px-5">
+            <input type="text" v-model="search" class="form-control" placeholder="Search Folders..." />
+        </div>
+        <ul class="d-flex flex-wrap w-100 m-0 p-0 justify-content-center">
+            <directory
+                v-for="directory in filteredList"
+                v-bind:directory="directory"
+                v-bind:key="directory.scrape_id"
+            ></directory>
+        </ul>
+    </div>
+    `,
+    data() { return { search: '', } },
+    computed: {
+        filteredList() {
+            return this.directories.filter(directory => {
+                return directory.scrape_directory.toLowerCase().includes(this.search.toLowerCase())
+            })
+        },
+    },
+    methods: {},
+    delimiters: ["[[","]]"]
+})
+
+var app = new Vue({
+    el: '#app',
+    data: {
+        directories: [],
+        individual: [],
+    },
+    created() {
+        this.getDirectories();
+    },
+    methods: {
+        getDirectories() {
+            axios.get('{{ url_for('api.api_get_directories') }}', {
+                params: {
+                    offset: this.directories.length
+                }
+            })
+                .then(res => {
+                    if(res.data.number_of_page_results > 0) {
+                        res.data.results.forEach(result => {
+                            this.directories.push(result)
+                        });
+                        if(this.directories.length < res.data.number_of_total_results) {
+                            this.getDirectories()
+                        }
+                    }
+                    this.individual = this.directories[0]
+                })
+                .catch(err => console.log(err))
+        },
+        rescanDirectories() {
+            stashrToast('Rescanning Directories', 'info');
+            axios.post('{{ url_for('api.api_post_directories_scan') }}')
+                .then(res =>{
+                    if(res.data.status_code == '200') {
+                        this.directories = [];
+                        this.getDirectories();
+                    } else {
+                        stashrToast(res.data.message, 'error')
+                    }
+                })
+                .catch(err => console.log(err))
+        },
+        changeModal(directory) {
+            this.individual = directory
+        },
+        addDirectories() {
+            axios.post('{{ url_for('api.api_post_directories_add') }}')
+                .then(res => {
+                    if(res.data.status_code == 200) {
+                        stashrToast('Adding Directories')
+                    }
+                })
+        },
+    },
+    delimiters: ["[","]]"]
+})
+
+{{ emit_tep('scrape_page_script') }}
+
+{% endblock %}

stashr/templates/search_page.html

@@ -0,0 +1,189 @@
+{% extends "base.html" %}
+
+{% block header_script_files %}
+<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+{% endblock %}
+
+{% block header %}
+{{ emit_tep('search_page_header') }}
+{% endblock %}
+
+{% block content %}
+
+<div id="app">
+    <volumes v-bind:volumes='volumes' ref="volumes" v-on:do-search="getSearchResults"></volumes>
+    <modals v-bind:volume='volume'></modals>
+</div>
+
+{% endblock %}
+
+{% block modals %}
+{{ emit_tep('search_page_modals') }}
+{% endblock %}
+
+{% block button_container %}
+{{ emit_tep('search_page_button_container') }}
+{% endblock %}
+
+{% block script %}
+
+Vue.component('modals', {
+    props: [
+        'volume'
+    ],
+    template: `
+    <div>
+        <div class="modal" id="modalVolume" tabindex="-1" role="dialog" aria-labelledby="notesModal" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="notesModalTitle">
+                            [[ volume.name ]] ([[ volume.count_of_issues ]] Issues)
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        <span v-html="volume.description"></span>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+                        <button id="subscribeButton" type="button" class="btn btn-success" data-bs-dismiss="modal" @click='subscribe'>Subscribe</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+        {{ emit_tep('search_page_volume_modals') }}
+    </div>
+    `,
+    methods: {
+        subscribe() {
+            app.$refs.volumes.$children.find(child => {return child.$vnode.key == this.volume.id }).subscribe()
+        },
+    },
+    delimiters: ["[[", "]]"]
+})
+
+Vue.component('volume-item', {
+    props: ['volume'],
+    template: `
+    <li class='stashr-cover_size m-2'
+        @mouseover="hover = true"
+        @mouseleave="hover = false"
+    >
+        <div class='stashr-poster_wrapper rounded'>
+            <div class="stashr-poster_container border rounded">
+                <div class="stashr-overlay_bottom w-100 center" v-if="hover">
+                    <a href="#">[[ volume.name ]]</a>
+                </div>
+                <img class="stashr-poster_background w-100" loading="eager" src="/static/assets/cover.svg" />
+                <a class="stashr-poster_link" data-bs-toggle="modal" data-bs-target="#modalVolume" :data-volume_id=volume.id v-on:click="this.changeModal">
+                    <img class="w-100" loading="lazy" :src="volume.image.medium_url"/>
+                </a>
+            </div>
+        </div>
+    </li>
+    `,
+    methods: {
+        subscribe() {
+            stashrToast('Adding to Library', 'info')
+            axios.post('{{ url_for('api.api_post_single_volume', volume_id='VOLUMESTRING') }}'.replace('VOLUMESTRING', this.volume.id))
+                .then(res => {
+                    console.log(res)
+                    if (res.data.status_code == 200) {
+                        stashrToast('Added to Library', 'success');
+                    } else {
+                        stashrToast(res.data.message, 'error')
+                    }
+                })
+                .catch(err => console.log(err))
+        },
+        changeModal() {
+            app.changeModal(this.volume)
+        },
+    },
+    data() { return { hover: false }},
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('volumes', {
+    props: ['volumes'],
+    template: `
+    <div>
+        <!--
+        <div class="form-group">
+            <input type="text" v-model="search" class="form-control" placeholder="Search Volumes..." />
+        </div>
+        <button @click="$emit('do-search', search)">Search</button>
+        <ul class="d-flex flex-wrap w-100 m-0 p-0 justify-content-center">
+            <volume-item
+                v-for="volume in filteredList"
+                v-bind:volume="volume"
+                v-bind:key="volume.id"
+            ></volume-item>
+        </ul>
+        -->
+        <div class="input-group mb-3 px-5">
+            <input type="text" class="form-control" placeholder="Search Volumes..." aria-label="Recipient's username" aria-describedby="basic-addon2" v-model="search">
+            <div class="input-group-append">
+                <button class="btn btn-success" type="button" @click="$emit('do-search', search)">
+                    Search
+                </button>
+            </div>
+        </div>
+        <ul class="d-flex flex-wrap w-100 m-0 p-0 justify-content-center">
+            <volume-item
+                v-for="volume in filteredList"
+                v-bind:volume="volume"
+                v-bind:key="volume.id"
+            ></volume-item>
+        </ul>
+    </div>
+    `,
+    data() { return { search: '' }},
+    computed: {
+        filteredList() {
+            return this.volumes.filter(volume => {
+                return volume.name.toLowerCase().includes(this.search.toLowerCase())
+            })
+        },
+    },
+    delimiters: ["[[","]]"]
+})
+
+var app = new Vue({
+    el: '#app',
+    data: {
+        volumes: [],
+        volume: []
+    },
+    methods: {
+        getSearchResults(query) {
+            console.log('SEARCHING: ' + query)
+            axios.get('{{ url_for('api.api_get_search') }}', {
+                params: {
+                    query: query
+                }
+            })
+                .then(res => {
+                    this.volumes = res.data.results
+                })
+                .catch(err => console.log(err))
+        },
+        changeModal(volume) {
+            console.log('changing modal');
+            this.volume = volume
+        },
+    },
+    computed: {
+        filteredList() {
+            return this.volumes.filter(volume => {
+                return volume.volume_name.toLowerCase().includes(this.search.toLowerCase())
+            })
+        },
+    },
+    delimiters: ["[[","]]"]
+})
+
+{{ emit_tep('search_page_script') }}
+
+{% endblock %}

stashr/templates/settings_page.html

@@ -0,0 +1,61 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+
+
+<div class="row w-100 m-0">
+    <div class="col-12 col-md-10 offset-md-1 bg-light rounded p-2">
+        <div class="row">
+			{% if current_user.role == 'admin' %}
+            <div class="col-12 col-md-3 col-lg-2 p-3">
+                <ul class="nav flex-column nav-pills">
+					<li class="nav-item">
+						<a class="nav-link{% if request.path == url_for('settings_app_page') %} active{% endif %}" href="{{ url_for('settings_app_page') }}">
+							<i class="fa fa-cogs"></i>
+							Application
+						</a>
+					</li>
+					<li class="nav-item">
+						<a class="nav-link{% if request.path == url_for('settings_directories_page') %} active{% endif %}" href="{{ url_for('settings_directories_page') }}">
+							<i class="fas fa-folder"></i>
+							Directories
+						</a>
+					</li>
+					<li class="nav-item">
+						<a class="nav-link{% if request.path == url_for('settings_mail_page') %} active{% endif %}" href="{{ url_for('settings_mail_page') }}">
+							<i class="fa fa-envelope"></i>
+							Mail
+						</a>
+					</li>
+					<li class="nav-item">
+						<a class="nav-link{% if request.path == url_for('settings_tasks_page') %} active{% endif %}" href="{{ url_for('settings_tasks_page') }}">
+							<i class="fa fa-tasks"></i>
+							Tasks
+						</a>
+					</li>
+					<li class="nav-item">
+						<a class="nav-link{% if request.path == url_for('settings_all_users_page') %} active{% endif %}" href="{{ url_for('settings_all_users_page') }}">
+							<i class="fa fa-users"></i>
+							Users
+						</a>
+					</li>
+					<li class="nav-item">
+						<a class="nav-link{% if request.path == url_for('settings_plugins_page') %} active{% endif %}" href="{{ url_for('settings_plugins_page') }}">
+							<i class="fa fa-plug"></i>
+							Plugins
+						</a>
+					</li>
+					{{ emit_tep('settings_menu') }}
+				</ul>
+            </div>
+			{% endif %}
+            <div class="col-12{% if current_user.role=='admin' %} col-md-9 col-lg-10{% endif %} my-2">
+                {% block settings_pane %}{% endblock %}
+            </div>
+        </div>
+    </div>
+</div>
+
+
+{% endblock %}

stashr/templates/settings_page_all_users.html

@@ -0,0 +1,103 @@
+{% extends "settings_page.html" %}
+
+{% block header_script_files %}
+<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+{% endblock %}
+
+{% block settings_pane %}
+
+<div id="app">
+    <users ref="users" v-bind:users="users"></users>
+</div>
+
+{% endblock %}
+
+{% block script %}
+
+Vue.component('user',{
+    props:['user'],
+    template: `
+    <tr>
+        <!--
+            :href="'{{ url_for('single_publisher_page', publisher_id='PUBLISHERID') }}'.replace('PUBLISHERID', publisher.publisher_id)"
+        -->
+        <td><a :href="'{{ url_for('settings_single_user_page', user_id='USERID') }}'.replace('USERID', user.id)">[[ user.id ]]</a></td>
+        <td><a :href="'{{ url_for('settings_single_user_page', user_id='USERID') }}'.replace('USERID', user.id)">[[ user.username ]]</a></td>
+        <td>[[ user.role ]]</td>
+        <td>[[ user.age_rating_title.rating_long ]]</td>
+    </tr>
+    `,
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('users', {
+    props:['users'],
+    template: `
+    <div class="row r-10 m-2">
+        <div class="col col-12">
+            <div class="row">
+                <div class="col-sm-12 col-md-6 text-center text-md-start">
+                    <h2>Users</h2>
+                </div>
+                <div class="col-sm-12 col-md-6 text-center text-md-end">
+                    <a type="button" class="btn btn-info" href="{{ url_for('settings_new_user_page') }}">New User</a>
+                </div>
+            </div>
+            <hr />
+            <div class="row">
+                <table class="table">
+                    <thead>
+                        <tr>
+                            <th scop="col">ID</th>
+                            <th scop="col">Username</th>
+                            <th scop="col">Role</th>
+                            <th scop="col">Age Rating</th>
+                        </tr>
+                    </thead>
+                    <tbody class="tablebody">
+                        <user
+                            v-for="user in users"
+                            v-bind:user="user"
+                            v-bind:key="user.id"
+                        ></user>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+    `,
+    delimiters: ["[[","]]"]
+})
+
+var app = new Vue({
+    el: '#app',
+    data: {
+        users: [],
+    },
+    created() {
+        this.getUsers()
+    },
+    methods: {
+        getUsers() {
+            console.log('Getting Users');
+            axios.get('{{ url_for('api.api_get_users') }}', {
+                params: {
+                    offset: this.users.length
+                }
+            })
+                .then(res => {
+                    if(res.data.number_of_page_results > 0) {
+                        res.data.results.forEach(result => {
+                            this.users.push(result)
+                        })
+                        if(this.users.length < res.data.number_of_total_results) {
+                            this.getUsers()
+                        }
+                    }
+                })
+        },
+    },
+    delimiters: ["[[","]]"]
+})
+
+{% endblock %}

stashr/templates/settings_page_app.html

@@ -0,0 +1,132 @@
+{% extends "settings_page.html" %}
+
+{% block header_script_files %}
+<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+{% endblock %}
+
+{% block settings_pane %}
+
+<div id="app">
+    <settings ref="settings" v-bind:settings="settings"></settings>
+    <modals ref="modal" v-bind:settings="settings"></modals>
+</div>
+
+{% endblock %}
+
+{% block script %}
+
+Vue.component('settings', {
+    props: ['settings'],
+    template: `
+    <div class="row r-10 m-2">
+        <div class="col col-12">
+            <div class="row">
+                <div class="col-sm-12 col-md-6 text-center text-md-start">
+                    <h2>Application</h2>
+                </div>
+                <div class="col-sm-12 col-md-6 text-center text-md-end">
+                    <button type="button" class="btn btn-info" data-bs-toggle="modal" data-bs-target="#settingsModal">Modify Settings</button>
+                </div>
+            </div>
+            <hr />
+            <div class="row">
+                <table class="table table-striped">
+                    <tbody>
+                        <tr>
+                            <th scope="row">Server Port</th><td>[[ settings.server_port ]]</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">Open Registration</th><td>[[ settings.open_registration ]]</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">Comicvine API Key</th><td>[[ settings.comicvine_api_key ]]</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">Logging Level</th><td>[[ settings.log_level ]]</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+    `,
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('modals', {
+    props: ['settings'],
+    template: `
+    <div>
+        <div class="modal" id="settingsModal" role="dialog" aria-labelledby="settingsModal" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="notesModalTitle">
+                            Modify App Settings
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+
+                    <form method="POST">
+                    <div class="modal-body">
+
+                            {{ settings_form.csrf_token }}
+
+                            <div class="mb-3">
+                                {{ settings_form.server_port.label }}
+                                {{ settings_form.server_port(class_='form-control', placeholder=settings_form.server_port.label.text) }}
+                            </div>
+                            <div class="mb-3">
+                                {{ settings_form.open_registration }}
+                                {{ settings_form.open_registration.label }}
+                            </div>
+                            <div class="mb-3">
+                                {{ settings_form.comicvine_api_key.label }}
+                                {{ settings_form.comicvine_api_key(class_='form-control', placeholder=settings_form.comicvine_api_key.label.text) }}
+                            </div>
+                            <div class="mb-3">
+                                {{ settings_form.log_level.label }}
+                                {{ settings_form.log_level(class_='form-control') }}
+                            </div>
+
+                    </div>
+                    <div class="modal-footer">
+                        {{ settings_form.update_app_button(class_='btn btn-success') }}
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+    `,
+    methods: {},
+    delimiters: ["[[","]]"]
+})
+
+var app = new Vue({
+    el: '#app',
+    data: {
+        settings: [],
+        mdset: [],
+    },
+    created() {
+        this.getSettings()
+    },
+    methods: {
+        getSettings() {
+            axios.get('{{ url_for('api.api_get_settings_single_section', section='app') }}')
+                .then(res => {
+                    this.settings = res.data.results;
+                    document.getElementById('server_port').value = res.data.results.server_port;
+                    document.getElementById('open_registration').checked = res.data.results.open_registration;
+                    document.getElementById('comicvine_api_key').value = res.data.results.comicvine_api_key;
+                    document.getElementById('log_level').value = res.data.results.log_level;
+                })
+                .catch(err => console.log(err))
+        },   
+    },
+    delimiters: ["[[","]]"]
+})
+
+{% endblock %}

stashr/templates/settings_page_directories.html

@@ -0,0 +1,150 @@
+{% extends "settings_page.html" %}
+
+{% block header_script_files %}
+<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+{% endblock %}
+
+{% block settings_pane %}
+
+<div id="app">
+    <settings ref="settings" v-bind:settings="settings"></settings>
+    <modals ref="modal" v-bind:settings="settings"></modals>
+</div>
+
+{% endblock %}
+
+{% block script %}
+
+Vue.component('settings', {
+    props: ['settings'],
+    template: `
+    <div class="row r-10 m-2">
+        <div class="col col-12">
+            <div class="row">
+                <div class="col-sm-12 col-md-6 text-center text-md-start">
+                    <h2>Directories</h2>
+                </div>
+                <div class="col-sm-12 col-md-6 text-center text-md-end">
+                    <button type="button" class="btn btn-info" data-bs-toggle="modal" data-bs-target="#settingsModal">Modify Settings</button>
+                </div>
+            </div>
+            <hr />
+            <div class="row">
+                <table class="table table-striped">
+                    <tbody>
+                        <tr>
+                            <th scope="row">Temp Files</th><td>[[ settings.temp ]]</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">Comic Files</th><td>[[ settings.comics ]]</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">Log Files</th><td>[[ settings.log ]]</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">Backup Files</th><td>[[ settings.backup ]]</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">Plugin Files</th><td>[[ settings.plugins ]]</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">Image Files</th><td>[[ settings.images ]]</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+    `,
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('modals', {
+    props: ['settings'],
+    template: `
+    <div>
+        <div class="modal" id="settingsModal" role="dialog" aria-labelledby="settingsModal" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="notesModalTitle">
+                            Modify Directory Settings
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+
+                    <form method="POST">
+                    <div class="modal-body">
+
+                            {{ directories_form.csrf_token }}
+
+                            <div class="mb-3">
+                                {{ directories_form.temp_directory.label }}
+                                {{ directories_form.temp_directory(class_='form-control', placeholder=directories_form.temp_directory.label.text) }}
+                            </div>
+                            <div class="mb-3">
+                                {{ directories_form.comics_directory.label }}
+                                {{ directories_form.comics_directory(class_='form-control', placeholder=directories_form.comics_directory.label.text) }}
+                            </div>
+                            <div class="mb-3">
+                                {{ directories_form.log_directory.label }}
+                                {{ directories_form.log_directory(class_='form-control', placeholder=directories_form.log_directory.label.text) }}
+                            </div>
+                            <div class="mb-3">
+                                {{ directories_form.backup_directory.label }}
+                                {{ directories_form.backup_directory(class_='form-control', placeholder=directories_form.backup_directory.label.text) }}
+                            </div>
+                            <div class="mb-3">
+                                {{ directories_form.plugins_directory.label }}
+                                {{ directories_form.plugins_directory(class_='form-control', placeholder=directories_form.plugins_directory.label.text) }}
+                            </div>
+                            <div class="mb-3">
+                                {{ directories_form.images_directory.label }}
+                                {{ directories_form.images_directory(class_='form-control', placeholder=directories_form.images_directory.label.text) }}
+                            </div>
+                        
+                    </div>
+                    <div class="modal-footer">
+                        {{ directories_form.update_directory_button(class_='btn btn-success') }}
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    </div>
+                    </form>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    `,
+    methods: {},
+    delimiters: ["[[","]]"]
+})
+
+var app = new Vue({
+    el: '#app',
+    data: {
+        settings: [],
+        mdset: [],
+    },
+    created() {
+        this.getSettings()
+    },
+    methods: {
+        getSettings() {
+            console.log('hooray')
+            axios.get('{{ url_for('api.api_get_settings_single_section', section='directory') }}')
+                .then(res => {
+                    this.settings = res.data.results
+                    document.getElementById('temp_directory').value = res.data.results.temp;
+                    document.getElementById('comics_directory').value = res.data.results.comics;
+                    document.getElementById('log_directory').value = res.data.results.log;
+                    document.getElementById('backup_directory').value = res.data.results.backup;
+                    document.getElementById('plugins_directory').value = res.data.results.plugins;
+                    document.getElementById('images_directory').value = res.data.results.images;
+                })
+                .catch(err => console.log(err))
+        },
+    },
+    delimiters: ["[[","]]"]
+})
+
+{% endblock %}

stashr/templates/settings_page_mail.html

@@ -0,0 +1,159 @@
+{% extends "settings_page.html" %}
+
+{% block header_script_files %}
+<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+{% endblock %}
+
+{% block settings_pane %}
+
+<div id="app">
+    <settings ref="settings" v-bind:settings="settings"></settings>
+    <modals ref="modal" v-bind:settings="settings"></modals>
+</div>
+
+{% endblock %}
+
+{% block script %}
+
+Vue.component('settings', {
+    props: ['settings'],
+    template: `
+    <div class="row r-10 m-2">
+        <div class="col col-12">
+            <div class="row">
+                <div class="col-sm-12 col-md-6 text-center text-md-start">
+                    <h2>Mail Settings</h2>
+                </div>
+                <div class="col-sm-12 col-md-6 text-center text-md-end">
+                    <button type="button" class="btn btn-info" data-bs-toggle="modal" data-bs-target="#settingsModal">Modify Settings</button>
+                </div>
+            </div>
+            <hr />
+            <div class="row">
+                <table class="table table-striped">
+                    <tbody>
+                        <tr>
+                            <th scope="row">{{ mail_form.mail_use.label.text }}</th><td>[[ settings.mail_use ]]</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">{{ mail_form.mail_username.label.text }}</th><td>[[ settings.mail_username ]]</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">{{ mail_form.mail_password.label.text }}</th><td>**********</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">{{ mail_form.mail_default_sender.label.text }}</th><td>[[ settings.mail_default_sender ]]</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">{{ mail_form.mail_server.label.text }}</th><td>[[ settings.mail_server ]]</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">{{ mail_form.mail_port.label.text }}</th><td>[[ settings.mail_port ]]</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">{{ mail_form.mail_use_ssl.label.text }}</th><td>[[ settings.mail_use_ssl ]]</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+    `,
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('modals', {
+    props: ['settings'],
+    template: `
+    <div>
+        <div class="modal" id="settingsModal" role="dialog" aria-labelledby="settingsModal" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="notesModalTitle">
+                            Modify Directory Settings
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+
+                    <form method="POST">
+                    <div class="modal-body">
+
+                            {{ mail_form.csrf_token }}
+
+                            <div class="mb-3">
+                                {{ mail_form.mail_use }}
+                                {{ mail_form.mail_use.label }}
+                            </div>
+                            <div class="mb-3">
+                                {{ mail_form.mail_username.label }}
+                                {{ mail_form.mail_username(class_='form-control', placeholder=mail_form.mail_username.label.text) }}
+                            </div>
+                            <div class="mb-3">
+                                {{ mail_form.mail_password.label }}
+                                {{ mail_form.mail_password(type='password', class_='form-control', placeholder=mail_form.mail_password.label.text) }}
+                            </div>
+                            <div class="mb-3">
+                                {{ mail_form.mail_default_sender.label }}
+                                {{ mail_form.mail_default_sender(class_='form-control', placeholder=mail_form.mail_default_sender.label.text) }}
+                            </div>
+                            <div class="mb-3">
+                                {{ mail_form.mail_server.label }}
+                                {{ mail_form.mail_server(class_='form-control', placeholder=mail_form.mail_server.label.text) }}
+                            </div>
+                            <div class="mb-3">
+                                {{ mail_form.mail_port.label }}
+                                {{ mail_form.mail_port(class_='form-control', placeholder=mail_form.mail_port.label.text) }}
+                            </div>
+                            <div class="mb-3">
+                                {{ mail_form.mail_use_ssl }}
+                                {{ mail_form.mail_use_ssl.label }}
+                            </div>
+                        
+                    </div>
+                    <div class="modal-footer">
+                        {{ mail_form.update_mail_button(class_='btn btn-success') }}
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    </div>
+                    </form>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    `,
+    methods: {},
+    delimiters: ["[[","]]"]
+})
+
+var app = new Vue({
+    el: '#app',
+    data: {
+        settings: [],
+        mdset: [],
+    },
+    created() {
+        this.getSettings()
+    },
+    methods: {
+        getSettings() {
+            console.log('hooray')
+            axios.get('{{ url_for('api.api_get_settings_single_section', section='mail') }}')
+                .then(res => {
+                    this.settings = res.data.results
+
+                    document.getElementById('mail_use').checked = res.data.results.mail_use;
+                    document.getElementById('mail_username').value = res.data.results.mail_username;
+                    document.getElementById('mail_password').value = res.data.results.mail_password;
+                    document.getElementById('mail_default_sender').value = res.data.results.mail_from;
+                    document.getElementById('mail_server').value = res.data.results.mail_server;
+                    document.getElementById('mail_port').value = res.data.results.mail_port;
+                    document.getElementById('mail_use_ssl').checked = res.data.results.mail_use_ssl;
+                })
+                .catch(err => console.log(err))
+        },
+    },
+    delimiters: ["[[","]]"]
+})
+
+{% endblock %}

stashr/templates/settings_page_new_user.html

@@ -0,0 +1,58 @@
+{% extends "settings_page.html" %}
+
+{% block settings_pane %}
+
+<div id="app">
+    <div class="row r-10 m-2">
+        <div class="col col-12">
+            <div class="row">
+                <div class="col-sm-12 col-md-6 text-center text-md-start">
+                    <h2>New User</h2>
+                </div>
+            </div>
+            <hr />
+            <div class="row">
+                <form method="POST">
+
+                    {{ new_user_form.csrf_token }}
+
+                    <div class="mb-3">
+                        {{ new_user_form.username.label }}
+                        {{ new_user_form.username(class_='form-control', placeholder=new_user_form.username.label.text) }}
+                    </div>
+                    <div class="mb-3">
+                        {{ new_user_form.email.label }}
+                        {{ new_user_form.email(class_='form-control', placeholder=new_user_form.email.label.text) }}
+                    </div>
+                    <div class="mb-3">
+                        {{ new_user_form.password.label }}
+                        {{ new_user_form.password(type='password', class_='form-control', placeholder=new_user_form.password.label.text) }}
+                    </div>
+                    <div class="mb-3">
+                        {{ new_user_form.confirm_password.label }}
+                        {{ new_user_form.confirm_password(type='password', class_='form-control', placeholder=new_user_form.confirm_password.label.text) }}
+                    </div>
+                    <div class="mb-3">
+                        {{ new_user_form.role.label }}
+                        {{ new_user_form.role(class_='form-control') }}
+                    </div>
+                    <div class="mb-3">
+                        {{ new_user_form.age_rating.label }}
+                        {{ new_user_form.age_rating(class_='form-control') }}
+                    </div>
+                    <div class="modal-footer">
+                        {{ new_user_form.new_user_button(class_='btn btn-success') }}
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+
+{% endblock %}
+
+{% block script %}
+{% endblock %}

stashr/templates/settings_page_plugins.html

@@ -0,0 +1,112 @@
+{% extends "settings_page.html" %}
+
+{% block header_script_files %}
+<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+{% endblock %}
+
+{% block settings_pane %}
+
+<div id="app">
+    <plugins ref="plugins" v-bind:plugins="plugins"></plugins>
+</div>
+
+{% endblock %}
+
+{% block script %}
+
+Vue.component('plugin',{
+    props:['plugin'],
+    template: `
+    <tr>
+        <th scope="row">[[ plugin.plugin_name ]]</th>
+        <td>[[ plugin.plugin_description ]]</td>
+        <td>[[ plugin.plugin_version ]]</td>
+        <td>[[ plugin.plugin_author ]]</td>
+        <td>[[ plugin.plugin_url ]]</td>
+        <td>[[ plugin.plugin_license ]]</td>
+        <td>[[ plugin.plugin_state ]]</td>
+        <td><button type="button" class="btn" v-bind:class="pluginClass">[[ pluginAction ]]</button>    </td>
+    </tr>
+    `,
+    computed: {
+        pluginClass() {
+            let classname = 'btn-danger';
+            if(this.plugin.plugin_state == 'disabled') {
+                classname = 'btn-success';
+            };
+            return classname;
+        },
+        pluginAction() {
+            let text = 'Disable';
+            if(this.plugin.plugin_state == 'disabled') {
+                text = 'Enable';
+            };
+            return text;
+        }
+    },
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('plugins',{
+    props: ['plugins'],
+    template: `
+    <div class="row r-10 m-2">
+        <div class="col col-12">
+            <div class="row">
+                <div class="col-sm-12 col-md-6 text-center text-md-start">
+                    <h2>Plugins</h2>
+                </div>
+                <div class="col-sm-12 col-md-6 text-center text-md-end">
+                    <button type="button" class="btn btn-info" data-bs-toggle="modal" data-bs-target="#settingsModal">Install Plugin</button>
+                </div>
+            </div>
+            <hr />
+            <div class="row">
+                <table class="table">
+                    <thead>
+                        <tr>
+                            <th scop="col">Name</th>
+                            <th scop="col">Description</th>
+                            <th scop="col">Version</th>
+                            <th scop="col">Author</th>
+                            <th scop="col">URL</th>
+                            <th scop="col">License</th>
+                            <th scop="col">State</th>
+                            <th scop="col">Action</th>
+                        </tr>
+                    </thead>
+                    <tbody class="tablebody">
+                        <plugin
+                            v-for="plugin in plugins"
+                            v-bind:plugin="plugin"
+                            v-bind:key="plugin.plugin_name"
+                        ></plugin>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>    
+    `,
+    delimiters: ["[[","]]"]
+})
+
+var app = new Vue({
+    el: '#app',
+    data: {
+        plugins: [],
+    },
+    created() {
+        this.getPlugins()
+    },
+    methods: {
+        getPlugins() {
+            axios.get('{{ url_for('api.api_get_plugins') }}')
+            .then(res => {
+                this.plugins = res.data.results
+            })
+        }
+    },
+    delimiters: ["[[","]]"]
+})
+
+{% endblock %}

stashr/templates/settings_page_single_user.html

@@ -0,0 +1,248 @@
+{% extends "settings_page.html" %}
+
+{% block header_script_files %}
+<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+{% endblock %}
+
+{% block settings_pane %}
+
+<div id="app">
+    <user ref="user" v-bind:user="user"></user>
+    <modals v-bind:user="user"></modals>
+</div>
+
+{% endblock %}
+
+{% block script %}
+
+Vue.component('user', {
+    props: ['user'],
+    template: `
+    <div class="row r-10 m-2">
+        <div class="col col-12">
+            <div class="row">
+                <div class="col-sm-12 col-md-6 text-center text-md-start">
+                    <h2>User - [[ user.username ]]</h2>
+                </div>
+                <div class="col-sm-12 col-md-6 text-center text-md-end">
+                    {% if current_user.id|int == user_id|int %}
+                    <button type="button" class="btn btn-info" data-bs-toggle="modal" data-bs-target="#changePasswordModal">Change Password</button>
+                    {% endif %}
+                    {% if current_user.role == 'admin' %}
+                    {% if current_user.id|int != user_id|int %}
+                    <button type="button" class="btn btn-info" data-bs-toggle="modal" data-bs-target="#resetPasswordModal">Reset Password</button>
+                    {% endif %}
+                    {% if user_id|int != 1 %}
+                    <button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#deleteUserModal">Delete User</button>
+                    {% endif %}
+                    {% endif %}
+                    <br />
+                    <button type="button" class="btn btn-info my-1" data-bs-toggle="modal" data-bs-target="#editUserModal">Edit Account</button>
+                </div>
+            </div>
+            <hr />
+            <div class="row">
+                <table class="table table-striped">
+                    <tbody>
+                        <tr>
+                            <th scope="row">Username</th><td>[[ user.username ]]</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">Email</th><td>[[ user.email ]]</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">Role</th><td>[[ user.role ]]</td>
+                        </tr>
+                        <tr>
+                            <th scope="row">Rating Allowed</th><td>[[ user.age_rating_title.rating_long ]]</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+    `,
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('modals',{
+    props: ['user'],
+    template: `
+    <div>
+        {% if current_user.id|int == user_id|int %}
+        <div class="modal" id="changePasswordModal" role="dialog" aria-labelledby="changePasswordModal" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="notesModalTitle">
+                            Change Password
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+
+                    <form method="POST">
+                    <div class="modal-body">
+
+                        {{ change_password_form.csrf_token }}
+
+                        <div class="mb-3">
+                            {{ change_password_form.old_password.label }}
+                            {{ change_password_form.old_password(type='password', class_='form-control', placeholder=change_password_form.old_password.label.text) }}
+                        </div>
+                        <div class="mb-3">
+                            {{ change_password_form.new_password.label }}
+                            {{ change_password_form.new_password(type='password', class_='form-control', placeholder=change_password_form.new_password.label.text) }}
+                        </div>
+                        <div class="mb-3">
+                            {{ change_password_form.confirm_password.label }}
+                            {{ change_password_form.confirm_password(type='password', class_='form-control', placeholder=change_password_form.confirm_password.label.text) }}
+                        </div>
+                    </div>
+                    <div class="modal-footer">
+                        {{ change_password_form.update_password_button(class_='btn btn-success') }}
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    </div>
+                    </form>
+
+                </div>
+            </div>
+        </div>
+        {% endif %}
+        {% if current_user.role == 'admin' %}
+        {% if current_user.id|int != user_id|int %}
+        <div class="modal" id="resetPasswordModal" role="dialog" aria-labelledby="resetPasswordModal" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="notesModalTitle">
+                            Change Password
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <form method="POST">
+                    <div class="modal-body">
+
+                        {{ reset_password_form.csrf_token }}
+
+                        <div class="mb-3">
+                            {{ reset_password_form.password.label }}
+                            {{ reset_password_form.password(type='password', class_='form-control', placeholder=reset_password_form.password.label.text) }}
+                        </div>
+                    </div>
+                    <div class="modal-footer">
+                        {{ reset_password_form.reset_password_button(class_='btn btn-success') }}
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+        {% endif %}
+        {% if user_id|int != 1 %}
+        <div class="modal" id="deleteUserModal" role="dialog" aria-labelledby="deleteUserModal" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="notesModalTitle">
+                            Delete User
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        Are you sure you want to delete user [[ user.username ]]?
+                    </div>
+                    <div class="modal-footer">
+                        <form method="POST">
+                            {{ delete_user_form.csrf_token }}
+                            {{ delete_user_form.delete_user_button(class_='btn btn-success') }}
+                        </form>
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+        {% endif %}
+        {% endif %}
+        <div class="modal" id="editUserModal" role="dialog" aria-labelledby="editUserModal" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="notesModalTitle">
+                            Edit User
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+
+                    <form method="POST">
+                    <div class="modal-body">
+
+                        {{ edit_user_form.csrf_token }}
+
+                        <div class="mb-3">
+                            {{ edit_user_form.email.label }}
+                            {{ edit_user_form.email(class_='form-control', placeholder=edit_user_form.email.label.text) }}
+                        </div>
+                        {% if current_user.role == 'admin' %}
+                        <div class="mb-3">
+                            {{ edit_user_form.role.label }}
+                            {{ edit_user_form.role(class_='form-control') }}
+                        </div>
+                        <div class="mb-3">
+                            {{ edit_user_form.age_rating.label }}
+                            {{ edit_user_form.age_rating(class_='form-control') }}
+                        </div>
+                        {% endif %}
+                    </div>
+                    <div class="modal-footer">
+                        {{ edit_user_form.edit_user_button(class_='btn btn-success') }}
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    </div>
+                    </form>
+
+                </div>
+            </div>
+        </div>
+    </div>
+    `,
+    methods: {},
+    delimiters: ["[[","]]"]
+})
+
+var app = new Vue({
+    el: '#app',
+    data: {
+        user: []
+    },
+    created() {
+        this.getUser()
+    },
+    methods: {
+        getUser() {
+            console.log('getting user')
+            console.log('{{ user_id }}')
+            axios.get('{{ url_for('api.api_get_single_user', user_id=user_id) }}')
+                .then(res => {
+                    this.user = res.data.results
+                    
+                    if(document.getElementById('email')){
+                        document.getElementById('email').value = res.data.results.email;
+                    }
+                    if(document.getElementById('user_id')){
+                        document.getElementById('user_id').value = res.data.results.id;
+                    }
+                    if(document.getElementById('reset_user_id')){
+                        document.getElementById('reset_user_id').value = res.data.results.id;
+                    }
+                    if(document.getElementById('role')){
+                        document.getElementById('role').value = res.data.results.role;
+                    }
+                    if(document.getElementById('age_rating')){
+                        document.getElementById('age_rating').value = res.data.results.rating_allowed;
+                    }
+                })
+        }
+    },
+    delimiters: ["[[","]]"]
+})
+
+{% endblock %}

stashr/templates/settings_page_tasks.html

@@ -0,0 +1,39 @@
+{% extends "settings_page.html" %}
+
+{% block settings_pane %}
+<div class="row r-10 m-2">
+    <div class="col col-12">
+        <div class="row">
+            <div class="col-sm-12 col-md-6 text-center text-md-start">
+                <h2>Tasks</h2>
+            </div>
+        </div>
+        <hr />
+        <div class="row">
+            <table class="table table-striped">
+                <thead>
+                    <tr>
+                        <th scope="col">TASK</th>
+                        <th scope="col"></th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <th scope="row">Update New Releases</th><td><i class="fas fa-play"></i></td>
+                    </tr>
+                    <tr>
+                        <th scope="row">Update New Release Subscriptions</th><td><i class="fas fa-play"></i></td>
+                    </tr>
+                    <tr>
+                        <th scope="row">Clean Database</th><td><i class="fas fa-play"></i></td>
+                    </tr>
+                    <tr>
+                        <th scope="row">Restart Server</th><td><i class="fas fa-play"></i></td>
+                    </tr>
+                    {{ emit_tep('settings_page_tasks_task') }}
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+{% endblock %}

stashr/templates/single_collection_page.html

@@ -0,0 +1,527 @@
+{% extends "base.html" %}
+
+{% block header_script_files %}
+<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+<script src="//cdn.jsdelivr.net/npm/sortablejs@1.8.4/Sortable.min.js"></script>
+{% endblock %}
+
+{% block header %}
+{{ emit_tep('single_collection_page_header', collection=collection) }}
+{% endblock %}
+
+{% block content %}
+
+<div id="app">
+    <collection-jumbo ref="jumbo" v-bind:collection='collection'></collection-jumbo>
+    <issues ref="issues" v-bind:issues='issues'></issues>
+    <collection-modals v-bind:collection='collection'></collection-modals>
+    <issue-modals v-bind:issue='issue' v-bind:owner='collection.user.id'></issue-modals>
+</div>
+
+{% endblock %}
+
+{% block modals %}
+{{ emit_tep('single_collection_page_modals', collection=collection) }}
+{% endblock %}
+
+{% block button_container %}
+{{ emit_tep('single_collection_page_button_container', collection=collection) }}
+{% endblock %}
+
+{% block script %}
+
+Vue.directive('sortable', {
+    inserted (el, binding, vnode) {
+        let options = binding.value;
+        options.onUpdate = (e) => vnode.data.on.sorted(e);
+        const sortable = Sortable.create(el, binding.value);
+    }
+})
+
+Vue.component('issue-modals', {
+    props: ['issue', 'owner'],
+    template: `
+    <div>
+        <div class="modal" id="modalAction" tabindex="-1" role="dialog" aria-labelledby="actionModal" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="exampleModalLongTitle">
+                            [[ issue.volume.volume_name || 'something' ]] #[[ issue.issue_number || 'something' ]]
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body center">
+                        <a :href="'/read/'+issue.issue_id" id="actionRead" class="btn btn-success my-1">
+                            <i class="fas fa-book-open"></i>
+                            Read
+                        </a>
+                        {% if (current_user.role.lower() == 'admin') or
+                              (current_user.role.lower() == 'librarian') or
+                              (current_user.role.lower() == 'patron') %}
+                        <a :href="'/api/downloads/'+issue.issu_id" id="actionDownload" class="btn btn-success my-1">
+                            <i class="fas fa-download"></i>
+                            Download
+                        </a>
+                        {% endif %}
+                        <hr>
+                        <button @click="toggleRead" id="actionToggle" class="btn btn-info my-1" data-bs-dismiss="modal">
+                            <i class="fas fa-check"></i>
+                            Toggle Read
+                        </button>
+                        <span v-if="{{ current_user.id }} == owner" >
+                            <button @click="removeFromCollection" id="actionRemove" class="btn btn-danger my-1" data-bs-dismiss="modal">
+                                <i class="fas fa-minus"></i>
+                                Remove From Collection
+                            </button>
+                            <hr>
+                            <button @click="setCover" id="actionCover" class="btn btn-danger my-1" data-bs-dismiss="modal">
+                                <i class="fas fa-portrait"></i>
+                                Set as Collection Cover
+                            </button>
+                        </span>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+        {{ emit_tep('single_collection_page_issue_modals', collection=collection) }}
+    </div>`,
+    methods: {
+        toggleRead() {
+            app.$refs.issues.$children.find(child => { return child.$vnode.key == this.issue.issue_id }).toggleRead()
+        },
+        removeFromCollection() {
+            app.$refs.issues.$children.find(child => { return child.$vnode.key == this.issue.issue_id }).removeFromCollection()
+        },
+        setCover() {
+            app.$refs.issues.$children.find(child => { return child.$vnode.key == this.issue.issue_id }).setCover()
+        },
+    },
+    data() { return { curuser: {{ current_user.id }} } },
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('collection-modals', {
+    props: ['collection'],
+    template: `
+    <div>
+        <div class="modal" id="modalInfo" tabindex="-1" role="dialog" aria-labelledby="infoModal" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="exampleModalLongTitle">
+                            [[ this.collection.collection_name ]]
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        [[ this.collection.collection_description ]]
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+        
+        {% if collection.collection_user_id == current_user.id %}
+        
+        <div class="modal" id="modalEditCollection" tabindex="-1" role="dialog" aria-labelledby="editCollectionModal" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content"> 
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="exampleModalLongTitle">
+                            <span id="collectionName">Edit Collection</span>
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        <form>
+                        <div class="form-group">
+                            <label for="collection_name">Collection Name:</label>
+                            <input id="collection_name" class="form-control" type="text" placeholder="Default input" :value="this.collection.collection_name">
+                        </div>
+                        <div class="form-check">
+                            <input class="form-check-input" type="checkbox" id="collection_public" :checked='this.collection.collection_public'>
+                            <label class="form-check-label" for="collection_public">
+                                Make Collection Public
+                            </label>
+                        </div>
+                        <div class="form-group">
+                            <label for="comment">Description:</label>
+                            <textarea class="form-control" rows="3" id="collection_description" :value="this.collection.collection_description"></textarea>
+                        </div>
+                    </form>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                        <button type="button" class="btn btn-success" data-bs-dismiss="modal" @click="editCollection">Update</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+        
+        <div class="modal" id="modalDeleteCollection" tabindex="-1" role="dialog" aria-labelledby="deleteCollectionModal" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="exampleModalLongTitle">
+                            <span id="collectionName">Delete Collection</span>
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        Are you sure you want to delete this collection?
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                        <button type="button" class="btn btn-danger" data-bs-dismiss="modal" @click="removeCollection">Delete</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+        {% endif %}
+        {{ emit_tep('single_collection_page_collection_modals', collection=collection) }}
+    </div>
+    `,
+    methods: {
+        removeCollection() {
+            app.removeCollection()
+        },
+        editCollection() {
+            app.editCollection()
+        },
+    },
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('collection-jumbo', {
+    props: ['collection'],
+    template: `
+    <div class="row w-100 m-0">
+        <div class='col-12 col-md-10 offset-md-1 p-2'>
+            <div class='row'>
+                <div class='col-12 col-md-2 p-2'>
+                    <div class='row'>
+                        <div class='col-10 offest-1'>
+                            <!-- START POSTER -->
+                            <div class="new-stashr_poster-wrapper border rounded">
+                                <div class="stashr-poster_container rounded">
+                                    <img class="stashr-poster_background w-100" src="/static/assets/cover.svg" id="poster-bg">
+                                    <a class="rounded stashr-poster_link">
+                                        <img class="rounded stashr-poster_image w-100" id="lazy-img" v-bind:src="'/images/issues/'+collection.collection_cover_image+'.jpg'" onerror="this.src='/static/assets/cover.svg'">
+                                    </a>
+                                </div>
+                            </div>
+                            <!-- END POSTER -->
+                        </div>
+                    </div>
+                </div>
+
+                <div class="col-12 col-md-10 p-2">
+                    <div class="row w-100 bg-light rounded m-0 p-4">
+                        <div class="col-12 col-md-10">
+                            <div class="row">
+                                <div class="col text-center text-md-start">
+                                    <h1 class="stashr-series_title">[[ collection.collection_name ]]</h1>
+                                </div>
+                            </div>
+                            <div class="row text-center text-md-start">
+                                <div class="col-12">
+                                    <!-- START BADGES -->
+                                    <span class="badge mx-1" :class="statusClass">[[ statusText ]]</span>
+                                    <span class="badge bg-info mx-1">[[ collection.user.username ]]</span>
+                                    {{ emit_tep('single_collection_page_badge_row', collection=collection) }}
+                                    <!-- END BADGES -->
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col text-center text-md-start">
+                                    <!-- START BUTTON -->
+                                    <button class="btn btn-primary m-1" type="button" data-bs-toggle="modal" data-bs-target="#modalInfo" :data-collection_name="collection.collection_name" :data-collection_description="collection.collection_description">
+                                        DESCRIPTION
+                                    </button>
+                                    {{ emit_tep('single_collection_page_button_row', collection=collection) }}
+                                    <!-- END BUTTON -->
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-12 col-md-2 text-center text-md-right">
+                            <!-- START ACTIONS -->
+                            {% if collection.collection_user_id == current_user.id %}
+                            <div class="dropdown">
+                                <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                    Actions
+                                </button>
+                                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
+                                    <a class="dropdown-item" data-bs-toggle="modal" data-bs-target="#modalEditCollection">
+                                        <i class="fas fa-edit"></i>
+                                        Edit Collection
+                                    </a>
+                                    <a class="dropdown-item" data-bs-toggle="modal" data-bs-target="#modalDeleteCollection">
+                                        <i class="fas fa-trash-alt"></i>
+                                        Delete Collection
+                                    </a>
+                                    {{ emit_tep('single_collection_page_action_dropdown', collection=collection) }}
+                                </div>
+                            </div>
+                            {% endif %}
+                            <!-- END ACTIONS -->
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+    </div>`,
+    computed: {
+        statusClass() {
+            let classname = 'bg-danger';
+            if (this.collection.collection_public) {
+                classname = 'bg-success';
+            };
+            return classname;
+        },
+        statusText() {
+            let text = 'Private';
+            if (this.collection.collection_public) {
+                text = 'Public';
+            }
+            return text;
+        }
+    },
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('issues', {
+    props: ['issues'],
+    template: `
+    <div>
+        <ul class="d-flex flex-wrap w-100 m-0 p-0 justify-content-center" v-sortable="$options.sortOptions" @sorted='handleSorted'>
+            <issue
+                v-for="issue in issues"
+                v-bind:issue="issue"
+                v-bind:key="issue.issue_id"
+            ></issue>
+        </ul>
+    </div>`,
+    methods: {
+        handleSorted(event) {
+            app.handleSorted(event)
+        },
+    },
+    sortOptions: {
+        draggable: '.js-sortable-block',
+        handle: '.js-drag-handle',
+        delay: 300,
+        delayOnTouchOnly: true
+    },
+    delimiters: ["[[","]]"],
+})
+
+Vue.component('issue', {
+    props: ['issue'],
+    template: `
+    <li class='stashr-cover_size m-2 js-sortable-block'
+        @mouseover="hover = true"
+        @mouseleave="hover = false"
+    >
+    <div class='stashr-poster_wrapper rounded'>
+        {% if collection.collection_user_id == current_user.id %}
+        <div class="stashr-badge_tl badge rounded-pill bg-dark border js-drag-handle">
+            <i class="fas fa-arrows-alt"></i>
+        </div>
+        {% endif %}
+        <div class="stashr-badge_br badge rounded-pill bg-dark border">
+            <i class="fas fa-eye" :class="statusClass"></i>
+        </div>
+        <div class="stashr-poster_container border rounded">
+            <div class="stashr-overlay_bottom w-100 center" v-if="hover">
+                <a href="#">[[ issue.volume.volume_name ]] #[[ issue.issue_number ]]</a>
+            </div>
+            <img class="stashr-poster_background w-100" loading="eager" src="/static/assets/cover.svg" />
+            <a class="stashr-poster_link" data-bs-toggle="modal" data-bs-target="#modalAction" @click="changeModal">
+                <img class="w-100" loading="lazy" v-bind:src="'/images/issues/'+ issue.issue_id +'.jpg'"/>
+            </a>
+        </div>
+    </div>
+    </li>
+    `,
+    computed: {
+        statusClass() {
+            let classname = 'text-danger';
+            if (this.issue.read_status[0].read_status) {
+                classname = 'text-success';
+            }
+            return classname;
+        },
+    },
+    methods: {
+        setCover() {
+            app.setCover()
+        },
+        toggleRead() {
+            axios.put('{{ url_for('api.api_put_single_issue', issue_id='ISSUEID') }}'.replace('ISSUEID', this.issue.issue_id), {
+                data: {
+                    read_status: !this.issue.read_status[0].read_status
+                }
+            })
+                .then(res => {
+                    if(res.data.status_code == '200') {
+                        stashrToast('Toggled Read Status', 'success');
+                        this.issue.read_status[0].read_status = !this.issue.read_status[0].read_status
+                    } else {
+                        stashrToast(res.data.message, 'error')
+                    }
+                })
+                .catch(err => console.log(err))
+        },
+        removeFromCollection() {
+            app.removeFromCollection()
+        },
+        changeModal() {
+            app.changeModal(this.issue)
+        }
+    },
+    data() { return { hover: false } },
+    delimiters: ["[[","]]"],
+})
+
+var app = new Vue({
+    el: '#app',
+    data: {
+        collection: [],
+        issues: [],
+        issue: [],
+    },
+    created() {
+        this.getCollection()
+        this.getIssues()
+    },
+    methods: {
+
+        getCollection() {
+            console.log('gettingcollection')
+            console.log('{{ url_for('api.api_get_single_collection', collection_slug=collection_slug) }}')
+            axios.get('{{ url_for('api.api_get_single_collection', collection_slug=collection_slug) }}')
+                .then(res => {
+                    this.collection = res.data.results
+                })
+                .catch(err => console.log(err))
+        },
+
+        getIssues() {
+            axios.get('{{ url_for('api.api_get_collection_all_issues', collection_slug=collection_slug) }}', {
+                params: {
+                    offset: this.issues.length
+                }
+            })
+                .then(res => {
+                    if(res.data.number_of_page_results > 0) {
+                        res.data.results.forEach(result => {
+                            this.issues.push(result)
+                        })
+                        if(this.issues.length < res.data.number_of_total_results) {
+                            this.getIssues()
+                        }
+                    }
+                    this.issue = this.issues[0]
+                })
+            
+        },
+
+        changeModal(issue) {
+            this.issue = issue
+        },
+
+        editCollection() {
+            new_name = document.getElementById('collection_name').value;
+            new_public = document.getElementById('collection_public').checked;
+            new_description = document.getElementById('collection_description').value;
+            axios.put('{{ url_for('api.api_put_single_collection', collection_slug=collection_slug) }}', {
+                data: {
+                    collection_name: new_name,
+                    collection_public: new_public,
+                    collection_description: new_description,
+                }
+            })
+                .then(res => {
+                    if(res.data.status_code=='200'){
+                        stashrToast('Updated Collection', 'success')
+                        this.collection.collection_name = new_name;
+                        this.collection.collection_description = new_description;
+                        this.collection.collection_public = new_public;
+                    }else{
+                        stashrToast(res.data.message, 'error')
+                    }
+                })
+                .catch(err => console.log(err))
+        },
+
+        setCover() {
+            axios.put('{{ url_for('api.api_put_single_collection', collection_slug='COLLECTIONID') }}'.replace('COLLECTIONID', this.collection.collection_id), {
+                data: {
+                    collection_cover_image: this.issue.issue_id
+                }
+            })
+                .then(res => {
+                    if(res.data.status_code == '200') {
+                        stashrToast('Cover Image Set', 'success');
+                        app.$refs.jumbo.collection.collection_cover_image = this.issue.issue_id;
+                    } else {
+                        stashrToast(res.data.message, 'error')
+                    }
+                })
+                .catch(err => console.log(err))
+        },
+
+        handleSorted(event) {
+            axios.put('{{ url_for('api.api_put_single_collection', collection_slug='COLLECTIONID') }}'.replace('COLLECTIONID', this.collection.collection_id), {
+                data: {
+                    old_index: event.oldIndex,
+                    new_index: event.newIndex
+                }
+            })
+                .then(res => {
+                    if(res.data.status_code== '200') {
+                        stashrToast('Updated Order', 'success')
+                    } else {
+                        stashrToast(res.data.message, 'error')
+                    }
+                })
+                .catch(err => console.log(err))
+        },
+
+        removeFromCollection() {
+            axios.delete('{{ url_for('api.api_delete_collection_issue', collection_slug=collection_slug, issue_id='ISSUEID') }}'.replace('ISSUEID', this.issue.issue_id))
+                .then(res => {
+                    if(res.data.status_code == '200') {
+                        stashrToast('Removed from Collection', 'success')
+                    } else {
+                        stashrToast(res.data.message, 'error')
+                    }
+                })
+                .catch(err => console.log(err))
+            this.issues = this.issues.filter(issue => issue.issue_id !== this.issue.issue_id)
+            // this.issues = this.issues.filter(remove => this.remove.issue_id !== app.issue.issue_id)
+        },
+
+        removeCollection() {
+            console.log('removing collection')
+            axios.delete('{{ url_for('api.api_delete_single_collection', collection_slug=collection_slug) }}')
+                .then(res =>{
+                    window.location.replace('{{ url_for('all_collections_page') }}')
+                })
+                .catch(err => console.log(err))
+        },
+        
+    },
+    delimiters: ["[[","]]"]
+})
+
+{{ emit_tep('single_collection_page_script', collection=collection) }}
+
+{% endblock %}

stashr/templates/single_publisher_page.html

@@ -0,0 +1,200 @@
+{% extends "base.html" %}
+
+{% block header_script_files %}
+<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+{% endblock %}
+
+{% block header %}
+{{ emit_tep('single_publisher_page_header', publisher_id=publisher_id) }}
+{% endblock %}
+
+{% block content %}
+
+<div id="app">
+    <publisher-jumbo v-bind:publisher="publisher"></publisher-jumbo>
+    <volumes v-bind:volumes='volumes'></volumes>
+</div>
+
+{% endblock %}
+
+{% block modals %}
+{{ emit_tep('single_publisher_page_modals', publisher_id=publisher_id) }}
+{% endblock %}
+
+{% block button_container %}
+{{ emit_tep('single_publisher_page_button_container', publisher_id=publisher_id) }}
+{% endblock %}
+
+{% block script %}
+
+Vue.component('volumes', {
+    props: ['volumes'],
+    template: `
+    <div>
+        <div class="mb-3 px-5">
+            <input type="text" v-model="search" class="form-control" placeholder="Search Publisher..." />
+        </div>
+        <ul class="d-flex flex-wrap w-100 m-0 p-0 py-2 justify-content-center">
+            <volume-item
+                v-for="volume in filteredList"
+                v-bind:volume="volume"
+                v-bind:key="volume.volume_id"
+            ></volume-item>
+        </ul>
+        <!--
+        <i class="text-primary fas fa-spinner fa-spin fa-3x" v-if="loading"></i>
+        -->
+    </div>
+    `,
+    data() { return { loading: true, search: '', } },
+    computed: {
+        filteredList() {
+            return this.volumes.filter(volume => {
+                return volume.volume_name.toLowerCase().includes(this.search.toLowerCase())
+            })
+        },
+    },
+    delimiters: ["[[","]]"],
+})
+
+Vue.component('volume-item', {
+    props: ['volume'],
+    template: `
+    <li class='stashr-cover_size m-2'
+        @mouseover="hover = true"
+        @mouseleave="hover = false"
+    >
+        <div class='stashr-poster_wrapper rounded'>
+            <div class="stashr-badge_tl badge rounded-pill bg-info border">[[ volume.age_rating[0].rating_short ]]</div>
+            <div class="stashr-badge_tr badge rounded-pill bg-primary border">[[ volume.volume_have ]]/[[ volume.volume_total ]]</div>
+            <div class="stashr-badge_br badge rounded-pill border" :class="statusClass">[[ statusWord ]]</div>
+            <div class="stashr-poster_container border rounded">
+                <div class="stashr-overlay_bottom w-100 center" v-if="hover">
+                    <a href="#">[[ volume.volume_name ]]</a>
+                </div>
+                <img class="stashr-poster_background w-100" loading="eager" src="/static/assets/cover.svg" />
+                <a class="stashr-poster_link" :href="'/volumes/'+volume.volume_slug">
+                    <img class="w-100" loading="lazy" v-bind:src="'/images/volumes/'+volume.volume_id+'.jpg'" @error="$event.target.src=volume.volume_image_med"/>
+                </a>
+            </div>
+        </div>
+    </li>
+    `,
+    computed: {
+        statusClass() {
+            let classname = 'bg-danger';
+            if(this.volume.volume_status) {
+                classname = 'bg-success';
+            };
+            return classname;
+        },
+        statusWord() {
+            let status = 'ENDED';
+            if(this.volume.volume_status) {
+                status = 'ONGOING';
+            };
+            return status;
+        }
+    },
+    data() { return { hover: false } },
+    delimiters: ["[[","]]"],
+})
+
+Vue.component('publisher-jumbo', {
+    props: ['publisher'],
+    template: `
+    <div class="row w-100 m-0">
+        <div class='col-12 col-md-10 offset-md-1 p-2'>
+            <div class='row'>
+                <div class='col-12 col-md-2 p-2'>
+                    <div class='row'>
+                        <div class='col-10 offset-1'>
+                            <!-- START POSTER -->
+                            <div class="new-stashr_poster-wrapper border rounded">
+                                <div class="stashr-poster_container rounded">
+                                    <img class="stashr-poster_background w-100" src="/static/assets/cover.svg" id="poster-bg">
+                                    <a class="rounded stashr-poster_link">
+                                        <img class="rounded stashr-poster_image w-100" id="lazy-img" v-bind:src="publisher.publisher_image">
+                                    </a>
+                                </div>
+                            </div>
+                            <!-- END POSTER -->
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="col-12 col-md-10 p-2">
+                    <div class="row w-100 bg-light rounded m-0 p-4">
+                        <div class="col-12 col-md-10">
+                            <div class="row">
+                                <div class="col text-center text-md-start">
+                                    <h1 class="stashr-series_title">[[ publisher.publisher_name ]]</h1>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+    </div>
+    `,
+    computed: {},
+    methods: {},
+    created() {},
+    delimiters: ["[[","]]"]
+})
+
+var app = new Vue({
+    el: '#app',
+    data: {
+        publisher: [],
+        volumes: [],
+    },
+    created() {
+        this.getPublisher();
+        this.getVolumes();
+    },
+    methods: {
+        getPublisher() {
+            axios.get('{{ url_for('api.api_get_single_publisher', publisher_id=publisher_id) }}')
+                .then(res => {
+                    console.log(res)
+                    if(res.data.status_code == 200) {
+                        console.log('woooo')
+                        this.publisher = res.data.results
+                    } else {
+                        displayToast(res.data.message, 'error')
+                    }
+                })
+                .catch(err => console.log('boo-'+err))
+        },
+        getVolumes() {
+            console.log('getting vols')
+            axios.get('{{ url_for('api.api_get_single_publisher_volumes', publisher_id=publisher_id) }}', {
+                params: {
+                    offset: this.volumes.length
+                }
+            })
+                .then(res => {
+                    // console.log(res)
+                    if(res.data.number_of_page_results > 0) {
+                        res.data.results.forEach(result => {
+                            this.volumes.push(result)
+                            this.publisher = this.volumes[0].publisher
+                        });
+                        if(this.volumes.length < res.data.number_of_total_results) {
+                            this.getVolumes();
+                        }
+                    }
+                })
+                .catch(err => console.log('ERROR: ' + err))
+            // this.publisher = this.volumes[0].publisher
+        },
+    },
+    delimiters: ["[[","]]"]
+})
+
+{{ emit_tep('single_publisher_page_script', publisher_id=publisher_id) }}
+
+{% endblock %}

stashr/templates/single_volume_page.html

@@ -0,0 +1,903 @@
+{% extends "base.html" %}
+
+{% block header_script_files %}
+<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+{% endblock %}
+
+{% block header %}
+{{ emit_tep('single_volume_page_header', volume_id=volume_id) }}
+{% endblock %}
+
+{% block content %}
+
+<div id="app">
+    <volume-jumbo v-bind:volume='volume' ref="volume"></volume-jumbo>
+    <issues ref="issues" v-bind:issues='issues'></issues>
+    <modals-volume v-bind:volume='volume' v-bind:ratings='ratings'></modals-volume>
+    <modals-issue v-bind:issue='issue' v-bind:collections='collections'></modals-issue>
+</div>
+
+{% endblock %}
+
+{% block modals %}
+{{ emit_tep('single_volume_page_modals', volume_id=volume_id) }}
+{% endblock %}
+
+{% block button_container %}
+{{ emit_tep('single_volume_page_button_container', volume_id=volume_id) }}
+{% endblock %}
+
+{% block script %}
+
+Vue.component('collection-option', {
+    props: ['collection'],
+    template: `
+    <option :value="collection.collection_id">[[ collection.collection_name ]]</option>
+    `,
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('rating-option', {
+    props: ['rating'],
+    template: `
+    <option :value="rating.rating_value">[[ rating.rating_long ]]</option>
+    `,
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('modals-issue', {
+    props: [
+        'issue',
+        'collections'
+    ],
+    template: `
+    <div>
+        <div class="modal" id="modalCollection" tabindex="-1" role="dialog" aria-labelledby="notesModal" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="notesModalTitle">
+                            Add to Collection
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        <div class="form-group">
+                            <label for="collectionName">Add To Collection</label>
+                            <select ref="collectionselection" class="form-control" id="collectionName" @change='changeCollection'>
+                                <option value='0'>+ Create New Collection</option>
+                                <collection-option
+                                    v-for='collection in collections'
+                                    v-bind:collection='collection'
+                                    v-bind:key='collection.collection_id'
+                                ></collection-option>
+                            </select>
+                        </div>
+                        <div id="newCollectionName" class="form-group" v-if="this.collection_id == '0'">
+                            <label for="newCollection">New Collection Name</label>
+                            <input ref="collectionName" type="email" class="form-control" id="newCollection" placeholder="New Collection Name">
+                        </div>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                        <button id="addToCollectionButton" type="button" class="btn btn-success" data-bs-dismiss="modal" @click='addToCollection'>Add to Collection</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+        {% if (current_user.role.lower() == 'admin') or
+              (current_user.role.lower() == 'librarian') %}
+        <div class="modal" id="modalDelete" tabindex="-1" role="dialog" aria-labelledby="deleteModal" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="notesModalTitle">
+                            Delete Issue
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <form id="deleteIssueForm" action="{{ url_for('single_volume_page', volume_id=volume_id) }}" method="POST">
+                        <div class="modal-body">
+                            Are you sure you want to delete [[ issue.volume.volume_name ]] #[[ issue.issue_number ]]
+                        </div>
+                        <div class="modal-footer">
+                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                            <button type="button" class="btn btn-danger" data-bs-dismiss="modal" @click="deleteIssue">Delete</button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+        
+        <div class="modal" id="modalUpload" tabindex="-1" role="dialog" aria-labelledby="deleteModal" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="notesModalTitle">
+                            Upload File
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        <form>
+                            <div class="input-group mb-3">
+                                <input id="fileupload" type="file" accept=".cbz, .cbr, .cb7, .cbt" name="comic" @change='uploadFile' required="required" class="form-control">
+                              </div>
+                              
+                        </form>
+
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+        {% endif %}
+        <div class="modal" id="modalAction" tabindex="-1" role="dialog" aria-labelledby="actionModal" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="notesModalTitle">
+                            <p>[[ issue.volume.volume_name ]] #[[ issue.issue_number ]]</p>
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body center">
+                        <span v-if="issue.issue_file_status">
+                            <a id="actionHaveRead" class="btn btn-success my-1" :href="'/read/'+issue.issue_id">
+                                <i class="fas fa-book-open"></i>
+                                Read
+                            </a>
+                            {% if (current_user.role.lower() == 'admin') or
+                                  (current_user.role.lower() == 'librarian') or
+                                  (current_user.role.lower() == 'patron') %}
+                            <a id="actionHaveDownload" class="btn btn-success my-1" :href="'/api/downloads/'+issue.issue_id">
+                                <i class="fas fa-download"></i>
+                                Download
+                            </a>
+                            {% endif %}
+                            <hr />
+                        </span>
+                        <span v-if="!issue.issue_file_status">
+                            {% if (current_user.role.lower() == 'admin') or
+                                  (current_user.role.lower() == 'librarian') %}
+                            <button id="actionMissingUpload" class="btn btn-success my-1" type="button" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#modalUpload">
+                                <i class="fas fa-cloud-upload-alt"></i>
+                                Upload to Server
+                            </button>
+                            <hr />
+                            {% endif %}      
+                        </span>
+                        <span v-if="issue.issue_file_status">
+                            <button id="actionHaveList" class="btn btn-info my-1" data-bs-dismiss="modal" v-on:click="addToReadingList">
+                                <i class="fas fa-plus"></i>
+                                Add to Reading List
+                            </button>
+                            <button id="actionHaveCollection" class="btn btn-info my-1" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#modalCollection">
+                                <i class="fas fa-plus"></i>
+                                Add to Collection
+                            </button>
+                            <hr />
+                        </span>
+                        <span>
+                            <button id="actionHaveToggleRead" class="btn btn-info my-1" v-on:click="toggleReadStatus" data-bs-dismiss="modal">
+                                <i class="fas fa-check"></i>
+                                Toggle Read
+                            </button>
+                            <button id="actionHaveToggleOwned" class="btn btn-info my-1" v-on:click="toggleOwnedStatus" data-bs-dismiss="modal">
+                                <i class="fas fa-book"></i>
+                                Toggle Owned
+                            </button>
+                        </span>
+                        <span v-if="issue.issue_file_status">
+                            {% if (current_user.role.lower() == 'admin') or
+                                  (current_user.role.lower() == 'librarian') %}
+                            <hr />
+                            <button id="actionHaveDelete" class="btn btn-danger my-1" type="button" data-bs-dismiss="modal" data-bs-toggle="modal" data-bs-target="#modalDelete">
+                                <i class="fas fa-trash-alt"></i>
+                                Delete
+                            </button>
+                            {% endif %}
+                        </span>
+                        <span v-if="issue.issue_file_status">
+                            {{ emit_tep("single_volume_page_issues_modal_have", volume_id=volume_id) }}
+                        </span>
+                        <span v-if="!issue.issue_file_status">
+                            {{ emit_tep("single_volume_page_issues_modal_missing", volume_id=volume_id) }}
+                        </span>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    `,
+    data() {
+        return {
+            // collections: [],
+            collection_id: 0,
+            file: '',
+        }
+    },
+    methods: {
+        addToReadingList() {
+            app.$refs.issues.$children.find(child => { return child.$vnode.key == this.issue.issue_id }).addToReadingList()
+        },
+        addToCollection() {
+            app.$refs.issues.$children.find(child => { return child.$vnode.key == this.issue.issue_id }).addToCollection()
+        },
+        toggleReadStatus() {
+            app.$refs.issues.$children.find(child => { return child.$vnode.key == this.issue.issue_id }).toggleRead()
+        },
+        toggleOwnedStatus() {
+            app.$refs.issues.$children.find(child => { return child.$vnode.key == this.issue.issue_id }).toggleOwned()
+        },
+        changeCollection() {
+            this.collection_id = this.$refs.collectionselection.value
+        },
+        deleteIssue() {
+            app.$refs.issues.$children.find(child => { return child.$vnode.key == this.issue.issue_id }).deleteIssue()
+        },
+        addToCollection() {
+            if(this.collection_id == '0') {
+                axios.post('{{ url_for('api.api_post_all_collections') }}', {
+                    data: {
+                        collection_name: this.$refs.collectionName.value,
+                        issue_id: this.issue.issue_id
+                    }
+                })
+                    .then(res => {
+                        if (res.data.status_code == '200') {
+                            app.refreshCollections();
+                            stashrToast('Collection Created', 'success')
+                        } else {
+                            stashrToast(res.data.message, 'error')
+                        }
+                    })
+                    .catch(err => console.log(err))
+            } else {
+                axios.post('{{ url_for('api.api_post_single_collection', collection_slug='COLLECTIONID') }}'.replace('COLLECTIONID', this.$refs.collectionselection.value), {
+                    data: {
+                        issue_id: this.issue.issue_id
+                    }
+                })
+                    .then(res => {
+                        if(res.data.status_code == '200') {
+                            stashrToast('Added to Collection', 'success');
+                        } else {
+                            stashrToast(response.data.message, 'error')
+                        }
+                    })
+                    .catch(err => console.log(err))
+            }
+        },
+        uploadFile(){
+            let formData = new FormData();
+            var imagefile = document.querySelector('#fileupload');
+            formData.append("file", imagefile.files[0]);
+            bootstrap.Modal.getInstance(document.getElementById('modalUpload')).hide()
+            stashrToast('Uploading Comic', 'info')
+            axios.post('{{ url_for('api.api_post_single_issue', issue_id='ISSUEID') }}'.replace('ISSUEID', this.issue.issue_id), formData, {
+                headers: {
+                    'Content-Type': 'multipart/form-data'
+                }
+            })
+                .then(res => {
+                    if(res.data.status_code == 200) {
+                        stashrToast('Issue Uploaded', 'success')
+                        app.$refs.issues.$children.find(child => { return child.$vnode.key == this.issue.issue_id }).toggleFile()
+                        app.refreshVolumeInfo()
+                    } else {
+                        stashrToast(res.data.message, 'error')
+                    }
+                })
+                .catch(err => {
+                    stashrToast(err, 'error')
+                })
+        },
+    },
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('modals-volume', {
+    props: [
+        'issue',
+        'volume',
+        'ratings'
+    ],
+    template: `
+    <div>
+        <div class="modal" id="modalInfo" tabindex="-1" role="dialog" aria-labelledby="infoModal" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="exampleModalLongTitle">
+                            [[ volume.volume_name ]]
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        <span v-html="volume.volume_description"></span>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+        {% if (current_user.role.lower() == 'admin') or
+              (current_user.role.lower() == 'librarian') %}
+        <div class="modal" id="modalRemove" tabindex="-1" role="dialog" aria-labelledby="removeModal" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="exampleModalLongTitle">
+                            Remove [[ volume.volume_name ]]
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        <p>Do you want to remove [[ volume.volume_name ]] from your library?</p>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                        <button type="button" class="btn btn-danger" data-bs-dismiss="modal" @click="removeFromLibrary">Remove</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="modal" id="modalRatingEdit" tabindex="-1" role="dialog" aria-labelledby="ratingEditModal" aria-hidden="true">
+            <div class="modal-dialog modal-dialog-centered" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="notesModalTitle">
+                            Edit Rating
+                        </h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <form id="editRatingForm" action="{{ url_for('single_volume_page', volume_id=volume_id) }}" method="POST">
+                        <div class="modal-body">
+                            <select class="form-control" ref='ratingselection'>
+                                <rating-option
+                                    v-for="rating in ratings"
+                                    v-bind:rating='rating'
+                                    v-bind:key='rating.rating_id'
+                                ></rating-option>
+                            </select>
+                        </div>
+                        <div class="modal-footer">
+                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                            <button type="button" class="btn btn-success" data-bs-dismiss="modal" @click="updateVolumeRating">Update</button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+        {% endif %}
+    </div>
+    `,
+    data() {
+        return {
+            collections: [],
+            collection_id: 0,
+            file: '',
+        }
+    },
+    methods: {
+        removeFromLibrary() {
+            axios.delete('{{ url_for('api.api_delete_single_volume', volume_id=volume_id) }}')
+                .then(res => {
+                    window.location.replace("{{ url_for('all_volumes_page') }}");
+                })
+                .catch()
+        },
+        updateVolumeRating() {
+            axios.put('{{ url_for('api.api_put_single_volume', volume_id=volume_id) }}', {
+                data: {
+                    volume_age_rating: this.$refs.ratingselection.value
+                }
+            })
+                .then(res => {
+                    if(res.data.status_code == '200') {
+                        app.$refs.volume.volume.age_rating = app.ratings.filter(child =>  child.rating_value == this.$refs.ratingselection.value )
+                        stashrToast('Updated Comic Rating', 'success')
+                    } else {
+                        stashrToast(res.data.message, 'error')
+                    }
+                })
+                .catch(err => console.log(err))
+        },
+    },
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('volume-jumbo', {
+    props: ['volume'],
+    template: `
+    <div class="row w-100 m-0">
+        <div class='col-12 col-md-10 offset-md-1 p-2'>
+            <div class='row'>
+                <div class='col-12 col-md-2 p-2'>
+                    <div class='row'>
+                        <div class='col-10 offset-1'>
+                            <!-- START POSTER -->
+                            <div class="new-stashr_poster-wrapper border rounded">
+                                <div class="stashr-poster_container rounded">
+                                    <img class="stashr-poster_background w-100" src="/static/assets/cover.svg" id="poster-bg">
+                                    <a class="rounded stashr-poster_link">
+                                        <img class="rounded stashr-poster_image w-100" id="lazy-img" v-bind:src="'/images/volumes/'+volume.volume_id+'.jpg'" @error="$event.target.src=volume.volume_image_med">
+                                    </a>
+                                </div>
+                            </div>
+                            <!-- END POSTER -->
+                        </div>
+                    </div>
+                </div>
+
+                <div class="col-12 col-md-10 p-2">
+                    <div class="row w-100 bg-light rounded m-0 p-4">
+                        <div class="col-12 col-md-10">
+                            <div class="row">
+                                <div class="col text-center text-md-start">
+                                    <h1 class="stashr-series_title">[[ volume.volume_name ]]</h1>
+                                </div>
+                            </div>
+                            <div class="row text-center text-md-start">
+                                <div class="col-12">
+                                    <!-- START BADGES -->
+                                    <span class="badge mx-1" v-bind:class="volumeStatus">[[ statusWord ]]</span>
+                                    <span class="badge bg-info mx-1">[[ volume.age_rating[0].rating_long ]]</span>
+                                    <span class="badge bg-info mx-1">[[ publisherName ]]</span>
+                                    <span class="badge bg-info mx-1">[[ volume.volume_year ]]</span>
+                                    <br>
+                                    <span class="badge bg-primary mx-1">Digital: [[ volume.volume_have ]]/[[ volume.volume_total ]]</span>
+                                    <span class="badge bg-primary mx-1">Physical: [[ ownedNumber ]]/[[ volume.volume_total ]]</span>
+                                    <span class="badge bg-primary mx-1">Read: [[ readNumber ]]/[[ volume.volume_total ]]</span>
+                                    <a class="badge bg-primary mx-1" :href="volume.volume_url" target="new">ComicVine</a>
+                                    <br>
+                                    {{ emit_tep('single_volume_page_badge_row', volume_id=volume_id) }}
+                                    <!-- END BADGES -->
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col text-center text-md-start">
+                                    <!-- START BUTTON -->
+                                    <button class="btn btn-primary m-1" type="button" data-bs-toggle="modal" data-bs-target="#modalInfo">
+                                        INFORMATION
+                                    </button>
+                                    {{ emit_tep('single_volume_page_button_row', volume_id=volume_id) }}
+                                    <!-- END BUTTON -->
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-12 col-md-2 text-center text-md-right">
+                            <!-- START NEW ACTIONS -->
+                            <div class="dropdown">
+                                <a class="btn btn-secondary dropdown-toggle" href="#" role="button" id="actionMenu" data-bs-toggle="dropdown" aria-expanded="false">
+                                    Actions
+                                </a>
+                              
+                                <ul class="dropdown-menu" aria-labelledby="actionMenu">
+                                    {% if (current_user.role.lower() == 'admin') or
+                                          (current_user.role.lower() == 'librarian') %}  
+                                    <li><a class="dropdown-item" data-bs-toggle="modal" data-bs-target="#modalRatingEdit">
+                                        <i class="far fa-sticky-note mx-1"></i>
+                                        Edit Rating
+                                    </a></li>
+                                    <li><a class="dropdown-item" v-on:click="refreshVolume">
+                                        <i class="fas fa-sync-alt mx-1"></i>
+                                        Refresh
+                                    </a></li>
+                                    <li><a class="dropdown-item" v-on:click="toggleStatus">
+                                        <span v-if="volume.volume_status">
+                                            <i class="fas fa-stop mx-1"></i>
+                                            Mark Ended
+                                        </span>
+                                        <span v-else>
+                                            <i class="fas fa-play mx-1"></i>
+                                            Mark Ongoing
+                                        </span>
+                                    </a></li>
+                                    <li><a class="dropdown-item" data-bs-toggle="modal" data-bs-target="#modalRemove">
+                                        <i class="fas fa-trash-alt mx-1"></i>
+                                        Remove From Library
+                                    </a></li>
+                                    {% endif %}
+                                    {{ emit_tep("single_volume_page_action_dropdown", volume_id=volume_id) }}
+                                </ul>
+                            </div>
+                            <!-- END NEW ACTIONS -->
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+    </div>
+    `,
+    computed: {
+        publisherName() {
+            let pub_name = 'Not Defined';
+            try {
+                pub_name = this.volume.publisher.publisher_name;
+            } finally {
+                return pub_name;
+            }
+        },
+        ownedNumber() {
+            var read_issues = app.issues.filter(issue => issue.owned_status[0].owned_status == 1)
+            return read_issues.length
+        },
+        readNumber() {
+            var read_issues = app.issues.filter(issue => issue.read_status[0].read_status == 1)
+            return read_issues.length
+        },
+        volumeNote() {
+            let note = ''
+            try { 
+                note = this.volume.notes.volume_note;
+            } finally { 
+                return note; 
+            };
+        },
+        volumeStatus() {
+            let classname = 'bg-danger';
+            if (this.volume.volume_status) {
+                classname = 'bg-success'
+            };
+            return classname;
+        },
+        statusWord() {
+            let status = 'Ended';
+            if(this.volume.volume_status) {
+                status = 'Ongoing';
+            };
+            return status;
+        }
+    },
+    methods: {
+        toggleStatus() {
+            axios.put('{{ url_for('api.api_put_single_volume', volume_id=volume_id) }}', {
+                data: {
+                    volume_status: !this.volume.volume_status
+                }
+            })
+                .then(res => {
+                    if(res.data.status_code == '200') {
+                        stashrToast('Status Updated', 'success')
+                        this.volume.volume_status = !this.volume.volume_status
+                    } else {
+                        stashrToast(res.data.message, 'error')
+                    }
+                })
+                .catch(err => console.log(err))
+        },
+        refreshVolume() {
+            app.refreshVolume()
+        },
+        deleteSubscription() {
+            axios.delete('{{ url_for('api.api_delete_single_volume', volume_id=volume_id) }}')
+                .then(function(response) {
+                    window.location.replace("{{ url_for('all_volumes_page') }}");
+                })
+                .catch(err => console.log(err))
+        },
+    },
+    created() {
+        document.title = 'Stashr - ' + this.volume.volume_name;
+    },
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('issue-item', {
+    props: ['issue'],
+    template: `
+    <li class='stashr-cover_size m-2'
+        @mouseover="hover = true"
+        @mouseleave="hover = false"
+    >
+        <div class='stashr-poster_wrapper rounded'>
+            <div class="stashr-badge_tl badge rounded-pill bg-info border">[[ issue.issue_number ]]</div>
+            <div class="stashr-badge_bl badge rounded-pill bg-dark border">
+                <i class="fas fa-check" v-bind:class="statusFile"></i>
+                <i class="fas fa-book" v-bind:class="statusOwned" v-on:click="toggleOwned"></i>
+            </div>
+            <div class="stashr-badge_br badge rounded-pill bg-dark border">
+                <i class="fas fa-eye" v-bind:class="statusRead" v-on:click="toggleRead"></i>
+            </div>
+            <div class="stashr-poster_container border rounded">
+                <div class="stashr-overlay_top w-100 center" v-if="hover" >
+                    <!-- START BUTTONS -->
+                    <span v-if="issue.issue_file_status">
+                        <!-- HAVE -->
+                        {% if (current_user.role.lower() == 'admin') or
+                              (current_user.role.lower() == 'librarian') or
+                              (current_user.role.lower() == 'patron') %}
+                        <a :href="'/api/downloads/'+issue.issue_id" data-toggle='tooltip' data-placement="top" title="Download"><i class="text-primary px-1 fas fa-download"></i></a>
+                        {% endif %}
+                        <a :href="'/read/'+issue.issue_id" data-toggle="tooltip" title="Read"><i class="text-primary px-1 fas fa-book"></i></a>
+                        <a v-on:click="addToReadingList" data-toggle="tooltip" title="Add to Reading List"><i class="text-primary px-1 fas fa-plus"></i></a>
+                        <!--
+                        <span data-toggle="tooltip" title="Delete">
+                            <a data-bs-toggle="modal" data-bs-target="#modalDelete" :data-id="issue.issue_id" v-bind:data-number="issue.issue_number" >
+                                <i class="text-primary px-1 fas fa-trash-alt"></i>
+                            </a>
+                        </span>
+                        -->
+                        {{ emit_tep("single_volume_page_top_overlay_have", volume_id=volume_id) }}
+                    </span>
+                    <span v-else>
+                        <!-- MISSING -->
+                        {% if (current_user.role.lower() == 'admin') or
+                              (current_user.role.lower() == 'librarian') %}
+                        <span data-toggle="tooltip" title="Upload to Server">
+                            <a data-bs-toggle="modal" data-bs-target="#modalUpload" v-bind:data-issue_id=issue.issue_id v-bind:data-number=issue.issue_number >
+                                <i class="text-primary px-1 fas fa-cloud-upload-alt"></i>
+                            </a>
+                        </span>
+                        {% endif %}
+                        {{ emit_tep("single_volume_page_top_overlay_missing", volume_id=volume_id) }}
+                    </span>
+                    <!-- END BUTTONS -->
+                </div>
+                <img class="stashr-poster_background w-100" loading="eager" src="/static/assets/cover.svg" />
+                <a class="stashr-poster_link" data-bs-toggle="modal" data-bs-target="#modalAction" :data-volume_name=issue.volume.volume_name :data-issue_number=issue.issue_number :data-issue_id=issue.issue_id :data-issue_status=issue.issue_file_status v-on:click="this.changeModal">
+                    <img class="w-100" loading="lazy" :src="'/images/issues/' + this.issue.issue_id + '.jpg'"  @error="$event.target.src=issue.issue_cover_url" />
+                </a>
+            </div>
+        </div>
+    </li>
+    `,
+    data() { return { hover: false, have: false, } },
+    computed: {
+        statusFile() {
+            let classname = 'text-danger';
+            if(this.issue.issue_file_status) {
+                classname = 'text-success';
+            };
+            return classname;
+        },
+        statusOwned() {
+            let classname = 'text-danger';
+            try {
+                if(this.issue.owned_status[0].owned_status) {
+                    classname = 'text-success';
+                }
+            } catch {
+                classname = 'text-danger';
+            }
+            return classname;
+        },
+        statusRead() {
+            let classname = 'text-danger';
+            try {
+                if(this.issue.read_status[0].read_status) {
+                    classname = 'text-success';
+                }
+            } catch {
+                classname = 'text-danger';
+            }
+            return classname;
+        },
+    },
+    methods: {
+        toggleRead() {
+            axios.put('{{ url_for('api.api_put_single_issue', issue_id='ISSUEID') }}'.replace('ISSUEID', this.issue.issue_id), {
+                data: {
+                    read_status: !this.issue.read_status[0].read_status
+                }
+            })
+                .then(res => {
+                    if(res.data.status_code == '200') {
+                        stashrToast('Toggled Read Status', 'success')
+                        this.issue.read_status[0].read_status = !this.issue.read_status[0].read_status;
+                    } else {
+                        stashrToast(res.data.message, 'error')
+                    }
+                })
+                .catch(err => console.log(err))
+        },
+        toggleOwned() {
+            axios.put('{{ url_for('api.api_put_single_issue', issue_id='ISSUEID') }}'.replace('ISSUEID', this.issue.issue_id), {
+                data: {
+                    owned_status: !this.issue.owned_status[0].owned_status
+                }
+            })
+                .then(res => {
+                    if(res.data.status_code == '200') {
+                        stashrToast('Toggled Owned Status', 'success')
+                        this.issue.owned_status[0].owned_status = !this.issue.owned_status[0].owned_status;
+                    } else {
+                        stashrToast(res.data.message, 'error')
+                    }
+                })
+                .catch(err => console.log(err))
+        },
+        addToReadingList() {
+            axios.post('{{ url_for('api.api_post_reading_list') }}', {
+                issue_id: this.issue.issue_id
+            })
+                .then( res => {
+                    if(res.data.status_code == '200') {
+                        stashrToast('Added to Reading List', 'success')
+                    } else {
+                        stashrToast(res.data.message, 'error')
+                    }
+                })
+                .catch(err => console.log(err))
+        },
+        imageError() {
+            $event.target.src = 'shit'
+        },
+        addToCollection() {
+            let collection = document.getElementById('collectionName').value
+            if (collection == 0) {
+                axios.post('{{ url_for('api.api_post_all_collections') }}', {  data: {
+                    collection_name: document.getElementById('newCollection').value,
+                    issue_id: this.issue.issue_id
+                }})
+                    .then(function(response) {
+                        if (response.data.status_code == '200') {
+                            stashrToast('Added to Collection', 'success')
+                        } else {
+                            stashrToast(response.data.message, 'error')
+                        }
+                    })
+                    .catch(err => console.log(err))
+            } else {
+                axios.post('{{ url_for('api.api_post_single_collection', collection_slug='COLLECTIONID') }}'.replace('COLLECTIONID', collection), {
+                    data: {
+                        issue_id: this.issue.issue_id
+                    }
+                })
+                .then(function(response){
+                    if (response.data.status_code == '200') {
+                        stashrToast('Added to Collection', 'success')
+                    } else {
+                        stashrToast(response.data.message, 'error')
+                    }
+                })
+                .catch(err => console.log(err))
+            }
+        },
+        changeModal() {
+            app.changeModal(this.issue)
+        },
+        toggleFile() {
+            this.issue.issue_file_status = 'true';
+            app.$refs.volume.volume.volume_have = parseInt(app.$refs.volume.volume.volume_have) + 1
+        },
+        deleteIssue() {
+            axios.delete('{{ url_for('api.api_delete_single_issue', issue_id='ISSUEID') }}'.replace('ISSUEID', this.issue.issue_id))
+                .then( res=> {
+                    if(res.data.status_code == 200) {
+                        app.refreshVolumeInfo();
+                        this.issue.issue_file_status = 0;
+                        stashrToast('Issue Deleted', 'success')
+                    }
+                })
+                .catch(err => console.log(err))
+        },
+    },
+    delimiters: ["[[","]]"]
+})
+
+Vue.component('issues', {
+    props: ['issues'],
+    template: `
+    <div>
+        <ul class="d-flex flex-wrap w-100 m-0 p-0 justify-content-center">
+            <issue-item
+                v-for="issue in issues"
+                v-bind:issue="issue"
+                v-bind:key="issue.issue_id"
+            ></issue-item>
+        </ul>
+    </div>
+    `,
+    delimiters: ["[[","]]"]
+})
+
+var app = new Vue({
+    el: '#app',
+    data: {
+        volume: [],
+        issues: [],
+        issue: [],
+        ratings: [],
+        collections: [],
+    },
+    created() {
+        this.getVolume();
+        this.getIssues();
+        this.getRatings();
+        this.getCollections();
+    },
+    methods: {
+        getVolume() {
+            axios.get('{{ url_for('api.api_get_single_volume', volume_id=volume_id) }}')
+                .then(res => {
+                    if(res.data.status_code == '200') {
+                        this.volume = res.data.results
+                    } else {
+                        stashrToast(res.data.message, 'error')
+                    }
+                })
+                .catch(err => console.log(err))
+        },
+        getIssues() {
+            axios.get('{{ url_for('api.api_get_single_volume_all_issues', volume_id=volume_id) }}', {
+                params: {
+                    offset: this.issues.length
+                }
+            })
+                .then(res => {
+                    if(res.data.number_of_page_results > 0) {
+                        res.data.results.forEach(result => {
+                            this.issues.push(result)
+                        });
+                        if(this.issues.length < res.data.number_of_total_results) {
+                            this.getIssues();
+                        }
+                    }
+                    this.issue = this.issues[0]
+                })
+                .catch(err => console.log(err))
+        },
+        changeModal(issue) {
+            this.issue = issue
+        },
+        getRatings() {
+            axios.get('{{ url_for('api.api_get_all_ratings') }}')
+                .then(res => {
+                    this.ratings = res.data.results;
+                })
+                .catch(err => console.log(err))
+        },
+        getCollections() {
+            axios.get('{{ url_for('api.api_get_all_collections') }}')
+                .then(res => {
+                    if(res.status == '200') {
+                        this.collections = res.data.results
+                    } else {
+                        stashrToast('Problem Retrieving Collections', 'error')
+                    }
+                })
+                .catch(err => console.log(err))
+        },
+        refreshVolume() {
+            axios.post('{{ url_for('api.api_post_single_volume', volume_id=volume_id) }}')
+                .then(res => {
+                    if(res.data.status_code == '200') {
+                        this.refreshVolumeInfo();
+                        this.refreshIssueInfo();
+                        stashrToast('Updated Volume', 'success')
+                    } else {
+                        stashrToast(res.data.message, 'error')
+                    }
+                })
+                .catch(err => console.log(err))
+        },
+        refreshCollections() {
+            this.collections = [];
+            this.getCollections();
+        },
+        refreshVolumeInfo() {
+            this.volume = [];
+            this.getVolume();
+        },
+        refreshIssueInfo() {
+            this.issues = [];
+            this.getIssues();
+        },
+    },
+    delimiters: ["[[","]]"]
+});
+
+{{ emit_tep('single_volume_page_script', volume_id=volume_id) }}
+
+{% endblock %}