You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ponymail.apache.org by hu...@apache.org on 2020/08/14 17:49:13 UTC

[incubator-ponymail-foal] branch master updated (52f97b8 -> 0648a75)

This is an automated email from the ASF dual-hosted git repository.

humbedooh pushed a change to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-ponymail-foal.git.


    from 52f97b8  Add CI status badge
     new e609001  Add donated web UI, add license
     new 7626e31  Merge branch 'master' of github.com:apache/incubator-ponymail-foal
     new 0648a75  Swith to self.generator, which has override if defined.

The 3 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails.  The revisions
listed as "add" were already present in the repository and have only
been added to this reference.


Summary of changes:
 LICENSE                                        |  201 ++
 tools/archiver.py                              |    2 +-
 webui/css/bootstrap-theme.css                  |  596 +++++
 webui/css/bootstrap-theme.css.map              |    1 +
 webui/css/bootstrap-theme.min.css              |   14 +
 webui/css/bootstrap.css.map                    |    1 +
 webui/css/bootstrap.min.css                    |   14 +
 webui/css/modal.css                            |  140 ++
 webui/css/scaffolding.css                      | 1159 +++++++++
 webui/css/spinner.css                          |   96 +
 webui/css/treeview.css                         |   17 +
 webui/fonts/glyphicons-halflings-regular.eot   |  Bin 0 -> 20127 bytes
 webui/fonts/glyphicons-halflings-regular.svg   |  288 +++
 webui/fonts/glyphicons-halflings-regular.ttf   |  Bin 0 -> 45404 bytes
 webui/fonts/glyphicons-halflings-regular.woff  |  Bin 0 -> 23424 bytes
 webui/fonts/glyphicons-halflings-regular.woff2 |  Bin 0 -> 18028 bytes
 webui/fonts/selawk.ttf                         |  Bin 0 -> 44108 bytes
 webui/images/demo.png                          |  Bin 0 -> 242653 bytes
 webui/images/logo_large.png                    |  Bin 0 -> 42840 bytes
 webui/images/oauth_apache.png                  |  Bin 0 -> 11213 bytes
 webui/images/oauth_github.png                  |  Bin 0 -> 8900 bytes
 webui/images/oauth_google.png                  |  Bin 0 -> 12135 bytes
 webui/images/oauth_twitter.png                 |  Bin 0 -> 5237 bytes
 webui/images/ponymail.svg                      |  199 ++
 webui/images/sr_off.png                        |  Bin 0 -> 12691 bytes
 webui/images/sr_on.png                         |  Bin 0 -> 12762 bytes
 webui/images/themes.png                        |  Bin 0 -> 9378 bytes
 webui/images/user.png                          |  Bin 0 -> 8365 bytes
 webui/images/user_loggedout.png                |  Bin 0 -> 8119 bytes
 webui/images/user_notif.png                    |  Bin 0 -> 1365 bytes
 webui/index.html                               |   70 +
 webui/js/bootstrap.min.js                      |   12 +
 webui/js/config.js                             |   66 +
 webui/js/oauth.js                              |  142 ++
 webui/js/ponymail.js                           | 3214 ++++++++++++++++++++++++
 webui/js/source/base-http-extensions.js        |  118 +
 webui/js/source/base-js-extensions.js          |  139 +
 webui/js/source/body-fixups.js                 |  304 +++
 webui/js/source/build.sh                       |   24 +
 webui/js/source/composer.js                    |  152 ++
 webui/js/source/construct-thread.js            |  121 +
 webui/js/source/datepicker.js                  |  739 ++++++
 webui/js/source/init.js                        |   98 +
 webui/js/source/key-commands.js                |  208 ++
 webui/js/source/list-index.js                  |   89 +
 webui/js/source/listview-flat.js               |  102 +
 webui/js/source/listview-header.js             |  261 ++
 webui/js/source/listview-threaded.js           |  180 ++
 webui/js/source/preferences.js                 |  128 +
 webui/js/source/primer.js                      |  180 ++
 webui/js/source/render-email.js                |  169 ++
 webui/js/source/scaffolding-html.js            |  151 ++
 webui/js/source/search.js                      |   60 +
 webui/js/source/sidebar-calendar.js            |  122 +
 webui/js/source/sidebar-stats.js               |   61 +
 webui/js/weburl.js                             |  102 +
 webui/js/wordcloud.js                          |  174 ++
 webui/list.html                                |  179 ++
 webui/oauth.html                               |   47 +
 webui/thread.html                              |   89 +
 60 files changed, 10228 insertions(+), 1 deletion(-)
 create mode 100644 LICENSE
 create mode 100644 webui/css/bootstrap-theme.css
 create mode 100644 webui/css/bootstrap-theme.css.map
 create mode 100644 webui/css/bootstrap-theme.min.css
 create mode 100644 webui/css/bootstrap.css.map
 create mode 100644 webui/css/bootstrap.min.css
 create mode 100644 webui/css/modal.css
 create mode 100644 webui/css/scaffolding.css
 create mode 100644 webui/css/spinner.css
 create mode 100644 webui/css/treeview.css
 create mode 100644 webui/fonts/glyphicons-halflings-regular.eot
 create mode 100644 webui/fonts/glyphicons-halflings-regular.svg
 create mode 100644 webui/fonts/glyphicons-halflings-regular.ttf
 create mode 100644 webui/fonts/glyphicons-halflings-regular.woff
 create mode 100644 webui/fonts/glyphicons-halflings-regular.woff2
 create mode 100644 webui/fonts/selawk.ttf
 create mode 100644 webui/images/demo.png
 create mode 100644 webui/images/logo_large.png
 create mode 100644 webui/images/oauth_apache.png
 create mode 100644 webui/images/oauth_github.png
 create mode 100644 webui/images/oauth_google.png
 create mode 100644 webui/images/oauth_twitter.png
 create mode 100644 webui/images/ponymail.svg
 create mode 100644 webui/images/sr_off.png
 create mode 100644 webui/images/sr_on.png
 create mode 100644 webui/images/themes.png
 create mode 100644 webui/images/user.png
 create mode 100644 webui/images/user_loggedout.png
 create mode 100644 webui/images/user_notif.png
 create mode 100644 webui/index.html
 create mode 100644 webui/js/bootstrap.min.js
 create mode 100644 webui/js/config.js
 create mode 100644 webui/js/oauth.js
 create mode 100644 webui/js/ponymail.js
 create mode 100644 webui/js/source/base-http-extensions.js
 create mode 100644 webui/js/source/base-js-extensions.js
 create mode 100644 webui/js/source/body-fixups.js
 create mode 100644 webui/js/source/build.sh
 create mode 100644 webui/js/source/composer.js
 create mode 100644 webui/js/source/construct-thread.js
 create mode 100644 webui/js/source/datepicker.js
 create mode 100644 webui/js/source/init.js
 create mode 100644 webui/js/source/key-commands.js
 create mode 100644 webui/js/source/list-index.js
 create mode 100644 webui/js/source/listview-flat.js
 create mode 100644 webui/js/source/listview-header.js
 create mode 100644 webui/js/source/listview-threaded.js
 create mode 100644 webui/js/source/preferences.js
 create mode 100644 webui/js/source/primer.js
 create mode 100644 webui/js/source/render-email.js
 create mode 100644 webui/js/source/scaffolding-html.js
 create mode 100644 webui/js/source/search.js
 create mode 100644 webui/js/source/sidebar-calendar.js
 create mode 100644 webui/js/source/sidebar-stats.js
 create mode 100644 webui/js/weburl.js
 create mode 100644 webui/js/wordcloud.js
 create mode 100644 webui/list.html
 create mode 100644 webui/oauth.html
 create mode 100644 webui/thread.html


[incubator-ponymail-foal] 02/03: Merge branch 'master' of github.com:apache/incubator-ponymail-foal

Posted by hu...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

humbedooh pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-ponymail-foal.git

commit 7626e31b95cc58e448fa03b4a5c664d3bf5721c8
Merge: e609001 52f97b8
Author: Daniel Gruno <hu...@apache.org>
AuthorDate: Fri Aug 14 15:20:42 2020 +0200

    Merge branch 'master' of github.com:apache/incubator-ponymail-foal

 README.md | 2 ++
 1 file changed, 2 insertions(+)


[incubator-ponymail-foal] 03/03: Swith to self.generator, which has override if defined.

Posted by hu...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

humbedooh pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-ponymail-foal.git

commit 0648a757fa2426fc5bd4e5721fc54a3de657019f
Author: Daniel Gruno <hu...@apache.org>
AuthorDate: Fri Aug 14 19:43:54 2020 +0200

    Swith to self.generator, which has override if defined.
    
    Otherwise we lose functionality of --generator.
---
 tools/archiver.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tools/archiver.py b/tools/archiver.py
index 216dffa..c3c5f46 100755
--- a/tools/archiver.py
+++ b/tools/archiver.py
@@ -438,7 +438,7 @@ class Archiver(object):  # N.B. Also used by import-mbox.py
             pmid = mid
             try:
                 mid = plugins.generators.generate(
-                    archiver_generator, msg, body, lid, attachments, raw_msg
+                    self.generator, msg, body, lid, attachments, raw_msg
                 )
             except Exception as err:
                 if logger:


[incubator-ponymail-foal] 01/03: Add donated web UI, add license

Posted by hu...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

humbedooh pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-ponymail-foal.git

commit e60900184811d684f103678f2f431ddaffff65f5
Author: Daniel Gruno <hu...@apache.org>
AuthorDate: Fri Aug 14 14:10:25 2020 +0200

    Add donated web UI, add license
---
 LICENSE                                        |  201 ++
 webui/css/bootstrap-theme.css                  |  596 +++++
 webui/css/bootstrap-theme.css.map              |    1 +
 webui/css/bootstrap-theme.min.css              |   14 +
 webui/css/bootstrap.css.map                    |    1 +
 webui/css/bootstrap.min.css                    |   14 +
 webui/css/modal.css                            |  140 ++
 webui/css/scaffolding.css                      | 1159 +++++++++
 webui/css/spinner.css                          |   96 +
 webui/css/treeview.css                         |   17 +
 webui/fonts/glyphicons-halflings-regular.eot   |  Bin 0 -> 20127 bytes
 webui/fonts/glyphicons-halflings-regular.svg   |  288 +++
 webui/fonts/glyphicons-halflings-regular.ttf   |  Bin 0 -> 45404 bytes
 webui/fonts/glyphicons-halflings-regular.woff  |  Bin 0 -> 23424 bytes
 webui/fonts/glyphicons-halflings-regular.woff2 |  Bin 0 -> 18028 bytes
 webui/fonts/selawk.ttf                         |  Bin 0 -> 44108 bytes
 webui/images/demo.png                          |  Bin 0 -> 242653 bytes
 webui/images/logo_large.png                    |  Bin 0 -> 42840 bytes
 webui/images/oauth_apache.png                  |  Bin 0 -> 11213 bytes
 webui/images/oauth_github.png                  |  Bin 0 -> 8900 bytes
 webui/images/oauth_google.png                  |  Bin 0 -> 12135 bytes
 webui/images/oauth_twitter.png                 |  Bin 0 -> 5237 bytes
 webui/images/ponymail.svg                      |  199 ++
 webui/images/sr_off.png                        |  Bin 0 -> 12691 bytes
 webui/images/sr_on.png                         |  Bin 0 -> 12762 bytes
 webui/images/themes.png                        |  Bin 0 -> 9378 bytes
 webui/images/user.png                          |  Bin 0 -> 8365 bytes
 webui/images/user_loggedout.png                |  Bin 0 -> 8119 bytes
 webui/images/user_notif.png                    |  Bin 0 -> 1365 bytes
 webui/index.html                               |   70 +
 webui/js/bootstrap.min.js                      |   12 +
 webui/js/config.js                             |   66 +
 webui/js/oauth.js                              |  142 ++
 webui/js/ponymail.js                           | 3214 ++++++++++++++++++++++++
 webui/js/source/base-http-extensions.js        |  118 +
 webui/js/source/base-js-extensions.js          |  139 +
 webui/js/source/body-fixups.js                 |  304 +++
 webui/js/source/build.sh                       |   24 +
 webui/js/source/composer.js                    |  152 ++
 webui/js/source/construct-thread.js            |  121 +
 webui/js/source/datepicker.js                  |  739 ++++++
 webui/js/source/init.js                        |   98 +
 webui/js/source/key-commands.js                |  208 ++
 webui/js/source/list-index.js                  |   89 +
 webui/js/source/listview-flat.js               |  102 +
 webui/js/source/listview-header.js             |  261 ++
 webui/js/source/listview-threaded.js           |  180 ++
 webui/js/source/preferences.js                 |  128 +
 webui/js/source/primer.js                      |  180 ++
 webui/js/source/render-email.js                |  169 ++
 webui/js/source/scaffolding-html.js            |  151 ++
 webui/js/source/search.js                      |   60 +
 webui/js/source/sidebar-calendar.js            |  122 +
 webui/js/source/sidebar-stats.js               |   61 +
 webui/js/weburl.js                             |  102 +
 webui/js/wordcloud.js                          |  174 ++
 webui/list.html                                |  179 ++
 webui/oauth.html                               |   47 +
 webui/thread.html                              |   89 +
 59 files changed, 10227 insertions(+)

diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..261eeb9
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/webui/css/bootstrap-theme.css b/webui/css/bootstrap-theme.css
new file mode 100644
index 0000000..3661e71
--- /dev/null
+++ b/webui/css/bootstrap-theme.css
@@ -0,0 +1,596 @@
+/*!
+ * Bootstrap v3.3.5 (http://getbootstrap.com)
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+/*!
+ * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=28ae8c5a752f6b18d3a3)
+ * Config saved to config.json and https://gist.github.com/28ae8c5a752f6b18d3a3
+ */
+/*!
+ * Bootstrap v3.3.5 (http://getbootstrap.com)
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+.btn-default,
+.btn-primary,
+.btn-success,
+.btn-info,
+.btn-warning,
+.btn-danger {
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+.btn-default:active,
+.btn-primary:active,
+.btn-success:active,
+.btn-info:active,
+.btn-warning:active,
+.btn-danger:active,
+.btn-default.active,
+.btn-primary.active,
+.btn-success.active,
+.btn-info.active,
+.btn-warning.active,
+.btn-danger.active {
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}
+.btn-default.disabled,
+.btn-primary.disabled,
+.btn-success.disabled,
+.btn-info.disabled,
+.btn-warning.disabled,
+.btn-danger.disabled,
+.btn-default[disabled],
+.btn-primary[disabled],
+.btn-success[disabled],
+.btn-info[disabled],
+.btn-warning[disabled],
+.btn-danger[disabled],
+fieldset[disabled] .btn-default,
+fieldset[disabled] .btn-primary,
+fieldset[disabled] .btn-success,
+fieldset[disabled] .btn-info,
+fieldset[disabled] .btn-warning,
+fieldset[disabled] .btn-danger {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.btn-default .badge,
+.btn-primary .badge,
+.btn-success .badge,
+.btn-info .badge,
+.btn-warning .badge,
+.btn-danger .badge {
+  text-shadow: none;
+}
+.btn:active,
+.btn.active {
+  background-image: none;
+}
+.btn-default {
+  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
+  background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
+  background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #dbdbdb;
+  text-shadow: 0 1px 0 #fff;
+  border-color: #ccc;
+}
+.btn-default:hover,
+.btn-default:focus {
+  background-color: #e0e0e0;
+  background-position: 0 -15px;
+}
+.btn-default:active,
+.btn-default.active {
+  background-color: #e0e0e0;
+  border-color: #dbdbdb;
+}
+.btn-default.disabled,
+.btn-default[disabled],
+fieldset[disabled] .btn-default,
+.btn-default.disabled:hover,
+.btn-default[disabled]:hover,
+fieldset[disabled] .btn-default:hover,
+.btn-default.disabled:focus,
+.btn-default[disabled]:focus,
+fieldset[disabled] .btn-default:focus,
+.btn-default.disabled.focus,
+.btn-default[disabled].focus,
+fieldset[disabled] .btn-default.focus,
+.btn-default.disabled:active,
+.btn-default[disabled]:active,
+fieldset[disabled] .btn-default:active,
+.btn-default.disabled.active,
+.btn-default[disabled].active,
+fieldset[disabled] .btn-default.active {
+  background-color: #e0e0e0;
+  background-image: none;
+}
+.btn-primary {
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
+  background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
+  background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #245580;
+}
+.btn-primary:hover,
+.btn-primary:focus {
+  background-color: #265a88;
+  background-position: 0 -15px;
+}
+.btn-primary:active,
+.btn-primary.active {
+  background-color: #265a88;
+  border-color: #245580;
+}
+.btn-primary.disabled,
+.btn-primary[disabled],
+fieldset[disabled] .btn-primary,
+.btn-primary.disabled:hover,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary:hover,
+.btn-primary.disabled:focus,
+.btn-primary[disabled]:focus,
+fieldset[disabled] .btn-primary:focus,
+.btn-primary.disabled.focus,
+.btn-primary[disabled].focus,
+fieldset[disabled] .btn-primary.focus,
+.btn-primary.disabled:active,
+.btn-primary[disabled]:active,
+fieldset[disabled] .btn-primary:active,
+.btn-primary.disabled.active,
+.btn-primary[disabled].active,
+fieldset[disabled] .btn-primary.active {
+  background-color: #265a88;
+  background-image: none;
+}
+.btn-success {
+  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
+  background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
+  background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #3e8f3e;
+}
+.btn-success:hover,
+.btn-success:focus {
+  background-color: #419641;
+  background-position: 0 -15px;
+}
+.btn-success:active,
+.btn-success.active {
+  background-color: #419641;
+  border-color: #3e8f3e;
+}
+.btn-success.disabled,
+.btn-success[disabled],
+fieldset[disabled] .btn-success,
+.btn-success.disabled:hover,
+.btn-success[disabled]:hover,
+fieldset[disabled] .btn-success:hover,
+.btn-success.disabled:focus,
+.btn-success[disabled]:focus,
+fieldset[disabled] .btn-success:focus,
+.btn-success.disabled.focus,
+.btn-success[disabled].focus,
+fieldset[disabled] .btn-success.focus,
+.btn-success.disabled:active,
+.btn-success[disabled]:active,
+fieldset[disabled] .btn-success:active,
+.btn-success.disabled.active,
+.btn-success[disabled].active,
+fieldset[disabled] .btn-success.active {
+  background-color: #419641;
+  background-image: none;
+}
+.btn-info {
+  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
+  background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
+  background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #28a4c9;
+}
+.btn-info:hover,
+.btn-info:focus {
+  background-color: #2aabd2;
+  background-position: 0 -15px;
+}
+.btn-info:active,
+.btn-info.active {
+  background-color: #2aabd2;
+  border-color: #28a4c9;
+}
+.btn-info.disabled,
+.btn-info[disabled],
+fieldset[disabled] .btn-info,
+.btn-info.disabled:hover,
+.btn-info[disabled]:hover,
+fieldset[disabled] .btn-info:hover,
+.btn-info.disabled:focus,
+.btn-info[disabled]:focus,
+fieldset[disabled] .btn-info:focus,
+.btn-info.disabled.focus,
+.btn-info[disabled].focus,
+fieldset[disabled] .btn-info.focus,
+.btn-info.disabled:active,
+.btn-info[disabled]:active,
+fieldset[disabled] .btn-info:active,
+.btn-info.disabled.active,
+.btn-info[disabled].active,
+fieldset[disabled] .btn-info.active {
+  background-color: #2aabd2;
+  background-image: none;
+}
+.btn-warning {
+  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
+  background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
+  background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #e38d13;
+}
+.btn-warning:hover,
+.btn-warning:focus {
+  background-color: #eb9316;
+  background-position: 0 -15px;
+}
+.btn-warning:active,
+.btn-warning.active {
+  background-color: #eb9316;
+  border-color: #e38d13;
+}
+.btn-warning.disabled,
+.btn-warning[disabled],
+fieldset[disabled] .btn-warning,
+.btn-warning.disabled:hover,
+.btn-warning[disabled]:hover,
+fieldset[disabled] .btn-warning:hover,
+.btn-warning.disabled:focus,
+.btn-warning[disabled]:focus,
+fieldset[disabled] .btn-warning:focus,
+.btn-warning.disabled.focus,
+.btn-warning[disabled].focus,
+fieldset[disabled] .btn-warning.focus,
+.btn-warning.disabled:active,
+.btn-warning[disabled]:active,
+fieldset[disabled] .btn-warning:active,
+.btn-warning.disabled.active,
+.btn-warning[disabled].active,
+fieldset[disabled] .btn-warning.active {
+  background-color: #eb9316;
+  background-image: none;
+}
+.btn-danger {
+  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
+  background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
+  background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  background-repeat: repeat-x;
+  border-color: #b92c28;
+}
+.btn-danger:hover,
+.btn-danger:focus {
+  background-color: #c12e2a;
+  background-position: 0 -15px;
+}
+.btn-danger:active,
+.btn-danger.active {
+  background-color: #c12e2a;
+  border-color: #b92c28;
+}
+.btn-danger.disabled,
+.btn-danger[disabled],
+fieldset[disabled] .btn-danger,
+.btn-danger.disabled:hover,
+.btn-danger[disabled]:hover,
+fieldset[disabled] .btn-danger:hover,
+.btn-danger.disabled:focus,
+.btn-danger[disabled]:focus,
+fieldset[disabled] .btn-danger:focus,
+.btn-danger.disabled.focus,
+.btn-danger[disabled].focus,
+fieldset[disabled] .btn-danger.focus,
+.btn-danger.disabled:active,
+.btn-danger[disabled]:active,
+fieldset[disabled] .btn-danger:active,
+.btn-danger.disabled.active,
+.btn-danger[disabled].active,
+fieldset[disabled] .btn-danger.active {
+  background-color: #c12e2a;
+  background-image: none;
+}
+.thumbnail,
+.img-thumbnail {
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+}
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus {
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
+  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
+  background-color: #e8e8e8;
+}
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:hover,
+.dropdown-menu > .active > a:focus {
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+  background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
+  background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
+  background-color: #2e6da4;
+}
+.navbar-default {
+  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
+  background-image: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8));
+  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
+}
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .active > a {
+  background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
+  background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
+  background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
+  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
+}
+.navbar-brand,
+.navbar-nav > li > a {
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
+}
+.navbar-inverse {
+  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
+  background-image: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222222));
+  background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  border-radius: 4px;
+}
+.navbar-inverse .navbar-nav > .open > a,
+.navbar-inverse .navbar-nav > .active > a {
+  background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
+  background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
+  background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
+  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
+  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
+}
+.navbar-inverse .navbar-brand,
+.navbar-inverse .navbar-nav > li > a {
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.navbar-static-top,
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  border-radius: 0;
+}
+@media (max-width: 767px) {
+  .navbar .navbar-nav .open .dropdown-menu > .active > a,
+  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
+  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
+    color: #fff;
+    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+    background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
+    background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
+  }
+}
+.alert {
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+.alert-success {
+  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
+  background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
+  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
+  border-color: #b2dba1;
+}
+.alert-info {
+  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
+  background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
+  background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
+  border-color: #9acfea;
+}
+.alert-warning {
+  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
+  background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
+  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
+  border-color: #f5e79e;
+}
+.alert-danger {
+  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
+  background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
+  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
+  border-color: #dca7a7;
+}
+.progress {
+  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
+  background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
+  background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
+}
+.progress-bar {
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
+  background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
+  background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
+}
+.progress-bar-success {
+  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
+  background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
+  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
+}
+.progress-bar-info {
+  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
+  background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
+  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
+}
+.progress-bar-warning {
+  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
+  background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
+  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
+}
+.progress-bar-danger {
+  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
+  background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
+  background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
+}
+.progress-bar-striped {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.list-group {
+  border-radius: 4px;
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
+}
+.list-group-item.active,
+.list-group-item.active:hover,
+.list-group-item.active:focus {
+  text-shadow: 0 -1px 0 #286090;
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
+  background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
+  background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
+  border-color: #2b669a;
+}
+.list-group-item.active .badge,
+.list-group-item.active:hover .badge,
+.list-group-item.active:focus .badge {
+  text-shadow: none;
+}
+.panel {
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+.panel-default > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
+  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
+}
+.panel-primary > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+  background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
+  background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
+}
+.panel-success > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
+  background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
+  background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
+}
+.panel-info > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
+  background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
+  background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
+}
+.panel-warning > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
+  background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
+  background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
+}
+.panel-danger > .panel-heading {
+  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
+  background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
+  background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
+}
+.well {
+  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
+  background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
+  background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
+  border-color: #dcdcdc;
+  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
+}
diff --git a/webui/css/bootstrap-theme.css.map b/webui/css/bootstrap-theme.css.map
new file mode 100644
index 0000000..7535311
--- /dev/null
+++ b/webui/css/bootstrap-theme.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["bootstrap-theme.css","less/theme.less","less/mixins/vendor-prefixes.less","less/mixins/gradients.less","less/mixins/reset-filter.less"],"names":[],"mappings":"AAAA;;;;GAIG;ACeH;;;;;;EAME,yCAAA;EC2CA,4FAAA;EACQ,oFAAA;CFvDT;ACgBC;;;;;;;;;;;;ECsCA,yDAAA;EACQ,iDAAA;CFxCT;ACMC;;;;;;;;;;;;;;;;;;ECiCA,yBAAA;EACQ,iBAAA;CFnBT;AC/BD;;;;;;EAuBI,kBAAA;CDgBH;ACyBC;;EAEE,uBAAA;CDvBH;AC4BD;EErEI,yEAAA;EACA,oEAAA;EACA,8FAAA;EAAA,uEAAA;EAEA,uHAAA;ECnBF,oEAAA;EH4CA,4BAAA;EACA,sBAA [...]
\ No newline at end of file
diff --git a/webui/css/bootstrap-theme.min.css b/webui/css/bootstrap-theme.min.css
new file mode 100644
index 0000000..5712a42
--- /dev/null
+++ b/webui/css/bootstrap-theme.min.css
@@ -0,0 +1,14 @@
+/*!
+ * Bootstrap v3.3.5 (http://getbootstrap.com)
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+/*!
+ * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=28ae8c5a752f6b18d3a3)
+ * Config saved to config.json and https://gist.github.com/28ae8c5a752f6b18d3a3
+ *//*!
+ * Bootstrap v3.3.5 (http://getbootstrap.com)
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */.btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger{text-shadow:0 -1px 0 rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075)}.btn-default:active,.btn-primary:active,.btn-success:active,.btn-info:active,.btn-warning:active,.btn-danger:active,.btn-default.active,.btn-primary.active,.btn-success.active,.btn-info.active,.btn-warning.active,.btn- [...]
\ No newline at end of file
diff --git a/webui/css/bootstrap.css.map b/webui/css/bootstrap.css.map
new file mode 100644
index 0000000..9f60ed2
--- /dev/null
+++ b/webui/css/bootstrap.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["bootstrap.css","less/normalize.less","less/print.less","less/glyphicons.less","less/scaffolding.less","less/mixins/vendor-prefixes.less","less/mixins/tab-focus.less","less/mixins/image.less","less/type.less","less/mixins/text-emphasis.less","less/mixins/background-variant.less","less/mixins/text-overflow.less","less/code.less","less/grid.less","less/mixins/grid.less","less/mixins/grid-framework.less","less/tables.less","less/mixins/table-row.less","less/forms.les [...]
\ No newline at end of file
diff --git a/webui/css/bootstrap.min.css b/webui/css/bootstrap.min.css
new file mode 100644
index 0000000..e70bced
--- /dev/null
+++ b/webui/css/bootstrap.min.css
@@ -0,0 +1,14 @@
+/*!
+ * Bootstrap v3.3.5 (http://getbootstrap.com)
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+/*!
+ * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=28ae8c5a752f6b18d3a3)
+ * Config saved to config.json and https://gist.github.com/28ae8c5a752f6b18d3a3
+ *//*!
+ * Bootstrap v3.3.5 (http://getbootstrap.com)
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr [...]
\ No newline at end of file
diff --git a/webui/css/modal.css b/webui/css/modal.css
new file mode 100644
index 0000000..5c06f66
--- /dev/null
+++ b/webui/css/modal.css
@@ -0,0 +1,140 @@
+#modal {
+    display: none;
+    position: fixed;
+    z-index: 1;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    background-color: rgb(0,0,0);
+    background-color: rgba(0,0,0,0.5);
+}
+
+#modal_content {
+    background-color: #fefefe;
+    margin: 15% auto;
+    padding: 20px;
+    border: 1px solid #888;
+    border-radius: 4px;
+    border-top: 8px solid #c04331;
+    width: 80%;
+    max-width: 720px;
+}
+
+#modal.modal_help > #modal_content {
+    background-color: #fefefe;
+    margin: 15% auto;
+    padding: 20px;
+    border: 1px solid #888;
+    border-radius: 4px;
+    border-top: 8px solid #43c031;
+    width: 80%;
+    max-width: 720px;
+}
+
+
+#modal.modal_error > #modal_content {
+    background-color: #fefefe;
+    margin: 15% auto;
+    padding: 20px;
+    border: 1px solid #888;
+    border-radius: 4px;
+    border-top: 8px solid #c04331;
+    width: 80%;
+    max-width: 720px;
+}
+
+#composer_modal > #modal_content {
+    background-color: #fefefe;
+    margin: 15% auto;
+    padding: 20px;
+    border: 1px solid #888;
+    border-radius: 4px;
+    border-top: 8px solid #3143c0;
+    width: 80%;
+    max-width: 720px;
+}
+
+#modal_content > h2 {
+    float: left;
+    margin-top: -10px;
+    font-size: 3rem;
+}
+
+#modal_close {
+    color: #aaa;
+    float: right;
+    font-size: 28px;
+    margin-top: -16px;
+    font-weight: bold;
+}
+
+#modal_close:hover,
+#modal_close:focus {
+    color: black;
+    text-decoration: none;
+    cursor: pointer;
+}
+
+
+#modal_content > div > p {
+    margin-top: 40px;
+}
+
+
+
+
+/* Composer */
+#composer_modal {
+    display: none;
+    position: fixed;
+    z-index: 1;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    background-color: rgb(0,0,0);
+    background-color: rgba(0,0,0,0.5);
+}
+
+#composer_modal_content {
+    background-color: #fefefe;
+    margin: 15% auto;
+    padding: 20px;
+    border: 1px solid #888;
+    border-radius: 4px;
+    border-top: 8px solid #3143c0;
+    width: 80%;
+    max-width: 720px;
+}
+
+
+
+#composer_modal_content > h2 {
+    margin-top: -10px;
+    font-size: 2rem;
+    min-width: 75%;
+}
+
+#composer_modal_close {
+    color: #aaa;
+    float: right;
+    font-size: 28px;
+    margin-top: -16px;
+    font-weight: bold;
+}
+
+#composer_modal_close:hover,
+#composer_modal_close:focus {
+    color: black;
+    text-decoration: none;
+    cursor: pointer;
+}
+
+
+#composer_modal_content > div > p {
+    margin-top: 40px;
+}
+
diff --git a/webui/css/scaffolding.css b/webui/css/scaffolding.css
new file mode 100644
index 0000000..bef6a3c
--- /dev/null
+++ b/webui/css/scaffolding.css
@@ -0,0 +1,1159 @@
+/* Body */
+html {
+  min-height: calc(100% - 4px);
+  position: relative;
+}
+
+body {
+     background: #F5F5F5;
+     margin: 0 0 32px;
+}
+/* header and footer */
+
+header {
+     background: #EEE !important;
+     border-radius: 0px !important;
+}
+
+.navbar {
+     min-height: 30px;
+     max-height: 48px;
+}
+.footer {
+    text-align: center;
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    padding-top: 6px;
+    height: 30px;
+    background: rgba(30,30,30,0.2);
+    border-top: 1px solid rgba(40,40,40,0.15);
+    color: #333;
+    font-family: sans-serif;
+    font-size: 1.15rem;
+    display: block;
+}
+
+/* Advanced search bar */
+#advanced_search {
+     width: calc(35% - 100px);
+     max-width: 362px;
+     min-width: 220px;
+     position: absolute;
+     margin-top: 26px;
+     padding-left: 4px;
+     margin-left: -1px;
+     list-style: none;
+     background: #FFE;
+     border: 1px solid #999;
+     display: none;
+     z-index: 2;
+}
+
+
+/* Quick Search */
+
+#q {
+     background-position: center left;
+     background: url(../images/search.png) center left;
+     background-repeat: no-repeat;
+     text-indent: 24px;
+     background-color: #FFF;
+     border: none;
+     height: 30px;
+     font-size: 10pt;
+     border-radius: 0px;
+}
+
+.quickform {
+  width: 35%;
+  max-width: 450px;
+  min-width: 220px;
+}
+
+#q:active {
+     border: none;
+}
+
+#q-dropdown {
+     height: 26px !important;
+     width: 20px;
+     background: #FFF;
+     float: right;
+     padding-top: 4px;
+}
+
+.unifiedsearch {
+     border-top-right-radius: 4px;
+     border-bottom-right-radius: 4px;
+     border: 0.5px solid rgba(0,0,0,0);
+     float: left;
+     background: #999;
+     border: 1px solid #666;
+     height: 28px;
+     width: calc(100% - 40px);
+}
+
+.unifiedsearch:hover {
+     border: 1px solid #369d;
+}
+
+.unifiedsearch #q {
+     position: relative;
+     border-top: none !important;
+     padding-top: -1px;
+     width: calc(100% - 68px);
+     max-height: 26px;
+     line-height: 14px !important;
+     outline: none;
+}
+
+.unifiedsearch button {
+     border: none !important;
+     height: 26px;
+     margin-right: 0px;
+     border-left-style: none;
+     border-radius: 2px;
+     border-top-left-radius: 0px;
+     border-bottom-left-radius: 0px;
+     width: 48px;
+     float: right;
+}
+
+.btn {
+     max-height: 28px;
+     padding-top: 4px;
+}
+
+
+
+/* Calendar and date pickers */
+
+.divider {
+     border-bottom: 2px groove #DDD8;
+}
+
+.datepicker {
+     position: absolute;
+     width: 400px;
+     height: 240px;
+     border: 2px inset #666;
+     background: #FFF;
+     top: 32px;
+     left: 20px;
+     padding: 10px;
+     z-index: 1100;
+}
+
+.calendarpicker {
+     position: fixed;
+     min-width: 280px;
+     min-height: 220px;
+     border: 2px inset #666;
+     background: #FFF;
+     top: 32px;
+     left: 20px;
+     padding: 10px;
+     z-index: 1200;
+     text-align: center;
+     font-family: monospace;
+}
+
+.calendarpicker h3 {
+     margin: 0px;
+     font-family: sans-serif;
+     width: 100%;
+     background: linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%);
+     color: #FFF;
+}
+
+.calendarpicker a {
+     margin-left: 16px;
+     margin-right: 16px;
+     font-weight: bold;
+     color: #FFF;
+     padding-right: 8px;
+     padding-left: 8px;
+     background: linear-gradient(to bottom, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%);
+     border-radius: 4px;
+}
+
+.calendarpicker th {
+     background: linear-gradient(to bottom, rgba(255,214,94,1) 0%,rgba(254,191,4,1) 100%);
+     color: #333;
+     padding: 2px;
+     width: 38px;
+     height: 22px;
+     font-family: sans-serif;
+     font-size: 0.9em;
+     text-align: center;
+}
+
+.calendarpicker td {
+     font-size: 1em;
+     width: 16px;
+     height: 16px;
+     text-align: right;
+     padding: 3px;
+     width: 38px;
+     height: 22px;
+     cursor: pointer;
+     font-family: sans-serif;
+}
+
+.calendarpicker td:hover {
+     font-weight: bold;
+     background: linear-gradient(to bottom, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);
+}
+
+
+
+.dropdown-submenu {
+    position:relative;
+}
+.dropdown-submenu>.dropdown-menu {
+    top:0;
+    left:100%;
+    margin-top:-6px;
+    margin-left:-1px;
+    border-radius:0 6px 6px 6px;
+}
+.dropdown-submenu:hover>.dropdown-menu {
+    display:inline-block;
+}
+li .dropdown-submenu.pull-left {
+    height: 24px !important;
+}
+
+a.dropdown-toggle {
+  margin: 0px;
+  padding: 15px 8px !important;
+}
+
+.dropdown-submenu.pull-left>.dropdown-menu {
+     position: relative !important;
+     left: -235px !important;
+     top: -20px !important;
+     width: 240px;
+     border-radius:6px 0 6px 6px;
+}
+
+/* ListView header */
+
+#listview_header {
+    font-size: 1.5rem;
+    line-height: 32px;
+    text-align: center;
+}
+
+#listview_chevrons {
+    float: right;
+    width: 340px;
+    font-size: 1.2rem;
+    text-align: right;
+    padding-right: 8px;
+}
+
+#listview_header button {
+    width: 24px;
+    height: 24px;
+    line-height: 22px;
+    text-indent: -1px;
+    background: #EEE;
+    color: #555;
+    border: 1px outset #AAAA;
+}
+
+#listview_header button[disabled=true] {
+    color: #AAA;
+}
+
+#listview_header button[download=true] {
+    background: #4B0;
+    color: #FFF;
+    margin-left: 8px;
+}
+
+#listview_chevrons button:first-of-type {
+    border-right: none;
+    margin-left: 4px;
+}
+
+/* sidebar */
+#sidebar {
+     padding-left: 20px;
+
+}
+
+/* Gravatar icons */
+.gravatar {
+    width: 36px;
+    height: 36px;
+    float: left;
+    border-radius: 50%;
+}
+
+.gravatar_sm {
+    width: 24px;
+    height: 24px;
+    float: left;
+    margin-right: 4px;
+    border-radius: 50%;
+}
+
+.chatty_gravatar {
+    width: 42px;
+    height: 42px;
+    float: left;
+    border-radius: 50%;
+    margin-left: -4px;
+    margin-top: 4px;
+    background-color: #FFF;
+    border: 2.5px solid #FFF;
+    margin-bottom: -12px;
+    position: absolute;
+    z-index: 2;
+}
+
+
+/* Sidebar word cloud */
+#sidebar_wordcloud {
+    border-top: 2px groove #AAA3;
+    margin-top: 10px;
+    float: left;
+}
+
+/* Sidebar stats panel */
+
+#sidebar_stats {
+    margin-top: 10px;
+    border-top: 2px groove #AAA3;
+    width: 100%;
+    position: relative;
+    float: left;
+    font-size: 1rem;
+}
+
+.sidebar_stats_participant {
+    width: 90%;
+    float: left;
+    margin-bottom: 4px;
+    font-size: 1rem;
+}
+
+
+/* Sidebar calendar */
+
+#sidebar_calendar {
+     width: 100%;
+     user-select: none;
+     /*border: 1px solid #6666;*/
+}
+
+#sidebar_calendar > p {
+     margin: 0px;
+}
+.sidebar_calendar_year {
+     font-size: 1rem;
+     font-weight: bold;
+     margin-bottom: 8px;
+     width: 100%;
+     float: left;
+}
+
+.sidebar_calendar_month {
+     float: left;
+     font-weight: normal;
+     font-size: 0.6vw;
+     border-radius: 2px;
+     margin: 1px;
+     border-top: 3px solid #666;
+     width: 7%;
+     text-align: center;
+}
+
+.sidebar_calendar_month:hover {
+     cursor: pointer;
+     border-top: 3px solid #369;
+     color: #369;
+
+}
+
+.sidebar_calendar_month_nothing {
+     float: left;
+     font-weight: normal;
+     font-size: 0.6vw;
+     border-radius: 2px;
+     margin: 1px;
+     border-top: 3px solid #DDD;
+     color: #AAA;
+     width: 7%;
+     text-align: center;
+}
+
+.sidebar_calendar_chevron {
+     text-align: center;
+     width: 100%;
+     font-size: 16px;
+     height: 20px;
+     float: left;
+}
+
+.sidebar_calendar_chevron:hover {
+     color: #369;
+     cursor: pointer;
+}
+
+
+/* list picker */
+#list_picker {
+    height: 27px;
+    z-index: 1;
+    margin-bottom: -1px;
+}
+#list_picker ul {
+    list-style: none;
+    margin: 0px;
+}
+
+#list_picker_ul > li {
+    display: inline-block;
+    border: 1px solid #6666;
+    background: #F9F9F9;
+    border-radius: 0px;
+    margin: 0px;
+    margin-right: -1px;
+    height: 27px;
+    line-height: 18px;
+    padding: 2px;
+    padding-left: 8px;
+    padding-right: 8px;
+    padding-top: 2px;
+    max-width: 200px;
+    overflow: hidden;
+    white-space:nowrap;
+    text-overflow: ellipsis;
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+    border-top: 2px solid #6666;
+    border-bottom: 1px solid #6666;
+}
+
+#list_picker li.active {
+    z-index: 1;
+    height: 27px;
+    background: #FFF;
+    border-top: 2px solid #369;
+    border-bottom: 1px solid #FFF;
+}
+
+#list_picker li:not(.active):not(.others):hover {
+    border-top: 2px solid #693;
+    border-bottom: 1px solid #FFF;
+    cursor: pointer;
+    height: 27px;
+}
+
+#list_picker li.search {
+    z-index: 1;
+    height: 27px;
+    background: #FFE;
+    border-top: 2px solid #942;
+    border-bottom: 1px solid #FFF;
+}
+
+/* List Index */
+#list_index_child {
+    background: #FFF;
+    border: 1.5px groove #FFF9;
+    min-height: 100px;
+    max-width: 800px;
+}
+
+
+/* Emails */
+
+/* ListView email wrapper */
+#emails {
+    background: #FFF;
+    border: 1.5px groove #FFF9;
+    min-height: 100px;
+}
+
+
+/* Flat email item */
+.listview_email_flat {
+    background: #FFF;
+    border: 1.25px solid #CCC9;
+    border-left: 3px solid #AAA;
+    border-top: none;
+    height: 40px;
+    line-height: 40px;
+    padding-top: 2px;
+    font-size: 1.25rem;
+    float: left;
+    width: 100%;
+}
+
+.listview_email_as {
+  float: left;
+  width: calc(80% - 164px);
+  padding-left: 1%;
+  padding-right: 1%;
+
+}
+
+.listview_email_labels {
+  float: right;
+  width: 180px;
+  min-width: 180px;
+  text-align: right;
+  position: absolute;
+  right: 24px;
+}
+
+.email_unread {
+  font-weight: bold;
+}
+
+/* Hide labels, expand subject when mobile */
+@media only screen and (max-width: 600px) {
+  #portrait_notice {
+    display: block !important;
+    background: #FFD;
+    font-size: 83%;
+    font-weight: bold;
+    width: 100%;
+    text-align: center;
+    padding: 1px;
+  }
+  .listview_email_as {
+    width: calc(80% - 50px);
+    min-width: 200px;
+  }
+  .quickform {
+      width: 66%;
+  }
+  
+  .listview_email_labels {
+    display: none;
+  }
+  .listview_email_flat {
+    min-width: 300px;
+    animation: fadein 0.5s;
+  }
+  
+  @keyframes fadein {
+      from {
+          opacity:0;
+      }
+      to {
+          opacity:1;
+      }
+  }
+  #list_picker li {
+    display: none;
+    line-height: 1rem;
+  }
+  #list_picker ul>li.list_all_narrow {
+    display: inline-block !important;
+    max-width: 280px;
+    width: 280px;
+  }
+  #list_picker ul>li.list_all_narrow>select {
+    max-width: 240px;
+    width: 240px;
+  }
+  .navbar-brand {
+    display: none;
+  }
+  .chatty_body {
+    margin: 4px;
+    margin-left: 18px;
+    padding: 2px;
+    word-wrap: normal !important;
+    white-space: pre-wrap !important;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: calc(100% - 10px);
+  }
+  .chatty_body a {
+    word-break: break-all !important;
+  }
+  .quickform>a {
+    display: none;
+  }
+  #project_select {
+    max-width: 150px;
+    font-size: 80%;
+  }
+  
+  .listview_email_body {
+    white-space: normal !important;
+  }
+  
+  .listview_email_author {
+    width: 75% !important;
+    margin-top: -6px;
+    margin-left: 3px;
+  }
+  
+  .listview_email_as {
+    width: 100%;
+  }
+  .listview_email_flat {
+    height: auto;
+    margin-bottom: 3px;
+  }
+  
+  .listview_email_subject {
+    width: calc(100% - 48px);
+    margin-top: -16px;
+    margin-left: 39px;
+  }
+  #userprefs {
+    width: 100px;
+    
+  }
+  #project_select_form {
+    display: none;
+  }
+  #prefs #login {
+    width:64px;
+    display: inline;
+    margin-top: -20px !important;
+  }
+  
+  #threading_mobile {
+    margin-top: -4px !important;
+  }
+  
+}
+
+@media only screen and (max-width: 860px) {
+  .navbar-brand {
+    display: none;
+  }
+  #userprefs {
+    width: 100px;
+    z-index: 9;
+  }
+  .dropdown-toggle {
+    height: 40px;
+  }
+  #prefs ul li {
+    display: none;
+  }
+  
+  #prefs ul li#login {
+    display: inline-block;
+    margin-top: -10px;
+  }
+  #prefs ul #prefs_dropdown li {
+    display: inline-block;
+    background: #FFC;
+    color: #333;
+  }
+  
+  #threading_mobile {
+    display: inline !important;
+    float: right;
+    margin-top: 4px;
+  }
+  
+}
+
+@media only screen and (max-width: 1200px) {
+  .chatty_body {
+    word-wrap: normal !important;
+    white-space: pre-wrap;
+  }
+  .chatty_body a {
+    word-break: break-all !important;
+  }
+  #emails_parent {
+    min-width: 72.5%;
+  }
+}
+
+/* Hide word cloud on short displays */
+@media only screen and (max-height: 700px) {
+  #sidebar_wordcloud {
+    display: none;
+  }
+}
+
+.listview_email_labels .label {
+  margin-right: 8px;
+}
+
+.listview_email_author {
+  font-weight: bold;
+  width: 15%;
+  min-width: 80px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding-left: 1%;
+  line-height: 36px;
+  float: left;
+  white-space: nowrap;
+}
+
+.listview_email_subject {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: #1d4f75 !important;
+  line-height: 17px;
+}
+
+
+.listview_email_body {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: #888;
+  line-height: 17px;
+}
+
+.listview_email_flat:first-of-type {
+    border: 1.25px solid #CCC9;
+    border-left: 3px solid #AAA;
+}
+
+
+.listview_email_flat:hover {
+    border-left: 3px solid #369;
+    background: #FFE;
+}
+
+.listview_kbd {
+  padding: 2px 2px;
+  margin: 3px;
+  color: #333;
+  font-size: 80%;
+  background-color: #83e46f;
+}
+
+
+.listview_others {
+    display: block;
+    font-size: 12px;
+    font-family: sans-serif;
+    font-weight: 700;
+    color: #444;
+    line-height: 1rem;
+    padding: 4px;
+    width: 160px;
+    max-width: 160px; 
+    box-sizing: border-box;
+    margin: 0px;
+    border: 1px solid #aaa;
+    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
+    border-radius: .5em;
+    -moz-appearance: none;
+    -webkit-appearance: none;
+    appearance: none;
+    background-color: #fff;
+    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3 [...]
+      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
+    background-repeat: no-repeat, repeat;
+    background-position: right .7em top 50%, 0 0;
+    background-size: .65em auto, 100%;
+}
+.listview_others::-ms-expand {
+    display: none;
+}
+.listview_others:hover {
+    border-color: #888;
+}
+.listview_others:focus {
+    border-color: #aaa;
+    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
+    box-shadow: 0 0 0 3px -moz-mac-focusring;
+    color: #222; 
+    outline: none;
+}
+.listview_others option {
+    font-weight:normal;
+}
+
+#list_picker ul>li.list_all_narrow {
+  display: none;
+}
+
+
+/* Expanded email placeholder */
+.email_placeholder {
+  background: #FFEC;
+    font-family: Hack;
+    font-size: 1.25rem;
+    float: left;
+    width: 100%;
+    display: none;
+}
+
+.email_wrapper {
+
+    border: 1.25px solid #CCC9;
+    border-left: 3px solid #AAA;
+    font-family: Hack;
+    margin-left: 8px;
+    font-size: 1.25rem;
+    white-space: pre-line;
+    float: left;
+    width: calc(100% - 10px);
+    position: relative;
+
+}
+
+
+.email_placeholder_chatty .email_wrapper > .email_wrapper {
+  padding-left: 16px;
+  border: none;
+}
+
+
+.email_wrapper_nonest {
+    font-family: Hack;
+    margin-left: 0px;
+    font-size: 1.25rem;
+    white-space: pre-line;
+    float: left;
+    width: calc(100% - 10px);
+    position: relative;
+}
+
+
+.email_wrapper > pre > a {
+  text-decoration: underline !important;
+  color: #1d4f75;
+}
+
+a .listview_email_flat {
+  color: #234 !important;
+  text-decoration: none;
+}
+
+a .listview_email_threaded {
+  color: #234 !important;
+  text-decoration: none;
+}
+
+
+.email_quote {
+  font-size: 1.25rem;
+  background: #3333;
+  border-left-color: #7ab733;
+  opacity: 0.8;
+}
+
+
+.email_wrapper_nonest pre {
+  white-space: pre-line;
+  border: none;
+  color: #223;
+  padding: 5px;
+  font-size: 1.25rem;
+  font-family: Hack;
+  padding-right: 40px;
+  position: relative;
+  overflow:visible;
+}
+
+.email_wrapper pre {
+  white-space: pre-line;
+  border: none;
+  color: #223;
+  padding: 5px;
+  font-size: 1.25rem;
+  font-family: Hack;
+  padding-right: 40px;
+  overflow:visible;
+  position: relative;
+}
+
+
+
+.email_kv {
+  width: 100%;
+  float: left;
+  height: 16px;
+  position: relative;
+  min-width: 370px;
+  background: #EEE;
+  border-bottom: 0.75px solid #CCC9;
+  z-index: 1;
+}
+
+.email_key {
+  width: 10%;
+  min-width: 90px;
+  max-width: 140px;
+  font-weight: bold;
+  float: left;
+  padding-left: 5px;
+}
+
+.email_value {
+  width: 70%;
+  min-width: 240px;
+  float: left;
+}
+
+.email_value_emphasis {
+  width: 70%;
+  min-width: 240px;
+  float: left;
+  font-weight: bold;
+  color: darkred;
+}
+
+/* Chatty email theme */
+
+/* Expanded email placeholder */
+.email_placeholder_chatty {
+  background: #337AB7 !important;
+  font-family: Hack;
+  font-size: 1.25rem;
+  float: left;
+  width: 100%;
+  display: none;
+  border: none;
+  padding-bottom: 10px;
+  z-index: -5;
+}
+
+a.checked {
+  font-weight: bold;
+}
+
+.chatty_author {
+  line-height: 36px;
+  font-family: sans-serif;
+  float: left;
+  width: 100%;
+  color: #FFF;
+  margin-bottom: -16px;
+}
+
+.chatty_author_name {
+  padding-left: 50px;
+}
+
+.chatty_title {
+  color: #FFF;
+  font-family: Selawk, Hack;
+  margin: 15px;
+  margin-left: 30px;
+  
+}
+
+pre.diff {
+  background: #FFDD;
+  border: 1px solid #3336;
+  
+}
+.chatty_title_inline {
+  color: #333D;
+  font-family: Selawk, Hack;
+  margin: 5px;
+}
+
+a.chatty_title {
+  color: #FFFB !important;
+  margin-bottom: 10px;
+  display: block;
+}
+
+#chatty_link {
+  font-size: 2.8rem;
+  margin-top: 12px;
+  width: 32px;
+  height: 27px;
+  margin-right: 10px;
+  background-image: url(../images/sr_off.png);
+  background-size: contain;
+  cursor: pointer;
+}
+
+#chatty_link.enabled {
+  background-image: url(../images/sr_on.png);
+}
+
+.chatty_body {
+  border-radius: 6px;
+  margin: 10px;
+  background: #FFF;
+  border: none;
+  padding: 10px !important;
+  padding-top: 16px;
+  padding-left: 16px;
+  margin-left: 20px;
+  min-width: 300px;
+  display: inline-block;
+  white-space: pre-line !important;
+  border: none;
+  color: #223;
+  padding: 5px;
+  font-size: 1.33rem !important;
+  font-family: Selawk,Hack !important;
+  margin-bottom: 25px;
+  position: relative;
+  overflow: visible;
+}
+
+
+/* Calendar widgets */
+#calendarpicker_popup a {
+    width: 24px;
+    height: 24px;
+    line-height: 22px;
+    background: #EEE;
+    border-radius: 1px;
+    color: #555;
+    border: 1px outset #AAAA !important;
+    float: none;
+}
+
+a.enabled {
+  color: #316eb3 !important;
+}
+
+a.disabled {
+  color: #555 !important;
+}
+
+
+/* Selawik font */
+@font-face {
+  font-family: 'Selawk';
+  src: url('../fonts/selawk.ttf');
+}
+
+.toolbar_chatty {
+  position: absolute;
+  height: 48px;
+  width: 200px;
+  bottom: -32px;
+  right: 10px;
+  text-align: right;
+  visibility: visible;
+
+}
+
+
+.toolbar {
+  position: absolute;
+  right: 2px;
+  height: 130px;
+  width: 32px;
+  top: 10px;
+  overflow: visible;
+  z-index: 3;
+  text-align: right;
+}
+
+.toolbar > .toolbar_btn {
+  border: none;
+  border-radius: 50%;
+  border-bottom-right-radius: 0%;
+  border-top-right-radius: 0%;
+  height: 28px;
+  width: 32px;
+  padding: 0px;
+  margin-bottom: 2px;
+  margin-right: 10px;
+  line-height: 28px;
+  text-align: center;
+  position: relative;
+  clear: both;
+}
+
+.chatty_body:hover > div > .toolbar_btn {
+  visibility: visible !important;
+  transition: all 0s ease-in-out;
+  transform: translate(0px, 0px) scale(1,1);
+  transform-style: flat;
+
+}
+
+.chatty_body:active > div > .toolbar_btn {
+  visibility: visible !important;
+  transition: all 0s ease-in-out;
+  transform: translate(0px, 0px) scale(1,1);
+  transform-style: flat;
+
+}
+
+.toolbar_chatty>.toolbar_btn {
+  border: 2px solid #FFF;
+  visibility: hidden;
+  transform: translate(0px, -16px) scale(1,0);
+}
+
+.toolbar_chatty > a.toolbar_btn:hover {
+  line-height: 30px;
+}
+
+.toolbar_chatty > .toolbar_btn:hover {
+  color: #FFF;
+  min-height: 34px;
+  margin-bottom: -32px;
+  border-top-left-radius: 20%;
+  border-top-right-radius: 20%;
+}
+
+.toolbar > .toolbar_btn:hover {
+  color: #FFF;
+  margin-left: -4px;
+  min-width: 38px;
+
+}
+
+.toolbar_chatty > .toolbar_btn {
+
+  border: 2px solid #FFF;
+  border-radius: 50%;
+  border-top-left-radius: 0%;
+  border-top-right-radius: 0%;
+  height: 28px;
+  width: 32px;
+  padding: 0px;
+  margin-bottom: -32px;
+  margin-right: 10px;
+  line-height: 24px;
+  text-align: center;
+}
+
+.toolbar_button_reply {
+  background: #1a935b;
+  color: #FFF;
+  text-indent: 1px;
+}
+
+
+.toolbar_button_link {
+  background: #563D7C;
+  color: #FFF !important;
+}
+
+.toolbar_button_source {
+  background: #c93d24;
+  color: #FFF !important;
+  text-indent: 1px;
+}
+
+pre {
+  word-break:keep-all;
+  word-wrap:normal;
+}
+
+.ui-loader {
+  display: none !important;
+}
+
+.chatty_body a {
+    word-break: break-all !important;
+  }
\ No newline at end of file
diff --git a/webui/css/spinner.css b/webui/css/spinner.css
new file mode 100644
index 0000000..60f8480
--- /dev/null
+++ b/webui/css/spinner.css
@@ -0,0 +1,96 @@
+/* Spinner */
+.spinner {
+    z-index: 100;
+    position: fixed;
+    top: calc(40% - 90px);
+    left: calc(50% - 150px);
+    width: 360px;
+    height: 240px;
+    background: #3285BC88;
+    border-radius: 8px;
+    font-size: 9pt;
+    color: #FFF;
+    text-align: center;
+    font-family: sans-serif;
+}
+.spinwheel {
+    margin: 28px auto;
+    border-top: 10px solid rgba(30,190,200,0.95);
+    border-right: 10px solid rgba(220, 30, 120, 0.95);
+    border-bottom: 10px solid rgba(120, 200, 30, 0.95);
+    border-left: 10px solid rgba(220,190,30,0.95);
+    transform: translateZ(0);
+    animation: spin1 1s 0s ease-in-out, spin2 1s 1s ease-in-out, spin3 1s 2s ease-in-out, spin4 1s 3s ease-in-out;
+}
+
+.spinwheel, .spinwheel:after {
+    border-radius: 50%;
+    width: 100px;
+    height: 100px;
+}
+
+.spinwheel_md {
+    margin: 10px 10px;
+    border-top: 10px solid rgba(30,190,200,0.95);
+    border-right: 10px solid rgba(220, 30, 120, 0.95);
+    border-bottom: 10px solid rgba(120, 200, 30, 0.95);
+    border-left: 10px solid rgba(220,190,30,0.95);
+}
+
+.spinwheel_md, .spinwheel_md:after {
+    border-radius: 50%;
+    width: 60px;
+    height: 60px;
+}
+
+.spinwheel_sm {
+    margin: 10px 10px;
+    border-top: 20px solid rgba(30,190,200,0.95);
+    border-right: 20px solid rgba(220, 30, 120, 0.95);
+    border-bottom: 20px solid rgba(120, 200, 30, 0.95);
+    border-left: 20px solid rgba(220,190,30,0.95);
+}
+
+.spinwheel_sm, .spinwheel_sm:after {
+    border-radius: 50%;
+    width: 0px;
+    height: 0px;
+}
+
+@keyframes spin1 {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(450deg);
+    }
+}
+
+@keyframes spin2 {
+    0% {
+        transform: rotate(90deg);
+    }
+
+    100% {
+        transform: rotate(540deg);
+    }
+}
+@keyframes spin3 {
+    0% {
+        transform: rotate(180deg);
+    }
+
+    100% {
+        transform: rotate(630deg);
+    }
+}
+@keyframes spin4 {
+    0% {
+        transform: rotate(270deg);
+    }
+
+    100% {
+        transform: rotate(720deg);
+    }
+}
diff --git a/webui/css/treeview.css b/webui/css/treeview.css
new file mode 100644
index 0000000..0f4b6fc
--- /dev/null
+++ b/webui/css/treeview.css
@@ -0,0 +1,17 @@
+/*!
+ * Bootstrap v2.3.2
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:in [...]
+ * Bootstrap Responsive v2.3.2
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-ms-viewport{width:device-width}.hidden{display:none;visibility:hidden}.visible-phone{display:none!important}.visible-tablet{display:none [...]
\ No newline at end of file
diff --git a/webui/fonts/glyphicons-halflings-regular.eot b/webui/fonts/glyphicons-halflings-regular.eot
new file mode 100644
index 0000000..b93a495
Binary files /dev/null and b/webui/fonts/glyphicons-halflings-regular.eot differ
diff --git a/webui/fonts/glyphicons-halflings-regular.svg b/webui/fonts/glyphicons-halflings-regular.svg
new file mode 100644
index 0000000..94fb549
--- /dev/null
+++ b/webui/fonts/glyphicons-halflings-regular.svg
@@ -0,0 +1,288 @@
+<?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">
+<metadata></metadata>
+<defs>
+<font id="glyphicons_halflingsregular" horiz-adv-x="1200" >
+<font-face units-per-em="1200" ascent="960" descent="-240" />
+<missing-glyph horiz-adv-x="500" />
+<glyph horiz-adv-x="0" />
+<glyph horiz-adv-x="400" />
+<glyph unicode=" " />
+<glyph unicode="*" d="M600 1100q15 0 34 -1.5t30 -3.5l11 -1q10 -2 17.5 -10.5t7.5 -18.5v-224l158 158q7 7 18 8t19 -6l106 -106q7 -8 6 -19t-8 -18l-158 -158h224q10 0 18.5 -7.5t10.5 -17.5q6 -41 6 -75q0 -15 -1.5 -34t-3.5 -30l-1 -11q-2 -10 -10.5 -17.5t-18.5 -7.5h-224l158 -158 q7 -7 8 -18t-6 -19l-106 -106q-8 -7 -19 -6t-18 8l-158 158v-224q0 -10 -7.5 -18.5t-17.5 -10.5q-41 -6 -75 -6q-15 0 -34 1.5t-30 3.5l-11 1q-10 2 -17.5 10.5t-7.5 18.5v224l-158 -158q-7 -7 -18 -8t-19 6l-106 106q-7 8 -6 19t8 18l158 15 [...]
+<glyph unicode="+" d="M450 1100h200q21 0 35.5 -14.5t14.5 -35.5v-350h350q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-350v-350q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v350h-350q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5 h350v350q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xa0;" />
+<glyph unicode="&#xa5;" d="M825 1100h250q10 0 12.5 -5t-5.5 -13l-364 -364q-6 -6 -11 -18h268q10 0 13 -6t-3 -14l-120 -160q-6 -8 -18 -14t-22 -6h-125v-100h275q10 0 13 -6t-3 -14l-120 -160q-6 -8 -18 -14t-22 -6h-125v-174q0 -11 -7.5 -18.5t-18.5 -7.5h-148q-11 0 -18.5 7.5t-7.5 18.5v174 h-275q-10 0 -13 6t3 14l120 160q6 8 18 14t22 6h125v100h-275q-10 0 -13 6t3 14l120 160q6 8 18 14t22 6h118q-5 12 -11 18l-364 364q-8 8 -5.5 13t12.5 5h250q25 0 43 -18l164 -164q8 -8 18 -8t18 8l164 164q18 18 43 18z" />
+<glyph unicode="&#x2000;" horiz-adv-x="650" />
+<glyph unicode="&#x2001;" horiz-adv-x="1300" />
+<glyph unicode="&#x2002;" horiz-adv-x="650" />
+<glyph unicode="&#x2003;" horiz-adv-x="1300" />
+<glyph unicode="&#x2004;" horiz-adv-x="433" />
+<glyph unicode="&#x2005;" horiz-adv-x="325" />
+<glyph unicode="&#x2006;" horiz-adv-x="216" />
+<glyph unicode="&#x2007;" horiz-adv-x="216" />
+<glyph unicode="&#x2008;" horiz-adv-x="162" />
+<glyph unicode="&#x2009;" horiz-adv-x="260" />
+<glyph unicode="&#x200a;" horiz-adv-x="72" />
+<glyph unicode="&#x202f;" horiz-adv-x="260" />
+<glyph unicode="&#x205f;" horiz-adv-x="325" />
+<glyph unicode="&#x20ac;" d="M744 1198q242 0 354 -189q60 -104 66 -209h-181q0 45 -17.5 82.5t-43.5 61.5t-58 40.5t-60.5 24t-51.5 7.5q-19 0 -40.5 -5.5t-49.5 -20.5t-53 -38t-49 -62.5t-39 -89.5h379l-100 -100h-300q-6 -50 -6 -100h406l-100 -100h-300q9 -74 33 -132t52.5 -91t61.5 -54.5t59 -29 t47 -7.5q22 0 50.5 7.5t60.5 24.5t58 41t43.5 61t17.5 80h174q-30 -171 -128 -278q-107 -117 -274 -117q-206 0 -324 158q-36 48 -69 133t-45 204h-217l100 100h112q1 47 6 100h-218l100 100h134q20 87 51 153.5t62 103.5q117 1 [...]
+<glyph unicode="&#x20bd;" d="M428 1200h350q67 0 120 -13t86 -31t57 -49.5t35 -56.5t17 -64.5t6.5 -60.5t0.5 -57v-16.5v-16.5q0 -36 -0.5 -57t-6.5 -61t-17 -65t-35 -57t-57 -50.5t-86 -31.5t-120 -13h-178l-2 -100h288q10 0 13 -6t-3 -14l-120 -160q-6 -8 -18 -14t-22 -6h-138v-175q0 -11 -5.5 -18 t-15.5 -7h-149q-10 0 -17.5 7.5t-7.5 17.5v175h-267q-10 0 -13 6t3 14l120 160q6 8 18 14t22 6h117v100h-267q-10 0 -13 6t3 14l120 160q6 8 18 14t22 6h117v475q0 10 7.5 17.5t17.5 7.5zM600 1000v-300h203q64 0 86.5 33t22.5 1 [...]
+<glyph unicode="&#x2212;" d="M250 700h800q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#x231b;" d="M1000 1200v-150q0 -21 -14.5 -35.5t-35.5 -14.5h-50v-100q0 -91 -49.5 -165.5t-130.5 -109.5q81 -35 130.5 -109.5t49.5 -165.5v-150h50q21 0 35.5 -14.5t14.5 -35.5v-150h-800v150q0 21 14.5 35.5t35.5 14.5h50v150q0 91 49.5 165.5t130.5 109.5q-81 35 -130.5 109.5 t-49.5 165.5v100h-50q-21 0 -35.5 14.5t-14.5 35.5v150h800zM400 1000v-100q0 -60 32.5 -109.5t87.5 -73.5q28 -12 44 -37t16 -55t-16 -55t-44 -37q-55 -24 -87.5 -73.5t-32.5 -109.5v-150h400v150q0 60 -32.5 109.5t-87.5 73.5q-2 [...]
+<glyph unicode="&#x25fc;" horiz-adv-x="500" d="M0 0z" />
+<glyph unicode="&#x2601;" d="M503 1089q110 0 200.5 -59.5t134.5 -156.5q44 14 90 14q120 0 205 -86.5t85 -206.5q0 -121 -85 -207.5t-205 -86.5h-750q-79 0 -135.5 57t-56.5 137q0 69 42.5 122.5t108.5 67.5q-2 12 -2 37q0 153 108 260.5t260 107.5z" />
+<glyph unicode="&#x26fa;" d="M774 1193.5q16 -9.5 20.5 -27t-5.5 -33.5l-136 -187l467 -746h30q20 0 35 -18.5t15 -39.5v-42h-1200v42q0 21 15 39.5t35 18.5h30l468 746l-135 183q-10 16 -5.5 34t20.5 28t34 5.5t28 -20.5l111 -148l112 150q9 16 27 20.5t34 -5zM600 200h377l-182 112l-195 534v-646z " />
+<glyph unicode="&#x2709;" d="M25 1100h1150q10 0 12.5 -5t-5.5 -13l-564 -567q-8 -8 -18 -8t-18 8l-564 567q-8 8 -5.5 13t12.5 5zM18 882l264 -264q8 -8 8 -18t-8 -18l-264 -264q-8 -8 -13 -5.5t-5 12.5v550q0 10 5 12.5t13 -5.5zM918 618l264 264q8 8 13 5.5t5 -12.5v-550q0 -10 -5 -12.5t-13 5.5 l-264 264q-8 8 -8 18t8 18zM818 482l364 -364q8 -8 5.5 -13t-12.5 -5h-1150q-10 0 -12.5 5t5.5 13l364 364q8 8 18 8t18 -8l164 -164q8 -8 18 -8t18 8l164 164q8 8 18 8t18 -8z" />
+<glyph unicode="&#x270f;" d="M1011 1210q19 0 33 -13l153 -153q13 -14 13 -33t-13 -33l-99 -92l-214 214l95 96q13 14 32 14zM1013 800l-615 -614l-214 214l614 614zM317 96l-333 -112l110 335z" />
+<glyph unicode="&#xe001;" d="M700 650v-550h250q21 0 35.5 -14.5t14.5 -35.5v-50h-800v50q0 21 14.5 35.5t35.5 14.5h250v550l-500 550h1200z" />
+<glyph unicode="&#xe002;" d="M368 1017l645 163q39 15 63 0t24 -49v-831q0 -55 -41.5 -95.5t-111.5 -63.5q-79 -25 -147 -4.5t-86 75t25.5 111.5t122.5 82q72 24 138 8v521l-600 -155v-606q0 -42 -44 -90t-109 -69q-79 -26 -147 -5.5t-86 75.5t25.5 111.5t122.5 82.5q72 24 138 7v639q0 38 14.5 59 t53.5 34z" />
+<glyph unicode="&#xe003;" d="M500 1191q100 0 191 -39t156.5 -104.5t104.5 -156.5t39 -191l-1 -2l1 -5q0 -141 -78 -262l275 -274q23 -26 22.5 -44.5t-22.5 -42.5l-59 -58q-26 -20 -46.5 -20t-39.5 20l-275 274q-119 -77 -261 -77l-5 1l-2 -1q-100 0 -191 39t-156.5 104.5t-104.5 156.5t-39 191 t39 191t104.5 156.5t156.5 104.5t191 39zM500 1022q-88 0 -162 -43t-117 -117t-43 -162t43 -162t117 -117t162 -43t162 43t117 117t43 162t-43 162t-117 117t-162 43z" />
+<glyph unicode="&#xe005;" d="M649 949q48 68 109.5 104t121.5 38.5t118.5 -20t102.5 -64t71 -100.5t27 -123q0 -57 -33.5 -117.5t-94 -124.5t-126.5 -127.5t-150 -152.5t-146 -174q-62 85 -145.5 174t-150 152.5t-126.5 127.5t-93.5 124.5t-33.5 117.5q0 64 28 123t73 100.5t104 64t119 20 t120.5 -38.5t104.5 -104z" />
+<glyph unicode="&#xe006;" d="M407 800l131 353q7 19 17.5 19t17.5 -19l129 -353h421q21 0 24 -8.5t-14 -20.5l-342 -249l130 -401q7 -20 -0.5 -25.5t-24.5 6.5l-343 246l-342 -247q-17 -12 -24.5 -6.5t-0.5 25.5l130 400l-347 251q-17 12 -14 20.5t23 8.5h429z" />
+<glyph unicode="&#xe007;" d="M407 800l131 353q7 19 17.5 19t17.5 -19l129 -353h421q21 0 24 -8.5t-14 -20.5l-342 -249l130 -401q7 -20 -0.5 -25.5t-24.5 6.5l-343 246l-342 -247q-17 -12 -24.5 -6.5t-0.5 25.5l130 400l-347 251q-17 12 -14 20.5t23 8.5h429zM477 700h-240l197 -142l-74 -226 l193 139l195 -140l-74 229l192 140h-234l-78 211z" />
+<glyph unicode="&#xe008;" d="M600 1200q124 0 212 -88t88 -212v-250q0 -46 -31 -98t-69 -52v-75q0 -10 6 -21.5t15 -17.5l358 -230q9 -5 15 -16.5t6 -21.5v-93q0 -10 -7.5 -17.5t-17.5 -7.5h-1150q-10 0 -17.5 7.5t-7.5 17.5v93q0 10 6 21.5t15 16.5l358 230q9 6 15 17.5t6 21.5v75q-38 0 -69 52 t-31 98v250q0 124 88 212t212 88z" />
+<glyph unicode="&#xe009;" d="M25 1100h1150q10 0 17.5 -7.5t7.5 -17.5v-1050q0 -10 -7.5 -17.5t-17.5 -7.5h-1150q-10 0 -17.5 7.5t-7.5 17.5v1050q0 10 7.5 17.5t17.5 7.5zM100 1000v-100h100v100h-100zM875 1000h-550q-10 0 -17.5 -7.5t-7.5 -17.5v-350q0 -10 7.5 -17.5t17.5 -7.5h550 q10 0 17.5 7.5t7.5 17.5v350q0 10 -7.5 17.5t-17.5 7.5zM1000 1000v-100h100v100h-100zM100 800v-100h100v100h-100zM1000 800v-100h100v100h-100zM100 600v-100h100v100h-100zM1000 600v-100h100v100h-100zM875 500h-550q-10 0 -17.5 -7.5t- [...]
+<glyph unicode="&#xe010;" d="M50 1100h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM650 1100h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400 q0 21 14.5 35.5t35.5 14.5zM50 500h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM650 500h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21  [...]
+<glyph unicode="&#xe011;" d="M50 1100h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM450 1100h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200 q0 21 14.5 35.5t35.5 14.5zM850 1100h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM50 700h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 [...]
+<glyph unicode="&#xe012;" d="M50 1100h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM450 1100h700q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5v200 q0 21 14.5 35.5t35.5 14.5zM50 700h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM450 700h700q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21  [...]
+<glyph unicode="&#xe013;" d="M465 477l571 571q8 8 18 8t17 -8l177 -177q8 -7 8 -17t-8 -18l-783 -784q-7 -8 -17.5 -8t-17.5 8l-384 384q-8 8 -8 18t8 17l177 177q7 8 17 8t18 -8l171 -171q7 -7 18 -7t18 7z" />
+<glyph unicode="&#xe014;" d="M904 1083l178 -179q8 -8 8 -18.5t-8 -17.5l-267 -268l267 -268q8 -7 8 -17.5t-8 -18.5l-178 -178q-8 -8 -18.5 -8t-17.5 8l-268 267l-268 -267q-7 -8 -17.5 -8t-18.5 8l-178 178q-8 8 -8 18.5t8 17.5l267 268l-267 268q-8 7 -8 17.5t8 18.5l178 178q8 8 18.5 8t17.5 -8 l268 -267l268 268q7 7 17.5 7t18.5 -7z" />
+<glyph unicode="&#xe015;" d="M507 1177q98 0 187.5 -38.5t154.5 -103.5t103.5 -154.5t38.5 -187.5q0 -141 -78 -262l300 -299q8 -8 8 -18.5t-8 -18.5l-109 -108q-7 -8 -17.5 -8t-18.5 8l-300 299q-119 -77 -261 -77q-98 0 -188 38.5t-154.5 103t-103 154.5t-38.5 188t38.5 187.5t103 154.5 t154.5 103.5t188 38.5zM506.5 1023q-89.5 0 -165.5 -44t-120 -120.5t-44 -166t44 -165.5t120 -120t165.5 -44t166 44t120.5 120t44 165.5t-44 166t-120.5 120.5t-166 44zM425 900h150q10 0 17.5 -7.5t7.5 -17.5v-75h75q10 0 17.5 -7.5t7.5  [...]
+<glyph unicode="&#xe016;" d="M507 1177q98 0 187.5 -38.5t154.5 -103.5t103.5 -154.5t38.5 -187.5q0 -141 -78 -262l300 -299q8 -8 8 -18.5t-8 -18.5l-109 -108q-7 -8 -17.5 -8t-18.5 8l-300 299q-119 -77 -261 -77q-98 0 -188 38.5t-154.5 103t-103 154.5t-38.5 188t38.5 187.5t103 154.5 t154.5 103.5t188 38.5zM506.5 1023q-89.5 0 -165.5 -44t-120 -120.5t-44 -166t44 -165.5t120 -120t165.5 -44t166 44t120.5 120t44 165.5t-44 166t-120.5 120.5t-166 44zM325 800h350q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17. [...]
+<glyph unicode="&#xe017;" d="M550 1200h100q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM800 975v166q167 -62 272 -209.5t105 -331.5q0 -117 -45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5 t-184.5 123t-123 184.5t-45.5 224q0 184 105 331.5t272 209.5v-166q-103 -55 -165 -155t-62 -220q0 -116 57 -214.5t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5q0 120 -62 220t-165 155z" />
+<glyph unicode="&#xe018;" d="M1025 1200h150q10 0 17.5 -7.5t7.5 -17.5v-1150q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v1150q0 10 7.5 17.5t17.5 7.5zM725 800h150q10 0 17.5 -7.5t7.5 -17.5v-750q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v750 q0 10 7.5 17.5t17.5 7.5zM425 500h150q10 0 17.5 -7.5t7.5 -17.5v-450q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v450q0 10 7.5 17.5t17.5 7.5zM125 300h150q10 0 17.5 -7.5t7.5 -17.5v-250q0 -10 -7.5 -17.5t-17.5 -7.5h [...]
+<glyph unicode="&#xe019;" d="M600 1174q33 0 74 -5l38 -152l5 -1q49 -14 94 -39l5 -2l134 80q61 -48 104 -105l-80 -134l3 -5q25 -44 39 -93l1 -6l152 -38q5 -43 5 -73q0 -34 -5 -74l-152 -38l-1 -6q-15 -49 -39 -93l-3 -5l80 -134q-48 -61 -104 -105l-134 81l-5 -3q-44 -25 -94 -39l-5 -2l-38 -151 q-43 -5 -74 -5q-33 0 -74 5l-38 151l-5 2q-49 14 -94 39l-5 3l-134 -81q-60 48 -104 105l80 134l-3 5q-25 45 -38 93l-2 6l-151 38q-6 42 -6 74q0 33 6 73l151 38l2 6q13 48 38 93l3 5l-80 134q47 61 105 105l133 -80l5 2q45 25 9 [...]
+<glyph unicode="&#xe020;" d="M500 1300h300q41 0 70.5 -29.5t29.5 -70.5v-100h275q10 0 17.5 -7.5t7.5 -17.5v-75h-1100v75q0 10 7.5 17.5t17.5 7.5h275v100q0 41 29.5 70.5t70.5 29.5zM500 1200v-100h300v100h-300zM1100 900v-800q0 -41 -29.5 -70.5t-70.5 -29.5h-700q-41 0 -70.5 29.5t-29.5 70.5 v800h900zM300 800v-700h100v700h-100zM500 800v-700h100v700h-100zM700 800v-700h100v700h-100zM900 800v-700h100v700h-100z" />
+<glyph unicode="&#xe021;" d="M18 618l620 608q8 7 18.5 7t17.5 -7l608 -608q8 -8 5.5 -13t-12.5 -5h-175v-575q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v375h-300v-375q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v575h-175q-10 0 -12.5 5t5.5 13z" />
+<glyph unicode="&#xe022;" d="M600 1200v-400q0 -41 29.5 -70.5t70.5 -29.5h300v-650q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v1100q0 21 14.5 35.5t35.5 14.5h450zM1000 800h-250q-21 0 -35.5 14.5t-14.5 35.5v250z" />
+<glyph unicode="&#xe023;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM525 900h50q10 0 17.5 -7.5t7.5 -17.5v-275h175q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5  [...]
+<glyph unicode="&#xe024;" d="M1300 0h-538l-41 400h-242l-41 -400h-538l431 1200h209l-21 -300h162l-20 300h208zM515 800l-27 -300h224l-27 300h-170z" />
+<glyph unicode="&#xe025;" d="M550 1200h200q21 0 35.5 -14.5t14.5 -35.5v-450h191q20 0 25.5 -11.5t-7.5 -27.5l-327 -400q-13 -16 -32 -16t-32 16l-327 400q-13 16 -7.5 27.5t25.5 11.5h191v450q0 21 14.5 35.5t35.5 14.5zM1125 400h50q10 0 17.5 -7.5t7.5 -17.5v-350q0 -10 -7.5 -17.5t-17.5 -7.5 h-1050q-10 0 -17.5 7.5t-7.5 17.5v350q0 10 7.5 17.5t17.5 7.5h50q10 0 17.5 -7.5t7.5 -17.5v-175h900v175q0 10 7.5 17.5t17.5 7.5z" />
+<glyph unicode="&#xe026;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM525 900h150q10 0 17.5 -7.5t7.5 -17.5v-275h137q21 0 26 -11.5t-8 -27.5l-223 -275q-13 -16 -32 -16t-32 16l-223 275q-13 16 -8 27.5t26 [...]
+<glyph unicode="&#xe027;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM632 914l223 -275q13 -16 8 -27.5t-26 -11.5h-137v-275q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v275h-137q-21 0 -2 [...]
+<glyph unicode="&#xe028;" d="M225 1200h750q10 0 19.5 -7t12.5 -17l186 -652q7 -24 7 -49v-425q0 -12 -4 -27t-9 -17q-12 -6 -37 -6h-1100q-12 0 -27 4t-17 8q-6 13 -6 38l1 425q0 25 7 49l185 652q3 10 12.5 17t19.5 7zM878 1000h-556q-10 0 -19 -7t-11 -18l-87 -450q-2 -11 4 -18t16 -7h150 q10 0 19.5 -7t11.5 -17l38 -152q2 -10 11.5 -17t19.5 -7h250q10 0 19.5 7t11.5 17l38 152q2 10 11.5 17t19.5 7h150q10 0 16 7t4 18l-87 450q-2 11 -11 18t-19 7z" />
+<glyph unicode="&#xe029;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM540 820l253 -190q17 -12 17 -30t-17 -30l-253 -190q-16 -12 -28 -6.5t-12 26.5v400q0 21 12 26.5t28 -6.5z" />
+<glyph unicode="&#xe030;" d="M947 1060l135 135q7 7 12.5 5t5.5 -13v-362q0 -10 -7.5 -17.5t-17.5 -7.5h-362q-11 0 -13 5.5t5 12.5l133 133q-109 76 -238 76q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5h150q0 -117 -45.5 -224 t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5q192 0 347 -117z" />
+<glyph unicode="&#xe031;" d="M947 1060l135 135q7 7 12.5 5t5.5 -13v-361q0 -11 -7.5 -18.5t-18.5 -7.5h-361q-11 0 -13 5.5t5 12.5l134 134q-110 75 -239 75q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5h-150q0 117 45.5 224t123 184.5t184.5 123t224 45.5q192 0 347 -117zM1027 600h150 q0 -117 -45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5q-192 0 -348 118l-134 -134q-7 -8 -12.5 -5.5t-5.5 12.5v360q0 11 7.5 18.5t18.5 7.5h360q10 0 12.5 -5.5t-5.5 -12.5l-133 -133q110 -76 240 -76q116 0 214.5 57t155.5 155.5t57 21 [...]
+<glyph unicode="&#xe032;" d="M125 1200h1050q10 0 17.5 -7.5t7.5 -17.5v-1150q0 -10 -7.5 -17.5t-17.5 -7.5h-1050q-10 0 -17.5 7.5t-7.5 17.5v1150q0 10 7.5 17.5t17.5 7.5zM1075 1000h-850q-10 0 -17.5 -7.5t-7.5 -17.5v-850q0 -10 7.5 -17.5t17.5 -7.5h850q10 0 17.5 7.5t7.5 17.5v850 q0 10 -7.5 17.5t-17.5 7.5zM325 900h50q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-50q-10 0 -17.5 7.5t-7.5 17.5v50q0 10 7.5 17.5t17.5 7.5zM525 900h450q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-4 [...]
+<glyph unicode="&#xe033;" d="M900 800v200q0 83 -58.5 141.5t-141.5 58.5h-300q-82 0 -141 -59t-59 -141v-200h-100q-41 0 -70.5 -29.5t-29.5 -70.5v-600q0 -41 29.5 -70.5t70.5 -29.5h900q41 0 70.5 29.5t29.5 70.5v600q0 41 -29.5 70.5t-70.5 29.5h-100zM400 800v150q0 21 15 35.5t35 14.5h200 q20 0 35 -14.5t15 -35.5v-150h-300z" />
+<glyph unicode="&#xe034;" d="M125 1100h50q10 0 17.5 -7.5t7.5 -17.5v-1075h-100v1075q0 10 7.5 17.5t17.5 7.5zM1075 1052q4 0 9 -2q16 -6 16 -23v-421q0 -6 -3 -12q-33 -59 -66.5 -99t-65.5 -58t-56.5 -24.5t-52.5 -6.5q-26 0 -57.5 6.5t-52.5 13.5t-60 21q-41 15 -63 22.5t-57.5 15t-65.5 7.5 q-85 0 -160 -57q-7 -5 -15 -5q-6 0 -11 3q-14 7 -14 22v438q22 55 82 98.5t119 46.5q23 2 43 0.5t43 -7t32.5 -8.5t38 -13t32.5 -11q41 -14 63.5 -21t57 -14t63.5 -7q103 0 183 87q7 8 18 8z" />
+<glyph unicode="&#xe035;" d="M600 1175q116 0 227 -49.5t192.5 -131t131 -192.5t49.5 -227v-300q0 -10 -7.5 -17.5t-17.5 -7.5h-50q-10 0 -17.5 7.5t-7.5 17.5v300q0 127 -70.5 231.5t-184.5 161.5t-245 57t-245 -57t-184.5 -161.5t-70.5 -231.5v-300q0 -10 -7.5 -17.5t-17.5 -7.5h-50 q-10 0 -17.5 7.5t-7.5 17.5v300q0 116 49.5 227t131 192.5t192.5 131t227 49.5zM220 500h160q8 0 14 -6t6 -14v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14v460q0 8 6 14t14 6zM820 500h160q8 0 14 -6t6 -14v-460q0 -8 -6 -14t-14 -6h-160q [...]
+<glyph unicode="&#xe036;" d="M321 814l258 172q9 6 15 2.5t6 -13.5v-750q0 -10 -6 -13.5t-15 2.5l-258 172q-21 14 -46 14h-250q-10 0 -17.5 7.5t-7.5 17.5v350q0 10 7.5 17.5t17.5 7.5h250q25 0 46 14zM900 668l120 120q7 7 17 7t17 -7l34 -34q7 -7 7 -17t-7 -17l-120 -120l120 -120q7 -7 7 -17 t-7 -17l-34 -34q-7 -7 -17 -7t-17 7l-120 119l-120 -119q-7 -7 -17 -7t-17 7l-34 34q-7 7 -7 17t7 17l119 120l-119 120q-7 7 -7 17t7 17l34 34q7 8 17 8t17 -8z" />
+<glyph unicode="&#xe037;" d="M321 814l258 172q9 6 15 2.5t6 -13.5v-750q0 -10 -6 -13.5t-15 2.5l-258 172q-21 14 -46 14h-250q-10 0 -17.5 7.5t-7.5 17.5v350q0 10 7.5 17.5t17.5 7.5h250q25 0 46 14zM766 900h4q10 -1 16 -10q96 -129 96 -290q0 -154 -90 -281q-6 -9 -17 -10l-3 -1q-9 0 -16 6 l-29 23q-7 7 -8.5 16.5t4.5 17.5q72 103 72 229q0 132 -78 238q-6 8 -4.5 18t9.5 17l29 22q7 5 15 5z" />
+<glyph unicode="&#xe038;" d="M967 1004h3q11 -1 17 -10q135 -179 135 -396q0 -105 -34 -206.5t-98 -185.5q-7 -9 -17 -10h-3q-9 0 -16 6l-42 34q-8 6 -9 16t5 18q111 150 111 328q0 90 -29.5 176t-84.5 157q-6 9 -5 19t10 16l42 33q7 5 15 5zM321 814l258 172q9 6 15 2.5t6 -13.5v-750q0 -10 -6 -13.5 t-15 2.5l-258 172q-21 14 -46 14h-250q-10 0 -17.5 7.5t-7.5 17.5v350q0 10 7.5 17.5t17.5 7.5h250q25 0 46 14zM766 900h4q10 -1 16 -10q96 -129 96 -290q0 -154 -90 -281q-6 -9 -17 -10l-3 -1q-9 0 -16 6l-29 23q-7 7 -8.5 16 [...]
+<glyph unicode="&#xe039;" d="M500 900h100v-100h-100v-100h-400v-100h-100v600h500v-300zM1200 700h-200v-100h200v-200h-300v300h-200v300h-100v200h600v-500zM100 1100v-300h300v300h-300zM800 1100v-300h300v300h-300zM300 900h-100v100h100v-100zM1000 900h-100v100h100v-100zM300 500h200v-500 h-500v500h200v100h100v-100zM800 300h200v-100h-100v-100h-200v100h-100v100h100v200h-200v100h300v-300zM100 400v-300h300v300h-300zM300 200h-100v100h100v-100zM1200 200h-100v100h100v-100zM700 0h-100v100h100v-100zM1200 0 [...]
+<glyph unicode="&#xe040;" d="M100 200h-100v1000h100v-1000zM300 200h-100v1000h100v-1000zM700 200h-200v1000h200v-1000zM900 200h-100v1000h100v-1000zM1200 200h-200v1000h200v-1000zM400 0h-300v100h300v-100zM600 0h-100v91h100v-91zM800 0h-100v91h100v-91zM1100 0h-200v91h200v-91z" />
+<glyph unicode="&#xe041;" d="M500 1200l682 -682q8 -8 8 -18t-8 -18l-464 -464q-8 -8 -18 -8t-18 8l-682 682l1 475q0 10 7.5 17.5t17.5 7.5h474zM319.5 1024.5q-29.5 29.5 -71 29.5t-71 -29.5t-29.5 -71.5t29.5 -71.5t71 -29.5t71 29.5t29.5 71.5t-29.5 71.5z" />
+<glyph unicode="&#xe042;" d="M500 1200l682 -682q8 -8 8 -18t-8 -18l-464 -464q-8 -8 -18 -8t-18 8l-682 682l1 475q0 10 7.5 17.5t17.5 7.5h474zM800 1200l682 -682q8 -8 8 -18t-8 -18l-464 -464q-8 -8 -18 -8t-18 8l-56 56l424 426l-700 700h150zM319.5 1024.5q-29.5 29.5 -71 29.5t-71 -29.5 t-29.5 -71.5t29.5 -71.5t71 -29.5t71 29.5t29.5 71.5t-29.5 71.5z" />
+<glyph unicode="&#xe043;" d="M300 1200h825q75 0 75 -75v-900q0 -25 -18 -43l-64 -64q-8 -8 -13 -5.5t-5 12.5v950q0 10 -7.5 17.5t-17.5 7.5h-700q-25 0 -43 -18l-64 -64q-8 -8 -5.5 -13t12.5 -5h700q10 0 17.5 -7.5t7.5 -17.5v-950q0 -10 -7.5 -17.5t-17.5 -7.5h-850q-10 0 -17.5 7.5t-7.5 17.5v975 q0 25 18 43l139 139q18 18 43 18z" />
+<glyph unicode="&#xe044;" d="M250 1200h800q21 0 35.5 -14.5t14.5 -35.5v-1150l-450 444l-450 -445v1151q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe045;" d="M822 1200h-444q-11 0 -19 -7.5t-9 -17.5l-78 -301q-7 -24 7 -45l57 -108q6 -9 17.5 -15t21.5 -6h450q10 0 21.5 6t17.5 15l62 108q14 21 7 45l-83 301q-1 10 -9 17.5t-19 7.5zM1175 800h-150q-10 0 -21 -6.5t-15 -15.5l-78 -156q-4 -9 -15 -15.5t-21 -6.5h-550 q-10 0 -21 6.5t-15 15.5l-78 156q-4 9 -15 15.5t-21 6.5h-150q-10 0 -17.5 -7.5t-7.5 -17.5v-650q0 -10 7.5 -17.5t17.5 -7.5h150q10 0 17.5 7.5t7.5 17.5v150q0 10 7.5 17.5t17.5 7.5h750q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 7.5 -17.5 [...]
+<glyph unicode="&#xe046;" d="M500 1100h200q56 0 102.5 -20.5t72.5 -50t44 -59t25 -50.5l6 -20h150q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5v600q0 41 29.5 70.5t70.5 29.5h150q2 8 6.5 21.5t24 48t45 61t72 48t102.5 21.5zM900 800v-100 h100v100h-100zM600 730q-95 0 -162.5 -67.5t-67.5 -162.5t67.5 -162.5t162.5 -67.5t162.5 67.5t67.5 162.5t-67.5 162.5t-162.5 67.5zM600 603q43 0 73 -30t30 -73t-30 -73t-73 -30t-73 30t-30 73t30 73t73 30z" />
+<glyph unicode="&#xe047;" d="M681 1199l385 -998q20 -50 60 -92q18 -19 36.5 -29.5t27.5 -11.5l10 -2v-66h-417v66q53 0 75 43.5t5 88.5l-82 222h-391q-58 -145 -92 -234q-11 -34 -6.5 -57t25.5 -37t46 -20t55 -6v-66h-365v66q56 24 84 52q12 12 25 30.5t20 31.5l7 13l399 1006h93zM416 521h340 l-162 457z" />
+<glyph unicode="&#xe048;" d="M753 641q5 -1 14.5 -4.5t36 -15.5t50.5 -26.5t53.5 -40t50.5 -54.5t35.5 -70t14.5 -87q0 -67 -27.5 -125.5t-71.5 -97.5t-98.5 -66.5t-108.5 -40.5t-102 -13h-500v89q41 7 70.5 32.5t29.5 65.5v827q0 24 -0.5 34t-3.5 24t-8.5 19.5t-17 13.5t-28 12.5t-42.5 11.5v71 l471 -1q57 0 115.5 -20.5t108 -57t80.5 -94t31 -124.5q0 -51 -15.5 -96.5t-38 -74.5t-45 -50.5t-38.5 -30.5zM400 700h139q78 0 130.5 48.5t52.5 122.5q0 41 -8.5 70.5t-29.5 55.5t-62.5 39.5t-103.5 13.5h-118v-350zM400 200h216q80 [...]
+<glyph unicode="&#xe049;" d="M877 1200l2 -57q-83 -19 -116 -45.5t-40 -66.5l-132 -839q-9 -49 13 -69t96 -26v-97h-500v97q186 16 200 98l173 832q3 17 3 30t-1.5 22.5t-9 17.5t-13.5 12.5t-21.5 10t-26 8.5t-33.5 10q-13 3 -19 5v57h425z" />
+<glyph unicode="&#xe050;" d="M1300 900h-50q0 21 -4 37t-9.5 26.5t-18 17.5t-22 11t-28.5 5.5t-31 2t-37 0.5h-200v-850q0 -22 25 -34.5t50 -13.5l25 -2v-100h-400v100q4 0 11 0.5t24 3t30 7t24 15t11 24.5v850h-200q-25 0 -37 -0.5t-31 -2t-28.5 -5.5t-22 -11t-18 -17.5t-9.5 -26.5t-4 -37h-50v300 h1000v-300zM175 1000h-75v-800h75l-125 -167l-125 167h75v800h-75l125 167z" />
+<glyph unicode="&#xe051;" d="M1100 900h-50q0 21 -4 37t-9.5 26.5t-18 17.5t-22 11t-28.5 5.5t-31 2t-37 0.5h-200v-650q0 -22 25 -34.5t50 -13.5l25 -2v-100h-400v100q4 0 11 0.5t24 3t30 7t24 15t11 24.5v650h-200q-25 0 -37 -0.5t-31 -2t-28.5 -5.5t-22 -11t-18 -17.5t-9.5 -26.5t-4 -37h-50v300 h1000v-300zM1167 50l-167 -125v75h-800v-75l-167 125l167 125v-75h800v75z" />
+<glyph unicode="&#xe052;" d="M50 1100h600q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-600q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 800h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5v100 q0 21 14.5 35.5t35.5 14.5zM50 500h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 200h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21  [...]
+<glyph unicode="&#xe053;" d="M250 1100h700q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 800h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v100 q0 21 14.5 35.5t35.5 14.5zM250 500h700q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 200h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -2 [...]
+<glyph unicode="&#xe054;" d="M500 950v100q0 21 14.5 35.5t35.5 14.5h600q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-600q-21 0 -35.5 14.5t-14.5 35.5zM100 650v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000 q-21 0 -35.5 14.5t-14.5 35.5zM300 350v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5zM0 50v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 [...]
+<glyph unicode="&#xe055;" d="M50 1100h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 800h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v100 q0 21 14.5 35.5t35.5 14.5zM50 500h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 200h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0  [...]
+<glyph unicode="&#xe056;" d="M50 1100h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM350 1100h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v100 q0 21 14.5 35.5t35.5 14.5zM50 800h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM350 800h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21  [...]
+<glyph unicode="&#xe057;" d="M400 0h-100v1100h100v-1100zM550 1100h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM550 800h500q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-500 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM267 550l-167 -125v75h-200v100h200v75zM550 500h300q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-300q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5  [...]
+<glyph unicode="&#xe058;" d="M50 1100h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM900 0h-100v1100h100v-1100zM50 800h500q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-500 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM1100 600h200v-100h-200v-75l-167 125l167 125v-75zM50 500h300q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-300q-21 0 -35.5 14.5t-14.5 35.5v100q0  [...]
+<glyph unicode="&#xe059;" d="M75 1000h750q31 0 53 -22t22 -53v-650q0 -31 -22 -53t-53 -22h-750q-31 0 -53 22t-22 53v650q0 31 22 53t53 22zM1200 300l-300 300l300 300v-600z" />
+<glyph unicode="&#xe060;" d="M44 1100h1112q18 0 31 -13t13 -31v-1012q0 -18 -13 -31t-31 -13h-1112q-18 0 -31 13t-13 31v1012q0 18 13 31t31 13zM100 1000v-737l247 182l298 -131l-74 156l293 318l236 -288v500h-1000zM342 884q56 0 95 -39t39 -94.5t-39 -95t-95 -39.5t-95 39.5t-39 95t39 94.5 t95 39z" />
+<glyph unicode="&#xe062;" d="M648 1169q117 0 216 -60t156.5 -161t57.5 -218q0 -115 -70 -258q-69 -109 -158 -225.5t-143 -179.5l-54 -62q-9 8 -25.5 24.5t-63.5 67.5t-91 103t-98.5 128t-95.5 148q-60 132 -60 249q0 88 34 169.5t91.5 142t137 96.5t166.5 36zM652.5 974q-91.5 0 -156.5 -65 t-65 -157t65 -156.5t156.5 -64.5t156.5 64.5t65 156.5t-65 157t-156.5 65z" />
+<glyph unicode="&#xe063;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 173v854q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57z" />
+<glyph unicode="&#xe064;" d="M554 1295q21 -72 57.5 -143.5t76 -130t83 -118t82.5 -117t70 -116t49.5 -126t18.5 -136.5q0 -71 -25.5 -135t-68.5 -111t-99 -82t-118.5 -54t-125.5 -23q-84 5 -161.5 34t-139.5 78.5t-99 125t-37 164.5q0 69 18 136.5t49.5 126.5t69.5 116.5t81.5 117.5t83.5 119 t76.5 131t58.5 143zM344 710q-23 -33 -43.5 -70.5t-40.5 -102.5t-17 -123q1 -37 14.5 -69.5t30 -52t41 -37t38.5 -24.5t33 -15q21 -7 32 -1t13 22l6 34q2 10 -2.5 22t-13.5 19q-5 4 -14 12t-29.5 40.5t-32.5 73.5q-26 89 6 271q2 11 -6 [...]
+<glyph unicode="&#xe065;" d="M1000 1013l108 115q2 1 5 2t13 2t20.5 -1t25 -9.5t28.5 -21.5q22 -22 27 -43t0 -32l-6 -10l-108 -115zM350 1100h400q50 0 105 -13l-187 -187h-368q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v182l200 200v-332 q0 -165 -93.5 -257.5t-256.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 165 92.5 257.5t257.5 92.5zM1009 803l-362 -362l-161 -50l55 170l355 355z" />
+<glyph unicode="&#xe066;" d="M350 1100h361q-164 -146 -216 -200h-195q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5l200 153v-103q0 -165 -92.5 -257.5t-257.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 165 92.5 257.5t257.5 92.5z M824 1073l339 -301q8 -7 8 -17.5t-8 -17.5l-340 -306q-7 -6 -12.5 -4t-6.5 11v203q-26 1 -54.5 0t-78.5 -7.5t-92 -17.5t-86 -35t-70 -57q10 59 33 108t51.5 81.5t65 58.5t68.5 40.5t67 24.5t56 13.5t40 4.5v210q1 10 6.5 12.5t13.5 - [...]
+<glyph unicode="&#xe067;" d="M350 1100h350q60 0 127 -23l-178 -177h-349q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v69l200 200v-219q0 -165 -92.5 -257.5t-257.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 165 92.5 257.5t257.5 92.5z M643 639l395 395q7 7 17.5 7t17.5 -7l101 -101q7 -7 7 -17.5t-7 -17.5l-531 -532q-7 -7 -17.5 -7t-17.5 7l-248 248q-7 7 -7 17.5t7 17.5l101 101q7 7 17.5 7t17.5 -7l111 -111q8 -7 18 -7t18 7z" />
+<glyph unicode="&#xe068;" d="M318 918l264 264q8 8 18 8t18 -8l260 -264q7 -8 4.5 -13t-12.5 -5h-170v-200h200v173q0 10 5 12t13 -5l264 -260q8 -7 8 -17.5t-8 -17.5l-264 -265q-8 -7 -13 -5t-5 12v173h-200v-200h170q10 0 12.5 -5t-4.5 -13l-260 -264q-8 -8 -18 -8t-18 8l-264 264q-8 8 -5.5 13 t12.5 5h175v200h-200v-173q0 -10 -5 -12t-13 5l-264 265q-8 7 -8 17.5t8 17.5l264 260q8 7 13 5t5 -12v-173h200v200h-175q-10 0 -12.5 5t5.5 13z" />
+<glyph unicode="&#xe069;" d="M250 1100h100q21 0 35.5 -14.5t14.5 -35.5v-438l464 453q15 14 25.5 10t10.5 -25v-1000q0 -21 -10.5 -25t-25.5 10l-464 453v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v1000q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe070;" d="M50 1100h100q21 0 35.5 -14.5t14.5 -35.5v-438l464 453q15 14 25.5 10t10.5 -25v-438l464 453q15 14 25.5 10t10.5 -25v-1000q0 -21 -10.5 -25t-25.5 10l-464 453v-438q0 -21 -10.5 -25t-25.5 10l-464 453v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5 t-14.5 35.5v1000q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe071;" d="M1200 1050v-1000q0 -21 -10.5 -25t-25.5 10l-464 453v-438q0 -21 -10.5 -25t-25.5 10l-492 480q-15 14 -15 35t15 35l492 480q15 14 25.5 10t10.5 -25v-438l464 453q15 14 25.5 10t10.5 -25z" />
+<glyph unicode="&#xe072;" d="M243 1074l814 -498q18 -11 18 -26t-18 -26l-814 -498q-18 -11 -30.5 -4t-12.5 28v1000q0 21 12.5 28t30.5 -4z" />
+<glyph unicode="&#xe073;" d="M250 1000h200q21 0 35.5 -14.5t14.5 -35.5v-800q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v800q0 21 14.5 35.5t35.5 14.5zM650 1000h200q21 0 35.5 -14.5t14.5 -35.5v-800q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v800 q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe074;" d="M1100 950v-800q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v800q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5z" />
+<glyph unicode="&#xe075;" d="M500 612v438q0 21 10.5 25t25.5 -10l492 -480q15 -14 15 -35t-15 -35l-492 -480q-15 -14 -25.5 -10t-10.5 25v438l-464 -453q-15 -14 -25.5 -10t-10.5 25v1000q0 21 10.5 25t25.5 -10z" />
+<glyph unicode="&#xe076;" d="M1048 1102l100 1q20 0 35 -14.5t15 -35.5l5 -1000q0 -21 -14.5 -35.5t-35.5 -14.5l-100 -1q-21 0 -35.5 14.5t-14.5 35.5l-2 437l-463 -454q-14 -15 -24.5 -10.5t-10.5 25.5l-2 437l-462 -455q-15 -14 -25.5 -9.5t-10.5 24.5l-5 1000q0 21 10.5 25.5t25.5 -10.5l466 -450 l-2 438q0 20 10.5 24.5t25.5 -9.5l466 -451l-2 438q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe077;" d="M850 1100h100q21 0 35.5 -14.5t14.5 -35.5v-1000q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v438l-464 -453q-15 -14 -25.5 -10t-10.5 25v1000q0 21 10.5 25t25.5 -10l464 -453v438q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe078;" d="M686 1081l501 -540q15 -15 10.5 -26t-26.5 -11h-1042q-22 0 -26.5 11t10.5 26l501 540q15 15 36 15t36 -15zM150 400h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe079;" d="M885 900l-352 -353l352 -353l-197 -198l-552 552l552 550z" />
+<glyph unicode="&#xe080;" d="M1064 547l-551 -551l-198 198l353 353l-353 353l198 198z" />
+<glyph unicode="&#xe081;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM650 900h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-150h-150 q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -21 14.5 -35.5t35.5 -14.5h150v-150q0 -21 14.5 -35.5t35.5 -14.5h100q21 0 35.5 14.5t14.5 35.5v150h150q21 0 35.5 14.5t14.5 35.5v100q0 21 -14.5 35.5t-35.5 14.5h-150v150q0 21 -14.5 35.5t-35.5  [...]
+<glyph unicode="&#xe082;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM850 700h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -21 14.5 -35.5 t35.5 -14.5h500q21 0 35.5 14.5t14.5 35.5v100q0 21 -14.5 35.5t-35.5 14.5z" />
+<glyph unicode="&#xe083;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM741.5 913q-12.5 0 -21.5 -9l-120 -120l-120 120q-9 9 -21.5 9 t-21.5 -9l-141 -141q-9 -9 -9 -21.5t9 -21.5l120 -120l-120 -120q-9 -9 -9 -21.5t9 -21.5l141 -141q9 -9 21.5 -9t21.5 9l120 120l120 -120q9 -9 21.5 -9t21.5 9l141 141q9 9 9 21.5t-9 21.5l-120 120l120 120q9 9 9 21.5t-9 21.5l-141  [...]
+<glyph unicode="&#xe084;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM546 623l-84 85q-7 7 -17.5 7t-18.5 -7l-139 -139q-7 -8 -7 -18t7 -18 l242 -241q7 -8 17.5 -8t17.5 8l375 375q7 7 7 17.5t-7 18.5l-139 139q-7 7 -17.5 7t-17.5 -7z" />
+<glyph unicode="&#xe085;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM588 941q-29 0 -59 -5.5t-63 -20.5t-58 -38.5t-41.5 -63t-16.5 -89.5 q0 -25 20 -25h131q30 -5 35 11q6 20 20.5 28t45.5 8q20 0 31.5 -10.5t11.5 -28.5q0 -23 -7 -34t-26 -18q-1 0 -13.5 -4t-19.5 -7.5t-20 -10.5t-22 -17t-18.5 -24t-15.5 -35t-8 -46q-1 -8 5.5 -16.5t20.5 -8.5h173q7 0 22 8t35 28t [...]
+<glyph unicode="&#xe086;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM675 1000h-150q-10 0 -17.5 -7.5t-7.5 -17.5v-150q0 -10 7.5 -17.5 t17.5 -7.5h150q10 0 17.5 7.5t7.5 17.5v150q0 10 -7.5 17.5t-17.5 7.5zM675 700h-250q-10 0 -17.5 -7.5t-7.5 -17.5v-50q0 -10 7.5 -17.5t17.5 -7.5h75v-200h-75q-10 0 -17.5 -7.5t-7.5 -17.5v-50q0 -10 7.5 -17.5t17.5 -7.5h350q10 [...]
+<glyph unicode="&#xe087;" d="M525 1200h150q10 0 17.5 -7.5t7.5 -17.5v-194q103 -27 178.5 -102.5t102.5 -178.5h194q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-194q-27 -103 -102.5 -178.5t-178.5 -102.5v-194q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v194 q-103 27 -178.5 102.5t-102.5 178.5h-194q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5h194q27 103 102.5 178.5t178.5 102.5v194q0 10 7.5 17.5t17.5 7.5zM700 893v-168q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 [...]
+<glyph unicode="&#xe088;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM759 823l64 -64q7 -7 7 -17.5t-7 -17.5l-124 -124l124 -124q7 -7 7 -17.5t-7 -17.5l-64 -64q-7 -7 -17.5 -7t-17.5 7l-124 124l-124 -124q [...]
+<glyph unicode="&#xe089;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM782 788l106 -106q7 -7 7 -17.5t-7 -17.5l-320 -321q-8 -7 -18 -7t-18 7l-202 203q-8 7 -8 17.5t8 17.5l106 106q7 8 17.5 8t17.5 -8l79 - [...]
+<glyph unicode="&#xe090;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5q0 -120 65 -225 l587 587q-105 65 -225 65zM965 819l-584 -584q104 -62 219 -62q116 0 214.5 57t155.5 155.5t57 214.5q0 115 -62 219z" />
+<glyph unicode="&#xe091;" d="M39 582l522 427q16 13 27.5 8t11.5 -26v-291h550q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-550v-291q0 -21 -11.5 -26t-27.5 8l-522 427q-16 13 -16 32t16 32z" />
+<glyph unicode="&#xe092;" d="M639 1009l522 -427q16 -13 16 -32t-16 -32l-522 -427q-16 -13 -27.5 -8t-11.5 26v291h-550q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h550v291q0 21 11.5 26t27.5 -8z" />
+<glyph unicode="&#xe093;" d="M682 1161l427 -522q13 -16 8 -27.5t-26 -11.5h-291v-550q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v550h-291q-21 0 -26 11.5t8 27.5l427 522q13 16 32 16t32 -16z" />
+<glyph unicode="&#xe094;" d="M550 1200h200q21 0 35.5 -14.5t14.5 -35.5v-550h291q21 0 26 -11.5t-8 -27.5l-427 -522q-13 -16 -32 -16t-32 16l-427 522q-13 16 -8 27.5t26 11.5h291v550q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe095;" d="M639 1109l522 -427q16 -13 16 -32t-16 -32l-522 -427q-16 -13 -27.5 -8t-11.5 26v291q-94 -2 -182 -20t-170.5 -52t-147 -92.5t-100.5 -135.5q5 105 27 193.5t67.5 167t113 135t167 91.5t225.5 42v262q0 21 11.5 26t27.5 -8z" />
+<glyph unicode="&#xe096;" d="M850 1200h300q21 0 35.5 -14.5t14.5 -35.5v-300q0 -21 -10.5 -25t-24.5 10l-94 94l-249 -249q-8 -7 -18 -7t-18 7l-106 106q-7 8 -7 18t7 18l249 249l-94 94q-14 14 -10 24.5t25 10.5zM350 0h-300q-21 0 -35.5 14.5t-14.5 35.5v300q0 21 10.5 25t24.5 -10l94 -94l249 249 q8 7 18 7t18 -7l106 -106q7 -8 7 -18t-7 -18l-249 -249l94 -94q14 -14 10 -24.5t-25 -10.5z" />
+<glyph unicode="&#xe097;" d="M1014 1120l106 -106q7 -8 7 -18t-7 -18l-249 -249l94 -94q14 -14 10 -24.5t-25 -10.5h-300q-21 0 -35.5 14.5t-14.5 35.5v300q0 21 10.5 25t24.5 -10l94 -94l249 249q8 7 18 7t18 -7zM250 600h300q21 0 35.5 -14.5t14.5 -35.5v-300q0 -21 -10.5 -25t-24.5 10l-94 94 l-249 -249q-8 -7 -18 -7t-18 7l-106 106q-7 8 -7 18t7 18l249 249l-94 94q-14 14 -10 24.5t25 10.5z" />
+<glyph unicode="&#xe101;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM704 900h-208q-20 0 -32 -14.5t-8 -34.5l58 -302q4 -20 21.5 -34.5 t37.5 -14.5h54q20 0 37.5 14.5t21.5 34.5l58 302q4 20 -8 34.5t-32 14.5zM675 400h-150q-10 0 -17.5 -7.5t-7.5 -17.5v-150q0 -10 7.5 -17.5t17.5 -7.5h150q10 0 17.5 7.5t7.5 17.5v150q0 10 -7.5 17.5t-17.5 7.5z" />
+<glyph unicode="&#xe102;" d="M260 1200q9 0 19 -2t15 -4l5 -2q22 -10 44 -23l196 -118q21 -13 36 -24q29 -21 37 -12q11 13 49 35l196 118q22 13 45 23q17 7 38 7q23 0 47 -16.5t37 -33.5l13 -16q14 -21 18 -45l25 -123l8 -44q1 -9 8.5 -14.5t17.5 -5.5h61q10 0 17.5 -7.5t7.5 -17.5v-50 q0 -10 -7.5 -17.5t-17.5 -7.5h-50q-10 0 -17.5 -7.5t-7.5 -17.5v-175h-400v300h-200v-300h-400v175q0 10 -7.5 17.5t-17.5 7.5h-50q-10 0 -17.5 7.5t-7.5 17.5v50q0 10 7.5 17.5t17.5 7.5h61q11 0 18 3t7 8q0 4 9 52l25 128q5 25 19 45q2 3 5 [...]
+<glyph unicode="&#xe103;" d="M1165 1190q8 3 21 -6.5t13 -17.5q-2 -178 -24.5 -323.5t-55.5 -245.5t-87 -174.5t-102.5 -118.5t-118 -68.5t-118.5 -33t-120 -4.5t-105 9.5t-90 16.5q-61 12 -78 11q-4 1 -12.5 0t-34 -14.5t-52.5 -40.5l-153 -153q-26 -24 -37 -14.5t-11 43.5q0 64 42 102q8 8 50.5 45 t66.5 58q19 17 35 47t13 61q-9 55 -10 102.5t7 111t37 130t78 129.5q39 51 80 88t89.5 63.5t94.5 45t113.5 36t129 31t157.5 37t182 47.5zM1116 1098q-8 9 -22.5 -3t-45.5 -50q-38 -47 -119 -103.5t-142 -89.5l-62 -33q-56 -30 - [...]
+<glyph unicode="&#xe104;" d="M653 1231q-39 -67 -54.5 -131t-10.5 -114.5t24.5 -96.5t47.5 -80t63.5 -62.5t68.5 -46.5t65 -30q-4 7 -17.5 35t-18.5 39.5t-17 39.5t-17 43t-13 42t-9.5 44.5t-2 42t4 43t13.5 39t23 38.5q96 -42 165 -107.5t105 -138t52 -156t13 -159t-19 -149.5q-13 -55 -44 -106.5 t-68 -87t-78.5 -64.5t-72.5 -45t-53 -22q-72 -22 -127 -11q-31 6 -13 19q6 3 17 7q13 5 32.5 21t41 44t38.5 63.5t21.5 81.5t-6.5 94.5t-50 107t-104 115.5q10 -104 -0.5 -189t-37 -140.5t-65 -93t-84 -52t-93.5 -11t-95 24.5q-80  [...]
+<glyph unicode="&#xe105;" d="M600 1094q82 0 160.5 -22.5t140 -59t116.5 -82.5t94.5 -95t68 -95t42.5 -82.5t14 -57.5t-14 -57.5t-43 -82.5t-68.5 -95t-94.5 -95t-116.5 -82.5t-140 -59t-159.5 -22.5t-159.5 22.5t-140 59t-116.5 82.5t-94.5 95t-68.5 95t-43 82.5t-14 57.5t14 57.5t42.5 82.5t68 95 t94.5 95t116.5 82.5t140 59t160.5 22.5zM888 829q-15 15 -18 12t5 -22q25 -57 25 -119q0 -124 -88 -212t-212 -88t-212 88t-88 212q0 59 23 114q8 19 4.5 22t-17.5 -12q-70 -69 -160 -184q-13 -16 -15 -40.5t9 -42.5q22 -36 47 -7 [...]
+<glyph unicode="&#xe106;" d="M592 0h-148l31 120q-91 20 -175.5 68.5t-143.5 106.5t-103.5 119t-66.5 110t-22 76q0 21 14 57.5t42.5 82.5t68 95t94.5 95t116.5 82.5t140 59t160.5 22.5q61 0 126 -15l32 121h148zM944 770l47 181q108 -85 176.5 -192t68.5 -159q0 -26 -19.5 -71t-59.5 -102t-93 -112 t-129 -104.5t-158 -75.5l46 173q77 49 136 117t97 131q11 18 9 42.5t-14 41.5q-54 70 -107 130zM310 824q-70 -69 -160 -184q-13 -16 -15 -40.5t9 -42.5q18 -30 39 -60t57 -70.5t74 -73t90 -61t105 -41.5l41 154q-107 18 -178.5 1 [...]
+<glyph unicode="&#xe107;" d="M-90 100l642 1066q20 31 48 28.5t48 -35.5l642 -1056q21 -32 7.5 -67.5t-50.5 -35.5h-1294q-37 0 -50.5 34t7.5 66zM155 200h345v75q0 10 7.5 17.5t17.5 7.5h150q10 0 17.5 -7.5t7.5 -17.5v-75h345l-445 723zM496 700h208q20 0 32 -14.5t8 -34.5l-58 -252 q-4 -20 -21.5 -34.5t-37.5 -14.5h-54q-20 0 -37.5 14.5t-21.5 34.5l-58 252q-4 20 8 34.5t32 14.5z" />
+<glyph unicode="&#xe108;" d="M650 1200q62 0 106 -44t44 -106v-339l363 -325q15 -14 26 -38.5t11 -44.5v-41q0 -20 -12 -26.5t-29 5.5l-359 249v-263q100 -93 100 -113v-64q0 -21 -13 -29t-32 1l-205 128l-205 -128q-19 -9 -32 -1t-13 29v64q0 20 100 113v263l-359 -249q-17 -12 -29 -5.5t-12 26.5v41 q0 20 11 44.5t26 38.5l363 325v339q0 62 44 106t106 44z" />
+<glyph unicode="&#xe109;" d="M850 1200h100q21 0 35.5 -14.5t14.5 -35.5v-50h50q21 0 35.5 -14.5t14.5 -35.5v-150h-1100v150q0 21 14.5 35.5t35.5 14.5h50v50q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-50h500v50q0 21 14.5 35.5t35.5 14.5zM1100 800v-750q0 -21 -14.5 -35.5 t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5v750h1100zM100 600v-100h100v100h-100zM300 600v-100h100v100h-100zM500 600v-100h100v100h-100zM700 600v-100h100v100h-100zM900 600v-100h100v100h-100zM100 400v-100h100v100h-100 [...]
+<glyph unicode="&#xe110;" d="M1135 1165l249 -230q15 -14 15 -35t-15 -35l-249 -230q-14 -14 -24.5 -10t-10.5 25v150h-159l-600 -600h-291q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h209l600 600h241v150q0 21 10.5 25t24.5 -10zM522 819l-141 -141l-122 122h-209q-21 0 -35.5 14.5 t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h291zM1135 565l249 -230q15 -14 15 -35t-15 -35l-249 -230q-14 -14 -24.5 -10t-10.5 25v150h-241l-181 181l141 141l122 -122h159v150q0 21 10.5 25t24.5 -10z" />
+<glyph unicode="&#xe111;" d="M100 1100h1000q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-596l-304 -300v300h-100q-41 0 -70.5 29.5t-29.5 70.5v600q0 41 29.5 70.5t70.5 29.5z" />
+<glyph unicode="&#xe112;" d="M150 1200h200q21 0 35.5 -14.5t14.5 -35.5v-250h-300v250q0 21 14.5 35.5t35.5 14.5zM850 1200h200q21 0 35.5 -14.5t14.5 -35.5v-250h-300v250q0 21 14.5 35.5t35.5 14.5zM1100 800v-300q0 -41 -3 -77.5t-15 -89.5t-32 -96t-58 -89t-89 -77t-129 -51t-174 -20t-174 20 t-129 51t-89 77t-58 89t-32 96t-15 89.5t-3 77.5v300h300v-250v-27v-42.5t1.5 -41t5 -38t10 -35t16.5 -30t25.5 -24.5t35 -19t46.5 -12t60 -4t60 4.5t46.5 12.5t35 19.5t25 25.5t17 30.5t10 35t5 38t2 40.5t-0.5 42v25v250h300z" />
+<glyph unicode="&#xe113;" d="M1100 411l-198 -199l-353 353l-353 -353l-197 199l551 551z" />
+<glyph unicode="&#xe114;" d="M1101 789l-550 -551l-551 551l198 199l353 -353l353 353z" />
+<glyph unicode="&#xe115;" d="M404 1000h746q21 0 35.5 -14.5t14.5 -35.5v-551h150q21 0 25 -10.5t-10 -24.5l-230 -249q-14 -15 -35 -15t-35 15l-230 249q-14 14 -10 24.5t25 10.5h150v401h-381zM135 984l230 -249q14 -14 10 -24.5t-25 -10.5h-150v-400h385l215 -200h-750q-21 0 -35.5 14.5 t-14.5 35.5v550h-150q-21 0 -25 10.5t10 24.5l230 249q14 15 35 15t35 -15z" />
+<glyph unicode="&#xe116;" d="M56 1200h94q17 0 31 -11t18 -27l38 -162h896q24 0 39 -18.5t10 -42.5l-100 -475q-5 -21 -27 -42.5t-55 -21.5h-633l48 -200h535q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-50v-50q0 -21 -14.5 -35.5t-35.5 -14.5t-35.5 14.5t-14.5 35.5v50h-300v-50 q0 -21 -14.5 -35.5t-35.5 -14.5t-35.5 14.5t-14.5 35.5v50h-31q-18 0 -32.5 10t-20.5 19l-5 10l-201 961h-54q-20 0 -35 14.5t-15 35.5t15 35.5t35 14.5z" />
+<glyph unicode="&#xe117;" d="M1200 1000v-100h-1200v100h200q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5h500zM0 800h1200v-800h-1200v800z" />
+<glyph unicode="&#xe118;" d="M200 800l-200 -400v600h200q0 41 29.5 70.5t70.5 29.5h300q42 0 71 -29.5t29 -70.5h500v-200h-1000zM1500 700l-300 -700h-1200l300 700h1200z" />
+<glyph unicode="&#xe119;" d="M635 1184l230 -249q14 -14 10 -24.5t-25 -10.5h-150v-601h150q21 0 25 -10.5t-10 -24.5l-230 -249q-14 -15 -35 -15t-35 15l-230 249q-14 14 -10 24.5t25 10.5h150v601h-150q-21 0 -25 10.5t10 24.5l230 249q14 15 35 15t35 -15z" />
+<glyph unicode="&#xe120;" d="M936 864l249 -229q14 -15 14 -35.5t-14 -35.5l-249 -229q-15 -15 -25.5 -10.5t-10.5 24.5v151h-600v-151q0 -20 -10.5 -24.5t-25.5 10.5l-249 229q-14 15 -14 35.5t14 35.5l249 229q15 15 25.5 10.5t10.5 -25.5v-149h600v149q0 21 10.5 25.5t25.5 -10.5z" />
+<glyph unicode="&#xe121;" d="M1169 400l-172 732q-5 23 -23 45.5t-38 22.5h-672q-20 0 -38 -20t-23 -41l-172 -739h1138zM1100 300h-1000q-41 0 -70.5 -29.5t-29.5 -70.5v-100q0 -41 29.5 -70.5t70.5 -29.5h1000q41 0 70.5 29.5t29.5 70.5v100q0 41 -29.5 70.5t-70.5 29.5zM800 100v100h100v-100h-100 zM1000 100v100h100v-100h-100z" />
+<glyph unicode="&#xe122;" d="M1150 1100q21 0 35.5 -14.5t14.5 -35.5v-850q0 -21 -14.5 -35.5t-35.5 -14.5t-35.5 14.5t-14.5 35.5v850q0 21 14.5 35.5t35.5 14.5zM1000 200l-675 200h-38l47 -276q3 -16 -5.5 -20t-29.5 -4h-7h-84q-20 0 -34.5 14t-18.5 35q-55 337 -55 351v250v6q0 16 1 23.5t6.5 14 t17.5 6.5h200l675 250v-850zM0 750v-250q-4 0 -11 0.5t-24 6t-30 15t-24 30t-11 48.5v50q0 26 10.5 46t25 30t29 16t25.5 7z" />
+<glyph unicode="&#xe123;" d="M553 1200h94q20 0 29 -10.5t3 -29.5l-18 -37q83 -19 144 -82.5t76 -140.5l63 -327l118 -173h17q19 0 33 -14.5t14 -35t-13 -40.5t-31 -27q-8 -4 -23 -9.5t-65 -19.5t-103 -25t-132.5 -20t-158.5 -9q-57 0 -115 5t-104 12t-88.5 15.5t-73.5 17.5t-54.5 16t-35.5 12l-11 4 q-18 8 -31 28t-13 40.5t14 35t33 14.5h17l118 173l63 327q15 77 76 140t144 83l-18 32q-6 19 3.5 32t28.5 13zM498 110q50 -6 102 -6q53 0 102 6q-12 -49 -39.5 -79.5t-62.5 -30.5t-63 30.5t-39 79.5z" />
+<glyph unicode="&#xe124;" d="M800 946l224 78l-78 -224l234 -45l-180 -155l180 -155l-234 -45l78 -224l-224 78l-45 -234l-155 180l-155 -180l-45 234l-224 -78l78 224l-234 45l180 155l-180 155l234 45l-78 224l224 -78l45 234l155 -180l155 180z" />
+<glyph unicode="&#xe125;" d="M650 1200h50q40 0 70 -40.5t30 -84.5v-150l-28 -125h328q40 0 70 -40.5t30 -84.5v-100q0 -45 -29 -74l-238 -344q-16 -24 -38 -40.5t-45 -16.5h-250q-7 0 -42 25t-66 50l-31 25h-61q-45 0 -72.5 18t-27.5 57v400q0 36 20 63l145 196l96 198q13 28 37.5 48t51.5 20z M650 1100l-100 -212l-150 -213v-375h100l136 -100h214l250 375v125h-450l50 225v175h-50zM50 800h100q21 0 35.5 -14.5t14.5 -35.5v-500q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v500q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe126;" d="M600 1100h250q23 0 45 -16.5t38 -40.5l238 -344q29 -29 29 -74v-100q0 -44 -30 -84.5t-70 -40.5h-328q28 -118 28 -125v-150q0 -44 -30 -84.5t-70 -40.5h-50q-27 0 -51.5 20t-37.5 48l-96 198l-145 196q-20 27 -20 63v400q0 39 27.5 57t72.5 18h61q124 100 139 100z M50 1000h100q21 0 35.5 -14.5t14.5 -35.5v-500q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v500q0 21 14.5 35.5t35.5 14.5zM636 1000l-136 -100h-100v-375l150 -213l100 -212h50v175l-50 225h450v125l-250 375 [...]
+<glyph unicode="&#xe127;" d="M356 873l363 230q31 16 53 -6l110 -112q13 -13 13.5 -32t-11.5 -34l-84 -121h302q84 0 138 -38t54 -110t-55 -111t-139 -39h-106l-131 -339q-6 -21 -19.5 -41t-28.5 -20h-342q-7 0 -90 81t-83 94v525q0 17 14 35.5t28 28.5zM400 792v-503l100 -89h293l131 339 q6 21 19.5 41t28.5 20h203q21 0 30.5 25t0.5 50t-31 25h-456h-7h-6h-5.5t-6 0.5t-5 1.5t-5 2t-4 2.5t-4 4t-2.5 4.5q-12 25 5 47l146 183l-86 83zM50 800h100q21 0 35.5 -14.5t14.5 -35.5v-500q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 - [...]
+<glyph unicode="&#xe128;" d="M475 1103l366 -230q2 -1 6 -3.5t14 -10.5t18 -16.5t14.5 -20t6.5 -22.5v-525q0 -13 -86 -94t-93 -81h-342q-15 0 -28.5 20t-19.5 41l-131 339h-106q-85 0 -139.5 39t-54.5 111t54 110t138 38h302l-85 121q-11 15 -10.5 34t13.5 32l110 112q22 22 53 6zM370 945l146 -183 q17 -22 5 -47q-2 -2 -3.5 -4.5t-4 -4t-4 -2.5t-5 -2t-5 -1.5t-6 -0.5h-6h-6.5h-6h-475v-100h221q15 0 29 -20t20 -41l130 -339h294l106 89v503l-342 236zM1050 800h100q21 0 35.5 -14.5t14.5 -35.5v-500q0 -21 -14.5 -35.5t-35.5 [...]
+<glyph unicode="&#xe129;" d="M550 1294q72 0 111 -55t39 -139v-106l339 -131q21 -6 41 -19.5t20 -28.5v-342q0 -7 -81 -90t-94 -83h-525q-17 0 -35.5 14t-28.5 28l-9 14l-230 363q-16 31 6 53l112 110q13 13 32 13.5t34 -11.5l121 -84v302q0 84 38 138t110 54zM600 972v203q0 21 -25 30.5t-50 0.5 t-25 -31v-456v-7v-6v-5.5t-0.5 -6t-1.5 -5t-2 -5t-2.5 -4t-4 -4t-4.5 -2.5q-25 -12 -47 5l-183 146l-83 -86l236 -339h503l89 100v293l-339 131q-21 6 -41 19.5t-20 28.5zM450 200h500q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 [...]
+<glyph unicode="&#xe130;" d="M350 1100h500q21 0 35.5 14.5t14.5 35.5v100q0 21 -14.5 35.5t-35.5 14.5h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -21 14.5 -35.5t35.5 -14.5zM600 306v-106q0 -84 -39 -139t-111 -55t-110 54t-38 138v302l-121 -84q-15 -12 -34 -11.5t-32 13.5l-112 110 q-22 22 -6 53l230 363q1 2 3.5 6t10.5 13.5t16.5 17t20 13.5t22.5 6h525q13 0 94 -83t81 -90v-342q0 -15 -20 -28.5t-41 -19.5zM308 900l-236 -339l83 -86l183 146q22 17 47 5q2 -1 4.5 -2.5t4 -4t2.5 -4t2 -5t1.5 -5t0.5 -6v-5.5v-6v-7v-4 [...]
+<glyph unicode="&#xe131;" d="M600 1178q118 0 225 -45.5t184.5 -123t123 -184.5t45.5 -225t-45.5 -225t-123 -184.5t-184.5 -123t-225 -45.5t-225 45.5t-184.5 123t-123 184.5t-45.5 225t45.5 225t123 184.5t184.5 123t225 45.5zM914 632l-275 223q-16 13 -27.5 8t-11.5 -26v-137h-275 q-10 0 -17.5 -7.5t-7.5 -17.5v-150q0 -10 7.5 -17.5t17.5 -7.5h275v-137q0 -21 11.5 -26t27.5 8l275 223q16 13 16 32t-16 32z" />
+<glyph unicode="&#xe132;" d="M600 1178q118 0 225 -45.5t184.5 -123t123 -184.5t45.5 -225t-45.5 -225t-123 -184.5t-184.5 -123t-225 -45.5t-225 45.5t-184.5 123t-123 184.5t-45.5 225t45.5 225t123 184.5t184.5 123t225 45.5zM561 855l-275 -223q-16 -13 -16 -32t16 -32l275 -223q16 -13 27.5 -8 t11.5 26v137h275q10 0 17.5 7.5t7.5 17.5v150q0 10 -7.5 17.5t-17.5 7.5h-275v137q0 21 -11.5 26t-27.5 -8z" />
+<glyph unicode="&#xe133;" d="M600 1178q118 0 225 -45.5t184.5 -123t123 -184.5t45.5 -225t-45.5 -225t-123 -184.5t-184.5 -123t-225 -45.5t-225 45.5t-184.5 123t-123 184.5t-45.5 225t45.5 225t123 184.5t184.5 123t225 45.5zM855 639l-223 275q-13 16 -32 16t-32 -16l-223 -275q-13 -16 -8 -27.5 t26 -11.5h137v-275q0 -10 7.5 -17.5t17.5 -7.5h150q10 0 17.5 7.5t7.5 17.5v275h137q21 0 26 11.5t-8 27.5z" />
+<glyph unicode="&#xe134;" d="M600 1178q118 0 225 -45.5t184.5 -123t123 -184.5t45.5 -225t-45.5 -225t-123 -184.5t-184.5 -123t-225 -45.5t-225 45.5t-184.5 123t-123 184.5t-45.5 225t45.5 225t123 184.5t184.5 123t225 45.5zM675 900h-150q-10 0 -17.5 -7.5t-7.5 -17.5v-275h-137q-21 0 -26 -11.5 t8 -27.5l223 -275q13 -16 32 -16t32 16l223 275q13 16 8 27.5t-26 11.5h-137v275q0 10 -7.5 17.5t-17.5 7.5z" />
+<glyph unicode="&#xe135;" d="M600 1176q116 0 222.5 -46t184 -123.5t123.5 -184t46 -222.5t-46 -222.5t-123.5 -184t-184 -123.5t-222.5 -46t-222.5 46t-184 123.5t-123.5 184t-46 222.5t46 222.5t123.5 184t184 123.5t222.5 46zM627 1101q-15 -12 -36.5 -20.5t-35.5 -12t-43 -8t-39 -6.5 q-15 -3 -45.5 0t-45.5 -2q-20 -7 -51.5 -26.5t-34.5 -34.5q-3 -11 6.5 -22.5t8.5 -18.5q-3 -34 -27.5 -91t-29.5 -79q-9 -34 5 -93t8 -87q0 -9 17 -44.5t16 -59.5q12 0 23 -5t23.5 -15t19.5 -14q16 -8 33 -15t40.5 -15t34.5 -12q21 -9 52.5  [...]
+<glyph unicode="&#xe136;" d="M756 1157q164 92 306 -9l-259 -138l145 -232l251 126q6 -89 -34 -156.5t-117 -110.5q-60 -34 -127 -39.5t-126 16.5l-596 -596q-15 -16 -36.5 -16t-36.5 16l-111 110q-15 15 -15 36.5t15 37.5l600 599q-34 101 5.5 201.5t135.5 154.5z" />
+<glyph unicode="&#xe137;" horiz-adv-x="1220" d="M100 1196h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5v100q0 41 29.5 70.5t70.5 29.5zM1100 1096h-200v-100h200v100zM100 796h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000 q-41 0 -70.5 29.5t-29.5 70.5v100q0 41 29.5 70.5t70.5 29.5zM1100 696h-500v-100h500v100zM100 396h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70 [...]
+<glyph unicode="&#xe138;" d="M150 1200h900q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-900q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM700 500v-300l-200 -200v500l-350 500h900z" />
+<glyph unicode="&#xe139;" d="M500 1200h200q41 0 70.5 -29.5t29.5 -70.5v-100h300q41 0 70.5 -29.5t29.5 -70.5v-400h-500v100h-200v-100h-500v400q0 41 29.5 70.5t70.5 29.5h300v100q0 41 29.5 70.5t70.5 29.5zM500 1100v-100h200v100h-200zM1200 400v-200q0 -41 -29.5 -70.5t-70.5 -29.5h-1000 q-41 0 -70.5 29.5t-29.5 70.5v200h1200z" />
+<glyph unicode="&#xe140;" d="M50 1200h300q21 0 25 -10.5t-10 -24.5l-94 -94l199 -199q7 -8 7 -18t-7 -18l-106 -106q-8 -7 -18 -7t-18 7l-199 199l-94 -94q-14 -14 -24.5 -10t-10.5 25v300q0 21 14.5 35.5t35.5 14.5zM850 1200h300q21 0 35.5 -14.5t14.5 -35.5v-300q0 -21 -10.5 -25t-24.5 10l-94 94 l-199 -199q-8 -7 -18 -7t-18 7l-106 106q-7 8 -7 18t7 18l199 199l-94 94q-14 14 -10 24.5t25 10.5zM364 470l106 -106q7 -8 7 -18t-7 -18l-199 -199l94 -94q14 -14 10 -24.5t-25 -10.5h-300q-21 0 -35.5 14.5t-14.5 35.5v300q0 [...]
+<glyph unicode="&#xe141;" d="M596 1192q121 0 231.5 -47.5t190 -127t127 -190t47.5 -231.5t-47.5 -231.5t-127 -190.5t-190 -127t-231.5 -47t-231.5 47t-190.5 127t-127 190.5t-47 231.5t47 231.5t127 190t190.5 127t231.5 47.5zM596 1010q-112 0 -207.5 -55.5t-151 -151t-55.5 -207.5t55.5 -207.5 t151 -151t207.5 -55.5t207.5 55.5t151 151t55.5 207.5t-55.5 207.5t-151 151t-207.5 55.5zM454.5 905q22.5 0 38.5 -16t16 -38.5t-16 -39t-38.5 -16.5t-38.5 16.5t-16 39t16 38.5t38.5 16zM754.5 905q22.5 0 38.5 -16t16 -38.5t-16 [...]
+<glyph unicode="&#xe142;" d="M546 173l469 470q91 91 99 192q7 98 -52 175.5t-154 94.5q-22 4 -47 4q-34 0 -66.5 -10t-56.5 -23t-55.5 -38t-48 -41.5t-48.5 -47.5q-376 -375 -391 -390q-30 -27 -45 -41.5t-37.5 -41t-32 -46.5t-16 -47.5t-1.5 -56.5q9 -62 53.5 -95t99.5 -33q74 0 125 51l548 548 q36 36 20 75q-7 16 -21.5 26t-32.5 10q-26 0 -50 -23q-13 -12 -39 -38l-341 -338q-15 -15 -35.5 -15.5t-34.5 13.5t-14 34.5t14 34.5q327 333 361 367q35 35 67.5 51.5t78.5 16.5q14 0 29 -1q44 -8 74.5 -35.5t43.5 -68.5q14 -47 2  [...]
+<glyph unicode="&#xe143;" d="M649 949q48 68 109.5 104t121.5 38.5t118.5 -20t102.5 -64t71 -100.5t27 -123q0 -57 -33.5 -117.5t-94 -124.5t-126.5 -127.5t-150 -152.5t-146 -174q-62 85 -145.5 174t-150 152.5t-126.5 127.5t-93.5 124.5t-33.5 117.5q0 64 28 123t73 100.5t104 64t119 20 t120.5 -38.5t104.5 -104zM896 972q-33 0 -64.5 -19t-56.5 -46t-47.5 -53.5t-43.5 -45.5t-37.5 -19t-36 19t-40 45.5t-43 53.5t-54 46t-65.5 19q-67 0 -122.5 -55.5t-55.5 -132.5q0 -23 13.5 -51t46 -65t57.5 -63t76 -75l22 -22q15 -14 44 - [...]
+<glyph unicode="&#xe144;" d="M776.5 1214q93.5 0 159.5 -66l141 -141q66 -66 66 -160q0 -42 -28 -95.5t-62 -87.5l-29 -29q-31 53 -77 99l-18 18l95 95l-247 248l-389 -389l212 -212l-105 -106l-19 18l-141 141q-66 66 -66 159t66 159l283 283q65 66 158.5 66zM600 706l105 105q10 -8 19 -17l141 -141 q66 -66 66 -159t-66 -159l-283 -283q-66 -66 -159 -66t-159 66l-141 141q-66 66 -66 159.5t66 159.5l55 55q29 -55 75 -102l18 -17l-95 -95l247 -248l389 389z" />
+<glyph unicode="&#xe145;" d="M603 1200q85 0 162 -15t127 -38t79 -48t29 -46v-953q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-41 0 -70.5 29.5t-29.5 70.5v953q0 21 30 46.5t81 48t129 37.5t163 15zM300 1000v-700h600v700h-600zM600 254q-43 0 -73.5 -30.5t-30.5 -73.5t30.5 -73.5t73.5 -30.5t73.5 30.5 t30.5 73.5t-30.5 73.5t-73.5 30.5z" />
+<glyph unicode="&#xe146;" d="M902 1185l283 -282q15 -15 15 -36t-14.5 -35.5t-35.5 -14.5t-35 15l-36 35l-279 -267v-300l-212 210l-308 -307l-280 -203l203 280l307 308l-210 212h300l267 279l-35 36q-15 14 -15 35t14.5 35.5t35.5 14.5t35 -15z" />
+<glyph unicode="&#xe148;" d="M700 1248v-78q38 -5 72.5 -14.5t75.5 -31.5t71 -53.5t52 -84t24 -118.5h-159q-4 36 -10.5 59t-21 45t-40 35.5t-64.5 20.5v-307l64 -13q34 -7 64 -16.5t70 -32t67.5 -52.5t47.5 -80t20 -112q0 -139 -89 -224t-244 -97v-77h-100v79q-150 16 -237 103q-40 40 -52.5 93.5 t-15.5 139.5h139q5 -77 48.5 -126t117.5 -65v335l-27 8q-46 14 -79 26.5t-72 36t-63 52t-40 72.5t-16 98q0 70 25 126t67.5 92t94.5 57t110 27v77h100zM600 754v274q-29 -4 -50 -11t-42 -21.5t-31.5 -41.5t-10.5 -65q0 -29 7 -50.5 [...]
+<glyph unicode="&#xe149;" d="M561 1197q84 0 160.5 -40t123.5 -109.5t47 -147.5h-153q0 40 -19.5 71.5t-49.5 48.5t-59.5 26t-55.5 9q-37 0 -79 -14.5t-62 -35.5q-41 -44 -41 -101q0 -26 13.5 -63t26.5 -61t37 -66q6 -9 9 -14h241v-100h-197q8 -50 -2.5 -115t-31.5 -95q-45 -62 -99 -112 q34 10 83 17.5t71 7.5q32 1 102 -16t104 -17q83 0 136 30l50 -147q-31 -19 -58 -30.5t-55 -15.5t-42 -4.5t-46 -0.5q-23 0 -76 17t-111 32.5t-96 11.5q-39 -3 -82 -16t-67 -25l-23 -11l-55 145q4 3 16 11t15.5 10.5t13 9t15.5 12t14.5 14t17. [...]
+<glyph unicode="&#xe150;" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM935 1184l230 -249q14 -14 10 -24.5t-25 -10.5h-150v-900h-200v900h-150q-21 0 -25 10.5t10 24.5l230 249q14 15 35 15t35 -15z" />
+<glyph unicode="&#xe151;" d="M1000 700h-100v100h-100v-100h-100v500h300v-500zM400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM801 1100v-200h100v200h-100zM1000 350l-200 -250h200v-100h-300v150l200 250h-200v100h300v-150z " />
+<glyph unicode="&#xe152;" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM1000 1050l-200 -250h200v-100h-300v150l200 250h-200v100h300v-150zM1000 0h-100v100h-100v-100h-100v500h300v-500zM801 400v-200h100v200h-100z " />
+<glyph unicode="&#xe153;" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM1000 700h-100v400h-100v100h200v-500zM1100 0h-100v100h-200v400h300v-500zM901 400v-200h100v200h-100z" />
+<glyph unicode="&#xe154;" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM1100 700h-100v100h-200v400h300v-500zM901 1100v-200h100v200h-100zM1000 0h-100v400h-100v100h200v-500z" />
+<glyph unicode="&#xe155;" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM900 1000h-200v200h200v-200zM1000 700h-300v200h300v-200zM1100 400h-400v200h400v-200zM1200 100h-500v200h500v-200z" />
+<glyph unicode="&#xe156;" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM1200 1000h-500v200h500v-200zM1100 700h-400v200h400v-200zM1000 400h-300v200h300v-200zM900 100h-200v200h200v-200z" />
+<glyph unicode="&#xe157;" d="M350 1100h400q162 0 256 -93.5t94 -256.5v-400q0 -165 -93.5 -257.5t-256.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 165 92.5 257.5t257.5 92.5zM800 900h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5 v500q0 41 -29.5 70.5t-70.5 29.5z" />
+<glyph unicode="&#xe158;" d="M350 1100h400q165 0 257.5 -92.5t92.5 -257.5v-400q0 -165 -92.5 -257.5t-257.5 -92.5h-400q-163 0 -256.5 92.5t-93.5 257.5v400q0 163 94 256.5t256 93.5zM800 900h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5 v500q0 41 -29.5 70.5t-70.5 29.5zM440 770l253 -190q17 -12 17 -30t-17 -30l-253 -190q-16 -12 -28 -6.5t-12 26.5v400q0 21 12 26.5t28 -6.5z" />
+<glyph unicode="&#xe159;" d="M350 1100h400q163 0 256.5 -94t93.5 -256v-400q0 -165 -92.5 -257.5t-257.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 163 92.5 256.5t257.5 93.5zM800 900h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5 v500q0 41 -29.5 70.5t-70.5 29.5zM350 700h400q21 0 26.5 -12t-6.5 -28l-190 -253q-12 -17 -30 -17t-30 17l-190 253q-12 16 -6.5 28t26.5 12z" />
+<glyph unicode="&#xe160;" d="M350 1100h400q165 0 257.5 -92.5t92.5 -257.5v-400q0 -163 -92.5 -256.5t-257.5 -93.5h-400q-163 0 -256.5 94t-93.5 256v400q0 165 92.5 257.5t257.5 92.5zM800 900h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5 v500q0 41 -29.5 70.5t-70.5 29.5zM580 693l190 -253q12 -16 6.5 -28t-26.5 -12h-400q-21 0 -26.5 12t6.5 28l190 253q12 17 30 17t30 -17z" />
+<glyph unicode="&#xe161;" d="M550 1100h400q165 0 257.5 -92.5t92.5 -257.5v-400q0 -165 -92.5 -257.5t-257.5 -92.5h-400q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h450q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5h-450q-21 0 -35.5 14.5t-14.5 35.5v100 q0 21 14.5 35.5t35.5 14.5zM338 867l324 -284q16 -14 16 -33t-16 -33l-324 -284q-16 -14 -27 -9t-11 26v150h-250q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h250v150q0 21 11 26t27 -9z" />
+<glyph unicode="&#xe162;" d="M793 1182l9 -9q8 -10 5 -27q-3 -11 -79 -225.5t-78 -221.5l300 1q24 0 32.5 -17.5t-5.5 -35.5q-1 0 -133.5 -155t-267 -312.5t-138.5 -162.5q-12 -15 -26 -15h-9l-9 8q-9 11 -4 32q2 9 42 123.5t79 224.5l39 110h-302q-23 0 -31 19q-10 21 6 41q75 86 209.5 237.5 t228 257t98.5 111.5q9 16 25 16h9z" />
+<glyph unicode="&#xe163;" d="M350 1100h400q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-450q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h450q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400 q0 165 92.5 257.5t257.5 92.5zM938 867l324 -284q16 -14 16 -33t-16 -33l-324 -284q-16 -14 -27 -9t-11 26v150h-250q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h250v150q0 21 11 26t27 -9z" />
+<glyph unicode="&#xe164;" d="M750 1200h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -10.5 -25t-24.5 10l-109 109l-312 -312q-15 -15 -35.5 -15t-35.5 15l-141 141q-15 15 -15 35.5t15 35.5l312 312l-109 109q-14 14 -10 24.5t25 10.5zM456 900h-156q-41 0 -70.5 -29.5t-29.5 -70.5v-500 q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v148l200 200v-298q0 -165 -93.5 -257.5t-256.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 165 92.5 257.5t257.5 92.5h300z" />
+<glyph unicode="&#xe165;" d="M600 1186q119 0 227.5 -46.5t187 -125t125 -187t46.5 -227.5t-46.5 -227.5t-125 -187t-187 -125t-227.5 -46.5t-227.5 46.5t-187 125t-125 187t-46.5 227.5t46.5 227.5t125 187t187 125t227.5 46.5zM600 1022q-115 0 -212 -56.5t-153.5 -153.5t-56.5 -212t56.5 -212 t153.5 -153.5t212 -56.5t212 56.5t153.5 153.5t56.5 212t-56.5 212t-153.5 153.5t-212 56.5zM600 794q80 0 137 -57t57 -137t-57 -137t-137 -57t-137 57t-57 137t57 137t137 57z" />
+<glyph unicode="&#xe166;" d="M450 1200h200q21 0 35.5 -14.5t14.5 -35.5v-350h245q20 0 25 -11t-9 -26l-383 -426q-14 -15 -33.5 -15t-32.5 15l-379 426q-13 15 -8.5 26t25.5 11h250v350q0 21 14.5 35.5t35.5 14.5zM50 300h1000q21 0 35.5 -14.5t14.5 -35.5v-250h-1100v250q0 21 14.5 35.5t35.5 14.5z M900 200v-50h100v50h-100z" />
+<glyph unicode="&#xe167;" d="M583 1182l378 -435q14 -15 9 -31t-26 -16h-244v-250q0 -20 -17 -35t-39 -15h-200q-20 0 -32 14.5t-12 35.5v250h-250q-20 0 -25.5 16.5t8.5 31.5l383 431q14 16 33.5 17t33.5 -14zM50 300h1000q21 0 35.5 -14.5t14.5 -35.5v-250h-1100v250q0 21 14.5 35.5t35.5 14.5z M900 200v-50h100v50h-100z" />
+<glyph unicode="&#xe168;" d="M396 723l369 369q7 7 17.5 7t17.5 -7l139 -139q7 -8 7 -18.5t-7 -17.5l-525 -525q-7 -8 -17.5 -8t-17.5 8l-292 291q-7 8 -7 18t7 18l139 139q8 7 18.5 7t17.5 -7zM50 300h1000q21 0 35.5 -14.5t14.5 -35.5v-250h-1100v250q0 21 14.5 35.5t35.5 14.5zM900 200v-50h100v50 h-100z" />
+<glyph unicode="&#xe169;" d="M135 1023l142 142q14 14 35 14t35 -14l77 -77l-212 -212l-77 76q-14 15 -14 36t14 35zM655 855l210 210q14 14 24.5 10t10.5 -25l-2 -599q-1 -20 -15.5 -35t-35.5 -15l-597 -1q-21 0 -25 10.5t10 24.5l208 208l-154 155l212 212zM50 300h1000q21 0 35.5 -14.5t14.5 -35.5 v-250h-1100v250q0 21 14.5 35.5t35.5 14.5zM900 200v-50h100v50h-100z" />
+<glyph unicode="&#xe170;" d="M350 1200l599 -2q20 -1 35 -15.5t15 -35.5l1 -597q0 -21 -10.5 -25t-24.5 10l-208 208l-155 -154l-212 212l155 154l-210 210q-14 14 -10 24.5t25 10.5zM524 512l-76 -77q-15 -14 -36 -14t-35 14l-142 142q-14 14 -14 35t14 35l77 77zM50 300h1000q21 0 35.5 -14.5 t14.5 -35.5v-250h-1100v250q0 21 14.5 35.5t35.5 14.5zM900 200v-50h100v50h-100z" />
+<glyph unicode="&#xe171;" d="M1200 103l-483 276l-314 -399v423h-399l1196 796v-1096zM483 424v-230l683 953z" />
+<glyph unicode="&#xe172;" d="M1100 1000v-850q0 -21 -14.5 -35.5t-35.5 -14.5h-150v400h-700v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100zM700 1000h-100v200h100v-200z" />
+<glyph unicode="&#xe173;" d="M1100 1000l-2 -149l-299 -299l-95 95q-9 9 -21.5 9t-21.5 -9l-149 -147h-312v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100zM700 1000h-100v200h100v-200zM1132 638l106 -106q7 -7 7 -17.5t-7 -17.5l-420 -421q-8 -7 -18 -7 t-18 7l-202 203q-8 7 -8 17.5t8 17.5l106 106q7 8 17.5 8t17.5 -8l79 -79l297 297q7 7 17.5 7t17.5 -7z" />
+<glyph unicode="&#xe174;" d="M1100 1000v-269l-103 -103l-134 134q-15 15 -33.5 16.5t-34.5 -12.5l-266 -266h-329v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100zM700 1000h-100v200h100v-200zM1202 572l70 -70q15 -15 15 -35.5t-15 -35.5l-131 -131 l131 -131q15 -15 15 -35.5t-15 -35.5l-70 -70q-15 -15 -35.5 -15t-35.5 15l-131 131l-131 -131q-15 -15 -35.5 -15t-35.5 15l-70 70q-15 15 -15 35.5t15 35.5l131 131l-131 131q-15 15 -15 35.5t15 35.5l70 70q15 15 35.5 15t35.5 -15 [...]
+<glyph unicode="&#xe175;" d="M1100 1000v-300h-350q-21 0 -35.5 -14.5t-14.5 -35.5v-150h-500v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100zM700 1000h-100v200h100v-200zM850 600h100q21 0 35.5 -14.5t14.5 -35.5v-250h150q21 0 25 -10.5t-10 -24.5 l-230 -230q-14 -14 -35 -14t-35 14l-230 230q-14 14 -10 24.5t25 10.5h150v250q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe176;" d="M1100 1000v-400l-165 165q-14 15 -35 15t-35 -15l-263 -265h-402v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100zM700 1000h-100v200h100v-200zM935 565l230 -229q14 -15 10 -25.5t-25 -10.5h-150v-250q0 -20 -14.5 -35 t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35v250h-150q-21 0 -25 10.5t10 25.5l230 229q14 15 35 15t35 -15z" />
+<glyph unicode="&#xe177;" d="M50 1100h1100q21 0 35.5 -14.5t14.5 -35.5v-150h-1200v150q0 21 14.5 35.5t35.5 14.5zM1200 800v-550q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v550h1200zM100 500v-200h400v200h-400z" />
+<glyph unicode="&#xe178;" d="M935 1165l248 -230q14 -14 14 -35t-14 -35l-248 -230q-14 -14 -24.5 -10t-10.5 25v150h-400v200h400v150q0 21 10.5 25t24.5 -10zM200 800h-50q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h50v-200zM400 800h-100v200h100v-200zM18 435l247 230 q14 14 24.5 10t10.5 -25v-150h400v-200h-400v-150q0 -21 -10.5 -25t-24.5 10l-247 230q-15 14 -15 35t15 35zM900 300h-100v200h100v-200zM1000 500h51q20 0 34.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-34.5 -14.5h-51v200z" />
+<glyph unicode="&#xe179;" d="M862 1073l276 116q25 18 43.5 8t18.5 -41v-1106q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v397q-4 1 -11 5t-24 17.5t-30 29t-24 42t-11 56.5v359q0 31 18.5 65t43.5 52zM550 1200q22 0 34.5 -12.5t14.5 -24.5l1 -13v-450q0 -28 -10.5 -59.5 t-25 -56t-29 -45t-25.5 -31.5l-10 -11v-447q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v447q-4 4 -11 11.5t-24 30.5t-30 46t-24 55t-11 60v450q0 2 0.5 5.5t4 12t8.5 15t14.5 12t22.5 5.5q20 0 32.5 -12.5t14 [...]
+<glyph unicode="&#xe180;" d="M1200 1100v-56q-4 0 -11 -0.5t-24 -3t-30 -7.5t-24 -15t-11 -24v-888q0 -22 25 -34.5t50 -13.5l25 -2v-56h-400v56q75 0 87.5 6.5t12.5 43.5v394h-500v-394q0 -37 12.5 -43.5t87.5 -6.5v-56h-400v56q4 0 11 0.5t24 3t30 7.5t24 15t11 24v888q0 22 -25 34.5t-50 13.5 l-25 2v56h400v-56q-75 0 -87.5 -6.5t-12.5 -43.5v-394h500v394q0 37 -12.5 43.5t-87.5 6.5v56h400z" />
+<glyph unicode="&#xe181;" d="M675 1000h375q21 0 35.5 -14.5t14.5 -35.5v-150h-105l-295 -98v98l-200 200h-400l100 100h375zM100 900h300q41 0 70.5 -29.5t29.5 -70.5v-500q0 -41 -29.5 -70.5t-70.5 -29.5h-300q-41 0 -70.5 29.5t-29.5 70.5v500q0 41 29.5 70.5t70.5 29.5zM100 800v-200h300v200 h-300zM1100 535l-400 -133v163l400 133v-163zM100 500v-200h300v200h-300zM1100 398v-248q0 -21 -14.5 -35.5t-35.5 -14.5h-375l-100 -100h-375l-100 100h400l200 200h105z" />
+<glyph unicode="&#xe182;" d="M17 1007l162 162q17 17 40 14t37 -22l139 -194q14 -20 11 -44.5t-20 -41.5l-119 -118q102 -142 228 -268t267 -227l119 118q17 17 42.5 19t44.5 -12l192 -136q19 -14 22.5 -37.5t-13.5 -40.5l-163 -162q-3 -1 -9.5 -1t-29.5 2t-47.5 6t-62.5 14.5t-77.5 26.5t-90 42.5 t-101.5 60t-111 83t-119 108.5q-74 74 -133.5 150.5t-94.5 138.5t-60 119.5t-34.5 100t-15 74.5t-4.5 48z" />
+<glyph unicode="&#xe183;" d="M600 1100q92 0 175 -10.5t141.5 -27t108.5 -36.5t81.5 -40t53.5 -37t31 -27l9 -10v-200q0 -21 -14.5 -33t-34.5 -9l-202 34q-20 3 -34.5 20t-14.5 38v146q-141 24 -300 24t-300 -24v-146q0 -21 -14.5 -38t-34.5 -20l-202 -34q-20 -3 -34.5 9t-14.5 33v200q3 4 9.5 10.5 t31 26t54 37.5t80.5 39.5t109 37.5t141 26.5t175 10.5zM600 795q56 0 97 -9.5t60 -23.5t30 -28t12 -24l1 -10v-50l365 -303q14 -15 24.5 -40t10.5 -45v-212q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v212 [...]
+<glyph unicode="&#xe184;" d="M1100 700l-200 -200h-600l-200 200v500h200v-200h200v200h200v-200h200v200h200v-500zM250 400h700q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-12l137 -100h-950l137 100h-12q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5 t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe185;" d="M700 1100h-100q-41 0 -70.5 -29.5t-29.5 -70.5v-1000h300v1000q0 41 -29.5 70.5t-70.5 29.5zM1100 800h-100q-41 0 -70.5 -29.5t-29.5 -70.5v-700h300v700q0 41 -29.5 70.5t-70.5 29.5zM400 0h-300v400q0 41 29.5 70.5t70.5 29.5h100q41 0 70.5 -29.5t29.5 -70.5v-400z " />
+<glyph unicode="&#xe186;" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 700h-200v-100h200v-300h-300v100h200v100h-200v300h300v-100zM900 700v-300l-100 -100h-200v500h200z M700 700v-300h100v300h-100z" />
+<glyph unicode="&#xe187;" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 300h-100v200h-100v-200h-100v500h100v-200h100v200h100v-500zM900 700v-300l-100 -100h-200v500h200z M700 700v-300h100v300h-100z" />
+<glyph unicode="&#xe188;" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 700h-200v-300h200v-100h-300v500h300v-100zM900 700h-200v-300h200v-100h-300v500h300v-100z" />
+<glyph unicode="&#xe189;" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 400l-300 150l300 150v-300zM900 550l-300 -150v300z" />
+<glyph unicode="&#xe190;" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM900 300h-700v500h700v-500zM800 700h-130q-38 0 -66.5 -43t-28.5 -108t27 -107t68 -42h130v300zM300 700v-300 h130q41 0 68 42t27 107t-28.5 108t-66.5 43h-130z" />
+<glyph unicode="&#xe191;" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 700h-200v-100h200v-300h-300v100h200v100h-200v300h300v-100zM900 300h-100v400h-100v100h200v-500z M700 300h-100v100h100v-100z" />
+<glyph unicode="&#xe192;" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM300 700h200v-400h-300v500h100v-100zM900 300h-100v400h-100v100h200v-500zM300 600v-200h100v200h-100z M700 300h-100v100h100v-100z" />
+<glyph unicode="&#xe193;" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 500l-199 -200h-100v50l199 200v150h-200v100h300v-300zM900 300h-100v400h-100v100h200v-500zM701 300h-100 v100h100v-100z" />
+<glyph unicode="&#xe194;" d="M600 1191q120 0 229.5 -47t188.5 -126t126 -188.5t47 -229.5t-47 -229.5t-126 -188.5t-188.5 -126t-229.5 -47t-229.5 47t-188.5 126t-126 188.5t-47 229.5t47 229.5t126 188.5t188.5 126t229.5 47zM600 1021q-114 0 -211 -56.5t-153.5 -153.5t-56.5 -211t56.5 -211 t153.5 -153.5t211 -56.5t211 56.5t153.5 153.5t56.5 211t-56.5 211t-153.5 153.5t-211 56.5zM800 700h-300v-200h300v-100h-300l-100 100v200l100 100h300v-100z" />
+<glyph unicode="&#xe195;" d="M600 1191q120 0 229.5 -47t188.5 -126t126 -188.5t47 -229.5t-47 -229.5t-126 -188.5t-188.5 -126t-229.5 -47t-229.5 47t-188.5 126t-126 188.5t-47 229.5t47 229.5t126 188.5t188.5 126t229.5 47zM600 1021q-114 0 -211 -56.5t-153.5 -153.5t-56.5 -211t56.5 -211 t153.5 -153.5t211 -56.5t211 56.5t153.5 153.5t56.5 211t-56.5 211t-153.5 153.5t-211 56.5zM800 700v-100l-50 -50l100 -100v-50h-100l-100 100h-150v-100h-100v400h300zM500 700v-100h200v100h-200z" />
+<glyph unicode="&#xe197;" d="M503 1089q110 0 200.5 -59.5t134.5 -156.5q44 14 90 14q120 0 205 -86.5t85 -207t-85 -207t-205 -86.5h-128v250q0 21 -14.5 35.5t-35.5 14.5h-300q-21 0 -35.5 -14.5t-14.5 -35.5v-250h-222q-80 0 -136 57.5t-56 136.5q0 69 43 122.5t108 67.5q-2 19 -2 37q0 100 49 185 t134 134t185 49zM525 500h150q10 0 17.5 -7.5t7.5 -17.5v-275h137q21 0 26 -11.5t-8 -27.5l-223 -244q-13 -16 -32 -16t-32 16l-223 244q-13 16 -8 27.5t26 11.5h137v275q0 10 7.5 17.5t17.5 7.5z" />
+<glyph unicode="&#xe198;" d="M502 1089q110 0 201 -59.5t135 -156.5q43 15 89 15q121 0 206 -86.5t86 -206.5q0 -99 -60 -181t-150 -110l-378 360q-13 16 -31.5 16t-31.5 -16l-381 -365h-9q-79 0 -135.5 57.5t-56.5 136.5q0 69 43 122.5t108 67.5q-2 19 -2 38q0 100 49 184.5t133.5 134t184.5 49.5z M632 467l223 -228q13 -16 8 -27.5t-26 -11.5h-137v-275q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v275h-137q-21 0 -26 11.5t8 27.5q199 204 223 228q19 19 31.5 19t32.5 -19z" />
+<glyph unicode="&#xe199;" d="M700 100v100h400l-270 300h170l-270 300h170l-300 333l-300 -333h170l-270 -300h170l-270 -300h400v-100h-50q-21 0 -35.5 -14.5t-14.5 -35.5v-50h400v50q0 21 -14.5 35.5t-35.5 14.5h-50z" />
+<glyph unicode="&#xe200;" d="M600 1179q94 0 167.5 -56.5t99.5 -145.5q89 -6 150.5 -71.5t61.5 -155.5q0 -61 -29.5 -112.5t-79.5 -82.5q9 -29 9 -55q0 -74 -52.5 -126.5t-126.5 -52.5q-55 0 -100 30v-251q21 0 35.5 -14.5t14.5 -35.5v-50h-300v50q0 21 14.5 35.5t35.5 14.5v251q-45 -30 -100 -30 q-74 0 -126.5 52.5t-52.5 126.5q0 18 4 38q-47 21 -75.5 65t-28.5 97q0 74 52.5 126.5t126.5 52.5q5 0 23 -2q0 2 -1 10t-1 13q0 116 81.5 197.5t197.5 81.5z" />
+<glyph unicode="&#xe201;" d="M1010 1010q111 -111 150.5 -260.5t0 -299t-150.5 -260.5q-83 -83 -191.5 -126.5t-218.5 -43.5t-218.5 43.5t-191.5 126.5q-111 111 -150.5 260.5t0 299t150.5 260.5q83 83 191.5 126.5t218.5 43.5t218.5 -43.5t191.5 -126.5zM476 1065q-4 0 -8 -1q-121 -34 -209.5 -122.5 t-122.5 -209.5q-4 -12 2.5 -23t18.5 -14l36 -9q3 -1 7 -1q23 0 29 22q27 96 98 166q70 71 166 98q11 3 17.5 13.5t3.5 22.5l-9 35q-3 13 -14 19q-7 4 -15 4zM512 920q-4 0 -9 -2q-80 -24 -138.5 -82.5t-82.5 -138.5q-4 -13 2 -2 [...]
+<glyph unicode="&#xe202;" d="M700 800h300v-380h-180v200h-340v-200h-380v755q0 10 7.5 17.5t17.5 7.5h575v-400zM1000 900h-200v200zM700 300h162l-212 -212l-212 212h162v200h100v-200zM520 0h-395q-10 0 -17.5 7.5t-7.5 17.5v395zM1000 220v-195q0 -10 -7.5 -17.5t-17.5 -7.5h-195z" />
+<glyph unicode="&#xe203;" d="M700 800h300v-520l-350 350l-550 -550v1095q0 10 7.5 17.5t17.5 7.5h575v-400zM1000 900h-200v200zM862 200h-162v-200h-100v200h-162l212 212zM480 0h-355q-10 0 -17.5 7.5t-7.5 17.5v55h380v-80zM1000 80v-55q0 -10 -7.5 -17.5t-17.5 -7.5h-155v80h180z" />
+<glyph unicode="&#xe204;" d="M1162 800h-162v-200h100l100 -100h-300v300h-162l212 212zM200 800h200q27 0 40 -2t29.5 -10.5t23.5 -30t7 -57.5h300v-100h-600l-200 -350v450h100q0 36 7 57.5t23.5 30t29.5 10.5t40 2zM800 400h240l-240 -400h-800l300 500h500v-100z" />
+<glyph unicode="&#xe205;" d="M650 1100h100q21 0 35.5 -14.5t14.5 -35.5v-50h50q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-300q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h50v50q0 21 14.5 35.5t35.5 14.5zM1000 850v150q41 0 70.5 -29.5t29.5 -70.5v-800 q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-1 0 -20 4l246 246l-326 326v324q0 41 29.5 70.5t70.5 29.5v-150q0 -62 44 -106t106 -44h300q62 0 106 44t44 106zM412 250l-212 -212v162h-200v100h200v162z" />
+<glyph unicode="&#xe206;" d="M450 1100h100q21 0 35.5 -14.5t14.5 -35.5v-50h50q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-300q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h50v50q0 21 14.5 35.5t35.5 14.5zM800 850v150q41 0 70.5 -29.5t29.5 -70.5v-500 h-200v-300h200q0 -36 -7 -57.5t-23.5 -30t-29.5 -10.5t-40 -2h-600q-41 0 -70.5 29.5t-29.5 70.5v800q0 41 29.5 70.5t70.5 29.5v-150q0 -62 44 -106t106 -44h300q62 0 106 44t44 106zM1212 250l-212 -212v162h-200v100h200v162z" />
+<glyph unicode="&#xe209;" d="M658 1197l637 -1104q23 -38 7 -65.5t-60 -27.5h-1276q-44 0 -60 27.5t7 65.5l637 1104q22 39 54 39t54 -39zM704 800h-208q-20 0 -32 -14.5t-8 -34.5l58 -302q4 -20 21.5 -34.5t37.5 -14.5h54q20 0 37.5 14.5t21.5 34.5l58 302q4 20 -8 34.5t-32 14.5zM500 300v-100h200 v100h-200z" />
+<glyph unicode="&#xe210;" d="M425 1100h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5zM425 800h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5 t17.5 7.5zM825 800h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5zM25 500h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250 [...]
+<glyph unicode="&#xe211;" d="M700 1200h100v-200h-100v-100h350q62 0 86.5 -39.5t-3.5 -94.5l-66 -132q-41 -83 -81 -134h-772q-40 51 -81 134l-66 132q-28 55 -3.5 94.5t86.5 39.5h350v100h-100v200h100v100h200v-100zM250 400h700q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-12l137 -100 h-950l138 100h-13q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe212;" d="M600 1300q40 0 68.5 -29.5t28.5 -70.5h-194q0 41 28.5 70.5t68.5 29.5zM443 1100h314q18 -37 18 -75q0 -8 -3 -25h328q41 0 44.5 -16.5t-30.5 -38.5l-175 -145h-678l-178 145q-34 22 -29 38.5t46 16.5h328q-3 17 -3 25q0 38 18 75zM250 700h700q21 0 35.5 -14.5 t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-150v-200l275 -200h-950l275 200v200h-150q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe213;" d="M600 1181q75 0 128 -53t53 -128t-53 -128t-128 -53t-128 53t-53 128t53 128t128 53zM602 798h46q34 0 55.5 -28.5t21.5 -86.5q0 -76 39 -183h-324q39 107 39 183q0 58 21.5 86.5t56.5 28.5h45zM250 400h700q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-13 l138 -100h-950l137 100h-12q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe214;" d="M600 1300q47 0 92.5 -53.5t71 -123t25.5 -123.5q0 -78 -55.5 -133.5t-133.5 -55.5t-133.5 55.5t-55.5 133.5q0 62 34 143l144 -143l111 111l-163 163q34 26 63 26zM602 798h46q34 0 55.5 -28.5t21.5 -86.5q0 -76 39 -183h-324q39 107 39 183q0 58 21.5 86.5t56.5 28.5h45 zM250 400h700q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-13l138 -100h-950l137 100h-12q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t [...]
+<glyph unicode="&#xe215;" d="M600 1200l300 -161v-139h-300q0 -57 18.5 -108t50 -91.5t63 -72t70 -67.5t57.5 -61h-530q-60 83 -90.5 177.5t-30.5 178.5t33 164.5t87.5 139.5t126 96.5t145.5 41.5v-98zM250 400h700q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-13l138 -100h-950l137 100 h-12q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe216;" d="M600 1300q41 0 70.5 -29.5t29.5 -70.5v-78q46 -26 73 -72t27 -100v-50h-400v50q0 54 27 100t73 72v78q0 41 29.5 70.5t70.5 29.5zM400 800h400q54 0 100 -27t72 -73h-172v-100h200v-100h-200v-100h200v-100h-200v-100h200q0 -83 -58.5 -141.5t-141.5 -58.5h-400 q-83 0 -141.5 58.5t-58.5 141.5v400q0 83 58.5 141.5t141.5 58.5z" />
+<glyph unicode="&#xe218;" d="M150 1100h900q21 0 35.5 -14.5t14.5 -35.5v-500q0 -21 -14.5 -35.5t-35.5 -14.5h-900q-21 0 -35.5 14.5t-14.5 35.5v500q0 21 14.5 35.5t35.5 14.5zM125 400h950q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-283l224 -224q13 -13 13 -31.5t-13 -32 t-31.5 -13.5t-31.5 13l-88 88h-524l-87 -88q-13 -13 -32 -13t-32 13.5t-13 32t13 31.5l224 224h-289q-10 0 -17.5 7.5t-7.5 17.5v50q0 10 7.5 17.5t17.5 7.5zM541 300l-100 -100h324l-100 100h-124z" />
+<glyph unicode="&#xe219;" d="M200 1100h800q83 0 141.5 -58.5t58.5 -141.5v-200h-100q0 41 -29.5 70.5t-70.5 29.5h-250q-41 0 -70.5 -29.5t-29.5 -70.5h-100q0 41 -29.5 70.5t-70.5 29.5h-250q-41 0 -70.5 -29.5t-29.5 -70.5h-100v200q0 83 58.5 141.5t141.5 58.5zM100 600h1000q41 0 70.5 -29.5 t29.5 -70.5v-300h-1200v300q0 41 29.5 70.5t70.5 29.5zM300 100v-50q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v50h200zM1100 100v-50q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v50h [...]
+<glyph unicode="&#xe221;" d="M480 1165l682 -683q31 -31 31 -75.5t-31 -75.5l-131 -131h-481l-517 518q-32 31 -32 75.5t32 75.5l295 296q31 31 75.5 31t76.5 -31zM108 794l342 -342l303 304l-341 341zM250 100h800q21 0 35.5 -14.5t14.5 -35.5v-50h-900v50q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe223;" d="M1057 647l-189 506q-8 19 -27.5 33t-40.5 14h-400q-21 0 -40.5 -14t-27.5 -33l-189 -506q-8 -19 1.5 -33t30.5 -14h625v-150q0 -21 14.5 -35.5t35.5 -14.5t35.5 14.5t14.5 35.5v150h125q21 0 30.5 14t1.5 33zM897 0h-595v50q0 21 14.5 35.5t35.5 14.5h50v50 q0 21 14.5 35.5t35.5 14.5h48v300h200v-300h47q21 0 35.5 -14.5t14.5 -35.5v-50h50q21 0 35.5 -14.5t14.5 -35.5v-50z" />
+<glyph unicode="&#xe224;" d="M900 800h300v-575q0 -10 -7.5 -17.5t-17.5 -7.5h-375v591l-300 300v84q0 10 7.5 17.5t17.5 7.5h375v-400zM1200 900h-200v200zM400 600h300v-575q0 -10 -7.5 -17.5t-17.5 -7.5h-650q-10 0 -17.5 7.5t-7.5 17.5v950q0 10 7.5 17.5t17.5 7.5h375v-400zM700 700h-200v200z " />
+<glyph unicode="&#xe225;" d="M484 1095h195q75 0 146 -32.5t124 -86t89.5 -122.5t48.5 -142q18 -14 35 -20q31 -10 64.5 6.5t43.5 48.5q10 34 -15 71q-19 27 -9 43q5 8 12.5 11t19 -1t23.5 -16q41 -44 39 -105q-3 -63 -46 -106.5t-104 -43.5h-62q-7 -55 -35 -117t-56 -100l-39 -234q-3 -20 -20 -34.5 t-38 -14.5h-100q-21 0 -33 14.5t-9 34.5l12 70q-49 -14 -91 -14h-195q-24 0 -65 8l-11 -64q-3 -20 -20 -34.5t-38 -14.5h-100q-21 0 -33 14.5t-9 34.5l26 157q-84 74 -128 175l-159 53q-19 7 -33 26t-14 40v50q0 21 14.5 35.5t35 [...]
+<glyph unicode="&#xe226;" d="M641 900l423 247q19 8 42 2.5t37 -21.5l32 -38q14 -15 12.5 -36t-17.5 -34l-139 -120h-390zM50 1100h106q67 0 103 -17t66 -71l102 -212h823q21 0 35.5 -14.5t14.5 -35.5v-50q0 -21 -14 -40t-33 -26l-737 -132q-23 -4 -40 6t-26 25q-42 67 -100 67h-300q-62 0 -106 44 t-44 106v200q0 62 44 106t106 44zM173 928h-80q-19 0 -28 -14t-9 -35v-56q0 -51 42 -51h134q16 0 21.5 8t5.5 24q0 11 -16 45t-27 51q-18 28 -43 28zM550 727q-32 0 -54.5 -22.5t-22.5 -54.5t22.5 -54.5t54.5 -22.5t54.5 22.5t22.5 [...]
+<glyph unicode="&#xe227;" d="M625 1200h150q10 0 17.5 -7.5t7.5 -17.5v-109q79 -33 131 -87.5t53 -128.5q1 -46 -15 -84.5t-39 -61t-46 -38t-39 -21.5l-17 -6q6 0 15 -1.5t35 -9t50 -17.5t53 -30t50 -45t35.5 -64t14.5 -84q0 -59 -11.5 -105.5t-28.5 -76.5t-44 -51t-49.5 -31.5t-54.5 -16t-49.5 -6.5 t-43.5 -1v-75q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v75h-100v-75q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v75h-175q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5h75v600h [...]
+<glyph unicode="&#xe230;" d="M212 1198h780q86 0 147 -61t61 -147v-416q0 -51 -18 -142.5t-36 -157.5l-18 -66q-29 -87 -93.5 -146.5t-146.5 -59.5h-572q-82 0 -147 59t-93 147q-8 28 -20 73t-32 143.5t-20 149.5v416q0 86 61 147t147 61zM600 1045q-70 0 -132.5 -11.5t-105.5 -30.5t-78.5 -41.5 t-57 -45t-36 -41t-20.5 -30.5l-6 -12l156 -243h560l156 243q-2 5 -6 12.5t-20 29.5t-36.5 42t-57 44.5t-79 42t-105 29.5t-132.5 12zM762 703h-157l195 261z" />
+<glyph unicode="&#xe231;" d="M475 1300h150q103 0 189 -86t86 -189v-500q0 -41 -42 -83t-83 -42h-450q-41 0 -83 42t-42 83v500q0 103 86 189t189 86zM700 300v-225q0 -21 -27 -48t-48 -27h-150q-21 0 -48 27t-27 48v225h300z" />
+<glyph unicode="&#xe232;" d="M475 1300h96q0 -150 89.5 -239.5t239.5 -89.5v-446q0 -41 -42 -83t-83 -42h-450q-41 0 -83 42t-42 83v500q0 103 86 189t189 86zM700 300v-225q0 -21 -27 -48t-48 -27h-150q-21 0 -48 27t-27 48v225h300z" />
+<glyph unicode="&#xe233;" d="M1294 767l-638 -283l-378 170l-78 -60v-224l100 -150v-199l-150 148l-150 -149v200l100 150v250q0 4 -0.5 10.5t0 9.5t1 8t3 8t6.5 6l47 40l-147 65l642 283zM1000 380l-350 -166l-350 166v147l350 -165l350 165v-147z" />
+<glyph unicode="&#xe234;" d="M250 800q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44zM650 800q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44zM1050 800q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44z" />
+<glyph unicode="&#xe235;" d="M550 1100q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44zM550 700q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44zM550 300q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44z" />
+<glyph unicode="&#xe236;" d="M125 1100h950q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-950q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5zM125 700h950q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-950q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5 t17.5 7.5zM125 300h950q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-950q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5z" />
+<glyph unicode="&#xe237;" d="M350 1200h500q162 0 256 -93.5t94 -256.5v-500q0 -165 -93.5 -257.5t-256.5 -92.5h-500q-165 0 -257.5 92.5t-92.5 257.5v500q0 165 92.5 257.5t257.5 92.5zM900 1000h-600q-41 0 -70.5 -29.5t-29.5 -70.5v-600q0 -41 29.5 -70.5t70.5 -29.5h600q41 0 70.5 29.5 t29.5 70.5v600q0 41 -29.5 70.5t-70.5 29.5zM350 900h500q21 0 35.5 -14.5t14.5 -35.5v-300q0 -21 -14.5 -35.5t-35.5 -14.5h-500q-21 0 -35.5 14.5t-14.5 35.5v300q0 21 14.5 35.5t35.5 14.5zM400 800v-200h400v200h-400z" />
+<glyph unicode="&#xe238;" d="M150 1100h1000q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-50v-200h50q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-50v-200h50q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-50v-200h50q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5 t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5h50v200h-50q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5h50v200h-50q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5h50v200h-50q-21 0 -35.5 14.5t-14.5 3 [...]
+<glyph unicode="&#xe239;" d="M650 1187q87 -67 118.5 -156t0 -178t-118.5 -155q-87 66 -118.5 155t0 178t118.5 156zM300 800q124 0 212 -88t88 -212q-124 0 -212 88t-88 212zM1000 800q0 -124 -88 -212t-212 -88q0 124 88 212t212 88zM300 500q124 0 212 -88t88 -212q-124 0 -212 88t-88 212z M1000 500q0 -124 -88 -212t-212 -88q0 124 88 212t212 88zM700 199v-144q0 -21 -14.5 -35.5t-35.5 -14.5t-35.5 14.5t-14.5 35.5v142q40 -4 43 -4q17 0 57 6z" />
+<glyph unicode="&#xe240;" d="M745 878l69 19q25 6 45 -12l298 -295q11 -11 15 -26.5t-2 -30.5q-5 -14 -18 -23.5t-28 -9.5h-8q1 0 1 -13q0 -29 -2 -56t-8.5 -62t-20 -63t-33 -53t-51 -39t-72.5 -14h-146q-184 0 -184 288q0 24 10 47q-20 4 -62 4t-63 -4q11 -24 11 -47q0 -288 -184 -288h-142 q-48 0 -84.5 21t-56 51t-32 71.5t-16 75t-3.5 68.5q0 13 2 13h-7q-15 0 -27.5 9.5t-18.5 23.5q-6 15 -2 30.5t15 25.5l298 296q20 18 46 11l76 -19q20 -5 30.5 -22.5t5.5 -37.5t-22.5 -31t-37.5 -5l-51 12l-182 -193h891l-182 193l-44 -1 [...]
+<glyph unicode="&#xe241;" d="M1200 900h-50q0 21 -4 37t-9.5 26.5t-18 17.5t-22 11t-28.5 5.5t-31 2t-37 0.5h-200v-850q0 -22 25 -34.5t50 -13.5l25 -2v-100h-400v100q4 0 11 0.5t24 3t30 7t24 15t11 24.5v850h-200q-25 0 -37 -0.5t-31 -2t-28.5 -5.5t-22 -11t-18 -17.5t-9.5 -26.5t-4 -37h-50v300 h1000v-300zM500 450h-25q0 15 -4 24.5t-9 14.5t-17 7.5t-20 3t-25 0.5h-100v-425q0 -11 12.5 -17.5t25.5 -7.5h12v-50h-200v50q50 0 50 25v425h-100q-17 0 -25 -0.5t-20 -3t-17 -7.5t-9 -14.5t-4 -24.5h-25v150h500v-150z" />
+<glyph unicode="&#xe242;" d="M1000 300v50q-25 0 -55 32q-14 14 -25 31t-16 27l-4 11l-289 747h-69l-300 -754q-18 -35 -39 -56q-9 -9 -24.5 -18.5t-26.5 -14.5l-11 -5v-50h273v50q-49 0 -78.5 21.5t-11.5 67.5l69 176h293l61 -166q13 -34 -3.5 -66.5t-55.5 -32.5v-50h312zM412 691l134 342l121 -342 h-255zM1100 150v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5z" />
+<glyph unicode="&#xe243;" d="M50 1200h1100q21 0 35.5 -14.5t14.5 -35.5v-1100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v1100q0 21 14.5 35.5t35.5 14.5zM611 1118h-70q-13 0 -18 -12l-299 -753q-17 -32 -35 -51q-18 -18 -56 -34q-12 -5 -12 -18v-50q0 -8 5.5 -14t14.5 -6 h273q8 0 14 6t6 14v50q0 8 -6 14t-14 6q-55 0 -71 23q-10 14 0 39l63 163h266l57 -153q11 -31 -6 -55q-12 -17 -36 -17q-8 0 -14 -6t-6 -14v-50q0 -8 6 -14t14 -6h313q8 0 14 6t6 14v50q0 7 -5.5 13t-13.5 7q-17 0 -42 25q-25 27 [...]
+<glyph unicode="&#xe244;" d="M1200 1100h-1200v100h1200v-100zM50 1000h400q21 0 35.5 -14.5t14.5 -35.5v-900q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v900q0 21 14.5 35.5t35.5 14.5zM650 1000h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400 q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM700 900v-300h300v300h-300z" />
+<glyph unicode="&#xe245;" d="M50 1200h400q21 0 35.5 -14.5t14.5 -35.5v-900q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v900q0 21 14.5 35.5t35.5 14.5zM650 700h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400 q0 21 14.5 35.5t35.5 14.5zM700 600v-300h300v300h-300zM1200 0h-1200v100h1200v-100z" />
+<glyph unicode="&#xe246;" d="M50 1000h400q21 0 35.5 -14.5t14.5 -35.5v-350h100v150q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-150h100v-100h-100v-150q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v150h-100v-350q0 -21 -14.5 -35.5t-35.5 -14.5h-400 q-21 0 -35.5 14.5t-14.5 35.5v800q0 21 14.5 35.5t35.5 14.5zM700 700v-300h300v300h-300z" />
+<glyph unicode="&#xe247;" d="M100 0h-100v1200h100v-1200zM250 1100h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM300 1000v-300h300v300h-300zM250 500h900q21 0 35.5 -14.5t14.5 -35.5v-400 q0 -21 -14.5 -35.5t-35.5 -14.5h-900q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe248;" d="M600 1100h150q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-150v-100h450q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-900q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5h350v100h-150q-21 0 -35.5 14.5 t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5h150v100h100v-100zM400 1000v-300h300v300h-300z" />
+<glyph unicode="&#xe249;" d="M1200 0h-100v1200h100v-1200zM550 1100h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM600 1000v-300h300v300h-300zM50 500h900q21 0 35.5 -14.5t14.5 -35.5v-400 q0 -21 -14.5 -35.5t-35.5 -14.5h-900q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe250;" d="M865 565l-494 -494q-23 -23 -41 -23q-14 0 -22 13.5t-8 38.5v1000q0 25 8 38.5t22 13.5q18 0 41 -23l494 -494q14 -14 14 -35t-14 -35z" />
+<glyph unicode="&#xe251;" d="M335 635l494 494q29 29 50 20.5t21 -49.5v-1000q0 -41 -21 -49.5t-50 20.5l-494 494q-14 14 -14 35t14 35z" />
+<glyph unicode="&#xe252;" d="M100 900h1000q41 0 49.5 -21t-20.5 -50l-494 -494q-14 -14 -35 -14t-35 14l-494 494q-29 29 -20.5 50t49.5 21z" />
+<glyph unicode="&#xe253;" d="M635 865l494 -494q29 -29 20.5 -50t-49.5 -21h-1000q-41 0 -49.5 21t20.5 50l494 494q14 14 35 14t35 -14z" />
+<glyph unicode="&#xe254;" d="M700 741v-182l-692 -323v221l413 193l-413 193v221zM1200 0h-800v200h800v-200z" />
+<glyph unicode="&#xe255;" d="M1200 900h-200v-100h200v-100h-300v300h200v100h-200v100h300v-300zM0 700h50q0 21 4 37t9.5 26.5t18 17.5t22 11t28.5 5.5t31 2t37 0.5h100v-550q0 -22 -25 -34.5t-50 -13.5l-25 -2v-100h400v100q-4 0 -11 0.5t-24 3t-30 7t-24 15t-11 24.5v550h100q25 0 37 -0.5t31 -2 t28.5 -5.5t22 -11t18 -17.5t9.5 -26.5t4 -37h50v300h-800v-300z" />
+<glyph unicode="&#xe256;" d="M800 700h-50q0 21 -4 37t-9.5 26.5t-18 17.5t-22 11t-28.5 5.5t-31 2t-37 0.5h-100v-550q0 -22 25 -34.5t50 -14.5l25 -1v-100h-400v100q4 0 11 0.5t24 3t30 7t24 15t11 24.5v550h-100q-25 0 -37 -0.5t-31 -2t-28.5 -5.5t-22 -11t-18 -17.5t-9.5 -26.5t-4 -37h-50v300 h800v-300zM1100 200h-200v-100h200v-100h-300v300h200v100h-200v100h300v-300z" />
+<glyph unicode="&#xe257;" d="M701 1098h160q16 0 21 -11t-7 -23l-464 -464l464 -464q12 -12 7 -23t-21 -11h-160q-13 0 -23 9l-471 471q-7 8 -7 18t7 18l471 471q10 9 23 9z" />
+<glyph unicode="&#xe258;" d="M339 1098h160q13 0 23 -9l471 -471q7 -8 7 -18t-7 -18l-471 -471q-10 -9 -23 -9h-160q-16 0 -21 11t7 23l464 464l-464 464q-12 12 -7 23t21 11z" />
+<glyph unicode="&#xe259;" d="M1087 882q11 -5 11 -21v-160q0 -13 -9 -23l-471 -471q-8 -7 -18 -7t-18 7l-471 471q-9 10 -9 23v160q0 16 11 21t23 -7l464 -464l464 464q12 12 23 7z" />
+<glyph unicode="&#xe260;" d="M618 993l471 -471q9 -10 9 -23v-160q0 -16 -11 -21t-23 7l-464 464l-464 -464q-12 -12 -23 -7t-11 21v160q0 13 9 23l471 471q8 7 18 7t18 -7z" />
+<glyph unicode="&#xf8ff;" d="M1000 1200q0 -124 -88 -212t-212 -88q0 124 88 212t212 88zM450 1000h100q21 0 40 -14t26 -33l79 -194q5 1 16 3q34 6 54 9.5t60 7t65.5 1t61 -10t56.5 -23t42.5 -42t29 -64t5 -92t-19.5 -121.5q-1 -7 -3 -19.5t-11 -50t-20.5 -73t-32.5 -81.5t-46.5 -83t-64 -70 t-82.5 -50q-13 -5 -42 -5t-65.5 2.5t-47.5 2.5q-14 0 -49.5 -3.5t-63 -3.5t-43.5 7q-57 25 -104.5 78.5t-75 111.5t-46.5 112t-26 90l-7 35q-15 63 -18 115t4.5 88.5t26 64t39.5 43.5t52 25.5t58.5 13t62.5 2t59.5 -4.5t55.5 -8l-147 19 [...]
+<glyph unicode="&#x1f511;" d="M250 1200h600q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-150v-500l-255 -178q-19 -9 -32 -1t-13 29v650h-150q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM400 1100v-100h300v100h-300z" />
+<glyph unicode="&#x1f6aa;" d="M250 1200h750q39 0 69.5 -40.5t30.5 -84.5v-933l-700 -117v950l600 125h-700v-1000h-100v1025q0 23 15.5 49t34.5 26zM500 525v-100l100 20v100z" />
+</font>
+</defs></svg> 
\ No newline at end of file
diff --git a/webui/fonts/glyphicons-halflings-regular.ttf b/webui/fonts/glyphicons-halflings-regular.ttf
new file mode 100644
index 0000000..1413fc6
Binary files /dev/null and b/webui/fonts/glyphicons-halflings-regular.ttf differ
diff --git a/webui/fonts/glyphicons-halflings-regular.woff b/webui/fonts/glyphicons-halflings-regular.woff
new file mode 100644
index 0000000..9e61285
Binary files /dev/null and b/webui/fonts/glyphicons-halflings-regular.woff differ
diff --git a/webui/fonts/glyphicons-halflings-regular.woff2 b/webui/fonts/glyphicons-halflings-regular.woff2
new file mode 100644
index 0000000..64539b5
Binary files /dev/null and b/webui/fonts/glyphicons-halflings-regular.woff2 differ
diff --git a/webui/fonts/selawk.ttf b/webui/fonts/selawk.ttf
new file mode 100644
index 0000000..a920279
Binary files /dev/null and b/webui/fonts/selawk.ttf differ
diff --git a/webui/images/demo.png b/webui/images/demo.png
new file mode 100644
index 0000000..eae9cc1
Binary files /dev/null and b/webui/images/demo.png differ
diff --git a/webui/images/logo_large.png b/webui/images/logo_large.png
new file mode 100644
index 0000000..0666721
Binary files /dev/null and b/webui/images/logo_large.png differ
diff --git a/webui/images/oauth_apache.png b/webui/images/oauth_apache.png
new file mode 100644
index 0000000..eaceb0b
Binary files /dev/null and b/webui/images/oauth_apache.png differ
diff --git a/webui/images/oauth_github.png b/webui/images/oauth_github.png
new file mode 100644
index 0000000..17c7ea9
Binary files /dev/null and b/webui/images/oauth_github.png differ
diff --git a/webui/images/oauth_google.png b/webui/images/oauth_google.png
new file mode 100644
index 0000000..f2727cf
Binary files /dev/null and b/webui/images/oauth_google.png differ
diff --git a/webui/images/oauth_twitter.png b/webui/images/oauth_twitter.png
new file mode 100644
index 0000000..2fc6ef4
Binary files /dev/null and b/webui/images/oauth_twitter.png differ
diff --git a/webui/images/ponymail.svg b/webui/images/ponymail.svg
new file mode 100644
index 0000000..5401524
--- /dev/null
+++ b/webui/images/ponymail.svg
@@ -0,0 +1,199 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="85.167679mm"
+   height="83.958389mm"
+   viewBox="0 0 85.167679 83.958389"
+   version="1.1"
+   id="svg3902"
+   sodipodi:docname="ponymail v2.svg"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)">
+  <defs
+     id="defs3896" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.8"
+     inkscape:cx="205.11974"
+     inkscape:cy="145.90815"
+     inkscape:document-units="mm"
+     inkscape:current-layer="text7034"
+     showgrid="false"
+     inkscape:window-width="3726"
+     inkscape:window-height="2049"
+     inkscape:window-x="114"
+     inkscape:window-y="55"
+     inkscape:window-maximized="1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" />
+  <metadata
+     id="metadata3899">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-51.562069,-80.80124)">
+    <path
+       id="path6816"
+       style="opacity:1;fill:#ffdca2;fill-opacity:1;stroke:#673d1a;stroke-width:0.69999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 57.814842,87.30467 c -0.04687,21.64924 -0.245542,43.29925 -0.07945,64.94825 0.05694,1.92094 -0.0073,3.8899 0.124147,5.78132 4.219444,0.1839 8.453612,0.053 12.678544,0.10269 19.899313,-0.0125 39.799737,0.0233 59.698217,-0.13142 0.2,-1.01109 0.0392,-2.18736 0.10727,-3.2529 0.0791,-22.19477 0.10864,-44.39041 -0.0259,-66.584948 -0.0113,-0.327946 0.12461,-0.904111 -0.40882,-0.742729 -24.01361,-0.195074 -48.02869,-0.118982 -72.042943,-0.171074 z m -4.003113,76.99693 c -0.111975,-0. [...]
+       inkscape:connector-curvature="0" />
+    <g
+       id="g7030"
+       transform="matrix(0.77149178,0.10169574,-0.13148954,0.59668185,37.391945,37.961673)"
+       style="stroke:#ff0000;stroke-opacity:0.87943271">
+      <path
+         inkscape:connector-curvature="0"
+         id="path6946"
+         d="m 75.784227,96.861606 c 0,0 2.965953,-12.53814 23.434523,-16.81994 20.46857,-4.2818 25.13542,-26.458334 25.13542,-26.458334"
+         style="fill:none;fill-opacity:0.56028365;fill-rule:evenodd;stroke:#ff0000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.87943271" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path6946-0"
+         d="m 80.98104,99.789318 c 0,0 2.965953,-12.538141 23.43452,-16.819941 20.46857,-4.2818 25.13542,-26.458335 25.13542,-26.458335"
+         style="fill:none;fill-opacity:0.56028365;fill-rule:evenodd;stroke:#ff0000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.87943271" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path6946-0-6"
+         d="m 84.00485,105.45896 c 0,0 2.965953,-12.538141 23.43452,-16.819941 20.46857,-4.281799 25.13542,-26.458334 25.13542,-26.458334"
+         style="fill:none;fill-opacity:0.56028365;fill-rule:evenodd;stroke:#ff0000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.87943271" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path6946-0-6-6"
+         d="m 88.162588,109.99467 c 0,0 2.965953,-12.538136 23.434522,-16.819936 C 132.06568,88.892935 136.73253,66.7164 136.73253,66.7164"
+         style="fill:none;fill-opacity:0.56028365;fill-rule:evenodd;stroke:#ff0000;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.87943271" />
+    </g>
+    <path
+       style="fill:#121212;fill-opacity:0.68557919;stroke-width:0.10841235"
+       d="m 94.762051,153.05922 c 0.09734,-0.2101 0.109679,-0.65315 0.04064,-1.45794 -0.05455,-0.63589 -0.05927,-1.26064 -0.01053,-1.38837 0.205643,-0.53848 3.205461,-4.03343 3.499131,-4.07668 0.0474,-0.007 0.181657,0.12017 0.298437,0.28256 0.31577,0.43909 1.698681,1.50538 1.911701,1.47402 0.24959,-0.0368 0.35648,-0.46247 0.35149,-1.39986 -0.005,-0.90829 -0.18075,-1.57906 -0.55289,-2.10828 l -0.26427,-0.37581 0.44853,-0.63411 c 0.43885,-0.62047 0.45534,-0.63168 0.76498,-0.52034 0.17404,0 [...]
+       id="path6801"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cscccccccccccccccccccccscccccccccccccccccccccccccccccccccccccccccscccccccccccccccsccccccccccccccccccccccccccscccccccccccccscccccccccccscc" />
+    <g
+       id="g946"
+       transform="matrix(1.0630762,0,0,1.0630762,-5.1614101,-7.4488645)">
+      <g
+         transform="matrix(0.59592311,0,0,0.59592311,81.126334,33.678459)"
+         id="g6944">
+        <g
+           id="g6868"
+           transform="matrix(1.4164339,0,0,1.4164339,-26.891326,-91.919786)">
+          <g
+             aria-label="PONY MAIL"
+             transform="scale(0.93252501,1.0723573)"
+             style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:8.78327274px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat Bold';letter-spacing:0px;word-spacing:0px;fill:#ce1515;fill-opacity:1;stroke:#ce1515;stroke-width:0.2657924;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+             id="text6826">
+            <path
+               d="m -3.3195791,144.05275 q 1.3965404,0 2.0377193,0.53578 0.64117893,0.53578 0.64117893,1.65126 0,1.11547 -0.65874543,1.63369 -0.6499622,0.51821 -2.0025862,0.51821 h -1.0891258 v 1.80057 h -1.0364262 v -6.13951 z m 0.1317491,3.39913 q 0.8607608,0 1.1681753,-0.32498 0.3161978,-0.33377 0.3161978,-0.96616 0,-0.64118 -0.3952472,-0.90468 -0.3952473,-0.2635 -1.2384415,-0.2635 h -1.0539927 v 2.45932 z"
+               style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Montserrat;-inkscape-font-specification:Montserrat;fill:#ce1515;fill-opacity:1;stroke:#ce1515;stroke-width:0.2657924;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               id="path962" />
+            <path
+               d="m 4.9506958,145.50199 q -0.6236124,-0.64996 -1.5370728,-0.64996 -0.9134603,0 -1.545856,0.64996 -0.6236123,0.64997 -0.6236123,1.58099 0,0.92225 0.6236123,1.57221 0.6323957,0.64996 1.545856,0.64996 0.9134604,0 1.5370728,-0.64996 0.6323956,-0.64996 0.6323956,-1.57221 0,-0.93102 -0.6323956,-1.58099 z m 0.7641447,3.84708 q -0.9310269,0.90467 -2.3012175,0.90467 -1.3701905,0 -2.3012174,-0.90467 -0.93102694,-0.91346 -0.93102694,-2.26609 0,-1.36141 0.93102694,-2.26608 0.9310269, [...]
+               style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Montserrat;-inkscape-font-specification:Montserrat;fill:#ce1515;fill-opacity:1;stroke:#ce1515;stroke-width:0.2657924;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               id="path964" />
+            <path
+               d="m 12.555638,144.05275 h 1.036426 v 6.13951 h -1.124259 l -3.4781755,-4.47947 v 4.47947 H 7.9532033 v -6.13951 h 1.0364262 l 3.5660085,4.58487 z"
+               style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Montserrat;-inkscape-font-specification:Montserrat;fill:#ce1515;fill-opacity:1;stroke:#ce1515;stroke-width:0.2657924;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               id="path966" />
+            <path
+               d="m 17.710869,150.19226 h -1.053992 v -2.42418 l -2.283651,-3.71533 h 1.133042 l 1.677605,2.79308 1.677605,-2.79308 h 1.133042 l -2.283651,3.71533 z"
+               style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Montserrat;-inkscape-font-specification:Montserrat;fill:#ce1515;fill-opacity:1;stroke:#ce1515;stroke-width:0.2657924;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               id="path968" />
+            <path
+               d="m 24.205963,150.19226 h -1.036426 v -6.13951 h 1.616122 l 1.85327,3.85586 1.853271,-3.85586 h 1.607339 v 6.13951 h -1.036426 v -4.79567 l -2.143119,4.25989 h -0.579696 l -2.134335,-4.25989 z"
+               style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Montserrat;-inkscape-font-specification:Montserrat;fill:#ce1515;fill-opacity:1;stroke:#ce1515;stroke-width:0.2657924;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               id="path970" />
+            <path
+               d="m 32.667962,148.79572 -0.614829,1.39654 h -1.106692 l 2.705248,-6.13951 h 1.106692 l 2.705248,6.13951 h -1.106692 l -0.614829,-1.39654 z m 2.652549,-0.95738 -1.115476,-2.52958 -1.115476,2.52958 z"
+               style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Montserrat;-inkscape-font-specification:Montserrat;fill:#ce1515;fill-opacity:1;stroke:#ce1515;stroke-width:0.2657924;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               id="path972" />
+            <path
+               d="m 38.317251,144.05275 h 1.036426 v 6.13951 h -1.036426 z"
+               style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Montserrat;-inkscape-font-specification:Montserrat;fill:#ce1515;fill-opacity:1;stroke:#ce1515;stroke-width:0.2657924;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               id="path974" />
+            <path
+               d="m 41.062025,150.19226 v -6.13951 h 1.036426 v 5.15578 h 2.801864 v 0.98373 z"
+               style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Montserrat;-inkscape-font-specification:Montserrat;fill:#ce1515;fill-opacity:1;stroke:#ce1515;stroke-width:0.2657924;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+               id="path976" />
+          </g>
+        </g>
+        <rect
+           ry="9.9013481"
+           rx="5.3437915"
+           y="122.39892"
+           x="-40.263706"
+           height="19.318239"
+           width="78.860748"
+           id="rect6822-6"
+           style="opacity:1;fill:none;fill-opacity:1;stroke:#ce1515;stroke-width:1.58421898;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+        <path
+           style="fill:#de1111;fill-opacity:1;stroke-width:0.06020197"
+           d="m -3.0618634,164.65858 c -4.501068,-0.34669 -8.5754576,-1.47486 -12.4919076,-3.4589 -3.11476,-1.57791 -5.63025,-3.37519 -8.0892,-5.77961 -3.17293,-3.10256 -5.63259,-6.7201 -7.31272,-10.75516 -0.46859,-1.12538 -1.01688,-2.68948 -0.96961,-2.76598 0.0186,-0.0301 0.27378,-0.0547 0.56709,-0.0547 h 0.53328 l 0.0928,0.25586 c 0.88448,2.43923 1.45483,3.72086 2.40449,5.40313 3.69965,6.55371 9.50849,11.51707 16.53644,14.12954 2.3737196,0.88237 4.7610696,1.4524 7.4175876,1.77113 1.335 [...]
+           id="path6937"
+           inkscape:connector-curvature="0" />
+      </g>
+      <g
+         transform="rotate(6.9059427,81.097422,111.58874)"
+         id="g914">
+        <g
+           aria-label="APACHE"
+           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:5.69151926px;line-height:125%;font-family:Montserrat;-inkscape-font-specification:'Montserrat Bold';letter-spacing:0px;word-spacing:0px;fill:#ff0606;fill-opacity:1;stroke:none;stroke-width:0.42686394px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           id="text7034">
+          <path
+             d="m 68.546921,104.47218 0.450911,0.87996 -0.452346,0.55648 -1.981359,-3.86971 0.452346,-0.55647 4.192827,1.14917 -0.452346,0.55648 -0.953517,-0.26167 z m 0.602802,-1.72509 -1.727872,-0.47304 0.816,1.59482 z"
+             style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Montserrat;-inkscape-font-specification:Montserrat;fill:#ff0606;fill-opacity:1;stroke-width:0.42686394px"
+             id="path948" />
+          <path
+             d="m 70.628559,98.272575 q 0.750531,-0.50561 1.28909,-0.449807 0.538559,0.0558 0.942412,0.655284 0.403852,0.599481 0.237444,1.116475 -0.161687,0.513813 -0.888615,1.003523 l -0.58532,0.39431 0.651888,0.96767 -0.556998,0.37523 -2.222776,-3.2995 z M 71.93,100.05164 q 0.462591,-0.311636 0.510145,-0.597585 0.04909,-0.29385 -0.179862,-0.633713 -0.232136,-0.344583 -0.539948,-0.343095 -0.307812,0.0015 -0.760963,0.306761 l -0.566438,0.381593 0.890383,1.321689 z"
+             style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Montserrat;-inkscape-font-specification:Montserrat;fill:#ff0606;fill-opacity:1;stroke-width:0.42686394px"
+             id="path950" />
+          <path
+             d="m 75.10775,99.346616 -0.102435,0.983444 -0.682744,0.21941 0.451759,-4.323926 0.682744,-0.219404 2.8861,3.251283 -0.682744,0.219404 -0.656169,-0.739667 z m 1.446616,-1.116501 -1.189658,-1.339412 -0.186667,1.781703 z"
+             style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Montserrat;-inkscape-font-specification:Montserrat;fill:#ff0606;fill-opacity:1;stroke-width:0.42686394px"
+             id="path952" />
+          <path
+             d="m 80.724088,98.589279 q 0.347056,-0.0094 0.594316,-0.129935 0.247106,-0.126244 0.51328,-0.389649 l 0.444392,0.43209 q -0.612615,0.716869 -1.517236,0.741318 -0.898932,0.02429 -1.512008,-0.539882 -0.607386,-0.564331 -0.631374,-1.451884 -0.02399,-0.887553 0.563102,-1.495554 0.592778,-0.608155 1.514468,-0.633066 0.927379,-0.02506 1.56598,0.640909 l -0.414099,0.478066 q -0.291853,-0.265405 -0.5508,-0.366584 -0.253257,-0.101334 -0.594623,-0.09211 -0.603081,0.0163 -1.002111,0.41 [...]
+             style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Montserrat;-inkscape-font-specification:Montserrat;fill:#ff0606;fill-opacity:1;stroke-width:0.42686394px"
+             id="path954" />
+          <path
+             d="m 83.126703,99.278337 0.992434,-3.852599 0.650367,0.167535 -0.430197,1.670011 1.912521,0.492667 0.430196,-1.67001 0.650368,0.167535 -0.992434,3.852594 -0.650367,-0.16753 0.40606,-1.576314 -1.912521,-0.492667 -0.40606,1.576313 z"
+             style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Montserrat;-inkscape-font-specification:Montserrat;fill:#ff0606;fill-opacity:1;stroke-width:0.42686394px"
+             id="path956" />
+          <path
+             d="m 91.737482,98.448676 -0.307145,0.55207 -1.855154,-1.032117 -0.511907,0.920116 1.666156,0.926969 -0.290542,0.522226 -1.666157,-0.926966 -0.517442,0.930066 1.914837,1.06532 -0.307144,0.55207 -2.501722,-1.39184 1.934181,-3.476545 z"
+             style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Montserrat;-inkscape-font-specification:Montserrat;fill:#ff0606;fill-opacity:1;stroke-width:0.42686394px"
+             id="path958" />
+        </g>
+        <path
+           transform="rotate(-149.98227)"
+           style="opacity:1;fill:none;fill-opacity:0.56028365;stroke:none;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.87943271"
+           d="m -112.50133,-57.429909 a 15.024553,14.079613 0 0 1 -15.02456,14.079613 15.024553,14.079613 0 0 1 -15.02455,-14.079613 15.024553,14.079613 0 0 1 15.02455,-14.079612 15.024553,14.079613 0 0 1 15.02456,14.079612 z"
+           id="path7036" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/webui/images/sr_off.png b/webui/images/sr_off.png
new file mode 100644
index 0000000..009676e
Binary files /dev/null and b/webui/images/sr_off.png differ
diff --git a/webui/images/sr_on.png b/webui/images/sr_on.png
new file mode 100644
index 0000000..c863d6d
Binary files /dev/null and b/webui/images/sr_on.png differ
diff --git a/webui/images/themes.png b/webui/images/themes.png
new file mode 100644
index 0000000..98eeec6
Binary files /dev/null and b/webui/images/themes.png differ
diff --git a/webui/images/user.png b/webui/images/user.png
new file mode 100644
index 0000000..f9c1975
Binary files /dev/null and b/webui/images/user.png differ
diff --git a/webui/images/user_loggedout.png b/webui/images/user_loggedout.png
new file mode 100644
index 0000000..69d470a
Binary files /dev/null and b/webui/images/user_loggedout.png differ
diff --git a/webui/images/user_notif.png b/webui/images/user_notif.png
new file mode 100644
index 0000000..ae1c1a3
Binary files /dev/null and b/webui/images/user_notif.png differ
diff --git a/webui/index.html b/webui/index.html
new file mode 100644
index 0000000..fe4e821
--- /dev/null
+++ b/webui/index.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<!-- Licensed to the Apache Software Foundation (ASF) under one or more
+contributor license agreements. See the NOTICE file distributed with
+this work for additional information regarding copyright ownership. The
+ASF licenses this file to you under the Apache License, Version 2.0 (the
+"License"); you may not use this file except in compliance
+with the License. You may obtain a copy of the License at .
+http://www.apache.org/licenses/LICENSE-2.0 . Unless required by
+applicable law or agreed to in writing, software distributed under the
+License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES
+OR CONDITIONS OF ANY KIND, either express or implied. See the License
+for the specific language governing permissions and limitations under
+the License. -->
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=0.5">
+    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+    
+    <!-- Left empty on purpose!-->
+    <title></title>
+
+    <!-- Bootstrap -->
+    
+    <link href="css/bootstrap.min.css" rel="stylesheet" media="all">
+    <link href="css/scaffolding.css" rel="stylesheet" media="all">
+    <link href="css/modal.css" rel="stylesheet" media="all">
+    <link href="css/spinner.css" rel="stylesheet" media="all">
+    <link rel="alternate" href="/api/static.lua"/>
+    <link rel="stylesheet" href="//cdn.jsdelivr.net/font-hack/2.013/css/hack.min.css">
+
+    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <!--[if lt IE 9]>
+      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+    <![endif]-->
+  </head>
+  <body onload="prime_list_index();">
+    <div style="text-align: center;">
+    <img src="images/logo_large.png" style="width: 215px;"/><br/>
+    <h2>Mail Archives</h2>
+    <h4>Pick a list domain to start browsing emails:</h4>
+    </div>
+    <div id="list_picker" style="margin: 0 auto;">
+      
+        <ul id="list_picker_ul">
+          
+        </ul>
+    </div>
+    <div id="list_index"style="margin: 0 auto;">
+        <div id="list_index_child" style="margin: 0 auto; max-width: 400px;">
+          
+        </div>
+      </div>
+    
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+    <!-- Include all compiled plugins (below), or include individual files as needed -->
+    <script src="js/bootstrap.min.js"></script>
+    <script src="js/config.js"></script>
+    <script src="js/wordcloud.js"></script>
+    <script src="js/weburl.js"></script>
+    <script src="js/d3.min.js"></script>
+    <script src="js/ponymail.js"></script>
+    <div id="splash" class="splash fade-in"> &nbsp; </div>
+    <div style="clear: both;"></div>
+    
+  </body>
+</html>
diff --git a/webui/js/bootstrap.min.js b/webui/js/bootstrap.min.js
new file mode 100644
index 0000000..3f66443
--- /dev/null
+++ b/webui/js/bootstrap.min.js
@@ -0,0 +1,12 @@
+/*!
+ * Bootstrap v3.3.5 (http://getbootstrap.com)
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+/*!
+ * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=28ae8c5a752f6b18d3a3)
+ * Config saved to config.json and https://gist.github.com/28ae8c5a752f6b18d3a3
+ */
+if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(t){"use strict";var e=t.fn.jquery.split(" ")[0].split(".");if(e[0]<2&&e[1]<9||1==e[0]&&9==e[1]&&e[2]<1)throw new Error("Bootstrap's JavaScript requires jQuery version 1.9.1 or higher")}(jQuery),+function(t){"use strict";function e(e){return this.each(function(){var i=t(this),n=i.data("bs.alert");n||i.data("bs.alert",n=new o(this)),"string"==typeof e&&n[e].call(i)})}var i='[data-dismiss="aler [...]
+}}}},o.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var e=t.Event("hide.bs.collapse");if(this.$element.trigger(e),!e.isDefaultPrevented()){var i=this.dimension();this.$element[i](this.$element[i]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse in").attr("aria-expanded",!1),this.$trigger.addClass("collapsed").attr("aria-expanded",!1),this.transitioning=1;var n=function(){this.transitioning=0,this.$element.removeClass("collap [...]
\ No newline at end of file
diff --git a/webui/js/config.js b/webui/js/config.js
new file mode 100644
index 0000000..2e6ceb9
--- /dev/null
+++ b/webui/js/config.js
@@ -0,0 +1,66 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+var pm_config = {
+    debug: false, // set to true for some debug output
+    oauth: {
+        // OAuth settings
+         apache: {
+            name: "Apache OAuth",
+            oauth_portal: "https://oauth.apache.org/",
+            oauth_url: "https://oauth.apache.org/token",
+            fullname_key: 'fullname',
+            email_key: 'email'
+        },
+        google: {
+            name: "Google OAuth",
+            oauth_portal: "https://accounts.google.com/o/oauth2/auth",
+            oauth_url: "https://www.googleapis.com/oauth2/v3/tokeninfo?id_token=",
+            fullname_key: 'name',
+            email_key: 'email',
+            client_id: '41983040784-s1gl269f0p537r22h8eai2pdr1a94pfg.apps.googleusercontent.com'
+        }
+    },
+    indexMode: 'table', // front page view mode:
+                            // phonebook: Standard phonebook mode, sort/list by domain name (a.org, b.org, c.org...)
+                            // phonebook_short: Same as above, but sort/list by list name (dev@a.org, dev@.org, user@a.org...)
+                            // table: A more detailed view meant for smaller list sites (<=20-30 lists or such)
+    shortLists: true, // whether to display foo@bar.org or just foo@ in flat view
+    shortLinks: true,
+    trendPie: true,
+    URLBase: '',
+    apiURL: '/',
+    apiSuffix: ''
+}
+
+
+
+// Localized preferences (defaults)
+var prefs = {
+    displayMode: 'threaded',        // threaded or flat
+    groupBy: 'thread',              // thread or date
+    sortOrder: 'forward',           // forward or reverse sort
+    compactQuotes: true,           // Show quotes from original email as compacted blocks?
+    notifications: 'direct',        // Notify on direct or indirect replies to your posts?
+    hideStats: 'yes',                // Hide the email statistics window?
+    theme: 'default',               // Set to 'social' to default to the social theme
+    loggedIn: false
+}
+
+// array of prefs we have now. This is needed in case we change/break the existing
+// structure saved in elasticsearch for users. Update when needed!
+var pref_keys = ['displayMode','groupBy','sortOrder','compactQuotes','notifications','hideStats','theme', 'fullname', 'autoScale']
diff --git a/webui/js/oauth.js b/webui/js/oauth.js
new file mode 100644
index 0000000..2e3b80a
--- /dev/null
+++ b/webui/js/oauth.js
@@ -0,0 +1,142 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+// Sometimes we don't need ponymail.js, so let's redefine GetAsync here
+function GetAsync(theUrl, xstate, callback) {
+    var xmlHttp = null;
+    if (window.XMLHttpRequest) {
+        xmlHttp = new XMLHttpRequest();
+    } else {
+        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
+    }
+    if (pm_config.URLBase && pm_config.URLBase.length > 0) {
+        theUrl = pm_config.URLBase + theUrl
+        theUrl = theUrl.replace(/\/+/g, "/")
+    }
+    xmlHttp.open("GET", theUrl, true);
+    xmlHttp.send(null);
+    xmlHttp.onreadystatechange = function(state) {
+        if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
+            if (callback) {
+                try {
+                    callback(JSON.parse(xmlHttp.responseText), xstate);
+                } catch (e) {
+                    callback(JSON.parse(xmlHttp.responseText), xstate)
+                }
+            }
+
+        }
+        if (xmlHttp.readyState == 4 && xmlHttp.status == 404) {
+            alert("404'ed: " + theUrl)
+        }
+    }
+}
+
+// redirect to the oauth provider
+function oauthPortal(key) {
+    var ot = pm_config.oauth[key]
+    var state = parseInt(Math.random()*1000000000) + '' + parseInt(Math.random()*1000000000)
+    // google is different (as usual)
+    if (key == 'google') {
+        location.href = ot.oauth_portal + "?state=" + state + "&client_id=" + (ot.client_id ? ot.client_id : "") + "&response_type=id_token&scope=email&redirect_uri=" + escape(window.location)
+    } else {
+        var cid = ""
+        if (ot.construct) {
+            for (var k in ot) {
+                cid += "&" + k + "=" + escape(ot[k])
+            }
+        }
+        location.href = ot.oauth_portal + "?state=" + state + "&redirect_uri=" + escape(window.location + "?key=" + key + "&state=" + state) + cid
+    }
+}
+
+// Callback for oauth response from backend. if okay, send user back to front
+// page.
+function parseOauthResponse(json) {
+    if (json.okay) {
+        location.href = "./" // TODO: Return to whence we came...
+    } else {
+        popup("Oauth failed", "Authentication failed: " + json.msg)
+    }
+}
+
+
+// Func for rendering all available oauth options
+function oauthOptions() {
+    // get the oauth div
+    var oobj = document.getElementById('oauthtypes') 
+    oobj.innerHTML = ""
+    // For each enabled oauth plugin, list it.
+    for (var key in pm_config.oauth) {
+        var ot = pm_config.oauth[key]
+        if (true) { // dunno why this is here, but whatever.
+            var img = document.createElement('img')
+            img.setAttribute("src", "images/oauth_" + key + ".png")
+            img.setAttribute("title", "Log on with " + ot.name)
+            img.setAttribute("onclick", "oauthPortal('" + key + "');")
+            img.style.cursor = "pointer"
+            img.style.width = "250px"
+            oobj.appendChild(img)
+            oobj.appendChild(document.createElement('br'))
+            oobj.appendChild(document.createTextNode(' '))
+            oobj.appendChild(document.createElement('br'))
+        }
+    }
+    
+    // Mozilla Persona
+    if (pm_config.persona.enabled) {
+        var img = document.createElement('img')
+        img.setAttribute("src", "images/persona.png")
+        img.setAttribute("title", "Log on with persona")
+        img.setAttribute("onclick", "navigator.id.request();")
+        img.style.cursor = "pointer"
+        oobj.appendChild(img)
+        oobj.appendChild(document.createElement('br'))
+        oobj.appendChild(document.createTextNode(' '))
+        oobj.appendChild(document.createElement('br'))
+    }
+}
+
+// onLoad function for oauth. If args (query string or bookmark) are supplied,
+// we pass that on to the backend, otherwise show which oauth options are
+// enabled.
+function oauthWelcome(args) {
+    // google auth sometimes uses bookmarks instead of passing the code as a
+    // query string arg.
+    if (!args || args.length == 0) {
+        args = window.location.hash.substring(1)
+    }
+    // Is this a callback from an oauth provider? If so, run the oauth stuff
+    if (args && args.length >= 40) {
+        var key = args.match(/key=([a-z]+)/i)
+        if (key) {
+            key = key[1]
+        }
+        if (args.match(/id_token=/)) {
+            key = 'google'
+        }
+        if (key && key.length > 0 && pm_config.oauth[key]) {
+            document.getElementById('oauthtypes').innerHTML = "Logging you in, hang on..!"
+            GetAsync("/api/oauth.lua?" + args + "&oauth_token=" + pm_config.oauth[key].oauth_url, {}, parseOauthResponse)
+        } else {
+            alert("Key missing or invalid! " + key)
+        }
+    // Not a callback, let's just show which oauth/persona options are enabled.
+    } else {
+        oauthOptions()
+    }
+}
\ No newline at end of file
diff --git a/webui/js/ponymail.js b/webui/js/ponymail.js
new file mode 100644
index 0000000..2a89f20
--- /dev/null
+++ b/webui/js/ponymail.js
@@ -0,0 +1,3214 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+// THIS IS AN AUTOMATICALLY COMBINED FILE. PLEASE EDIT source/*.js!!
+
+
+
+/******************************************
+ Fetched from source/base-http-extensions.js
+******************************************/
+
+// URL calls currently 'in escrow'. This controls the spinny wheel animation
+var async_escrow = {}
+var async_maxwait = 250; // ms to wait before displaying spinner
+var async_status = 'clear';
+var async_cache = {}
+
+// Escrow spinner check
+async function escrow_check() {
+    let now = new Date();
+    let show_spinner = false;
+    for (var k in async_escrow) {
+        if ( (now - async_escrow[k]) > async_maxwait ) {
+            show_spinner = true;
+            break;
+        }
+    }
+    // Fetch or create the spinner
+    let spinner = document.getElementById('spinner');
+    if (!spinner) {
+        spinner = new HTML('div', { id: 'spinner', class: 'spinner'});
+        spinwheel = new HTML('div', {id: 'spinwheel', class: 'spinwheel'});
+        spinner.inject(spinwheel);
+        spinner.inject(new HTML('h2', {}, "Loading, please wait.."));
+        document.body.appendChild(spinner);
+    }
+    // Show or don't show spinner?
+    if (show_spinner) {
+        spinner.style.display = 'block';
+        if (async_status === 'clear') {
+            console.log("Waiting for JSON resource, deploying spinner");
+            async_status = 'waiting';
+        }
+    } else {
+        spinner.style.display = 'none';
+        if (async_status === 'waiting') {
+            console.log("All URLs out of escrow, dropping spinner");
+            async_status = 'clear';
+        }
+    }
+}
+
+async function async_snap(error) {
+    msg = await error.text();
+    msg = msg.replace(/<.*?>/g, ""); // strip HTML tags
+    modal("An error occured", "An error code %u occured while trying to fetch %s:\n%s".format(error.status, error.url, msg), "error");
+}
+
+
+// Asynchronous GET call
+async function GET(url, callback, state) {
+    console.log("Fetching JSON resource at %s".format(url))
+    let pkey = "GET-%s-%s".format(callback, url);
+    let res = undefined;
+    let res_json = undefined;
+    state = state || {};
+    state.url = url;
+    if (state && state.cached === true && async_cache[url]) {
+        console.log("Fetching %s from cache".format(url));
+        res_json = async_cache[url];
+    }
+    else {
+        try {
+            console.log("putting %s in escrow...".format(url));
+            async_escrow[pkey] = new Date(); // Log start of request in escrow dict
+            const rv = await fetch(url, {credentials: 'same-origin'}); // Wait for resource...
+            
+            // Since this is an async request, the request may have been canceled
+            // by the time we get a response. Only do callback if not.
+            if (async_escrow[pkey] !== undefined) {
+                delete async_escrow[pkey]; // move out of escrow when fetched
+                res = rv;
+            }
+        }
+        catch (e) {
+            delete async_escrow[pkey]; // move out of escrow if failed
+            console.log("The URL %s could not be fetched: %s".format(url, e));
+            modal("An error occured", "An error occured while trying to fetch %s:\n%s".format(url, e), "error");
+        }
+    }
+    if (res !== undefined || res_json !== undefined) {
+        // We expect a 2xx return code (usually 200 or 201), snap otherwise
+        if ((res_json) || (res.status >= 200 && res.status < 300)) {
+            console.log("Successfully fetched %s".format(url))
+            if (res_json) {
+                js = res_json;
+            } else {
+                js = await res.json();
+                async_cache[url] = js;
+            }
+            if (callback) {
+                callback(state, js);
+            } else {
+                console.log("No callback function was registered for %s, ignoring result.".format(url));
+            }
+        } else {
+            console.log("URL %s returned HTTP code %u, snapping!".format(url, res.status));
+            async_snap(res);
+        }
+    }
+}
+
+
+/******************************************
+ Fetched from source/base-js-extensions.js
+******************************************/
+
+/**
+ * String formatting prototype
+ * A'la printf
+ */
+
+String.prototype.format = function() {
+  let args = arguments;
+  let n = 0;
+  let t = this;
+  let rtn = this.replace(/(?!%)?%([-+]*)([0-9.]*)([a-zA-Z])/g, function(m, pm, len, fmt) {
+      len = parseInt(len || '1');
+      // We need the correct number of args, balk otherwise, using ourselves to format the error!
+      if (args.length <= n) {
+        let err = "Error interpolating string '%s': Expected at least %u argments, only got %u!".format(t, n+1, args.length);
+        console.log(err);
+        throw err;
+      }
+      let varg = args[n];
+      n++;
+      switch (fmt) {
+        case 's':
+          if (typeof(varg) == 'function') {
+            varg = '(function)';
+          }
+          return varg;
+        // For now, let u, d and i do the same thing
+        case 'd':
+        case 'i':
+        case 'u':
+          varg = parseInt(varg).pad(len); // truncate to Integer, pad if needed
+          return varg;
+      }
+    });
+  return rtn;
+}
+
+
+/**
+ * Number prettification prototype:
+ * Converts 1234567 into 1,234,567 etc
+ */
+
+Number.prototype.pretty = function(fix) {
+  if (fix) {
+    return String(this.toFixed(fix)).replace(/(\d)(?=(\d{3})+\.)/g, '$1,');
+  }
+  return String(this.toFixed(0)).replace(/(\d)(?=(\d{3})+$)/g, '$1,');
+};
+
+
+/**
+ * Number padding
+ * usage: 123.pad(6) -> 000123
+ */
+
+Number.prototype.pad = function(n) {
+  var str;
+  str = String(this);
+
+  /* Do we need to pad? if so, do it using String.repeat */
+  if (str.length < n) {
+    str = "0".repeat(n - str.length) + str;
+  }
+  return str;
+};
+
+
+/* Func for converting a date to YYYY-MM-DD HH:MM */
+
+Date.prototype.ISOBare = function() {
+  var M, d, h, m, y;
+  y = this.getFullYear();
+  m = (this.getMonth() + 1).pad(2);
+  d = this.getDate().pad(2);
+  h = this.getHours().pad(2);
+  M = this.getMinutes().pad(2);
+  return y + "-" + m + "-" + d + " " + h + ":" + M;
+};
+
+
+/* isArray: function to detect if an object is an array */
+
+isArray = function(value) {
+  return value && typeof value === 'object' && value instanceof Array && typeof value.length === 'number' && typeof value.splice === 'function' && !(value.propertyIsEnumerable('length'));
+};
+
+
+/* isHash: function to detect if an object is a hash */
+
+isHash = function(value) {
+  return value && typeof value === 'object' && !isArray(value);
+};
+
+
+/* Remove an array element by value */
+
+Array.prototype.remove = function(val) {
+  var i, item, j, len;
+  for (i = j = 0, len = this.length; j < len; i = ++j) {
+    item = this[i];
+    if (item === val) {
+      this.splice(i, 1);
+      return this;
+    }
+  }
+  return this;
+};
+
+
+/* Check if array has value */
+Array.prototype.has = function(val) {
+  var i, item, j, len;
+  for (i = j = 0, len = this.length; j < len; i = ++j) {
+    item = this[i];
+    if (item === val) {
+      return true;
+    }
+  }
+  return false;
+};
+
+
+
+
+/******************************************
+ Fetched from source/body-fixups.js
+******************************************/
+
+ponymail_url_regex = new RegExp("(" + "(?:(?:[a-z]+)://)" + "(?:\\S+(?::\\S*)?@)?" + "(?:" + "([01][0-9][0-9]|2[0-4][0-9]|25[0-5])" + "|" + "(?:(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)" + "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*" + "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))" + "\\.?" + ")" + "(?::\\d{2,5})?" + "(?:[/?#]([^,<>()\\[\\] \\t\\r\\n]|(<[^:\\s]*?>|\\([^:\\s]*?\\)|\\[[^:\\s]*?\\]))*)?" + ")\\.?", "mi");
+
+// Regex for things to potentially put inside quote objects:
+// - quotes
+// - forwarded emails
+// - inline quoting
+// - top posting with original email following
+ponymail_quote_regex = new RegExp("(" +
+  // Typical encapsulation of context by ticketing systems and/or bug trackers
+  "(---\\r?\\n([^\\r\\n]*?\\r?\\n)*?---$)|" +
+  "(" +
+    "(?:\\r?\\n|^)" +  // start of line or after a colon
+    // Classic method; a signal line and the quote with '>' starting each line quoted
+    "(" +
+      "(" + // Initial line signalling a quote
+        "((\\d+-\\d+-\\d+)\\s+.+<\\S+@\\S+>:[ \t\r\n]+)|" +  // "01-02-1982 Foo Bar <fo...@bar.baz>:" OR
+        "(on\\s+(.+|.+\\n.+)\\s+wrote:[\r?\n]+)|" +          // "On $somedate, $someone wrote:", OR...
+        "(le\\s+(.+|.+\\n.+)\\s+Ă©crit:[\r?\n]+)|" +          // French version of the above, OR...
+        "(.?am .+? schrieb\\s+.+:[\r?\n]+)|" +               // German version of the above, OR...
+        "(envoy[Ă©e] de mon .+|sent from my .+|von meinem .+ gesendet)[ \t\r\n]+" + // "sent from my iphone/ipad/android phone/whatever", usually means the next part is a quote.
+      ")" + // End initial signal line
+      "(^$)*" + // Accept blank newlines following it...
+      "(((^(?!>)[\\s\\S]+$)*)|(^\\s*>[\\s\\S]+$)*)" +  // Either text that follows immediately after with no '>' first, OR text with '>' first, but NOT both...
+    ")|" +
+      "(" +
+        // Lines after the signal line; comes in one shape, generally speaking...
+        "(^\\s*>+[ \\t]*[^\r\n]*\r*\n+)+" + // Lines beginning with one or more '>' after the initial signal line
+      ")" +      
+    ")+|" + //OR...
+    "(" +
+      "^(-{5,10}).+?\\1[\r\n]+" + // ----- Forwarded Message -----
+      "(^\\w+:\\s+.+[\r\n]+){3,10}[\r\n]+" + // Between three and ten header fields (we ask for at least 3, so as to not quote PGP blocks)
+      "[\\S\\s]+" + // Whatever comes next...
+    ")+" +
+    ")", "mi");
+
+// Somewhat simplified method for catching email footers/trailers that we don't need
+ponymail_trailer_regex = new RegExp("^--[\r\n]+.*", "mi");//(--\r?\n([^\r\n]*?\r?\n){1,6}$)|[\r\n.]+^((--+ \r?\n|--+\r?\n|__+\r?\n|--+\\s*[^\r\n]+\\s*--+\r?\n)(.*\r?\n)+)+$", "m");
+
+// This is a regex for capturing code diff blocks in an email
+ponymail_diff_regex = new RegExp(
+  "(" +
+  "^-{3} .+?[\r\n]+" + // Starts with a "--- /foo/bar/baz"
+  "^\\+{3} .+?[\r\n]+" + // Then a "+++ /foo/bar/baz"
+  "(" + // Then one or more of...
+    "^@@ .+[\r\n]+" + // positioning
+    "(^ .*[\r\n]*$){0,3}" + // diff header
+    "(^[-+ ].*[\r\n]*)+" + // actual diff
+    "(^ .*[\r\n]*$){0,3}" + // diff trailer
+  ")+" +
+  ")", "mi");
+
+// Function for turning URLs into <a> tags
+function fixup_urls(splicer) {
+    
+    if (typeof splicer == 'object') {
+      return splicer;
+        //splicer = splicer.innerText;
+    }
+    /* Array holding text and links */
+    var i, m, t, textbits, url, urls;
+    textbits = [];
+
+    /* Find the first link, if any */
+    i = splicer.search(ponymail_url_regex);
+    urls = 0;
+
+    /* While we have more links, ... */
+    while (i !== -1) {
+      urls++;
+
+      /* Only parse the first 250 URLs... srsly */
+      if (urls > 250) {
+        break;
+      }
+
+      /* Text preceding the link? add it to textbits frst */
+      if (i > 0) {
+        t = splicer.substr(0, i);
+        textbits.push(t);
+        splicer = splicer.substr(i);
+      }
+
+      /* Find the URL and cut it out as a link */
+      m = splicer.match(ponymail_url_regex);
+      if (m) {
+        url = m[1];
+        i = url.length;
+        t = splicer.substr(0, i);
+        textbits.push(new HTML('a', {
+          href: url
+        }, url));
+        splicer = splicer.substr(i);
+      }
+
+      /* Find the next link */
+      i = splicer.search(ponymail_url_regex);
+    }
+
+    /* push the remaining text into textbits */
+    textbits.push(splicer);
+    return textbits;
+}
+
+
+// Simple check to (attempt to) assess whether a trailer should
+// remain or get cut out.
+function legit_trailer(a) {
+  let lines = a.split(/\s*\r?\n/);
+  let first_line = lines.shift();
+  while (first_line.length == 0 && lines.length) first_line = lines.shift(); // get first meaningful line
+  if (!lines.length || first_line == '--') return ''; // likely a simple trailer
+  let last_line = lines.pop();
+  while (last_line.length == 0 && lines.length) last_line = lines.pop(); // get last meaningful line
+  
+  // Check if first and last line are similar, which is usually indictive of a ticket system
+  if (last_line == first_line) {
+    return a;
+  }
+  // Otherwise, check if first line has two or more dashes, and it occurs again later (also tix)
+  if (first_line.match(/^---+/) && lines.has(first_line)) {
+    return "|||" + a + "|||";
+  }
+  
+  // Lastly, if there is "sufficient" length to the dashes, allow (JIRA etc)
+  if (first_line.match(/^-{6,72}$/)) return a;
+  return '';
+}
+
+// Function for cutting away trailers
+function cut_trailer(splicer) {
+    if (!chatty_layout) return splicer; // only invoke in social rendering mode
+    if (typeof splicer == 'object') {
+        splicer.innerText = splicer.innerText.replace(ponymail_trailer_regex, legit_trailer, 3);
+    } else {
+        splicer = splicer.replace(ponymail_trailer_regex, legit_trailer);
+
+    }
+    return splicer;
+}
+
+function color_diff_lines(diff) {
+  let lines = diff.split(/[\r\n]+/);
+  let ret = [];
+  for (var z = 0; z < lines.length;z++) {
+    let line = lines[z];
+    let color = 'grey';
+    if (line[0] == '@') color = 'blue';
+    if (line[0] == '-') color = 'red';
+    if (line[0] == '+') color = 'green';
+    if (line[0] == ' ') color = 'black';
+    let el = new HTML('span', {style: {color: color}}, line);
+    ret.push(el);
+    ret.push(new HTML('br'));
+  }
+  return ret;
+}
+
+// Function for coloring diffs
+function fixup_diffs(splicer) {
+    if (!chatty_layout) return splicer; // only invoke in social rendering mode
+    if (typeof splicer == 'object') {
+        splicer = splicer.innerText;
+    }
+    /* Array holding text and links */
+    var i, m, t, diff, diffs;
+    let textbits = [];
+
+    /* Find the first link, if any */
+    i = splicer.search(ponymail_diff_regex);
+    diffs = 0;
+
+    /* While we have more links, ... */
+    while (i !== -1) {
+      diffs++;
+
+      /* Only parse the first 20 diffs... srsly */
+      if (diffs > 25) {
+        break;
+      }
+      console.log(i);
+      /* Text preceding the diff? add it to textbits frst */
+      if (i > 0) {
+        t = splicer.substr(0, i);
+        textbits.push(t);
+        splicer = splicer.substr(i);
+      }
+
+      /* Find the URL and cut it out as a link */
+      m = splicer.match(ponymail_diff_regex);
+      if (m) {
+        diff = m[1];
+        i = diff.length;
+        t = splicer.substr(0, i);
+        textbits.push(new HTML('pre', {class: 'diff'}, color_diff_lines(diff)));
+        splicer = splicer.substr(i);
+      }
+
+      /* Find the next link */
+      i = splicer.search(ponymail_diff_regex);
+    }
+
+    /* push the remaining text into textbits */
+    textbits.push(splicer);
+    return textbits;
+}
+
+// Function for turning quotes into quote segments
+function fixup_quotes(splicer) {
+    if (splicer[splicer.length-1] !== "\n") splicer += "\n"; //tweak to make quotes match the last line if no newline on it.
+    var hideQuotes, i, m, qdiv, quote, quotes, t, textbits;
+    hideQuotes = true;
+    if (prefs.compactQuotes === false && !chatty_layout) {
+      hideQuotes = false;
+    }
+    if (!hideQuotes) return splicer; // We'll bail here for now. Dunno why not.
+
+    /* Array holding text and quotes */
+    textbits = [];
+
+    /* Find the first quote, if any */
+    i = splicer.search(ponymail_quote_regex);
+    quotes = 0;
+
+    /* While we have more quotes, ... */
+    while (i !== -1) {
+      quotes++;
+
+      /* Only parse the first 50 quotes... srsly */
+      if (quotes > 50) {
+        break;
+      }
+
+      /* Text preceding the quote? add it to textbits first */
+      if (i > 0) {
+        t = splicer.substr(0, i);
+        let diffed = fixup_diffs(cut_trailer(t));
+        if (isArray(diffed)) { for(var z = 0; z < diffed.length; z++) textbits.push(fixup_urls(diffed[z]));}
+        else textbits.push(fixup_urls(diffed));
+        splicer = splicer.substr(i);
+      }
+
+      /* Find the quote and cut it out as a div */
+      m = splicer.match(ponymail_quote_regex);
+      if (m) {
+        quote = m[0];
+        i = quote.length;
+        t = splicer.substr(0, i);
+        quote = quote.replace(/(>*\s*\r?\n)+$/g, "");
+        qdiv = new HTML('div', {
+          "class": "email_quote_parent"
+        }, [
+          new HTML('button', {
+            title: "Toggle quote",
+            onclick: "toggle_quote(this)"
+          }, new HTML('span', {class:'glyphicon glyphicon-comment'}, " ")), new HTML('br'), new HTML('blockquote', {
+            "class": "email_quote",
+            style: {
+              display: hideQuotes ? 'none' : 'block'
+            }
+          }, fixup_urls(quote))
+        ]);
+        textbits.push(qdiv);
+        splicer = splicer.substr(i);
+      }
+
+      /* Find the next quotes */
+      i = splicer.search(ponymail_quote_regex);
+    }
+
+    /* push the remaining text into textbits */
+    let diffed = fixup_diffs(cut_trailer(splicer));
+    if (isArray(diffed)) { for(var z = 0; z < diffed.length; z++) diffed[z] = fixup_urls(diffed[z]);}
+    else diffed = fixup_urls(diffed);
+    textbits.push(new HTML('span', {}, diffed));
+    
+    return textbits;
+  }
+  
+function toggle_quote(el) {
+    let quote = el.parentNode.childNodes[2];
+    if (quote.style.display != 'block') {
+        quote.style.display = 'block';
+    } else {
+        quote.style.display = 'none';
+    }
+}
+
+/******************************************
+ Fetched from source/composer.js
+******************************************/
+
+let mua_trigger = 'mailto:';
+let mua_list = null;
+let mua_mid = null;
+let mua_headers = {};
+
+function compose_send() {
+    let of = [];
+    for (let k in mua_headers) {
+        of.push(k + "=" + encodeURIComponent(mua_headers[k]));
+    }
+    // Push the subject and email body into the form data
+    of.push("subject=" + encodeURIComponent(document.getElementById('composer_subject').value));
+    of.push("body=" + encodeURIComponent(document.getElementById('composer_body').value));
+    if (ponymail_preferences.login && ponymail_preferences.login.alternates && document.getElementById('composer_alt')) {
+        of.push("alt=" + encodeURIComponent(document.getElementById('composer_alt').options[document.getElementById('composer_alt').selectedIndex].value));
+    }
+    
+    let request = new XMLHttpRequest();
+    request.open("POST", "/api/compose.lua");
+    request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
+    request.send(of.join("&")); // send email as a POST string
+    
+    document.getElementById('composer_modal').style.display = 'none';
+    modal("Message dispatched!", "Your email has been sent. Depending on moderation rules, it may take a while before it shows up in the archives.", "help");
+}
+
+function compose_email(replyto, list) {
+    let email = null;
+    let loggedIn = (ponymail_preferences.login && ponymail_preferences.login.credentials) ? true : false;
+    if (replyto) email = full_emails[replyto||''];
+    let listname = list;
+    mua_headers = {};
+    if (email) {
+        listname = email.list_raw.replace(/[<>]/g, '').replace('.', '@', 1);
+        mua_trigger = mua_link(email);
+        if (email['message-id'] && email['message-id'].length > 0) mua_headers['in-reply-to'] = email['message-id'];
+        if (email['message-id'] && email['message-id'].length > 0) mua_headers.references = email['message-id'];
+        mua_headers.eid = email.mid;
+    } else {
+        mua_trigger = mua_link(null, listname);
+    }
+    mua_list = listname;
+    mua_headers.to = listname;
+    mua_mid = email ? email['message-id'] : null;
+    
+    // Not logged in? MUA it is, then!
+    if (!loggedIn) {
+        if (email) {
+            let a = new HTML('a', {href: mua_trigger}, "Reply via your own email client");
+            let p = new HTML('p', {}, [
+                                   "In order to reply to emails using the web interface, you need to be ",
+                                   new HTML('a', {href: '/oauth.html'}, "logged in first"),
+                                   ". You can however still reply to this email using your own email client: ",
+                                   a
+                                  ]
+                             );
+            composer("Reply to thread:", p);
+            return;
+        }
+    }
+    
+    // Replying to an email and logged in?
+    let eml_subject = "";
+    let eml_body = "";
+    let eml_title = `Start a new thread on ${listname}:`;
+    if (email) {
+        eml_subject = "Re: " + email.subject;
+        eml_body = composer_re(email);
+        eml_title = `Reply to email on ${listname}:`;
+    }
+    let form = [];
+    form.push(new HTML('b', {}, "Sending as:"));
+    let s = new HTML('select', { id: 'composer_alt' });
+    s.inject(new HTML('option', {}, ponymail_preferences.login.credentials.email));
+    if (ponymail_preferences.login && ponymail_preferences.login.alternates) {
+        for (let z = 0; z < ponymail_preferences.login.alternates.length; z++) {
+            s.inject(new HTML('option', {}, ponymail_preferences.login.alternates[z]));
+        }
+    }
+    form.push(new HTML('br'));
+    form.push(s);
+    form.push(new HTML('br'));
+    form.push(new HTML('b', {}, "Subject:"));
+    form.push(new HTML('br'));
+    form.push(new HTML('input', {style: { width: '90%'}, id: 'composer_subject', type: 'text', value: eml_subject}));
+    form.push(new HTML('br'));
+    form.push(new HTML('b', {}, "Reply:"));
+    form.push(new HTML('br'));
+    let body = new HTML('textarea', {style: { width: '90%', minHeight: '400px'}, id: 'composer_body'}, eml_body);
+    form.push(body);
+    
+    let btn = new HTML('button', { onclick: 'compose_send();'}, "Send reply");
+    form.push(btn);
+    form.push("   ");
+    form.push(new HTML('a', {href: mua_trigger, style: { marginLeft: '10px'}}, "Or compose via your own email client"));
+    
+    composer(eml_title, form);
+    if (email) document.getElementById('composer_body').focus();
+
+}
+
+
+
+// Generic modal function
+function composer(title, contents) {
+    let modal = document.getElementById('composer_modal');
+    if (modal == undefined) {
+        modal = new HTML('div', { id: 'composer_modal'}, [
+            new HTML('div', {id: 'composer_modal_content'}, [
+                    new HTML('span', {id: 'composer_modal_close', onclick: 'document.getElementById("composer_modal").style.display = "none";'}, 'X'),
+                    new HTML('h2', {id: 'composer_modal_title'}, title),
+                    new HTML('div', {id: 'composer_modal_contents'}, contents)
+                    ])
+            ]);
+        document.body.appendChild(modal);
+        
+    } else {
+        document.getElementById('composer_modal_title').innerText = title;
+        document.getElementById('composer_modal_contents').innerHTML = '';
+        document.getElementById('composer_modal_contents').inject(contents||'');
+    }
+    modal.style.display = 'block';
+}
+
+// Constructor for email body in replies...
+function composer_re(email) {
+    let lines = email.body.split(/\r?\n/);
+    for (let i = 0; i < lines.length; i++) {
+        lines[i] = '> ' + lines[i];
+    }
+    let re = `\n\nOn ${email.date} ${email.from.replace(/\s*<.+?>/, '')} wrote:\n`;
+    re += lines.join("\n");
+    return re;
+}
+
+// MUA mailto: link generator
+function mua_link(email, xlist) {
+    if (!email && xlist) {
+        return `mailto:${xlist}?subject=Subject+goes+here`;
+    }
+    let eml_raw_short = composer_re(email);
+    let subject = "RE: " + email.subject||'';
+    let truncated = false;
+    let N = 16000; // Anything above 16K can cause namespace issues with links.
+    if (eml_raw_short.length > N) {
+        truncated = true;
+        eml_raw_short = eml_raw_short.substring(0, N) + "\n[message truncated...]";
+    }
+    let listname = email.list_raw.replace(/[<>]/g, '').replace('.', '@', 1);
+    let xlink = 'mailto:' + listname + "?subject=" + encodeURIComponent(subject) + "&amp;In-Reply-To=" + encodeURIComponent(email['message-id']) + "&body=" + encodeURIComponent(eml_raw_short);
+    return xlink;    
+}
+
+/******************************************
+ Fetched from source/construct-thread.js
+******************************************/
+
+let current_open_email = null;
+
+function expand_email_threaded(idx, flat) {
+    let placeholder = document.getElementById('email_%u'.format(idx));
+    if (placeholder) {
+        // Check if email is already visible - if so, hide it!
+        if (placeholder.style.display == 'block') {
+            console.log("Collapsing thread at index %u".format(idx));
+            placeholder.style.display = 'none';
+            current_email_idx = undefined;
+            return false;
+        }
+        current_email_idx = idx;
+        console.log("Expanding thread at index %u".format(idx));
+        placeholder.style.display = 'block';
+
+        // Check if we've already filled out the structure here
+        if (placeholder.getAttribute('data-filled') == 'yes') {
+            console.log("Already constructed this thread, bailing!");
+        } else {
+            // Construct the base scaffolding for all emails
+            let eml = flat ? current_json.emails[idx] : current_json.thread_struct[idx];
+            if (eml) {
+                current_open_email = eml.tid || eml.mid;
+            }
+            let thread = construct_thread(eml);
+            placeholder.inject(thread);
+            placeholder.setAttribute("data-filled", 'yes');
+        }
+    }
+    return false;
+}
+
+function construct_thread(thread, cid, nestlevel, included) {
+    // First call on a thread/email, this is indef.
+    // Use this to plop a scroll call when loaded
+    // to prevent weird cache-scrolling
+    let doScroll = false;
+    if (cid === undefined) {
+        doScroll = true;
+    }
+    included = included||[];
+    cid = (cid || 0) + 1;
+    nestlevel = (nestlevel||0) + 1;
+    let mw = calc_email_width();
+    let max_nesting = ponymail_max_nesting;
+    if (mw < 700) {
+        max_nesting = Math.floor(mw/250);
+    }
+    cid %= 5;
+    let color = ['286090', 'ccab0a', 'c04331', '169e4e', '6d4ca5'][cid];
+    let email = undefined;
+    if (nestlevel < max_nesting) {
+        email = new HTML('div', { class: 'email_wrapper', id: 'email_%s'.format(thread.tid||thread.id)});
+        if (chatty_layout) {
+            email.style.border = "none !important";
+        } else {
+            email.style.borderLeft = '3px solid #%s'.format(color);
+        }
+    } else {
+        email = new HTML('div', { class: 'email_wrapper_nonest', id: 'email_%s'.format(thread.tid||thread.id)});
+    }
+    let wrapper = new HTML('div', { class: 'email_inner_wrapper', id: 'email_contents_%s'.format(thread.tid||thread.id)});
+    email.inject(wrapper);
+    if (isArray(thread.children)) {
+        thread.children.sort((a,b) => a.epoch - b.epoch);
+        for (var i = 0; i < thread.children.length; i++) {
+            let reply = construct_thread(thread.children[i], cid, nestlevel, included);
+            cid++;
+            if (reply) {
+                email.inject(reply);
+            }
+        }
+    }
+    let tid = thread.tid||thread.id;
+    if (!included.includes(tid)) {
+        included.push(tid);
+        console.log("Loading email %s".format(tid));
+        GET("%sapi/email.lua?id=%s".format(apiURL, tid), render_email, {cached: true, scroll: doScroll, id: tid, div: wrapper});
+    }
+    return email;
+}
+
+// Singular thread construction via permalinks
+function construct_single_thread(state, json) {
+    current_json = json;
+    if (json && json.error) {
+        modal("An error occured", "Sorry, we hit a snag while trying to load the email(s): \n\n%s".format(json.error), "error");
+        return;
+    }
+    let div = document.getElementById('emails');
+    div.innerHTML = "";
+    if (chatty_layout) {
+        let listname = json.thread.list_raw.replace(/[<>]/g, '').replace('.', '@', 1);
+        div.setAttribute("class", "email_placeholder_chatty");
+        div.inject(new HTML('h4', {class: 'chatty_title'}, json.emails[0].subject));
+        div.inject(new HTML('a', {href: 'list.html?%s'.format(listname), class: 'chatty_title'}, 'Posted to %s'.format(listname)));
+    } else {
+        div.setAttribute("class", "email_placeholder");
+    }
+    div.style.display = "block";
+    let thread = json.thread;
+    let email = construct_thread(thread);
+    div.inject(email);
+}
+
+
+/******************************************
+ Fetched from source/datepicker.js
+******************************************/
+
+var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+var datepicker_spawner = null
+var calendarpicker_spawner = null
+var units = {
+    w: 'week',
+    d: 'day',
+    M: 'month',
+    y: 'year'
+}
+
+function fixupPicker(obj) {
+    obj.addEventListener("focus", function(event){
+        $('html').on('hide.bs.dropdown', function (e) {
+            return false;
+        });
+    });
+    obj.addEventListener("blur", function(event){
+        $('html').unbind('hide.bs.dropdown')
+    });
+}
+// makeSelect: Creates a <select> object with options
+function makeSelect(options, id, selval) {
+    var sel = document.createElement('select')
+    sel.addEventListener("focus", function(event){
+        $('html').on('hide.bs.dropdown', function (e) {
+            return false;
+        });
+    });
+    sel.addEventListener("blur", function(event){
+        $('html').unbind('hide.bs.dropdown')
+    });
+    sel.setAttribute("name", id)
+    sel.setAttribute("id", id)
+    // For each options element, create it in the DOM
+    for (var key in options) {
+        var opt = document.createElement('option')
+        // Hash or array?
+        if (typeof key == "string") {
+            opt.setAttribute("value", key)
+            // Option is selected by default?
+            if (key == selval) {
+                opt.setAttribute("selected", "selected")
+            }
+        } else {
+            // Option is selected by default?
+            if (options[key] == selval) {
+                opt.setAttribute("selected", "selected")
+            }
+        }
+        opt.text = options[key]
+        sel.appendChild(opt)
+    }
+    return sel
+}
+
+// splitDiv: Makes a split div with 2 elements,
+// and puts div2 into the right column,
+// and 'name' as text in the left one.
+function splitDiv(id, name, div2) {
+    var div = document.createElement('div')
+    var subdiv = document.createElement('div')
+    var radio = document.createElement('input')
+    radio.setAttribute("type", "radio")
+    radio.setAttribute("name", "datepicker_radio")
+    radio.setAttribute("value", name)
+    radio.setAttribute("id", "datepicker_radio_" + id)
+    radio.setAttribute("onclick", "calcTimespan('"+ id + "')")
+    var label = document.createElement('label')
+    label.innerHTML = "&nbsp; " + name + ": "
+    label.setAttribute("for", "datepicker_radio_" + id)
+    
+    
+    subdiv.appendChild(radio)
+    subdiv.appendChild(label)
+    
+    
+    subdiv.style.float = "left"
+    div2.style.float = "left"
+    
+    subdiv.style.width = "120px"
+    subdiv.style.height = "48px"
+    div2.style.height = "48px"
+    div2.style.width = "250px"
+    
+    div.appendChild(subdiv)
+    div.appendChild(div2)
+    return div
+}
+
+// calcTimespan: Calculates the value and representational text
+// for the datepicker choice and puts it in the datepicker's
+// spawning input/select element.
+function calcTimespan(what) {
+    var wat = ""
+    var tval = ""
+    
+    // Less than N units ago?
+    if (what == 'lt') {
+        // Get unit and how many units
+        var N = document.getElementById('datepicker_lti').value
+        var unit = document.getElementById('datepicker_lts').value
+        var unitt = units[unit]
+        if (parseInt(N) != 1) {
+            unitt += "s"
+        }
+        
+        // If this makes sense, construct a humanly readable and a computer version
+        // of the timespan
+        if (N.length > 0) {
+            wat = "Less than " + N + " " + unitt + " ago"
+            tval = "lte=" + N + unit
+        }
+    }
+    
+    // More than N units ago?
+    if (what == 'mt') {
+        // As above, get unit and no of units.
+        var N = document.getElementById('datepicker_mti').value
+        var unit = document.getElementById('datepicker_mts').value
+        var unitt = units[unit]
+        if (parseInt(N) != 1) {
+            unitt += "s"
+        }
+        
+        // construct timespan val + description
+        if (N.length > 0) {
+            wat = "More than " + N + " " + unitt + " ago"
+            tval = "gte=" + N + unit
+        }
+    }
+    
+    // Date range?
+    if (what == 'cd') {
+        // Get From and To values
+        var f = document.getElementById('datepicker_cfrom').value
+        var t = document.getElementById('datepicker_cto').value
+        // construct timespan val + description if both from and to are valid
+        if (f.length > 0 && t.length > 0) {
+            wat = "From " + f + " to " + t
+            tval = "dfr=" + f + "|dto=" + t
+        }
+    }
+    
+    // If we calc'ed a value and spawner exists, update its key/val
+    if (datepicker_spawner && what && wat.length > 0) {
+        document.getElementById('datepicker_radio_' + what).checked = true
+        if (datepicker_spawner.options) {
+            datepicker_spawner.options[0].value = tval
+            datepicker_spawner.options[0].text = wat
+        } else if (datepicker_spawner.value) {
+            datepicker_spawner.value = wat
+            datepicker_spawner.setAttribute("data", tval)
+        }
+        
+    }
+}
+
+// datePicker: spawns a date picker with various
+// timespan options right next to the parent caller.
+function datePicker(parent, seedPeriod) {
+    datepicker_spawner = parent
+    var div = document.getElementById('datepicker_popup')
+    
+    // If the datepicker object doesn't exist, spawn it
+    if (!div) {
+        div = document.createElement('div')
+        var id = parseInt(Math.random() * 10000).toString(16)
+        div.setAttribute("id", "datepicker_popup")
+        div.setAttribute("class", "datepicker")
+    }
+    
+    // Reset the contents of the datepicker object
+    div.innerHTML = ""
+    div.style.display = "block"
+    
+    // Position the datepicker next to whatever called it
+    var bb = parent.getBoundingClientRect()
+    div.style.top = (bb.bottom + 8) + "px"
+    div.style.left = (bb.left + 32) + "px"
+    
+    
+    // -- Less than N $units ago
+    var ltdiv = document.createElement('div')
+    var lti = document.createElement('input')
+    lti.setAttribute("id", "datepicker_lti")
+    lti.style.width = "48px"
+    lti.setAttribute("onkeyup", "calcTimespan('lt')")
+    lti.setAttribute("onblur", "calcTimespan('lt')")
+    ltdiv.appendChild(lti)
+    
+    var lts = makeSelect({
+        'd': "Day(s)",
+        'w': 'Week(s)',
+        'M': "Month(s)",
+        'y': "Year(s)"
+    }, 'datepicker_lts', 'm')
+    lts.setAttribute("onchange", "calcTimespan('lt')")
+    ltdiv.appendChild(lts)
+    ltdiv.appendChild(document.createTextNode(' ago'))
+    
+    div.appendChild(splitDiv('lt', 'Less than', ltdiv))
+    
+    
+    // -- More than N $units ago
+    var mtdiv = document.createElement('div')
+    
+    var mti = document.createElement('input')
+    mti.style.width = "48px"
+    mti.setAttribute("id", "datepicker_mti")
+    mti.setAttribute("onkeyup", "calcTimespan('mt')")
+    mti.setAttribute("onblur", "calcTimespan('mt')")
+    mtdiv.appendChild(mti)
+    
+    
+    var mts = makeSelect({
+        'd': "Day(s)",
+        'w': 'Week(s)',
+        'M': "Month(s)",
+        'y': "Year(s)"
+    }, 'datepicker_mts', 'm')
+    mtdiv.appendChild(mts)
+    mts.setAttribute("onchange", "calcTimespan('mt')")
+    mtdiv.appendChild(document.createTextNode(' ago'))
+    div.appendChild(splitDiv('mt', 'More than', mtdiv))
+    
+    
+    
+    // -- Calendar timespan
+    // This is just two text fields, the calendarPicker sub-plugin populates them
+    var cdiv = document.createElement('div')
+    
+    var cfrom = document.createElement('input')
+    cfrom.style.width = "90px"
+    cfrom.setAttribute("id", "datepicker_cfrom")
+    cfrom.setAttribute("onfocus", "showCalendarPicker(this)")
+    cfrom.setAttribute("onchange", "calcTimespan('cd')")
+    cdiv.appendChild(document.createTextNode('From: '))
+    cdiv.appendChild(cfrom)
+    
+    var cto = document.createElement('input')
+    cto.style.width = "90px"
+    cto.setAttribute("id", "datepicker_cto")
+    cto.setAttribute("onfocus", "showCalendarPicker(this)")
+    cto.setAttribute("onchange", "calcTimespan('cd')")
+    cdiv.appendChild(document.createTextNode('To: '))
+    cdiv.appendChild(cto)
+    
+    div.appendChild(splitDiv('cd', 'Date range', cdiv))
+    
+    
+    
+    // -- Magic button that sends the timespan back to the caller
+    var okay = document.createElement('input')
+    okay.setAttribute("type", "button")
+    okay.setAttribute("value", "Okay")
+    okay.setAttribute("onclick", "setDatepickerDate()")
+    div.appendChild(okay)
+    parent.parentNode.appendChild(div)
+    document.body.setAttribute("onclick", "")
+    window.setTimeout(function() { document.body.setAttribute("onclick", "blurDatePicker(event)") }, 200)
+    lti.focus()
+    
+    // This is for recalcing the set options if spawned from a
+    // select/input box with an existing value derived from an
+    // earlier call to datePicker
+    var ptype = ""
+    var pvalue = parent.hasAttribute("data") ? parent.getAttribute("data") : parent.value
+    if (pvalue.search(/=|-/) != -1) {
+        
+        // Less than N units ago?
+        if (pvalue.match(/lte/)) {
+            var m = pvalue.match(/lte=(\d+)([dMyw])/)
+            ptype = 'lt'
+            if (m) {
+                document.getElementById('datepicker_lti').value = m[1]
+                var sel = document.getElementById('datepicker_lts')
+                for (var i in sel.options) {
+                    if (parseInt(i) >= 0) {
+                        if (sel.options[i].value == m[2]) {
+                            sel.options[i].selected = "selected"
+                        } else {
+                            sel.options[i].selected = null
+                        }
+                    }
+                }
+            }
+            
+        }
+        
+        // More than N units ago?
+        if (pvalue.match(/gte/)) {
+            ptype = 'mt'
+            var m = pvalue.match(/gte=(\d+)([dMyw])/)
+            if (m) {
+                document.getElementById('datepicker_mti').value = m[1]
+                var sel = document.getElementById('datepicker_mts')
+                // Go through the unit values, select the one we use
+                for (var i in sel.options) {
+                    if (parseInt(i) >= 0) {
+                        if (sel.options[i].value == m[2]) {
+                            sel.options[i].selected = "selected"
+                        } else {
+                            sel.options[i].selected = null
+                        }
+                    }
+                }
+            }
+        }
+        
+        // Date range?
+        if (pvalue.match(/dfr/)) {
+            ptype = 'cd'
+            // Make sure we have both a dfr and a dto here, catch them
+            var mf = pvalue.match(/dfr=(\d+-\d+-\d+)/)
+            var mt = pvalue.match(/dto=(\d+-\d+-\d+)/)
+            if (mf && mt) {
+                // easy peasy, just set two text fields!
+                document.getElementById('datepicker_cfrom').value = mf[1]
+                document.getElementById('datepicker_cto').value = mt[1]
+            }
+        }
+        // Month??
+        if (pvalue.match(/(\d{4})-(\d+)/)) {
+            ptype = 'cd'
+            // Make sure we have both a dfr and a dto here, catch them
+            var m = pvalue.match(/(\d{4})-(\d+)/)
+            if (m.length == 3) {
+                // easy peasy, just set two text fields!
+                var dfrom = new Date(parseInt(m[1]),parseInt(m[2])-1,1, 0, 0, 0)
+                var dto = new Date(parseInt(m[1]),parseInt(m[2]),0, 23, 59, 59)
+                document.getElementById('datepicker_cfrom').value = m[0] + "-" + dfrom.getDate()
+                document.getElementById('datepicker_cto').value = m[0] + "-" + dto.getDate()
+            }
+        }
+        calcTimespan(ptype)
+    }
+}
+
+
+function datePickerValue(seedPeriod) {
+    // This is for recalcing the set options if spawned from a
+    // select/input box with an existing value derived from an
+    // earlier call to datePicker
+    var ptype = ""
+    var rv = seedPeriod
+    if (seedPeriod && seedPeriod.search && seedPeriod.search(/=|-/) != -1) {
+        
+        // Less than N units ago?
+        if (seedPeriod.match(/lte/)) {
+            var m = seedPeriod.match(/lte=(\d+)([dMyw])/)
+            ptype = 'lt'
+            var unitt = units[m[2]]
+            if (parseInt(m[1]) != 1) {
+                unitt += "s"
+            }
+            rv = "Less than " + m[1] + " " + unitt + " ago"
+        }
+        
+        // More than N units ago?
+        if (seedPeriod.match(/gte/)) {
+            ptype = 'mt'
+            var m = seedPeriod.match(/gte=(\d+)([dMyw])/)
+            var unitt = units[m[2]]
+            if (parseInt(m[1]) != 1) {
+                unitt += "s"
+            }
+            rv = "More than " + m[1] + " " + unitt + " ago"
+        }
+        
+        // Date range?
+        if (seedPeriod.match(/dfr/)) {
+            ptype = 'cd'
+            var mf = seedPeriod.match(/dfr=(\d+-\d+-\d+)/)
+            var mt = seedPeriod.match(/dto=(\d+-\d+-\d+)/)
+            if (mf && mt) {
+                rv = "From " + mf[1] + " to " + mt[1]
+            }
+        }
+        
+        // Month??
+        if (seedPeriod.match(/^(\d+)-(\d+)$/)) {
+            ptype = 'mr' // just a made up thing...(month range)
+            var mr = seedPeriod.match(/(\d+)-(\d+)/)
+            if (mr) {
+                dfrom = new Date(parseInt(mr[1]),parseInt(mr[2])-1,1, 0, 0, 0)
+                rv = months[dfrom.getMonth()] + ', ' + mr[1]
+            }
+        }
+        
+    }
+    return rv
+}
+
+function datePickerDouble(seedPeriod) {
+    // This basically takes a date-arg and doubles it backwards
+    // so >=3M becomes =>6M etc. Also returns the cutoff for
+    // the original date and the span in days of the original
+    var ptype = ""
+    var rv = seedPeriod
+    var dbl = seedPeriod
+    var tspan = 1
+    var dfrom = new Date()
+    var dto = new Date()
+    
+    // datepicker range?
+    if (seedPeriod && seedPeriod.search && seedPeriod.search(/=/) != -1) {
+        
+        // Less than N units ago?
+        if (seedPeriod.match(/lte/)) {
+            var m = seedPeriod.match(/lte=(\d+)([dMyw])/)
+            ptype = 'lt'
+            rv = "<" + m[1] + m[2] + " ago"
+            dbl = "lte=" + (parseInt(m[1])*2) + m[2]
+            
+            // N months ago
+            if (m[2] == "M") {
+                dfrom.setMonth(dfrom.getMonth()-parseInt(m[1]), dfrom.getDate())
+            }
+            
+            // N days ago
+            if (m[2] == "d") {
+                dfrom.setDate(dfrom.getDate()-parseInt(m[1]))
+            }
+            
+            // N years ago
+            if (m[2] == "y") {
+                dfrom.setYear(dfrom.getFullYear()-parseInt(m[1]))
+            }
+            
+            // N weeks ago
+            if (m[2] == "w") {
+                dfrom.setDate(dfrom.getDate()-(parseInt(m[1])*7))
+            }
+            
+            // Calc total duration in days for this time span
+            tspan = parseInt((dto.getTime() - dfrom.getTime() + 5000) / (1000*86400))
+        }
+        
+        // More than N units ago?
+        if (seedPeriod.match(/gte/)) {
+            ptype = 'mt'
+            var m = seedPeriod.match(/gte=(\d+)([dMyw])/)
+            rv = ">" + m[1] + m[2] + " ago"
+            dbl = "gte=" + (parseInt(m[1])*2) + m[2]
+            tspan = parseInt(parseInt(m[1]) * 30.4)
+            dfrom = null
+            
+            // Months
+            if (m[2] == "M") {
+                dto.setMonth(dto.getMonth()-parseInt(m[1]), dto.getDate())
+            }
+            
+            // Days
+            if (m[2] == "d") {
+                dto.setDate(dto.getDate()-parseInt(m[1]))
+            }
+            
+            // Years
+            if (m[2] == "y") {
+                dto.setYear(dto.getFullYear()-parseInt(m[1]))
+            }
+            
+            // Weeks
+            if (m[2] == "w") {
+                dto.setDate(dto.getDate()-(parseInt(m[1])*7))
+            }
+            
+            // Can't really figure out a timespan for this, so...null!
+            // This also sort of invalidates use on the trend page, but meh..
+            tspan = null
+        }
+        
+        // Date range?
+        if (seedPeriod.match(/dfr/)) {
+            ptype = 'cd'
+            // Find from and to
+            var mf = seedPeriod.match(/dfr=(\d+)-(\d+)-(\d+)/)
+            var mt = seedPeriod.match(/dto=(\d+)-(\d+)-(\d+)/)
+            if (mf && mt) {
+                rv = "from " + mf[1] + " to " + mt[1]
+                // Starts at 00:00:00 on from date
+                dfrom = new Date(parseInt(mf[1]),parseInt(mf[2])-1,parseInt(mf[3]), 0, 0, 0)
+                
+                // Ends at 23:59:59 on to date
+                dto = new Date(parseInt(mt[1]),parseInt(mt[2])-1,parseInt(mt[3]), 23, 59, 59)
+                
+                // Get duration in days, add 5 seconds to we can floor the value and get an integer
+                tspan = parseInt((dto.getTime() - dfrom.getTime() + 5000) / (1000*86400))
+                
+                // double the distance
+                var dpast = new Date(dfrom)
+                dpast.setDate(dpast.getDate() - tspan)
+                dbl = seedPeriod.replace(/dfr=[^|]+/, "dfr=" + (dpast.getFullYear()) + '-' + (dpast.getMonth()+1) + '-' + dpast.getDate())
+            } else {
+                tspan = 0
+            }
+        }
+    }
+    
+    // just N days?
+    else if (parseInt(seedPeriod).toString() == seedPeriod.toString()) {
+        tspan = parseInt(seedPeriod)
+        dfrom.setDate(dfrom.getDate() - tspan)
+        dbl = "lte=" + (tspan*2) + "d"
+    }
+    
+    // Specific month?
+    else if (seedPeriod.match(/^(\d+)-(\d+)$/)) {
+        // just a made up thing...(month range)
+        ptype = 'mr' 
+        var mr = seedPeriod.match(/(\d+)-(\d+)/)
+        if (mr) {
+            rv = seedPeriod
+            // Same as before, start at 00:00:00
+            dfrom = new Date(parseInt(mr[1]),parseInt(mr[2])-1,1, 0, 0, 0)
+            // end at 23:59:59
+            dto = new Date(parseInt(mr[1]),parseInt(mr[2]),0, 23, 59, 59)
+            
+            // B-A, add 5 seconds so we can floor the no. of days into an integer neatly
+            tspan = parseInt((dto.getTime() - dfrom.getTime() + 5000) / (1000*86400))
+            
+            // Double timespan
+            var dpast = new Date(dfrom)
+            dpast.setDate(dpast.getDate() - tspan)
+            dbl = "dfr=" + (dpast.getFullYear()) + '-' + (dpast.getMonth()+1) + '-' + dpast.getDate() + "|dto=" + (dto.getFullYear()) + '-' + (dto.getMonth()+1) + '-' + dto.getDate()
+        } else {
+            tspan = 0
+        }
+    }
+    
+    return [dbl, dfrom, dto, tspan]
+}
+
+// set date in caller and hide datepicker again.
+function setDatepickerDate() {
+    calcTimespan()
+    blurDatePicker()
+}
+
+// findParent: traverse DOM and see if we can find a parent to 'el'
+// called 'name'. This is used for figuring out whether 'el' has
+// lost focus or not.
+function findParent(el, name) {
+    if (el.getAttribute && el.getAttribute("id") == name) {
+        return true
+    }
+    if (el.parentNode && el.parentNode.getAttribute) {
+        if (el.parentNode.getAttribute("id") != name) {
+            return findParent(el.parentNode, name)
+        } else {
+            return true
+        }
+    } else {
+        return false;
+    }
+}
+
+// function for hiding the date picker
+function blurDatePicker(evt) {
+    var es = evt ? (evt.target || evt.srcElement) : null;
+    if ((!es || !es.parentNode || (!findParent(es, "datepicker_popup") && !findParent(es, "calendarpicker_popup"))) && !(es ? es : "null").toString().match(/javascript:void/)) {
+        document.getElementById('datepicker_popup').style.display = "none"
+        $('html').trigger('hide.bs.dropdown')
+    }
+}
+
+// draws the actual calendar inside a calendarPicker object
+function drawCalendarPicker(obj, date) {
+    
+    
+    obj.focus()
+    
+    // Default to NOW for calendar.
+    var now = new Date()
+    
+    // if called with an existing date (YYYY-MM-DD),
+    // convert it to a JS date object and use that for
+    // rendering the calendar
+    if (date) {
+        var ar = date.split(/-/)
+        now = new Date(ar[0],parseInt(ar[1])-1,ar[2])
+    }
+    var days = ['Mon','Tue','Wed','Thu','Fri','Sat','Sun']
+    var mat = now
+    
+    // Go to first day of the month
+    mat.setDate(1)
+    
+    obj.innerHTML = "<h3>" + months[mat.getMonth()] + ", " + mat.getFullYear() + ":</h3>"
+    var tm = mat.getMonth()
+    
+    // -- Nav buttons --
+    
+    // back-a-year button
+    var a = document.createElement('a')
+    fixupPicker(a)
+    a.setAttribute("onclick", "drawCalendarPicker(this.parentNode, '" + (mat.getFullYear()-1) + '-' + (mat.getMonth()+1) + '-' + mat.getDate() + "');")
+    a.setAttribute("href", "javascript:void(0);")
+    a.innerHTML = "≪"
+    obj.appendChild(a)
+    
+    // back-a-month button
+    a = document.createElement('a')
+    fixupPicker(a)
+    a.setAttribute("onclick", "drawCalendarPicker(this.parentNode, '" + mat.getFullYear() + '-' + (mat.getMonth()) + '-' + mat.getDate() + "');")
+    a.setAttribute("href", "javascript:void(0);")
+    a.innerHTML = "&lt;"
+    obj.appendChild(a)
+    
+    // forward-a-month button
+    a = document.createElement('a')
+    fixupPicker(a)
+    a.setAttribute("onclick", "drawCalendarPicker(this.parentNode, '" + mat.getFullYear() + '-' + (mat.getMonth()+2) + '-' + mat.getDate() + "');")
+    a.setAttribute("href", "javascript:void(0);")
+    a.innerHTML = "&gt;"
+    obj.appendChild(a)
+    
+    // forward-a-year button
+    a = document.createElement('a')
+    fixupPicker(a)
+    a.setAttribute("onclick", "drawCalendarPicker(this.parentNode, '" + (mat.getFullYear()+1) + '-' + (mat.getMonth()+1) + '-' + mat.getDate() + "');")
+    a.setAttribute("href", "javascript:void(0);")
+    a.innerHTML = "≫"
+    obj.appendChild(a)
+    obj.appendChild(document.createElement('br'))
+    
+    
+    // Table containing the dates of the selected month
+    var table = document.createElement('table')
+    
+    table.setAttribute("border", "1")
+    table.style.margin = "0 auto"
+    
+    // Add header day names
+    var tr = document.createElement('tr');
+    for (var m = 0; m < 7; m++) {
+        var td = document.createElement('th')
+        td.innerHTML = days[m]
+        tr.appendChild(td)
+    }
+    table.appendChild(tr)
+    
+    // Until we hit the first day in a month, add blank days
+    tr = document.createElement('tr');
+    var weekday = mat.getDay()
+    if (weekday == 0) {
+        weekday = 7
+    }
+    weekday--;
+    for (var i = 0; i < weekday; i++) {
+        var td = document.createElement('td')
+        tr.appendChild(td)
+    }
+    
+    // While still in this month, add day then increment date by 1 day.
+    while (mat.getMonth() == tm) {
+        weekday = mat.getDay()
+        if (weekday == 0) {
+            weekday = 7
+        }
+        weekday--;
+        if (weekday == 0) {
+            table.appendChild(tr)
+            tr = document.createElement('tr');
+        }
+        td = document.createElement('td')
+        // onclick for setting the calendarPicker's parent to this val.
+        td.setAttribute("onclick", "setCalendarDate('" + mat.getFullYear() + '-' + (mat.getMonth()+1) + '-' + mat.getDate() + "');")
+        td.innerHTML = mat.getDate()
+        mat.setDate(mat.getDate()+1)
+        tr.appendChild(td)
+    }
+    
+    table.appendChild(tr)
+    obj.appendChild(table)
+}
+
+// callback for datePicker; sets the cd value to what date was picked
+function setCalendarDate(what) {
+    $('html').on('hide.bs.dropdown', function (e) {
+        return false;
+    });
+    setTimeout(function() { $('html').unbind('hide.bs.dropdown');}, 250);
+    
+    
+    calendarpicker_spawner.value = what
+    var div = document.getElementById('calendarpicker_popup')
+    div.parentNode.focus()
+    div.style.display = "none"
+    calcTimespan('cd')
+}
+
+// caller for when someone clicks on a calendarPicker enabled field
+function showCalendarPicker(parent, seedDate) {
+    calendarpicker_spawner = parent
+    
+    // If supplied with a YYYY-MM-DD date, use this to seed the calendar
+    if (!seedDate) {
+        var m = parent.value.match(/(\d+-\d+(-\d+)?)/)
+        if (m) {
+            seedDate = m[1]
+        }
+    }
+    
+    // Show or create the calendar object
+    var div = document.getElementById('calendarpicker_popup')
+    if (!div) {
+        div = document.createElement('div')
+        div.setAttribute("id", "calendarpicker_popup")
+        div.setAttribute("class", "calendarpicker")
+        document.getElementById('datepicker_popup').appendChild(div)
+        div.innerHTML = "Calendar goes here..."
+    }
+    div.style.display = "block"
+    var bb = parent.getBoundingClientRect()
+    
+    // Align with the calling object, slightly below
+    div.style.top = (bb.bottom + 8) + "px"
+    div.style.left = (bb.right - 32) + "px"
+    
+    drawCalendarPicker(div, seedDate)    
+}
+
+/******************************************
+ Fetched from source/init.js
+******************************************/
+
+var ponymail_version = "1.0.1-Foal"  // Current version of Pony Mail
+var ponymail_name = "Pony Mail" // name of archive (set to "Foo's mail archive" or whatever)
+
+var hits_per_page = 10;
+var apiURL = ''; // external API URL. Usually left blank.
+
+// Stuff regarding what we're doing right now
+var current_json = {};
+var current_state = {};
+var current_list = '';
+var current_domain = '';
+var current_year = 0;
+var current_month = 0;
+var current_quick_search = '';
+var select_primed = false;
+var ponymail_preferences = {};
+var ponymail_search_list = 'this';
+
+var current_listmode = 'threaded';
+var ponymail_max_nesting = 10; // max nesting level before unthreading to save space
+
+// thread state
+var current_email_idx = undefined;
+var chatty_layout = true;
+var ponymail_date_format = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric'};
+var virtual_inbox_loading = false;
+var collated_json = {};
+
+// List auto-picker criteria
+var boring_lists = ['commits', 'cvs', 'site-cvs', 'security', 'notifications']; // we'd rather not default to these, noisy!
+var favorite_list = 'dev'; // if we have this, default to it
+var long_tabs = false; // tab name format (long or short)
+
+console.log("/******* Apache Pony Mail (Foal v/%s) Initializing ********/".format(ponymail_version))
+// Adjust titles:
+document.title = ponymail_name;
+let titles = document.getElementsByClassName("title");
+for (var i in titles) {
+    titles[i].innerText = ponymail_name;
+}
+
+// check local storage for settings
+console.log("Checking localStorage availability");
+var can_store = false;
+if (window.localStorage && window.localStorage.setItem) {
+    try {
+        window.localStorage.setItem("ponymail_test", "foo");
+        can_store = true;
+        console.log("localStorage available!");
+    } catch (e) {
+        console.log("no localStorage available!");
+    }
+}
+
+
+console.log("Initializing escrow checks");
+window.setInterval(escrow_check, 250);
+
+console.log("Initializing key command logger");
+window.addEventListener('keyup', keyCommands);
+
+if (pm_config && pm_config.apiURL) {
+    apiURL = pm_config.apiURL;
+    console.log("Setting API URL to %s".format(apiURL));
+}
+
+window.addEventListener('load',function() {
+        document.body.appendChild(new HTML('footer', {class: 'footer'}, [
+            new HTML('div', { class: 'container'}, [
+                new HTML('p', {class: 'muted'}, "Powered by Apache Pony Mail (Foal v/%s)".format(ponymail_version))
+                ]
+                )
+            ])
+        );
+    }
+    );
+console.log("initializing pop state checker");
+window.onpopstate = function(event) {
+    console.log("Popping state");
+    return parseURL({cached: true});
+};
+
+
+/******************************************
+ Fetched from source/key-commands.js
+******************************************/
+
+// Generic modal function
+function modal(title, msg, type, isHTML) {
+    let modal = document.getElementById('modal');
+    let text = document.getElementById('modal_text');
+    if (modal == undefined) {
+        text = new HTML('p', {id: 'modal_text'}, "");
+        modal = new HTML('div', { id: 'modal'}, [
+            new HTML('div', {id: 'modal_content'}, [
+                    new HTML('span', {id: 'modal_close', onclick: 'document.getElementById("modal").style.display = "none";'}, 'X'),
+                    new HTML('h2', {id: 'modal_title'}, title),
+                    new HTML('div', {}, text)
+                    ])
+            ]);
+        document.body.appendChild(modal);
+        
+    }
+    if (type) {
+        modal.setAttribute("class", "modal_" + type);
+    } else {
+        modal.setAttribute("class", undefined);
+    }
+    modal.style.display = 'block';
+    document.getElementById('modal_title').innerText = title;
+    // If we trust HTML, use it. Otherwise only show as textNode.
+    if (isHTML) {
+        text.innerHTML = msg;
+    } else {
+        msg = msg.replace(/<.*?>/g, ""); // strip HTML tags
+        text.innerText = msg;
+    }
+}
+
+// Helper for determining if an email is open or not...
+function anyOpen() {
+    let open = (current_email_idx !== undefined) ? true: false;
+    console.log("Emails open? " + open);
+    return open;
+}
+
+// Helper function for hiding windows and open tabs
+// Hide previous action on first escape, hide everything on second escape
+function hideWindows(force_all) {
+    
+    // First, check if we want to hide a modal
+    let modal = document.getElementById('modal');
+    if (modal && modal.style.display == 'block') {
+        modal.style.display = 'none';
+        if (force_all !== true) return;
+    }
+    
+    // RThen, check if we want to hide a composer modal
+    let cmodal = document.getElementById('composer_modal');
+    if (cmodal && cmodal.style.display == 'block') {
+        cmodal.style.display = 'none';
+        if (force_all !== true) return;
+    }
+    
+    // Check Advanced Search
+    let as = document.getElementById('advanced_search');
+    if (as && as.style.display == 'block') {
+        as.style.display = 'none';
+        if (force_all !== true) return;
+    }
+    
+    // Check for individually opened email
+    if (current_email_idx !== undefined) {
+        console.log("Hiding placeholder at index %u".format(current_email_idx));
+        let placeholder = document.getElementById('email_%u'.format(current_email_idx));
+        if (placeholder) {
+            placeholder.style.display = 'none';
+        }
+        current_email_idx = undefined; // undef this even if we can't find the email
+        if (force_all !== true) return;
+    }
+    
+    // if viewing a single thread, disregard the collapses below - the won't make sense!
+    if (location.href.match(/thread\.html/)) return;
+    
+    // Finally, check for other opened emails, close 'em all
+    let placeholders = document.getElementsByClassName('email_placeholder');
+    for (var i = 0; i < placeholders.length; i++) {
+        if (placeholders[i].style.display == 'block') {
+            console.log("Hiding placeholder %s".format(placeholders[i].getAttribute('id')));
+            placeholders[i].style.display = 'none';
+            // Reset scroll cache
+            try { window.scrollTo(0,0);} catch (e) {}
+        }
+    }
+    
+    placeholders = document.getElementsByClassName('email_placeholder_chatty');
+    for (var i = 0; i < placeholders.length; i++) {
+        if (placeholders[i].style.display == 'block') {
+            console.log("Hiding placeholder %s".format(placeholders[i].getAttribute('id')));
+            placeholders[i].style.display = 'none';
+            // Reset scroll cache
+            try { window.scrollTo(0,0);} catch (e) {}
+        }
+    }
+    
+}
+
+// Show keyboard commands
+function showHelp() {
+    modal("Keyboard shortcuts:", "<pre><kbd>H</kbd>: Show this help window.\n<kbd>C</kbd>: Compose a new email to this list.\n<kbd>R</kbd>: Reply to the currently active thread.\n<kbd>S</kbd>: Go to the search bar.\n<kbd>Escape</kbd>: Hide modals or collapse threads.\n<kbd>RightArrow</kbd>: Go to next bunch of emails in list view.\n<kbd>LeftArrow</kbd>: Go to previous bunch of emails in list view.</pre>", "help", true);
+}
+
+// Function for capturing and evaluating key strokes
+// If it matches a known shortcut, execute that then..
+function keyCommands(e) {
+    if (!e.ctrlKey) {
+        // Get calling element and its type
+        let target = e.target || e.srcElement;
+        let type = target.tagName;
+        // We won't jump out of an input field!
+        if (['INPUT', 'TEXTAREA', 'SELECT'].has(type)) {
+            return;
+        }
+        switch (e.key) {
+            case 's':
+                document.getElementById('q').focus();
+                return;
+            case 'h':
+                showHelp();
+                return;
+            case 'c':
+                compose_email(null, `${current_list}@${current_domain}`);
+                return;
+            case 'r':
+                console.log(current_open_email);
+                if (current_open_email && full_emails[current_open_email]) {
+                    compose_email(current_open_email);
+                }
+                return;
+            case 'Escape':
+                hideWindows();
+                return;
+            case 'ArrowRight': // quick-next
+                if (current_json) { // IF list view...
+                    let blobs = current_json.emails;
+                    if (current_listmode == 'threaded') blobs = current_json.thread_struct;
+                    let no_emails = blobs.length;
+                    if (current_email_idx == undefined && current_json && (current_index_pos + current_per_page) < no_emails) {
+                        listview_header({pos: current_index_pos + current_per_page}, current_json);
+                    }
+                }
+                return;
+            case 'ArrowLeft': // quick previous
+                if (current_json) { // IF list view...
+                    let blobs = current_json.emails;
+                    if (current_listmode == 'threaded') blobs = current_json.thread_struct;
+                    let no_emails = blobs.length;
+                    if (current_email_idx == undefined && current_json && (current_index_pos - current_per_page) >= 0) {
+                        listview_header({pos: current_index_pos - current_per_page}, current_json);
+                    }
+                }
+                return;
+        }
+        
+    }
+}
+
+// swipe left/right for next/previous page on mobile
+function ponymail_swipe(event) {
+    // Only accept "big" swipes
+    let len = Math.abs(event.swipestart.coords[0] - event.swipestop.coords[ 0 ]);
+    let direction = event.swipestart.coords[0] > event.swipestop.coords[ 0 ] ? 'left' : 'right';
+    console.log("swipe %s of %u pixels detected".format(direction, len));
+    if (len < 20) return false;
+    if (direction == 'right') {
+        if (current_json) { // IF list view...
+            let blobs = current_json.emails;
+            if (current_listmode == 'threaded') blobs = current_json.thread_struct;
+            let no_emails = blobs.length;
+            if (current_email_idx == undefined && current_json && (current_index_pos - current_per_page) >= 0) {
+                listview_header({pos: current_index_pos - current_per_page}, current_json);
+            }
+        }
+    }
+    else if (direction == 'left') {
+        if (current_json) { // IF list view...
+            let blobs = current_json.emails;
+            if (current_listmode == 'threaded') blobs = current_json.thread_struct;
+            let no_emails = blobs.length;
+            if (current_email_idx == undefined && current_json && (current_index_pos + current_per_page) < no_emails) {
+                listview_header({pos: current_index_pos + current_per_page}, current_json);
+            }
+        }
+    }
+    return false;
+}
+
+/******************************************
+ Fetched from source/list-index.js
+******************************************/
+
+let list_json = {}
+
+function list_index(state, json) {
+    if (json) {
+        list_json = json;
+    }
+    let lists = document.getElementById('list_picker_ul');
+    if (state && state.letter) {
+        let tab = undefined;
+        let tabs = lists.childNodes;
+        for (var i = 0; i < tabs.length; i++) {
+            let xtab = tabs[i];
+            if ((xtab.innerText == state.to || xtab.getAttribute('data-list') == state.to)) {
+                tab = xtab;
+                tab.setAttribute("class", 'active');
+            } else {
+                xtab.setAttribute("class", "");
+            }
+            
+        }
+        return;
+    }
+    else {
+        let letters = 'abcdefghijklmnopqrstuvwxyz*';
+        for (var i = 0; i < letters.length; i++) {
+            let letter = letters[i].toUpperCase();
+            let li = new HTML('li', {onclick: 'switch_index({letter: "%s"});'.format(letter), class: (letter == 'A') ? 'active' :null}, letter);
+            lists.inject(li);
+        }
+    }
+}
+
+let preferred_lists = ['dev', 'users'];
+let preferred_no_lists = ['security'];
+
+function best_list(entries) {
+    let x = 0;
+    let pick = 'dev';
+    for (var key in entries) {
+        if (preferred_lists.has(key)) return key;
+        if (preferred_no_lists.has(key) && Object.keys(entries).length > 1) continue;
+        if (entries[key] > x) {
+            x = entries[key];
+            pick = key;
+        }
+    }
+    return pick;
+}
+
+function list_index_onepage(state, json) {
+    let obj = document.getElementById('list_index_child');
+    obj.style.padding = '8px';
+    let domains = Object.keys(json.lists);
+    domains.sort();
+    let letter = '';
+    for (var i = 0; i < domains.length; i++) {
+        let domain = domains[i];
+        let l = domain[0];
+        if (l != letter) {
+            letter = l;
+            let lhtml = new HTML('h2', {}, l.toUpperCase());
+            obj.inject(lhtml);
+        }
+        let a = new HTML('a', {href: 'list.html?%s@%s'.format(best_list(json.lists[domain]), domain)}, domain);
+        obj.inject(['- ', a]);
+        obj.inject(new HTML('br'));
+    }
+}
+
+function prime_list_index() {
+    GET('%sapi/preferences.lua'.format(apiURL), list_index_onepage, {});
+}
+
+
+/******************************************
+ Fetched from source/listview-flat.js
+******************************************/
+
+function calc_per_page() {
+    // Figure out how many emails per page
+    let body = document.body;
+    let html = document.documentElement;
+    let height = Math.max( body.scrollHeight, 
+                       html.clientHeight, html.scrollHeight);
+    let width = Math.max( body.scrollWidth, 
+                       html.clientWidth, html.scrollWidth);
+    let email_h = 40;
+    console.log("window area: %ux%u".format(width, height));
+    if (width < 600) { console.log("Using narrow view, halving emails per page..."); email_h = 80;}
+    height -= 180;
+    let per_page = Math.max(5, Math.floor(height / email_h));
+    per_page -= per_page % 5;
+    return per_page;
+}
+
+function listview_flat(json, start) {
+    let list = document.getElementById('emails');
+    list.innerHTML = "";
+    let per_page = calc_per_page();
+    
+    let s = start || 0;
+    if (json.emails && json.emails.length) {
+        for (n = s; n < (s+per_page); n++ ) {
+            let z = json.emails.length - n - 1; // reverse order by default
+            if (json.emails[z]) {
+                let item = listview_flat_element(json.emails[z], z);
+                list.inject(item);
+                
+                // Hidden placeholder for expanding email(s)
+                let placeholder = new HTML('div', {class: chatty_layout ? 'email_placeholder_chatty' : 'email_placeholder', id: 'email_%u'.format(z)});
+                list.inject(placeholder);
+            }
+        }
+    } else {
+        list.inject(txt("No emails found..."));
+    }
+}
+
+function listview_flat_element(eml, idx) {
+    
+    let link_wrapper = new HTML('a', {href:'thread.html/%s'.format(eml.id), onclick:'return(expand_email_threaded(%u, true));'.format(idx)});
+    
+    let element = new HTML('div', { class: "listview_email_flat"}, " ");
+    let date = new Date(eml.epoch*1000.0);
+    let now = new Date();
+    
+    // Add gravatar
+    let gravatar = new HTML('img', { class:"gravatar", src: "https://secure.gravatar.com/avatar/%s.jpg?s=96&r=g&d=mm".format(eml.gravatar)});
+    element.inject(gravatar);
+    
+    
+    // Add author
+    let authorName = eml.from.replace(/\s*<.+>/, "").replace(/"/g, '');
+    if (authorName.length == 0) authorName = "(No author?)";
+    let author = new HTML('span', { class: "listview_email_author"}, authorName);
+    element.inject(author);
+    
+    
+    // Combined space for subject + body teaser
+    let as = new HTML('div', {class: 'listview_email_as'});
+    
+    let suba = new HTML('a', {}, eml.subject === '' ? '(No subject)' : eml.subject);
+    let subject = new HTML('div', {class: 'listview_email_subject email_unread'}, suba);
+    as.inject(subject);
+    
+    let body = new HTML('div', {class: 'listview_email_body'}, eml.body);
+    as.inject(body);
+    
+    element.inject(as);
+    
+    // Labels
+    let labels = new HTML('div', {class: 'listview_email_labels'});
+    let dl = new HTML('span', { class: 'label label-default'}, date.ISOBare());
+    if (now - date < 86400000) {
+        dl.setAttribute("class", "label label-primary");
+    }
+    labels.inject(dl);
+    
+    element.inject(labels);
+    link_wrapper.inject(element);
+    
+    return link_wrapper;
+}
+
+/******************************************
+ Fetched from source/listview-header.js
+******************************************/
+
+let prev_listview_json = {};
+let prev_listview_state = {};
+let current_index_pos = 0;
+let current_per_page = 0;
+
+function listview_header(state, json) {
+    let list_title = json.list;
+    prev_listview_json = json;
+    prev_listview_state = state;
+    if (current_list == 'virtual' && current_domain == 'inbox') {
+        list_title = "Virtual inbox, past 30 days";
+    }
+    let blobs = json.emails;
+    if (current_listmode == 'threaded') blobs = json.thread_struct;
+    
+    if (current_year && current_month) {
+        list_title += ", %s %u".format(months[current_month-1], current_year);
+    } else {
+      list_title += ", past month";
+    }
+    document.getElementById('listview_title').innerText = list_title + ":";
+    let download = new HTML('button', { title: 'Download as mbox archive', download: 'true'}, new HTML('span', {class: 'glyphicon glyphicon-save'}, " "));
+    document.getElementById('listview_title').inject(download);
+    
+    let chevrons = document.getElementById('listview_chevrons');
+    let per_page = calc_per_page();
+    current_per_page = per_page;
+    current_index_pos = state.pos || 0;
+    let first = 1;
+    if (state && state.pos) {
+        first = 1 + state.pos;
+    }
+    chevrons.innerHTML = "Showing <b>%u through %u</b> of <b>%u</b> topics&nbsp;".format(first, Math.min(first + per_page - 1, blobs.length), blobs.length||0);
+    
+    let pprev = Math.max(0, first - per_page - 1);
+    let cback = new HTML('button', { onclick: 'listview_header({pos: %u}, current_json);'.format(pprev), disabled: (first == 1) ? 'true': null}, new HTML('span', {class: 'glyphicon glyphicon-chevron-left'}, " "));
+    chevrons.inject(cback);
+    
+    let pnext = first + per_page - 1;
+    let cforward = new HTML('button', { onclick: 'listview_header({pos: %u}, current_json);'.format(pnext),  disabled: (first+per_page-1 >= blobs.length) ? 'true': null}, new HTML('span', {class: 'glyphicon glyphicon-chevron-right'}, " "));
+    chevrons.inject(cforward);
+    
+    let crefresh = new HTML('button', { onclick: 'parseURL();', title: 'Refresh results', style: {marginLeft: '8px'}}, new HTML('span', {class: 'glyphicon glyphicon-refresh'}, " "));
+    chevrons.inject(crefresh);
+    
+    if (state && state.pos != undefined) {
+        if (current_listmode == 'threaded') {
+            listview_threaded(json, state.pos);
+        } else {
+            listview_flat(json, state.pos);
+        }
+    }
+    
+    let tm = document.getElementById('threaded_mobile_img');
+    if (tm) {
+      if (current_listmode == 'threaded') tm.setAttribute("src", "images/threading_enabled.png");
+      else tm.setAttribute("src", "images/threading_disabled.png");
+    }
+}
+
+function listview_list_lists(state, json) {
+    let lists = document.getElementById('list_picker_ul');
+    if (state && state.to) {
+        let tab = undefined;
+        let tabs = lists.childNodes;
+        for (var i = 0; i < tabs.length; i++) {
+            let xtab = tabs[i];
+            if ((state.to == 'search' && xtab.getAttribute('id') == 'tab_search') || (xtab.innerText == state.to || xtab.getAttribute('data-list') == state.to)) {
+                tab = xtab;
+                tab.setAttribute("class", state.to == 'search' ? 'search' : 'active');
+            } else if (xtab.getAttribute("class") != 'list_all_narrow' && xtab.getAttribute("class") != 'others') {
+                xtab.setAttribute("class", "");
+            }
+            
+        }
+        return;
+    }
+    if (!json) {
+        json = ponymail_preferences;
+    }
+    if (lists) {
+    	lists.innerHTML = "";
+    
+	    let searching = (state && state.search === true) ? true : false;
+    	if (isHash(json.lists) && json.lists[current_domain]) {
+        	lists_sorted = [];
+        	for (var list in json.lists[current_domain]) {
+            	lists_sorted.push([list, json.lists[current_domain][list]]);
+        	}
+        	lists_sorted.sort((a,b) => b[1] - a[1]);
+        	let alists = [];
+        	for (var i = 0; i < lists_sorted.length; i++) alists.push(lists_sorted[i][0]);
+        	if (current_list != '*' && current_domain != '*') {
+            	alists.remove(current_list);
+            	alists.unshift(current_list);
+        	}
+        	let maxlists = (searching && 3 || 4);
+        	for (var i = 0; i < alists.length; i++) {
+            	if (i >= maxlists) break;
+            	let listname = alists[i];
+            	let listnametxt = listname;
+            	if (long_tabs) { listnametxt = '%s@%s'.format(listname, current_domain);}
+            	let li = new HTML('li', {onclick: 'switch_list(this, "tab");', class: (listname == current_list && !searching) ? 'active' :null}, listnametxt);
+            	li.setAttribute("data-list", '%s@%s'.format(listname, current_domain));
+            	lists.inject(li);
+        	}
+	        
+        	if (alists.length > maxlists) {
+            	let other_lists_sorted = [];
+            	for (var i = maxlists; i < alists.length; i++) {
+                	other_lists_sorted.push(alists[i]);
+            	}
+            	other_lists_sorted.sort();
+            	let li = new HTML('li', {class: 'others'});
+            	let otherlists = new HTML('select', {class: 'listview_others', onchange: 'switch_list(this.value);'});
+            	otherlists.inject(new HTML('option', { disabled: 'disabled', selected: 'selected'}, 'Other lists (%u):'.format(other_lists_sorted.length)));
+            	li.inject(otherlists);
+            	for (var i = 0; i < other_lists_sorted.length; i++) {
+	               let listname = other_lists_sorted[i];
+               	let opt = new HTML('option', {value: "%s@%s".format(listname, current_domain)}, listname);
+               		otherlists.inject(opt);
+            	}
+            	lists.inject(li);
+        	}
+        	// All lists, for narrow UI
+        	let all_lists_narrow = [];
+        	for (var i = 0; i < alists.length; i++) {
+            	all_lists_narrow.push(alists[i]);
+        	}
+        	all_lists_narrow.sort();
+        	let li = new HTML('li', {class: 'list_all_narrow'});
+        	let otherlists = new HTML('select', {class: 'listview_others', onchange: 'switch_list(this.value);'});
+        	otherlists.inject(new HTML('option', { disabled: 'disabled', selected: 'selected'}, "%s@%s".format(current_list, current_domain)));
+        	li.inject(otherlists);
+        	for (var i = 0; i < all_lists_narrow.length; i++) {
+         	  let listname = all_lists_narrow[i];
+           	let opt = new HTML('option', {value: "%s@%s".format(listname, current_domain)}, listname);
+           	otherlists.inject(opt);
+	        }
+        	lists.inject(li);
+        }
+    }
+    if (searching) {
+        let li = new HTML('li', {onclick: 'switch_list(this, "tab");', id: 'tab_search', class: 'search'}, "Search: %s".format(state.query));
+        li.setAttribute("data-url", state.url);
+        li.setAttribute("data-href", location.href);
+        lists.inject(li);
+    }
+    
+    // Populate the project selector
+    if (isHash(json.lists)) {
+        let no_projects = 0;
+        let select = document.getElementById('project_select');
+        if (!select || select_primed) return;
+        let opts = {}
+        let doms = [];
+        for (var domain in json.lists) {
+            let option = new HTML('option', { value: domain }, domain);
+            opts[domain] = option;
+            doms.push(domain);
+            no_projects++;
+        }
+        if (no_projects > 1 || current_domain == '*') {
+            select.innerHTML = "";
+            let title = new HTML('option', { disabled: 'disabled', selected: 'true', value: ''}, "Available projects (%u):".format(no_projects));
+            select.inject(title);
+            doms.sort();
+            for (var i = 0; i < doms.length; i++) {
+                select.inject(opts[doms[i]]);
+            }
+            select.style.display = "inline-block";
+            select_primed = true; // mark it primed so we don't generate it again later
+        }
+    }
+}
+
+
+function switch_project(domain) {
+    // TODO: improve this
+  if (ponymail_preferences && ponymail_preferences.lists[domain]) {
+    // Switch to the most populous, but not commits/cvs
+    let lists_sorted = [];
+    for (var list in ponymail_preferences.lists[domain]) {
+        lists_sorted.push([list, ponymail_preferences.lists[domain][list]]);
+    }
+    lists_sorted.sort((a,b) => b[1] - a[1]);
+    let lists = [];
+    for (var i = 0; i < lists_sorted.length; i++) lists.push(lists_sorted[i][0]);
+    let listname = lists[0];
+    let n = 1;
+    if (lists.length > n) {
+        while (boring_lists.has(listname) && lists.length > n) {
+            listname = lists[n];
+            n++;
+        }
+        if (lists.has(favorite_list)) {
+            listname = favorite_list;
+        }
+    }
+    switch_list('%s@%s'.format(listname, domain));
+  } else {
+    switch_list('dev@%s'.format(domain));
+  }
+}
+
+function switch_list(list, from) {
+    let listid = list;
+    if (typeof list == 'object') {
+        let dataURL = list.getAttribute('data-url');
+        if (dataURL) {
+            GET(dataURL, renderListView, {search: true, cached: true});
+            let newhref = list.getAttribute('data-href');
+            if (location.href !== newhref) {
+              window.history.pushState({}, null, newhref);
+            }
+            listview_list_lists({to: 'search'});
+            return;
+        }
+        listid = list.getAttribute("data-list") || list.innerText;
+    }
+    let bits = listid.split("@");
+    current_list = bits[0];
+    current_domain = bits[1];
+    current_year = 0;
+    current_month = 0;
+    
+    let newhref = "list.html?%s".format(listid);
+    if (location.href !== newhref) {
+      window.history.pushState({}, null, newhref);
+    }
+
+    console.log("Switching list ...");
+    listview_list_lists({to: from ? listid : undefined});
+    post_prime({cached: true, from: from});
+}
+
+window.addEventListener('orientationchange', function() {
+    window.setTimeout(function() {
+        if (anyOpen() == false) {
+            listview_header(prev_listview_state, prev_listview_json); 
+        }
+    }, 100);
+}, false);
+
+
+
+/******************************************
+ Fetched from source/listview-threaded.js
+******************************************/
+
+function calc_email_width() {
+    // Figure out how many emails per page
+    let body = document.body;
+    let html = document.documentElement;
+    let width = Math.max( body.scrollWidth, body.offsetWidth, 
+                       html.clientWidth, html.scrollWidth, html.offsetWidth );
+    return width;
+}
+
+function listview_threaded(json, start) {
+    let list = document.getElementById('emails');
+    list.innerHTML = "";
+    let per_page = calc_per_page();
+    
+    let s = start || 0;
+    if (json.thread_struct && json.thread_struct.length) {
+        for (n = s; n < (s+per_page); n++ ) {
+            let z = json.thread_struct.length - n - 1; // reverse order by default
+            if (json.thread_struct[z]) {
+                let item = listview_threaded_element(json.thread_struct[z], z);
+                list.inject(item);
+                // Hidden placeholder for expanding email(s)
+                let placeholder = new HTML('div', {class: chatty_layout ? 'email_placeholder_chatty' : 'email_placeholder', id: 'email_%u'.format(z)});
+                list.inject(placeholder);
+            }
+        }
+    } else {
+        list.inject(txt("No emails found..."));
+    }
+}
+
+function find_email(id) {
+    let json = current_json;
+    for (var i = 0; i < json.emails.length; i++) {
+        if (json.emails[i].id == id) return json.emails[i];
+    }
+    return null;
+}
+
+function count_replies(thread) {
+    let reps = 0;
+    if (isArray(thread.children)) {
+        for (let i = 0; i < thread.children.length; i++) {
+            if (thread.children[i].tid == thread.tid) reps--;
+            if (true) {
+                reps++;
+                reps += count_replies(thread.children[i]);
+            }
+        }
+    }
+    return reps;
+}
+
+function count_people(thread, hash) {
+    let ppl = hash || {};
+    let eml = find_email(thread.tid);
+    if (eml) ppl[eml.from]  = true;
+    if (isArray(thread.children)) {
+        for (let i = 0; i < thread.children.length; i++) {
+            if (true) {
+                count_people(thread.children[i], ppl);
+            }
+        }
+    }
+    let n = 0;
+    for (var _ in ppl) n++;
+    return n;
+}
+
+
+function last_email(thread) {
+    let newest = thread.epoch;
+    if (isArray(thread.children)) {
+        for (let i = 0; i < thread.children.length; i++) {
+            newest = Math.max(newest, last_email(thread.children[i]));
+        }
+    }
+    return newest;
+}
+
+
+
+function listview_threaded_element(thread, idx) {
+    let eml = find_email(thread.tid);
+    if (!eml) { return; }
+    
+    let link_wrapper = new HTML('a', {href:'thread.html/%s'.format(eml.id), onclick:'return(expand_email_threaded(%u));'.format(idx)});
+    
+    let element = new HTML('div', { class: "listview_email_flat"}, " ");
+    let date = new Date(eml.epoch*1000.0);
+    let now = new Date();
+    
+    // Add gravatar
+    let gravatar = new HTML('img', { class:"gravatar", src: "https://secure.gravatar.com/avatar/%s.jpg?s=96&r=g&d=mm".format(eml.gravatar)});
+    element.inject(gravatar);
+    
+    
+    // Add author
+    let authorName = eml.from.replace(/\s*<.+>/, "").replace(/"/g, '');
+    if (authorName.length == 0) authorName = "(No author?)";
+    let author = new HTML('span', { class: "listview_email_author"}, authorName);
+    element.inject(author);
+    
+    // If needed, inject ML name
+    if (current_domain == 'inbox' || current_list == '*') {
+        author.style.lineHeight = '16px';
+        author.inject(new HTML('br'));
+        author.inject(new HTML('span', { class: "label label-primary", style: "font-style: italic; font-size: 1rem;"}, eml.list_raw.replace(/[<>]/g, '').replace('.','@',1)));
+    }
+    
+    
+    
+    // Combined space for subject + body teaser
+    let as = new HTML('div', {class: 'listview_email_as'});
+    
+    let suba = new HTML('a', {},  eml.subject === '' ? '(No subject)' : eml.subject);
+    if (current_json.name == '*' || current_json.domain == '*') {
+        let kbd = new HTML('kbd', {class: 'listview_kbd'}, eml.list_raw.replace(/[<>]/g, '').replace('.','@',1))
+        suba = [kbd, suba];
+    }
+    let subject = new HTML('div', {class: 'listview_email_subject email_unread'}, suba);
+    as.inject(subject);
+    
+    let body = new HTML('div', {class: 'listview_email_body'}, eml.body);
+    as.inject(body);
+    
+    element.inject(as);
+    
+    // Labels
+    let labels = new HTML('div', {class: 'listview_email_labels'});
+    
+    
+    // Participants
+    let ppl = count_people(thread);
+    let ptitle = (ppl == 1) ? "one participant" : "%u participants".format(ppl);
+    let people = new HTML('span', { class: 'label label-default', title: ptitle}, [
+        new HTML('span', { class: 'glyphicon glyphicon-user'}, ' '),
+        " %u".format(ppl)
+                                                                 ]);
+    labels.inject(people);
+    
+    // Replies
+    let reps = count_replies(thread);
+    let rtitle = (reps == 1) ? "one reply" : "%u replies".format(reps);
+    let repl = new HTML('span', { class: 'label label-default', title: rtitle}, [
+        new HTML('span', { class: 'glyphicon glyphicon-envelope'}, ' '),
+        " %u".format(reps)
+                                                                 ]);
+    labels.inject(repl);
+    
+    // Date
+    date = new Date(last_email(thread) * 1000.0);
+    let dl = new HTML('span', { class: 'label label-default'}, date.ISOBare());
+    if (now - date < 86400000) {
+        dl.setAttribute("class", "label label-primary");
+    }
+    labels.inject(dl);
+    
+    element.inject(labels);
+    link_wrapper.inject(element);
+    
+    return link_wrapper;
+}
+
+
+/******************************************
+ Fetched from source/preferences.js
+******************************************/
+
+// logout: log out a user
+// call the logout URL, then refresh this page - much simple!
+function logout() {
+    GET("/api/preferences.lua?logout=true", () => location.href = document.location);
+}
+
+function init_preferences(state, json) {
+    ponymail_preferences = json || {};
+    // First, load session local settings, if possible
+    if (can_store) {
+        let local_preferences = window.localStorage.getItem('ponymail_preferences');
+        if (local_preferences) {
+            ljson = JSON.parse(local_preferences);
+            if (ljson.chatty_layout !== undefined) {
+                chatty_layout = ljson.chatty_layout;
+            }
+        }
+    }
+    
+    // color some links
+    let cl = document.getElementById('chatty_link');
+    if (cl) {
+      cl.setAttribute("class", chatty_layout ? "enabled" : "disabled");
+    }
+    
+    if (ponymail_preferences.login && ponymail_preferences.login.credentials) {
+      let prefsmenu = document.getElementById('prefs_dropdown');
+      let uimg = document.getElementById('uimg');
+      uimg.setAttribute("src", "images/user.png");
+      uimg.setAttribute("title", "Logged in as %s".format(ponymail_preferences.login.credentials.fullname));
+      
+      // Generate user menu
+      prefsmenu.innerHTML = "";
+      
+      
+      let logout = new HTML('a', { href: "javascript:void(logout());"}, "Log out");
+      let li = new HTML('li', {}, logout)
+      prefsmenu.inject(li);
+      
+    } else {
+      let prefsmenu = document.getElementById('prefs_dropdown');
+      if (prefsmenu) {
+        prefsmenu.innerHTML = "";
+        let login = new HTML('a', { href: "javascript:location.href='oauth.html';"}, "Log In");
+        let li = new HTML('li', {}, login)
+        prefsmenu.inject(li);
+      }
+    }
+    
+    if (json) {
+      listview_list_lists(state, json);
+      if (state && state.prime) {
+        // If lists is accessible, show it
+        if (json.lists[current_domain] && json.lists[current_domain][current_list] != undefined) {
+          post_prime(state);
+        } else {// otherwise, bork
+          if (current_list.length > 0 && Object.keys(json.lists[current_domain]).length > 0) {
+            let eml = document.getElementById('emails');
+            eml.innerText = "We couldn't find this list. It may not exist or require you to be logged in with specific credentials.";
+            eml.inject(new HTML('br'));
+            eml.inject(new HTML('a', {href: 'oauth.html'}, "Click here to log in via OAuth"));
+          } else {
+            console.log(current_domain);
+            let first_list = Object.keys(json.lists[current_domain])[0];
+            location.href = `?${first_list}@${current_domain}`;
+          }
+        }
+      }
+    }
+}
+
+function save_preferences() {
+    if (can_store) {
+        let ljson = {
+            chatty_layout: chatty_layout
+        };
+        let lstring = JSON.stringify(ljson);
+        window.localStorage.setItem('ponymail_preferences', lstring);
+        console.log("Saved local preferences");
+    }
+}
+
+
+function set_theme(theme) {
+    current_listmode = theme;
+    renderListView(current_state, current_json);
+    save_preferences();
+}
+
+function set_skin(skin) {
+  chatty_layout = !chatty_layout;
+  let cl = document.getElementById('chatty_link');
+  if (cl) {
+    cl.setAttribute("class", chatty_layout ? "enabled" : "disabled");
+  }
+  hideWindows(true);
+  renderListView(current_state, current_json);
+  save_preferences();
+}
+
+// set_skin, but for permalinks
+function set_skin_permalink(skin) {
+  chatty_layout = !chatty_layout;
+  let cl = document.getElementById('chatty_link');
+  if (cl) {
+    cl.setAttribute("class", chatty_layout ? "enabled" : "disabled");
+  }
+  hideWindows(true);
+  save_preferences();
+  parse_permalink();
+}
+
+/******************************************
+ Fetched from source/primer.js
+******************************************/
+
+/* List View Rendering main func */
+function renderListView(state, json) {
+    if (json) {
+        current_json = json;
+    }
+    current_state = state;
+    async_escrow['rendering'] = new Date();
+    if (!state || state.update_calendar !== false) {
+        renderCalendar(json.firstYear,json.firstMonth,json.lastYear, json.lastMonth);
+    }
+    // sort threads by date
+    if (isArray(json.thread_struct)) {
+        current_json.thread_struct.sort((a,b) => last_email(a) - last_email(b));
+    }
+    listview_header(state, json);
+    if (current_listmode == 'threaded') { listview_threaded(json, 0); }
+    else { listview_flat(json, 0);}
+    
+    sidebar_stats(json); // This comes last, takes the longest with WC enabled.
+    delete async_escrow['rendering'];
+    
+    if (state && state.to) {
+      listview_list_lists(state);
+    }
+}
+
+/* Primer function for List View
+ * Fetches the following:
+ * - user preferences (api/preferences.lua)
+ * - pony mail list DB (api/pminfo.lua)
+ * - emails from this list (api/stats.lua)
+ * When done, we create the scaffolding and list view
+ */
+function primeListView(state) {
+    console.log("Priming user interface for List View..");
+    state = state || {};
+    state.prime = true;
+    GET('%sapi/preferences.lua'.format(apiURL), init_preferences, state);
+}
+
+// callback from when prefs have loaded
+function post_prime(state) {
+  let sURL = '%sapi/stats.lua?list=%s&domain=%s'.format(apiURL, current_list, current_domain);
+    if (current_year && current_month) {
+        sURL += "&d=%u-%u".format(current_year, current_month);
+    }
+    if (! (state && state.search)) {
+      if (state && state.array) {
+        collated_json = {};
+        virtual_inbox_loading = true;
+        for (var i = 0; i < state.array.length; i++) {
+          let list = state.array[i].split('@');
+          sURL = '%sapi/stats.lua?list=%s&domain=%s'.format(apiURL, list[0], list[1]);
+          GET(sURL, render_virtual_inbox, state);
+        }
+      } else {
+        GET(sURL, renderListView, state);
+      }
+    } else {
+      search(state.query, state.date);
+    }
+}
+
+
+function parseURL(state) {
+  let bits = window.location.search.substr(1).split(":", 3);
+  let list = bits[0];
+  let month = bits[1];
+  let query = bits[2];
+  let list_array = null;
+  state = state || {};
+  current_query = query || "";
+  current_month = 0;
+  current_year = 0;
+  
+  // If "month" (year-month) is specified,
+  // we should set the current vars
+  if (month) {
+    try {
+        let dbits = month.split("-");
+        current_year = dbits[0];
+        current_month = dbits[1];
+    } catch (e) {}
+  }
+  // Is this a valid list?
+  if (list !== '') {
+    // multi-list??
+    if (list.match(/,/)) {
+      state.array = list.split(',');
+      current_domain = 'inbox';
+      current_list = 'virtual';
+    } else {
+      let lbits = list.split("@");
+      if (lbits.length > 1) {
+        current_list = lbits[0];
+        current_domain = lbits[1];
+      } else {
+        current_domain = lbits;
+        current_list = '';
+      }
+    }
+  }
+  // Are we initiating a search?
+  if (query) {
+    state.search = true;
+    state.query = query;
+    state.date = month;
+  }
+  primeListView(state);
+};
+
+
+
+// Parse a permalink and fetch the thread
+function parse_permalink() {
+  // message id is the bit after the last /
+  let mid = location.href.split('/').pop();
+  init_preferences(); // blank call to load defaults like social rendering
+  GET('%sapi/preferences.lua'.format(apiURL), init_preferences, null);
+  // Fetch the thread data and pass to build_single_thread
+  GET('%sapi/thread.lua?id=%s'.format(apiURL, mid), construct_single_thread, {cached: true});
+}
+
+
+// Virtual inbox Ĺ•endering
+function render_virtual_inbox(state, json) {
+    if (json) {
+        collated_json.emails = collated_json.emails || [];
+        collated_json.thread_struct = collated_json.thread_struct || [];
+        for (var i = 0; i < json.emails.length; i++) {
+          collated_json.emails.push(json.emails[i]);
+        }
+        for (var i = 0; i < json.thread_struct.length; i++) {
+          collated_json.thread_struct.push(json.thread_struct[i]);
+        }
+    }
+    
+    for (var k in async_escrow) {
+        return;
+    }
+    
+    if (true) {
+      console.log("Rendering multi-list")
+      current_json = collated_json;
+      current_json.participants = [];
+      
+      async_escrow['rendering'] = new Date();
+      if (!state || state.update_calendar !== false) {
+          renderCalendar(json.firstYear,json.firstMonth,json.lastYear, json.lastMonth);
+      }
+      // sort threads by date
+      if (isArray(json.thread_struct)) {
+          current_json.thread_struct.sort((a,b) => last_email(a) - last_email(b));
+      }
+      listview_header(state, current_json);
+      if (current_listmode == 'threaded') { listview_threaded(current_json, 0); }
+      else { listview_flat(current_json, 0);}
+      
+      sidebar_stats(current_json); // This comes last, takes the longest with WC enabled.
+      delete async_escrow['rendering'];
+    }
+}
+
+/******************************************
+ Fetched from source/render-email.js
+******************************************/
+
+let full_emails = {};
+
+async function render_email(state, json) {
+    let div = state.div;
+    full_emails[json.mid] = json; // Save for composer if replying later...
+    if (state.scroll) {
+        let rect = div.getBoundingClientRect();
+        try {
+            window.setTimeout(function() { window.scrollTo(0, rect.top - 48);}, 200);
+            console.log("Scrolled to %u".format(rect.top - 48));
+        } catch (e) {}
+    }
+    if (chatty_layout) {
+        return render_email_chatty(state, json);
+    }
+    
+    // Author
+    let author_field = new HTML('div', {class: 'email_kv'});
+    let author_key = new HTML('div', {class: 'email_key'}, "From: ");
+    let author_value = new HTML('div', {class: 'email_value'}, json.from);
+    author_field.inject([author_key, author_value]);
+    div.inject(author_field);
+    
+    // Subject
+    let subject_field = new HTML('div', {class: 'email_kv'});
+    let subject_key = new HTML('div', {class: 'email_key'}, "Subject: ");
+    let subject_value = new HTML('div', {class: 'email_value'}, json.subject == '' ? '(No subject)' : json.subject);
+    subject_field.inject([subject_key, subject_value]);
+    div.inject(subject_field);
+    
+    // Date
+    let date_field = new HTML('div', {class: 'email_kv'});
+    let date_key = new HTML('div', {class: 'email_key'}, "Date: ");
+    let date_value = new HTML('div', {class: 'email_value'}, new Date(json.epoch * 1000.0).ISOBare());
+    date_field.inject([date_key, date_value]);
+    div.inject(date_field);
+    
+    
+    // List
+    let listname = json.list_raw.replace(".", "@", 1).replace(/[<>]/g, "");
+    let list_field = new HTML('div', {class: 'email_kv'});
+    let list_key = new HTML('div', {class: 'email_key'}, "List: ");
+    let list_value = new HTML('div', {class: 'email_value'},
+        new HTML('a', {href: 'list.html?%s'.format(listname)}, listname)
+        );
+    list_field.inject([list_key, list_value]);
+    div.inject(list_field);
+    
+    // Private email??
+    if (json.private === true) {
+        let priv_field = new HTML('div', {class: 'email_kv'});
+        let priv_key = new HTML('div', {class: 'email_key'}, "Private: ");
+        let priv_value = new HTML('div', {class: 'email_value_emphasis'}, "YES");
+        priv_field.inject([priv_key, priv_value]);
+        div.inject(priv_field);
+    }
+    
+    // Attachments?
+    if (json.attachments && json.attachments.length > 0) {
+        let attach_field = new HTML('div', {class: 'email_kv'});
+        let attach_key = new HTML('div', {class: 'email_key'}, "Attachment(s): ");
+        let alinks = [];
+        for (let n = 0; n < json.attachments.length; n++) {
+            let attachment = json.attachments[n];
+            let link = `${apiURL}/api/email.lua?attachment=true&id=${json.mid}&file=${attachment.hash}`;
+            let a = new HTML('a', {href: link, target: '_blank'}, attachment.filename);
+            alinks.push(a);
+            let fs = " ${attachment.size} bytes";
+            if (attachment.size >= 1024) fs = ` ${Math.floor(attachment.size/1024)} KB`;
+            if (attachment.size >= 1024*1024) fs = ` ${Math.floor(attachment.size/(1024*10.24))/100} MB`;
+            alinks.push (fs);
+            alinks.push(new HTML('br'));
+        }
+        let attach_value = new HTML('div', {class: 'email_value'}, alinks);
+        attach_field.inject([attach_key, attach_value]);
+        div.inject(attach_field);
+    }
+    
+    let text = new HTML('pre', {}, fixup_quotes(json.body));
+    div.inject(text);
+    
+    
+    let toolbar = new HTML('div', {class: 'toolbar'});
+    
+    // reply to email button
+    let replybutton = new HTML('button', { title: "Reply to this email", onclick: `compose_email('${json.mid}');`, class: 'btn toolbar_btn toolbar_button_reply'}, new HTML('span', { class: 'glyphicon glyphicon-pencil'}, ' '));
+    toolbar.inject(replybutton);
+    
+    // permalink button
+    let linkbutton = new HTML('a', { href: 'thread.html/%s'.format(json.mid), title: "Permanent link to this email", class: 'btn toolbar_btn toolbar_button_link'}, new HTML('span', { class: 'glyphicon glyphicon-link'}, ' '));
+    toolbar.inject(linkbutton);
+    
+    // Source-view button
+    let sourcebutton = new HTML('a', { href: '%sapi/source.lua?id=%s'.format(apiURL, json.mid), title: "View raw source", class: 'btn toolbar_btn toolbar_button_source'}, new HTML('span', { class: 'glyphicon glyphicon-file'}, ' '));
+    toolbar.inject(sourcebutton);
+    
+    text.inject(toolbar);
+}
+
+
+
+async function render_email_chatty(state, json) {
+    let div = state.div;
+    div.parentNode.style.border = 'none';
+    
+    // Author
+    let when = new Date(json.epoch * 1000.0);
+    let ldate = when.toISOString();
+    try {
+        ldate = "%s %s".format(when.toLocaleDateString('en-US', ponymail_date_format), when.toLocaleTimeString());
+    } catch (e) {
+        
+    }
+    
+    let author_field = new HTML('div', {class: 'chatty_author'});
+    let gravatar = new HTML('img', { class:"chatty_gravatar", src: "https://secure.gravatar.com/avatar/%s.jpg?s=96&r=g&d=mm".format(json.gravatar)});
+    let author_name = json.from.replace(/\s*<.+>/, "").replace(/"/g, '');
+    let author_nametag = new HTML('div', {class: 'chatty_author_name'}, [
+                                  new HTML('b', {}, author_name),
+                                  " - %s".format(ldate)
+                                  ]);
+    author_field.inject([gravatar, author_nametag]);
+    div.inject(author_field);
+    let chatty_body = fixup_quotes(json.body);
+    if (json.mid == current_open_email) {
+        let header = new HTML('h4', {class: 'chatty_title_inline'}, json.subject);
+        chatty_body.unshift(header);
+    }
+    let text = new HTML('pre', {class: 'chatty_body'}, chatty_body);
+    div.inject(text);
+    
+    // Attachments?
+    if (json.attachments && json.attachments.length > 0) {
+        let attach_field = new HTML('div', {class: 'email_kv'});
+        let attach_key = new HTML('div', {class: 'email_key'}, "Attachment(s): ");
+        let alinks = [];
+        for (let n = 0; n < json.attachments.length; n++) {
+            let attachment = json.attachments[n];
+            let link = `${apiURL}/api/email.lua?attachment=true&id=${json.mid}&file=${attachment.hash}`;
+            let a = new HTML('a', {href: link, target: '_blank'}, attachment.filename);
+            alinks.push(a);
+            let fs = " ${attachment.size} bytes";
+            if (attachment.size >= 1024) fs = ` ${Math.floor(attachment.size/1024)} KB`;
+            if (attachment.size >= 1024*1024) fs = ` ${Math.floor(attachment.size/(1024*10.24))/100} MB`;
+            alinks.push (fs);
+            alinks.push(new HTML('br'));
+        }
+        let attach_value = new HTML('div', {class: 'email_value'}, alinks);
+        attach_field.inject([attach_key, attach_value]);
+        text.inject(attach_field);
+    }
+    
+    let toolbar = new HTML('div', {class: 'toolbar_chatty'});
+    
+    // reply to email button
+    let replybutton = new HTML('button', { title: "Reply to this email", onclick: `compose_email('${json.mid}');`, class: 'btn toolbar_btn toolbar_button_reply'}, new HTML('span', { class: 'glyphicon glyphicon-pencil'}, ' '));
+    toolbar.inject(replybutton);
+    
+    // permalink button
+    let linkbutton = new HTML('a', { href: 'thread.html/%s'.format(json.mid), title: "Permanent link to this email", class: 'btn toolbar_btn toolbar_button_link'}, new HTML('span', { class: 'glyphicon glyphicon-link'}, ' '));
+    toolbar.inject(linkbutton);
+    
+    // Source-view button
+    let sourcebutton = new HTML('a', { href: '%sapi/source.lua?id=%s'.format(apiURL, json.mid), title: "View raw source", class: 'btn toolbar_btn toolbar_button_source'}, new HTML('span', { class: 'glyphicon glyphicon-file'}, ' '));
+    toolbar.inject(sourcebutton);
+    
+    text.inject(toolbar);
+}
+
+
+
+/******************************************
+ Fetched from source/scaffolding-html.js
+******************************************/
+
+/**
+ * HTML: DOM creator class
+ * args:
+ * - type: HTML element type (div, table, p etc) to produce
+ * - params: hash of element params to add (class, style etc)
+ * - children: optional child or children objects to insert into the new element
+ * Example:
+ * div = new HTML('div', {
+ *    class: "footer",
+ *    style: {
+ *        fontWeight: "bold"
+ *    }
+#}, "Some text inside a div")
+ */
+
+var txt = (msg) => document.createTextNode(msg);
+
+var HTML = (function() {
+  function HTML(type, params, children) {
+
+    /* create the raw element, or clone if passed an existing element */
+    var child, j, len, val;
+    if (typeof type === 'object') {
+      this.element = type.cloneNode();
+    } else {
+      this.element = document.createElement(type);
+    }
+
+    /* If params have been passed, set them */
+    if (isHash(params)) {
+      for (var key in params) {
+        val = params[key];
+
+        /* Standard string value? */
+        if (typeof val === "string" || typeof val === 'number') {
+          this.element.setAttribute(key, val);
+        } else if (isArray(val)) {
+
+          /* Are we passing a list of data to set? concatenate then */
+          this.element.setAttribute(key, val.join(" "));
+        } else if (isHash(val)) {
+
+          /* Are we trying to set multiple sub elements, like a style? */
+          for (var subkey in val) {
+            let subval = val[subkey];
+            if (!this.element[key]) {
+              throw "No such attribute, " + key + "!";
+            }
+            this.element[key][subkey] = subval;
+          }
+        }
+      }
+    }
+
+    /* If any children have been passed, add them to the element */
+    if (children) {
+
+      /* If string, convert to textNode using txt() */
+      if (typeof children === "string") {
+        this.element.inject(txt(children));
+      } else {
+
+        /* If children is an array of elems, iterate and add */
+        if (isArray(children)) {
+          for (j = 0, len = children.length; j < len; j++) {
+            child = children[j];
+
+            /* String? Convert via txt() then */
+            if (typeof child === "string") {
+              this.element.inject(txt(child));
+            } else {
+
+              /* Plain element, add normally */
+              this.element.inject(child);
+            }
+          }
+        } else {
+
+          /* Just a single element, add it */
+          this.element.inject(children);
+        }
+      }
+    }
+    return this.element;
+  }
+
+  return HTML;
+
+})();
+
+/**
+ * prototype injector for HTML elements:
+ * Example: mydiv.inject(otherdiv)
+ */
+
+HTMLElement.prototype.inject = function(child) {
+  var item, j, len;
+  if (isArray(child)) {
+    for (j = 0, len = child.length; j < len; j++) {
+      item = child[j];
+      if (typeof item === 'string') {
+        item = txt(item);
+      }
+      this.appendChild(item);
+    }
+  } else {
+    if (typeof child === 'string') {
+      child = txt(child);
+    }
+    this.appendChild(child);
+  }
+  return child;
+};
+
+
+
+/**
+ * prototype for emptying an html element
+ */
+
+HTMLElement.prototype.empty = function() {
+  var ndiv;
+  ndiv = this.cloneNode();
+  this.parentNode.replaceChild(ndiv, this);
+  return ndiv;
+};
+
+function toggleView(id) {
+  let obj = document.getElementById(id);
+  if (obj) {
+    obj.style.display = (obj.style.display == 'block') ? 'none' : 'block';
+  }
+}
+
+
+/******************************************
+ Fetched from source/search.js
+******************************************/
+
+function search(query, date) {
+    let list = current_list;
+    let global = false;
+    let domain = current_domain;
+    if (ponymail_search_list == 'global') {
+        list = '*';
+        domain = '*';
+        global = true;
+    }
+    if (ponymail_search_list == 'domain') {
+        list = '*';
+        global = true;
+    }
+    let sURL = '%sapi/stats.lua?d=%s&list=%s&domain=%s&q=%s'.format(apiURL, date, list, domain, query);
+    GET(sURL, renderListView, {search: true, global: global});
+    let listid = '%s@%s'.format(list, domain);
+    let newhref = "list.html?%s:%s:%s".format(listid, date, query);
+    if (location.href !== newhref) {
+      window.history.pushState({}, null, newhref);
+    }
+
+    listview_list_lists({url: sURL, search: true, query: query});
+    hideWindows(true);
+    document.getElementById('q').value = query;
+    return false;
+}
+
+// set the list(s) to search, update links
+function search_set_list(what) {
+    ponymail_search_list = what;
+    let links = document.getElementsByClassName('searchlistoption');
+    let whatxt = "this list"
+    for (var i = 0; i < links.length; i++) {
+        let el = links[i];
+        if (el.getAttribute("id").match(what)) {
+            el.setAttribute("class", "searchlistoption checked");
+            whatxt = el.innerText.toLowerCase();
+        } else {
+            el.setAttribute("class", "searchlistoption");
+        }
+    }
+    document.getElementById('q').setAttribute("placeholder", "Search %s...".format(whatxt));
+}
+
+
+/******************************************
+ Fetched from source/sidebar-calendar.js
+******************************************/
+
+var months_shortened = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+var default_start_year = 1990;
+var default_end_year = 2100;
+var calendar_index = 0;
+var calendar_years_shown = 4;
+
+function renderCalendar(FY, FM, LY, LM) {
+    calendar_index = 0;
+    
+    // Only render if calendar div is present
+    let cal = document.getElementById('sidebar_calendar');
+    if (!cal) {return;}
+    
+    let now = new Date();
+    let CY = now.getFullYear();
+    let CM = now.getMonth();
+    let SY = Math.min(LY, CY); // last year in calendar, considering current date
+
+    let cdiv = new HTML('div', { class: 'sidebar_calendar' })
+    let N = 0;
+    
+    // Chevron for moving to later years
+    let chevron = new HTML('div', { class: 'sidebar_calendar_chevron'});
+        chevron.inject(new HTML('span', { onclick: 'calendar_scroll(this, -4);', style: {display: 'none'}, id: 'sidebar_calendar_up' , class: 'glyphicon glyphicon-collapse-up', title: "Show later years"}, " "));
+        cdiv.inject(chevron);
+    
+    // Create divs for each year, assign all visible
+    for (var Y = SY; Y >= FY; Y--) {
+        let ydiv = new HTML('div', { class: 'sidebar_calendar_year', id: 'sidebar_calendar_'+N++ });
+        ydiv.inject(txt(Y));
+        ydiv.inject(new HTML('br'));
+        for (var i = 0; i < months_shortened.length; i++) {
+            let mon = months_shortened[i];
+            let mdiv = new HTML('div', { onclick: 'calendar_click(%u, %u);'.format(Y, i+1), class: 'sidebar_calendar_month'}, mon);
+            
+            // Mark out-of-bounds segments
+            if ( (Y == SY && i >= LM) || (Y == CY && i > CM) ) {
+                mdiv.setAttribute("class", "sidebar_calendar_month_nothing");
+            }
+            if (Y == FY && ((i+1) < FM)) {
+                mdiv.setAttribute("class", "sidebar_calendar_month_nothing");
+            }
+            ydiv.inject(mdiv);
+        }
+        cdiv.inject(ydiv);
+    }
+    
+    cal.innerHTML = "<p style='text-align: center;'>Archives (%u - %u):</p>".format(FY, SY);
+    cal.inject(cdiv);
+    
+        
+    chevron = new HTML('div', { class: 'sidebar_calendar_chevron'});
+    chevron.inject(new HTML('span', { onclick: 'calendar_scroll(this, 4);', style: {display: 'none'}, id: 'sidebar_calendar_down', class: 'glyphicon glyphicon-collapse-down', title: "Show earlier years"}, " "));
+    cdiv.inject(chevron);
+    
+    // If we have > 4 years, hide the rest
+    if (N > calendar_years_shown) {
+        for (var i = calendar_years_shown; i < N; i++) {
+            let obj = document.getElementById('sidebar_calendar_'+i);
+            if (obj) {
+                obj.style.display = "none";
+            }
+        }
+        document.getElementById('sidebar_calendar_down').style.display = 'block';
+    }
+}
+
+function calendar_scroll(me, x) {
+    let years = document.getElementsByClassName('sidebar_calendar_year');
+    calendar_index = Math.max(Math.min(years.length-x, calendar_index + x), 0);
+    if (calendar_index > 0) {
+        document.getElementById('sidebar_calendar_up').style.display = 'block';
+    } else {
+        document.getElementById('sidebar_calendar_up').style.display = 'none';
+    }
+    if (calendar_index < (years.length-x)) {
+        document.getElementById('sidebar_calendar_down').style.display = 'block';
+    } else {
+        document.getElementById('sidebar_calendar_down').style.display = 'none';
+    }
+    
+    
+    for (var i = 0; i < years.length; i++) {
+        let year = years[i];
+        if (typeof(year) == 'object') {
+            if (i >= calendar_index && i < (calendar_index+Math.abs(x))) {
+                year.style.display = "block";
+            } else {
+                year.style.display = "none";
+            }
+        }    
+    }
+    
+}
+
+function calendar_click(year, month) {
+    current_year = year;
+    current_month = month;
+    searching = false;
+    let newhref = "list.html?%s@%s:%u-%u".format(current_list, current_domain, year, month);
+    if (location.href !== newhref) {
+      window.history.pushState({}, null, newhref);
+    }
+    GET('%sapi/stats.lua?list=%s&domain=%s&d=%u-%u'.format(apiURL, current_list, current_domain, year, month), renderListView, {to: '%s@%s'.format(current_list, current_domain), update_calendar: false});
+}
+
+/******************************************
+ Fetched from source/sidebar-stats.js
+******************************************/
+
+async function sidebar_stats(json) {
+    let obj = document.getElementById('sidebar_stats');
+    if (!obj) { return; }
+    
+    obj.innerHTML = ""; // clear stats bar
+    
+    if (!json.emails || isHash(json.emails) || json.emails.length == 0) {
+        obj.innerText = "No emails found...";
+        return;
+    }
+    
+    // Top 10 participants
+    obj.inject("Found %u emails by %u authors, divided into %u topics.".format(json.emails.length, json.numparts, json.no_threads));
+    obj.inject(new HTML('h5', {}, "Most active authors:"));
+    for (var i=0; i < json.participants.length; i++) {
+        if (i >= 5) {
+            break;
+        }
+        let par = json.participants[i];
+        if (par.name.length > 24) {
+            par.name = par.name.substr(0, 23) + "...";
+        }
+        if (par.name.length == 0) {
+            par.name = par.email;
+        }
+        pdiv = new HTML('div', {class:"sidebar_stats_participant"});
+        pimg = new HTML('img', { class:"gravatar_sm", src: "https://secure.gravatar.com/avatar/%s.jpg?s=64&r=g&d=mm".format(par.gravatar)})
+        pdiv.inject(pimg);
+        pdiv.inject(new HTML('b', {}, par.name+": "));
+        pdiv.inject(new HTML('br'));
+        pdiv.inject("%u emails sent".format(par.count));
+        obj.inject(pdiv);
+    }
+    
+    // Word cloud, if applicable
+    let wc = document.getElementById('sidebar_wordcloud');
+    if (wc && json.cloud) {
+        wc.innerHTML = "";
+        wc.inject(new HTML('h5', {}, "Popular topics:"));
+        // word cloud is delayed by 50ms to let the rest render first
+        // this is a chrome-specific slowdown we're addressing.
+        window.setTimeout(function() {wordCloud(json.cloud, 220, 100, wc);}, 50);
+    }
+}
diff --git a/webui/js/source/base-http-extensions.js b/webui/js/source/base-http-extensions.js
new file mode 100644
index 0000000..8f02323
--- /dev/null
+++ b/webui/js/source/base-http-extensions.js
@@ -0,0 +1,118 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ */
+
+
+// URL calls currently 'in escrow'. This controls the spinny wheel animation
+var async_escrow = {}
+var async_maxwait = 250; // ms to wait before displaying spinner
+var async_status = 'clear';
+var async_cache = {}
+
+// Escrow spinner check
+async function escrow_check() {
+    let now = new Date();
+    let show_spinner = false;
+    for (var k in async_escrow) {
+        if ( (now - async_escrow[k]) > async_maxwait ) {
+            show_spinner = true;
+            break;
+        }
+    }
+    // Fetch or create the spinner
+    let spinner = document.getElementById('spinner');
+    if (!spinner) {
+        spinner = new HTML('div', { id: 'spinner', class: 'spinner'});
+        spinwheel = new HTML('div', {id: 'spinwheel', class: 'spinwheel'});
+        spinner.inject(spinwheel);
+        spinner.inject(new HTML('h2', {}, "Loading, please wait.."));
+        document.body.appendChild(spinner);
+    }
+    // Show or don't show spinner?
+    if (show_spinner) {
+        spinner.style.display = 'block';
+        if (async_status === 'clear') {
+            console.log("Waiting for JSON resource, deploying spinner");
+            async_status = 'waiting';
+        }
+    } else {
+        spinner.style.display = 'none';
+        if (async_status === 'waiting') {
+            console.log("All URLs out of escrow, dropping spinner");
+            async_status = 'clear';
+        }
+    }
+}
+
+async function async_snap(error) {
+    msg = await error.text();
+    msg = msg.replace(/<.*?>/g, ""); // strip HTML tags
+    modal("An error occured", "An error code %u occured while trying to fetch %s:\n%s".format(error.status, error.url, msg), "error");
+}
+
+
+// Asynchronous GET call
+async function GET(url, callback, state) {
+    console.log("Fetching JSON resource at %s".format(url))
+    let pkey = "GET-%s-%s".format(callback, url);
+    let res = undefined;
+    let res_json = undefined;
+    state = state || {};
+    state.url = url;
+    if (state && state.cached === true && async_cache[url]) {
+        console.log("Fetching %s from cache".format(url));
+        res_json = async_cache[url];
+    }
+    else {
+        try {
+            console.log("putting %s in escrow...".format(url));
+            async_escrow[pkey] = new Date(); // Log start of request in escrow dict
+            const rv = await fetch(url, {credentials: 'same-origin'}); // Wait for resource...
+            
+            // Since this is an async request, the request may have been canceled
+            // by the time we get a response. Only do callback if not.
+            if (async_escrow[pkey] !== undefined) {
+                delete async_escrow[pkey]; // move out of escrow when fetched
+                res = rv;
+            }
+        }
+        catch (e) {
+            delete async_escrow[pkey]; // move out of escrow if failed
+            console.log("The URL %s could not be fetched: %s".format(url, e));
+            modal("An error occured", "An error occured while trying to fetch %s:\n%s".format(url, e), "error");
+        }
+    }
+    if (res !== undefined || res_json !== undefined) {
+        // We expect a 2xx return code (usually 200 or 201), snap otherwise
+        if ((res_json) || (res.status >= 200 && res.status < 300)) {
+            console.log("Successfully fetched %s".format(url))
+            if (res_json) {
+                js = res_json;
+            } else {
+                js = await res.json();
+                async_cache[url] = js;
+            }
+            if (callback) {
+                callback(state, js);
+            } else {
+                console.log("No callback function was registered for %s, ignoring result.".format(url));
+            }
+        } else {
+            console.log("URL %s returned HTTP code %u, snapping!".format(url, res.status));
+            async_snap(res);
+        }
+    }
+}
diff --git a/webui/js/source/base-js-extensions.js b/webui/js/source/base-js-extensions.js
new file mode 100644
index 0000000..e8292e7
--- /dev/null
+++ b/webui/js/source/base-js-extensions.js
@@ -0,0 +1,139 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ */
+
+/**
+ * String formatting prototype
+ * A'la printf
+ */
+
+String.prototype.format = function() {
+  let args = arguments;
+  let n = 0;
+  let t = this;
+  let rtn = this.replace(/(?!%)?%([-+]*)([0-9.]*)([a-zA-Z])/g, function(m, pm, len, fmt) {
+      len = parseInt(len || '1');
+      // We need the correct number of args, balk otherwise, using ourselves to format the error!
+      if (args.length <= n) {
+        let err = "Error interpolating string '%s': Expected at least %u argments, only got %u!".format(t, n+1, args.length);
+        console.log(err);
+        throw err;
+      }
+      let varg = args[n];
+      n++;
+      switch (fmt) {
+        case 's':
+          if (typeof(varg) == 'function') {
+            varg = '(function)';
+          }
+          return varg;
+        // For now, let u, d and i do the same thing
+        case 'd':
+        case 'i':
+        case 'u':
+          varg = parseInt(varg).pad(len); // truncate to Integer, pad if needed
+          return varg;
+      }
+    });
+  return rtn;
+}
+
+
+/**
+ * Number prettification prototype:
+ * Converts 1234567 into 1,234,567 etc
+ */
+
+Number.prototype.pretty = function(fix) {
+  if (fix) {
+    return String(this.toFixed(fix)).replace(/(\d)(?=(\d{3})+\.)/g, '$1,');
+  }
+  return String(this.toFixed(0)).replace(/(\d)(?=(\d{3})+$)/g, '$1,');
+};
+
+
+/**
+ * Number padding
+ * usage: 123.pad(6) -> 000123
+ */
+
+Number.prototype.pad = function(n) {
+  var str;
+  str = String(this);
+
+  /* Do we need to pad? if so, do it using String.repeat */
+  if (str.length < n) {
+    str = "0".repeat(n - str.length) + str;
+  }
+  return str;
+};
+
+
+/* Func for converting a date to YYYY-MM-DD HH:MM */
+
+Date.prototype.ISOBare = function() {
+  var M, d, h, m, y;
+  y = this.getFullYear();
+  m = (this.getMonth() + 1).pad(2);
+  d = this.getDate().pad(2);
+  h = this.getHours().pad(2);
+  M = this.getMinutes().pad(2);
+  return y + "-" + m + "-" + d + " " + h + ":" + M;
+};
+
+
+/* isArray: function to detect if an object is an array */
+
+isArray = function(value) {
+  return value && typeof value === 'object' && value instanceof Array && typeof value.length === 'number' && typeof value.splice === 'function' && !(value.propertyIsEnumerable('length'));
+};
+
+
+/* isHash: function to detect if an object is a hash */
+
+isHash = function(value) {
+  return value && typeof value === 'object' && !isArray(value);
+};
+
+
+/* Remove an array element by value */
+
+Array.prototype.remove = function(val) {
+  var i, item, j, len;
+  for (i = j = 0, len = this.length; j < len; i = ++j) {
+    item = this[i];
+    if (item === val) {
+      this.splice(i, 1);
+      return this;
+    }
+  }
+  return this;
+};
+
+
+/* Check if array has value */
+Array.prototype.has = function(val) {
+  var i, item, j, len;
+  for (i = j = 0, len = this.length; j < len; i = ++j) {
+    item = this[i];
+    if (item === val) {
+      return true;
+    }
+  }
+  return false;
+};
+
+
diff --git a/webui/js/source/body-fixups.js b/webui/js/source/body-fixups.js
new file mode 100644
index 0000000..75990e2
--- /dev/null
+++ b/webui/js/source/body-fixups.js
@@ -0,0 +1,304 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ */
+
+ponymail_url_regex = new RegExp("(" + "(?:(?:[a-z]+)://)" + "(?:\\S+(?::\\S*)?@)?" + "(?:" + "([01][0-9][0-9]|2[0-4][0-9]|25[0-5])" + "|" + "(?:(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)" + "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*" + "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))" + "\\.?" + ")" + "(?::\\d{2,5})?" + "(?:[/?#]([^,<>()\\[\\] \\t\\r\\n]|(<[^:\\s]*?>|\\([^:\\s]*?\\)|\\[[^:\\s]*?\\]))*)?" + ")\\.?", "mi");
+
+// Regex for things to potentially put inside quote objects:
+// - quotes
+// - forwarded emails
+// - inline quoting
+// - top posting with original email following
+ponymail_quote_regex = new RegExp("(" +
+  // Typical encapsulation of context by ticketing systems and/or bug trackers
+  "(---\\r?\\n([^\\r\\n]*?\\r?\\n)*?---$)|" +
+  "(" +
+    "(?:\\r?\\n|^)" +  // start of line or after a colon
+    // Classic method; a signal line and the quote with '>' starting each line quoted
+    "(" +
+      "(" + // Initial line signalling a quote
+        "((\\d+-\\d+-\\d+)\\s+.+<\\S+@\\S+>:[ \t\r\n]+)|" +  // "01-02-1982 Foo Bar <fo...@bar.baz>:" OR
+        "(on\\s+(.+|.+\\n.+)\\s+wrote:[\r?\n]+)|" +          // "On $somedate, $someone wrote:", OR...
+        "(le\\s+(.+|.+\\n.+)\\s+Ă©crit:[\r?\n]+)|" +          // French version of the above, OR...
+        "(.?am .+? schrieb\\s+.+:[\r?\n]+)|" +               // German version of the above, OR...
+        "(envoy[Ă©e] de mon .+|sent from my .+|von meinem .+ gesendet)[ \t\r\n]+" + // "sent from my iphone/ipad/android phone/whatever", usually means the next part is a quote.
+      ")" + // End initial signal line
+      "(^$)*" + // Accept blank newlines following it...
+      "(((^(?!>)[\\s\\S]+$)*)|(^\\s*>[\\s\\S]+$)*)" +  // Either text that follows immediately after with no '>' first, OR text with '>' first, but NOT both...
+    ")|" +
+      "(" +
+        // Lines after the signal line; comes in one shape, generally speaking...
+        "(^\\s*>+[ \\t]*[^\r\n]*\r*\n+)+" + // Lines beginning with one or more '>' after the initial signal line
+      ")" +      
+    ")+|" + //OR...
+    "(" +
+      "^(-{5,10}).+?\\1[\r\n]+" + // ----- Forwarded Message -----
+      "(^\\w+:\\s+.+[\r\n]+){3,10}[\r\n]+" + // Between three and ten header fields (we ask for at least 3, so as to not quote PGP blocks)
+      "[\\S\\s]+" + // Whatever comes next...
+    ")+" +
+    ")", "mi");
+
+// Somewhat simplified method for catching email footers/trailers that we don't need
+ponymail_trailer_regex = new RegExp("^--[\r\n]+.*", "mi");//(--\r?\n([^\r\n]*?\r?\n){1,6}$)|[\r\n.]+^((--+ \r?\n|--+\r?\n|__+\r?\n|--+\\s*[^\r\n]+\\s*--+\r?\n)(.*\r?\n)+)+$", "m");
+
+// This is a regex for capturing code diff blocks in an email
+ponymail_diff_regex = new RegExp(
+  "(" +
+  "^-{3} .+?[\r\n]+" + // Starts with a "--- /foo/bar/baz"
+  "^\\+{3} .+?[\r\n]+" + // Then a "+++ /foo/bar/baz"
+  "(" + // Then one or more of...
+    "^@@ .+[\r\n]+" + // positioning
+    "(^ .*[\r\n]*$){0,3}" + // diff header
+    "(^[-+ ].*[\r\n]*)+" + // actual diff
+    "(^ .*[\r\n]*$){0,3}" + // diff trailer
+  ")+" +
+  ")", "mi");
+
+// Function for turning URLs into <a> tags
+function fixup_urls(splicer) {
+    
+    if (typeof splicer == 'object') {
+      return splicer;
+        //splicer = splicer.innerText;
+    }
+    /* Array holding text and links */
+    var i, m, t, textbits, url, urls;
+    textbits = [];
+
+    /* Find the first link, if any */
+    i = splicer.search(ponymail_url_regex);
+    urls = 0;
+
+    /* While we have more links, ... */
+    while (i !== -1) {
+      urls++;
+
+      /* Only parse the first 250 URLs... srsly */
+      if (urls > 250) {
+        break;
+      }
+
+      /* Text preceding the link? add it to textbits frst */
+      if (i > 0) {
+        t = splicer.substr(0, i);
+        textbits.push(t);
+        splicer = splicer.substr(i);
+      }
+
+      /* Find the URL and cut it out as a link */
+      m = splicer.match(ponymail_url_regex);
+      if (m) {
+        url = m[1];
+        i = url.length;
+        t = splicer.substr(0, i);
+        textbits.push(new HTML('a', {
+          href: url
+        }, url));
+        splicer = splicer.substr(i);
+      }
+
+      /* Find the next link */
+      i = splicer.search(ponymail_url_regex);
+    }
+
+    /* push the remaining text into textbits */
+    textbits.push(splicer);
+    return textbits;
+}
+
+
+// Simple check to (attempt to) assess whether a trailer should
+// remain or get cut out.
+function legit_trailer(a) {
+  let lines = a.split(/\s*\r?\n/);
+  let first_line = lines.shift();
+  while (first_line.length == 0 && lines.length) first_line = lines.shift(); // get first meaningful line
+  if (!lines.length || first_line == '--') return ''; // likely a simple trailer
+  let last_line = lines.pop();
+  while (last_line.length == 0 && lines.length) last_line = lines.pop(); // get last meaningful line
+  
+  // Check if first and last line are similar, which is usually indictive of a ticket system
+  if (last_line == first_line) {
+    return a;
+  }
+  // Otherwise, check if first line has two or more dashes, and it occurs again later (also tix)
+  if (first_line.match(/^---+/) && lines.has(first_line)) {
+    return "|||" + a + "|||";
+  }
+  
+  // Lastly, if there is "sufficient" length to the dashes, allow (JIRA etc)
+  if (first_line.match(/^-{6,72}$/)) return a;
+  return '';
+}
+
+// Function for cutting away trailers
+function cut_trailer(splicer) {
+    if (!chatty_layout) return splicer; // only invoke in social rendering mode
+    if (typeof splicer == 'object') {
+        splicer.innerText = splicer.innerText.replace(ponymail_trailer_regex, legit_trailer, 3);
+    } else {
+        splicer = splicer.replace(ponymail_trailer_regex, legit_trailer);
+
+    }
+    return splicer;
+}
+
+function color_diff_lines(diff) {
+  let lines = diff.split(/[\r\n]+/);
+  let ret = [];
+  for (var z = 0; z < lines.length;z++) {
+    let line = lines[z];
+    let color = 'grey';
+    if (line[0] == '@') color = 'blue';
+    if (line[0] == '-') color = 'red';
+    if (line[0] == '+') color = 'green';
+    if (line[0] == ' ') color = 'black';
+    let el = new HTML('span', {style: {color: color}}, line);
+    ret.push(el);
+    ret.push(new HTML('br'));
+  }
+  return ret;
+}
+
+// Function for coloring diffs
+function fixup_diffs(splicer) {
+    if (!chatty_layout) return splicer; // only invoke in social rendering mode
+    if (typeof splicer == 'object') {
+        splicer = splicer.innerText;
+    }
+    /* Array holding text and links */
+    var i, m, t, diff, diffs;
+    let textbits = [];
+
+    /* Find the first link, if any */
+    i = splicer.search(ponymail_diff_regex);
+    diffs = 0;
+
+    /* While we have more links, ... */
+    while (i !== -1) {
+      diffs++;
+
+      /* Only parse the first 20 diffs... srsly */
+      if (diffs > 25) {
+        break;
+      }
+      console.log(i);
+      /* Text preceding the diff? add it to textbits frst */
+      if (i > 0) {
+        t = splicer.substr(0, i);
+        textbits.push(t);
+        splicer = splicer.substr(i);
+      }
+
+      /* Find the URL and cut it out as a link */
+      m = splicer.match(ponymail_diff_regex);
+      if (m) {
+        diff = m[1];
+        i = diff.length;
+        t = splicer.substr(0, i);
+        textbits.push(new HTML('pre', {class: 'diff'}, color_diff_lines(diff)));
+        splicer = splicer.substr(i);
+      }
+
+      /* Find the next link */
+      i = splicer.search(ponymail_diff_regex);
+    }
+
+    /* push the remaining text into textbits */
+    textbits.push(splicer);
+    return textbits;
+}
+
+// Function for turning quotes into quote segments
+function fixup_quotes(splicer) {
+    if (splicer[splicer.length-1] !== "\n") splicer += "\n"; //tweak to make quotes match the last line if no newline on it.
+    var hideQuotes, i, m, qdiv, quote, quotes, t, textbits;
+    hideQuotes = true;
+    if (prefs.compactQuotes === false && !chatty_layout) {
+      hideQuotes = false;
+    }
+    if (!hideQuotes) return splicer; // We'll bail here for now. Dunno why not.
+
+    /* Array holding text and quotes */
+    textbits = [];
+
+    /* Find the first quote, if any */
+    i = splicer.search(ponymail_quote_regex);
+    quotes = 0;
+
+    /* While we have more quotes, ... */
+    while (i !== -1) {
+      quotes++;
+
+      /* Only parse the first 50 quotes... srsly */
+      if (quotes > 50) {
+        break;
+      }
+
+      /* Text preceding the quote? add it to textbits first */
+      if (i > 0) {
+        t = splicer.substr(0, i);
+        let diffed = fixup_diffs(cut_trailer(t));
+        if (isArray(diffed)) { for(var z = 0; z < diffed.length; z++) textbits.push(fixup_urls(diffed[z]));}
+        else textbits.push(fixup_urls(diffed));
+        splicer = splicer.substr(i);
+      }
+
+      /* Find the quote and cut it out as a div */
+      m = splicer.match(ponymail_quote_regex);
+      if (m) {
+        quote = m[0];
+        i = quote.length;
+        t = splicer.substr(0, i);
+        quote = quote.replace(/(>*\s*\r?\n)+$/g, "");
+        qdiv = new HTML('div', {
+          "class": "email_quote_parent"
+        }, [
+          new HTML('button', {
+            title: "Toggle quote",
+            onclick: "toggle_quote(this)"
+          }, new HTML('span', {class:'glyphicon glyphicon-comment'}, " ")), new HTML('br'), new HTML('blockquote', {
+            "class": "email_quote",
+            style: {
+              display: hideQuotes ? 'none' : 'block'
+            }
+          }, fixup_urls(quote))
+        ]);
+        textbits.push(qdiv);
+        splicer = splicer.substr(i);
+      }
+
+      /* Find the next quotes */
+      i = splicer.search(ponymail_quote_regex);
+    }
+
+    /* push the remaining text into textbits */
+    let diffed = fixup_diffs(cut_trailer(splicer));
+    if (isArray(diffed)) { for(var z = 0; z < diffed.length; z++) diffed[z] = fixup_urls(diffed[z]);}
+    else diffed = fixup_urls(diffed);
+    textbits.push(new HTML('span', {}, diffed));
+    
+    return textbits;
+  }
+  
+function toggle_quote(el) {
+    let quote = el.parentNode.childNodes[2];
+    if (quote.style.display != 'block') {
+        quote.style.display = 'block';
+    } else {
+        quote.style.display = 'none';
+    }
+}
\ No newline at end of file
diff --git a/webui/js/source/build.sh b/webui/js/source/build.sh
new file mode 100644
index 0000000..4accb5b
--- /dev/null
+++ b/webui/js/source/build.sh
@@ -0,0 +1,24 @@
+echo "Combining JS..."
+echo '/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+// THIS IS AN AUTOMATICALLY COMBINED FILE. PLEASE EDIT source/*.js!!
+' > ../ponymail.js
+for f in `ls *.js`; do
+    printf "\n\n/******************************************\n Fetched from source/${f}\n******************************************/\n\n" >> ../ponymail.js
+    perl -0pe 's/\/\*.*?\*\/[\r\n]*//sm' ${f} >> ../ponymail.js
+done
+echo "Done!"
diff --git a/webui/js/source/composer.js b/webui/js/source/composer.js
new file mode 100644
index 0000000..32983bc
--- /dev/null
+++ b/webui/js/source/composer.js
@@ -0,0 +1,152 @@
+let mua_trigger = 'mailto:';
+let mua_list = null;
+let mua_mid = null;
+let mua_headers = {};
+
+function compose_send() {
+    let of = [];
+    for (let k in mua_headers) {
+        of.push(k + "=" + encodeURIComponent(mua_headers[k]));
+    }
+    // Push the subject and email body into the form data
+    of.push("subject=" + encodeURIComponent(document.getElementById('composer_subject').value));
+    of.push("body=" + encodeURIComponent(document.getElementById('composer_body').value));
+    if (ponymail_preferences.login && ponymail_preferences.login.alternates && document.getElementById('composer_alt')) {
+        of.push("alt=" + encodeURIComponent(document.getElementById('composer_alt').options[document.getElementById('composer_alt').selectedIndex].value));
+    }
+    
+    let request = new XMLHttpRequest();
+    request.open("POST", "/api/compose.lua");
+    request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
+    request.send(of.join("&")); // send email as a POST string
+    
+    document.getElementById('composer_modal').style.display = 'none';
+    modal("Message dispatched!", "Your email has been sent. Depending on moderation rules, it may take a while before it shows up in the archives.", "help");
+}
+
+function compose_email(replyto, list) {
+    let email = null;
+    let loggedIn = (ponymail_preferences.login && ponymail_preferences.login.credentials) ? true : false;
+    if (replyto) email = full_emails[replyto||''];
+    let listname = list;
+    mua_headers = {};
+    if (email) {
+        listname = email.list_raw.replace(/[<>]/g, '').replace('.', '@', 1);
+        mua_trigger = mua_link(email);
+        if (email['message-id'] && email['message-id'].length > 0) mua_headers['in-reply-to'] = email['message-id'];
+        if (email['message-id'] && email['message-id'].length > 0) mua_headers.references = email['message-id'];
+        mua_headers.eid = email.mid;
+    } else {
+        mua_trigger = mua_link(null, listname);
+    }
+    mua_list = listname;
+    mua_headers.to = listname;
+    mua_mid = email ? email['message-id'] : null;
+    
+    // Not logged in? MUA it is, then!
+    if (!loggedIn) {
+        if (email) {
+            let a = new HTML('a', {href: mua_trigger}, "Reply via your own email client");
+            let p = new HTML('p', {}, [
+                                   "In order to reply to emails using the web interface, you need to be ",
+                                   new HTML('a', {href: '/oauth.html'}, "logged in first"),
+                                   ". You can however still reply to this email using your own email client: ",
+                                   a
+                                  ]
+                             );
+            composer("Reply to thread:", p);
+            return;
+        }
+    }
+    
+    // Replying to an email and logged in?
+    let eml_subject = "";
+    let eml_body = "";
+    let eml_title = `Start a new thread on ${listname}:`;
+    if (email) {
+        eml_subject = "Re: " + email.subject;
+        eml_body = composer_re(email);
+        eml_title = `Reply to email on ${listname}:`;
+    }
+    let form = [];
+    form.push(new HTML('b', {}, "Sending as:"));
+    let s = new HTML('select', { id: 'composer_alt' });
+    s.inject(new HTML('option', {}, ponymail_preferences.login.credentials.email));
+    if (ponymail_preferences.login && ponymail_preferences.login.alternates) {
+        for (let z = 0; z < ponymail_preferences.login.alternates.length; z++) {
+            s.inject(new HTML('option', {}, ponymail_preferences.login.alternates[z]));
+        }
+    }
+    form.push(new HTML('br'));
+    form.push(s);
+    form.push(new HTML('br'));
+    form.push(new HTML('b', {}, "Subject:"));
+    form.push(new HTML('br'));
+    form.push(new HTML('input', {style: { width: '90%'}, id: 'composer_subject', type: 'text', value: eml_subject}));
+    form.push(new HTML('br'));
+    form.push(new HTML('b', {}, "Reply:"));
+    form.push(new HTML('br'));
+    let body = new HTML('textarea', {style: { width: '90%', minHeight: '400px'}, id: 'composer_body'}, eml_body);
+    form.push(body);
+    
+    let btn = new HTML('button', { onclick: 'compose_send();'}, "Send reply");
+    form.push(btn);
+    form.push("   ");
+    form.push(new HTML('a', {href: mua_trigger, style: { marginLeft: '10px'}}, "Or compose via your own email client"));
+    
+    composer(eml_title, form);
+    if (email) document.getElementById('composer_body').focus();
+
+}
+
+
+
+// Generic modal function
+function composer(title, contents) {
+    let modal = document.getElementById('composer_modal');
+    if (modal == undefined) {
+        modal = new HTML('div', { id: 'composer_modal'}, [
+            new HTML('div', {id: 'composer_modal_content'}, [
+                    new HTML('span', {id: 'composer_modal_close', onclick: 'document.getElementById("composer_modal").style.display = "none";'}, 'X'),
+                    new HTML('h2', {id: 'composer_modal_title'}, title),
+                    new HTML('div', {id: 'composer_modal_contents'}, contents)
+                    ])
+            ]);
+        document.body.appendChild(modal);
+        
+    } else {
+        document.getElementById('composer_modal_title').innerText = title;
+        document.getElementById('composer_modal_contents').innerHTML = '';
+        document.getElementById('composer_modal_contents').inject(contents||'');
+    }
+    modal.style.display = 'block';
+}
+
+// Constructor for email body in replies...
+function composer_re(email) {
+    let lines = email.body.split(/\r?\n/);
+    for (let i = 0; i < lines.length; i++) {
+        lines[i] = '> ' + lines[i];
+    }
+    let re = `\n\nOn ${email.date} ${email.from.replace(/\s*<.+?>/, '')} wrote:\n`;
+    re += lines.join("\n");
+    return re;
+}
+
+// MUA mailto: link generator
+function mua_link(email, xlist) {
+    if (!email && xlist) {
+        return `mailto:${xlist}?subject=Subject+goes+here`;
+    }
+    let eml_raw_short = composer_re(email);
+    let subject = "RE: " + email.subject||'';
+    let truncated = false;
+    let N = 16000; // Anything above 16K can cause namespace issues with links.
+    if (eml_raw_short.length > N) {
+        truncated = true;
+        eml_raw_short = eml_raw_short.substring(0, N) + "\n[message truncated...]";
+    }
+    let listname = email.list_raw.replace(/[<>]/g, '').replace('.', '@', 1);
+    let xlink = 'mailto:' + listname + "?subject=" + encodeURIComponent(subject) + "&amp;In-Reply-To=" + encodeURIComponent(email['message-id']) + "&body=" + encodeURIComponent(eml_raw_short);
+    return xlink;    
+}
\ No newline at end of file
diff --git a/webui/js/source/construct-thread.js b/webui/js/source/construct-thread.js
new file mode 100644
index 0000000..b36f6c3
--- /dev/null
+++ b/webui/js/source/construct-thread.js
@@ -0,0 +1,121 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ */
+let current_open_email = null;
+
+function expand_email_threaded(idx, flat) {
+    let placeholder = document.getElementById('email_%u'.format(idx));
+    if (placeholder) {
+        // Check if email is already visible - if so, hide it!
+        if (placeholder.style.display == 'block') {
+            console.log("Collapsing thread at index %u".format(idx));
+            placeholder.style.display = 'none';
+            current_email_idx = undefined;
+            return false;
+        }
+        current_email_idx = idx;
+        console.log("Expanding thread at index %u".format(idx));
+        placeholder.style.display = 'block';
+
+        // Check if we've already filled out the structure here
+        if (placeholder.getAttribute('data-filled') == 'yes') {
+            console.log("Already constructed this thread, bailing!");
+        } else {
+            // Construct the base scaffolding for all emails
+            let eml = flat ? current_json.emails[idx] : current_json.thread_struct[idx];
+            if (eml) {
+                current_open_email = eml.tid || eml.mid;
+            }
+            let thread = construct_thread(eml);
+            placeholder.inject(thread);
+            placeholder.setAttribute("data-filled", 'yes');
+        }
+    }
+    return false;
+}
+
+function construct_thread(thread, cid, nestlevel, included) {
+    // First call on a thread/email, this is indef.
+    // Use this to plop a scroll call when loaded
+    // to prevent weird cache-scrolling
+    let doScroll = false;
+    if (cid === undefined) {
+        doScroll = true;
+    }
+    included = included||[];
+    cid = (cid || 0) + 1;
+    nestlevel = (nestlevel||0) + 1;
+    let mw = calc_email_width();
+    let max_nesting = ponymail_max_nesting;
+    if (mw < 700) {
+        max_nesting = Math.floor(mw/250);
+    }
+    cid %= 5;
+    let color = ['286090', 'ccab0a', 'c04331', '169e4e', '6d4ca5'][cid];
+    let email = undefined;
+    if (nestlevel < max_nesting) {
+        email = new HTML('div', { class: 'email_wrapper', id: 'email_%s'.format(thread.tid||thread.id)});
+        if (chatty_layout) {
+            email.style.border = "none !important";
+        } else {
+            email.style.borderLeft = '3px solid #%s'.format(color);
+        }
+    } else {
+        email = new HTML('div', { class: 'email_wrapper_nonest', id: 'email_%s'.format(thread.tid||thread.id)});
+    }
+    let wrapper = new HTML('div', { class: 'email_inner_wrapper', id: 'email_contents_%s'.format(thread.tid||thread.id)});
+    email.inject(wrapper);
+    if (isArray(thread.children)) {
+        thread.children.sort((a,b) => a.epoch - b.epoch);
+        for (var i = 0; i < thread.children.length; i++) {
+            let reply = construct_thread(thread.children[i], cid, nestlevel, included);
+            cid++;
+            if (reply) {
+                email.inject(reply);
+            }
+        }
+    }
+    let tid = thread.tid||thread.id;
+    if (!included.includes(tid)) {
+        included.push(tid);
+        console.log("Loading email %s".format(tid));
+        GET("%sapi/email.lua?id=%s".format(apiURL, tid), render_email, {cached: true, scroll: doScroll, id: tid, div: wrapper});
+    }
+    return email;
+}
+
+// Singular thread construction via permalinks
+function construct_single_thread(state, json) {
+    current_json = json;
+    if (json && json.error) {
+        modal("An error occured", "Sorry, we hit a snag while trying to load the email(s): \n\n%s".format(json.error), "error");
+        return;
+    }
+    let div = document.getElementById('emails');
+    div.innerHTML = "";
+    if (chatty_layout) {
+        let listname = json.thread.list_raw.replace(/[<>]/g, '').replace('.', '@', 1);
+        div.setAttribute("class", "email_placeholder_chatty");
+        div.inject(new HTML('h4', {class: 'chatty_title'}, json.emails[0].subject));
+        div.inject(new HTML('a', {href: 'list.html?%s'.format(listname), class: 'chatty_title'}, 'Posted to %s'.format(listname)));
+    } else {
+        div.setAttribute("class", "email_placeholder");
+    }
+    div.style.display = "block";
+    let thread = json.thread;
+    let email = construct_thread(thread);
+    div.inject(email);
+}
diff --git a/webui/js/source/datepicker.js b/webui/js/source/datepicker.js
new file mode 100644
index 0000000..d828335
--- /dev/null
+++ b/webui/js/source/datepicker.js
@@ -0,0 +1,739 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+var datepicker_spawner = null
+var calendarpicker_spawner = null
+var units = {
+    w: 'week',
+    d: 'day',
+    M: 'month',
+    y: 'year'
+}
+
+function fixupPicker(obj) {
+    obj.addEventListener("focus", function(event){
+        $('html').on('hide.bs.dropdown', function (e) {
+            return false;
+        });
+    });
+    obj.addEventListener("blur", function(event){
+        $('html').unbind('hide.bs.dropdown')
+    });
+}
+// makeSelect: Creates a <select> object with options
+function makeSelect(options, id, selval) {
+    var sel = document.createElement('select')
+    sel.addEventListener("focus", function(event){
+        $('html').on('hide.bs.dropdown', function (e) {
+            return false;
+        });
+    });
+    sel.addEventListener("blur", function(event){
+        $('html').unbind('hide.bs.dropdown')
+    });
+    sel.setAttribute("name", id)
+    sel.setAttribute("id", id)
+    // For each options element, create it in the DOM
+    for (var key in options) {
+        var opt = document.createElement('option')
+        // Hash or array?
+        if (typeof key == "string") {
+            opt.setAttribute("value", key)
+            // Option is selected by default?
+            if (key == selval) {
+                opt.setAttribute("selected", "selected")
+            }
+        } else {
+            // Option is selected by default?
+            if (options[key] == selval) {
+                opt.setAttribute("selected", "selected")
+            }
+        }
+        opt.text = options[key]
+        sel.appendChild(opt)
+    }
+    return sel
+}
+
+// splitDiv: Makes a split div with 2 elements,
+// and puts div2 into the right column,
+// and 'name' as text in the left one.
+function splitDiv(id, name, div2) {
+    var div = document.createElement('div')
+    var subdiv = document.createElement('div')
+    var radio = document.createElement('input')
+    radio.setAttribute("type", "radio")
+    radio.setAttribute("name", "datepicker_radio")
+    radio.setAttribute("value", name)
+    radio.setAttribute("id", "datepicker_radio_" + id)
+    radio.setAttribute("onclick", "calcTimespan('"+ id + "')")
+    var label = document.createElement('label')
+    label.innerHTML = "&nbsp; " + name + ": "
+    label.setAttribute("for", "datepicker_radio_" + id)
+    
+    
+    subdiv.appendChild(radio)
+    subdiv.appendChild(label)
+    
+    
+    subdiv.style.float = "left"
+    div2.style.float = "left"
+    
+    subdiv.style.width = "120px"
+    subdiv.style.height = "48px"
+    div2.style.height = "48px"
+    div2.style.width = "250px"
+    
+    div.appendChild(subdiv)
+    div.appendChild(div2)
+    return div
+}
+
+// calcTimespan: Calculates the value and representational text
+// for the datepicker choice and puts it in the datepicker's
+// spawning input/select element.
+function calcTimespan(what) {
+    var wat = ""
+    var tval = ""
+    
+    // Less than N units ago?
+    if (what == 'lt') {
+        // Get unit and how many units
+        var N = document.getElementById('datepicker_lti').value
+        var unit = document.getElementById('datepicker_lts').value
+        var unitt = units[unit]
+        if (parseInt(N) != 1) {
+            unitt += "s"
+        }
+        
+        // If this makes sense, construct a humanly readable and a computer version
+        // of the timespan
+        if (N.length > 0) {
+            wat = "Less than " + N + " " + unitt + " ago"
+            tval = "lte=" + N + unit
+        }
+    }
+    
+    // More than N units ago?
+    if (what == 'mt') {
+        // As above, get unit and no of units.
+        var N = document.getElementById('datepicker_mti').value
+        var unit = document.getElementById('datepicker_mts').value
+        var unitt = units[unit]
+        if (parseInt(N) != 1) {
+            unitt += "s"
+        }
+        
+        // construct timespan val + description
+        if (N.length > 0) {
+            wat = "More than " + N + " " + unitt + " ago"
+            tval = "gte=" + N + unit
+        }
+    }
+    
+    // Date range?
+    if (what == 'cd') {
+        // Get From and To values
+        var f = document.getElementById('datepicker_cfrom').value
+        var t = document.getElementById('datepicker_cto').value
+        // construct timespan val + description if both from and to are valid
+        if (f.length > 0 && t.length > 0) {
+            wat = "From " + f + " to " + t
+            tval = "dfr=" + f + "|dto=" + t
+        }
+    }
+    
+    // If we calc'ed a value and spawner exists, update its key/val
+    if (datepicker_spawner && what && wat.length > 0) {
+        document.getElementById('datepicker_radio_' + what).checked = true
+        if (datepicker_spawner.options) {
+            datepicker_spawner.options[0].value = tval
+            datepicker_spawner.options[0].text = wat
+        } else if (datepicker_spawner.value) {
+            datepicker_spawner.value = wat
+            datepicker_spawner.setAttribute("data", tval)
+        }
+        
+    }
+}
+
+// datePicker: spawns a date picker with various
+// timespan options right next to the parent caller.
+function datePicker(parent, seedPeriod) {
+    datepicker_spawner = parent
+    var div = document.getElementById('datepicker_popup')
+    
+    // If the datepicker object doesn't exist, spawn it
+    if (!div) {
+        div = document.createElement('div')
+        var id = parseInt(Math.random() * 10000).toString(16)
+        div.setAttribute("id", "datepicker_popup")
+        div.setAttribute("class", "datepicker")
+    }
+    
+    // Reset the contents of the datepicker object
+    div.innerHTML = ""
+    div.style.display = "block"
+    
+    // Position the datepicker next to whatever called it
+    var bb = parent.getBoundingClientRect()
+    div.style.top = (bb.bottom + 8) + "px"
+    div.style.left = (bb.left + 32) + "px"
+    
+    
+    // -- Less than N $units ago
+    var ltdiv = document.createElement('div')
+    var lti = document.createElement('input')
+    lti.setAttribute("id", "datepicker_lti")
+    lti.style.width = "48px"
+    lti.setAttribute("onkeyup", "calcTimespan('lt')")
+    lti.setAttribute("onblur", "calcTimespan('lt')")
+    ltdiv.appendChild(lti)
+    
+    var lts = makeSelect({
+        'd': "Day(s)",
+        'w': 'Week(s)',
+        'M': "Month(s)",
+        'y': "Year(s)"
+    }, 'datepicker_lts', 'm')
+    lts.setAttribute("onchange", "calcTimespan('lt')")
+    ltdiv.appendChild(lts)
+    ltdiv.appendChild(document.createTextNode(' ago'))
+    
+    div.appendChild(splitDiv('lt', 'Less than', ltdiv))
+    
+    
+    // -- More than N $units ago
+    var mtdiv = document.createElement('div')
+    
+    var mti = document.createElement('input')
+    mti.style.width = "48px"
+    mti.setAttribute("id", "datepicker_mti")
+    mti.setAttribute("onkeyup", "calcTimespan('mt')")
+    mti.setAttribute("onblur", "calcTimespan('mt')")
+    mtdiv.appendChild(mti)
+    
+    
+    var mts = makeSelect({
+        'd': "Day(s)",
+        'w': 'Week(s)',
+        'M': "Month(s)",
+        'y': "Year(s)"
+    }, 'datepicker_mts', 'm')
+    mtdiv.appendChild(mts)
+    mts.setAttribute("onchange", "calcTimespan('mt')")
+    mtdiv.appendChild(document.createTextNode(' ago'))
+    div.appendChild(splitDiv('mt', 'More than', mtdiv))
+    
+    
+    
+    // -- Calendar timespan
+    // This is just two text fields, the calendarPicker sub-plugin populates them
+    var cdiv = document.createElement('div')
+    
+    var cfrom = document.createElement('input')
+    cfrom.style.width = "90px"
+    cfrom.setAttribute("id", "datepicker_cfrom")
+    cfrom.setAttribute("onfocus", "showCalendarPicker(this)")
+    cfrom.setAttribute("onchange", "calcTimespan('cd')")
+    cdiv.appendChild(document.createTextNode('From: '))
+    cdiv.appendChild(cfrom)
+    
+    var cto = document.createElement('input')
+    cto.style.width = "90px"
+    cto.setAttribute("id", "datepicker_cto")
+    cto.setAttribute("onfocus", "showCalendarPicker(this)")
+    cto.setAttribute("onchange", "calcTimespan('cd')")
+    cdiv.appendChild(document.createTextNode('To: '))
+    cdiv.appendChild(cto)
+    
+    div.appendChild(splitDiv('cd', 'Date range', cdiv))
+    
+    
+    
+    // -- Magic button that sends the timespan back to the caller
+    var okay = document.createElement('input')
+    okay.setAttribute("type", "button")
+    okay.setAttribute("value", "Okay")
+    okay.setAttribute("onclick", "setDatepickerDate()")
+    div.appendChild(okay)
+    parent.parentNode.appendChild(div)
+    document.body.setAttribute("onclick", "")
+    window.setTimeout(function() { document.body.setAttribute("onclick", "blurDatePicker(event)") }, 200)
+    lti.focus()
+    
+    // This is for recalcing the set options if spawned from a
+    // select/input box with an existing value derived from an
+    // earlier call to datePicker
+    var ptype = ""
+    var pvalue = parent.hasAttribute("data") ? parent.getAttribute("data") : parent.value
+    if (pvalue.search(/=|-/) != -1) {
+        
+        // Less than N units ago?
+        if (pvalue.match(/lte/)) {
+            var m = pvalue.match(/lte=(\d+)([dMyw])/)
+            ptype = 'lt'
+            if (m) {
+                document.getElementById('datepicker_lti').value = m[1]
+                var sel = document.getElementById('datepicker_lts')
+                for (var i in sel.options) {
+                    if (parseInt(i) >= 0) {
+                        if (sel.options[i].value == m[2]) {
+                            sel.options[i].selected = "selected"
+                        } else {
+                            sel.options[i].selected = null
+                        }
+                    }
+                }
+            }
+            
+        }
+        
+        // More than N units ago?
+        if (pvalue.match(/gte/)) {
+            ptype = 'mt'
+            var m = pvalue.match(/gte=(\d+)([dMyw])/)
+            if (m) {
+                document.getElementById('datepicker_mti').value = m[1]
+                var sel = document.getElementById('datepicker_mts')
+                // Go through the unit values, select the one we use
+                for (var i in sel.options) {
+                    if (parseInt(i) >= 0) {
+                        if (sel.options[i].value == m[2]) {
+                            sel.options[i].selected = "selected"
+                        } else {
+                            sel.options[i].selected = null
+                        }
+                    }
+                }
+            }
+        }
+        
+        // Date range?
+        if (pvalue.match(/dfr/)) {
+            ptype = 'cd'
+            // Make sure we have both a dfr and a dto here, catch them
+            var mf = pvalue.match(/dfr=(\d+-\d+-\d+)/)
+            var mt = pvalue.match(/dto=(\d+-\d+-\d+)/)
+            if (mf && mt) {
+                // easy peasy, just set two text fields!
+                document.getElementById('datepicker_cfrom').value = mf[1]
+                document.getElementById('datepicker_cto').value = mt[1]
+            }
+        }
+        // Month??
+        if (pvalue.match(/(\d{4})-(\d+)/)) {
+            ptype = 'cd'
+            // Make sure we have both a dfr and a dto here, catch them
+            var m = pvalue.match(/(\d{4})-(\d+)/)
+            if (m.length == 3) {
+                // easy peasy, just set two text fields!
+                var dfrom = new Date(parseInt(m[1]),parseInt(m[2])-1,1, 0, 0, 0)
+                var dto = new Date(parseInt(m[1]),parseInt(m[2]),0, 23, 59, 59)
+                document.getElementById('datepicker_cfrom').value = m[0] + "-" + dfrom.getDate()
+                document.getElementById('datepicker_cto').value = m[0] + "-" + dto.getDate()
+            }
+        }
+        calcTimespan(ptype)
+    }
+}
+
+
+function datePickerValue(seedPeriod) {
+    // This is for recalcing the set options if spawned from a
+    // select/input box with an existing value derived from an
+    // earlier call to datePicker
+    var ptype = ""
+    var rv = seedPeriod
+    if (seedPeriod && seedPeriod.search && seedPeriod.search(/=|-/) != -1) {
+        
+        // Less than N units ago?
+        if (seedPeriod.match(/lte/)) {
+            var m = seedPeriod.match(/lte=(\d+)([dMyw])/)
+            ptype = 'lt'
+            var unitt = units[m[2]]
+            if (parseInt(m[1]) != 1) {
+                unitt += "s"
+            }
+            rv = "Less than " + m[1] + " " + unitt + " ago"
+        }
+        
+        // More than N units ago?
+        if (seedPeriod.match(/gte/)) {
+            ptype = 'mt'
+            var m = seedPeriod.match(/gte=(\d+)([dMyw])/)
+            var unitt = units[m[2]]
+            if (parseInt(m[1]) != 1) {
+                unitt += "s"
+            }
+            rv = "More than " + m[1] + " " + unitt + " ago"
+        }
+        
+        // Date range?
+        if (seedPeriod.match(/dfr/)) {
+            ptype = 'cd'
+            var mf = seedPeriod.match(/dfr=(\d+-\d+-\d+)/)
+            var mt = seedPeriod.match(/dto=(\d+-\d+-\d+)/)
+            if (mf && mt) {
+                rv = "From " + mf[1] + " to " + mt[1]
+            }
+        }
+        
+        // Month??
+        if (seedPeriod.match(/^(\d+)-(\d+)$/)) {
+            ptype = 'mr' // just a made up thing...(month range)
+            var mr = seedPeriod.match(/(\d+)-(\d+)/)
+            if (mr) {
+                dfrom = new Date(parseInt(mr[1]),parseInt(mr[2])-1,1, 0, 0, 0)
+                rv = months[dfrom.getMonth()] + ', ' + mr[1]
+            }
+        }
+        
+    }
+    return rv
+}
+
+function datePickerDouble(seedPeriod) {
+    // This basically takes a date-arg and doubles it backwards
+    // so >=3M becomes =>6M etc. Also returns the cutoff for
+    // the original date and the span in days of the original
+    var ptype = ""
+    var rv = seedPeriod
+    var dbl = seedPeriod
+    var tspan = 1
+    var dfrom = new Date()
+    var dto = new Date()
+    
+    // datepicker range?
+    if (seedPeriod && seedPeriod.search && seedPeriod.search(/=/) != -1) {
+        
+        // Less than N units ago?
+        if (seedPeriod.match(/lte/)) {
+            var m = seedPeriod.match(/lte=(\d+)([dMyw])/)
+            ptype = 'lt'
+            rv = "<" + m[1] + m[2] + " ago"
+            dbl = "lte=" + (parseInt(m[1])*2) + m[2]
+            
+            // N months ago
+            if (m[2] == "M") {
+                dfrom.setMonth(dfrom.getMonth()-parseInt(m[1]), dfrom.getDate())
+            }
+            
+            // N days ago
+            if (m[2] == "d") {
+                dfrom.setDate(dfrom.getDate()-parseInt(m[1]))
+            }
+            
+            // N years ago
+            if (m[2] == "y") {
+                dfrom.setYear(dfrom.getFullYear()-parseInt(m[1]))
+            }
+            
+            // N weeks ago
+            if (m[2] == "w") {
+                dfrom.setDate(dfrom.getDate()-(parseInt(m[1])*7))
+            }
+            
+            // Calc total duration in days for this time span
+            tspan = parseInt((dto.getTime() - dfrom.getTime() + 5000) / (1000*86400))
+        }
+        
+        // More than N units ago?
+        if (seedPeriod.match(/gte/)) {
+            ptype = 'mt'
+            var m = seedPeriod.match(/gte=(\d+)([dMyw])/)
+            rv = ">" + m[1] + m[2] + " ago"
+            dbl = "gte=" + (parseInt(m[1])*2) + m[2]
+            tspan = parseInt(parseInt(m[1]) * 30.4)
+            dfrom = null
+            
+            // Months
+            if (m[2] == "M") {
+                dto.setMonth(dto.getMonth()-parseInt(m[1]), dto.getDate())
+            }
+            
+            // Days
+            if (m[2] == "d") {
+                dto.setDate(dto.getDate()-parseInt(m[1]))
+            }
+            
+            // Years
+            if (m[2] == "y") {
+                dto.setYear(dto.getFullYear()-parseInt(m[1]))
+            }
+            
+            // Weeks
+            if (m[2] == "w") {
+                dto.setDate(dto.getDate()-(parseInt(m[1])*7))
+            }
+            
+            // Can't really figure out a timespan for this, so...null!
+            // This also sort of invalidates use on the trend page, but meh..
+            tspan = null
+        }
+        
+        // Date range?
+        if (seedPeriod.match(/dfr/)) {
+            ptype = 'cd'
+            // Find from and to
+            var mf = seedPeriod.match(/dfr=(\d+)-(\d+)-(\d+)/)
+            var mt = seedPeriod.match(/dto=(\d+)-(\d+)-(\d+)/)
+            if (mf && mt) {
+                rv = "from " + mf[1] + " to " + mt[1]
+                // Starts at 00:00:00 on from date
+                dfrom = new Date(parseInt(mf[1]),parseInt(mf[2])-1,parseInt(mf[3]), 0, 0, 0)
+                
+                // Ends at 23:59:59 on to date
+                dto = new Date(parseInt(mt[1]),parseInt(mt[2])-1,parseInt(mt[3]), 23, 59, 59)
+                
+                // Get duration in days, add 5 seconds to we can floor the value and get an integer
+                tspan = parseInt((dto.getTime() - dfrom.getTime() + 5000) / (1000*86400))
+                
+                // double the distance
+                var dpast = new Date(dfrom)
+                dpast.setDate(dpast.getDate() - tspan)
+                dbl = seedPeriod.replace(/dfr=[^|]+/, "dfr=" + (dpast.getFullYear()) + '-' + (dpast.getMonth()+1) + '-' + dpast.getDate())
+            } else {
+                tspan = 0
+            }
+        }
+    }
+    
+    // just N days?
+    else if (parseInt(seedPeriod).toString() == seedPeriod.toString()) {
+        tspan = parseInt(seedPeriod)
+        dfrom.setDate(dfrom.getDate() - tspan)
+        dbl = "lte=" + (tspan*2) + "d"
+    }
+    
+    // Specific month?
+    else if (seedPeriod.match(/^(\d+)-(\d+)$/)) {
+        // just a made up thing...(month range)
+        ptype = 'mr' 
+        var mr = seedPeriod.match(/(\d+)-(\d+)/)
+        if (mr) {
+            rv = seedPeriod
+            // Same as before, start at 00:00:00
+            dfrom = new Date(parseInt(mr[1]),parseInt(mr[2])-1,1, 0, 0, 0)
+            // end at 23:59:59
+            dto = new Date(parseInt(mr[1]),parseInt(mr[2]),0, 23, 59, 59)
+            
+            // B-A, add 5 seconds so we can floor the no. of days into an integer neatly
+            tspan = parseInt((dto.getTime() - dfrom.getTime() + 5000) / (1000*86400))
+            
+            // Double timespan
+            var dpast = new Date(dfrom)
+            dpast.setDate(dpast.getDate() - tspan)
+            dbl = "dfr=" + (dpast.getFullYear()) + '-' + (dpast.getMonth()+1) + '-' + dpast.getDate() + "|dto=" + (dto.getFullYear()) + '-' + (dto.getMonth()+1) + '-' + dto.getDate()
+        } else {
+            tspan = 0
+        }
+    }
+    
+    return [dbl, dfrom, dto, tspan]
+}
+
+// set date in caller and hide datepicker again.
+function setDatepickerDate() {
+    calcTimespan()
+    blurDatePicker()
+}
+
+// findParent: traverse DOM and see if we can find a parent to 'el'
+// called 'name'. This is used for figuring out whether 'el' has
+// lost focus or not.
+function findParent(el, name) {
+    if (el.getAttribute && el.getAttribute("id") == name) {
+        return true
+    }
+    if (el.parentNode && el.parentNode.getAttribute) {
+        if (el.parentNode.getAttribute("id") != name) {
+            return findParent(el.parentNode, name)
+        } else {
+            return true
+        }
+    } else {
+        return false;
+    }
+}
+
+// function for hiding the date picker
+function blurDatePicker(evt) {
+    var es = evt ? (evt.target || evt.srcElement) : null;
+    if ((!es || !es.parentNode || (!findParent(es, "datepicker_popup") && !findParent(es, "calendarpicker_popup"))) && !(es ? es : "null").toString().match(/javascript:void/)) {
+        document.getElementById('datepicker_popup').style.display = "none"
+        $('html').trigger('hide.bs.dropdown')
+    }
+}
+
+// draws the actual calendar inside a calendarPicker object
+function drawCalendarPicker(obj, date) {
+    
+    
+    obj.focus()
+    
+    // Default to NOW for calendar.
+    var now = new Date()
+    
+    // if called with an existing date (YYYY-MM-DD),
+    // convert it to a JS date object and use that for
+    // rendering the calendar
+    if (date) {
+        var ar = date.split(/-/)
+        now = new Date(ar[0],parseInt(ar[1])-1,ar[2])
+    }
+    var days = ['Mon','Tue','Wed','Thu','Fri','Sat','Sun']
+    var mat = now
+    
+    // Go to first day of the month
+    mat.setDate(1)
+    
+    obj.innerHTML = "<h3>" + months[mat.getMonth()] + ", " + mat.getFullYear() + ":</h3>"
+    var tm = mat.getMonth()
+    
+    // -- Nav buttons --
+    
+    // back-a-year button
+    var a = document.createElement('a')
+    fixupPicker(a)
+    a.setAttribute("onclick", "drawCalendarPicker(this.parentNode, '" + (mat.getFullYear()-1) + '-' + (mat.getMonth()+1) + '-' + mat.getDate() + "');")
+    a.setAttribute("href", "javascript:void(0);")
+    a.innerHTML = "≪"
+    obj.appendChild(a)
+    
+    // back-a-month button
+    a = document.createElement('a')
+    fixupPicker(a)
+    a.setAttribute("onclick", "drawCalendarPicker(this.parentNode, '" + mat.getFullYear() + '-' + (mat.getMonth()) + '-' + mat.getDate() + "');")
+    a.setAttribute("href", "javascript:void(0);")
+    a.innerHTML = "&lt;"
+    obj.appendChild(a)
+    
+    // forward-a-month button
+    a = document.createElement('a')
+    fixupPicker(a)
+    a.setAttribute("onclick", "drawCalendarPicker(this.parentNode, '" + mat.getFullYear() + '-' + (mat.getMonth()+2) + '-' + mat.getDate() + "');")
+    a.setAttribute("href", "javascript:void(0);")
+    a.innerHTML = "&gt;"
+    obj.appendChild(a)
+    
+    // forward-a-year button
+    a = document.createElement('a')
+    fixupPicker(a)
+    a.setAttribute("onclick", "drawCalendarPicker(this.parentNode, '" + (mat.getFullYear()+1) + '-' + (mat.getMonth()+1) + '-' + mat.getDate() + "');")
+    a.setAttribute("href", "javascript:void(0);")
+    a.innerHTML = "≫"
+    obj.appendChild(a)
+    obj.appendChild(document.createElement('br'))
+    
+    
+    // Table containing the dates of the selected month
+    var table = document.createElement('table')
+    
+    table.setAttribute("border", "1")
+    table.style.margin = "0 auto"
+    
+    // Add header day names
+    var tr = document.createElement('tr');
+    for (var m = 0; m < 7; m++) {
+        var td = document.createElement('th')
+        td.innerHTML = days[m]
+        tr.appendChild(td)
+    }
+    table.appendChild(tr)
+    
+    // Until we hit the first day in a month, add blank days
+    tr = document.createElement('tr');
+    var weekday = mat.getDay()
+    if (weekday == 0) {
+        weekday = 7
+    }
+    weekday--;
+    for (var i = 0; i < weekday; i++) {
+        var td = document.createElement('td')
+        tr.appendChild(td)
+    }
+    
+    // While still in this month, add day then increment date by 1 day.
+    while (mat.getMonth() == tm) {
+        weekday = mat.getDay()
+        if (weekday == 0) {
+            weekday = 7
+        }
+        weekday--;
+        if (weekday == 0) {
+            table.appendChild(tr)
+            tr = document.createElement('tr');
+        }
+        td = document.createElement('td')
+        // onclick for setting the calendarPicker's parent to this val.
+        td.setAttribute("onclick", "setCalendarDate('" + mat.getFullYear() + '-' + (mat.getMonth()+1) + '-' + mat.getDate() + "');")
+        td.innerHTML = mat.getDate()
+        mat.setDate(mat.getDate()+1)
+        tr.appendChild(td)
+    }
+    
+    table.appendChild(tr)
+    obj.appendChild(table)
+}
+
+// callback for datePicker; sets the cd value to what date was picked
+function setCalendarDate(what) {
+    $('html').on('hide.bs.dropdown', function (e) {
+        return false;
+    });
+    setTimeout(function() { $('html').unbind('hide.bs.dropdown');}, 250);
+    
+    
+    calendarpicker_spawner.value = what
+    var div = document.getElementById('calendarpicker_popup')
+    div.parentNode.focus()
+    div.style.display = "none"
+    calcTimespan('cd')
+}
+
+// caller for when someone clicks on a calendarPicker enabled field
+function showCalendarPicker(parent, seedDate) {
+    calendarpicker_spawner = parent
+    
+    // If supplied with a YYYY-MM-DD date, use this to seed the calendar
+    if (!seedDate) {
+        var m = parent.value.match(/(\d+-\d+(-\d+)?)/)
+        if (m) {
+            seedDate = m[1]
+        }
+    }
+    
+    // Show or create the calendar object
+    var div = document.getElementById('calendarpicker_popup')
+    if (!div) {
+        div = document.createElement('div')
+        div.setAttribute("id", "calendarpicker_popup")
+        div.setAttribute("class", "calendarpicker")
+        document.getElementById('datepicker_popup').appendChild(div)
+        div.innerHTML = "Calendar goes here..."
+    }
+    div.style.display = "block"
+    var bb = parent.getBoundingClientRect()
+    
+    // Align with the calling object, slightly below
+    div.style.top = (bb.bottom + 8) + "px"
+    div.style.left = (bb.right - 32) + "px"
+    
+    drawCalendarPicker(div, seedDate)    
+}
\ No newline at end of file
diff --git a/webui/js/source/init.js b/webui/js/source/init.js
new file mode 100644
index 0000000..43d529f
--- /dev/null
+++ b/webui/js/source/init.js
@@ -0,0 +1,98 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ */
+
+var ponymail_version = "1.0.1-Foal"  // Current version of Pony Mail
+var ponymail_name = "Pony Mail" // name of archive (set to "Foo's mail archive" or whatever)
+
+var hits_per_page = 10;
+var apiURL = ''; // external API URL. Usually left blank.
+
+// Stuff regarding what we're doing right now
+var current_json = {};
+var current_state = {};
+var current_list = '';
+var current_domain = '';
+var current_year = 0;
+var current_month = 0;
+var current_quick_search = '';
+var select_primed = false;
+var ponymail_preferences = {};
+var ponymail_search_list = 'this';
+
+var current_listmode = 'threaded';
+var ponymail_max_nesting = 10; // max nesting level before unthreading to save space
+
+// thread state
+var current_email_idx = undefined;
+var chatty_layout = true;
+var ponymail_date_format = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric'};
+var virtual_inbox_loading = false;
+var collated_json = {};
+
+// List auto-picker criteria
+var boring_lists = ['commits', 'cvs', 'site-cvs', 'security', 'notifications']; // we'd rather not default to these, noisy!
+var favorite_list = 'dev'; // if we have this, default to it
+var long_tabs = false; // tab name format (long or short)
+
+console.log("/******* Apache Pony Mail (Foal v/%s) Initializing ********/".format(ponymail_version))
+// Adjust titles:
+document.title = ponymail_name;
+let titles = document.getElementsByClassName("title");
+for (var i in titles) {
+    titles[i].innerText = ponymail_name;
+}
+
+// check local storage for settings
+console.log("Checking localStorage availability");
+var can_store = false;
+if (window.localStorage && window.localStorage.setItem) {
+    try {
+        window.localStorage.setItem("ponymail_test", "foo");
+        can_store = true;
+        console.log("localStorage available!");
+    } catch (e) {
+        console.log("no localStorage available!");
+    }
+}
+
+
+console.log("Initializing escrow checks");
+window.setInterval(escrow_check, 250);
+
+console.log("Initializing key command logger");
+window.addEventListener('keyup', keyCommands);
+
+if (pm_config && pm_config.apiURL) {
+    apiURL = pm_config.apiURL;
+    console.log("Setting API URL to %s".format(apiURL));
+}
+
+window.addEventListener('load',function() {
+        document.body.appendChild(new HTML('footer', {class: 'footer'}, [
+            new HTML('div', { class: 'container'}, [
+                new HTML('p', {class: 'muted'}, "Powered by Apache Pony Mail (Foal v/%s)".format(ponymail_version))
+                ]
+                )
+            ])
+        );
+    }
+    );
+console.log("initializing pop state checker");
+window.onpopstate = function(event) {
+    console.log("Popping state");
+    return parseURL({cached: true});
+};
diff --git a/webui/js/source/key-commands.js b/webui/js/source/key-commands.js
new file mode 100644
index 0000000..4c26e20
--- /dev/null
+++ b/webui/js/source/key-commands.js
@@ -0,0 +1,208 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ */
+
+
+// Generic modal function
+function modal(title, msg, type, isHTML) {
+    let modal = document.getElementById('modal');
+    let text = document.getElementById('modal_text');
+    if (modal == undefined) {
+        text = new HTML('p', {id: 'modal_text'}, "");
+        modal = new HTML('div', { id: 'modal'}, [
+            new HTML('div', {id: 'modal_content'}, [
+                    new HTML('span', {id: 'modal_close', onclick: 'document.getElementById("modal").style.display = "none";'}, 'X'),
+                    new HTML('h2', {id: 'modal_title'}, title),
+                    new HTML('div', {}, text)
+                    ])
+            ]);
+        document.body.appendChild(modal);
+        
+    }
+    if (type) {
+        modal.setAttribute("class", "modal_" + type);
+    } else {
+        modal.setAttribute("class", undefined);
+    }
+    modal.style.display = 'block';
+    document.getElementById('modal_title').innerText = title;
+    // If we trust HTML, use it. Otherwise only show as textNode.
+    if (isHTML) {
+        text.innerHTML = msg;
+    } else {
+        msg = msg.replace(/<.*?>/g, ""); // strip HTML tags
+        text.innerText = msg;
+    }
+}
+
+// Helper for determining if an email is open or not...
+function anyOpen() {
+    let open = (current_email_idx !== undefined) ? true: false;
+    console.log("Emails open? " + open);
+    return open;
+}
+
+// Helper function for hiding windows and open tabs
+// Hide previous action on first escape, hide everything on second escape
+function hideWindows(force_all) {
+    
+    // First, check if we want to hide a modal
+    let modal = document.getElementById('modal');
+    if (modal && modal.style.display == 'block') {
+        modal.style.display = 'none';
+        if (force_all !== true) return;
+    }
+    
+    // RThen, check if we want to hide a composer modal
+    let cmodal = document.getElementById('composer_modal');
+    if (cmodal && cmodal.style.display == 'block') {
+        cmodal.style.display = 'none';
+        if (force_all !== true) return;
+    }
+    
+    // Check Advanced Search
+    let as = document.getElementById('advanced_search');
+    if (as && as.style.display == 'block') {
+        as.style.display = 'none';
+        if (force_all !== true) return;
+    }
+    
+    // Check for individually opened email
+    if (current_email_idx !== undefined) {
+        console.log("Hiding placeholder at index %u".format(current_email_idx));
+        let placeholder = document.getElementById('email_%u'.format(current_email_idx));
+        if (placeholder) {
+            placeholder.style.display = 'none';
+        }
+        current_email_idx = undefined; // undef this even if we can't find the email
+        if (force_all !== true) return;
+    }
+    
+    // if viewing a single thread, disregard the collapses below - the won't make sense!
+    if (location.href.match(/thread\.html/)) return;
+    
+    // Finally, check for other opened emails, close 'em all
+    let placeholders = document.getElementsByClassName('email_placeholder');
+    for (var i = 0; i < placeholders.length; i++) {
+        if (placeholders[i].style.display == 'block') {
+            console.log("Hiding placeholder %s".format(placeholders[i].getAttribute('id')));
+            placeholders[i].style.display = 'none';
+            // Reset scroll cache
+            try { window.scrollTo(0,0);} catch (e) {}
+        }
+    }
+    
+    placeholders = document.getElementsByClassName('email_placeholder_chatty');
+    for (var i = 0; i < placeholders.length; i++) {
+        if (placeholders[i].style.display == 'block') {
+            console.log("Hiding placeholder %s".format(placeholders[i].getAttribute('id')));
+            placeholders[i].style.display = 'none';
+            // Reset scroll cache
+            try { window.scrollTo(0,0);} catch (e) {}
+        }
+    }
+    
+}
+
+// Show keyboard commands
+function showHelp() {
+    modal("Keyboard shortcuts:", "<pre><kbd>H</kbd>: Show this help window.\n<kbd>C</kbd>: Compose a new email to this list.\n<kbd>R</kbd>: Reply to the currently active thread.\n<kbd>S</kbd>: Go to the search bar.\n<kbd>Escape</kbd>: Hide modals or collapse threads.\n<kbd>RightArrow</kbd>: Go to next bunch of emails in list view.\n<kbd>LeftArrow</kbd>: Go to previous bunch of emails in list view.</pre>", "help", true);
+}
+
+// Function for capturing and evaluating key strokes
+// If it matches a known shortcut, execute that then..
+function keyCommands(e) {
+    if (!e.ctrlKey) {
+        // Get calling element and its type
+        let target = e.target || e.srcElement;
+        let type = target.tagName;
+        // We won't jump out of an input field!
+        if (['INPUT', 'TEXTAREA', 'SELECT'].has(type)) {
+            return;
+        }
+        switch (e.key) {
+            case 's':
+                document.getElementById('q').focus();
+                return;
+            case 'h':
+                showHelp();
+                return;
+            case 'c':
+                compose_email(null, `${current_list}@${current_domain}`);
+                return;
+            case 'r':
+                console.log(current_open_email);
+                if (current_open_email && full_emails[current_open_email]) {
+                    compose_email(current_open_email);
+                }
+                return;
+            case 'Escape':
+                hideWindows();
+                return;
+            case 'ArrowRight': // quick-next
+                if (current_json) { // IF list view...
+                    let blobs = current_json.emails;
+                    if (current_listmode == 'threaded') blobs = current_json.thread_struct;
+                    let no_emails = blobs.length;
+                    if (current_email_idx == undefined && current_json && (current_index_pos + current_per_page) < no_emails) {
+                        listview_header({pos: current_index_pos + current_per_page}, current_json);
+                    }
+                }
+                return;
+            case 'ArrowLeft': // quick previous
+                if (current_json) { // IF list view...
+                    let blobs = current_json.emails;
+                    if (current_listmode == 'threaded') blobs = current_json.thread_struct;
+                    let no_emails = blobs.length;
+                    if (current_email_idx == undefined && current_json && (current_index_pos - current_per_page) >= 0) {
+                        listview_header({pos: current_index_pos - current_per_page}, current_json);
+                    }
+                }
+                return;
+        }
+        
+    }
+}
+
+// swipe left/right for next/previous page on mobile
+function ponymail_swipe(event) {
+    // Only accept "big" swipes
+    let len = Math.abs(event.swipestart.coords[0] - event.swipestop.coords[ 0 ]);
+    let direction = event.swipestart.coords[0] > event.swipestop.coords[ 0 ] ? 'left' : 'right';
+    console.log("swipe %s of %u pixels detected".format(direction, len));
+    if (len < 20) return false;
+    if (direction == 'right') {
+        if (current_json) { // IF list view...
+            let blobs = current_json.emails;
+            if (current_listmode == 'threaded') blobs = current_json.thread_struct;
+            let no_emails = blobs.length;
+            if (current_email_idx == undefined && current_json && (current_index_pos - current_per_page) >= 0) {
+                listview_header({pos: current_index_pos - current_per_page}, current_json);
+            }
+        }
+    }
+    else if (direction == 'left') {
+        if (current_json) { // IF list view...
+            let blobs = current_json.emails;
+            if (current_listmode == 'threaded') blobs = current_json.thread_struct;
+            let no_emails = blobs.length;
+            if (current_email_idx == undefined && current_json && (current_index_pos + current_per_page) < no_emails) {
+                listview_header({pos: current_index_pos + current_per_page}, current_json);
+            }
+        }
+    }
+    return false;
+}
\ No newline at end of file
diff --git a/webui/js/source/list-index.js b/webui/js/source/list-index.js
new file mode 100644
index 0000000..18c32f4
--- /dev/null
+++ b/webui/js/source/list-index.js
@@ -0,0 +1,89 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ */
+
+let list_json = {}
+
+function list_index(state, json) {
+    if (json) {
+        list_json = json;
+    }
+    let lists = document.getElementById('list_picker_ul');
+    if (state && state.letter) {
+        let tab = undefined;
+        let tabs = lists.childNodes;
+        for (var i = 0; i < tabs.length; i++) {
+            let xtab = tabs[i];
+            if ((xtab.innerText == state.to || xtab.getAttribute('data-list') == state.to)) {
+                tab = xtab;
+                tab.setAttribute("class", 'active');
+            } else {
+                xtab.setAttribute("class", "");
+            }
+            
+        }
+        return;
+    }
+    else {
+        let letters = 'abcdefghijklmnopqrstuvwxyz*';
+        for (var i = 0; i < letters.length; i++) {
+            let letter = letters[i].toUpperCase();
+            let li = new HTML('li', {onclick: 'switch_index({letter: "%s"});'.format(letter), class: (letter == 'A') ? 'active' :null}, letter);
+            lists.inject(li);
+        }
+    }
+}
+
+let preferred_lists = ['dev', 'users'];
+let preferred_no_lists = ['security'];
+
+function best_list(entries) {
+    let x = 0;
+    let pick = 'dev';
+    for (var key in entries) {
+        if (preferred_lists.has(key)) return key;
+        if (preferred_no_lists.has(key) && Object.keys(entries).length > 1) continue;
+        if (entries[key] > x) {
+            x = entries[key];
+            pick = key;
+        }
+    }
+    return pick;
+}
+
+function list_index_onepage(state, json) {
+    let obj = document.getElementById('list_index_child');
+    obj.style.padding = '8px';
+    let domains = Object.keys(json.lists);
+    domains.sort();
+    let letter = '';
+    for (var i = 0; i < domains.length; i++) {
+        let domain = domains[i];
+        let l = domain[0];
+        if (l != letter) {
+            letter = l;
+            let lhtml = new HTML('h2', {}, l.toUpperCase());
+            obj.inject(lhtml);
+        }
+        let a = new HTML('a', {href: 'list.html?%s@%s'.format(best_list(json.lists[domain]), domain)}, domain);
+        obj.inject(['- ', a]);
+        obj.inject(new HTML('br'));
+    }
+}
+
+function prime_list_index() {
+    GET('%sapi/preferences.lua'.format(apiURL), list_index_onepage, {});
+}
diff --git a/webui/js/source/listview-flat.js b/webui/js/source/listview-flat.js
new file mode 100644
index 0000000..eceb351
--- /dev/null
+++ b/webui/js/source/listview-flat.js
@@ -0,0 +1,102 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ */
+
+function calc_per_page() {
+    // Figure out how many emails per page
+    let body = document.body;
+    let html = document.documentElement;
+    let height = Math.max( body.scrollHeight, 
+                       html.clientHeight, html.scrollHeight);
+    let width = Math.max( body.scrollWidth, 
+                       html.clientWidth, html.scrollWidth);
+    let email_h = 40;
+    console.log("window area: %ux%u".format(width, height));
+    if (width < 600) { console.log("Using narrow view, halving emails per page..."); email_h = 80;}
+    height -= 180;
+    let per_page = Math.max(5, Math.floor(height / email_h));
+    per_page -= per_page % 5;
+    return per_page;
+}
+
+function listview_flat(json, start) {
+    let list = document.getElementById('emails');
+    list.innerHTML = "";
+    let per_page = calc_per_page();
+    
+    let s = start || 0;
+    if (json.emails && json.emails.length) {
+        for (n = s; n < (s+per_page); n++ ) {
+            let z = json.emails.length - n - 1; // reverse order by default
+            if (json.emails[z]) {
+                let item = listview_flat_element(json.emails[z], z);
+                list.inject(item);
+                
+                // Hidden placeholder for expanding email(s)
+                let placeholder = new HTML('div', {class: chatty_layout ? 'email_placeholder_chatty' : 'email_placeholder', id: 'email_%u'.format(z)});
+                list.inject(placeholder);
+            }
+        }
+    } else {
+        list.inject(txt("No emails found..."));
+    }
+}
+
+function listview_flat_element(eml, idx) {
+    
+    let link_wrapper = new HTML('a', {href:'thread.html/%s'.format(eml.id), onclick:'return(expand_email_threaded(%u, true));'.format(idx)});
+    
+    let element = new HTML('div', { class: "listview_email_flat"}, " ");
+    let date = new Date(eml.epoch*1000.0);
+    let now = new Date();
+    
+    // Add gravatar
+    let gravatar = new HTML('img', { class:"gravatar", src: "https://secure.gravatar.com/avatar/%s.jpg?s=96&r=g&d=mm".format(eml.gravatar)});
+    element.inject(gravatar);
+    
+    
+    // Add author
+    let authorName = eml.from.replace(/\s*<.+>/, "").replace(/"/g, '');
+    if (authorName.length == 0) authorName = "(No author?)";
+    let author = new HTML('span', { class: "listview_email_author"}, authorName);
+    element.inject(author);
+    
+    
+    // Combined space for subject + body teaser
+    let as = new HTML('div', {class: 'listview_email_as'});
+    
+    let suba = new HTML('a', {}, eml.subject === '' ? '(No subject)' : eml.subject);
+    let subject = new HTML('div', {class: 'listview_email_subject email_unread'}, suba);
+    as.inject(subject);
+    
+    let body = new HTML('div', {class: 'listview_email_body'}, eml.body);
+    as.inject(body);
+    
+    element.inject(as);
+    
+    // Labels
+    let labels = new HTML('div', {class: 'listview_email_labels'});
+    let dl = new HTML('span', { class: 'label label-default'}, date.ISOBare());
+    if (now - date < 86400000) {
+        dl.setAttribute("class", "label label-primary");
+    }
+    labels.inject(dl);
+    
+    element.inject(labels);
+    link_wrapper.inject(element);
+    
+    return link_wrapper;
+}
\ No newline at end of file
diff --git a/webui/js/source/listview-header.js b/webui/js/source/listview-header.js
new file mode 100644
index 0000000..88da484
--- /dev/null
+++ b/webui/js/source/listview-header.js
@@ -0,0 +1,261 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ */
+
+let prev_listview_json = {};
+let prev_listview_state = {};
+let current_index_pos = 0;
+let current_per_page = 0;
+
+function listview_header(state, json) {
+    let list_title = json.list;
+    prev_listview_json = json;
+    prev_listview_state = state;
+    if (current_list == 'virtual' && current_domain == 'inbox') {
+        list_title = "Virtual inbox, past 30 days";
+    }
+    let blobs = json.emails;
+    if (current_listmode == 'threaded') blobs = json.thread_struct;
+    
+    if (current_year && current_month) {
+        list_title += ", %s %u".format(months[current_month-1], current_year);
+    } else {
+      list_title += ", past month";
+    }
+    document.getElementById('listview_title').innerText = list_title + ":";
+    let download = new HTML('button', { title: 'Download as mbox archive', download: 'true'}, new HTML('span', {class: 'glyphicon glyphicon-save'}, " "));
+    document.getElementById('listview_title').inject(download);
+    
+    let chevrons = document.getElementById('listview_chevrons');
+    let per_page = calc_per_page();
+    current_per_page = per_page;
+    current_index_pos = state.pos || 0;
+    let first = 1;
+    if (state && state.pos) {
+        first = 1 + state.pos;
+    }
+    chevrons.innerHTML = "Showing <b>%u through %u</b> of <b>%u</b> topics&nbsp;".format(first, Math.min(first + per_page - 1, blobs.length), blobs.length||0);
+    
+    let pprev = Math.max(0, first - per_page - 1);
+    let cback = new HTML('button', { onclick: 'listview_header({pos: %u}, current_json);'.format(pprev), disabled: (first == 1) ? 'true': null}, new HTML('span', {class: 'glyphicon glyphicon-chevron-left'}, " "));
+    chevrons.inject(cback);
+    
+    let pnext = first + per_page - 1;
+    let cforward = new HTML('button', { onclick: 'listview_header({pos: %u}, current_json);'.format(pnext),  disabled: (first+per_page-1 >= blobs.length) ? 'true': null}, new HTML('span', {class: 'glyphicon glyphicon-chevron-right'}, " "));
+    chevrons.inject(cforward);
+    
+    let crefresh = new HTML('button', { onclick: 'parseURL();', title: 'Refresh results', style: {marginLeft: '8px'}}, new HTML('span', {class: 'glyphicon glyphicon-refresh'}, " "));
+    chevrons.inject(crefresh);
+    
+    if (state && state.pos != undefined) {
+        if (current_listmode == 'threaded') {
+            listview_threaded(json, state.pos);
+        } else {
+            listview_flat(json, state.pos);
+        }
+    }
+    
+    let tm = document.getElementById('threaded_mobile_img');
+    if (tm) {
+      if (current_listmode == 'threaded') tm.setAttribute("src", "images/threading_enabled.png");
+      else tm.setAttribute("src", "images/threading_disabled.png");
+    }
+}
+
+function listview_list_lists(state, json) {
+    let lists = document.getElementById('list_picker_ul');
+    if (state && state.to) {
+        let tab = undefined;
+        let tabs = lists.childNodes;
+        for (var i = 0; i < tabs.length; i++) {
+            let xtab = tabs[i];
+            if ((state.to == 'search' && xtab.getAttribute('id') == 'tab_search') || (xtab.innerText == state.to || xtab.getAttribute('data-list') == state.to)) {
+                tab = xtab;
+                tab.setAttribute("class", state.to == 'search' ? 'search' : 'active');
+            } else if (xtab.getAttribute("class") != 'list_all_narrow' && xtab.getAttribute("class") != 'others') {
+                xtab.setAttribute("class", "");
+            }
+            
+        }
+        return;
+    }
+    if (!json) {
+        json = ponymail_preferences;
+    }
+    if (lists) {
+    	lists.innerHTML = "";
+    
+	    let searching = (state && state.search === true) ? true : false;
+    	if (isHash(json.lists) && json.lists[current_domain]) {
+        	lists_sorted = [];
+        	for (var list in json.lists[current_domain]) {
+            	lists_sorted.push([list, json.lists[current_domain][list]]);
+        	}
+        	lists_sorted.sort((a,b) => b[1] - a[1]);
+        	let alists = [];
+        	for (var i = 0; i < lists_sorted.length; i++) alists.push(lists_sorted[i][0]);
+        	if (current_list != '*' && current_domain != '*') {
+            	alists.remove(current_list);
+            	alists.unshift(current_list);
+        	}
+        	let maxlists = (searching && 3 || 4);
+        	for (var i = 0; i < alists.length; i++) {
+            	if (i >= maxlists) break;
+            	let listname = alists[i];
+            	let listnametxt = listname;
+            	if (long_tabs) { listnametxt = '%s@%s'.format(listname, current_domain);}
+            	let li = new HTML('li', {onclick: 'switch_list(this, "tab");', class: (listname == current_list && !searching) ? 'active' :null}, listnametxt);
+            	li.setAttribute("data-list", '%s@%s'.format(listname, current_domain));
+            	lists.inject(li);
+        	}
+	        
+        	if (alists.length > maxlists) {
+            	let other_lists_sorted = [];
+            	for (var i = maxlists; i < alists.length; i++) {
+                	other_lists_sorted.push(alists[i]);
+            	}
+            	other_lists_sorted.sort();
+            	let li = new HTML('li', {class: 'others'});
+            	let otherlists = new HTML('select', {class: 'listview_others', onchange: 'switch_list(this.value);'});
+            	otherlists.inject(new HTML('option', { disabled: 'disabled', selected: 'selected'}, 'Other lists (%u):'.format(other_lists_sorted.length)));
+            	li.inject(otherlists);
+            	for (var i = 0; i < other_lists_sorted.length; i++) {
+	               let listname = other_lists_sorted[i];
+               	let opt = new HTML('option', {value: "%s@%s".format(listname, current_domain)}, listname);
+               		otherlists.inject(opt);
+            	}
+            	lists.inject(li);
+        	}
+        	// All lists, for narrow UI
+        	let all_lists_narrow = [];
+        	for (var i = 0; i < alists.length; i++) {
+            	all_lists_narrow.push(alists[i]);
+        	}
+        	all_lists_narrow.sort();
+        	let li = new HTML('li', {class: 'list_all_narrow'});
+        	let otherlists = new HTML('select', {class: 'listview_others', onchange: 'switch_list(this.value);'});
+        	otherlists.inject(new HTML('option', { disabled: 'disabled', selected: 'selected'}, "%s@%s".format(current_list, current_domain)));
+        	li.inject(otherlists);
+        	for (var i = 0; i < all_lists_narrow.length; i++) {
+         	  let listname = all_lists_narrow[i];
+           	let opt = new HTML('option', {value: "%s@%s".format(listname, current_domain)}, listname);
+           	otherlists.inject(opt);
+	        }
+        	lists.inject(li);
+        }
+    }
+    if (searching) {
+        let li = new HTML('li', {onclick: 'switch_list(this, "tab");', id: 'tab_search', class: 'search'}, "Search: %s".format(state.query));
+        li.setAttribute("data-url", state.url);
+        li.setAttribute("data-href", location.href);
+        lists.inject(li);
+    }
+    
+    // Populate the project selector
+    if (isHash(json.lists)) {
+        let no_projects = 0;
+        let select = document.getElementById('project_select');
+        if (!select || select_primed) return;
+        let opts = {}
+        let doms = [];
+        for (var domain in json.lists) {
+            let option = new HTML('option', { value: domain }, domain);
+            opts[domain] = option;
+            doms.push(domain);
+            no_projects++;
+        }
+        if (no_projects > 1 || current_domain == '*') {
+            select.innerHTML = "";
+            let title = new HTML('option', { disabled: 'disabled', selected: 'true', value: ''}, "Available projects (%u):".format(no_projects));
+            select.inject(title);
+            doms.sort();
+            for (var i = 0; i < doms.length; i++) {
+                select.inject(opts[doms[i]]);
+            }
+            select.style.display = "inline-block";
+            select_primed = true; // mark it primed so we don't generate it again later
+        }
+    }
+}
+
+
+function switch_project(domain) {
+    // TODO: improve this
+  if (ponymail_preferences && ponymail_preferences.lists[domain]) {
+    // Switch to the most populous, but not commits/cvs
+    let lists_sorted = [];
+    for (var list in ponymail_preferences.lists[domain]) {
+        lists_sorted.push([list, ponymail_preferences.lists[domain][list]]);
+    }
+    lists_sorted.sort((a,b) => b[1] - a[1]);
+    let lists = [];
+    for (var i = 0; i < lists_sorted.length; i++) lists.push(lists_sorted[i][0]);
+    let listname = lists[0];
+    let n = 1;
+    if (lists.length > n) {
+        while (boring_lists.has(listname) && lists.length > n) {
+            listname = lists[n];
+            n++;
+        }
+        if (lists.has(favorite_list)) {
+            listname = favorite_list;
+        }
+    }
+    switch_list('%s@%s'.format(listname, domain));
+  } else {
+    switch_list('dev@%s'.format(domain));
+  }
+}
+
+function switch_list(list, from) {
+    let listid = list;
+    if (typeof list == 'object') {
+        let dataURL = list.getAttribute('data-url');
+        if (dataURL) {
+            GET(dataURL, renderListView, {search: true, cached: true});
+            let newhref = list.getAttribute('data-href');
+            if (location.href !== newhref) {
+              window.history.pushState({}, null, newhref);
+            }
+            listview_list_lists({to: 'search'});
+            return;
+        }
+        listid = list.getAttribute("data-list") || list.innerText;
+    }
+    let bits = listid.split("@");
+    current_list = bits[0];
+    current_domain = bits[1];
+    current_year = 0;
+    current_month = 0;
+    
+    let newhref = "list.html?%s".format(listid);
+    if (location.href !== newhref) {
+      window.history.pushState({}, null, newhref);
+    }
+
+    console.log("Switching list ...");
+    listview_list_lists({to: from ? listid : undefined});
+    post_prime({cached: true, from: from});
+}
+
+window.addEventListener('orientationchange', function() {
+    window.setTimeout(function() {
+        if (anyOpen() == false) {
+            listview_header(prev_listview_state, prev_listview_json); 
+        }
+    }, 100);
+}, false);
+
diff --git a/webui/js/source/listview-threaded.js b/webui/js/source/listview-threaded.js
new file mode 100644
index 0000000..0306b2e
--- /dev/null
+++ b/webui/js/source/listview-threaded.js
@@ -0,0 +1,180 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ */
+
+function calc_email_width() {
+    // Figure out how many emails per page
+    let body = document.body;
+    let html = document.documentElement;
+    let width = Math.max( body.scrollWidth, body.offsetWidth, 
+                       html.clientWidth, html.scrollWidth, html.offsetWidth );
+    return width;
+}
+
+function listview_threaded(json, start) {
+    let list = document.getElementById('emails');
+    list.innerHTML = "";
+    let per_page = calc_per_page();
+    
+    let s = start || 0;
+    if (json.thread_struct && json.thread_struct.length) {
+        for (n = s; n < (s+per_page); n++ ) {
+            let z = json.thread_struct.length - n - 1; // reverse order by default
+            if (json.thread_struct[z]) {
+                let item = listview_threaded_element(json.thread_struct[z], z);
+                list.inject(item);
+                // Hidden placeholder for expanding email(s)
+                let placeholder = new HTML('div', {class: chatty_layout ? 'email_placeholder_chatty' : 'email_placeholder', id: 'email_%u'.format(z)});
+                list.inject(placeholder);
+            }
+        }
+    } else {
+        list.inject(txt("No emails found..."));
+    }
+}
+
+function find_email(id) {
+    let json = current_json;
+    for (var i = 0; i < json.emails.length; i++) {
+        if (json.emails[i].id == id) return json.emails[i];
+    }
+    return null;
+}
+
+function count_replies(thread) {
+    let reps = 0;
+    if (isArray(thread.children)) {
+        for (let i = 0; i < thread.children.length; i++) {
+            if (thread.children[i].tid == thread.tid) reps--;
+            if (true) {
+                reps++;
+                reps += count_replies(thread.children[i]);
+            }
+        }
+    }
+    return reps;
+}
+
+function count_people(thread, hash) {
+    let ppl = hash || {};
+    let eml = find_email(thread.tid);
+    if (eml) ppl[eml.from]  = true;
+    if (isArray(thread.children)) {
+        for (let i = 0; i < thread.children.length; i++) {
+            if (true) {
+                count_people(thread.children[i], ppl);
+            }
+        }
+    }
+    let n = 0;
+    for (var _ in ppl) n++;
+    return n;
+}
+
+
+function last_email(thread) {
+    let newest = thread.epoch;
+    if (isArray(thread.children)) {
+        for (let i = 0; i < thread.children.length; i++) {
+            newest = Math.max(newest, last_email(thread.children[i]));
+        }
+    }
+    return newest;
+}
+
+
+
+function listview_threaded_element(thread, idx) {
+    let eml = find_email(thread.tid);
+    if (!eml) { return; }
+    
+    let link_wrapper = new HTML('a', {href:'thread.html/%s'.format(eml.id), onclick:'return(expand_email_threaded(%u));'.format(idx)});
+    
+    let element = new HTML('div', { class: "listview_email_flat"}, " ");
+    let date = new Date(eml.epoch*1000.0);
+    let now = new Date();
+    
+    // Add gravatar
+    let gravatar = new HTML('img', { class:"gravatar", src: "https://secure.gravatar.com/avatar/%s.jpg?s=96&r=g&d=mm".format(eml.gravatar)});
+    element.inject(gravatar);
+    
+    
+    // Add author
+    let authorName = eml.from.replace(/\s*<.+>/, "").replace(/"/g, '');
+    if (authorName.length == 0) authorName = "(No author?)";
+    let author = new HTML('span', { class: "listview_email_author"}, authorName);
+    element.inject(author);
+    
+    // If needed, inject ML name
+    if (current_domain == 'inbox' || current_list == '*') {
+        author.style.lineHeight = '16px';
+        author.inject(new HTML('br'));
+        author.inject(new HTML('span', { class: "label label-primary", style: "font-style: italic; font-size: 1rem;"}, eml.list_raw.replace(/[<>]/g, '').replace('.','@',1)));
+    }
+    
+    
+    
+    // Combined space for subject + body teaser
+    let as = new HTML('div', {class: 'listview_email_as'});
+    
+    let suba = new HTML('a', {},  eml.subject === '' ? '(No subject)' : eml.subject);
+    if (current_json.name == '*' || current_json.domain == '*') {
+        let kbd = new HTML('kbd', {class: 'listview_kbd'}, eml.list_raw.replace(/[<>]/g, '').replace('.','@',1))
+        suba = [kbd, suba];
+    }
+    let subject = new HTML('div', {class: 'listview_email_subject email_unread'}, suba);
+    as.inject(subject);
+    
+    let body = new HTML('div', {class: 'listview_email_body'}, eml.body);
+    as.inject(body);
+    
+    element.inject(as);
+    
+    // Labels
+    let labels = new HTML('div', {class: 'listview_email_labels'});
+    
+    
+    // Participants
+    let ppl = count_people(thread);
+    let ptitle = (ppl == 1) ? "one participant" : "%u participants".format(ppl);
+    let people = new HTML('span', { class: 'label label-default', title: ptitle}, [
+        new HTML('span', { class: 'glyphicon glyphicon-user'}, ' '),
+        " %u".format(ppl)
+                                                                 ]);
+    labels.inject(people);
+    
+    // Replies
+    let reps = count_replies(thread);
+    let rtitle = (reps == 1) ? "one reply" : "%u replies".format(reps);
+    let repl = new HTML('span', { class: 'label label-default', title: rtitle}, [
+        new HTML('span', { class: 'glyphicon glyphicon-envelope'}, ' '),
+        " %u".format(reps)
+                                                                 ]);
+    labels.inject(repl);
+    
+    // Date
+    date = new Date(last_email(thread) * 1000.0);
+    let dl = new HTML('span', { class: 'label label-default'}, date.ISOBare());
+    if (now - date < 86400000) {
+        dl.setAttribute("class", "label label-primary");
+    }
+    labels.inject(dl);
+    
+    element.inject(labels);
+    link_wrapper.inject(element);
+    
+    return link_wrapper;
+}
diff --git a/webui/js/source/preferences.js b/webui/js/source/preferences.js
new file mode 100644
index 0000000..3c1ccde
--- /dev/null
+++ b/webui/js/source/preferences.js
@@ -0,0 +1,128 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+// logout: log out a user
+// call the logout URL, then refresh this page - much simple!
+function logout() {
+    GET("/api/preferences.lua?logout=true", () => location.href = document.location);
+}
+
+function init_preferences(state, json) {
+    ponymail_preferences = json || {};
+    // First, load session local settings, if possible
+    if (can_store) {
+        let local_preferences = window.localStorage.getItem('ponymail_preferences');
+        if (local_preferences) {
+            ljson = JSON.parse(local_preferences);
+            if (ljson.chatty_layout !== undefined) {
+                chatty_layout = ljson.chatty_layout;
+            }
+        }
+    }
+    
+    // color some links
+    let cl = document.getElementById('chatty_link');
+    if (cl) {
+      cl.setAttribute("class", chatty_layout ? "enabled" : "disabled");
+    }
+    
+    if (ponymail_preferences.login && ponymail_preferences.login.credentials) {
+      let prefsmenu = document.getElementById('prefs_dropdown');
+      let uimg = document.getElementById('uimg');
+      uimg.setAttribute("src", "images/user.png");
+      uimg.setAttribute("title", "Logged in as %s".format(ponymail_preferences.login.credentials.fullname));
+      
+      // Generate user menu
+      prefsmenu.innerHTML = "";
+      
+      
+      let logout = new HTML('a', { href: "javascript:void(logout());"}, "Log out");
+      let li = new HTML('li', {}, logout)
+      prefsmenu.inject(li);
+      
+    } else {
+      let prefsmenu = document.getElementById('prefs_dropdown');
+      if (prefsmenu) {
+        prefsmenu.innerHTML = "";
+        let login = new HTML('a', { href: "javascript:location.href='oauth.html';"}, "Log In");
+        let li = new HTML('li', {}, login)
+        prefsmenu.inject(li);
+      }
+    }
+    
+    if (json) {
+      listview_list_lists(state, json);
+      if (state && state.prime) {
+        // If lists is accessible, show it
+        if (json.lists[current_domain] && json.lists[current_domain][current_list] != undefined) {
+          post_prime(state);
+        } else {// otherwise, bork
+          if (current_list.length > 0 && Object.keys(json.lists[current_domain]).length > 0) {
+            let eml = document.getElementById('emails');
+            eml.innerText = "We couldn't find this list. It may not exist or require you to be logged in with specific credentials.";
+            eml.inject(new HTML('br'));
+            eml.inject(new HTML('a', {href: 'oauth.html'}, "Click here to log in via OAuth"));
+          } else {
+            console.log(current_domain);
+            let first_list = Object.keys(json.lists[current_domain])[0];
+            location.href = `?${first_list}@${current_domain}`;
+          }
+        }
+      }
+    }
+}
+
+function save_preferences() {
+    if (can_store) {
+        let ljson = {
+            chatty_layout: chatty_layout
+        };
+        let lstring = JSON.stringify(ljson);
+        window.localStorage.setItem('ponymail_preferences', lstring);
+        console.log("Saved local preferences");
+    }
+}
+
+
+function set_theme(theme) {
+    current_listmode = theme;
+    renderListView(current_state, current_json);
+    save_preferences();
+}
+
+function set_skin(skin) {
+  chatty_layout = !chatty_layout;
+  let cl = document.getElementById('chatty_link');
+  if (cl) {
+    cl.setAttribute("class", chatty_layout ? "enabled" : "disabled");
+  }
+  hideWindows(true);
+  renderListView(current_state, current_json);
+  save_preferences();
+}
+
+// set_skin, but for permalinks
+function set_skin_permalink(skin) {
+  chatty_layout = !chatty_layout;
+  let cl = document.getElementById('chatty_link');
+  if (cl) {
+    cl.setAttribute("class", chatty_layout ? "enabled" : "disabled");
+  }
+  hideWindows(true);
+  save_preferences();
+  parse_permalink();
+}
\ No newline at end of file
diff --git a/webui/js/source/primer.js b/webui/js/source/primer.js
new file mode 100644
index 0000000..05f4e9e
--- /dev/null
+++ b/webui/js/source/primer.js
@@ -0,0 +1,180 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ */
+
+
+/* List View Rendering main func */
+function renderListView(state, json) {
+    if (json) {
+        current_json = json;
+    }
+    current_state = state;
+    async_escrow['rendering'] = new Date();
+    if (!state || state.update_calendar !== false) {
+        renderCalendar(json.firstYear,json.firstMonth,json.lastYear, json.lastMonth);
+    }
+    // sort threads by date
+    if (isArray(json.thread_struct)) {
+        current_json.thread_struct.sort((a,b) => last_email(a) - last_email(b));
+    }
+    listview_header(state, json);
+    if (current_listmode == 'threaded') { listview_threaded(json, 0); }
+    else { listview_flat(json, 0);}
+    
+    sidebar_stats(json); // This comes last, takes the longest with WC enabled.
+    delete async_escrow['rendering'];
+    
+    if (state && state.to) {
+      listview_list_lists(state);
+    }
+}
+
+/* Primer function for List View
+ * Fetches the following:
+ * - user preferences (api/preferences.lua)
+ * - pony mail list DB (api/pminfo.lua)
+ * - emails from this list (api/stats.lua)
+ * When done, we create the scaffolding and list view
+ */
+function primeListView(state) {
+    console.log("Priming user interface for List View..");
+    state = state || {};
+    state.prime = true;
+    GET('%sapi/preferences.lua'.format(apiURL), init_preferences, state);
+}
+
+// callback from when prefs have loaded
+function post_prime(state) {
+  let sURL = '%sapi/stats.lua?list=%s&domain=%s'.format(apiURL, current_list, current_domain);
+    if (current_year && current_month) {
+        sURL += "&d=%u-%u".format(current_year, current_month);
+    }
+    if (! (state && state.search)) {
+      if (state && state.array) {
+        collated_json = {};
+        virtual_inbox_loading = true;
+        for (var i = 0; i < state.array.length; i++) {
+          let list = state.array[i].split('@');
+          sURL = '%sapi/stats.lua?list=%s&domain=%s'.format(apiURL, list[0], list[1]);
+          GET(sURL, render_virtual_inbox, state);
+        }
+      } else {
+        GET(sURL, renderListView, state);
+      }
+    } else {
+      search(state.query, state.date);
+    }
+}
+
+
+function parseURL(state) {
+  let bits = window.location.search.substr(1).split(":", 3);
+  let list = bits[0];
+  let month = bits[1];
+  let query = bits[2];
+  let list_array = null;
+  state = state || {};
+  current_query = query || "";
+  current_month = 0;
+  current_year = 0;
+  
+  // If "month" (year-month) is specified,
+  // we should set the current vars
+  if (month) {
+    try {
+        let dbits = month.split("-");
+        current_year = dbits[0];
+        current_month = dbits[1];
+    } catch (e) {}
+  }
+  // Is this a valid list?
+  if (list !== '') {
+    // multi-list??
+    if (list.match(/,/)) {
+      state.array = list.split(',');
+      current_domain = 'inbox';
+      current_list = 'virtual';
+    } else {
+      let lbits = list.split("@");
+      if (lbits.length > 1) {
+        current_list = lbits[0];
+        current_domain = lbits[1];
+      } else {
+        current_domain = lbits;
+        current_list = '';
+      }
+    }
+  }
+  // Are we initiating a search?
+  if (query) {
+    state.search = true;
+    state.query = query;
+    state.date = month;
+  }
+  primeListView(state);
+};
+
+
+
+// Parse a permalink and fetch the thread
+function parse_permalink() {
+  // message id is the bit after the last /
+  let mid = location.href.split('/').pop();
+  init_preferences(); // blank call to load defaults like social rendering
+  GET('%sapi/preferences.lua'.format(apiURL), init_preferences, null);
+  // Fetch the thread data and pass to build_single_thread
+  GET('%sapi/thread.lua?id=%s'.format(apiURL, mid), construct_single_thread, {cached: true});
+}
+
+
+// Virtual inbox Ĺ•endering
+function render_virtual_inbox(state, json) {
+    if (json) {
+        collated_json.emails = collated_json.emails || [];
+        collated_json.thread_struct = collated_json.thread_struct || [];
+        for (var i = 0; i < json.emails.length; i++) {
+          collated_json.emails.push(json.emails[i]);
+        }
+        for (var i = 0; i < json.thread_struct.length; i++) {
+          collated_json.thread_struct.push(json.thread_struct[i]);
+        }
+    }
+    
+    for (var k in async_escrow) {
+        return;
+    }
+    
+    if (true) {
+      console.log("Rendering multi-list")
+      current_json = collated_json;
+      current_json.participants = [];
+      
+      async_escrow['rendering'] = new Date();
+      if (!state || state.update_calendar !== false) {
+          renderCalendar(json.firstYear,json.firstMonth,json.lastYear, json.lastMonth);
+      }
+      // sort threads by date
+      if (isArray(json.thread_struct)) {
+          current_json.thread_struct.sort((a,b) => last_email(a) - last_email(b));
+      }
+      listview_header(state, current_json);
+      if (current_listmode == 'threaded') { listview_threaded(current_json, 0); }
+      else { listview_flat(current_json, 0);}
+      
+      sidebar_stats(current_json); // This comes last, takes the longest with WC enabled.
+      delete async_escrow['rendering'];
+    }
+}
\ No newline at end of file
diff --git a/webui/js/source/render-email.js b/webui/js/source/render-email.js
new file mode 100644
index 0000000..7377033
--- /dev/null
+++ b/webui/js/source/render-email.js
@@ -0,0 +1,169 @@
+let full_emails = {};
+
+async function render_email(state, json) {
+    let div = state.div;
+    full_emails[json.mid] = json; // Save for composer if replying later...
+    if (state.scroll) {
+        let rect = div.getBoundingClientRect();
+        try {
+            window.setTimeout(function() { window.scrollTo(0, rect.top - 48);}, 200);
+            console.log("Scrolled to %u".format(rect.top - 48));
+        } catch (e) {}
+    }
+    if (chatty_layout) {
+        return render_email_chatty(state, json);
+    }
+    
+    // Author
+    let author_field = new HTML('div', {class: 'email_kv'});
+    let author_key = new HTML('div', {class: 'email_key'}, "From: ");
+    let author_value = new HTML('div', {class: 'email_value'}, json.from);
+    author_field.inject([author_key, author_value]);
+    div.inject(author_field);
+    
+    // Subject
+    let subject_field = new HTML('div', {class: 'email_kv'});
+    let subject_key = new HTML('div', {class: 'email_key'}, "Subject: ");
+    let subject_value = new HTML('div', {class: 'email_value'}, json.subject == '' ? '(No subject)' : json.subject);
+    subject_field.inject([subject_key, subject_value]);
+    div.inject(subject_field);
+    
+    // Date
+    let date_field = new HTML('div', {class: 'email_kv'});
+    let date_key = new HTML('div', {class: 'email_key'}, "Date: ");
+    let date_value = new HTML('div', {class: 'email_value'}, new Date(json.epoch * 1000.0).ISOBare());
+    date_field.inject([date_key, date_value]);
+    div.inject(date_field);
+    
+    
+    // List
+    let listname = json.list_raw.replace(".", "@", 1).replace(/[<>]/g, "");
+    let list_field = new HTML('div', {class: 'email_kv'});
+    let list_key = new HTML('div', {class: 'email_key'}, "List: ");
+    let list_value = new HTML('div', {class: 'email_value'},
+        new HTML('a', {href: 'list.html?%s'.format(listname)}, listname)
+        );
+    list_field.inject([list_key, list_value]);
+    div.inject(list_field);
+    
+    // Private email??
+    if (json.private === true) {
+        let priv_field = new HTML('div', {class: 'email_kv'});
+        let priv_key = new HTML('div', {class: 'email_key'}, "Private: ");
+        let priv_value = new HTML('div', {class: 'email_value_emphasis'}, "YES");
+        priv_field.inject([priv_key, priv_value]);
+        div.inject(priv_field);
+    }
+    
+    // Attachments?
+    if (json.attachments && json.attachments.length > 0) {
+        let attach_field = new HTML('div', {class: 'email_kv'});
+        let attach_key = new HTML('div', {class: 'email_key'}, "Attachment(s): ");
+        let alinks = [];
+        for (let n = 0; n < json.attachments.length; n++) {
+            let attachment = json.attachments[n];
+            let link = `${apiURL}/api/email.lua?attachment=true&id=${json.mid}&file=${attachment.hash}`;
+            let a = new HTML('a', {href: link, target: '_blank'}, attachment.filename);
+            alinks.push(a);
+            let fs = " ${attachment.size} bytes";
+            if (attachment.size >= 1024) fs = ` ${Math.floor(attachment.size/1024)} KB`;
+            if (attachment.size >= 1024*1024) fs = ` ${Math.floor(attachment.size/(1024*10.24))/100} MB`;
+            alinks.push (fs);
+            alinks.push(new HTML('br'));
+        }
+        let attach_value = new HTML('div', {class: 'email_value'}, alinks);
+        attach_field.inject([attach_key, attach_value]);
+        div.inject(attach_field);
+    }
+    
+    let text = new HTML('pre', {}, fixup_quotes(json.body));
+    div.inject(text);
+    
+    
+    let toolbar = new HTML('div', {class: 'toolbar'});
+    
+    // reply to email button
+    let replybutton = new HTML('button', { title: "Reply to this email", onclick: `compose_email('${json.mid}');`, class: 'btn toolbar_btn toolbar_button_reply'}, new HTML('span', { class: 'glyphicon glyphicon-pencil'}, ' '));
+    toolbar.inject(replybutton);
+    
+    // permalink button
+    let linkbutton = new HTML('a', { href: 'thread.html/%s'.format(json.mid), title: "Permanent link to this email", class: 'btn toolbar_btn toolbar_button_link'}, new HTML('span', { class: 'glyphicon glyphicon-link'}, ' '));
+    toolbar.inject(linkbutton);
+    
+    // Source-view button
+    let sourcebutton = new HTML('a', { href: '%sapi/source.lua?id=%s'.format(apiURL, json.mid), title: "View raw source", class: 'btn toolbar_btn toolbar_button_source'}, new HTML('span', { class: 'glyphicon glyphicon-file'}, ' '));
+    toolbar.inject(sourcebutton);
+    
+    text.inject(toolbar);
+}
+
+
+
+async function render_email_chatty(state, json) {
+    let div = state.div;
+    div.parentNode.style.border = 'none';
+    
+    // Author
+    let when = new Date(json.epoch * 1000.0);
+    let ldate = when.toISOString();
+    try {
+        ldate = "%s %s".format(when.toLocaleDateString('en-US', ponymail_date_format), when.toLocaleTimeString());
+    } catch (e) {
+        
+    }
+    
+    let author_field = new HTML('div', {class: 'chatty_author'});
+    let gravatar = new HTML('img', { class:"chatty_gravatar", src: "https://secure.gravatar.com/avatar/%s.jpg?s=96&r=g&d=mm".format(json.gravatar)});
+    let author_name = json.from.replace(/\s*<.+>/, "").replace(/"/g, '');
+    let author_nametag = new HTML('div', {class: 'chatty_author_name'}, [
+                                  new HTML('b', {}, author_name),
+                                  " - %s".format(ldate)
+                                  ]);
+    author_field.inject([gravatar, author_nametag]);
+    div.inject(author_field);
+    let chatty_body = fixup_quotes(json.body);
+    if (json.mid == current_open_email) {
+        let header = new HTML('h4', {class: 'chatty_title_inline'}, json.subject);
+        chatty_body.unshift(header);
+    }
+    let text = new HTML('pre', {class: 'chatty_body'}, chatty_body);
+    div.inject(text);
+    
+    // Attachments?
+    if (json.attachments && json.attachments.length > 0) {
+        let attach_field = new HTML('div', {class: 'email_kv'});
+        let attach_key = new HTML('div', {class: 'email_key'}, "Attachment(s): ");
+        let alinks = [];
+        for (let n = 0; n < json.attachments.length; n++) {
+            let attachment = json.attachments[n];
+            let link = `${apiURL}/api/email.lua?attachment=true&id=${json.mid}&file=${attachment.hash}`;
+            let a = new HTML('a', {href: link, target: '_blank'}, attachment.filename);
+            alinks.push(a);
+            let fs = " ${attachment.size} bytes";
+            if (attachment.size >= 1024) fs = ` ${Math.floor(attachment.size/1024)} KB`;
+            if (attachment.size >= 1024*1024) fs = ` ${Math.floor(attachment.size/(1024*10.24))/100} MB`;
+            alinks.push (fs);
+            alinks.push(new HTML('br'));
+        }
+        let attach_value = new HTML('div', {class: 'email_value'}, alinks);
+        attach_field.inject([attach_key, attach_value]);
+        text.inject(attach_field);
+    }
+    
+    let toolbar = new HTML('div', {class: 'toolbar_chatty'});
+    
+    // reply to email button
+    let replybutton = new HTML('button', { title: "Reply to this email", onclick: `compose_email('${json.mid}');`, class: 'btn toolbar_btn toolbar_button_reply'}, new HTML('span', { class: 'glyphicon glyphicon-pencil'}, ' '));
+    toolbar.inject(replybutton);
+    
+    // permalink button
+    let linkbutton = new HTML('a', { href: 'thread.html/%s'.format(json.mid), title: "Permanent link to this email", class: 'btn toolbar_btn toolbar_button_link'}, new HTML('span', { class: 'glyphicon glyphicon-link'}, ' '));
+    toolbar.inject(linkbutton);
+    
+    // Source-view button
+    let sourcebutton = new HTML('a', { href: '%sapi/source.lua?id=%s'.format(apiURL, json.mid), title: "View raw source", class: 'btn toolbar_btn toolbar_button_source'}, new HTML('span', { class: 'glyphicon glyphicon-file'}, ' '));
+    toolbar.inject(sourcebutton);
+    
+    text.inject(toolbar);
+}
+
diff --git a/webui/js/source/scaffolding-html.js b/webui/js/source/scaffolding-html.js
new file mode 100644
index 0000000..31a40dd
--- /dev/null
+++ b/webui/js/source/scaffolding-html.js
@@ -0,0 +1,151 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ */
+
+
+/**
+ * HTML: DOM creator class
+ * args:
+ * - type: HTML element type (div, table, p etc) to produce
+ * - params: hash of element params to add (class, style etc)
+ * - children: optional child or children objects to insert into the new element
+ * Example:
+ * div = new HTML('div', {
+ *    class: "footer",
+ *    style: {
+ *        fontWeight: "bold"
+ *    }
+#}, "Some text inside a div")
+ */
+
+var txt = (msg) => document.createTextNode(msg);
+
+var HTML = (function() {
+  function HTML(type, params, children) {
+
+    /* create the raw element, or clone if passed an existing element */
+    var child, j, len, val;
+    if (typeof type === 'object') {
+      this.element = type.cloneNode();
+    } else {
+      this.element = document.createElement(type);
+    }
+
+    /* If params have been passed, set them */
+    if (isHash(params)) {
+      for (var key in params) {
+        val = params[key];
+
+        /* Standard string value? */
+        if (typeof val === "string" || typeof val === 'number') {
+          this.element.setAttribute(key, val);
+        } else if (isArray(val)) {
+
+          /* Are we passing a list of data to set? concatenate then */
+          this.element.setAttribute(key, val.join(" "));
+        } else if (isHash(val)) {
+
+          /* Are we trying to set multiple sub elements, like a style? */
+          for (var subkey in val) {
+            let subval = val[subkey];
+            if (!this.element[key]) {
+              throw "No such attribute, " + key + "!";
+            }
+            this.element[key][subkey] = subval;
+          }
+        }
+      }
+    }
+
+    /* If any children have been passed, add them to the element */
+    if (children) {
+
+      /* If string, convert to textNode using txt() */
+      if (typeof children === "string") {
+        this.element.inject(txt(children));
+      } else {
+
+        /* If children is an array of elems, iterate and add */
+        if (isArray(children)) {
+          for (j = 0, len = children.length; j < len; j++) {
+            child = children[j];
+
+            /* String? Convert via txt() then */
+            if (typeof child === "string") {
+              this.element.inject(txt(child));
+            } else {
+
+              /* Plain element, add normally */
+              this.element.inject(child);
+            }
+          }
+        } else {
+
+          /* Just a single element, add it */
+          this.element.inject(children);
+        }
+      }
+    }
+    return this.element;
+  }
+
+  return HTML;
+
+})();
+
+/**
+ * prototype injector for HTML elements:
+ * Example: mydiv.inject(otherdiv)
+ */
+
+HTMLElement.prototype.inject = function(child) {
+  var item, j, len;
+  if (isArray(child)) {
+    for (j = 0, len = child.length; j < len; j++) {
+      item = child[j];
+      if (typeof item === 'string') {
+        item = txt(item);
+      }
+      this.appendChild(item);
+    }
+  } else {
+    if (typeof child === 'string') {
+      child = txt(child);
+    }
+    this.appendChild(child);
+  }
+  return child;
+};
+
+
+
+/**
+ * prototype for emptying an html element
+ */
+
+HTMLElement.prototype.empty = function() {
+  var ndiv;
+  ndiv = this.cloneNode();
+  this.parentNode.replaceChild(ndiv, this);
+  return ndiv;
+};
+
+function toggleView(id) {
+  let obj = document.getElementById(id);
+  if (obj) {
+    obj.style.display = (obj.style.display == 'block') ? 'none' : 'block';
+  }
+}
diff --git a/webui/js/source/search.js b/webui/js/source/search.js
new file mode 100644
index 0000000..a6cfc65
--- /dev/null
+++ b/webui/js/source/search.js
@@ -0,0 +1,60 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+ */
+
+function search(query, date) {
+    let list = current_list;
+    let global = false;
+    let domain = current_domain;
+    if (ponymail_search_list == 'global') {
+        list = '*';
+        domain = '*';
+        global = true;
+    }
+    if (ponymail_search_list == 'domain') {
+        list = '*';
+        global = true;
+    }
+    let sURL = '%sapi/stats.lua?d=%s&list=%s&domain=%s&q=%s'.format(apiURL, date, list, domain, query);
+    GET(sURL, renderListView, {search: true, global: global});
+    let listid = '%s@%s'.format(list, domain);
+    let newhref = "list.html?%s:%s:%s".format(listid, date, query);
+    if (location.href !== newhref) {
+      window.history.pushState({}, null, newhref);
+    }
+
+    listview_list_lists({url: sURL, search: true, query: query});
+    hideWindows(true);
+    document.getElementById('q').value = query;
+    return false;
+}
+
+// set the list(s) to search, update links
+function search_set_list(what) {
+    ponymail_search_list = what;
+    let links = document.getElementsByClassName('searchlistoption');
+    let whatxt = "this list"
+    for (var i = 0; i < links.length; i++) {
+        let el = links[i];
+        if (el.getAttribute("id").match(what)) {
+            el.setAttribute("class", "searchlistoption checked");
+            whatxt = el.innerText.toLowerCase();
+        } else {
+            el.setAttribute("class", "searchlistoption");
+        }
+    }
+    document.getElementById('q').setAttribute("placeholder", "Search %s...".format(whatxt));
+}
diff --git a/webui/js/source/sidebar-calendar.js b/webui/js/source/sidebar-calendar.js
new file mode 100644
index 0000000..1eb9bcb
--- /dev/null
+++ b/webui/js/source/sidebar-calendar.js
@@ -0,0 +1,122 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+var months_shortened = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+var default_start_year = 1990;
+var default_end_year = 2100;
+var calendar_index = 0;
+var calendar_years_shown = 4;
+
+function renderCalendar(FY, FM, LY, LM) {
+    calendar_index = 0;
+    
+    // Only render if calendar div is present
+    let cal = document.getElementById('sidebar_calendar');
+    if (!cal) {return;}
+    
+    let now = new Date();
+    let CY = now.getFullYear();
+    let CM = now.getMonth();
+    let SY = Math.min(LY, CY); // last year in calendar, considering current date
+
+    let cdiv = new HTML('div', { class: 'sidebar_calendar' })
+    let N = 0;
+    
+    // Chevron for moving to later years
+    let chevron = new HTML('div', { class: 'sidebar_calendar_chevron'});
+        chevron.inject(new HTML('span', { onclick: 'calendar_scroll(this, -4);', style: {display: 'none'}, id: 'sidebar_calendar_up' , class: 'glyphicon glyphicon-collapse-up', title: "Show later years"}, " "));
+        cdiv.inject(chevron);
+    
+    // Create divs for each year, assign all visible
+    for (var Y = SY; Y >= FY; Y--) {
+        let ydiv = new HTML('div', { class: 'sidebar_calendar_year', id: 'sidebar_calendar_'+N++ });
+        ydiv.inject(txt(Y));
+        ydiv.inject(new HTML('br'));
+        for (var i = 0; i < months_shortened.length; i++) {
+            let mon = months_shortened[i];
+            let mdiv = new HTML('div', { onclick: 'calendar_click(%u, %u);'.format(Y, i+1), class: 'sidebar_calendar_month'}, mon);
+            
+            // Mark out-of-bounds segments
+            if ( (Y == SY && i >= LM) || (Y == CY && i > CM) ) {
+                mdiv.setAttribute("class", "sidebar_calendar_month_nothing");
+            }
+            if (Y == FY && ((i+1) < FM)) {
+                mdiv.setAttribute("class", "sidebar_calendar_month_nothing");
+            }
+            ydiv.inject(mdiv);
+        }
+        cdiv.inject(ydiv);
+    }
+    
+    cal.innerHTML = "<p style='text-align: center;'>Archives (%u - %u):</p>".format(FY, SY);
+    cal.inject(cdiv);
+    
+        
+    chevron = new HTML('div', { class: 'sidebar_calendar_chevron'});
+    chevron.inject(new HTML('span', { onclick: 'calendar_scroll(this, 4);', style: {display: 'none'}, id: 'sidebar_calendar_down', class: 'glyphicon glyphicon-collapse-down', title: "Show earlier years"}, " "));
+    cdiv.inject(chevron);
+    
+    // If we have > 4 years, hide the rest
+    if (N > calendar_years_shown) {
+        for (var i = calendar_years_shown; i < N; i++) {
+            let obj = document.getElementById('sidebar_calendar_'+i);
+            if (obj) {
+                obj.style.display = "none";
+            }
+        }
+        document.getElementById('sidebar_calendar_down').style.display = 'block';
+    }
+}
+
+function calendar_scroll(me, x) {
+    let years = document.getElementsByClassName('sidebar_calendar_year');
+    calendar_index = Math.max(Math.min(years.length-x, calendar_index + x), 0);
+    if (calendar_index > 0) {
+        document.getElementById('sidebar_calendar_up').style.display = 'block';
+    } else {
+        document.getElementById('sidebar_calendar_up').style.display = 'none';
+    }
+    if (calendar_index < (years.length-x)) {
+        document.getElementById('sidebar_calendar_down').style.display = 'block';
+    } else {
+        document.getElementById('sidebar_calendar_down').style.display = 'none';
+    }
+    
+    
+    for (var i = 0; i < years.length; i++) {
+        let year = years[i];
+        if (typeof(year) == 'object') {
+            if (i >= calendar_index && i < (calendar_index+Math.abs(x))) {
+                year.style.display = "block";
+            } else {
+                year.style.display = "none";
+            }
+        }    
+    }
+    
+}
+
+function calendar_click(year, month) {
+    current_year = year;
+    current_month = month;
+    searching = false;
+    let newhref = "list.html?%s@%s:%u-%u".format(current_list, current_domain, year, month);
+    if (location.href !== newhref) {
+      window.history.pushState({}, null, newhref);
+    }
+    GET('%sapi/stats.lua?list=%s&domain=%s&d=%u-%u'.format(apiURL, current_list, current_domain, year, month), renderListView, {to: '%s@%s'.format(current_list, current_domain), update_calendar: false});
+}
\ No newline at end of file
diff --git a/webui/js/source/sidebar-stats.js b/webui/js/source/sidebar-stats.js
new file mode 100644
index 0000000..217eb4a
--- /dev/null
+++ b/webui/js/source/sidebar-stats.js
@@ -0,0 +1,61 @@
+/*
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+async function sidebar_stats(json) {
+    let obj = document.getElementById('sidebar_stats');
+    if (!obj) { return; }
+    
+    obj.innerHTML = ""; // clear stats bar
+    
+    if (!json.emails || isHash(json.emails) || json.emails.length == 0) {
+        obj.innerText = "No emails found...";
+        return;
+    }
+    
+    // Top 10 participants
+    obj.inject("Found %u emails by %u authors, divided into %u topics.".format(json.emails.length, json.numparts, json.no_threads));
+    obj.inject(new HTML('h5', {}, "Most active authors:"));
+    for (var i=0; i < json.participants.length; i++) {
+        if (i >= 5) {
+            break;
+        }
+        let par = json.participants[i];
+        if (par.name.length > 24) {
+            par.name = par.name.substr(0, 23) + "...";
+        }
+        if (par.name.length == 0) {
+            par.name = par.email;
+        }
+        pdiv = new HTML('div', {class:"sidebar_stats_participant"});
+        pimg = new HTML('img', { class:"gravatar_sm", src: "https://secure.gravatar.com/avatar/%s.jpg?s=64&r=g&d=mm".format(par.gravatar)})
+        pdiv.inject(pimg);
+        pdiv.inject(new HTML('b', {}, par.name+": "));
+        pdiv.inject(new HTML('br'));
+        pdiv.inject("%u emails sent".format(par.count));
+        obj.inject(pdiv);
+    }
+    
... 635 lines suppressed ...