commit 758d5153de90baca35c3e6d7fde7a9f43270d27b
Author: Alicia <...>
Date:   Tue Jun 26 00:25:10 2018 +0200

    Initial commit

diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..be3f7b2
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,661 @@
+                    GNU AFFERO GENERAL PUBLIC LICENSE
+                       Version 3, 19 November 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU Affero General Public License is a free, copyleft license for
+software and other kinds of works, specifically designed to ensure
+cooperation with the community in the case of network server software.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+our General Public Licenses are intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  Developers that use our General Public Licenses protect your rights
+with two steps: (1) assert copyright on the software, and (2) offer
+you this License which gives you legal permission to copy, distribute
+and/or modify the software.
+
+  A secondary benefit of defending all users' freedom is that
+improvements made in alternate versions of the program, if they
+receive widespread use, become available for other developers to
+incorporate.  Many developers of free software are heartened and
+encouraged by the resulting cooperation.  However, in the case of
+software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and
+letting the public access it on a server without ever releasing its
+source code to the public.
+
+  The GNU Affero General Public License is designed specifically to
+ensure that, in such cases, the modified source code becomes available
+to the community.  It requires the operator of a network server to
+provide the source code of the modified version running there to the
+users of that server.  Therefore, public use of a modified version, on
+a publicly accessible server, gives the public access to the source
+code of the modified version.
+
+  An older license, called the Affero General Public License and
+published by Affero, was designed to accomplish similar goals.  This is
+a different license, not a version of the Affero GPL, but Affero has
+released a new version of the Affero GPL which permits relicensing under
+this license.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU Affero General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Remote Network Interaction; Use with the GNU General Public License.
+
+  Notwithstanding any other provision of this License, if you modify the
+Program, your modified version must prominently offer all users
+interacting with it remotely through a computer network (if your version
+supports such interaction) an opportunity to receive the Corresponding
+Source of your version by providing access to the Corresponding Source
+from a network server at no charge, through some standard or customary
+means of facilitating copying of software.  This Corresponding Source
+shall include the Corresponding Source for any work covered by version 3
+of the GNU General Public License that is incorporated pursuant to the
+following paragraph.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the work with which it is combined will remain governed by version
+3 of the GNU General Public License.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU Affero General Public License from time to time.  Such new versions
+will be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU Affero General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU Affero General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU Affero General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If your software can interact with users remotely through a computer
+network, you should also make sure that it provides a way for users to
+get its source.  For example, if your program is a web application, its
+interface could display a "Source" link that leads users to an archive
+of the code.  There are many ways you could offer source, and different
+solutions will be better for different programs; see section 13 for the
+specific requirements.
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU AGPL, see
+<https://www.gnu.org/licenses/>.
diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..e909e5e
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,9 @@
+LIBS=$(shell pkg-config --libs libwebsocket gthread-2.0)
+CFLAGS=-g3 $(shell pkg-config --cflags libwebsocket gthread-2.0)
+all: poold web/0.png web/1.png web/2.png web/3.png web/4.png web/5.png web/6.png web/7.png web/8.png web/9.png web/10.png web/11.png web/12.png web/13.png web/14.png web/15.png
+
+poold: daemon.o match.o
+	$(CC) $^ $(LIBS) -o $@
+
+%.png: %.svg
+	inkscape -z -w 38 -h 38 $< -e $@
diff --git a/daemon.c b/daemon.c
new file mode 100644
index 0000000..829de35
--- /dev/null
+++ b/daemon.c
@@ -0,0 +1,77 @@
+/*
+    Ion Pool, a web-based two-player pool game.
+    Copyright (C) 2018  Alicia <...>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+*/
+#include <stdlib.h>
+#include <stdio.h>
+#include <poll.h>
+#include <netdb.h>
+#include <sys/socket.h>
+#include <netinet/in.h>
+#include <glib.h>
+#include "match.h"
+
+int main(int argc, char** argv)
+{
+  if(argc>1){tlscert=argv[1];}
+  if(argc>2){tlskey=argv[2];}
+  int sock=socket(PF_INET, SOCK_STREAM, IPPROTO_TCP);
+  struct addrinfo* ai;
+  getaddrinfo("0.0.0.0", "4001", 0, &ai);
+  if(bind(sock, ai->ai_addr, ai->ai_addrlen)){perror("bind"); return 1;}
+  freeaddrinfo(ai);
+  listen(sock, 10);
+  struct pollfd* pfd=malloc(sizeof(struct pollfd));
+  unsigned int pfdcount=1;
+  pfd[0].fd=sock;
+  pfd[0].events=POLLIN;
+  pfd[0].revents=0;
+//  struct waiting* waitinglist=0;
+  while(1)
+  {
+    poll(pfd, pfdcount, -1);
+    unsigned int i;
+    for(i=0; i<pfdcount; ++i)
+    {
+      if(!pfd[i].revents){continue;}
+      pfd[i].revents=0;
+//      if(i) // Non-zero index = client
+//      {
+//      }else{ // Server socket is the 0th index
+        struct sockaddr_storage addr;
+        socklen_t addrlen=sizeof(addr);
+        int client=accept(sock, (struct sockaddr*)&addr, &addrlen);
+        if(client<0){perror("accept"); continue;}
+        // Initiate websocket session
+// TODO: Deal with libwebsocket's DOS vulnerability somehow, threading I guess (then we can also drop the dynamic pfd and just lock on the waiting list)
+        int* sockbuf=malloc(sizeof(int));
+        *sockbuf=client;
+        g_thread_new("poold client", matchpool, sockbuf);
+/*
+        if(!websock_handshake_server(ws, wscallback, 0)){continue;}
+        // Add to lists
+        pfd=realloc(pfd, sizeof(struct pollfd)*++pfdcount);
+        pfd[pfdcount-1].fd=client;
+        pfd[pfdcount-1].events=POLLIN;
+        pfd[pfdcount-1].revents=0;
+        waitinglist=realloc(waitinglist, sizeof(struct waiting)*(pfdcount-1));
+        waitinglist[pfdcount-2].ws=ws;
+        waitinglist[pfdcount-2].key=0;
+*/
+//      }
+    }
+  }
+}
diff --git a/match.c b/match.c
new file mode 100644
index 0000000..f4f6940
--- /dev/null
+++ b/match.c
@@ -0,0 +1,166 @@
+/*
+    Ion Pool, a web-based two-player pool game.
+    Copyright (C) 2018  Alicia <...>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+*/
+#include <stdlib.h>
+#include <stdio.h>
+#include <unistd.h>
+#include <glib.h>
+#include <libwebsocket/websock.h>
+#include "match.h"
+
+struct game
+{
+  websock_conn* ws[2];
+  char* key;
+};
+struct game** waitinglist=0;
+unsigned int waitinglistlen=0;
+GMutex waitinglock;
+char* tlscert=0;
+char* tlskey=0;
+
+static const char* wscallback(const char* path, const char* host, char* protocol, const char* origin)
+{
+  return "pool0";
+}
+
+static void unlistgame(const struct game* game) // Mostly in case of giving up on a game
+{
+  g_mutex_lock(&waitinglock);
+  unsigned int i;
+  for(i=0; i<waitinglistlen; ++i)
+  {
+    if(waitinglist[i]==game)
+    {
+      --waitinglistlen;
+      memmove(&waitinglist[i], &waitinglist[i+1], (waitinglistlen-i)*sizeof(struct game*));
+      --i;
+    }
+  }
+  g_mutex_unlock(&waitinglock);
+}
+
+static struct game* findgame(const char* key, websock_conn* ws)
+{
+  g_mutex_lock(&waitinglock);
+  struct game* ret=0;
+  unsigned int i;
+  for(i=0; i<waitinglistlen; ++i)
+  {
+    if(key)
+    {
+      if(waitinglist[i]->key && !strcmp(key, waitinglist[i]->key)){ret=waitinglist[i]; break;}
+    }else{
+      if(!waitinglist[i]->key){ret=waitinglist[i]; break;}
+    }
+  }
+  if(ret) // Remove from waitinglist
+  {
+    ret->ws[1]=ws;
+    --waitinglistlen;
+    memmove(&waitinglist[i], &waitinglist[i+1], (waitinglistlen-i)*sizeof(struct game*));
+    int start=random()%2;
+    websock_write(ret->ws[start], "{\"cmd\":\"match\",\"yourturn\":true}", 31, WEBSOCK_TEXT);
+    websock_write(ret->ws[1-start], "{\"cmd\":\"match\",\"yourturn\":false}", 32, WEBSOCK_TEXT);
+  }
+  g_mutex_unlock(&waitinglock);
+  return ret;
+}
+
+#define KEYCHARS "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"
+static struct game* newgame(char genkey, websock_conn* ws)
+{
+  struct game* game=malloc(sizeof(struct game));
+  game->ws[0]=ws;
+  game->ws[1]=0;
+  if(genkey)
+  {
+    // Generate a random key, TODO: make sure it's unique
+    game->key=malloc(5);
+    unsigned int i;
+    for(i=0; i<4; ++i)
+    {
+      game->key[i]=KEYCHARS[random()%strlen(KEYCHARS)];
+    }
+    game->key[i]=0;
+printf("Generated key: '%s'\n", game->key);
+  }else{
+    game->key=0;
+  }
+  g_mutex_lock(&waitinglock);
+  waitinglist=realloc(waitinglist, sizeof(struct game*)*++waitinglistlen);
+  waitinglist[waitinglistlen-1]=game;
+  g_mutex_unlock(&waitinglock);
+  return game;
+}
+
+gpointer matchpool(gpointer data)
+{
+  int sock=*(int*)data;
+  free(data);
+  websock_conn* ws=websock_new(sock, !!tlscert, tlscert, tlskey);
+  if(!ws){close(sock); return 0;}
+// TODO: why doesn't libwebsocket have a close()?
+  if(!websock_handshake_server(ws, wscallback, 0)){close(sock); return 0;}
+//  websock_conn* partner=0;
+  struct game* game=0;
+  char gameside=0; // Whether our partner is ws[0] or ws[1]
+  struct websock_head head;
+int r;
+  while(r=websock_readhead(ws, &head))
+  {
+    char buf[head.length+1];
+    websock_readcontent(ws, buf, &head);
+    buf[head.length]=0;
+    if(game)
+    {
+      if(!game->ws[gameside]){websock_write(ws, "{\"cmd\":\"error\",\"msg\":\"Player 2 disconnected\"}", 45, WEBSOCK_TEXT); continue;}
+      websock_write(game->ws[gameside], buf, head.length, head.opcode);
+    }else{ // Sign up for a game
+// Three options: random game, specific game (generate key and send link to partner), join specific game
+// "random", "private", "private:key"
+      if(head.length==6 && !memcmp(buf, "random", 6))
+      {
+        // Search for game without a key, create if none exists
+        if(!(game=findgame(0, ws))){game=newgame(0, ws); gameside=1;}
+      }
+      else if(head.length==7 && !memcmp(buf, "private", 7))
+      {
+        game=newgame(1, ws);
+        gameside=1;
+        // Send key to user for sharing
+        char buf[strlen("{\"cmd\":\"gamekey\",\"key\":\"\"}")+strlen(game->key)+1];
+        sprintf(buf, "{\"cmd\":\"gamekey\",\"key\":\"%s\"}", game->key);
+        websock_write(ws, buf, strlen(buf), WEBSOCK_TEXT);
+      }
+      else if(head.length>8 && !memcmp(buf, "private:", 8))
+      {
+        if(!(game=findgame(&buf[8], ws))){websock_write(ws, "{\"cmd\":\"error\",\"msg\":\"Could not find the requested game\"}", 57, WEBSOCK_TEXT); continue;}
+      }
+    }
+  }
+printf("Player %i disconnected (%i)\n", (1-gameside), r);
+  if(game){game->ws[1-gameside]=0;}
+  close(sock);
+  unlistgame(game);
+  if(game && !game->ws[gameside]) // Partner disconnected already, free the game
+  {
+    free(game->key);
+    free(game);
+  }
+  return 0;
+}
diff --git a/match.h b/match.h
new file mode 100644
index 0000000..6ae4ff7
--- /dev/null
+++ b/match.h
@@ -0,0 +1,20 @@
+/*
+    Ion Pool, a web-based two-player pool game.
+    Copyright (C) 2018  Alicia <...>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+*/
+extern char* tlscert;
+extern char* tlskey;
+extern gpointer matchpool(gpointer data);
diff --git a/web/0.svg b/web/0.svg
new file mode 100644
index 0000000..aeb2fbd
--- /dev/null
+++ b/web/0.svg
@@ -0,0 +1,149 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+    Vector graphic of a pool ball.
+    Copyright (C) 2018  Pamela Hiatt
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ -->
+
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1000"
+   height="1000"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="cue.svg">
+  <defs
+     id="defs2">
+    <linearGradient
+       id="linearGradient6097"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop6095" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4546"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#f5f5f5;stop-opacity:1;"
+         offset="0"
+         id="stop4544" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138">
+      <stop
+         style="stop-color:#ececec;stop-opacity:1"
+         offset="0"
+         id="stop6134" />
+      <stop
+         style="stop-color:#999999;stop-opacity:1"
+         offset="1"
+         id="stop6136" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138"
+       id="radialGradient6192"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828793e-8,-1.6422463,118.48047,301.43509)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       gradientTransform="translate(-1.2845004e-4,-9e-6)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient917"
+       id="linearGradient919"
+       x1="354.30515"
+       y1="148.5"
+       x2="127.49358"
+       y2="148.5"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient917">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop913" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop915" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.24748737"
+     inkscape:cx="45.744716"
+     inkscape:cy="351.91901"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="748"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <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 />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline">
+    <circle
+       id="path3729-6"
+       cx="105"
+       cy="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       r="148.5" />
+    <path
+       style="display:inline;fill:url(#linearGradient919);fill-opacity:1;stroke:none;stroke-width:1.25870335;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 253.49989,148.5 c 0,60.1427 -38.38604,120.8986 -81.29658,120.8986 -42.91053,0 -39.29443,-60.7559 -39.29443,-120.8986 0,-60.142712 -0.0159,-119.698552 42.89462,-119.698542 42.91053,-10e-6 77.69639,59.55583 77.69639,119.698542 z"
+       id="path3729-6-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssss" />
+  </g>
+</svg>
diff --git a/web/1.svg b/web/1.svg
new file mode 100644
index 0000000..7cf9ef8
--- /dev/null
+++ b/web/1.svg
@@ -0,0 +1,222 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+    Vector graphic of a pool ball
+    Copyright (C) 2018  Pamela Hiatt
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+-->
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1000"
+   height="1000"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="1.svg">
+  <defs
+     id="defs2">
+    <linearGradient
+       id="linearGradient1474"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop1472" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient917">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop913" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop915" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6097"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop6095" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4546"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#f5f5f5;stop-opacity:1;"
+         offset="0"
+         id="stop4544" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138">
+      <stop
+         style="stop-color:#ffff00;stop-opacity:1"
+         offset="0"
+         id="stop6134" />
+      <stop
+         style="stop-color:#3c3c00;stop-opacity:1"
+         offset="1"
+         id="stop6136" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138"
+       id="radialGradient6192"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828793e-8,-1.6422463,118.48047,301.43509)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       gradientTransform="translate(1.4522461e-6,-1.5083008e-6)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient831"
+       id="linearGradient833"
+       x1="3.1485915"
+       y1="143.54596"
+       x2="190.35814"
+       y2="143.54596"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient831">
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:1"
+         offset="0"
+         id="stop827" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop829" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient917"
+       id="linearGradient919"
+       x1="354.30515"
+       y1="148.5"
+       x2="127.49358"
+       y2="148.5"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="454.58487"
+     inkscape:cy="334.65176"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer3"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="748"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <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:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline;opacity:1">
+    <circle
+       id="path3729-6"
+       cx="105"
+       cy="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       r="148.5" />
+    <circle
+       r="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       cy="148.5"
+       cx="105"
+       id="circle897" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="Layer 5" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="Layer 3"
+     style="display:inline">
+    <circle
+       style="display:inline;fill:url(#linearGradient833);fill-opacity:1;stroke:#000000;stroke-width:5.049;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path825"
+       cx="109.95404"
+       cy="143.54596"
+       r="79.204041" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Layer 4">
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot864"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:39.99997711px;line-height:1.25;font-family:AkrutiMal1;-inkscape-font-specification:'AkrutiMal1, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:#808080"
+       transform="matrix(5.7656679,0,0,5.7656679,-2223.8581,-1982.7979)"><flowRegion
+         id="flowRegion866"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:39.99997711px;font-family:AkrutiMal1;-inkscape-font-specification:'AkrutiMal1, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke:#808080"><rect
+           id="rect868"
+           width="113.13708"
+           height="133.34013"
+           x="395.9798"
+           y="345.42114"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:39.99997711px;font-family:AkrutiMal1;-inkscape-font-specification:'AkrutiMal1, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke:#808080" /></flowRegion><flowPara
+         id="flowPara2096">1</flowPara></flowRoot>  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Layer 6">
+    <path
+       style="display:inline;fill:url(#linearGradient919);fill-opacity:1;stroke:none;stroke-width:1.25870335;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 253.50001,148.5 c 0,60.1427 -38.38604,120.8986 -81.29657,120.8986 -42.91053,0 -39.29443,-60.7559 -39.29443,-120.8986 0,-60.142699 -0.0159,-119.698539 42.89461,-119.698538 42.91053,-2e-6 77.69639,59.555839 77.69639,119.698538 z"
+       id="path3729-6-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssss" />
+  </g>
+</svg>
diff --git a/web/10.svg b/web/10.svg
new file mode 100644
index 0000000..078b58a
--- /dev/null
+++ b/web/10.svg
@@ -0,0 +1,267 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+    Vector graphic of a pool ball
+    Copyright (C) 2018  Pamela Hiatt
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+-->
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1000"
+   height="1000"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="10.svg"
+   enable-background="new">
+  <defs
+     id="defs2">
+    <linearGradient
+       id="linearGradient1474"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop1472" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient917">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop913" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop915" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6097"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop6095" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4546"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#f5f5f5;stop-opacity:1;"
+         offset="0"
+         id="stop4544" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138">
+      <stop
+         style="stop-color:#0000ff;stop-opacity:1"
+         offset="0"
+         id="stop6134" />
+      <stop
+         style="stop-color:#000032;stop-opacity:1"
+         offset="1"
+         id="stop6136" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138"
+       id="radialGradient6192"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828793e-8,-1.6422463,118.48047,301.43509)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       gradientTransform="translate(1.4522461e-6,-1.5083008e-6)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient831"
+       id="linearGradient833"
+       x1="3.1485915"
+       y1="143.54596"
+       x2="190.35814"
+       y2="143.54596"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient831">
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:1"
+         offset="0"
+         id="stop827" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop829" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient917"
+       id="linearGradient919"
+       x1="354.30515"
+       y1="148.5"
+       x2="127.49358"
+       y2="148.5"
+       gradientUnits="userSpaceOnUse" />
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter916">
+      <feBlend
+         inkscape:collect="always"
+         mode="multiply"
+         in2="BackgroundImage"
+         id="feBlend918" />
+    </filter>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138-4"
+       id="radialGradient6192-6"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828794e-8,-1.6422463,118.57265,301.4351)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138-4">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop6134-9" />
+      <stop
+         style="stop-color:#999999;stop-opacity:1"
+         offset="1"
+         id="stop6136-5" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.49497475"
+     inkscape:cx="552.06798"
+     inkscape:cy="507.32082"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer6"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="748"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <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:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline;opacity:1">
+    <circle
+       id="path3729-6"
+       cx="105"
+       cy="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       r="148.5" />
+    <circle
+       r="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       cy="148.5"
+       cx="105"
+       id="circle897" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="Layer 5" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="Layer 3"
+     style="display:inline">
+    <circle
+       style="display:inline;fill:url(#linearGradient833);fill-opacity:1;stroke:#000000;stroke-width:5.049;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path825"
+       cx="109.95404"
+       cy="143.54596"
+       r="79.204041" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Layer 4"
+     style="filter:url(#filter916)">
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot864"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:39.99969864px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:#b3b3b3;"
+       transform="matrix(2.6920406,0,0,2.6920406,-1025.9308,-841.64991)"><flowRegion
+         id="flowRegion866"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:39.99969864px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke:#b3b3b3;"><rect
+           id="rect868"
+           width="113.13708"
+           height="133.34013"
+           x="395.9798"
+           y="345.42114"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:39.99969864px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke:#b3b3b3;" /></flowRegion><flowPara
+         id="flowPara920">10</flowPara></flowRoot>  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Layer 6">
+    <path
+       style="display:inline;fill:url(#linearGradient919);fill-opacity:1;stroke:none;stroke-width:1.25870335;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 253.50001,148.5 c 0,60.1427 -38.38604,120.8986 -81.29657,120.8986 -42.91053,0 -39.29443,-60.7559 -39.29443,-120.8986 0,-60.142699 -0.0159,-119.698539 42.89461,-119.698538 42.91053,-2e-6 77.69639,59.555839 77.69639,119.698538 z"
+       id="path3729-6-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssss" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer6"
+     inkscape:label="Layer 7">
+    <path
+       inkscape:connector-curvature="0"
+       style="display:inline;fill:url(#radialGradient6192-6);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 105.09218,3.0000001e-6 A 148.5,148.5 0 0 0 -13.478691,59.400003 H 223.71119 A 148.5,148.5 0 0 0 105.09218,3.0000001e-6 Z M -17.774751,231.66 A 148.5,148.5 0 0 0 105.09218,297 148.5,148.5 0 0 0 228.07686,231.66 Z"
+       id="path3729-6-0" />
+  </g>
+</svg>
diff --git a/web/11.svg b/web/11.svg
new file mode 100644
index 0000000..91992fb
--- /dev/null
+++ b/web/11.svg
@@ -0,0 +1,268 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+    Vector graphic of a pool ball
+    Copyright (C) 2018  Pamela Hiatt
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+-->
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1000"
+   height="1000"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="11.svg"
+   enable-background="new">
+  <defs
+     id="defs2">
+    <linearGradient
+       id="linearGradient1474"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop1472" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient917">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop913" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop915" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6097"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop6095" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4546"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#f5f5f5;stop-opacity:1;"
+         offset="0"
+         id="stop4544" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138">
+      <stop
+         style="stop-color:#ff0000;stop-opacity:1"
+         offset="0"
+         id="stop6134" />
+      <stop
+         style="stop-color:#320000;stop-opacity:1"
+         offset="1"
+         id="stop6136" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138"
+       id="radialGradient6192"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828793e-8,-1.6422463,118.48047,301.43509)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       gradientTransform="translate(1.4522461e-6,-1.5083008e-6)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient831"
+       id="linearGradient833"
+       x1="3.1485915"
+       y1="143.54596"
+       x2="190.35814"
+       y2="143.54596"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient831">
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:1"
+         offset="0"
+         id="stop827" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop829" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient917"
+       id="linearGradient919"
+       x1="354.30515"
+       y1="148.5"
+       x2="127.49358"
+       y2="148.5"
+       gradientUnits="userSpaceOnUse" />
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter844">
+      <feBlend
+         inkscape:collect="always"
+         mode="multiply"
+         in2="BackgroundImage"
+         id="feBlend846" />
+    </filter>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138-4"
+       id="radialGradient6192-1"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828794e-8,-1.6422463,118.33624,301.4351)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138-4">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop6134-9" />
+      <stop
+         style="stop-color:#999999;stop-opacity:1"
+         offset="1"
+         id="stop6136-2" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.7"
+     inkscape:cx="419.50078"
+     inkscape:cy="847.39936"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer6"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="748"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <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:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline;opacity:1">
+    <circle
+       id="path3729-6"
+       cx="105"
+       cy="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       r="148.5" />
+    <circle
+       r="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       cy="148.5"
+       cx="105"
+       id="circle897" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="Layer 5" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="Layer 3"
+     style="display:inline">
+    <circle
+       style="display:inline;fill:url(#linearGradient833);fill-opacity:1;stroke:#000000;stroke-width:5.049;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path825"
+       cx="109.95404"
+       cy="143.54596"
+       r="79.204041" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Layer 4"
+     style="filter:url(#filter844)">
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot864"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:39.99969864px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:#cccccc;"
+       transform="matrix(2.8161391,0,0,2.8161391,-1077.5575,-889.67849)"><flowRegion
+         id="flowRegion866"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:39.99969864px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke:#cccccc;"><rect
+           id="rect868"
+           width="113.13708"
+           height="133.34013"
+           x="395.9798"
+           y="345.42114"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:39.99969864px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke:#cccccc;" /></flowRegion><flowPara
+         id="flowPara848"
+         style="stroke:#cccccc;">11</flowPara></flowRoot>  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Layer 6">
+    <path
+       style="display:inline;fill:url(#linearGradient919);fill-opacity:1;stroke:none;stroke-width:1.25870335;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 253.50001,148.5 c 0,60.1427 -38.38604,120.8986 -81.29657,120.8986 -42.91053,0 -39.29443,-60.7559 -39.29443,-120.8986 0,-60.142699 -0.0159,-119.698539 42.89461,-119.698538 42.91053,-2e-6 77.69639,59.555839 77.69639,119.698538 z"
+       id="path3729-6-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssss" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer6"
+     inkscape:label="Layer 7">
+    <path
+       inkscape:connector-curvature="0"
+       style="display:inline;fill:url(#radialGradient6192-1);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 104.85577,1.0000001e-6 A 148.5,148.5 0 0 0 -13.715113,59.400001 H 223.47478 A 148.5,148.5 0 0 0 104.85577,1.0000001e-6 Z M -18.011163,231.66 A 148.5,148.5 0 0 0 104.85577,297 148.5,148.5 0 0 0 227.84045,231.66 Z"
+       id="path3729-6-0" />
+  </g>
+</svg>
diff --git a/web/12.svg b/web/12.svg
new file mode 100644
index 0000000..d3e0b1a
--- /dev/null
+++ b/web/12.svg
@@ -0,0 +1,268 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+    Vector graphic of a pool ball
+    Copyright (C) 2018  Pamela Hiatt
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+-->
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1000"
+   height="1000"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="12.svg"
+   enable-background="new">
+  <defs
+     id="defs2">
+    <linearGradient
+       id="linearGradient1474"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop1472" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient917">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop913" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop915" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6097"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop6095" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4546"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#f5f5f5;stop-opacity:1;"
+         offset="0"
+         id="stop4544" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138">
+      <stop
+         style="stop-color:#ff00ff;stop-opacity:1"
+         offset="0"
+         id="stop6134" />
+      <stop
+         style="stop-color:#320032;stop-opacity:1"
+         offset="1"
+         id="stop6136" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138"
+       id="radialGradient6192"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828793e-8,-1.6422463,118.48047,301.43509)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       gradientTransform="translate(1.4522461e-6,-1.5083008e-6)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient831"
+       id="linearGradient833"
+       x1="3.1485915"
+       y1="143.54596"
+       x2="190.35814"
+       y2="143.54596"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient831">
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:1"
+         offset="0"
+         id="stop827" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop829" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient917"
+       id="linearGradient919"
+       x1="354.30515"
+       y1="148.5"
+       x2="127.49358"
+       y2="148.5"
+       gradientUnits="userSpaceOnUse" />
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter844">
+      <feBlend
+         inkscape:collect="always"
+         mode="multiply"
+         in2="BackgroundImage"
+         id="feBlend846" />
+    </filter>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138-5"
+       id="radialGradient6192-2"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828793e-8,-1.6422463,118.43841,301.4351)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138-5">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop6134-4" />
+      <stop
+         style="stop-color:#999999;stop-opacity:1"
+         offset="1"
+         id="stop6136-7" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="358.9453"
+     inkscape:cy="653.28946"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer6"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="748"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <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:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline;opacity:1">
+    <circle
+       id="path3729-6"
+       cx="105"
+       cy="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       r="148.5" />
+    <circle
+       r="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       cy="148.5"
+       cx="105"
+       id="circle897" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="Layer 5" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="Layer 3"
+     style="display:inline">
+    <circle
+       style="display:inline;fill:url(#linearGradient833);fill-opacity:1;stroke:#000000;stroke-width:5.049;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path825"
+       cx="109.95404"
+       cy="143.54596"
+       r="79.204041" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Layer 4"
+     style="filter:url(#filter844)">
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot864"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:39.99969864px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:#cccccc;"
+       transform="matrix(2.7801424,0,0,2.7801424,-1063.5851,-875.9525)"><flowRegion
+         id="flowRegion866"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:39.99969864px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke:#cccccc;"><rect
+           id="rect868"
+           width="113.13708"
+           height="133.34013"
+           x="395.9798"
+           y="345.42114"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:39.99969864px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke:#cccccc;" /></flowRegion><flowPara
+         id="flowPara848"
+         style="stroke:#cccccc;">12</flowPara></flowRoot>  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Layer 6">
+    <path
+       style="display:inline;fill:url(#linearGradient919);fill-opacity:1;stroke:none;stroke-width:1.25870335;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 253.50001,148.5 c 0,60.1427 -38.38604,120.8986 -81.29657,120.8986 -42.91053,0 -39.29443,-60.7559 -39.29443,-120.8986 0,-60.142699 -0.0159,-119.698539 42.89461,-119.698538 42.91053,-2e-6 77.69639,59.555839 77.69639,119.698538 z"
+       id="path3729-6-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssss" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer6"
+     inkscape:label="Layer 7">
+    <path
+       inkscape:connector-curvature="0"
+       style="display:inline;fill:url(#radialGradient6192-2);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 104.95794,2.8e-6 A 148.5,148.5 0 0 0 -13.612938,59.400003 H 223.57694 A 148.5,148.5 0 0 0 104.95794,2.8e-6 Z M -17.908995,231.66 A 148.5,148.5 0 0 0 104.95794,297 148.5,148.5 0 0 0 227.94261,231.66 Z"
+       id="path3729-6-4" />
+  </g>
+</svg>
diff --git a/web/13.svg b/web/13.svg
new file mode 100644
index 0000000..2153d72
--- /dev/null
+++ b/web/13.svg
@@ -0,0 +1,289 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+    Vector graphic of a pool ball
+    Copyright (C) 2018  Pamela Hiatt
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+-->
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1000"
+   height="1000"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="13.svg"
+   enable-background="new">
+  <defs
+     id="defs2">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient2747">
+      <stop
+         style="stop-color:#999999;stop-opacity:1"
+         offset="0"
+         id="stop2743" />
+      <stop
+         style="stop-color:#e6e6e6;stop-opacity:1"
+         offset="1"
+         id="stop2745" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1474"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop1472" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient917">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop913" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop915" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6097"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop6095" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4546"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#f5f5f5;stop-opacity:1;"
+         offset="0"
+         id="stop4544" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138">
+      <stop
+         style="stop-color:#ff9a00;stop-opacity:1"
+         offset="0"
+         id="stop6134" />
+      <stop
+         style="stop-color:#732e00;stop-opacity:1"
+         offset="1"
+         id="stop6136" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138"
+       id="radialGradient6192"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828793e-8,-1.6422463,118.48047,301.43509)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       gradientTransform="translate(1.4522461e-6,-1.5083008e-6)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient831"
+       id="linearGradient833"
+       x1="3.1485915"
+       y1="143.54596"
+       x2="190.35814"
+       y2="143.54596"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient831">
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:1"
+         offset="0"
+         id="stop827" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop829" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient917"
+       id="linearGradient919"
+       x1="354.30515"
+       y1="148.5"
+       x2="127.49358"
+       y2="148.5"
+       gradientUnits="userSpaceOnUse" />
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter844">
+      <feBlend
+         inkscape:collect="always"
+         mode="multiply"
+         in2="BackgroundImage"
+         id="feBlend846" />
+    </filter>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138-7"
+       id="radialGradient6192-7"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828794e-8,-1.6422463,118.38254,301.4351)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138-7">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop6134-1" />
+      <stop
+         style="stop-color:#999999;stop-opacity:1"
+         offset="1"
+         id="stop6136-1" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2747"
+       id="linearGradient2749"
+       x1="-248.81317"
+       y1="775.95337"
+       x2="-293.0462"
+       y2="775.95337"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="372.71837"
+     inkscape:cy="434.33147"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer3"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="748"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <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:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline;opacity:1">
+    <circle
+       id="path3729-6"
+       cx="105"
+       cy="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       r="148.5" />
+    <circle
+       r="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       cy="148.5"
+       cx="105"
+       id="circle897" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="Layer 5" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="Layer 3"
+     style="display:inline">
+    <circle
+       style="display:inline;fill:url(#linearGradient833);fill-opacity:1;stroke:#000000;stroke-width:5.049;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path825"
+       cx="109.95404"
+       cy="143.54596"
+       r="79.204041" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Layer 4"
+     style="filter:url(#filter844)">
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot2735"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:url(#linearGradient2749)"
+       transform="matrix(2.8594391,0,0,2.8594391,887.4529,-2076.773)"><flowRegion
+         id="flowRegion2737"
+         style="stroke:url(#linearGradient2749)"><rect
+           id="rect2739"
+           width="135.36044"
+           height="161.6244"
+           x="-296.98486"
+           y="755.54309"
+           style="stroke:url(#linearGradient2749)" /></flowRegion><flowPara
+         id="flowPara2741"
+         style="stroke:url(#linearGradient2749)">13</flowPara></flowRoot>  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Layer 6">
+    <path
+       style="display:inline;fill:url(#linearGradient919);fill-opacity:1;stroke:none;stroke-width:1.25870335;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 253.50001,148.5 c 0,60.1427 -38.38604,120.8986 -81.29657,120.8986 -42.91053,0 -39.29443,-60.7559 -39.29443,-120.8986 0,-60.142699 -0.0159,-119.698539 42.89461,-119.698538 42.91053,-2e-6 77.69639,59.555839 77.69639,119.698538 z"
+       id="path3729-6-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssss" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer6"
+     inkscape:label="Layer 7">
+    <path
+       inkscape:connector-curvature="0"
+       style="display:inline;fill:url(#radialGradient6192-7);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 104.90207,-2e-6 a 148.5,148.5 0 0 0 -118.570936,59.4 H 223.52107 a 148.5,148.5 0 0 0 -118.619,-59.4 z M -17.964922,231.66 A 148.5,148.5 0 0 0 104.90207,297 148.5,148.5 0 0 0 227.88674,231.66 Z"
+       id="path3729-6-5" />
+  </g>
+</svg>
diff --git a/web/14.svg b/web/14.svg
new file mode 100644
index 0000000..5223cd1
--- /dev/null
+++ b/web/14.svg
@@ -0,0 +1,268 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+    Vector graphic of a pool ball
+    Copyright (C) 2018  Pamela Hiatt
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+-->
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1000"
+   height="1000"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="14.svg"
+   enable-background="new">
+  <defs
+     id="defs2">
+    <linearGradient
+       id="linearGradient1474"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop1472" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient917">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop913" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop915" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6097"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop6095" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4546"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#f5f5f5;stop-opacity:1;"
+         offset="0"
+         id="stop4544" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138">
+      <stop
+         style="stop-color:#008000;stop-opacity:1"
+         offset="0"
+         id="stop6134" />
+      <stop
+         style="stop-color:#003200;stop-opacity:1"
+         offset="1"
+         id="stop6136" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138"
+       id="radialGradient6192"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828793e-8,-1.6422463,118.48047,301.43509)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       gradientTransform="translate(1.4522461e-6,-1.5083008e-6)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient831"
+       id="linearGradient833"
+       x1="3.1485915"
+       y1="143.54596"
+       x2="190.35814"
+       y2="143.54596"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient831">
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:1"
+         offset="0"
+         id="stop827" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop829" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient917"
+       id="linearGradient919"
+       x1="354.30515"
+       y1="148.5"
+       x2="127.49358"
+       y2="148.5"
+       gradientUnits="userSpaceOnUse" />
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter844">
+      <feBlend
+         inkscape:collect="always"
+         mode="multiply"
+         in2="BackgroundImage"
+         id="feBlend846" />
+    </filter>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138-4"
+       id="radialGradient6192-4"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828794e-8,-1.6422463,118.4785,301.4351)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138-4">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop6134-3" />
+      <stop
+         style="stop-color:#999999;stop-opacity:1"
+         offset="1"
+         id="stop6136-0" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.24748737"
+     inkscape:cx="512.60696"
+     inkscape:cy="256.333"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer6"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="748"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <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:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline;opacity:1">
+    <circle
+       id="path3729-6"
+       cx="105"
+       cy="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       r="148.5" />
+    <circle
+       r="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       cy="148.5"
+       cx="105"
+       id="circle897" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="Layer 5" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="Layer 3"
+     style="display:inline">
+    <circle
+       style="display:inline;fill:url(#linearGradient833);fill-opacity:1;stroke:#000000;stroke-width:5.049;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path825"
+       cx="109.95404"
+       cy="143.54596"
+       r="79.204041" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Layer 4"
+     style="filter:url(#filter844)">
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot864"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40.00014114px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:#cccccc;"
+       transform="matrix(2.6111729,0,0,2.7834566,-994.75771,-875.4771)"><flowRegion
+         id="flowRegion866"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40.00014114px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke:#cccccc;"><rect
+           id="rect868"
+           width="113.13708"
+           height="133.34013"
+           x="395.9798"
+           y="345.42114"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40.00014114px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke:#cccccc;" /></flowRegion><flowPara
+         id="flowPara851"
+         style="stroke:#cccccc;">14</flowPara></flowRoot>  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Layer 6">
+    <path
+       style="display:inline;fill:url(#linearGradient919);fill-opacity:1;stroke:none;stroke-width:1.25870335;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 253.50001,148.5 c 0,60.1427 -38.38604,120.8986 -81.29657,120.8986 -42.91053,0 -39.29443,-60.7559 -39.29443,-120.8986 0,-60.142699 -0.0159,-119.698539 42.89461,-119.698538 42.91053,-2e-6 77.69639,59.555839 77.69639,119.698538 z"
+       id="path3729-6-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssss" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer6"
+     inkscape:label="Layer 7">
+    <path
+       inkscape:connector-curvature="0"
+       style="display:inline;fill:url(#radialGradient6192-4);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 104.99803,0 A 148.5,148.5 0 0 0 -13.572843,59.4 H 223.61704 A 148.5,148.5 0 0 0 104.99803,0 Z M -17.8689,231.66 A 148.5,148.5 0 0 0 104.99803,297 148.5,148.5 0 0 0 227.98271,231.66 Z"
+       id="path3729-6-7" />
+  </g>
+</svg>
diff --git a/web/15.svg b/web/15.svg
new file mode 100644
index 0000000..145f36e
--- /dev/null
+++ b/web/15.svg
@@ -0,0 +1,333 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+    Vector graphic of a pool ball
+    Copyright (C) 2018  Pamela Hiatt
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+-->
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1000"
+   height="1000"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="15.svg"
+   enable-background="new">
+  <defs
+     id="defs2">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient2670">
+      <stop
+         style="stop-color:#f9f9f9;stop-opacity:1"
+         offset="0"
+         id="stop2666" />
+      <stop
+         style="stop-color:#f9f9f9;stop-opacity:0;"
+         offset="1"
+         id="stop2668" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1848"
+       inkscape:collect="always">
+      <stop
+         id="stop1844"
+         offset="0"
+         style="stop-color:#f9f9f9;stop-opacity:1" />
+      <stop
+         id="stop1846"
+         offset="1"
+         style="stop-color:#808080;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1474"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop1472" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient917">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop913" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop915" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6097"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop6095" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4546"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#f5f5f5;stop-opacity:1;"
+         offset="0"
+         id="stop4544" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138">
+      <stop
+         style="stop-color:#800000;stop-opacity:1"
+         offset="0"
+         id="stop6134" />
+      <stop
+         style="stop-color:#2b0000;stop-opacity:1"
+         offset="1"
+         id="stop6136" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138"
+       id="radialGradient6192"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828793e-8,-1.6422463,118.48047,301.43509)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       gradientTransform="translate(1.4522461e-6,-1.5083008e-6)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient831"
+       id="linearGradient833"
+       x1="3.1485915"
+       y1="143.54596"
+       x2="190.35814"
+       y2="143.54596"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient831">
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:1"
+         offset="0"
+         id="stop827" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop829" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient917"
+       id="linearGradient919"
+       x1="354.30515"
+       y1="148.5"
+       x2="127.49358"
+       y2="148.5"
+       gradientUnits="userSpaceOnUse" />
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter844">
+      <feBlend
+         inkscape:collect="always"
+         mode="multiply"
+         in2="BackgroundImage"
+         id="feBlend846" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1848"
+       id="linearGradient887"
+       x1="398.06989"
+       y1="366.2518"
+       x2="422.68164"
+       y2="366.2518"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138-2"
+       id="radialGradient6192-9"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828794e-8,-1.6422463,118.53787,301.4351)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138-2">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop6134-0" />
+      <stop
+         style="stop-color:#999999;stop-opacity:1"
+         offset="1"
+         id="stop6136-6" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient2670"
+       id="linearGradient2672"
+       x1="399.87507"
+       y1="366.23277"
+       x2="418.23864"
+       y2="366.23277"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="738.41776"
+     inkscape:cy="458.93156"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer3"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="748"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid1680" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <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:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline;opacity:1">
+    <circle
+       id="path3729-6"
+       cx="105"
+       cy="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       r="148.5" />
+    <circle
+       r="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       cy="148.5"
+       cx="105"
+       id="circle897" />
+    <path
+       inkscape:connector-curvature="0"
+       style="display:inline;fill:url(#radialGradient6192-9);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 105.05742,0 A 148.5,148.5 0 0 0 -13.513443,59.4 H 223.67642 A 148.5,148.5 0 0 0 105.05742,0 Z M -17.8095,231.66 A 148.5,148.5 0 0 0 105.05742,297 148.5,148.5 0 0 0 228.04209,231.66 Z"
+       id="path3729-6-8" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="Layer 5" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="Layer 3"
+     style="display:inline">
+    <circle
+       style="display:inline;fill:url(#linearGradient833);fill-opacity:1;stroke:#000000;stroke-width:5.049;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path825"
+       cx="109.95404"
+       cy="143.54596"
+       r="79.204041" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Layer 4"
+     style="filter:url(#filter844)">
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot864"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40.00065815px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:start;fill:#000000;fill-opacity:1;stroke:#cccccc;stroke-opacity:1;"
+       transform="matrix(2.7826018,0,0,2.9661963,-1063.508,-941.74021)"><flowRegion
+         id="flowRegion866"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40.00065815px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr;text-anchor:start;stroke:#cccccc;stroke-opacity:1;"><rect
+           id="rect868"
+           width="113.13708"
+           height="133.34013"
+           x="395.9798"
+           y="345.42114"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40.00065815px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr;text-anchor:start;stroke:#cccccc;stroke-opacity:1;" /></flowRegion><flowPara
+         id="flowPara1852"
+         style="stroke:#cccccc;">1</flowPara></flowRoot>    <flowRoot
+       xml:space="preserve"
+       id="flowRoot2642"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
+       transform="matrix(1.0534663,0,0,1.0534663,1733.0981,1629.0709)"><flowRegion
+         id="flowRegion2644"><rect
+           id="rect2646"
+           width="315.1676"
+           height="743.47229"
+           x="-2351.635"
+           y="-2159.7571" /></flowRegion><flowPara
+         id="flowPara2648">5</flowPara></flowRoot>  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Layer 6">
+    <path
+       style="display:inline;fill:url(#linearGradient919);fill-opacity:1;stroke:none;stroke-width:1.25870335;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 253.50001,148.5 c 0,60.1427 -38.38604,120.8986 -81.29657,120.8986 -42.91053,0 -39.29443,-60.7559 -39.29443,-120.8986 0,-60.142699 -0.0159,-119.698539 42.89461,-119.698538 42.91053,-2e-6 77.69639,59.555839 77.69639,119.698538 z"
+       id="path3729-6-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssss" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot2650"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:#999999;"
+       transform="matrix(2.7996515,0,0,2.7996515,3540.7101,1173.1992)"><flowRegion
+         id="flowRegion2652"
+         style="fill:#000000;stroke:#999999;"><rect
+           id="rect2654"
+           width="148.57143"
+           height="262.85715"
+           x="-1228.5714"
+           y="-388.57144"
+           style="fill:#000000;stroke:#999999;" /></flowRegion><flowPara
+         id="flowPara2656">5</flowPara></flowRoot>  </g>
+</svg>
diff --git a/web/2.svg b/web/2.svg
new file mode 100644
index 0000000..3179a30
--- /dev/null
+++ b/web/2.svg
@@ -0,0 +1,234 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+    Vector graphic of a pool ball
+    Copyright (C) 2018  Pamela Hiatt
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+-->
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1000"
+   height="1000"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="2.svg"
+   enable-background="new">
+  <defs
+     id="defs2">
+    <linearGradient
+       id="linearGradient1474"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop1472" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient917">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop913" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop915" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6097"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop6095" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4546"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#f5f5f5;stop-opacity:1;"
+         offset="0"
+         id="stop4544" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138">
+      <stop
+         style="stop-color:#0000ff;stop-opacity:1"
+         offset="0"
+         id="stop6134" />
+      <stop
+         style="stop-color:#000032;stop-opacity:1"
+         offset="1"
+         id="stop6136" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138"
+       id="radialGradient6192"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828793e-8,-1.6422463,118.48047,301.43509)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       gradientTransform="translate(1.4522461e-6,-1.5083008e-6)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient831"
+       id="linearGradient833"
+       x1="3.1485915"
+       y1="143.54596"
+       x2="190.35814"
+       y2="143.54596"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient831">
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:1"
+         offset="0"
+         id="stop827" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop829" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient917"
+       id="linearGradient919"
+       x1="354.30515"
+       y1="148.5"
+       x2="127.49358"
+       y2="148.5"
+       gradientUnits="userSpaceOnUse" />
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter844">
+      <feBlend
+         inkscape:collect="always"
+         mode="multiply"
+         in2="BackgroundImage"
+         id="feBlend846" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.49497475"
+     inkscape:cx="592.54013"
+     inkscape:cy="743.13536"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer3"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="748"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <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:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline;opacity:1">
+    <circle
+       id="path3729-6"
+       cx="105"
+       cy="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       r="148.5" />
+    <circle
+       r="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       cy="148.5"
+       cx="105"
+       id="circle897" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="Layer 5" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="Layer 3"
+     style="display:inline">
+    <circle
+       style="display:inline;fill:url(#linearGradient833);fill-opacity:1;stroke:#000000;stroke-width:5.049;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path825"
+       cx="109.95404"
+       cy="143.54596"
+       r="79.204041" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Layer 4"
+     style="filter:url(#filter844)">
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot864"
+       style="font-style:normal;font-weight:normal;font-size:39.99969762px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:#cccccc;-inkscape-font-specification:'sans-serif, Normal';font-stretch:normal;font-variant:normal;text-anchor:start;text-align:start;writing-mode:lr;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;"
+       transform="matrix(3.7479702,0,0,3.7479702,-1420.5857,-1229.7228)"><flowRegion
+         id="flowRegion866"
+         style="stroke:#cccccc;-inkscape-font-specification:'sans-serif, Normal';font-family:sans-serif;font-weight:normal;font-style:normal;font-stretch:normal;font-variant:normal;font-size:39.99969762px;text-anchor:start;text-align:start;writing-mode:lr;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;"><rect
+           id="rect868"
+           width="113.13708"
+           height="133.34013"
+           x="395.9798"
+           y="345.42114"
+           style="stroke:#cccccc;-inkscape-font-specification:'sans-serif, Normal';font-family:sans-serif;font-weight:normal;font-style:normal;font-stretch:normal;font-variant:normal;font-size:39.99969762px;text-anchor:start;text-align:start;writing-mode:lr;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;" /></flowRegion><flowPara
+         id="flowPara842">2</flowPara></flowRoot>  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Layer 6">
+    <path
+       style="display:inline;fill:url(#linearGradient919);fill-opacity:1;stroke:none;stroke-width:1.25870335;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 253.50001,148.5 c 0,60.1427 -38.38604,120.8986 -81.29657,120.8986 -42.91053,0 -39.29443,-60.7559 -39.29443,-120.8986 0,-60.142699 -0.0159,-119.698539 42.89461,-119.698538 42.91053,-2e-6 77.69639,59.555839 77.69639,119.698538 z"
+       id="path3729-6-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssss" />
+  </g>
+</svg>
diff --git a/web/3.svg b/web/3.svg
new file mode 100644
index 0000000..d90a686
--- /dev/null
+++ b/web/3.svg
@@ -0,0 +1,256 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+    Vector graphic of a pool ball
+    Copyright (C) 2018  Pamela Hiatt
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+-->
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1000"
+   height="1000"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="3.svg"
+   enable-background="new">
+  <defs
+     id="defs2">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient885">
+      <stop
+         style="stop-color:#f2f2f2;stop-opacity:1"
+         offset="0"
+         id="stop881" />
+      <stop
+         style="stop-color:#808080;stop-opacity:1"
+         offset="1"
+         id="stop883" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1474"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop1472" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient917">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop913" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop915" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6097"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop6095" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4546"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#f5f5f5;stop-opacity:1;"
+         offset="0"
+         id="stop4544" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138">
+      <stop
+         style="stop-color:#ff0000;stop-opacity:1"
+         offset="0"
+         id="stop6134" />
+      <stop
+         style="stop-color:#320000;stop-opacity:1"
+         offset="1"
+         id="stop6136" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138"
+       id="radialGradient6192"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828793e-8,-1.6422463,118.48047,301.43509)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       gradientTransform="translate(1.4522461e-6,-1.5083008e-6)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient831"
+       id="linearGradient833"
+       x1="3.1485915"
+       y1="143.54596"
+       x2="190.35814"
+       y2="143.54596"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient831">
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:1"
+         offset="0"
+         id="stop827" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop829" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient917"
+       id="linearGradient919"
+       x1="354.30515"
+       y1="148.5"
+       x2="127.49358"
+       y2="148.5"
+       gradientUnits="userSpaceOnUse" />
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter844">
+      <feBlend
+         inkscape:collect="always"
+         mode="multiply"
+         in2="BackgroundImage"
+         id="feBlend846" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient885"
+       id="linearGradient887"
+       x1="398.52732"
+       y1="366.2518"
+       x2="427.3299"
+       y2="366.2518"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="676.01344"
+     inkscape:cy="334.65176"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer3"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="748"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <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:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline;opacity:1">
+    <circle
+       id="path3729-6"
+       cx="105"
+       cy="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       r="148.5" />
+    <circle
+       r="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       cy="148.5"
+       cx="105"
+       id="circle897" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="Layer 5" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="Layer 3"
+     style="display:inline">
+    <circle
+       style="display:inline;fill:url(#linearGradient833);fill-opacity:1;stroke:#000000;stroke-width:5.049;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path825"
+       cx="109.95404"
+       cy="143.54596"
+       r="79.204041" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Layer 4"
+     style="filter:url(#filter844)">
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot864"
+       style="font-style:normal;font-weight:normal;font-size:39.99969762px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:url(#linearGradient887);-inkscape-font-specification:'sans-serif, Normal';font-stretch:normal;font-variant:normal;text-anchor:start;text-align:start;writing-mode:lr;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal"
+       transform="matrix(3.7479702,0,0,3.7479702,-1420.5857,-1229.7228)"><flowRegion
+         id="flowRegion866"
+         style="stroke:url(#linearGradient887);-inkscape-font-specification:'sans-serif, Normal';font-family:sans-serif;font-weight:normal;font-style:normal;font-stretch:normal;font-variant:normal;font-size:39.99969762px;text-anchor:start;text-align:start;writing-mode:lr;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal"><rect
+           id="rect868"
+           width="113.13708"
+           height="133.34013"
+           x="395.9798"
+           y="345.42114"
+           style="stroke:url(#linearGradient887);-inkscape-font-specification:'sans-serif, Normal';font-family:sans-serif;font-weight:normal;font-style:normal;font-stretch:normal;font-variant:normal;font-size:39.99969762px;text-anchor:start;text-align:start;writing-mode:lr;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal" /></flowRegion><flowPara
+         id="flowPara879"
+         style="stroke:url(#linearGradient887)">3</flowPara></flowRoot>  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Layer 6">
+    <path
+       style="display:inline;fill:url(#linearGradient919);fill-opacity:1;stroke:none;stroke-width:1.25870335;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 253.50001,148.5 c 0,60.1427 -38.38604,120.8986 -81.29657,120.8986 -42.91053,0 -39.29443,-60.7559 -39.29443,-120.8986 0,-60.142699 -0.0159,-119.698539 42.89461,-119.698538 42.91053,-2e-6 77.69639,59.555839 77.69639,119.698538 z"
+       id="path3729-6-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssss" />
+  </g>
+</svg>
diff --git a/web/4.svg b/web/4.svg
new file mode 100644
index 0000000..576a807
--- /dev/null
+++ b/web/4.svg
@@ -0,0 +1,255 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+    Vector graphic of a pool ball
+    Copyright (C) 2018  Pamela Hiatt
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+-->
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1000"
+   height="1000"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="4.svg"
+   enable-background="new">
+  <defs
+     id="defs2">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient885">
+      <stop
+         style="stop-color:#f2f2f2;stop-opacity:1"
+         offset="0"
+         id="stop881" />
+      <stop
+         style="stop-color:#808080;stop-opacity:1"
+         offset="1"
+         id="stop883" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1474"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop1472" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient917">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop913" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop915" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6097"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop6095" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4546"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#f5f5f5;stop-opacity:1;"
+         offset="0"
+         id="stop4544" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138">
+      <stop
+         style="stop-color:#ff00ff;stop-opacity:1"
+         offset="0"
+         id="stop6134" />
+      <stop
+         style="stop-color:#320032;stop-opacity:1"
+         offset="1"
+         id="stop6136" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138"
+       id="radialGradient6192"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828793e-8,-1.6422463,118.48047,301.43509)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       gradientTransform="translate(1.4522461e-6,-1.5083008e-6)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient831"
+       id="linearGradient833"
+       x1="3.1485915"
+       y1="143.54596"
+       x2="190.35814"
+       y2="143.54596"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient831">
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:1"
+         offset="0"
+         id="stop827" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop829" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient917"
+       id="linearGradient919"
+       x1="354.30515"
+       y1="148.5"
+       x2="127.49358"
+       y2="148.5"
+       gradientUnits="userSpaceOnUse" />
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter844">
+      <feBlend
+         inkscape:collect="always"
+         mode="multiply"
+         in2="BackgroundImage"
+         id="feBlend846" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient885"
+       id="linearGradient887"
+       x1="398.52732"
+       y1="366.2518"
+       x2="434.57495"
+       y2="366.2518"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="676.01344"
+     inkscape:cy="220.36605"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="748"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <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:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline;opacity:1">
+    <circle
+       id="path3729-6"
+       cx="105"
+       cy="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       r="148.5" />
+    <circle
+       r="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       cy="148.5"
+       cx="105"
+       id="circle897" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="Layer 5" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="Layer 3"
+     style="display:inline">
+    <circle
+       style="display:inline;fill:url(#linearGradient833);fill-opacity:1;stroke:#000000;stroke-width:5.049;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path825"
+       cx="109.95404"
+       cy="143.54596"
+       r="79.204041" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Layer 4"
+     style="filter:url(#filter844)">
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot864"
+       style="font-style:normal;font-weight:normal;font-size:39.99969762px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:url(#linearGradient887);-inkscape-font-specification:'sans-serif, Normal';font-stretch:normal;font-variant:normal;text-anchor:start;text-align:start;writing-mode:lr;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal"
+       transform="matrix(3.7479702,0,0,3.7479702,-1420.5857,-1229.7228)"><flowRegion
+         id="flowRegion866"
+         style="stroke:url(#linearGradient887);-inkscape-font-specification:'sans-serif, Normal';font-family:sans-serif;font-weight:normal;font-style:normal;font-stretch:normal;font-variant:normal;font-size:39.99969762px;text-anchor:start;text-align:start;writing-mode:lr;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal"><rect
+           id="rect868"
+           width="113.13708"
+           height="133.34013"
+           x="395.9798"
+           y="345.42114"
+           style="stroke:url(#linearGradient887);-inkscape-font-specification:'sans-serif, Normal';font-family:sans-serif;font-weight:normal;font-style:normal;font-stretch:normal;font-variant:normal;font-size:39.99969762px;text-anchor:start;text-align:start;writing-mode:lr;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal" /></flowRegion><flowPara
+         id="flowPara908">4</flowPara></flowRoot>  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Layer 6">
+    <path
+       style="display:inline;fill:url(#linearGradient919);fill-opacity:1;stroke:none;stroke-width:1.25870335;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 253.50001,148.5 c 0,60.1427 -38.38604,120.8986 -81.29657,120.8986 -42.91053,0 -39.29443,-60.7559 -39.29443,-120.8986 0,-60.142699 -0.0159,-119.698539 42.89461,-119.698538 42.91053,-2e-6 77.69639,59.555839 77.69639,119.698538 z"
+       id="path3729-6-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssss" />
+  </g>
+</svg>
diff --git a/web/5.svg b/web/5.svg
new file mode 100644
index 0000000..a030033
--- /dev/null
+++ b/web/5.svg
@@ -0,0 +1,255 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+    Vector graphic of a pool ball
+    Copyright (C) 2018  Pamela Hiatt
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+-->
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1000"
+   height="1000"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="5.svg"
+   enable-background="new">
+  <defs
+     id="defs2">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient885">
+      <stop
+         style="stop-color:#f2f2f2;stop-opacity:1"
+         offset="0"
+         id="stop881" />
+      <stop
+         style="stop-color:#808080;stop-opacity:1"
+         offset="1"
+         id="stop883" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1474"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop1472" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient917">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop913" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop915" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6097"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop6095" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4546"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#f5f5f5;stop-opacity:1;"
+         offset="0"
+         id="stop4544" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138">
+      <stop
+         style="stop-color:#ff9a00;stop-opacity:1"
+         offset="0"
+         id="stop6134" />
+      <stop
+         style="stop-color:#732e00;stop-opacity:1"
+         offset="1"
+         id="stop6136" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138"
+       id="radialGradient6192"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828793e-8,-1.6422463,118.48047,301.43509)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       gradientTransform="translate(1.4522461e-6,-1.5083008e-6)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient831"
+       id="linearGradient833"
+       x1="3.1485915"
+       y1="143.54596"
+       x2="190.35814"
+       y2="143.54596"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient831">
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:1"
+         offset="0"
+         id="stop827" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop829" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient917"
+       id="linearGradient919"
+       x1="354.30515"
+       y1="148.5"
+       x2="127.49358"
+       y2="148.5"
+       gradientUnits="userSpaceOnUse" />
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter844">
+      <feBlend
+         inkscape:collect="always"
+         mode="multiply"
+         in2="BackgroundImage"
+         id="feBlend846" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient885"
+       id="linearGradient887"
+       x1="398.52732"
+       y1="366.2518"
+       x2="434.57495"
+       y2="366.2518"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="333.15629"
+     inkscape:cy="334.65176"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="748"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <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:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline;opacity:1">
+    <circle
+       id="path3729-6"
+       cx="105"
+       cy="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       r="148.5" />
+    <circle
+       r="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       cy="148.5"
+       cx="105"
+       id="circle897" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="Layer 5" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="Layer 3"
+     style="display:inline">
+    <circle
+       style="display:inline;fill:url(#linearGradient833);fill-opacity:1;stroke:#000000;stroke-width:5.049;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path825"
+       cx="109.95404"
+       cy="143.54596"
+       r="79.204041" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Layer 4"
+     style="filter:url(#filter844)">
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot864"
+       style="font-style:normal;font-weight:normal;font-size:39.99969762px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:url(#linearGradient887);-inkscape-font-specification:'sans-serif, Normal';font-stretch:normal;font-variant:normal;text-anchor:start;text-align:start;writing-mode:lr;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;"
+       transform="matrix(3.7479702,0,0,3.7479702,-1420.5857,-1229.7228)"><flowRegion
+         id="flowRegion866"
+         style="stroke:url(#linearGradient887);-inkscape-font-specification:'sans-serif, Normal';font-family:sans-serif;font-weight:normal;font-style:normal;font-stretch:normal;font-variant:normal;font-size:39.99969762px;text-anchor:start;text-align:start;writing-mode:lr;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;"><rect
+           id="rect868"
+           width="113.13708"
+           height="133.34013"
+           x="395.9798"
+           y="345.42114"
+           style="stroke:url(#linearGradient887);-inkscape-font-specification:'sans-serif, Normal';font-family:sans-serif;font-weight:normal;font-style:normal;font-stretch:normal;font-variant:normal;font-size:39.99969762px;text-anchor:start;text-align:start;writing-mode:lr;font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;" /></flowRegion><flowPara
+         id="flowPara929">5</flowPara></flowRoot>  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Layer 6">
+    <path
+       style="display:inline;fill:url(#linearGradient919);fill-opacity:1;stroke:none;stroke-width:1.25870335;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 253.50001,148.5 c 0,60.1427 -38.38604,120.8986 -81.29657,120.8986 -42.91053,0 -39.29443,-60.7559 -39.29443,-120.8986 0,-60.142699 -0.0159,-119.698539 42.89461,-119.698538 42.91053,-2e-6 77.69639,59.555839 77.69639,119.698538 z"
+       id="path3729-6-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssss" />
+  </g>
+</svg>
diff --git a/web/6.svg b/web/6.svg
new file mode 100644
index 0000000..a153f7f
--- /dev/null
+++ b/web/6.svg
@@ -0,0 +1,283 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+    Vector graphic of a pool ball
+    Copyright (C) 2018  Pamela Hiatt
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+-->
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1000"
+   height="1000"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="6.svg"
+   enable-background="new">
+  <defs
+     id="defs2">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient885">
+      <stop
+         style="stop-color:#f2f2f2;stop-opacity:1"
+         offset="0"
+         id="stop881" />
+      <stop
+         style="stop-color:#808080;stop-opacity:1"
+         offset="1"
+         id="stop883" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1474"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop1472" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient917">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop913" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop915" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6097"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop6095" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4546"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#f5f5f5;stop-opacity:1;"
+         offset="0"
+         id="stop4544" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138">
+      <stop
+         style="stop-color:#008000;stop-opacity:1"
+         offset="0"
+         id="stop6134" />
+      <stop
+         style="stop-color:#003200;stop-opacity:1"
+         offset="1"
+         id="stop6136" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138"
+       id="radialGradient6192"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828793e-8,-1.6422463,118.48047,301.43509)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       gradientTransform="translate(1.4522461e-6,-1.5083008e-6)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient831"
+       id="linearGradient833"
+       x1="3.1485915"
+       y1="143.54596"
+       x2="190.35814"
+       y2="143.54596"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient831">
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:1"
+         offset="0"
+         id="stop827" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop829" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient917"
+       id="linearGradient919"
+       x1="354.30515"
+       y1="148.5"
+       x2="127.49358"
+       y2="148.5"
+       gradientUnits="userSpaceOnUse" />
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter844">
+      <feBlend
+         inkscape:collect="always"
+         mode="multiply"
+         in2="BackgroundImage"
+         id="feBlend846" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient885"
+       id="linearGradient887"
+       x1="398.52732"
+       y1="366.2518"
+       x2="434.57495"
+       y2="366.2518"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient885"
+       id="linearGradient952"
+       gradientUnits="userSpaceOnUse"
+       x1="398.52732"
+       y1="366.2518"
+       x2="434.57495"
+       y2="366.2518" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient885"
+       id="linearGradient954"
+       gradientUnits="userSpaceOnUse"
+       x1="398.52732"
+       y1="366.2518"
+       x2="434.57495"
+       y2="366.2518" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient885"
+       id="linearGradient956"
+       gradientUnits="userSpaceOnUse"
+       x1="398.52732"
+       y1="366.2518"
+       x2="434.57495"
+       y2="366.2518" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="333.15629"
+     inkscape:cy="334.65176"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="748"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <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:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline;opacity:1">
+    <circle
+       id="path3729-6"
+       cx="105"
+       cy="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       r="148.5" />
+    <circle
+       r="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       cy="148.5"
+       cx="105"
+       id="circle897" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="Layer 5" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="Layer 3"
+     style="display:inline">
+    <circle
+       style="display:inline;fill:url(#linearGradient833);fill-opacity:1;stroke:#000000;stroke-width:5.049;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path825"
+       cx="109.95404"
+       cy="143.54596"
+       r="79.204041" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Layer 4"
+     style="filter:url(#filter844)">
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot864"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:39.99969864px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:url(#linearGradient887)"
+       transform="matrix(3.5195283,0,0,3.7517447,-1329.5463,-1231.1052)"><flowRegion
+         id="flowRegion866"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:39.99969864px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke:url(#linearGradient954)"><rect
+           id="rect868"
+           width="113.13708"
+           height="133.34013"
+           x="395.9798"
+           y="345.42114"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:39.99969864px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke:url(#linearGradient952)" /></flowRegion><flowPara
+         id="flowPara950"
+         style="stroke:url(#linearGradient956)">6</flowPara></flowRoot>  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Layer 6">
+    <path
+       style="display:inline;fill:url(#linearGradient919);fill-opacity:1;stroke:none;stroke-width:1.25870335;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 253.50001,148.5 c 0,60.1427 -38.38604,120.8986 -81.29657,120.8986 -42.91053,0 -39.29443,-60.7559 -39.29443,-120.8986 0,-60.142699 -0.0159,-119.698539 42.89461,-119.698538 42.91053,-2e-6 77.69639,59.555839 77.69639,119.698538 z"
+       id="path3729-6-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssss" />
+  </g>
+</svg>
diff --git a/web/7.svg b/web/7.svg
new file mode 100644
index 0000000..ec18be7
--- /dev/null
+++ b/web/7.svg
@@ -0,0 +1,282 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+    Vector graphic of a pool ball
+    Copyright (C) 2018  Pamela Hiatt
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+-->
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1000"
+   height="1000"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="7.svg"
+   enable-background="new">
+  <defs
+     id="defs2">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient885">
+      <stop
+         style="stop-color:#f2f2f2;stop-opacity:1"
+         offset="0"
+         id="stop881" />
+      <stop
+         style="stop-color:#808080;stop-opacity:1"
+         offset="1"
+         id="stop883" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient1474"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop1472" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient917">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop913" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop915" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6097"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop6095" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4546"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#f5f5f5;stop-opacity:1;"
+         offset="0"
+         id="stop4544" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138">
+      <stop
+         style="stop-color:#800000;stop-opacity:1"
+         offset="0"
+         id="stop6134" />
+      <stop
+         style="stop-color:#2b0000;stop-opacity:1"
+         offset="1"
+         id="stop6136" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138"
+       id="radialGradient6192"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828793e-8,-1.6422463,118.48047,301.43509)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       gradientTransform="translate(1.4522461e-6,-1.5083008e-6)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient831"
+       id="linearGradient833"
+       x1="3.1485915"
+       y1="143.54596"
+       x2="190.35814"
+       y2="143.54596"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient831">
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:1"
+         offset="0"
+         id="stop827" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop829" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient917"
+       id="linearGradient919"
+       x1="354.30515"
+       y1="148.5"
+       x2="127.49358"
+       y2="148.5"
+       gradientUnits="userSpaceOnUse" />
+    <filter
+       inkscape:collect="always"
+       style="color-interpolation-filters:sRGB"
+       id="filter844">
+      <feBlend
+         inkscape:collect="always"
+         mode="multiply"
+         in2="BackgroundImage"
+         id="feBlend846" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient885"
+       id="linearGradient887"
+       x1="398.52732"
+       y1="366.2518"
+       x2="434.57495"
+       y2="366.2518"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient885"
+       id="linearGradient952"
+       gradientUnits="userSpaceOnUse"
+       x1="398.52732"
+       y1="366.2518"
+       x2="434.57495"
+       y2="366.2518" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient885"
+       id="linearGradient954"
+       gradientUnits="userSpaceOnUse"
+       x1="398.52732"
+       y1="366.2518"
+       x2="434.57495"
+       y2="366.2518" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient885"
+       id="linearGradient956"
+       gradientUnits="userSpaceOnUse"
+       x1="398.52732"
+       y1="366.2518"
+       x2="434.57495"
+       y2="366.2518" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="333.15629"
+     inkscape:cy="334.65176"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer3"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="748"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <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:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline;opacity:1">
+    <circle
+       id="path3729-6"
+       cx="105"
+       cy="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       r="148.5" />
+    <circle
+       r="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       cy="148.5"
+       cx="105"
+       id="circle897" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="Layer 5" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="Layer 3"
+     style="display:inline">
+    <circle
+       style="display:inline;fill:url(#linearGradient833);fill-opacity:1;stroke:#000000;stroke-width:5.049;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path825"
+       cx="109.95404"
+       cy="143.54596"
+       r="79.204041" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Layer 4"
+     style="filter:url(#filter844)">
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot864"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40.00014174px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr;text-anchor:start;fill:#000000;fill-opacity:1;stroke:url(#linearGradient887);"
+       transform="matrix(3.5195283,0,0,3.7517447,-1329.5463,-1231.1052)"><flowRegion
+         id="flowRegion866"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40.00014174px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr;text-anchor:start;stroke:url(#linearGradient954);"><rect
+           id="rect868"
+           width="113.13708"
+           height="133.34013"
+           x="395.9798"
+           y="345.42114"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40.00014174px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr;text-anchor:start;stroke:url(#linearGradient952);" /></flowRegion><flowPara
+         id="flowPara977">7</flowPara></flowRoot>  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Layer 6">
+    <path
+       style="display:inline;fill:url(#linearGradient919);fill-opacity:1;stroke:none;stroke-width:1.25870335;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 253.50001,148.5 c 0,60.1427 -38.38604,120.8986 -81.29657,120.8986 -42.91053,0 -39.29443,-60.7559 -39.29443,-120.8986 0,-60.142699 -0.0159,-119.698539 42.89461,-119.698538 42.91053,-2e-6 77.69639,59.555839 77.69639,119.698538 z"
+       id="path3729-6-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssss" />
+  </g>
+</svg>
diff --git a/web/8.svg b/web/8.svg
new file mode 100644
index 0000000..8befad8
--- /dev/null
+++ b/web/8.svg
@@ -0,0 +1,222 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+    Vector graphic of a pool ball
+    Copyright (C) 2018  Pamela Hiatt
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+-->
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1000"
+   height="1000"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="8.svg">
+  <defs
+     id="defs2">
+    <linearGradient
+       id="linearGradient1474"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop1472" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient917">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop913" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop915" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6097"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop6095" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4546"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#f5f5f5;stop-opacity:1;"
+         offset="0"
+         id="stop4544" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138">
+      <stop
+         style="stop-color:#666666;stop-opacity:1"
+         offset="0"
+         id="stop6134" />
+      <stop
+         style="stop-color:#000000;stop-opacity:1"
+         offset="1"
+         id="stop6136" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138"
+       id="radialGradient6192"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828793e-8,-1.6422463,118.48047,301.43509)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       gradientTransform="translate(1.4522461e-6,-1.5083008e-6)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient831"
+       id="linearGradient833"
+       x1="3.1485915"
+       y1="143.54596"
+       x2="190.35814"
+       y2="143.54596"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient831">
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:1"
+         offset="0"
+         id="stop827" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop829" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient917"
+       id="linearGradient919"
+       x1="354.30515"
+       y1="148.5"
+       x2="127.49358"
+       y2="148.5"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="-2.5579921"
+     inkscape:cy="334.65176"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="748"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <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:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline;opacity:1">
+    <circle
+       id="path3729-6"
+       cx="105"
+       cy="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       r="148.5" />
+    <circle
+       r="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       cy="148.5"
+       cx="105"
+       id="circle897" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="Layer 5" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="Layer 3"
+     style="display:inline">
+    <circle
+       style="display:inline;fill:url(#linearGradient833);fill-opacity:1;stroke:#000000;stroke-width:5.049;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path825"
+       cx="109.95404"
+       cy="143.54596"
+       r="79.204041" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Layer 4">
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot864"
+       style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:#808080;"
+       transform="matrix(3.7479702,0,0,3.7479702,-1420.5857,-1229.7228)"><flowRegion
+         id="flowRegion866"
+         style="stroke:#808080;"><rect
+           id="rect868"
+           width="113.13708"
+           height="133.34013"
+           x="395.9798"
+           y="345.42114"
+           style="stroke:#808080;" /></flowRegion><flowPara
+         id="flowPara870">8</flowPara></flowRoot>  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Layer 6">
+    <path
+       style="display:inline;fill:url(#linearGradient919);fill-opacity:1;stroke:none;stroke-width:1.25870335;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 253.50001,148.5 c 0,60.1427 -38.38604,120.8986 -81.29657,120.8986 -42.91053,0 -39.29443,-60.7559 -39.29443,-120.8986 0,-60.142699 -0.0159,-119.698539 42.89461,-119.698538 42.91053,-2e-6 77.69639,59.555839 77.69639,119.698538 z"
+       id="path3729-6-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssss" />
+  </g>
+</svg>
diff --git a/web/9.svg b/web/9.svg
new file mode 100644
index 0000000..749cb96
--- /dev/null
+++ b/web/9.svg
@@ -0,0 +1,250 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+    Vector graphic of a pool ball
+    Copyright (C) 2018  Pamela Hiatt
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+-->
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1000"
+   height="1000"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="9.svg">
+  <defs
+     id="defs2">
+    <linearGradient
+       id="linearGradient1474"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop1472" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient917">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop913" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop915" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient6097"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop6095" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4546"
+       osb:paint="solid">
+      <stop
+         style="stop-color:#f5f5f5;stop-opacity:1;"
+         offset="0"
+         id="stop4544" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138">
+      <stop
+         style="stop-color:#ffff00;stop-opacity:1"
+         offset="0"
+         id="stop6134" />
+      <stop
+         style="stop-color:#3c3c00;stop-opacity:1"
+         offset="1"
+         id="stop6136" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138"
+       id="radialGradient6192"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828793e-8,-1.6422463,118.48047,301.43509)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       gradientTransform="translate(1.4522461e-6,-1.5083008e-6)"
+       inkscape:collect="always"
+       xlink:href="#linearGradient831"
+       id="linearGradient833"
+       x1="3.1485915"
+       y1="143.54596"
+       x2="190.35814"
+       y2="143.54596"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient831">
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:1"
+         offset="0"
+         id="stop827" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop829" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient917"
+       id="linearGradient919"
+       x1="354.30515"
+       y1="148.5"
+       x2="127.49358"
+       y2="148.5"
+       gradientUnits="userSpaceOnUse" />
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient6138-6"
+       id="radialGradient6192-3"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1.5379044,3.6361763e-8,-3.8828794e-8,-1.6422463,118.4981,301.4351)"
+       cx="-59.954411"
+       cy="93.8563"
+       fx="-59.954411"
+       fy="93.8563"
+       r="148.5" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient6138-6">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="0"
+         id="stop6134-7" />
+      <stop
+         style="stop-color:#999999;stop-opacity:1"
+         offset="1"
+         id="stop6136-5" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.24748737"
+     inkscape:cx="602.63592"
+     inkscape:cy="361.26805"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer3"
+     showgrid="false"
+     inkscape:window-width="1280"
+     inkscape:window-height="748"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <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:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2"
+     style="display:inline;opacity:1">
+    <circle
+       id="path3729-6"
+       cx="105"
+       cy="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       r="148.5" />
+    <circle
+       r="148.5"
+       style="fill:url(#radialGradient6192);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       cy="148.5"
+       cx="105"
+       id="circle897" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="Layer 5" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="Layer 3"
+     style="display:inline">
+    <circle
+       style="display:inline;fill:url(#linearGradient833);fill-opacity:1;stroke:#000000;stroke-width:5.049;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path825"
+       cx="109.95404"
+       cy="143.54596"
+       r="79.204041" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Layer 4">
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot864"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:39.99995422px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:#808080"
+       transform="matrix(4.4301932,0,0,4.4301932,-1695.3394,-1477.6086)"><flowRegion
+         id="flowRegion866"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:39.99995422px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke:#808080"><rect
+           id="rect868"
+           width="113.13708"
+           height="133.34013"
+           x="395.9798"
+           y="345.42114"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:39.99995422px;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;stroke:#808080" /></flowRegion><flowPara
+         id="flowPara856">9</flowPara></flowRoot>    <path
+       inkscape:connector-curvature="0"
+       style="display:inline;fill:url(#radialGradient6192-3);fill-opacity:1;stroke:none;stroke-width:2.03207397;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 105.01763,3e-6 a 148.5,148.5 0 0 0 -118.570871,59.4 H 223.63665 A 148.5,148.5 0 0 0 105.01763,3e-6 Z M -17.849298,231.66 A 148.5,148.5 0 0 0 105.01763,297 148.5,148.5 0 0 0 228.00232,231.66 Z"
+       id="path3729-6-3" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer5"
+     inkscape:label="Layer 6">
+    <path
+       style="display:inline;fill:url(#linearGradient919);fill-opacity:1;stroke:none;stroke-width:1.25870335;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 253.50001,148.5 c 0,60.1427 -38.38604,120.8986 -81.29657,120.8986 -42.91053,0 -39.29443,-60.7559 -39.29443,-120.8986 0,-60.142699 -0.0159,-119.698539 42.89461,-119.698538 42.91053,-2e-6 77.69639,59.555839 77.69639,119.698538 z"
+       id="path3729-6-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssss" />
+  </g>
+</svg>
diff --git a/web/entity.js b/web/entity.js
new file mode 100644
index 0000000..4a75fb8
--- /dev/null
+++ b/web/entity.js
@@ -0,0 +1,171 @@
+/*
+    Ion Pool, a web-based two-player pool game.
+    Copyright (C) 2018  Alicia <...>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+*/
+var entities=[];
+
+function anglediff(a, b) // Find the closest difference between two angles, e.g. 359°-0°=-1°
+{
+  if(a-b>Math.PI){b+=Math.PI*2;}
+  else if(b-a>Math.PI){a+=Math.PI*2;}
+  return (a-b)%(Math.PI*2);
+}
+
+function entity(x, y, w, h, phys, img, id=false)
+{
+  if(img)
+  {
+    (this.img=document.createElement('img')).src=img;
+    if(!w && !h)
+    {
+      w=this.img.width;
+      h=this.img.height;
+    }
+  }
+  this.x=x;
+  this.y=y;
+  this.w=w;
+  this.h=h;
+  this.vx=0; // Velocity (TODO: Maybe this should be a single velocity number and one direction number instead)
+  this.vy=0;
+  this.phys=phys;
+  this.id=id;
+  this.out=false;
+  if(!isNaN(this.id))
+  {
+    if(this.id<8){this.category='Whole';}
+    else if(this.id>8){this.category='Half';}
+    else{this.category='8';}
+  }
+  this.draw=function()
+  {
+    if(!this.img)
+    {
+  // Debug
+//  ctx.fillStyle=(this.phys=='border'?'#ff0000':'#00ff00');
+//  ctx.fillRect(this.x, this.y, this.w, this.h);
+      return;
+    }
+    ctx.drawImage(this.img, 0, 0, this.img.width, this.img.height, offsetX+this.x*scale, offsetY+this.y*scale, this.w*scale, this.h*scale);
+  };
+  this.move=function()
+  {
+// TODO: Report back whether we hit any other balls (for free-placement rules and continued turns), does it matter which balls?
+    if(!this.vx && !this.vy){return;} // Don't waste time on still objects
+    for(var microstep=0; microstep<10; ++microstep) // Split the step up a bit for smoother movement with collision detection
+    {
+      this.x+=this.vx/10;
+      this.y+=this.vy/10;
+      for(var i in entities)
+      {
+        var e=entities[i];
+        if(e==this || e.out){continue;}
+        switch(e.phys)
+        {
+        case 'border': // Lazy simplified physics for borders, which are also immovable
+          if(!this.simpleColDet(e)){break;}
+// TODO: Better physics! though for borders the coldet might be good enough
+          if(e.w>e.h)
+          {
+            this.vy*=-0.9;
+            this.y=(this.vy>0?e.y+e.h:e.y-this.h);
+            this.vx*=0.9;
+          }else{
+            this.vx*=-0.9;
+            this.x=(this.vx>0?e.x+e.w:e.x-this.w);
+            this.vy*=0.9;
+          }
+          break;
+        case 'ball':
+          if(!this.ballColDet(e)){break;}
+          // Keep balls from getting stuck. Maybe not the cleanest solution
+          this.x-=this.vx/10;
+          this.y-=this.vy/10;
+          // Transfer momentum
+          var force1=Math.sqrt(this.vx**2+this.vy**2); // This ball's momentum
+          var force2=Math.sqrt(e.vx**2+e.vy**2); // Other ball's momentum
+          var angle=Math.atan2(this.x-e.x, this.y-e.y); // Angle between ball positions
+          var fangle=Math.atan2(e.vx-this.vx, e.vy-this.vy); // Direction this ball is moving
+          var diff=anglediff(angle, fangle);
+          angle=fangle+diff;
+          // Dirtier angle=more bounceback
+          var tmp=force1;
+          force1=force1/(1+Math.abs(diff)/Math.PI)+Math.abs(diff)/Math.PI*force2;
+          force2=force2/(1+Math.abs(diff)/Math.PI)+Math.abs(diff)/Math.PI*tmp;
+          e.vx=Math.sin(angle+Math.PI)*force1;
+          e.vy=Math.cos(angle+Math.PI)*force1;
+          this.vx=Math.sin(angle)*force2;
+          this.vy=Math.cos(angle)*force2;
+          events.trigger('Touch'+e.category);
+          break;
+        case 'hole':
+          if(this.containingColDet(e))
+          {
+            this.out=true;
+            this.vx=this.vy=0;
+            this.x=this.y=-offsetX/scale-this.w*10;
+            events.trigger('Pocket'+this.category);
+            if(!synced && !mycolor && this.category && this.category!='8'){mycolor=this.category; net_pickcolor();}
+          }
+        }
+      }
+    }
+    this.vx*=0.98;
+    this.vy*=0.98;
+    if(Math.abs(this.vy)<0.05 && Math.abs(this.vx)<0.05) // Don't bother with ridiculously small velocities infinitely becoming smaller but never reaching 0, just set to 0 when they're slow enough
+    {
+      this.vy=0;
+      this.vx=0;
+      endofshot();
+    }
+  };
+  this.simpleColDet=function(e)
+  {
+    return (this.x<e.x+e.w &&
+            this.x+this.w>e.x &&
+            this.y<e.y+e.h &&
+            this.y+this.h>e.y);
+  }
+  this.pointColDet=function(x, y)
+  {
+    return (this.x<=x &&
+            this.x+this.w>x &&
+            this.y<=y &&
+            this.y+this.h>y);
+  }
+  this.ballColDet=function(e)
+  {
+    // Lazy check first to rule out balls that aren't anywhere close
+    if(!this.simpleColDet(e)){return false;}
+    var dist=Math.sqrt((this.x-e.x)**2+(this.y-e.y)**2);
+    return (dist<=this.w);
+  }
+  this.containingColDet=function(e)
+  {
+    return (this.x>=e.x &&
+            this.x+this.w<=e.x+e.w &&
+            this.y>=e.y &&
+            this.y+this.h<=e.y+e.h);
+  }
+}
+
+function getentity(id)
+{
+  for(var i in entities)
+  {
+    if(entities[i].id==id){return entities[i];}
+  }
+}
diff --git a/web/index.html b/web/index.html
new file mode 100644
index 0000000..7c3feeb
--- /dev/null
+++ b/web/index.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Pool</title>
+  <...>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+  -->
+  <!-- This game uses images rendered from https://opengameart.org/content/billiard-tables under the GPLv3 -->
+  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0" />
+  <script src="entity.js"></script>
+  <script src="pool.js"></script>
+  <script src="net.js"></script>
+  <script>
+  function start(mode)
+  {
+    if(mode=='local')
+    {
+      message='';
+      myturn=true;
+    }else{
+      sock=new WebSocket('wss://'+document.domain+':4001/', 'pool0');
+      sock.onmessage=netmsg;
+      sock.onopen=function(){sock.send(mode);};
+    }
+    document.getElementById('menu').style.display='none';
+    init();
+  }
+
+  function joingame()
+  {
+    if(window.location.hash.substring(0,6)=='#game=')
+    {
+      start('private:'+window.location.hash.substring(6));
+    }
+  }
+  </script>
+</head>
+<body bgcolor="#000000" onload="joingame();" style="margin:0px;height:100%;">
+  <div id="menu" style="text-align:center; width:100%; position:absolute; top:45%;">
+    <button onclick="start('random');">Random game</button><br />
+    <button onclick="start('private');">Private game</button><br />
+    <button onclick="start('local');">Local game</button><br />
+    <br />
+    <a href="https://ion.nu/git/pool/" style="color:#c0c0c0; font-weight:100;">Ion Pool is free software under the terms of the AGPLv3+</a>
+  </div>
+  <img src="pooltable.png" style="display:none;" />
+  <canvas id="display">Error: no canvas support in this browser</canvas>
+</body>
+</html>
diff --git a/web/net.js b/web/net.js
new file mode 100644
index 0000000..107afc1
--- /dev/null
+++ b/web/net.js
@@ -0,0 +1,80 @@
+/*
+    Ion Pool, a web-based two-player pool game.
+    Copyright (C) 2018  Alicia <...>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+*/
+var sock=false;
+var synced=true;
+function net_cue(ball)
+{
+  if(!sock){return;} // Local game
+  sock.send(JSON.stringify({'cmd':'cue','x':ball.vx,'y':ball.vy}));
+}
+function net_sync(theirturn=true)
+{
+  if(synced && theirturn){return;}
+  synced=true;
+  if(!sock){myturn=true; return;} // Local game
+  var table=entities[0];
+  var balls=[];
+  for(var i in entities)
+  {
+    if(entities[i].phys!='ball'){continue;}
+    balls.push({
+      'id':entities[i].id,
+      'x':(entities[i].x-table.x),
+      'y':(entities[i].y-table.y),
+      'out':entities[i].out
+    });
+  }
+  sock.send(JSON.stringify({'cmd':'sync','balls':balls,'yourturn':theirturn}));
+// TODO: Include whether opponent gets ball-in-hand, or I guess we can do that by simply setting the cueball as out
+}
+
+function net_pickcolor()
+{
+  if(!sock){return;} // Local game
+  alert('Picked color, '+mycolor);
+  // Notify opponent of their color
+  sock.send(JSON.stringify({'cmd':'pickcolor','color':mycolor}));
+}
+
+function netmsg(data)
+{
+  var table=entities[0];
+  data=JSON.parse(data.data);
+  switch(data.cmd)
+  {
+    case 'error': alert(data.msg); sock.close(); break;
+    case 'cue': cueball.vx=data.x; cueball.vy=data.y; break;
+    case 'sync':
+      for(var ball in data.balls)
+      {
+        ball=data.balls[ball];
+        var b=getentity(ball.id);
+        b.x=ball.x;
+        b.y=ball.y;
+        b.out=ball.out;
+        b.vx=b.vy=0;
+      }
+      myturn=data.yourturn;
+      break;
+    case 'gamekey':
+      alert('Game link: '+window.location+'#game='+data.key);
+      break;
+    case 'match': myturn=data.yourturn; message=''; break;
+    case 'pickcolor': mycolor=(data.color=='Whole'?'Half':'Whole'); break;
+  }
+}
diff --git a/web/pool.js b/web/pool.js
new file mode 100644
index 0000000..1bb4f38
--- /dev/null
+++ b/web/pool.js
@@ -0,0 +1,215 @@
+/*
+    Ion Pool, a web-based two-player pool game.
+    Copyright (C) 2018  Alicia <...>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+*/
+var ctx;
+var scale;
+var offsetX;
+var offsetY;
+var cueball;
+var myturn=false;
+var mycolor=false;
+var events={
+  'events':{},
+  'reset':function(){for(i in this.events){this.events[i]=false;}},
+  'trigger':function(name){this.events[name]=true;},
+  'check':function(name){return this.events[name];}
+};
+
+function endofshot()
+{
+  for(var i in entities)
+  {
+    if(entities[i].vx!=0 || entities[i].vy!=0){return;} // Too soon, at least one ball still rolling
+  }
+  myturn=events.check('Pocket'+mycolor);
+  net_sync(!myturn);
+}
+
+var message='Waiting for player 2';
+function init()
+{
+  var canvas=document.getElementById('display');
+  canvas.width=window.innerWidth;
+  canvas.height=window.innerHeight-4; // Some browsers add scrollbars unless you have 4 pixels free
+  // Add the pool table
+  var table=new entity(0,0,0,0, 'table','pooltable.png');
+  entities.push(table);
+  // Figure out ratios
+  var ratio=table.h/table.w;
+  // Pick which side to sacrifice space on for ads
+  if(canvas.height>canvas.width*ratio) // TODO: Calculate which would actually be closer to the right aspect ratio instead
+  {
+    canvas.height-=150;
+// TODO: Put ad on top
+  }else{
+    canvas.width-=200;
+// TODO: Put ad on side (I guess which side doesn't matter)
+  }
+  // Set table size, adding some room for the cue
+  var tablew=canvas.width*0.8;
+  var tableh=canvas.height*0.8;
+  // Adjust for screen ratio
+  if(tableh>tablew*ratio)
+  {
+    tableh=tablew*ratio;
+  }else{
+    tablew=tableh/ratio;
+  }
+  scale=(tablew+tableh)/(table.img.width+table.img.height);
+  offsetX=(canvas.width-tablew)/2;
+  offsetY=(canvas.height-tableh)/2;
+  // Set up the canvas context
+  ctx=canvas.getContext('2d');
+  ctx.fillStyle = '#e0e0e0';
+  ctx.fillRect(0, 0, canvas.width, canvas.height);
+  // Set up balls
+  cueball=new entity(table.w/2-19, table.h*3/4-19, 38, 38, 'ball', '0.png', 'cue');
+  entities.push(cueball);
+// TODO: Randomize ball positions within the triangle, but it has to be synced with the other player. Maybe the server should do it. 8ball needs to be in center
+  var i=1;
+  for(var y=1; y<=5; ++y)
+  {
+    for(var x=0; x<y; ++x)
+    {
+      entities.push(new entity((654-38*(y-x*2))/2, 435-y*35, 38, 38, 'ball', (i++)+'.png', i));
+    }
+  }
+  // Borders
+  entities.push(new entity(110, 0, 435, 68, 'border', false));
+  entities.push(new entity(110, table.h-68, 435, 68, 'border', false));
+  entities.push(new entity(0, 115, 67, 445, 'border', false));
+  entities.push(new entity(table.w-67, 115, 67, 445, 'border', false));
+  entities.push(new entity(0, 620, 67, 445, 'border', false));
+  entities.push(new entity(table.w-67, 620, 67, 445, 'border', false));
+  // Holes
+  entities.push(new entity(0, 0, 110, 115, 'hole', false));
+  entities.push(new entity(545, 0, 109, 115, 'hole', false));
+  entities.push(new entity(0, 560, 67, 60, 'hole', false));
+  entities.push(new entity(587, 560, 67, 60, 'hole', false));
+  entities.push(new entity(0, 1065, 110, 115, 'hole', false));
+  entities.push(new entity(545, 1065, 109, 115, 'hole', false));
+  var cue=false;
+  var cueX;
+  var cueY;
+  // Start the frame interval
+  setInterval(function()
+  {
+    ctx.fillStyle = '#e0e0e0';
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+    for(var i in entities)
+    {
+      if(entities[i].out)
+      {
+        if(entities[i]==cueball){cueball.draw();}
+        continue;
+      }
+      entities[i].move();
+      entities[i].draw();
+    }
+    if(cue)
+    {
+      ctx.strokeStyle='#ffffff';
+      ctx.lineWidth=10*scale;
+      ctx.lineCap='round';
+      ctx.beginPath();
+      ctx.moveTo(offsetX+(cueball.x+cueball.w/2)*scale, offsetY+(cueball.y+cueball.h/2)*scale);
+      ctx.lineTo(cueX, cueY);
+      ctx.stroke();
+    }
+    if(myturn || message!='')
+    {
+      ctx.font='normal '+(90*scale)+'px Sans';
+      ctx.textAlign='center';
+      ctx.fillStyle='#000000';
+      ctx.fillText(myturn?'Your turn':message, canvas.width/2, (offsetY+90*scale)/2);
+    }
+  }, 1000/24);
+  // Set up inputs
+  document.ontouchstart=document.onmousedown=function(e)
+  {
+    if(!myturn || cueball.out){return;}
+    var x=e.pageX;
+    var y=e.pageY;
+    if(e.touches && e.touches[0]){x=e.touches[0].pageX; y=e.touches[0].pageY;}
+    if(cueball.pointColDet((x-offsetX)/scale, (y-offsetY)/scale))
+    {
+      cue=true;
+      cueX=x;
+      cueY=y;
+    }
+  };
+  document.ontouchmove=document.onmousemove=function(e)
+  {
+    if(!myturn){return;}
+    var x=e.pageX;
+    var y=e.pageY;
+    if(e.touches && e.touches[0]){x=e.touches[0].pageX; y=e.touches[0].pageY;}
+    cueX=x;
+    cueY=y;
+    if(cueball.out)
+    {
+      cueball.x=(x-offsetX)/scale-cueball.w/2;
+      cueball.y=(y-offsetY)/scale-cueball.h/2;
+    }
+  };
+  document.ontouchend=document.onmouseup=function(e)
+  {
+// TODO: Keep this from triggering twice on touchscreens/phones
+    if(!myturn){return;}
+    var x=e.pageX;
+    var y=e.pageY;
+    if(!x && !y){x=cueX; y=cueY;}
+    if(!x && !y){return;}
+    if(cueball.out)
+    {
+      cueball.x=(x-offsetX)/scale-cueball.w/2;
+      cueball.y=(y-offsetY)/scale-cueball.h/2;
+      // Don't let the player place the ball inside other balls or outside the table
+      for(i in entities)
+      {
+        if(entities[i]==cueball){continue;}
+        if(entities[i].phys=='ball' && cueball.ballColDet(entities[i])){alert('There is already a ball there!'); return;}
+        else if(entities[i].phys=='border' && cueball.simpleColDet(entities[i])){alert('The cueball belongs on the table!'); return;}
+        else if(entities[i].phys=='table' && !cueball.containingColDet(entities[i])){alert('The cueball belongs on the table!'); return;}
+        else if(entities[i].phys=='hole' && cueball.containingColDet(entities[i])){alert('The cueball belongs on the table!'); return;}
+      }
+// TODO: Rules about where the ball is allowed to be placed
+      cueball.out=false;
+      // Notify opponent about the placement without giving away our turn
+      net_sync(false);
+    }
+    if(!cue){return;}
+    cueball.vx=((cueball.x+cueball.w/2)*scale-(x-offsetX))/scale/5;
+    cueball.vy=((cueball.y+cueball.h/2)*scale-(y-offsetY))/scale/5;
+    // Sanitize speed
+    if(Math.abs(cueball.vx)>38)
+    {
+      cueball.vy*=38/Math.abs(cueball.vx);
+      cueball.vx*=38/Math.abs(cueball.vx);
+    }
+    if(Math.abs(cueball.vy)>38)
+    {
+      cueball.vx*=38/Math.abs(cueball.vy);
+      cueball.vy*=38/Math.abs(cueball.vy);
+    }
+    net_cue(cueball);
+    cue=false;
+    synced=false;
+    myturn=false;
+    events.reset();
+  };
+}